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

	/*Font Icons*/
	@import url('font-icons/fontawesome/all.min.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/jquery.fancybox.min.css');
	/*Carousel*/
	@import url('plugins/carousel/slippry.css');
	/*Video Background*/
	@import url('plugins/video-bg/jquery.mb.YTPlayer.min.css');
	/*Superfish*/
	@import url('../jQuery/plugin/navigation/superfish/css/superfish.css');

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

	@font-face{font-family:'dinbek_blackblack';src:url(webfonts/dinbek_black-webfont.eot);src:url('webfonts/dinbek_black-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/dinbek_black-webfont.woff2) format('woff2'),url(webfonts/dinbek_black-webfont.woff) format('woff'),url(webfonts/dinbek_black-webfont.ttf) format('truetype'),url('webfonts/dinbek_black-webfont.svg#dinbek_blackblack') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'dinbek_lightregular';src:url(webfonts/dinbeklight-webfont.eot);src:url('webfonts/dinbeklight-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/dinbeklight-webfont.woff2) format('woff2'),url(webfonts/dinbeklight-webfont.woff) format('woff'),url(webfonts/dinbeklight-webfont.ttf) format('truetype'),url('webfonts/dinbeklight-webfont.svg#dinbek_lightregular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'dinbek_mediumregular';src:url(webfonts/dinbekmedium-webfont.eot);src:url('webfonts/dinbekmedium-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/dinbekmedium-webfont.woff2) format('woff2'),url(webfonts/dinbekmedium-webfont.woff) format('woff'),url(webfonts/dinbekmedium-webfont.ttf) format('truetype'),url('webfonts/dinbekmedium-webfont.svg#dinbek_mediumregular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'open_sansbold';src:url(webfonts/opensans-bold-webfont.eot);src:url('webfonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/opensans-bold-webfont.woff2) format('woff2'),url(webfonts/opensans-bold-webfont.woff) format('woff'),url(webfonts/opensans-bold-webfont.ttf) format('truetype'),url('webfonts/opensans-bold-webfont.svg#open_sansbold') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'open_sansbold_italic';src:url(webfonts/opensans-bolditalic-webfont.eot);src:url('webfonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/opensans-bolditalic-webfont.woff2) format('woff2'),url(webfonts/opensans-bolditalic-webfont.woff) format('woff'),url(webfonts/opensans-bolditalic-webfont.ttf) format('truetype'),url('webfonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'open_sansitalic';src:url(webfonts/opensans-italic-webfont.eot);src:url('webfonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/opensans-italic-webfont.woff2) format('woff2'),url(webfonts/opensans-italic-webfont.woff) format('woff'),url(webfonts/opensans-italic-webfont.ttf) format('truetype'),url('webfonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'open_sansregular';src:url(webfonts/opensans-regular-webfont.eot);src:url('webfonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url(webfonts/opensans-regular-webfont.woff2) format('woff2'),url(webfonts/opensans-regular-webfont.woff) format('woff'),url(webfonts/opensans-regular-webfont.ttf) format('truetype'),url('webfonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight:400;font-style:normal}

	.os {font-family: 'open_sansregular';}
	.os-i {font-family: 'open_sansitalic';}
	.os-b {font-family: 'open_sansbold';}
	.os-bi {font-family: 'open_sansbold_italic';}
	.dinbek-light {font-family: 'dinbek_lightregular';}
	.dinbek-med {font-family: 'dinbek_mediumregular';}
	.dinbek-black {font-family: 'dinbek_blackblack';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px;}
	body {font-family: 'open_sansregular'; font-size: 16px; color: #3c3c3c; line-height: 1.4;}

	b, strong {font-family: 'open_sansbold';}
	i, em {font-family: 'open_sansitalic';}
	
	a {color:#ED1C24;}
	a:hover {color:#142e53; text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:0.75rem;}
	

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

	h1, h2, h3, h4, h5, h6 {font-family: 'dinbek_blackblack'; color: #010101;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'dinbek_mediumregular'; color:#231F20;}

	h1 span, h2 span, h3 span, h4 span {color:#ed1c24;}

/* ==========================================================================
   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
   ========================================================================== */
		
	button:hover, button:focus {text-decoration: none!important;}
	.btn {white-space:normal;}
	.btn-danger {background-color: #ed1c24;}
	
	.scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #3a2974;
		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: #0bb1d3;
		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;
	}

	.bg-danger {background-color: #ed1c24!important;}

	.text-facebook {color:#547BBE!important;}
	.text-instagram {color:#833AB4!important;}
	.text-twitter {color:#19BFE5!important;}
	.text-linkedin {color:#0073B0!important;}

	.blink {-webkit-animation-name:blink; animation-name:blink; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-duration:1.5s; animation-duration:1.5s;}
	@keyframes blink{
		0%{opacity: 0;}
		50%{opacity: .5;}
		100%{opacity: 1;}
	}

	.webcast {background-image: url("../../files/images/layout/general/webcast-background.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom;}

	img, img:hover {-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* 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: 'Font Awesome 5 Free';
		font-weight: 900;
      display: inline-block;
      margin-left: -1.5em; /* same as padding-left set on li */
      width: 1.3em; /* same as padding-left set on li */
      color: #25408f;
    }

	/* Side Bar Listing */
	ul.PageMenu {padding: 0; margin: 0; font-family: 'dinbek_mediumregular'; font-size: 14px; background-color: #E9ECEF; border-radius: .25rem!important;}
	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:last-child a{border-bottom:none; border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}
	ul.PageMenu li a > span{
		float: right;
	}
	ul.PageMenu li a:hover{border-bottom: solid 1px #231F20; color: #FFF;}
	ul.PageMenu li.hvr-sweep-to-right:before {background: #ED1C24;}
	ul.PageMenu li:first-child, ul.PageMenu li:first-child a:hover, ul.PageMenu li:first-child.hvr-sweep-to-right:before {border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important;}
	ul.PageMenu li:last-child, ul.PageMenu li:last-child a:hover, ul.PageMenu li:last-child.hvr-sweep-to-right:before {border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}

	/* Social Network List */
	ul.social-network {font-size: 28px!important; margin-bottom: 0;}
	ul.social-network .list-inline-item:not(:last-child) {margin-right: .1rem;}
	ul.social-network a .fa-facebook-square {color: #3C5A99!important;}
	ul.social-network a:hover .fa-facebook-square {color: #4267B2!important;}
	ul.social-network a .fa-instagram {color: #833AB4!important;}
	ul.social-network a:hover .fa-instagram {color: #C13584!important;}
	ul.social-network a .fa-square-x-twitter {color: #1DA1F2!important;}
	ul.social-network a:hover .fa-square-x-twitter {color: #14171A!important;}
	ul.social-network a .fa-linkedin {color: #0174B1!important;}
	ul.social-network a:hover .fa-linkedin {color: #0073B0!important;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: 'dinbek_mediumregular'; font-size: 18px; text-shadow:0;}
	.main-nav .sf-menu {margin-bottom: 0px;}
	.main-nav .sf-menu a {border: none; padding: 5px;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 5px 7px;}
	.main-nav .sf-menu .nav-link {color: #FFFFFF;}
	.main-nav .sf-menu .nav-link:hover {color: #ed1c24;}
	.main-nav .sf-menu li ul {background-color: #343a40; padding: 5px 0px;}
	.main-nav .sf-menu li ul li {background-color: #142e53; margin-left: 8px;}
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */

	/* Quicklinks */
	#quicklinks {position: relative; z-index: 10; top: -80px;}
	#quicklinks a, #quicklinks a h2, #quicklinks a h2 small {color: #FFF;}
	#quicklinks a:hover, #quicklinks a:hover h2, #quicklinks a:hover h2 small {color: #000;}
	#quicklinks i.fas {font-size: 36px;}
	#quicklinks h2 {font-size: 20px; margin: 0;}
	#quicklinks.content-page {top: 0;}

	/* Important Dates */
	#important-dates ul.check-list {font-size: 14px; margin-bottom: 0px!important;}
	#important-dates ul.check-list li:before {
		content: "\f105"; /* FontAwesome Unicode */
		font-weight: bold;
		color: #FFFFFF;
	}
	#important-dates ul.check-list li:last-child {margin-bottom: 0px!important;}

	/* Countdown */
	#countdown-row .row {background-image: url(../../files/images/layout/general/bg-countdown.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
	div.timeblock {width: 100%; padding:25px 0px;}
	div.timeblock div.timer {color: #000; font-weight: 700; font-size: 6.0rem; line-height: 1.2em; text-align: center; width: 100%;}
	div.timeblock div.timer ul {display: inline-block; list-style:none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
	div.timeblock div.timer ul li {float: left; text-align: center; position: relative;}
	div.timeblock div.timer ul li.seperator {font-size: .7em;}
	div.timeblock div.timer ul li p {font-weight: 200; font-size: 0.3em; line-height: 1em; margin-bottom:0px; opacity: .5;}

	/* Cards */
	.card {padding:15px;}
		
    /* Footer */
    footer {color: #FFF; font-size: 13px;}
	footer h2 {font-size: 16px; color: #FFF; margin-bottom:15px;}
	footer a {color: #8dc63f;}
	footer a:hover {color: #FFF;}

	/* Content */
	section#content .card, section#content .breadcrumb {border-radius:0;}

	.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;}

    /* Youtube Video Background */
    #yTvideo, #icureVid {background: #000; height: 500px; width: 100%; position: relative;}
    #yTvideo-text {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
	#icureVid .YTPOverlay {opacity: 0;}

	/* Webcast */
	.webcast .card-body {height: 300px;}
	.webcast .card-body .scrollable{overflow-y: auto; max-height: 300px;}
			
/* ==========================================================================
   Form Styles
   ========================================================================== */
    
/* ==========================================================================
   Listing Template Styles
   ========================================================================== */

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

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

	table.program {background-color: #FFF; border-collapse: separate; border-spacing: 5px;}
	table.program tbody tr th:first-child {width:15%;}
	/*table.program tbody tr th, table.program tbody tr td {background-color:#eaeaea; font-size:14px; vertical-align:middle;}*/
	table.program h2 {font-size:20px; margin-bottom:20px; color:#00A8B9;}
	table.program h3 {font-size:16px;}
	table.program h3 small {color:#333;}
	table.program h4 {font-size:14px;}
	table.program .bg-warning {background-color: #FFEFCB!important;}
	table.program .bg-presentation {background-color: #FBDFEB!important;}
	table.program .bg-abstract {background-color: #E6EFC1!important;}
	table.program .bg-company {background-color: #FDEEF5!important;}
	table.program .bg-cocktail {background-color: #FEE4CA!important;}

    .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.wo-data tbody tr th:first-child {width: 15%;}
	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;}
	}
	
/* ==========================================================================
   Backgrounds
   ========================================================================== */
	
/* ==========================================================================
   Youtube Styles
   ========================================================================== */
   
/* ==========================================================================
   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) {
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
    
	@media only screen and (min-width: 601px) and (max-width: 767px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
		#quicklinks {top: 1rem;}
	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
		#quicklinks {top: 1rem;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
		#quicklinks {top: 1rem;}
	}	

	@media only all and (width: 320px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){}