/*
Theme Name: Son México Cuba
Theme URI: sonmexicocuba.mx
Description: Tema desarrollado solo para Son México Cuba
Author: Luis Eduardo Alcantara Olvera
Author URI: http://codebyluis.com
Template: sonmexicocuba
Version: 1.0.0
*/
@charset "UTF-8";
@font-face {
  font-family: 'cabrito';
  src:  url('css/fonts/cabrito.eot?wkt612');
  src:  url('css/fonts/cabrito.eot?wkt612#iefix') format('embedded-opentype'),
    url('css/fonts/cabrito.ttf?wkt612') format('truetype'),
    url('css/fonts/cabrito.woff?wkt612') format('woff'),
    url('css/fonts/cabrito.svg?wkt612#cabrito') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'futuralite';
  src: url('css/fonts/futurastdbook.ttf');
}
@font-face {
  font-family: 'futurabold';
  src: url('css/fonts/uturastdcondensedbold.ttf');
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cabrito' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-snapchat:before {
  content: "\e900";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-play3After:after {
  content: "\ea1c";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}

body{
	background:url('image/FONDO.jpg');
	background-size: 100%;
	font-size:16px;
	font-family: futuralite;
	font-weight: 400;
	color: #FFF;
}
.center{
	width:80%;
	display:block;
	margin:0 auto;
}
.header{
	position: fixed;
	width: 100%;
	top: 0;
	transition: all 0.5s ease;
	z-index: 2;
	text-align: center;
	height: 190px;
}
.wrapperRelative{
	position: relative;
	height: 190px;
}

	
.headerScroll{
	background: rgba(0,0,0,.5);
}
	.wrapper_iconMenu{
		display: inline-block;
		height: 50px;
		width: 50px;
		position: absolute;
		top: 10px;
		left: 10px;
		cursor: pointer;
		visibility: hidden;
	}
		.line{
			display: block;
			border: 3px solid #FFF;
			border-radius: 50px;
			width: 90%;
			margin: 0;
			padding: 0;
			position: relative;
		}
			.wrapper_iconMenu .uno{
				top: 5px;
			}
			.wrapper_iconMenu .dos{
				top: 15px;
			}
			.wrapper_iconMenu .tres{
				top: 25px;
			}
	.logo{
		width:50%;
		max-width:230px;
		margin: auto;
		margin-top: 10px;
		transition: all 0.5s ease;
		display: inline-block;
		vertical-align: top;
		position: absolute;
		left: 10%;
		z-index: 1;
	}
	.logo2{
		display: none;
		display: inline-block;
	    width: 100%;
	}
		.logo2 img{
			width: 80%;
			max-width: 300px;
			display: none;
			margin: 50px auto 30px;
		}
	.btn-Contrataciones{
		display: block;
		position: fixed;
		right: 0;
		top: 150px;
		width: 130px;
		z-index: 10;
	}
		.btn-Contrataciones img{
			width: 100%;
		}
		.logoScroll{
			width:10%;
		}
	.btn-whatsapp{
		display: inline-block;
		position: fixed;
		right: 0;
		top: 60px;
		width: 160px;
		z-index: 10;
		height: 50px;
		font-size: 11pt;
		text-align: right;
		padding-right: 5px;
		color: #000;
		text-decoration: none;
	}
	.btn-whatsapp span{
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}
	.btn-whatsapp img{
		width: 30px;
		display: inline-block;
		vertical-align: top;
		margin-top: -8px;
	}
	.navHeader{
		text-align:center;
		margin-top:20px;
		padding:5px 0;
		transition: all 0.8s ease;
		/* border: 1px solid blue; */
		display: inline-block;
		vertical-align: top;
		position: absolute;
		right: 10%;
		top: 50px;
	}
		.openMenu{
			opacity: 1!important;
			pointer-events: auto!important;
		}
		.nav-items{
			list-style:none;
			padding:0;
			margin:0;
		}
			.menu-item{
				display:inline-block;
				vertical-align:top;
				width:200px;
				font-size:1.5em;
				/* border: 1px solid green; */
			}
				.menu-item a{
					color:#EA2419;
					text-decoration:none;
					display:block;
				}
				.menu-item a:hover{
					color:#FF9D37;
				}
	.newsHome{
		display:block;
		margin:30px auto 0;
		width:80%;
		font-size:0;
		text-align:center;
		margin-top: 220px;
	}
		.newsbrief-home{
			display:inline-block;
			vertical-align:top;
			font-size:1rem;
			width:30%;
			max-width:400px;
		}
			.newsbrief-imageHome{
				width:100%;
			}
			.newsbrief-paragraph{
				margin:0;
				height:400px;
				width:90%;
				margin:0 auto;
				display: flex;
			    justify-content: center;
			    align-content: center;
			    flex-direction: column;
			    color:#FFF;
			    font-size:1.5em;
			}
	.section-videoHome{
		height:630px;
		position:relative;
		padding: 0 0 20px 0;
	}
		.videoHome{
			display:block;
			margin: 0 auto;
			width: 90%;
			height: 95%;
		}
		.vermas-VideoHome{
			display:inline-block;
			position:absolute;
			right:5%;
			margin: 10px 0;
			color: #212C6E;
			text-decoration:none;
			font-weight: 500;
		}

	/* bio home */
	.wrapper-bioHome{
		background:#1055BA;
		color: #FFF;
		text-align:center;
		padding:30px 0;
		margin:0px auto 20px;
	}
		.title-bioHome{
			margin: 10px auto 30px;
		}
		.text-bioHome{
			width:90%;
			max-width:1500px;
			margin: 20px auto;
			font-size:1.1em;
		}

	/* redes home */
	.wrapper-redesHome{
		margin-top:50px;
		margin-bottom:150px;
		/* border: 1px solid red; */
		/* color: #FFF; */
	}
	.wrapper-redesHome span, iframe{
		width: 100%!important;
	}
	.redesHome-Facebook{
		width: 33%;
		height: 700px;
		background: red;
		float: left;
		position: relative;
    	text-align: center;
	}
		.fb-page{
			width: 300px;
		}
	.redesHome{
		height:350px;
		position:relative;
		text-align:center;
		width: 67%;
		display: inline-block;
		vertical-align: top;
		float: right;
	}
	.redesHomeFacebook{
		height:auto;
		position:relative;
		text-align:center;
		padding: 50px 0;
	}
	.iconSocialHome{
		width: 50px;
		height:50px;
		position: absolute;
		left: 52%;
		margin-left: -60px;
		line-height:50px;
		font-size:1.5em;
		top:-25px;
		border-radius:50px;
		color: #FFF;
		text-decoration:none;
		z-index: 1;
	}
	.icon-facebook{
		background:#FF0000;
		left: 52%;
		margin-left: -35px;
	}
	.icon-twitter{
		background:#39880B;
	}
	.icon-instagram{
		background:#1055BA;
	}
	.wrapper-redesHome .redesHomeFacebook:nth-child(1){
		background:#D72620;
	}
	.wrapper-redesHome .redesHome:nth-child(1){
		background:#D72620;
	}
	.wrapper-redesHome .redesHome:nth-child(2){
		background:#39880B;
	}
	.wrapper-redesHome .redesHome:nth-child(3){
		background:#1055BA;
	}
	/* facebook home */
	#facebook-feed{
		display:flex;
		flex-direction: row;
  		justify-content: space-around;
		align-items:center;
		height:100%;
	}
		.feed-facebook{
			width:350px;
			font-size:1.2em;
			padding:10px 0px;
			/* color: #FFF; */
		}
		.linkFacebook{
			color:#FF880A;
			text-decoration:none;
			display:block;
			font-size:.9em;
			white-space:pre-wrap;
		}
	/* twitter time line home */
	#twitter-timeline{
		display:flex;
		flex-direction: row;
  		justify-content: space-around;
		align-items:center;
		height:100%;
	}
		.tweet{
			width:100%;
			font-size:1.5em;
			padding:10px 30px;
		}
			.text-tweet{
				margin:0;
			}
			.link-tweet{
				color:#FF880A;
				text-decoration:none;
				display:block;
				font-size:.8em;
			}

	.imginstagram{
		width: 300px;
		height: 300px;
		display: inline-block;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		position: relative;
		background-size: 130%;
		transition: all 0.5s ease;
		overflow:hidden;
		margin:25px 15px 0 15px;
	}
		.textinstagram{
			padding:20px 0;
			position:absolute;
			bottom:-150px;
			left:0;
			right:0;
			background: rgba(16, 85, 186, 0.5);
			color:#FFF;
			transition: all 0.5s ease;
		}
			.imginstagram:hover > .textinstagram{
				bottom:0px;
			}
/* NOTICIAS */

.wrapper_news{
	margin-top: 200px;
}
	.news{
		background: red;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
		margin: 30px 0;
		transition: all .8s ease;
	}
	.open-News{
		height: 750px;
	}
	.news_image{
		width: 300px;
		height: 300px;
		position: relative;
		overflow: hidden;
		transition: all 1s;
	}
	.open-news-image{
		width: 100%;
	}
	
		.news_image img{
			width: 510%;
			position: absolute;
			left: -220%;
			transition: all .8s;
		}
		.open-news-image img{
			width: 100%;
			left: 0%;
		}
	.news_title{
		position: absolute;
		top: 70px;
		right: 90px;
		width: 65%;
		text-align: center;
		font-size: 30px;
		font-family: futuralite;
		transition: all 1s;
	}
	.open-news-title{
		width: 80%;
		right: 10%;
		top: 19%;
		text-shadow: 1px 1px 10px black;
	}
	/* .entry-content{
		transition: all 1s;
		width: 90%;
		margin: 0px auto;
		color: white;
		height: 0;
		border: 1px solid white;
		overflow: hidden;
	} */
	/* .open-news{
		margin: 50px auto;
		height: 300px;
	} */
	.news_btnMore{
		position: absolute;
		bottom: 20px;
		right: 30px;
		color: #FF8800;
		display: none;
	}
	.news_btnMenos{
		position: absolute;
		bottom: 20px;
		right: 30px;
		color: #FF8800;
		display: none;
	}
	.btnActive{
		display: block;
	}
	.wrapper_news .news:nth-child(3n+1){
		background: red!important;
	}
	.wrapper_news .news:nth-child(3n+2){
		background: green!important;
	}
	.wrapper_news .news:nth-child(3n+3){
		background: blue!important;
	}
/* FIN NOTICIAS */
/* nano scroll inicio */
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
.nano { width: 90%; height: 300px; margin:50px auto; transition: all 1s;}
.nano .nano-content { padding: 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }
/* nano scroll Fin */


/* fotos Instagram */
.fotosInstagram{
	text-align: center;
	margin-top: 300px;
}
.fotosInstagram .wrapper__instagramimg .imginstagram{
	margin: 25px 15px 25px 15px;
	box-shadow: 1px 1px 5px black;
}
/* Fin Fotos Instagram */

/* videos inicio */
.videos{
	margin-top: 250px;
	text-align: center;
	position: relative;
	/* max-width: 450px; */
}
	.wrapperVideo{
		min-width: 250px;
		width: 40%;
		display: inline-block;
		vertical-align: top;
		margin: 20px 35px;
	}
	.video{
		box-shadow: 5px 5px 10px #707070;
		position: relative;
		padding-top: 56.25%;

	}
		.videoResponsive{
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
		}
/* videos Fin */


/* contacto Inicio */
	.contacto{
		margin-top: 150px;
		text-align: center
	}
	.servicios{
		display: inline-block;
		vertical-align: top;
		width: 65%;
		color: #000;
		margin: 0 10px 0 0;
		text-align: left;
	}
	.form-contacto{
		color: #000;
		width: 45%;
		margin: auto;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 10px;
		max-width: 450px;
	}
	.tarjeta{
		display: inline-block;
		vertical-align: top;
		width: 45%;
	}
		.labelTxt1{
			width: 100px;
			display: inline-block;
			margin-bottom: 10px;
			text-align: left;
		}
		.labelMessage{
			display: inline-block;
			width: 100%;
			text-align: center;
		}
		.inputTxt1{
			display: inline-block;
			width: 70%;
			box-shadow: 2px 2px 10px black;
		}
		.textarea{
			width: 97%;
			box-shadow: 2px 2px 10px black;
		}
		.btn-Contacto{
			width: 100%;
			margin: 10px 0px;
			background: #004094;
			color: #FFF;
			font-size: 16pt;
			padding: 10px 0;
			border: none;

		}
/* contacto Fin */


/* Inicio Biografia */
	.wrapperBio{
		margin-top: 250px;
		color: #000;
		margin-bottom: 100px;
	}
		.imagen-bio{
			width: 100%;
		}
		.wrapper-text{
			text-align: justify;
			width: 80%;
			margin: 0 auto;
		}
/* Fin biografia */



/* inicio Modal */
.wrapperContrataciones{
	position: fixed;
	top: -200%;
	width: 80%;
	background: #FFF;
	color: #000;
	left: 10%;
	right: 10%;
	padding: 20px 0px;
	text-align: center;
	height: 450px;
	overflow: hidden;
	overflow-y: auto;
	border-radius: 10px;
	box-shadow: 1px 1px 5px black;
	transition: all .8s;
	z-index: 10;
}
.btnPaypal{
	display: inherit;
    margin: 20px auto 0;
}
.textInfo{
	width: 90%;
	margin:  0 auto;
	text-align: left;
}
	.textInfo b{
		font-family: 'futurabold';
	}
.iconClose{
	width: 30px;
	height: 30px;
	display: inline-block;
	position: fixed;
	top: -100%;
	right: 9%;
	z-index: 11;
	cursor: pointer;
	transition: all .8s;
}
	.iconClose img{
		width: 100%;
	}
	.displayClose{
		top: 8%;
	}
	.openModal{
		top: 10%;
	}
/* Fin Modal  */
@media screen and (max-width: 1600px){
	.labelTxt1{
		width: 100px;
	}
	.inputTxt1{
		width: 60%;
	}
}
@media screen and (max-width: 1500px){
	.menu-item{
		width:150px;
		/* border: 1px solid green; */
	}
	.news_title{
		width: 55%;
		transition: all 1s;
	}
	.open-news-title{
		width: 80%;
		right: 10%;
		top: 19%;
	}
}

@media screen and (max-width: 1360px){
	.newsbrief-paragraph{
		height: 320px;
		font-size: 1.2em;
	}
	.cont_mesaje2_facebook{
		font-size: .9em;
	}
	.tweet{
		font-size:1.2em ;
	}
	.imginstagram{
		width: 230px;
    	height: 230px;
    	margin: 40px 20px 0 20px;
	}
	.btn-Contrataciones {
		width: 100px;
	}
	.btn-whatsapp{
		top: 100px;
	}
}

@media screen and (max-width: 1280px){
	.menu-item{
		width:140px;
	}
	.logo {
	    max-width: 180px;
	    left: 5%;
	}
	.navHeader {
	    top: 40px;
	    right: 8%;
	}
	.header{
		height: 150px;
	}
	.wrapperRelative{
		height: 150px;
	}
	.news_image{
		transition: all 1s;
	}
	.open-news-image{
		width: 100%;
		height: 227px;
		background: blue;
	}
	.fotosInstagram{
		margin-top: 200px;
	}
}
@media screen and (max-width: 1200px){
	.news_title{
		top: 50px;
		width: 50%;
		transition: all 1s;
		font-size: 25px;
	}
	.open-news-title{
		width: 90%;
		right: 5%;
		top: 18%;
	}
	.labelTxt1{
		width: 80px;
	}
	.inputTxt1{
		width: 60%;
	}
}
@media screen and (max-width: 1089px){
	.imginstagram{
		width: 220px;
    	height: 220px;
    	margin: 50px 20px 0 20px;
	}
	.news_image{
		transition: all 1s;
	}
	.open-news-image{
		width: 130%;
		left: -15%;
		height: 227px;
		background: blue;
	}
	.open-news-title{
		top: 20%;
	}
}
@media screen and (max-width: 1024px){
	.news_title{
		top: 60px;
		width: 50%;
		transition: all 1s;
		font-size: 25px;
		right: 50px;
	}
	.open-news-title{
		width: 90%;
		right: 5%;
		top: 20%;
	}
	.open-news{
		margin: 50px auto;
		height: 200px;
	}
	.labelTxt1{
		width: 100%;
		text-align: left;
	}
	.inputTxt1{
		width: 100%;
		margin-bottom: 10px;
	}
	.wrapper-text{
		width: 100%;
	}
}
@media screen and (max-width: 1000px){
	.newsbrief-paragraph{
		height: 250px;
		font-size: 1em;
	}
	.open-news{
		margin: 30px auto 50px;
	}
	.open-news-title{
		top: 25%;
	}
}
@media screen and (max-width: 990px){
	.redesHome-Facebook{
		width: 100%;
	}
	.redesHome{
		width: 100%;
	}
}
@media screen and (max-width: 920px){
	.logo {
	    left: 2%;
	}
	.navHeader {
	    right: 2%;
	}
	.wrapper_news{
		text-align: center;
	}
	.news{
		width: 300px;
		height: 700px;
		display: inline-block;
		vertical-align: top;
		margin: 20px 10px;
	}
	.news_title{
		width: 95%;
		right: 0px;
		position: relative;
		top: 0;
		margin: 10px auto;
		font-size: 18px;
	}
	.news_btnMore{
		display: none;
	}
	.entry-content{
		height: auto;
		font-size: 16px;
		text-align: justify;
		height: 250px;
		overflow: hidden
	}
	.nano{
		margin: 30px auto;
	}
}
@media screen and (max-width: 800px){
	.headerScroll{
		background: none;
	}
	.wrapperRelative{
		height: 70px;
	}
	.header{
		/* background: #004094; */
	    height: 70px;
	    text-align: center;
	    width: 70px;
	    position: relative;
	    left: 30px;
	    top: 30px;
	    text-align: center;
	}
	.wrapper_iconMenu{
		visibility: visible;
		background: #004094;
		padding: 10px;
		position: fixed;
		z-index: 100;
		top: 50px;
	}
	.logo{
		display: none;
	}
	.logo2{
		display:block;
	}
		.logo2 img{
			display: block;
		}
	.btn-Contrataciones{
		top: 30px;
		width: 100px;
	}
	.btn-whatsapp{
		top: 60px;
		right: 100px;
	}

	.navHeader{
		margin: 0;
		position: fixed;
		top: 0px;
		bottom: 0;
		background: rgba(0,65,149,.8);
		width: 100%;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		right: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
		.nav-items{
			margin: auto;
		}
		.menu-item{
			display: block;
			margin: 30px auto;
			font-size: 2em;
			width: 200px;
		}
		.menu-item a{
			color: #FFF;
		}

	.newsHome{
		margin-top: 50px;
	}
	.newsbrief-home{
		width: 300px;
	}
	.newsbrief-paragraph{
		width: 300px;
		height: 300px;
	}
	.iconSocialHome {
	    left: 50%;
	    margin-left: -30px;
	}
	.redesHome {
	    height: auto;
	    padding-bottom: 10px;
	}
	#facebook-feed {
	    flex-direction: column;
	    padding: 30px;
	}
	.feed-facebook{
		margin: 10px 0;
		width: 95%;
	}
	#twitter-timeline {
	    flex-direction: column;
	    height: auto;
	    padding: 30px;
	}
	.tweet{
		width: 95%;
		margin: 10px 0;
	}
	.wrapper_news{
		margin-top: 100px;
	}
	.fotosInstagram{
		margin-top: 50px;
	}
	.videos{
		margin-top: 50px;
	}
		.wrapperVideo{
			margin: 10px 10px;
		}
	.contacto{
		margin-top: 50px;
	}
	.servicios{
		width: 100%;
	}
	.form-contacto{
		width: 90%;
		margin: 50px 0;
	}
	.wrapperBio{
		margin-top: 50px;
	}
	.tarjeta{
		width: 100%;
	}
}



@media screen and (max-width: 700px){
	.section-videoHome {
    	height: 376px;
	}
	.wrapper_news{
		width: 100%;
	}
	.labelTxt1{
		width: 100%;
		color: #000;
		font-size: 16pt;
	}
	.labelMessage{
		color: #000;
		text-align: left;
		font-size: 16pt;
	}
	.inputTxt1{
		width: 98%;
		height: 30px;
		font-size: 16pt;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 500px){
	.newsHome {
	    width: 100%;
	}
	.section-videoHome {
    	width: 100%;
    	height: 350px;
	}
	.btn-Contrataciones{
		top: 40px;
		width: 70px;
	}
	.wrapperVideo{
		margin: 10px 0px;
	}
	.wrapperContrataciones{
		width: 90%;
		left: 5%;
    	right: 5%;
    	height: 400px;
    	overflow-y:scroll;
	}
	.inputTxt1 {
	    width: 90%;
	}
	.openModal {
	    top: 5%;
	}
	.center{
		width: 95%;
	}

}
@media screen and (max-width: 400px){
	.section-videoHome {
    	width: 100%;
    	height: 200px;
	}
	.videoHome{
		margin: 0;
		width:100%;
	}
	.wrapperContrataciones{
		width: 90%;
		left: 5%;
    	right: 5%;
    	height: 400px;
    	overflow-y:scroll;
	}
	.inputTxt1 {
	    width: 90%;
	}
	.openModal {
	    top: 5%;
	}
	.center{
		width: 95%;
	}
}