/* ==========================================================================
   Font include
   ========================================================================== */

	/*Font Icons*/
	@import url('font-icons/fontawesome/fontawesome-all.css');
	@import url('font-icons/semantic-ui-icons/icon.css');
	@import url('font-icons/themify/themify-icons.css');
	/*Animations*/
	@import url('plugins/animation/animate.css');
	/*Effects*/
	@import url('plugins/effect/hover.css');
	@import url('plugins/effect/ihover.css');
	/*Lightboxes*/
	@import url('plugins/lightbox/swipebox/css/swipebox.min.css');
	@import url('plugins/lightbox/jquery.fancybox.min.css');
	/*Carousel*/
	@import url('plugins/slick-carousel/slick.css');
	@import url('plugins/slick-carousel/slick-theme.css');
	/*Superfish*/
	@import url('../jQuery/plugin/navigation/superfish/css/superfish.css');
	@import url('../jQuery/plugin/navigation/superfish/css/superfish-vertical.css');
	/*Webfonts*/
	@import url('webfonts/webfonts.css');


/* ==========================================================================
   Webfonts
   ========================================================================== */

	.os {font-family: 'open_sans_condensedbold'!important;}
	.pt {font-family: 'pt_sans_narrowregular'!important;}
	.ptb {font-family: 'pt_sans_narrowbold'!important;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px;}
	body {
        background-color: #e5e5e5; background-image: url(../../files/images/layout/general/bg-tile.gif); background-repeat: repeat;
        font-family: 'pt_sans_narrowregular'; font-size: 18px; color: #444444; line-height: 1.4;
    }
	
	b, strong {font-family: 'pt_sans_narrowbold';}
	
	a {color:#23408f;}
	a:hover {color:#00aeef; text-decoration:none;}

    p {margin-bottom:1.5rem;}
    ul, ol {margin-bottom:30px;}
	

/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {font-family: 'open_sans_condensedbold';}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'open_sans_condensedbold'; color:#7c7c7d; font-size: 75%;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: 'open_sans_condensedbold';}
	
	h1, h2, h3, h4 {color: #23408f;}
	h1 span, h2 span, h3 span, h4 span {color:#00aeef;}
	
	h1, .h1 {font-size:3.5rem;}
	h2, .h2 {font-size:3rem; line-height:0.75; margin:30px 0px 60px;}
	h3, .h3 {font-size:2.25rem;}
	h4, .h4 {font-size:1.5rem;}
	h5, .h5 {font-size:1.125rem;}

/* ==========================================================================
   Margins & Paddings
   ========================================================================== */

	
/* ==========================================================================
   Borders & Shadows
   ========================================================================== */
   
    .box-shadow-lg {
        -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
        box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
    }
	
    .box-shadow-md {
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.20);
        box-shadow: 0 0 15px 0 rgba(0,0,0,.20);
    }
	
	.box-shadow-sm {
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
	}

/* ==========================================================================
   Dividers
   ========================================================================== */
   
	.separator {
		width: 10px;
		height: 10px;
		margin: 20px auto;
		background: #2162af;
		position: relative;
		/*display: inline-block;*/
		border-radius: 50%;
	}
	.separator:after {
		position: absolute;
		left:5%;
		bottom:4px;
		height: 1px;
		width: 80px;
		background: #eee;
		content:"";
		display: inline-block;
		margin-left: 20px;   
	}
	.separator:before {
		position: absolute;
		right: 5%;
		bottom:4px;
		height: 1px;
		width: 80px;
		background: #eee;
		content:"";
		display: inline-block;
		margin-right: 20px;
	}
	.divider {width:100%; height:1px; border-bottom:1px dashed #CCCCCC; margin:30px 0px;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
		
    .btn {font-family: 'pt_sans_narrowbold'; white-space:normal;}
	.btn-primary {background-color: #23408f; border-color: #1f3c8a;}
	.btn-info {background-color: #00aeef; border-color: #00a8e7;}
	.btn-info:hover {background-color: #50c5f1; border-color: #00aeef;}
	
	.scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #0bb1d3;
		z-index: 1000;
		transition: opacity .5s, background-color .5s;
		-moz-transition: opacity .5s, background-color .5s;
		-webkit-transition: opacity .5s, background-color .5s;
	}
	
	.scrollup:hover {
		background: #3a2974;
		opacity: 1;
	}
	
	.scrollup i {
		font-size: 13px;
		position: absolute;
		opacity: 1;
		color: #fff;
		left: 50%;
		top: 50%;
		margin-top: -7px;
		margin-left: -6px;
		text-decoration: none;
	}
	
/* ==========================================================================
   Helper Styles
   ========================================================================== */

	article {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}

	.overlay {position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 10; text-align: center;}
	
/* ==========================================================================
   Text Styles
   ========================================================================== */

	.text-primary {color: #071689!important;}
	.text-info {color: #3166a2!important;}

/* ==========================================================================
   Background Styles
   ========================================================================== */

	.bg-primary {background-color: #23408f!important;}
	.bg-info {background-color: #00aeef!important;}
	.bg-outline {border-width: 3px; border-style: solid; background-color: transparent; background-image: none;}
	.primary-outline {color: #23408f; border-color: #23408f;}
	.info-outline {color: #00aeef; border-color: #00aeef;}

/* ==========================================================================
   Component Styles
   ========================================================================== */
	.accordion .card:first-of-type {border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
	.accordion .card p:last-of-type {margin-bottom: 0;}
	
/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	.header {background-color: transparent;}
	.header, .header.shrink, .header .navbar-brand img,
	.header.shrink .navbar-brand img, .navbar-dark .navbar-toggler {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.header.shrink {background-color:#344454;}
	.header .navbar-brand img {height:90px;}
	.header.shrink .navbar-brand img {height:70px;}
   
	/*.navbar-light {background-color: rgba(37,64,143,.7);}*/
	.sf-menu {float:none; margin-bottom:0; font-family: 'open_sans_condensedbold';}
	.sf-menu a {border:none; color: #FFFFFF;}
	.sf-menu li {background-color:transparent;}
	.sf-menu ul li {background-color:#344454; padding:0px 10px;}
	.sf-menu li:hover, .sf-menu li.sfHover {background-color:#00aeef;}

	.navbar-dark .navbar-toggler {color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.8); border-width: 3px;}
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */
    	
	section {padding:90px 0px;}

	/* Breaking News Slider */
	#breaking-news {background-color:#FFF;}
	#breaking-news h1{color:#23539E; font-size:26px; font-weight:bold; padding:10px 0px; margin:0px;}
	#breaking-news ul.social {padding:11px 0px 5px;}
	#breaking-news ul.social li a {color:#23539E;}
	#breaking-news ul.social li a:hover {color:#80d4de;}

	.marqueeArea {height:45px; overflow: hidden; padding:12px 0px 8px;}
	marquee {position: relative;}

	.breaking {display:none;}
	ul.breaking {padding:0px; margin-top:0px;}
	span.marqueeLine a, span.marqueeSingle a {color:#23539E;}
	span.marqueeLine a:hover, span.marqueeSingle a:hover {color:#80d4de;}

	/* Main Slider */

	section#hero .overlay {position: absolute; width: 100%; height: 100%; background-color: rgba(37,64,143,.7); z-index: 10; text-align: center;}
	section#hero .overlay h1, section#hero .overlay h1 small {color: #FFFFFF;}
	section#hero .overlay h1 {margin-top: 15%;}
	section#hero .overlay h1 small {font-size: 50%;}

	.hero-slider .slide.slick-active img {
		-webkit-animation:fadeInRight 1.2s both 0.7s;
			  	animation:fadeInRight 1.2s both 0.7s;
	}
		
	.hero-slider .slide.slick-active h2 {
		-webkit-animation:fadeInDown 1.5s both 1.4s;
			  	animation:fadeInDown 1.5s both 1.4s;
	}
		
	.hero-slider .slide.slick-active h3 {
		-webkit-animation:fadeInDown 1.7s both 1.2s;
			  	animation:fadeInDown 1.7s both 1.2s;
	}
		
	.hero-slider .slide.slick-active h4 {
		-webkit-animation:fadeInDown 1.9s both 1.2s;
			  	animation:fadeInDown 1.9s both 1.2s;
	}
		
	.hero-slider .slide.slick-active{
		-webkit-animation:Slick-FastSwipeIn 1s both;
			  animation:Slick-FastSwipeIn 1s both;
	}
	
	.hero-slider .next-arrow, .hero-slider .prev-arrow {
		position:absolute;
		top:50%;
		width:45px;
		height:45px;
		background-color:transparent;
		border:0 none;
		margin-top:-22.5px;
		text-align:center;
		color:#FFFFFF;
		z-index:500;
	}
	
	.hero-slider .next-arrow {
		right:1%;
	}
	
	.hero-slider .prev-arrow {
		left:1%;
	}
	
	.hero-slider .next-arrow:hover, .hero-slider .prev-arrow:hover {
		cursor:pointer; background-color:transparent;
	}
		
    /* Countdown */
	section#countdown-row {background-image: url(../../files/images/layout/general/bg-countdown.jpg); background-repeat: repeat; padding: 30px 0px;}
	div.timeblock {
      width: 100%;
    }
    div.timeblock div.timer {
      color: rgba(255, 255, 255, 0.8);
      font-family: 'open_sans_condensedbold';
      font-size: 74px;
      line-height: 1.2em;
      text-align: center;
      width: 100%;
    }
    @media only screen and (max-width: 767px) {
      div.timeblock div.timer {
        font-size: 4.8em;
      }
    }
    @media only screen and (max-width: 959px) and (min-width: 768px) {
      div.timeblock div.timer {
        font-size: 7.7em;
      }
    }
    @media only screen and (max-width: 767px) and (min-width: 480px) {
      div.timeblock div.timer {
        font-size: 5.7em;
      }
    }
    div.timeblock div.timer ul {
      display: inline-block; list-style:none; padding: 0px; margin: 0px;
    }
    div.timeblock div.timer ul li {
      float: left;
      text-align: center;
      position: relative; margin-bottom: 0px;
    }
    div.timeblock div.timer ul li.seperator {
      font-size: .7em;
    }
    div.timeblock div.timer ul li p {
      font-size: 24px;
      line-height: 1em;
    }

    /* Quicklinks */
	

	/* Footer */
    footer {color: #676767; font-size: 12px; padding-top: 25px;}
	footer a {color: #00aeef;}

	/* Content */
	section#content {padding: 60px 0px; margin-top: 80px;}

	.home-of {background-image: url(../../files/images/content/general-information/about-turkey/home-of-series/Home-Of-Background.png); background-repeat: no-repeat; background-size: contain; background-color: #CB1A18;}
			
/* ==========================================================================
   Form Styles
   ========================================================================== */

    
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* General */
	ul li {margin-bottom: 10px;}

	/* Check List */
    ul.check-list {list-style: none; padding: 0;}
    ul.check-list li {padding-left: 1.3em;}
    ul.check-list li:before {
      content: "\f00c"; /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      width: 1.3em; /* same as padding-left set on li */
      color: #003079;
    }
	
	/* References List */
	ul.references li:not(:last-child) {border-bottom:1px dashed #CCCCCC; padding-bottom:7px;}

	/* Side Bar Listing */
	ul.PageMenu {padding: 0; margin: 0; font-family: 'open_sans_condensedbold'; font-size: 14px; background-color: #E9ECEF;}
	ul.PageMenu li {
	    list-style: none;
		width: 100%;
		background-color: #E9ECEF; padding: 0px 15px;
	}
	ul.PageMenu li a {
		display: inline-block;
		padding: 10px;
		border-bottom: solid 1px #D9D9D9;
		width: 100%;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}
	ul.PageMenu li:first-child a{border-top:none;}
	ul.PageMenu li:last-child a{border-bottom:none;}
	ul.PageMenu li a > span{
		float: right;
	}
	ul.PageMenu li a:hover{border-bottom: solid 1px #7beec7; color: #FFFFFF;}
	ul.PageMenu li.hvr-sweep-to-right:before {background: #23408f;}
	
	/* Content Quicklinks Listing */
	ul.quicklink {padding: 0; margin: 0;}
	ul.quicklink li{
		list-style: none;
		width: 100%;
		background-color: #E9ECEF;
		border-top: solid 5px #23408F;
		font-family: 'open_sans_condensedbold';
		position: relative;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}
	ul.quicklink li:hover{
		-webkit-transform:scale(1.01);
			-ms-transform:scale(1.01);
				transform:scale(1.01);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
				box-shadow: 0 0 50px rgba(0,0,0,.2)
	}
	ul.quicklink li a{display: block; padding: 20px;}
	ul.quicklink li i {font-size: 24px;}
	
	/* Upcoming Events Listing */
	ul.upcoming {padding: 0; margin: 0;}
	ul.upcoming li{
		list-style: none;
		width: 100%;
		border-top: solid 5px #3166a2;
		position: relative;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}
	ul.upcoming li:after{
		content: "";
		position: absolute;
		top:0;
		right: 0;
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 0px solid transparent;
		border-top: 10px solid #3166a2;
	}
	ul.upcoming li:hover{
		-webkit-transform:scale(1.01);
			-ms-transform:scale(1.01);
				transform:scale(1.01);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
				box-shadow: 0 0 50px rgba(0,0,0,.2)
	}

/* ==========================================================================
   Listing Template Styles
   ========================================================================== */

	/* Overlay Fade List */
	.overlay-fade {position: relative;}
	.overlay-fade img {
		opacity: 1;
		display: block;
		width: 100%;
		height: auto;
		transition: .5s ease;
		backface-visibility: hidden;
	}
	.overlay-fade .shortdescription {
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	.overlay-fade:hover img {opacity: 0.3;}
	.overlay-fade:hover .shortdescription {opacity: 1;}
	.overlay-fade .title {
		background-color: #3166a2;
		color: white;
		width: 100%;
		padding: 15px 5px;
	}

/* ==========================================================================
   Table Styles
   ========================================================================== */

    table.no-border, table.no-border th, table.no-border tr, table.no-border td {border: none;}

    .responsive-data-table tbody tr th {width: 10%;}
    @media only screen and (max-width: 800px) {
    
		/* Force table to not be like tables anymore */
		.responsive-data-table table, 
		.responsive-data-table thead, 
		.responsive-data-table tbody, 
		.responsive-data-table th, 
		.responsive-data-table td, 
		.responsive-data-table tr { 
			display: block; 
		}
	 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-data-table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	 
		.responsive-data-table tr { border: 1px solid #ccc; }
	 
		.responsive-data-table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 55%!important; 
			white-space: normal;
			text-align:left;
		}
	 
		.responsive-data-table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
		
		.responsive-data-table .wo-data td {padding-left:5px!important;}
        .responsive-data-table .w-thead thead tr{
            position: relative;
			top: 0;
			left: 0;
        }
	 
		/*
		Label the data
		*/
		.responsive-data-table td:before { content: attr(data-title); }
		
		.responsive-data-table .idates td {padding-left:5px!important;}
	}
	
	table.registration > thead > tr > th {padding-top:15px; padding-bottom:15px;}
    table.registration > thead > tr > th:first-child {width: 30%;}
	table.registration > tbody > tr > td {text-align:center;}
	table.registration > tfoot > tr > td {padding:15px;}
   	
	@media only screen and (max-width: 800px) {
        .responsive-data-table tbody tr th {width: 100%; padding-left: 6px;}
		table.registration > tbody > tr > td {text-align:left;}
		table.registration > tfoot > tr > td {padding-left:5px!important;}
	}
	
/* ==========================================================================
   Modal Styles
   ========================================================================== */
	/* Custom modal content styling */

	.modal-container {
	  max-width: 860px;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  border-radius: .3em;
	  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
	}

	.modal-body {
	  max-height: 90vh;
	  padding: 0 1.5em 1.5em 1.5em;
	  overflow-y: auto;
	}

	.modal-footer {
	  padding: 1.5em;
	  text-align: right;
	}

	p:first-child {
	  margin-top: 0;
	}
	
/* ==========================================================================
   Youtube Styles
   ========================================================================== */
   
   .ytp-watermark, .ytp-watermark:hover, .ytp-native-controls .ytp-watermark, .ytp-hide-controls .ytp-watermark, .html5-video-player .ytp-watermark, .ytp-autohide .ytp-watermark {display:none!important;}
   
/* ==========================================================================
   Adaptive Styles
   ========================================================================== */
   
	@media only screen and (min-width: 1366px) and (max-width: 1599px) {
		
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1365px) {
		
	}
	
	@media only screen and (max-width: 1199px) {
		
	}
	
    @media only all and (width: 1024px) and (height: 768px) {
		
    }
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {

	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.header {background-color: #23408f;}
		.sf-menu li {float: none!important; text-align: right;}
		section#hero h1 {font-size: 28px;}
		div.timeblock div.timer {font-size: 3.0em;}
		div.timeblock div.timer ul li.seperator {font-size: .7em;}
    	div.timeblock div.timer ul li p {font-size: 18px; line-height: 1em;}
	}
    
	@media only screen and (min-width: 601px) and (max-width: 767px) {
		.sf-menu li {float: none!important; text-align: right;}
	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {
		.sf-menu li {float: none!important; text-align: right;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {
		.header {background-color: #23408f;}
		section#hero {padding: 120px 0px 0px;}
		section#hero h1 {font-size: 24px;}
		.sf-menu li {float: none!important; text-align: right;}
		div.timeblock div.timer {font-size: 3.0em;}
		div.timeblock div.timer ul li.seperator {font-size: .7em;}
    	div.timeblock div.timer ul li p {font-size: 18px; line-height: 1em;}
	}	

	@media only all and (width: 320px) {
		.header {background-color: #23408f;}
		section#hero {padding: 120px 0px 0px;}
		section#hero h1 {font-size: 20px;}
		.sf-menu li {float: none!important; text-align: right;}
		div.timeblock div.timer {font-size: 2.5em;}
		div.timeblock div.timer ul li.seperator {font-size: .7em;}
    	div.timeblock div.timer ul li p {font-size: 18px; line-height: 1em;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){
		
	}