/************************************/
 
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,800,600,300&subset=latin-ext,latin");
@font-face{ 
	font-family: 'WebSymbolsLigaRegular';
	src: url('../fonts/websymbolsligaregular.eot');
	src: url('../fonts/websymbolsligaregulard41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/websymbolsligaregular.woff') format('woff'),
		url('../fonts/websymbolsligaregular.ttf') format('truetype'),
		url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}



/*************************************
CUSTOM
**************************************/

h1 {
    font-size: 40px;
   }
.word {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}

.navigation {
	background: #fff !important;
	height: 110px !important;
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.navigation.header-scroll {
	padding-top: 45px ;
}
.logo-wraper {
	height: 110px;
}
.logo-wraper .logo {
	margin-top: 50px;
	/*opcional*/
	/* margin-left: 80px; */
}

nav a {
	color: #000000;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0px 18px;
 }
 ul {
     line-height: 24px !important;
   }

 /*video*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about .display-cell {
	background-color: #1758B1;
}

.np		{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
		}

.follow ul li a { font-size: 15px; }
.follow ul li i { font-size: 22px; }

.left-block-about,
.right-block-about {
	padding: 1px;
}


.swiper-slide.sport-category {
	position: relative;
	float: none;
	display: inline-block;
	width: 300px;
	height: 500px;
}
.offer-block:hover {
	background: none;
}
.button-img a {
	color: #1758B1;
}


/*Galeria*/
.gallery {
	padding-top: 70px;
}
.gallery .gallery-slide {
	width: 25%;
}
.title-gallery-inside {
	width: 25%;
}
.about-baner h1 {
    text-align: center;
}

		.slider-top-thumbs h1 {
			margin:0 auto;
		}



.down.arrow {color: #232323; transform: rotate(-180deg); top:11px;}
.down-second.arrow {color: #ff9c00; transform: rotate(-180deg); top:11px;}
.elements.color {color: #ff9c00;}
.page404.color {color: #ff9c00;}

.down-second {
	color: #FFFFFF;
	position: inherit;
  }

/*******************************************************
MEDIA @
******************************************************/


@media screen and (max-width: 980px ) {
	.logo-wraper {
		margin-top: 0px;
	}
	.logo-wraper .logo-simple {
		margin-top: 25px;
	}
	.logo-wraper .logo {
    margin-top: 0px;
	}
	.navigation,
	.menu-mobile-icon
	 {
		background: none;
		padding-top: 0px !important;
		height: 90px !important;
	}
	.navigation nav a { 
		padding: 5px 0;
	}
	/* nav a {
	    color: #fff !important;
	} */
}
@media screen and (max-width: 800px ) {
		.gallery .gallery-slide {
		    width: 50%;
		}
		.about-baner.slider-top-thumbs {
    	margin-top: 90px;
		}
}
@media screen and (max-width: 768px ) {
		.full-height {
			height:  60vmin;
		}

		#jssor_1 {
    	height: 350px !important;
    	top: 90px !important;
		}


}
@media screen and (max-width: 450px ) {
		.gallery .gallery-slide {
		    width: 100%;
		}
		.slider-top-thumbs h1 {
			font-size: 30px;
			margin:0;
		}


		
}
@media screen and (max-width: 400px ) {
	.video-youtube {
		height: 400px;
	}
	#jssor_1 {
    	height: 320px !important;
    	top: 90px !important;
	}
}
@media screen and (max-width: 350px ) {
	
	.main-caption h1 {
    font-size: 20px;
	}
	.main-caption .word {
    background: rgba(0, 0, 0, 0.31);
	}
	.logo-wraper .logo-simple img {
		width: 80%;
		padding-top: 10px;
	}
	.gallery .gallery-slide {
		    width: 100%;
	}
	.scale-anime.effect {
    font-size: 100%;
    font-size: 30px;
	}
	.bgInicio .display-cell {
    background: none !important;
	}
	/*SLIDER*/
	.about-baner.slider-top-thumbs {
    margin-top: 90px;
	}

	.bg.bg-bg-chrome {
    height: 70%;
    top: 90px;
	}
	 .main-page.full-height {height: 340px!important;}
	 
	 .gallery {
	 	padding-top: 20px;
	 }
	 .team .team-title {
	 	padding-top: 40px;
	 }
	.related {
    padding-top: 40px;
	}
	.related h2 {
	 	display: initial;
	 	font-size: 28px;
		line-height: 30px;
	 }
	 .contact-title b {
    font-size: 22px;
	}

	.offer-block {
		margin-top:0px;
	}
	.bg.bg-bg-chrome {
    height: 100%;
    top: 10px;
	}
}