
/*  
Theme Name: Mavigen
Version: 1.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen
Author URI: http://www.mavigen.com
*/


body { font-family:'GothamLatinWeb', sans-serif; margin:0; background:url(../images/bg.jpg) repeat-x top center #fff; min-width:1000px; }

		.float-left { float:left; }
		.float-right { float:right; }
		.clearfix { clear:both; }
		
		a { text-decoration:none; }
		a:hover { text-decoration:none; }
		
		ul{ list-style:none; padding:0; margin:0; }

		.container { width:980px; margin:0 auto; z-index:5; position:relative; }
		.header .container { width:980px; margin:0 auto; z-index:5; position:relative;}

.bannerArea .flexslider .slides li .info a:after,
.tip15-Detail .otherLang,
.searchBox em,
.searchBox input[type="text"]{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

/*------------------------------- HEADER -------------------------------*/
		.header {position:relative; z-index:6;height:138px}
			.header:before{content:'';position:absolute;width:100%;left:0;top:0;background: #1F125F;height: 34px;line-height: 34px;}
			.header a.logo {text-decoration: none;float: left;position: absolute;left:0;top: 16px;margin: 10px 2.3% 10px 0;width: 210px;line-height: 110px;max-height: 110px;min-height: 110px;text-align: center;}
			.header a.logo img{display: block;height: 90px;max-height: 90px;max-width: 183px;vertical-align: middle;padding: 10px 14px }
		
		.header .right{float:right}
		
		.header .right ul.language{float:right;padding:5px 0 0;right:0; }
		.header .right .language li{ float:left; line-height:24px; height:24px; border-right:1px solid #E4E4E4; }
		.header .right .language li:last-child { border-right:none; }
		.header .right .language li a{ color:#fff; font-size:12px; margin:0 6px; }

		.header .right ul.icon-social {float:right;padding:5px 0 0;margin: 0;list-style: none;}
		.header .right .icon-social li { float:right; margin:0 3px; min-width:24px; height:24px; line-height:24px; }
		.header .right .icon-social li a { text-indent:-9999px; text-decoration:none; display:block; }
			.header .right .icon-social li.twitter { background:url('../images/icon-social.png') no-repeat -28px 0px;display:none; }
			.header .right .icon-social li.linkedin { background:url('../images/icon-social.png') no-repeat -56px 0px; }
			.header .right .icon-social li.facebook { background:url('../images/icon-social.png') no-repeat 0px 0px;display:none; }
		
			.header .menu{border-bottom:1px solid #18074D;margin:60px 0 0;float:right;}
			.header .menu >ul >li:first-child{display:none;}

      .searchBox{margin:0 auto;z-index:10; float:right;position:relative;min-width:34px;height:34px}
        .searchBox em{display:none;}
        .searchBox input[type="text"]{background: #fff; border:0; height: 34px; font-size: 12px; width:0;z-index:1;padding:0;opacity:0}
        .searchBox input[type="text"]:focus{outline:0}
        .searchBox input[type="submit"]{border:0;background:url('../images/search.png') no-repeat center center;width: 34px;height:34px;z-index: 2;position:absolute;right:0;top:0}

        .searchBox .searchArea form:hover input[type="text"]{width:100px;padding: 0 34px 0 10px;opacity:1}
        .searchBox .searchArea form:hover input[type="submit"]{filter: invert(1);}
        

		.header .sloganArea{float: right; margin: -20px 40px 0px 0px;font-size:14px;display:none}
/*------------------------------- /END HEADER -------------------------------*/


/*------------------------------- MAINCONTENT -------------------------------*/
.bannerArea {width: 980px; margin: 0 auto 46px; z-index:2; overflow:hidden;position:relative; }
.bannerArea a{ font-weight:bold; }

.bannerArea .flexslider .slides li .info{ position:absolute; background:rgba(31,18,95,0.75)/*rgba(245,159,3,0.75)*/; left:90px;top:30%; overflow:hidden; padding:28px 20px 20px; width:398px;box-sizing:border-box; } 
.bannerArea .flexslider .slides li .info h1 { font-weight:bold; font-size:25px; color:#fff; margin:0 0 10px; line-height:26px; }
.bannerArea .flexslider .slides li .info p { font-size:14px; color:#fff; margin:0 0 5px; line-height:22px;text-align:justify; }
.bannerArea .flexslider .slides li .info a { font-size:16px; color:#414243; margin:20px 0 0; line-height:35px; height:35px; display:block; text-align:center; background:#fff; padding:0 34px 0 14px;display:inline-block;position:relative;}
	.bannerArea .flexslider .slides li .info a:after{content:'';position:absolute;background:url(../images/arrowMore.png) no-repeat 0 0;width:15px;height:35px;right:10px}
	.bannerArea .flexslider .slides li .info a:hover:after{right:4px}


.flexslider li.flex-active-slide .info{-webkit-animation-delay: .4s;animation-delay: .4s;-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLef;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeOutLeft {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
@keyframes fadeOutLeft {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}


.mainContent {padding: 0; margin: 20px auto 10px; width: 980px;position: relative;}

.mainContent .leftArea{float:left;width:314px;}
.mainContent .rightArea{float:right;width:648px;}


	.mainContent .titleArea{border-bottom:1px solid rgba(204,204,204,1);font-weight:bold;color:#15054D;margin:0 0 10px}
		.mainContent .titleArea h2{font-size:14px;margin:0;line-height:38px}
		.mainContent .titleArea h4{font-size:14px;margin:0;line-height:38px}
		.mainContent .titleArea a{color:#15054D}

	.leftArea .contentArea li{border-bottom:1px solid #ccc;}
	.leftArea .contentArea li .iconArea{float:left;margin-right:10px;height:30px;overflow:hidden}
		.leftArea .contentArea li .iconArea img{display:block;}
	.leftArea .contentArea li h3{float:left;margin:0;font-size:14px;font-weight:normal;width:85%;padding: 5px 0;box-sizing:border-box}
	.leftArea .contentArea li:last-child{border:none;}


	/*---------- EKİBİMİZ ----------*/
	.rightArea .ourTeam .titleArea{margin-bottom:0}

	.rightArea .ourTeam .contentArea li{border-bottom:1px solid #ccc;width:314px;padding:18px 0;margin-right:20px;float:left;}
		.rightArea .ourTeam .contentArea li:nth-child(even){margin-right:0;}
		.rightArea .ourTeam .contentArea li:nth-last-child(2){border-bottom:0}
	.rightArea .ourTeam .contentArea li .picArea{float:left;width:134px;margin-right:10px}
		.rightArea .ourTeam .contentArea li .picArea img{display:block;width:100%;}
	.rightArea .ourTeam .contentArea li .textArea{float:left;width:170px;}
	.rightArea .ourTeam .contentArea li .textArea .statu{margin:12px 0;font-size:12px;font-weight:normal;color:#13054C;display:none;}
	.rightArea .ourTeam .contentArea li .textArea strong{font-weight:bold;font-size:11px;color:#13054C;display:none;}
	.rightArea .ourTeam .contentArea li .textArea div{font-weight:bold;font-size:11px;}
	.rightArea .ourTeam .contentArea li .textArea .name,
	.rightArea .ourTeam .contentArea li .textArea .phone,
	.rightArea .ourTeam .contentArea li .textArea .email{margin-bottom:8px}
	.rightArea .ourTeam .contentArea li:last-child{border:none;}
	/*---------- /END EKİBİMİZ ----------*/


	/*---------- HABERLER ----------*/
	.rightArea .newsArea .titleArea{margin-bottom:0}

	.rightArea .newsArea .contentArea li{border-bottom:1px solid #ccc;width:314px;padding:18px 0;margin-right:20px;float:left;}
		.rightArea .newsArea .contentArea li:nth-child(even){margin-right:0;}
		.rightArea .newsArea .contentArea li:nth-last-child(1){border-bottom:0}
	.rightArea .newsArea .contentArea li .picArea{float:left;width:100px;margin-right:10px}
		.rightArea .newsArea .contentArea li .picArea img{display:block;width:100%;}
	.rightArea .newsArea .contentArea li .textArea{float:left;width:204px;display: flex;align-items: center;height: 75px;}
	.rightArea .newsArea .contentArea li .textArea h5{margin:0;font-size:12px;font-weight:normal}
	.rightArea .newsArea .contentArea li:last-child{border:none;}
	/*---------- /END HABERLER ----------*/

	/*---------- HABERLER ----------*/
	.leftArea .newsArea .titleArea{margin-bottom:0}

	.leftArea .newsArea .contentArea li{border-bottom:1px solid #ccc;width:314px;padding:18px 0;margin-right:20px;float:left;}
		.leftArea .newsArea .contentArea li:nth-child(even){margin-right:0;}
		.leftArea .newsArea .contentArea li:nth-last-child(2){border-bottom:0}
	.leftArea .newsArea .contentArea li .picArea{float:left;width:100px;margin-right:10px}
		.leftArea .newsArea .contentArea li .picArea img{display:block;width:100%;}
	.leftArea .newsArea .contentArea li .textArea{float:left;width:204px;display: flex;align-items: center;height: 75px;}
	.leftArea .newsArea .contentArea li .textArea h5{margin:0;font-size:12px;font-weight:normal}
	.leftArea .newsArea .contentArea li:last-child{border:none;}
	/*---------- /END HABERLER ----------*/


/*------------------------------- /END MAINCONTENT -------------------------------*/

		
	.footerLogos{/*height:100px;*/ margin:0;border-top:1px solid rgba(102,102,102,0.1);border-bottom:1px solid rgba(102,102,102,0.1); }
		.footerLogos ul{ width:980px; margin:0 auto; text-align: center; }
		.footerLogos ul li{ display: inline-block; }
			.footerLogos ul li a{ margin:0px 16px; display:block; }
			.footerLogos ul li a img{ display:block;height: 75px; margin: 10px 0; }
	
/*------------------------------- FOOTER -------------------------------*/
		.footer .footerMenu > li.mPasif{ display:none; }
	
	.footer .footerMenu > li{ float:left; width:156px; margin: 0px 8px 0px 0px; }
	.footer .footerMenu > li:last-child{ margin:0; }
	.footer .footerMenu > li h3{ font-size:13px; font-weight:400; color:#fff; margin:0 0 10px; }
	.footer .footerMenu > li h3 a{ color:#fff; }
	.footer .footerMenu > li ul{ font-size:11px; font-weight:400; color:#ddd; }
		.footer .footerMenu > li ul li{ line-height:20px; padding:2px 0; }
		.footer .footerMenu > li ul li a:before{ content:'- '; }
		.footer .footerMenu > li ul li a{ color:#ddd; display:block; }
		.footer .footerMenu > li ul li a:hover{ color:#fff; }

	.footer .bottom {line-height:46px;height:46px}
	.footer .copyright{ font-size:12px; color:#343434; font-weight:normal; float:left; }
		.footer .copyright a{ color:#343434; }
	.footer .logo{ float:right; margin:12px 0 0; }
		.footer .logo img{ display:block; }
/*------------------------------- /END FOOTER -------------------------------*/


		
		.haberler { float:left; width:480px; overflow:hidden; margin-right:20px; }
		.yayinlar {float:left;width:480px; overflow:hidden; }
		.haberler h2, .yayınlar h2 {border-bottom: 2px solid #ddd; font-size: 16px; color: #7B002E; margin:0; height:48px; line-height:48px;  }
		.haberler h2 a, .yayınlar h2 a {color:#CCA6B4; float: right; font-size: 10px;}							
		.haberler ul, .yayınlar ul { list-style:none; margin:0; padding:0; }
		.haberler ul li, .yayınlar ul li { width:148px; float:left; margin:27px 6px 0 6px; height:228px; }
		.haberler ul li h3, .yayınlar ul li h3 { font-size:12px; font-weight:bold; color:#525252; margin:0; width: 148px; height:35px; line-height:15px; }
		.haberler ul li a, .yayınlar ul li a { width:148px; height:110px;}
		.haberler ul li img, .yayınlar ul li img {width:148px; border:solid 1px #f5f5f5; margin-bottom:7px; }
		.haberler ul li p, .yayınlar ul li p { color:#868686; font-size:11px; margin:0; text-align:justify; height:50px; line-height:17px; }




		.subContent { font-size:12px; color:#414243; line-height:20px; padding:0 0 50px; /*background:url('../images/bgSub.png') repeat-y center top;min-height: 510px;*/ }
			.subContent .container >h1,
			.subContent .subTitle{ color:#414243; font-size:18px; font-weight:bold; padding:0; margin:10px 0 20px 0; line-height:40px;position:relative}
				.subContent .container >h1:after,
				.subContent .subTitle:after{content:'';width:50px;height:2px;background:#F59F34;bottom:0;left:0;position:absolute}
		.subContent p { margin:0 0 14px 0; }
		.subContent >.container{background:#fff;box-sizing: border-box;padding: 0 14px;padding-bottom:30px}

.tip10Sub .left{float:left;width:220px;}
	.tip10Sub .left img{width:100%;}
.tip10Sub .right{float:right;width:710px;}
.tip10Sub .right .name{font-weight: bold;font-size: 18px;margin-bottom: 10px;width: 100%;color:#21135E;}
.tip10Sub .right .education{font-size:16px;font-weight:bold;display:block;margin:0 0 10px}
.tip10Sub .right strong{font-size:16px;font-weight:bold;}


	.tip10List li{border-bottom:1px solid #ccc;width:48.3%;padding:18px 0;margin-right:20px;float:left;}
		.tip10List li:nth-child(even){margin-right:0;}
		.tip10List li:nth-last-child(2){border-bottom:0}
	.tip10List li .picArea{float:left;width:140px;margin-right:20px}
		.tip10List li .picArea img{display:block;width:100%;}
	.tip10List li .textArea{float:left;width:170px;}
	.tip10List li .textArea .statu{margin:12px 0;font-size:12px;font-weight:normal;color:#13054C;display:none;}
	.tip10List li .textArea strong{font-weight:bold;font-size:11px;color:#13054C;display:none;}
	.tip10List li .textArea div{font-weight:bold;font-size:11px;}
	.tip10List li .textArea .name,
	.tip10List li .textArea .phone,
	.tip10List li .textArea .email{margin-bottom:8px}
	.tip10List li:last-child{border:none;}


.activity { position: relative;margin:20px 0 0 }
.activity .actList{ float:right;width:314px;position:relative;background: #eee;padding: 10px;box-sizing: border-box }

 .actList a { display: block; }

    .actList li a.selected{ background: #212F75;color:#fff }
    .actList li a.selected:before{ content: ''; position: absolute; left: -20px; border-width:15px; border-style: solid; border-color: transparent #212F75 transparent transparent; }
    	.actList li a.selected .iconArea img{margin-top:-30px}

    .actList li{border-bottom:1px solid #ccc}
	.actList li .iconArea{float:left;margin-right:10px;height:30px;overflow:hidden;}
		.actList li .iconArea img{display:block;}
	.actList li h3{float:left;margin:0;font-size:14px;font-weight:normal;width:85%;padding: 5px 0;box-sizing:border-box}
	.actList li:last-child{border:none;}

    .activity .contentArea{ float:left; width: 610px; }
    .activity .contentArea img{max-width:100%;height:auto }

    .activity .contentArea .shapeleft{shape-outside: polygon(0 0, 140px 192px, 240px 0);width: 300px;height: 200px;float: left;opacity: 1;overflow: hidden;}
    	.activity .contentArea .shapeleft img{display:block;}
    .activity .contentArea .shaperight{shape-outside: polygon(0 0, 122px 192px, 226px 0);width: 264px;height: 200px;float: right;opacity: 1;overflow: hidden;}

    .openL > a{ color: #fff !important; background: #18074D; }
    .openL ul{ display: block !important; }

.gofaList li{width:18%;margin:0 1%;float:left;position:relative;font-size:10px;min-height: 270px;}
.gofaList li.mobileClearfix{display:none;}
.gofaList li.mask{display:none;}
.gofaList li h2{margin:10px 0 20px;}
.gofaList li img{width:100%;display:block;}

.rightText{background:#F59F34;color:#fff;display: flex;align-items: center;}
.rightText img{width:68%}
	.rightText .textArea{padding: 20px;text-align: center;position:relative;width:100%}
	.rightText .textArea .first{position:relative;padding:0 0 8px}
		.rightText .textArea .first .apostrof{display:inline-block;position:relative;}
		.rightText .textArea .first .apostrof:before{content:'';position:absolute;top:-34px;left:0;background:url(../images/apostrof.png) no-repeat 0 0;background-size:100% auto;width:30px;height:30px}
	.rightText .textArea .first:before{content:'';position:absolute;background:#fff;height:1px;width:30%;bottom:0;left:50%;margin-left:-15%}
	.rightText .textArea .last{padding:5px 0 0}

.oBullets{padding:0 28px}
.oBullets li{position:relative;}
.oBullets li:before{content: "•";color:#F59F34;display: inline-block;width: 1em;margin-left: -1em;font-size:15px}

/*TİP 15 Newsletters*/

	.tip15-Detail .otherLang{color: #fff;background: #999;padding: 4px 10px;margin-bottom: 12px;display: inline-block;}
	.tip15-Detail .otherLang:hover{background:#F59F34;}

	.tip15-Detail .leftArea{float:left;width:68%;}
		.tip15-Detail .coverPhoto{width:100%;display:block;margin-bottom:18px}
			.tip15-Detail .coverPhoto img{display:block;width:100%;}
		.tip15-Detail .titleArea{font-weight: bold;font-size: 18px;margin: 0 0 15px;width: 100%;color: #137189;}
		.tip15-Detail .textArea{margin: 0 auto; text-align: justify;font-size: 12px;}

	.tip15-Detail .rightArea{float:right;width:30%;}
	.tip15-Detail .rightTitle{position:relative;text-align:center;margin:0 0 10px}
		.tip15-Detail .rightArea .rightTitle:after{content: '';position: absolute;height: 2px;background: #eee;width: 100%;left: 0;z-index: -1;top: 50%;margin-top: -2px}
		.tip15-Detail .rightArea .rightTitle span{display:inline-block;background:#fff;color: #414243;font-size: 14px;font-weight: bold;padding:0 14px}
	.tip15-Detail .rightArea .categories,
	.tip15-Detail .rightArea .lastNews{margin-bottom:24px}

	.tip15-Detail .rightArea .categories li,
	.tip15-Detail .rightArea .lastNews li{border-bottom:1px solid #eee;line-height:14px}

	.tip15-Detail .rightArea .categories li:last-child,
	.tip15-Detail .rightArea .lastNews li:last-child{border-bottom:none;}

		.tip15-Detail .rightArea .categories li a,
		.tip15-Detail .rightArea .lastNews li a{display:block;margin:8px 0;}


#covidkronoloji{color:#666;font-size:11px}
#covidkronoloji tr,#covidkronoloji td, #covidkronoloji {border:none;position:relative}

#covidkronoloji tr{border-bottom:1px solid #ccc}
#covidkronoloji .noBorder{border:none;}
#covidkronoloji td {padding:10px;}

#covidkronoloji .pArea{height:111px;padding:0 10px}
#covidkronoloji .cInner{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

.marquee {
  width: 100%;
  height: 480px;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee ul {
  display: inline-block;
  margin-top: -500%;
  will-change: transform;
  /* show the marquee just outside the paragraph */
  animation: marquee 100s linear infinite;
}

.marquee ul:hover {
  animation-play-state: paused
}


/* Make it move */

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 100%);
  }
}

/* Respect user preferences about animations 
@media (prefers-reduced-motion: reduce) {
  .marquee { 
    white-space: normal 
  }
  .marquee ul {
    animation: none;
    padding-top: 0;
  }
}*/

.subscribe { width: 980px; margin: 10px auto; }
.subscribe span { font-size: 11px; font-weight: normal; width: 43%; display: block; float: left; margin-top: 5px; }
.subscribe .eml { width: 15%; margin: 0; border: 1px solid #666; font-size: 12px; padding: 4px; color: #666; float: left; margin-right: 1%; }
.subscribe .kydl { width: 6%; margin: 0; border: 1px solid #666; font-size: 12px; padding: 4px; color: #666; float: left; background: #fefefe }
.subscribe p { font-size: 11px; font-weight: normal; width: 15%; display: block; float: left; margin-top: 5px; color: #900; margin-left: 1%; margin-bottom: 0; }
