body {margin:0; font-family:'Titillium Web';}

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both}
a{text-decoration:none !important;}
.no-padding-margin h1,.no-padding-margin h2,.no-padding-margin h3,.no-padding-margin h4,.no-padding-margin h5,.no-padding-margin p { padding:0; margin:0}
ul {margin:0; padding:0; list-style:none}
.logo h1 {padding:0; margin:0}
input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: background 0.3s linear ;-moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear;-o-transition: background 0.3s linear; transition: background 0.3s linear;}


header .sec-1 {float:left; width:33.33%; background-color:#8195a5; color:#dbe6ec; text-align:center;padding:0 20px; text-align: center;}
header .sec-1 .in{display:table-cell; vertical-align:middle;}

header .sec-1 h1 { font-size:38px}
header .sec-1 .logo img {width:200px}
header .sec-1 p { font-size:19px}
header .sec-2 {float:left; width:66.67%; position:relative}
header .nav-menu {background-color:#93cccc; color:#eefaff; text-align:center; font-size:26px; font-weight:300; padding:20px 0; position:absolute; width:100%; }
header .nav-menu li {display:inline-block}
header .nav-menu a{color:#eefaff; padding:0 20px; border-right:solid 1px #eefaff}
header .nav-menu a:hover {color:#fff}
header .nav-menu .contact a{border:none}
header .nav-menu .lng a{border:none}
header .nav-menu .mobil{display:none}
header .nav-menu .mobil a{border:none}
header .nav-menu .sosyal a{padding:0 2px; border:none}
header .nav-menu .sosyal a:hover{opacity:0.6}
header .logo {}
header .sec-2 .home-img {background-position:center; background-size:100%}

.mobil-nav-menu {background:rgba(129,149,165,0.90); color:#FFF; z-index:100; position: fixed;top: 0px; width: 100%; height: 100%; z-index: 10000;text-align: center;background-position: center;background-repeat: no-repeat;display: table;}
.mobil-nav-menu	> ul {margin-top: 50px;}
.mobil-nav-menu	> ul a {color:#FFF; margin:15px 0; display:block; font-weight: 300;font-size:50px;}
.mobil-nav-menu	> ul a:hover { color:#FFF}
.mobil-nav-menu	> ul ul {opacity:0.8}
.mobil-nav-menu	> ul ul a {font-size:16px !important}
.mobil-menu-close {width:21px; height:21px; float:right; background:url(../img/ikon-mobil-white.png); float:right;position: absolute;right: 20px;top: 40px;cursor: pointer;}
.mobil-nav-menu {display:none;}
.mobil-menu .mini a {font-size:12px !important; display:inline-block !important; border-right:solid 1px #FFF; padding:0 8px}
.mobil-menu .logo{float: left;}

.style-1 .item {background-color:#eefaff; display:inline-block; width:33.333%; float:left; text-align:center; color:#8195a5; padding:0 15px}
.style-1 .item:nth-child(2) {background-color:#d5f6f7}
.style-1 .item .in{display:table-cell;vertical-align:middle}
.style-1 .item h3{font-size:32px}
.style-1 .item p{font-size:19px}
.style-1 .item .img img{width:auto}

.btn-1 {border:solid 1px #93cccc; width:230px; font-size:18px; padding:5px; display:inline-block; color:#8195a5}
.btn-1:hover {background:#93cccc;color:#fff}
.btn-2 { width:100%; font-size:18px; padding:5px; display:inline-block; color:#fff; background:#93cccc; border:none}
.btn-2:hover {background:#8195a5;color:#fff}

.style-2 {text-align:center; color:#6e7e8e; padding-top:30px;}
.style-2 h4,.style-2 h3 {margin-top:0}
.style-2 h3 {font-size:34px}
.style-2 h4 {font-size:24px; font-weight:500; margin-bottom:15px; height: 56px; overflow:hidden}
.style-2 p,.sty {font-size:21px; font-weight:300; height: 240px; overflow:hidden}
.sty-2 {height: auto}
.style-2 .item {float:left; width:25%; text-align:left; border-right:solid 1px #d5f6f7; padding:25px}
.style-2 .item:last-child { border:none}
.style-2 .bottom .tarih{float:left; display:inline-block; color:#9bf4fc; font-size:21px}
.style-2 .bottom a{float:right; display:inline-block; color:#8195a5; font-size:21px}

.home-img-mobil {display:none; background-position:center; background-size:150%; text-align:center;position:relative; color:#FFF; width: 100%;}
.home-img-mobil .overlay{position:absolute; top:0; height:100%; width:100%; background-color:rgba(129,149,165,0.8);z-index:0}
.home-img-mobil .caption{z-index:1001; display:inline-block;position:relative }
.home-img-mobil h1{font-size:21px}
.home-img-mobil p{font-size:16px}

#page header .sec-1 {height:485px; padding-top:30px}
#page header .sec-1 .in {height:485px;display:inline-block}
#page header .sec-1 .logo img {width: 260px;}
#page .home-img {height:485px;}

.style-4 .side-bar {width:33.33%; float:left; background-color:#eefaff; padding:90px 60px; font-size:34px; }
.style-4 .side-bar a{color:#8195a5}
.style-4 .side-bar li{margin-bottom:0px}
.style-4 .content {width:66.37%; float:left; padding:90px 60px; color:#8195a5; font-size:24px; font-weight:300}
.style-4 .content h2{margin-top:0; font-size:28px; font-weight:600}
.style-4 p {margin-top:15px}

.style-4 .side-bar .sub-menu a {padding-left:25px; background-image:url('../img/sub-menu-bullet.png'); background-position:left center; background-repeat:no-repeat; font-size:25px}

.style-5 img {width:100%}

.paylas  {margin-top:90px}
.paylas li {float:left; width:25%}
.paylas li a{color:#FFF; display:block; font-size:21px; background-repeat:no-repeat; background-position:center left 20px; padding:5px 0 5px 70px}
.paylas li.linkedin a {background-color:#4c7d91; background-image:url('../img/ikon-paylas-linkedin.png')}
.paylas li.twitter a {background-color:#339dc4; background-image:url('../img/ikon-paylas-twitter.png')}
.paylas li.facebook a {background-color:#314b7e; background-image:url('../img/ikon-paylas-facebook.png')}
.paylas li.whatsapp a {background-color:#2cc139; background-image:url('../img/ikon-paylas-whatsapp.png')}

.side-bar select {display:none;width: 100%;}
#page .home-img-mobil {
	padding:30px 0
}

.style-4.full .side-bar {display:none}
.style-4.full .content {width:100%}
.style-4.full .paylas {width: 70%}

#page .style-2 .item {
    width: 100%;
    border-right: none;
	padding:25px 0
}
#page .style-2 {margin-top:90px}
#page .style-2 p {
    height: auto;
}
#page .tarih {border-bottom:solid 1px #6e7e8e; display:block; width:50%; padding-bottom:50px}
#page .style-2 h4 {
    height: auto;
}
.navigasyon {margin:50px 0; display:inline-block; width:100%}
.navigasyon .btn-1{margin-top:15px}
.navigasyon .onceki {background-image:url('../img/ikon-onceki.png'); background-position:left center; background-repeat:no-repeat; height:60px; text-align:left; padding-left:30px; padding-top:8px}
.navigasyon .sonraki {background-image:url('../img/ikon-sonraki.png'); background-position:right center; background-repeat:no-repeat; height:60px; text-align:right; padding-right:30px; padding-top:8px}
.navigasyon div  {font-size:16px}
.navigasyon h5  {margin:0}
.navigasyon a {display:inline-block; color:#8195a5}

.style-6 {padding:90px 60px; display:inline-block; color:#8195a5; width:100%}
.style-6 a{color:#8195a5}
.style-6 .sec-1 {float:left; width:33.33%}
.style-6 .sec-2 {float:left; width:66.67%; padding-right:25%}
.style-6 h2{font-size:28px}
.style-6 .info{font-size:24px}
.style-6 .sosyal  {margin-top:50px}
.style-6 .sosyal li {float:left; margin-right:15px}
.style-6 .sec-2 .form-group {display:inline-block; width:100%}
.style-6 .sec-2 .form-control {height: 40px;}
.style-6 .sec-2 label {float:left; width:33.33%; text-align:right; padding-right:30px; font-size:24px; font-weight:300}
.style-6 .sec-2 .form-field {float:right; width:66.67%}

.style-6 form .form-control {border-radius:0; border:solid 1px #6e7e8e}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #fff  !important;
} 
input::-moz-placeholder , textarea::-moz-placeholder {  /* Firefox 19+ */
color: #fff  !important;
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
color: #fff !important;
}
.item h4 a {color:#6e7e8e !important}
@media (max-width: 1700px) {
	header .sec-1 p {
       /* height: 142px;
		overflow: hidden;*/
		font-size: 15px;
	}
	header .sec-1 h1 {
		font-size: 30px;
	}
	.style-1 .item .img img {
		width: 56px;
	}
	.style-1 .item h3 {
		font-size: 24px;
	}
	header .sec-1 h1 {
		font-size: 24px;
	}

}

@media (max-width: 1440px) {
	header .nav-menu {
		font-size: 23px;
	}
	header .sec-2 .home-img {
		background-size: 120%;
	}

}
@media (max-width: 1366px) {
	
	.style-1 .item h3 {
		font-size: 21px;
		height: 45px;

	}
	.style-1 .img {
		height: 79px;
		padding-top: 10px;
	}
	.style-1 .item p {
    font-size: 14px;
}

}



@media (max-width: 1280px) {
	.style-6 .sec-2 { width:66.67%; padding-right:0}
	.style-4.full .paylas {width: 100%}
	header .sec-1 h1 {
		font-size: 20px;
	}
	header .sec-1 p {
		font-size: 16px;
	}
	.style-1 .item h3 {
    font-size: 20px;
	}
	.style-1 .item p {
		font-size: 14px;
	}
	header .sec-1 .logo img {
		width: 140px;
	}
	header .nav-menu {
		font-size: 17px
	}
	.btn-1 {
		font-size: 14px
	}
	.style-1 .item .img img {
		width: 65px;
	}
	.style-2 h4 {
		font-size: 19px;
		height: 46px;
	}
	.style-2 p {
		font-size: 15px;
		height: 210px;
	}
	.style-2 .bottom .tarih {
		font-size: 16px;
	}
	.style-2 .bottom a {
		font-size: 16px;
	}
	header .sec-2 .home-img {
		background-size: 150%;
	}
	.dikey .style-1 .item h3 {
		font-size: 15px !important;
	}
	.dikey header .sec-1 .logo img {
		width: 40%;
	}
	.dikey header .sec-1 h1 {
		font-size: 16px;
		margin-top: 10px;
	}

	.dikey .style-1 .item p {
		font-size: 13px;
	}
	.dikey header .sec-1 p {
		font-size: 14px;
		line-height: 12px;
	}
	.dikey .style-1 .item .img img {
		width: 35px;
	}
	.dikey .style-1 .item { padding:10px}
	.dikey .style-2 .item {
		width: 50%;
	}
	.dikey .style-2 {
		padding: 20px 15%;
	}
	.dikey .style-2 h4 {
		font-size: 14px;
		height: 33px;
	}
	.dikey .style-2 p {
		font-size: 13px;
		height: 70px;
	}
	.dikey .style-2 .bottom .tarih {
		font-size: 14px;
	}
	.dikey .style-2 .bottom a {
		font-size: 14px;
	}

.style-6 .info {
    font-size: 18px;
}

}
@media (max-width: 1024px) {
	header .sec-1 p {
		height: 155px;
		overflow:hidden
	}
	.style-1 .item p {
		height: 68px;
		overflow:hidden
	}
	header .nav-menu a {
		padding: 0px 10px
	}
	.style-1 .item .img img {
		width: 55px;
	}
	.nav-menu li {display:none !important}
	.nav-menu li.sosyal {display:inline-block !important}
	.nav-menu li.lng {display:inline-block !important}
	.nav-menu li.mobil {display:inline-block !important}
	.desktop-menu {float:right; margin-right:20px}
	
	#page header .sec-1 {height:263px}
	#page header .sec-1 .in {height:263px}
	#page header .sec-1 .logo img {width: 140px}
	#page .home-img {height:263px;}
	.style-4 .side-bar {
		padding: 60px 30px;
		font-size: 20px;
	}
	
	.style-4 .content {
		padding: 60px 30px;
		font-size: 18px;
	}
	
	.paylas li a {
		font-size: 12px;
		background-position: center left 13px;
		padding: 10px 0 10px 42px;
		background-size:18px
	}
	#page .style-2 {margin-top:60px}
	
	#page .tarih {padding-bottom:15px}
	.style-6 .sec-2 label {
		font-size: 19px
	}
	.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}
	.style-1 .item .img {
		height:70px;
		padding-top:10px
	}

	.style-1 .item h3 {
		height: 42px;
	}
}
@media (max-width: 980px) {

}

@media (max-width: 768px) {
	header .sec-2 .home-img {
		background-size: 250%;
	}
	#page header .sec-1 {height:197px}
	#page header .sec-1 .in {height:197px}
	#page header .sec-1 .logo img {width: 100px}
	#page .home-img {height:197px;}
	
	.style-4 .side-bar {
		padding: 30px 20px;
		font-size: 15px;
	}
	
	.style-4 .content {
		padding: 30px 20px;
		font-size: 14px;
	}
	
	.paylas li span { display:none}
	.paylas li a {
		font-size: 11px;
		background-position: center;
		padding: 16px;
		background-size: 18px;
	}
	.paylas {
		margin-top: 30px;
	}
	.style-4 .content h2 {
		font-size: 14px
	}
	.style-4 .content p {
		font-size: 14px
	}
	header .sec-1 h1 {
		margin-top: 10px;
	}
	
	#page .style-2 {margin-top:0}
	#page .tarih {padding-bottom:30px}
	
	.dikey .style-1 .item .img {
		height:50px
	}

	.dikey .style-1 .item h3 {
		height: 37px;
	}

}
@media (max-width: 767px) {
	header .sec-1 h1 {
		display:none
	}
	header .sec-1 p {
		display:none
	}
	header .sec-1 .logo img {
		width: 55px !important;
	}
	header .sec-1 .logo  {
		text-align:center
	}
	header .sec-1 {
		width: 60%;
		height:70px !important;
		padding-top: 6px;
	}
	
	#page header .sec-1 .in {height:70px}
	header .sec-1 .in {
		display: inline-block;
	}
	.nav-menu li.sosyal {
		display: none !important;
	}
	header .sec-2 {
		width: 40%;
	}
	header .nav-menu {
		height: 70px;
	}
	
	.style-1 .item {
		width: 100%;
		padding: 15px;
	}
	.mobil-nav-menu > ul a {
		font-weight: 300;
		font-size:27px;
	}
	.home-img-mobil {display:inline-block}
	.style-2 .item {
		width: 100%;
		border-right: none;
	}
	.side-bar ul {display:none}
	.side-bar select {display:inline-block}
	.style-4 .side-bar {
		width:100%;
		text-align:center
	}
	.side-bar select {
		background-color: #eefaff;
		border: none;
	}
	.style-4 .content {
		width: 100%
	}
	.style-4 .side-bar {
		width: 96%;
		text-align: center;
		margin: 15px 2%;
		padding:15px
	}
	#page .home-img {display:none}
	#page header .sec-1 {
		padding-top: 10px;
	}
	.paylas li a {
		padding:25px 0 ;
		background-size: auto;
	}
	.navigasyon .onceki div,.navigasyon .sonraki div  {display:none}
	.navigasyon h5  {display:none}
	.navigasyon .sonraki {width:13px; height:46px; padding-right:0; float:right}
	.navigasyon .onceki {width:13px; height:46px; padding-left:0; float:left}
	
	.style-6 .sec-2 {margin-top:30px}
	.style-6 .sec-2 label {display:none}
	.style-6 .sec-2 .form-field {width:100%}
	.style-6 .sec-2 .form-field .form-control {text-align:center}
	
	.style-6 .sec-1 {
		width: 100%;
	}
	.style-6 .sec-2 {
		width: 100%;
	}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #8195a5 !important;
	}
	input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
	color: #8195a5  !important;
	} 
	input::-moz-placeholder , textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #8195a5  !important;
	} 
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
	color: #8195a5 !important;
	}
	.g-recaptcha {
		transform:scale(1);
		transform-origin:0 0;
	}
	.style-6 .sosyal {
		display:none
	}
	.style-6 {
		padding: 30px 15px;
		width: 100%;
	}

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {
	

}
@media (max-width: 320px) {

}