@font-face {
 font-family: brandon;
 src:url(fonts/brandongrotesque_regular_macroman/Brandon_reg-webfont.woff);
 src:url(fonts/brandongrotesque_regular_macroman/Brandon_reg-webfont.eot) format('embedded-opentype'),
 url(fonts/brandongrotesque_regular_macroman/Brandon_reg-webfont.svg),
 url(fonts/brandongrotesque_regular_macroman/Brandon_reg-webfont.ttf);
}

@font-face {
 font-family: brandon;
 src:url(fonts/brandongrotesque_regular_turkish/Brandon_reg-webfont.woff);
 src:url(fonts/brandongrotesque_regular_turkish/Brandon_reg-webfont.eot) format('embedded-opentype'),
 url(fonts/brandongrotesque_regular_turkish/Brandon_reg-webfont.svg),
 url(fonts/brandongrotesque_regular_turkish/Brandon_reg-webfont.ttf);
}

@font-face {
  font-family: 'brandon-bold';
  src: url('fonts/brandonbold/Brandon_bld.eot'); /* IE9 Compat Modes */
  src: url('fonts/brandonbold/Brandon_bld.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/brandonbold/Brandon_bld.woff') format('woff'), /* Modern Browsers */
       url('fonts/brandonbold/Brandon_bld.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/brandonbold/Brandon_bld.svg#41e76bd6e414417d52adb646f262964a') format('svg'); /* Legacy iOS */
       
  font-style:   bold;
  font-weight:  700;
}


@font-face {
 font-family: playfair;
 src:url(fonts/playfair/PlayfairDisplay-Regular.otf);
}


body {
	font-family: brandon;
	-webkit-font-smoothing: antialiased;
}

.center {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 45px;
}

.red {
	color: red;
}

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(0, 116, 156);
    padding: 20px;
}

#white-box {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 100%;
    min-height: 0px;
    background-color: rgb(255, 255, 255);
    min-width: 0px;
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
}

#header {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 100%;
    min-height: 50px;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

#logo {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 336px;
    min-height: 0px;
    min-width: 0px;
    position: relative;
    top: 0px;
    left: 0px;
}

#image {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
}

#social {
    float: left;
    height: 76px;
    margin: 30px 0px 0px;
    clear: none;
    width: 188px;
    min-height: 50px;
	font-size: 15px;
	z-index: 2;
}

#social ul {
	list-style: none;
	height: 25px;
	padding-left: 0px;
	margin-top: 0;
}

#social ul li {
	float: left;
	margin-right: 7px;
}

#social a:hover, .press-link a:hover {
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transition: opacity 0.4s ease; /* For Safari 3.1 to 6.0 */
transition: opacity 0.4s ease;	
}

.press-link {
	color: rgb(0, 116, 156);
}

#lang {
    float: right;
    height: auto;
    clear: none;
    width: 206px;
    min-height: 50px;
    position: absolute;
    top: 30px;
    left: auto;
    bottom: auto;
    right: 0px;
	letter-spacing: 1px;
}

#lang a:hover{
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transition: opacity 0.4s ease; /* For Safari 3.1 to 6.0 */
transition: opacity 0.4s ease;
}

#lang p {
	font-size: 16px;
	text-align: right;
	color: #00749C;
}

.lang-masaustu {
	display: block;
}

.lang-mobil {
	display: none;
}

.active {
	font-family: brandon-bold;
}


#main-content {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 25px;
    clear: both;
    width: 74.902724%;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: auto;
    min-width: 0px;
    max-width: 770px;
    display: block;
    padding-bottom: 20px;
}

#slogan {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: auto;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: auto;
    padding-bottom: 23px;
    display: block;
}

#slogan h1 {
    float: none;
	width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 100%;
    margin: 0px auto;
    clear: none;
    min-height: 0px;
    position: relative;
    top: 0px;
    left: 0px;
	font-size: 1.2em;
	letter-spacing: 1px;
}

#slogan h1 span {
    float: none;
	font: 1.6em/1.0em playfair;
	color: rgb(0, 116, 156);
    font-style: italic;
	font-weight: 200;
}

.kisa-cizgi {
	width: 25%;
	margin: 0 auto;
	height: 1px;
	border: 0;
	border-top: 1px solid #000000;
}

#maddeler {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 23px;
    clear: none;
    width: 100%;
    min-height: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: auto;
    min-width: 0px;
}

.maddeler-table {
	margin: 0 auto;
	height: auto;
}

.number {
	font: 50px/80% playfair;
	color: rgb(0, 116, 156);
	font-style: italic;
	font-weight: 200;
	width: 35px;
}

.madde-yazi {
 vertical-align: middle;
 width: auto;
	letter-spacing: 1px;
}


.blue-number {
    float: none;
	font: italic 3em playfair;
	line-height: 1em;
    color: rgb(0, 116, 156);
	margin-right: 15px;
	vertical-align: middle;
	position: absolute;
	left: ;
}


#image1 {
    float: right;
    width: 273px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 25px;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 10.062906%;
}

#_bottom {
    float: none;
    height: 330px;
    clear: none;
    width: 358px;
    position: absolute;
    top: 284px;
    left: 0px;
    display: block;
}


/*SUBSCRIBE FORM*/
#subscribe {
    float: none;
    height: 360px;
    margin: 0px auto;
/*    clear: none;*/
    width: 358px;
    position: relative;
    top: 0px;
    left: 0px;
}

#signupForm {
	/*width: 300px;*/
	font-family: brandon;
	margin: 0px;
	padding: 17px 24px 10px;
	line-height:200%;
	background:#AAABAB;
	border: 5px solid white;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
			border-radius: 12px;
}


#subscribe .fieldName {
	font-size:14px;
	color:#ffffff;
}

#subscribe #signup_Email {
	-webkit-appearance: none;
	    border-radius: 6px;
}

#subscribe input[type="text"]{
	color: #888;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 1px solid #78aec0;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
    box-shadow: inset 0px 1px 6px #ECF3F5;
    font: 200 12px/25px Arial, Helvetica, sans-serif;
    height: 27px;
    line-height:15px;
    margin: 2px 26px 16px 0px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

#subscribetable{
	width: 100%;
	margin: 0px;
	padding:24px;
	line-height:200%;
}


#subscribe select {
	color: #757575;
	    width: 100%;
	    padding: 0px 0px 0px 5px;
	    border: 1px solid #78aec0;
	    background: rgb(252,255,244); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(229,232,230,1) 50%, rgba(190,188,189,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(50%,rgba(229,232,230,1)), color-stop(100%,rgba(190,188,189,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(229,232,230,1) 50%,rgba(190,188,189,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(229,232,230,1) 50%,rgba(190,188,189,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(229,232,230,1) 50%,rgba(190,188,189,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(229,232,230,1) 50%,rgba(190,188,189,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#bebcbd',GradientType=0 ); /* IE6-9 */
	
	    outline: 0;
	    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
	    box-shadow: inset 0px 1px 6px #ECF3F5;
	    font: 300 15px/25px brandon;
	    height: 30px;
	    margin: 2px 0px 16px 0px;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
				border-radius: 10px;
	
}

#subscribe select .beyaz{
	background:#ffffff;
}

#subscribe .submit {
	cursor:pointer;
	width:80%;
	height: 24px;
	-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	border:1px solid #78aec0;
	font: 14px/14px brandon;
	font-weight:200;
	padding:2px 10px;
	height:27px;
	color:#ffffff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#6cb0c8), color-stop(0.695, #00749c)) #00749c;
	background: -webkit-linear-gradient(top, #6cb0c8 0%, #00749c 69.5%) #00749c;
	background: -moz-linear-gradient(top, #6cb0c8 0%, #00749c 69.5%) #00749c;
	background: -ms-linear-gradient(top, #6cb0c8 0%, #00749c 69.5%) #00749c;
	background: -o-linear-gradient(top, #6cb0c8 0%, #00749c 69.5%) #00749c;
	background: linear-gradient(to bottom, #6cb0c8 0%, #00749c 69.5%) #00749c;
}

#subscribe .submit:hover {

background: rgb(169,228,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,228,247,1) 0%, rgba(15,180,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,228,247,1)), color-stop(100%,rgba(15,180,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
}

.zorunlu {
}

.form-ustu-yazi {
	font-family: 'brandon-bold';
	text-align: center;
	margin-bottom: 10px;
}

.form-alti-yazi {
	font-family: brandon-bold;
	text-align: center;
	margin-top: 10px;
	color: white;
	font-size: 12px;
}


#_previous {
    float: none;
    height: auto;
    clear: none;
    width: auto;
    position: absolute;
    top: 135px;
    left: 432px;
    right: -350px;
	text-align: center;
}

#text2 {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 0px;
    margin: 0px auto;
}

#previous-baslik {
    float: none;
    font-size: 1em;
    line-height: 1em;
    color: rgb(255, 255, 255);
    font-family: 'brandon-bold';
	text-align: center;
}

a.previous-link {
	color: #ffffff;
	font-family: brandon;
	font-size:13px;
	text-decoration:none;
}

a.previous-link:hover {
	color: #f2f2f2;
}

.alt-sayfa .form-alti-yazi {
	color: black;
}

.alt-sayfa #signupForm {
	border: none;
}

/*PRESS STYLES*/

.basin-baslik {
	font-style: italic;
	font: 26px playfair;
	color: #00749c;
	margin: 0 0 25px 0;
}

.press-thumbs li.thumb {
	width: 28%;
/*	height: 200px;*/
	float: left;
/*	background-color: blue;*/
	margin: 0 2% 20px;
	/*border: 1px dashed #b8b8b8;*/
	position: relative;
	list-style: none;
}

.press-thumbs li.thumb a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.press-thumbs li.thumb a:hover{
	-moz-box-shadow: 0 0 8px #dedede;
	box-shadow: 0 0 8px #dedede;
}

.press-thumbs li.thumb a img {
	width: 100%;
/*	max-height: 100%;*/
}

.external {
	/*display: none;*/
	width: 25px;
	height: 25px;
	position: absolute;
	background-image: url('img/icon-external.png');
	bottom: 10%;
	right: 5%;
	z-index: 2;
}

.internal {
	/*display: none;*/
	width: 25px;
	height: 25px;
	position: absolute;
	background-image: url('img/icon-internal.png');
	bottom: 10%;
	right: 5%;
	z-index: 2;
}

.thumb-title {
	text-align: center;
	color: #00749c;
	font-size: 12px;
	margin-top: 4px;
}

.thumb-date {
	text-align: center;
	color: #8e8e8e;
	font-size: 12px;
}



/*PRESS STYLES END*/


p#copyright {
    float: none;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 256px auto 0px;
    clear: none;
    min-height: 0px;
    position: relative;
    top: 0px;
    left: 0px;
	color: white;
}

.alt-sayfa p#copyright {
	margin: 20px auto;
}

.girl_img {
	margin: 25px auto;
	width: 314px;
	height: 117px;
	background-color: red;
}

.subscription-img {
	width: 100%;
	position: relative;
	border: 1px solid #00749c;
	margin-bottom: 30px;
}

.mail-link {
	color: #00749c;
	text-decoration: underline;
}

.sari-tshirt {
	width: 262px;
	height: 300px;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    #header {
        border-bottom-width: 1px;
        border-bottom-color: rgb(0, 0, 0);
        width: 100%;
    }

    #lang {
        right: 0px;
        left: auto;
        height: auto;
        width: 160.3125px;
        min-height: 0px;
    }

    #social {
        width: 188px;
        height: 76px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #logo {
        width: 336px;
    }

    #main-content {
        float: none;
        height: auto;
        margin-left: auto;
        margin-top: 25px;
        width: 83%;
        position: relative;
        top: 0px;
        left: 0px;
        margin-right: auto;
        max-width: none;
    }

    #maddeler {
        clear: none;
    }

    #image1 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 273px;
        margin-right: 55px;
        margin-top: 25px;
        clear: none;
    }
}

@media (max-width:950px) and (min-width:789px) {
	#image1 {
		margin-right: 2%;
	}
}

@media only screen and (max-width: 768px) {
    #_bottom {
		left: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		position: relative;
		top: 0;
    }

    #image1 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #maddeler {
        margin-top: 23px;
        clear: none;
    }

    #_previous {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        margin: 41px 0px 0px;
        clear: none;
    }

    p#copyright {
        margin-top: 156px;
    }
    
    .form-alti-yazi {
    	color: black;
    }
    
    .press-thumbs li.thumb {
    	width: 28%;
    	margin-right: 2%;
    }
    
    .lang-masaustu {
    	display: none;
    }
    
    .lang-mobil {
    	display: block;
    }
    
    .number {
    	font: 50px/110% playfair;
    	font-style: italic;
    }
    
}

@media only screen and (max-width: 480px) {
	.primaryContainer {
	    padding-right: 0px;
	    padding-left: 0px;
	}
	
    #image {
        width: 268px;
        position: relative;
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #white-box {
        position: relative;
        padding-right: 20px;
        padding-left: 20px;
        top: 0px;
        left: 0px;
        width: 100%;
        clear: none;
    }

    #header {
        width: 100%;
    }

    #social {
        width: 188px;
        height: 76px;
        margin-top: 0px;
    }

    #logo {
        width: 268px;
    }

    #lang {
        width: 160px;
        top: 0px;
        bottom: auto;
    }
	
	#lang p {
		font-size: 14px;
	}

    #_bottom {
        width: 100%;
    }

    #subscribe {
        width: 100%;
    }
    
    .form-alti-yazi {
    	color: black;
    }
    
    .basin-baslik {
		text-align: center;
	}
	
	.internal {
		bottom: 25%;
	}
	
	.external {
		bottom: 25%;
	}
	
}

@media (max-width:500px) and (min-width:321px) {
	#main-content {
		width: 100%;
	}
	
	.internal {
		bottom: 25%;
	}
	
	.external {
		bottom: 25%;
	}
}

#white-box {
/*	padding-right: 20px;
	padding-left: 20px;*/
}

@media only screen and (max-width: 320px) {
    /*.primaryContainer {
        padding-right: 0px;
        padding-left: 0px;
    }*/

    #image {
        width: 268px;
    }

    #white-box {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        padding-right: 20px;
        padding-left: 20px;
        top: 0px;
        left: 0px;
        width: 100%;
        clear: none;
        min-height: 700px;
    }

    #logo {
        width: 100%;
    }

    #header {
        width: 100%;
    }

    #social {
        width: 188px;
        height: 76px;
    }

    #lang {
        width: 160px;
    }
    
    #lang p {
		font-size: 14px;
	}


    #main-content {
        width: 100%;
    }

    #subscribe {
        width: 100%;
    }

    p#copyright {
        width: 70%;
    }
    
    .number {
    	line-height: 120%;
    }
    
    /*SIGNUP FORM*/
    
    #subscribe {
        float: none;
        height: 360px;
        margin: 0px auto;
        clear: none;
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    #signupForm {
    	width: ;
    	font-family: brandon;
    	margin: 0px;
    	padding: 17px 14px 10px;
    	line-height:200%;
    	background:#AAABAB;
    	-webkit-border-radius: 12px;
    	   -moz-border-radius: 12px;
    			border-radius: 12px;
    	border: none;
    }
    
    #subscribetable{
    	width: 100%;
    	margin: 0px;
    	padding:14px;
    	line-height:200%;
    }
    
    .form-alti-yazi {
    	color: black;
    }
    
	.alt-sayfa .form-alti-yazi {
		font-size: 11px;
	}
}