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

@import url('webfonts/icon.css');
@import url('webfonts/fontello.css');
@import url('webfonts/font-awesome.css');
@import url('webfonts/webfonts.css');
@import url('../jQuery/plugin/superfish-menu/css/superfish.css');
@import url('ihover.css');
@import url('hover.css');
@import url('themify-icons.css');
@import url('swipebox.css');
@import url('animate.css');
@import url('jquery.fancybox.css');


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

	.open-sans {font-family: 'open_sans_condensedbold';}
    .pt-sans {font-family: 'pt_sans_narrowregular';}
    .pt-sans-b {font-family: 'pt_sans_narrowbold';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html {scroll-behavior: smooth;}
	html, body {margin:0px; padding:0px;}
	body {
        background-image: url(../../files/images/layout/general/bg-tile.png); background-repeat: repeat;
        font-family: 'pt_sans_narrowregular'; font-size: 18px; color: #474747; line-height: 1.4; border-top:3px solid #87181b;
    }
	
	b, strong {font-family: 'pt_sans_narrowbold', sans-serif;}
	
	a {color:#cc1f26;}
	a:hover {color:#87181b; text-decoration:none;}

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

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

	h1, h2, h3, h4, h5, h6 {font-family: 'pt_sans_narrowbold', sans-serif;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {}

    h1, h2, h3 {color: #cc1f26;}
	h1 span {color:#000000;}
	h1 small {color:#5a5a5d;}
	h1 small span {color: #cc1f26;}

	.btn {white-space: normal; word-wrap: break-word;}
	a.btn:hover h2, a.btn:hover h3, a.btn:hover h4, a.btn:hover h5 {color: inherit!important;}

/* ==========================================================================
   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);*/
		-webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.25);
		box-shadow: 0 2px 6px 1px rgba(0,0,0,0.25);
    }
	
    .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);
		*/
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    }

/* ==========================================================================
   Dividers
   ========================================================================== */
   
	.separator {
		width:100%; height:1px; -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.6); box-shadow: 0 1px 1px 0 rgba(255,255,255,0.6);
		background: -moz-linear-gradient(left, rgba(165,165,165,0) 0%, rgba(165,165,165,1) 50%, rgba(165,165,165,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(165,165,165,0) 0%,rgba(165,165,165,1) 50%,rgba(165,165,165,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(165,165,165,0) 0%,rgba(165,165,165,1) 50%,rgba(165,165,165,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5a5a5', endColorstr='#00a5a5a5',GradientType=1 ); /* IE6-9 */
	}

	.divider {width:100%; height:1px; border-bottom:1px dashed #CCCCCC; margin:30px 0px;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
		
    .scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #128aa2;
		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: #344454;
		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
   ========================================================================== */
    
    .bg-white {background-color: #FFFFFF;}
    
    .perspective-container {
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        -o-perspective: 600px;
        perspective: 600px;
        
    }

    .perspective-container .rotated {
        /*
        -moz-transform: rotate(-5deg) translateX(0px) translateY(7px);
        -webkit-transform: rotate(-5deg) translateX(0px) translateY(7px);
        -o-transform: rotate(-5deg) translateX(0px) translateY(7px);
        -ms-transform: rotate(-5deg) translateX(0px) translateY(7px);
        transform: rotate(-5deg) translateX(0px) translateY(7px);
        */
        -webkit-transform: rotateZ( -5deg );
        -moz-transform: rotateZ( -5deg );
        -o-transform: rotateZ( -5deg );
        transform: rotateZ( -5deg );
    }

	.text-wrap {
		white-space: normal!important;
	}
	
/* ==========================================================================
   Navigation Styles
   ========================================================================== */

    /* Main Nav */
	.nav-row {
		background: rgb(135,24,27); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(135,24,27,1) 0%, rgba(204,31,38,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(135,24,27,1) 0%,rgba(204,31,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(135,24,27,1) 0%,rgba(204,31,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87181b', endColorstr='#cc1f26',GradientType=0 ); /* IE6-9 */
	}
    .main-nav {font-family: 'open_sans_condensedbold'; font-size: 18px;}
    .navbar.main-nav {padding: 5px;}
    .main-nav .sf-menu {margin: 0px;}
	.main-nav .sf-menu li {background-color: transparent;}
    .main-nav .sf-menu li:not(:last-child) {margin-right: 5px;}
    .main-nav .sf-menu a {border: none;}
    .main-nav .navbar-nav .nav-link {color: #FFF;}
    .main-nav .sf-menu ul {background-color: #cc1f26;}
    .main-nav .sf-menu ul li a:after {display: none!important;}
    
	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */
    
    /* Main Slider */
    .hero-slider .slide {width: 100%; display: block; position: relative; color: #FFF; text-shadow: 1px 1px 0 #000000;}
    .hero-slider .slide .overlay {position:absolute; top:0; display:block; height:100%; padding: 20px;}
    .hero-slider h1 {font-size:24px; margin-bottom:20px; color: inherit;}
    .hero-slider h2 {font-size:18px; color: inherit;}
    .hero-slider .slide.slick-active h1 {
		-webkit-animation:fadeInDown 1.2s both 0.5s;
			  	animation:fadeInDown 1.2s both 0.5s;
	}
		
	.hero-slider .slide.slick-active h2 {
		-webkit-animation:fadeInUp 1.5s both 1.2s;
			  	animation:fadeInUp 1.5s both 1.2s;
	}
		
	.hero-slider .slide.slick-active .button {
		-webkit-animation:fadeIn 1.5s both 1.7s;
			  	animation:fadeIn 1.5s both 1.7s;
	}
		
	.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:rgba(0,48,121,.70);
		border:0 none;
		margin-top:-22.5px;
		text-align:center;
		color:#FFF;
		z-index:5;
	}
	.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:rgba(0,48,121,1);
	}

    .hero-slider .slide ul {list-style: none; padding: 0;}
    .hero-slider .slide ul li {padding-left: 1.3em;}
    .hero-slider .slide ul 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 */
    }
	
    /* Footer */
    footer {background-color:#ffffff; color:#4b4b4b; font-size: 14px;}

    /* Content */
	
	/* Countdown */
	div.timeblock {
	  width: 100%; padding:55px 0px;
	  background-image:url(../../files/images/layout/general/bg-countdown.png); background-size:cover; background-repeat:no-repeat;
	}
	div.timeblock div.timer {
	  color: #87181b;
	  font-family: 'open_sans_condensedbold', sans-serif;
	  font-weight: 700;
	  font-size: 4rem;
	  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.27em;
      line-height: 1em;
	  margin-bottom:0px;
    }
	
	/* Quicklinks */
	a.quicklinks {background-color:#cc1f26; padding:0px; cursor:pointer; display:block;}
	a.quicklinks:hover {background-color:#87181b;}
	a.quicklinks h2, a.quicklinks h3 {color:#FFF; margin-bottom:0px;}
	a.quicklinks h2 {font-size:32px;}
	a.quicklinks h3 {font-size:24px;}
	a.quicklinks .row {margin:0px;}
	a.quicklinks .row div:first-child {background-color:#87181b; padding:30px;}
	a.quicklinks:hover .row div:first-child {background-color:#cc1f26;}
		
/* ==========================================================================
   Listing Template Styles
   ========================================================================== */
    
    /* Hover Effected Listing Template */
    .ih-item.square {width: 100%; height: 90%;}
    .ih-item.square.effect3 .info {
        height: 90px;
        background: #6989A9;
        opacity: 0.5;
    }
    .ih-item.square.effect3.bottom_to_top .info {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }
    .ih-item.square.effect3 .info p {
        color: inherit; margin-top: 10px; font-style: normal; text-transform: uppercase;
    }

    .newspaper-column {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    .ih-item.square.effect8 {height: 100%;}
    .ih-item.square.effect8 .img {background-color: #FFF;}

    /* Page Menu */
    ul.PageMenu {list-style: none; padding: 0; font-family: 'pt_sans_narrowbold';}
    ul.PageMenu li {line-height: 1.5; border-bottom:1px solid #eaeaea; padding: 0.5em 1.1em;}
    ul.PageMenu li:last-child {border-bottom:0px;}
    ul.PageMenu li:before {
      content: "\f105"; /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.1em; /* same as padding-left set on li */
      width: 1.1em; /* same as padding-left set on li */
    }

    /* 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: #cc1f26;
    }

	/* Important Dates */
	#important-dates ul.check-list {font-size: 17px; margin-bottom: 0px!important; color: #FFFFFF;}
	#important-dates ul.check-list li:before {
		content: "\f105"; /* FontAwesome Unicode */
		font-weight: bold;
		color: #FFFFFF!important;
	}
	#important-dates ul.check-list li:last-child {margin-bottom: 0px!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-twitter-square {color: #1DA1F2!important;}
	ul.social-network a:hover .fa-twitter-square {color: #14171A!important;}

/* ==========================================================================
   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 tfoot, 
		.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: 60%!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: 40%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
        
        .responsive-data-table tfoot td{padding-left: 6px!important;}
		
		.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 > tbody > tr > td {text-align:center;}
	table.registration > tfoot > tr > td {padding:15px;}

    table.kurul tr {border-bottom:1px dashed #eaeaea;}
    table.kurul tbody tr th {width:28%;}
    table.kurul tbody tr td {width:35%;}

    table.useful-info tbody tr th {width: 20%;}
	
	table.program {background-color: #FFF; border-collapse: separate; border-spacing: 5px;}
	table.program thead tr th {text-align:center; background-color:#393D53; color:#FFF;}
	table.program thead tr th:first-child {width:15%;}
	table.program tbody tr th, table.program tbody tr td {background-color:#F2F2F2; 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 div[class^="col"] {padding-left:10px; padding-right:10px;}*/
	.responsive-data-table table.program tbody tr th {width: 13%;}
   	
	@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;}
        
        table.useful-info tbody tr th {width:inherit;}
		
		.responsive-data-table table.program tbody tr th {width: 100%!important;}
	}


	
/* ==========================================================================
   Icons
   ========================================================================== */

	.flag-icon {
		background-size: contain;
		background-position: 50%;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		width: 1.5em;
		line-height: inherit;
	}
	.flag-icon:before {
		content: "\00a0";
	}
	.flag-icon-es {
		background-image: url(flags/es.svg);
	}
	.flag-icon-fr {
		background-image: url(flags/fr.svg);
	}
	.flag-icon-gb {
		background-image: url(flags/gb.svg);
	}
	.flag-icon-pt {
		background-image: url(flags/pt.svg);
	}

/* ==========================================================================
   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 (max-width: 1199px) {
		
	}
	
	@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 (min-width: 992px) and (max-width: 1199px) {

	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {

	}

    
    @media only all and (width: 1024px) and (height: 768px) {

    }
	
	@media only screen and (min-width: 601px) and (max-width: 767px) {

	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {

	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {

	}	

	@media only all and (width: 320px) {

	}