/* Styles go here */

/* Sticky footer styles
-------------------------------------------------- */

/*html,
body {
  height: 100%;
}
#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

#footer {
  height: 60px;
  background-color: #f5f5f5;
}*/


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .credit {
  margin: 20px 0;
}
*/

body{

	background:#233963;

	color: #fff;	

	font-family: "Raleway Webfont";

}

a:link, a:visited, a:active {

	color: #EE4876;	

}

#logo-menu-item  {
	max-width: 135px;
}

#cont-logo{

	margin-bottom: 50px;

	max-width: 512px;

	margin: auto;

	position:relative;

}



#wrap{

	padding-left:15px;

	padding-right:15px;

}



#cont-coming-soon img{

	margin:auto;

	padding-bottom:10px;

}

.marginBotom{ margin-bottom:15px;}


#cont-rombos{

	width:52px;

	height:22px;

	display:block;

	margin:auto;

	position:relative;

	display:block;

}



.cont-rombos{

	width:30px;

	height:22px;

	display:block;

	margin:auto;

	position:relative;

	display:block;

	margin-bottom:40px;

}



.rombo{

	display:none;

}



#r1{

	top:0;

	left:15px;

	z-index:1;

}



.r1{

	top:0;

	left:15px;

	z-index:1;

}





#r2{

	top:0;

	left:15px;

	z-index:2;

}





.r2{

	top:0;

	left:10px;

	z-index:2;

}



#r3{

	top:0;

	left:10px;

	z-index:2;	

}



.r3{

	top:0;

	left:10px;

	z-index:2;	

}



#r4{

	top:0;

	left:10px;

	z-index:4;	

}



.r4{

	top:0;

	left:10px;

	z-index:4;	

}



#cont-rombos img{

 position:absolute;

}



.cont-rombos img{

 position:absolute;

}



#cont-logo, #cont-rombos{

	margin-bottom:30px;

}



.cont-logo, .cont-rombos {

  margin-bottom: 50px;

  margin-top: 2px;

}



.cont-rombos img {

  /*max-width: 12px;*/

}



#a{

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  	/* IE 5-7 */

  	filter: alpha(opacity=1);

  	/* Netscape */

  	-moz-opacity: 1;

  	/* Safari 1.x */

  	-khtml-opacity: 1;



	opacity:0;



	position:absolute;

	top:0;

	left:0;

	background:#233963;

	width:14%;

	height:100%;

	z-index:2;	

	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */

    animation-delay: 1s;

}



#b{

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  	/* IE 5-7 */

  	filter: alpha(opacity=1);

  	/* Netscape */

  	-moz-opacity: 1;

  	/* Safari 1.x */

  	-khtml-opacity: 1;



	opacity:0;

	position:absolute;

	top:0;

	left:14%;

	background:#233963;

	width:12%;

	height:100%;

	z-index:2;

	-webkit-animation-delay: 1.4s; /* Chrome, Safari, Opera */

    animation-delay: 1.4s;

}



#c{

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  	/* IE 5-7 */

  	filter: alpha(opacity=1);

  	/* Netscape */

  	-moz-opacity: 1;

  	/* Safari 1.x */

  	-khtml-opacity: 1;



	opacity:0;

	position:absolute;

	top:0;

	left:26%;

	background:#233963;

	width:13%;

	height:100%;

	z-index:2;

	-webkit-animation-delay: 1.8s; /* Chrome, Safari, Opera */

    animation-delay: 1.8s;

}



#d{

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  	/* IE 5-7 */

  	filter: alpha(opacity=1);

  	/* Netscape */

  	-moz-opacity: 1;

  	/* Safari 1.x */

  	-khtml-opacity: 1;



	opacity:0;

	position:absolute;

	top:0;

	left:39%;

	background:#233963;

	width:13%;

	height:100%;

	z-index:2;

	-webkit-animation-delay: 2.2s; /* Chrome, Safari, Opera */

    animation-delay: 2.2s;

}



#arian{

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  	/* IE 5-7 */

  	filter: alpha(opacity=1);

  	/* Netscape */

  	-moz-opacity: 1;

  	/* Safari 1.x */

  	-khtml-opacity: 1;



	opacity:0;

	position:absolute;

	top:0;

	left:52%;

	background:#233963;

	width:48%;

	height:100%;

	z-index:2;

	-webkit-animation-delay: 2.6s; /* Chrome, Safari, Opera */

    animation-delay: 2.6s;

}



#cont-coming-soon img{

	-webkit-animation-delay: 3.4s; /* Chrome, Safari, Opera */

    animation-delay: 3.4s;	

}



.forever{

	-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */

    animation-iteration-count: infinite;

}

#site-description {

	/* max-width: 680px;*/

}

#site-description p {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

	-webkit-animation-delay: 3.5s;

	animation-delay: 3.5s;

	font-size: 17px;
	
	line-height: 30px;
}


#footer {
	
    position: fixed;
    height: 40px;
    display: block;
    width: 100%;
    background-color: #000;
    z-index: 9;
    text-align: center;
    color: #fff;
	bottom: 0;

}



.text-footer {

	color:#FFF;
	line-height: 40px;
}

.icon-description {

	margin-top: 30px;

	/*max-width: 226px;*/	

}

.icon-description h1 {
	font-family: 'josefin_sansregular';
	font-size: 24px;
	text-transform: uppercase;
}

.icon-description h4 {
	font-weight: normal;
}

#menu {

  height: auto;

  padding: 0;

  margin: 0;

}

#menu a {
	
	text-decoration: none;
	
}

#menu-container {	
	height: 88px;
	border-bottom: solid 1px #fff;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	width: 100%;
	position: fixed;

  	top: 0px;

  	z-index: 70;
}

#menu-cont {	
	/*width: 625px;*/
	width: 890px;
	margin: 0 auto;
	height: auto;
}

#menu li {

  display: inline-block;

  margin: 0 25px;

  /*background: #EE4876;*/

  /*padding: 10px 20px;

  border-radius: 25px;

  -webkit-border-radius: 25px;*/

  color: #fff;

  transition:ease-in-out .3s;

  cursor:pointer;

  /*font-weight: 600;*/

  text-decoration:none;

  /*font-family: "Raleway Webfont";*/
  
  font-family: 'josefin_sansregular';

  text-transform:uppercase;
	
  font-size: 18px;

  line-height: 90px;
}

#menu a:first-child img {
	margin-top: -14px;	
}

#menu li#logo-menu-item {
	
	line-height: 0px;	

}



#menu li.active{

  display: inline-block;

  /*margin: 10px;*/

 /* background: #47DABE;

  padding: 10px 20px;

  border-radius: 25px;

  -webkit-border-radius: 25px;*/

  color: #EE4876;

  transition:linear .3s;

  cursor:pointer;
  
  
  line-height: 90px;

}


.section{ margin-top:0px !important}



#menu li:hover {

  /*background: #47DABE;*/

}





#menu li a{

	/*color:#FFF;

	font-family: "Raleway Webfont";

	font-weight: 600;

	text-decoration:none;*/
	
	text-align:center;

	font-family: 'josefin_sansregular';

	text-transform:uppercase;
	
	font-size: 18px;

}



.section-title{

	text-align:center;

	font-family: 'josefin_sansregular';

	margin: 0px 0 0 0;

	text-transform:uppercase;
	
	font-size: 40px;

}



p{

	font-family: "Raleway Webfont";

}



h4{

	font-size:17px;

	font-family: "Raleway Webfont";

}



button#sendBtn {

  background-color: #EE4876;

  border: none;

  font-weight: 600;

  border-radius: 20px;

  padding: 10px 24px;

}



.form-control {
    border-radius: 10px;
    margin-bottom: 15px;
}


textarea#comentarios {

  height: 120px;

}

.control-group{
	clear:left;
}

p.help-block {
    color: #EE4876;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

p.help-block ul {
    margin: 0;
    margin-top: -15px;
    margin-bottom: 15px;
    padding: 0 15px;
}

p#callback {
    color: #47DABE;
    font-weight: 600;
	display:none;
}

#contacto-text {
	margin-bottom: 40px;

}

#contactFrm .control-group {
	/*clear: none;*/
}

#showLeft {
	position: fixed;
	top: 20px;
	z-index: 1000;
	right: 20px;	
	width: 30px;
	height: 30px;
	border: solid 1px #fff;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
#cbp-spmenu-s1 {
	background-color: #233963;
	border-right: solid 1px #fff;
}
.cbp-spmenu-vertical li {
	list-style-type: none;
}
.cbp-spmenu a:hover {
	background-color: #233963;
	color: #EE4876;
}
.cbp-spmenu a {
    display: block;
    text-decoration:none;
  	font-family: 'josefin_sansregular';
	text-transform:uppercase;
	font-size: 18px;
	line-height: 80px;
}
.cbp-spmenu-vertical a {
    border-bottom: none;
    padding: 0;
	color: #fff;
}
.cbp-spmenu-vertical {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
}
.cbp-spmenu-left {
	left: -100%;	
}


@media (max-width: 862px) {
	#menu-container {
		/*visibility: hidden;	*/
	}

}

@media (max-width: 992px) {
	
	.icon-description {
		margin-bottom: 50px;	
	}

}

@media (min-width: 768px) and (max-width: 992px) {
	
	#menu a li {
		font-size: 18px;
		margin: 0 15px;	
	}

}

@media (max-width: 767px) {
	
	#footer {
		position: relative;	
	}
	#footer p {
		margin-bottom: 0;
	}
	.section:first-child{
		margin-top: 45px;
	}
	
	.fp-tableCell{height: auto !important; vertical-align:initial}
	
	
	.nuestra-plat .cont-rombos{ margin-bottom:20px !important}
	
	.section:first-child{ margin-top:90px !important}

.mobile-icons{ max-width:180px; max-height:180px;}
}