/* ---------------------------------------

Tuna

Project:    	TunaTech
Version:    	1
Last Change:    7/7/2019

------------------------------------------*/

/* ---------------------------------------
  Colors
------------------------------------------*/
.tuna-purple{
	color:#7663F2 !important;
}
.tuna-bg-purple{
	background:#7663F2;
}
.tuna-aqua{
	color:#49F2D3;
}
.tuna-bg-aqua{
	background:#49F2D3;
}
.tuna-bg-colors{
	 background: linear-gradient(45deg, rgba(101,38,255,1) 0%,rgba(73,242,211,1) 100%);
}
.white-text{
	color:white !important;
}

/* ---------------------------------------
  Logos
------------------------------------------*/
.tuna-logo-header{
	width:auto;
	height:190px;
	margin-top:8px;
}
.tuna-logo-header-fixed{
	width:auto;
	height:40px;
	margin-top:8px;
	display:none !important;
}
.tuna-logo-footer{
	width:auto;
	height:190px;
}

.fixed-header .tuna-logo-header{
	display:none !important;
}
.fixed-header .tuna-logo-header-fixed{
	display:inline-block !important;
}


/* ---------------------------------------
  Style
------------------------------------------*/
.coming-soon-tuna{
	margin:auto auto;
}

/* ---------------------------------------
  Header Button
------------------------------------------*/
.btn-style-one {
    padding: 10px 22px !important;
}
/*boton del header*/
.tuna-header-btn{
	background-color: #5d00e9 !important;
}
/*page-banner*/
.page-title{
	padding: 150px 0 80px;
}

/* ---------------------------------------
  Main Banner
------------------------------------------*/
#lg-banner{
	display: block !important;
}
#md-banner{
	display: none !important;
}
#sm-banner{
	display: none !important;
}

/*XL LG*/
#lg-banner .lg-main-banner{
	    text-shadow: -2px -2px 2px rgba(255,255,255,.1), 2px 2px 2px rgba(0,0,0,.5) !important;
			background-image: url(../images/main-slider/lg-iconos-01.png), url(../images/main-slider/lg-personajes-01.png), url(../images/main-slider/tuna-bg.jpg) !important;
			/*background-image: url(../images/main-slider/lg-personajes-01.png), url(../images/main-slider/lg-fondo-01.jpg), url(../images/main-slider/lg-iconos-01.png) !important;*/
      background-repeat: no-repeat !important;
      background-position: center center, center center, center center !important;
      background-size: contain, contain,auto !important;
}
/*MD*/
#md-banner .md-main-banner{
	    text-shadow: -2px -2px 2px rgba(255,255,255,.1), 2px 2px 2px rgba(0,0,0,.5) !important;
			background-image: url(../images/main-slider/md-personajes-02.png), url(../images/main-slider/md-fondo-02.jpg) !important;
      background-repeat: no-repeat !important;
      background-position: top center, center center !important;
      background-size: cover,auto !important;
}
/*SM XS*/
#sm-banner .sm-main-banner{
		text-shadow: -2px -2px 2px rgba(255,255,255,.1), 2px 2px 2px rgba(0,0,0,.5) !important;
		background-image: url(../images/main-slider/sm-personajes-03.png), url(../images/main-slider/sm-fondo-03.png) !important;
		/*background-image: url(../images/main-slider/lg-personajes-01.png), url(../images/main-slider/lg-fondo-01.jpg), url(../images/main-slider/lg-iconos-01.png) !important;*/
		background-repeat: no-repeat !important;
		background-position: center center, center center !important;
		background-size: contain,auto !important;
}
.lg-main-banner .main-banner-title{
	color:white !important;
	top:-360px !important;
}
.lg-main-banner .content-box{
	top:130px !important;
}
.md-main-banner .main-banner-title{
	color:white !important;
	top:-340px !important;
}
.md-iconos{
	margin-top: -50px;
	margin-bottom: 30px;
	height: 70px;
	display: block;
	background-image: url(../images/main-slider/md-icons-narrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}
.md-iconos.tuna-verticals{
	width: 100%;
	margin-top: -50px;
}
.md-iconos.tuna-verticals img{
	height: 50px;
}
.md-main-banner .content-box{
	margin-top:250px !important;
}
.sm-main-banner .main-banner-title{
	color:white !important;
	top:-220px !important;
}
.sm-main-banner .content-box{
	top:130px !important;
	font-size: 0.6em;
}
.sm-iconos{
	margin-top: -50px;
	margin-bottom: 30px;
	height: 70px;
	display: block;
	background-image: url(../images/main-slider/sm-icons-narrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
}
/*page-banner verticals*/
.tuna-verticals div{
	 width: 16.66% !important;
}
/*banner slider opacity*/
.banner-carousel .swiper-slide:before {
	opacity: .10;
}

/* ---------------------------------------
  Speakers
------------------------------------------*/
.speaker-block .image-box .image img {
    height: 250px;
    object-fit: cover;
}
.caption-box {
    opacity: 0.9;
    padding-bottom: 0px !important;
    bottom: 5px !important;
}
.company-box{
	/* position: absolute; */
	/* left: 30px; */
	/* bottom: 5px; */
	/* width: auto; */
	/* height: auto; */
	/* z-index: 99; */
	max-height: 20px;
	/* padding-top: 20px; */
	/* padding-bottom: 20px; */
	}

.company-box img{
	max-height: 20px;
	/*-webkit-filter: drop-shadow(1px 1px 1px #fff);
  filter: drop-shadow(1px 1px 1px #fff);*/
}
/* ---------------------------------------
  Sponsors
------------------------------------------*/
.slide-item{
	padding: 34px 0 !important;
	text-align: center;
}
.slide-item-left{
		margin-left: 20px;
}
.slide-item .image{
	max-height: 180px !important;
}
.slide-item .image img{
	width: auto !important;
}
/*diamond*/
.tuna-diamond img{
	max-height: 120px !important;
	padding: 10px 5px;
}

/*gold*/
.tuna-gold{
	border-color:rgba(206,170,53,.30) !important;
}
.tuna-gold-title{
	background: rgb(206,170,53) !important;
    background: -moz-linear-gradient(45deg, rgba(206,170,53,1) 0%, rgba(230,210,114,1) 100%)!important;
    background: -webkit-linear-gradient(45deg, rgba(206,170,53,1) 0%,rgba(230,210,114,1) 100%)!important;
    background: linear-gradient(45deg, rgb(206,170,53) 0%,rgb(230,210,114) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceaa35', endColorstr='#e5d472',GradientType=1 )!important;
    -webkit-box-shadow: 0 20px 30px rgba(206,170,53,.30)!important;
    -ms-box-shadow: 0 20px 30px rgba(206,170,53,.30)!important;
    box-shadow: 0 20px 30px rgba(206,170,53,.30)!important;
}
.tuna-gold .slide-item{
	padding: 10px 0 !important;
}

/*silver*/
.tuna-silver{
	border-color:rgba(125,136,129,.30) !important;
}
.tuna-silver-title{
	background: rgb(125,136,129) !important;
    background: -moz-linear-gradient(45deg, rgba(125,136,129,1) 0%, rgba(200,200,200,1) 100%)!important;
    background: -webkit-linear-gradient(45deg, rgba(125,136,129,1) 0%,rgba(200,200,200,1) 100%)!important;
    background: linear-gradient(45deg, rgb(125,136,129) 0%,rgb(200,200,200) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d8881', endColorstr='#f4f3ee',GradientType=1 )!important;
    -webkit-box-shadow: 0 20px 30px rgba(125,136,129,.30)!important;
    -ms-box-shadow: 0 20px 30px rgba(125,136,129,.30)!important;
    box-shadow: 0 20px 30px rgba(125,136,129,.30)!important;
}
.tuna-silver .slide-item{
	padding: 40px 0 !important;
}
.tuna-silver img{
	max-height: 140px !important;
}

/*partners*/
.tuna-partners{
	border-color:rgba(73,242,211,.30) !important;
}
.tuna-partners-title{
	background: rgb(101,38,255) !important;
    background: -moz-linear-gradient(45deg, rgba(101,38,255,1) 0%, rgba(73,242,211,1) 100%)!important;
    background: -webkit-linear-gradient(45deg, rgba(101,38,255,1) 0%,rgba(73,242,211,1) 100%)!important;
    background: linear-gradient(45deg, rgb(101,38,255) 0%,rgb(73,242,211) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6526FF', endColorstr='#f907a0',GradientType=1 )!important;
    -webkit-box-shadow: 0 20px 30px rgba(73,242,211,.30)!important;
    -ms-box-shadow: 0 20px 30px rgba(73,242,211,.30)!important;
    box-shadow: 0 20px 30px rgba(73,242,2110,.30)!important;
}
.tuna-partners img{
	max-height: 90px !important;
}

/* ---------------------------------------
  Communities
------------------------------------------*/
.community-block{
	max-height: 200px;
	height: 160px;
}
.community-block img{
	max-height: 160px;
	/*height: 180px;*/
	width: auto;
}

/* ---------------------------------------
  Features
------------------------------------------*/
.feature-block .inner-box {
    padding: 30px 30px 30px !important;
}

/* ---------------------------------------
  Location
------------------------------------------*/
.fcc-map{
	padding:0px;
	background-color: transparent;
}

/* ---------------------------------------
  Schedule
------------------------------------------*/
.schedule-block .thumbs-box {
    height: 140px;
    width: 140px;
}

.schedule-block .time{
	font-size: 1.2em;
	font-weight: bold;
	color:#6526FF;
}
/*impoartant date is neccesary but must be invisible for L&F*/
.schedule-block i{
	display: none;
}

.schedule-block .type{
	font-size: 0.8em;
	font-weight: bold;
	color:#6526FF;
}

.schedule-block .thumbs-box img {
    display: block;
    /* width: auto; */
    height: 100%;
    /* max-width: 150%; */
    /* max-height: 150px; */
    object-fit: cover;
}

.schedule-filters  li {
    position: relative;
    display: inline-block;
    margin: 0 25px;
}

.schedule-filters  li a {
    position: relative;
    display: block;
    font-size: 18px;
		font-weight: bolder;
    line-height: 30px;
    color: #616977;
    font-weight: 500;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-filter.active, .schedule-filters  li a:hover, .schedule-filters  li a:active {
    color: #e1137b;
		text-decoration: underline;
}


/* ---------------------------------------
  Responsive
------------------------------------------*/
@media only screen and (min-width: 992px) {
	.tuna-diamond .slide-item{
		width: 20% !important;
		max-width: 20% !important;
	}

	.tuna-gold .slide-item{
		width: 20% !important;
		max-width: 20% !important;
	}

	.tuna-silver .slide-item{
		width: 20% !important;
		max-width: 20% !important;
	}
}
@media only screen and (min-width: 768px) {
	/**/
	.clients-section .sponsors-outer{
		padding-left:350px;
	}
	.clients-section .sponsors-outer .title-box{
		width:300px;
	}
	.clients-section .sponsors-outer {
	    padding-left: 310px;
	}

}

@media only screen and (max-width: 767px) {
	#lg-banner{
		display: none !important;
	}
	#md-banner{
		display: block !important;
	}
	#sm-banner{
		display: none !important;
	}
	.main-banner{
		background-size: contain,cover !important;
	}
}
@media only screen and (max-width: 479px) {
	#lg-banner{
		display: none !important;
	}
	#md-banner{
		display: none !important;
	}
	#sm-banner{
		display: block !important;
	}
	.main-banner{
		background-size: contain,cover !important;
	}

	.slide-item{
		padding: 14px 0 !important;
		text-align: center;
		width: 50% !important;
	}

}

@media only screen and (max-width: 650px) {
	/*Clock hidden*/
	.countdown-column{
		display: none !important;
	}

	/*Sponsors*/
	.slide-item{
		padding: 14px 0 !important;
		text-align: center;
	}
	.slide-item-left{
			margin-left: 10px;
	}
	.slide-item .image{
		max-height: 100px !important;
	}
	.slide-item .image img{
		width: auto !important;
	}

	/*diamond*/
	.tuna-diamond img{
		/*max-height: 60px !important;*/
	}
	/*gold*/
	.tuna-gold .slide-item{
		padding: 10px 0 !important;
	}

	/*silver*/
	.tuna-silver .slide-item{
		padding: 10px 0 !important;
	}
	.tuna-silver img{
		max-height: 50px !important;
	}
	/*partners*/
	.tuna-partners img{
		max-height: 80px !important;
	}

	.tuna-partners .slide-item{
		width: 50% !important;
	}

	.tuna-diamond .slide-item{
		width: 50% !important;
		max-width: 50% !important;
	}

	.tuna-gold .slide-item{
		width: 50% !important;
		max-width: 50% !important;
	}

	.tuna-silver .slide-item{
		width: 50% !important;
		max-width: 50% !important;
	}
}