@import url('../fonts/fonts.css');

*{
	box-sizing:border-box;
}

body, html{
	background: #f8f8f7
}

header{
	height: 100px;
	position: fixed;
	z-index: 100;
	width: 100%;
	background: #fff;
}

.content{ z-index: 99; position: relative; }
.langs{ position: absolute;right: 0; top:0; }
.langs span, 
.langs a{
	display: inline-block;
	vertical-align: middle;
	padding: 3px 8px;
}
.langs span{background: #f1bc3a; color: #fff; ;}
.langs a{ background: #222; color: #fff; text-decoration: none }
#home-slider img{ width: 100% }

ul.main-menu{ margin: 0; padding: 0; }
.main-menu li { text-align: center; width: 12%; float: left; list-style: none }
.main-menu li.logo-main{position: relative; background: #fff;min-height: 100px; width: 28%;  } 
.main-menu li.logo-main img{ max-width: 90%; margin: 0 auto; }
.main-menu li.to{ margin-top: -22.5px }
.main-menu li.to a{ position: relative; top: 18px }

.logo{ padding: 30px 20px; background: #fff;}
.logo-min{ padding:14px 0; }
.logo,
.logo-min{ transition:0.25s;  top: 0%; position: absolute; left: 0; text-align: center; width: 100% }
.min .logo{ top: -180%; }
.max .logo-min{ top: -180%; }

.main-menu li a{ font-family: 'pt_serifitalic'; color: #2f2a2a; text-decoration: none }
.main-menu li.item-menu:hover{  border-color: #efc627 } 
.main-menu li.item-menu:hover a{  color: #efc627 } 
.main-menu li.item-menu a{ transition:0.25s; font-size: 16px;   padding: 10px 0; display: block;}
.main-menu li.item-menu{transition:0.25s; border-bottom: 4px solid transparent; padding: 28.5px 0; }

.prel{ position: relative; }
.fxd-top{ padding-top: 100px }

.bloq-section.prin,
.bloq-section.tienda,
.bloq-section.rest{ overflow: hidden; background: #fff; }

.slide{ position: relative; }
.label-slide{ position: relative; z-index: 100; text-align: center; }
.wrap-label-slide{ position: absolute; left: 15px; bottom: 0; max-width: 500px; }
.label-slide h2{ color: #fff; font-size: 40px; margin: 0; font-family: 'pt_serifitalic'; background: #f1bc3a; display: block;  padding: 35px 2px; line-height: 1}
.label-slide p{padding: 40px 70px; font-family: 'pt_serifitalic'; font-size: 18px; color:#363232; line-height: 26px }
.wrap-label-slide{ background: #fff; }


.preview-image{ max-width: 500px; float: left; }
.info-section .preview-image img{ width: 100%; }
.info-section .meta-info{ overflow: hidden;  }
.meta-top{ background: #fff;  }
.meta-top h2{ margin: 0; color:#f1bc3a; padding:46px 0 22px 85px; font-size: 16px; font-family: 'Open Sans'; font-weight: bold; }
.meta-default {padding-left: 85px; padding-right: 100px;}
.meta-default h3{ color: #363232; font-family: 'pt_serifitalic' }
.meta-default p{ color:#6b6b6b;  font-family: 'pt_serifregular'; font-size: 14px; line-height: 18px; margin-top: 30px}

.bloq-section.cert{ background: #f3f3f3; }
.cert-info { text-align: center;  padding: 60px 0; }
.cert-info h2{margin: 0;  font-family: 'Open Sans'; font-weight: bold; font-size: 16px; text-align: center; text-transform: uppercase;display: inline-block;}
p.desc-total{ color: #363232; font-size: 14px; font-family: 'pt_serifregular'; margin: 37px 0 }
.cert-info h2:after{ height: 2px ; background: #f1bc3a; display: inline-block;content: ''; width: 50% }
.bloq-cert h3,
.bloq-cert h4{margin: 0}
.bloq-cert h3{margin-bottom: 2px; font-family: 'Open Sans'; font-weight: bold;  font-size: 18px }
.bloq-cert h4{ height: 30px;  font-family: 'Open Sans'; font-style: italic;  color: #f1bc3a; font-size: 18px }
.bloq-cert p{ font-family: 'pt_serifregular'; margin-top: 27px;}
.item-cert{transition:0.25s; float: left; background: #fff; }
.item-cert:hover{ background: #fbfbfb; }
.cert-2  .wrap-bloq-cert{text-align: left;  padding: 30px 50px;}
.cert-3  .wrap-bloq-cert{text-align: left;  padding: 30px 30px;}
.cert-2 .item-cert p{ height: 50px; }
.cert-2 .item-cert{ width: 50% }
.cert-3 .item-cert{ width: 33.333% }
.cert-3 .item-cert p{ height: 80px; }


.grid-info{ padding: 56px 0 }
.grid-info h2{ margin: 0; line-height: .6; display: inline-block; font-family: 'Open Sans'; text-transform: uppercase; color: #363232; font-size: 16px; font-weight: 700; }
.grid-info  h2:after{ height: 2px; width: 40%; content: ''; background: #f1bc3a; display: inline-block; }
.grid-info h3{ color: #f1bc3a; font-family: 'pt_serifitalic'; font-size: 30px; line-height: 36px; padding-right: 20px; }
.grid-info p{margin-top: 22px; color: #6b6b6b; font-family: 'pt_serifregular'; padding-right: 30px; }

.grid-section{ padding: 0 30px 62px 30px; }
.grid-prin .gp-item{ float: left; width: 20%; height: 80px }
.gp-item h4{transition:0.25s; color: #363232; font-family: 'Open Sans'; font-weight: bold; font-size: 30px; border-bottom: 2px solid #f1bc3a; display: inline-block; }
.gp-item span{ display: block; max-width: 115px; text-align: left; font-family: 'pt_serifitalic'; color: #363232 }
.grid-prin .gp-item{ margin-bottom: 30px; }
.grid-prin .gp-item:hover span,
.grid-prin .gp-item:hover h4{ color: #f1bc3a}
.preview-grid img{ width: 100% }

.preview-grid { border-bottom: 8px solid #ffbc3a }
.preview-image { border-bottom: 8px solid #ffbc3a }

.tienda .hero-main .hero-left + i,
.rest .hero-main .hero-right + i{  border-bottom: 8px solid #f1bc3a; height: 102.7%}

.hero-content{  width: 100%; position: relative; }
.hero-main{ display: table; margin: 0 -4px; }
.hero-main > div{ height: 100%; display: table-cell; vertical-align: middle; position: relative; z-index: 2}
.hero-main .hero-left{   width: 40%;}

.hero-main .hero-left {   height: 100%; position: relative; }
.hero-main p{margin-top: 22px; color: #fff; font-family: 'pt_serifitalic'; font-size: 17px; line-height: 1.2 }
.hero-main h2{ text-transform: uppercase; font-weight: 600;display: inline-block; color: #fff; margin: 0; font-family: 'Open Sans'; font-size: 16px; position: relative; text-align: left; margin: 0; line-height: 1.1 }
.hero-main h2:after{ height: 2px; width: 40%; content: ''; background: #f1bc3a; display: inline-block; }
.hero-main .hero-left .wrap-hero{ padding: 0  40px 0 55px; }

.hero-main .hero-right{  width: 59% }
.hero-main .hero-right img { display: block; width: 100% }
.hero-main .hero-left + i{width: 400%; right: 60%; z-index: 0; display: block; position: absolute; height: 100%;}
.hero-main .hero-right + i{  width: 400%;left: 40%;  z-index: 0; display: block; position: absolute; height: 100%; }

.rest .hero-main .hero-left{ background: #363232; }
.rest .hero-main .hero-right{ background: #363232;}
.rest .hero-main .hero-left + i{ background: #f6f6f5; }
.rest .hero-main .hero-right + i{ background: #363232; }

.tienda .hero-main .hero-left .wrap-hero{ padding: 0 0 }
.tienda .hero-main .hero-right .wrap-hero{  padding: 0  40px 0 55px; }
.tienda .hero-main .hero-right{ background: #f1bc3a;}
.tienda .hero-main .hero-right{ background: #f1bc3a;}
.tienda .hero-main .hero-left + i{ background: #f1bc3a; right: 41.9% }
.tienda .hero-main .hero-right + i{ background: #f6f6f5; }
.tienda .hero-main  h2:after{ background: #fff }

.wrap-shop{  padding: 52px 30px; }
.items-shop { border: 1px solid #d0cfcf;
    border-width: 1px 0 0 1px; }
.items-shop .it-shop{border: 0 solid #d0cfcf;
    border-width: 0 1px 1px 0; float: left; width: 25%; text-align: center; }
.items-shop .it-shop p{text-align: left; opacity: 0; color: #fff; font-family: 'pt_serifregular'; padding: 0 20px; transition:0.25s; max-height: 0 ; overflow: hidden; }
.items-shop .wrap-it-shop a:hover p{padding-top: 10px; padding-bottom: 10px; max-height: 300px; opacity: 1 }
.wrap-it-shop{  display: table; width: 100%; height: 260px;}
.wrap-it-shop a{ transition:0.25s;  }
.wrap-it-shop a:hover{ background: #363232;  text-decoration: none }
.wrap-it-shop a:hover b{color: #fff; }
.wrap-it-shop a:hover b:after{background: #fff; }
.wrap-it-shop a b{transition:0.25s; display: inline-block; color: #363232; font-family: 'Open Sans'; font-weight: bold; }
.wrap-it-shop a b:after{transition:0.25s;  height: 2px; width: 35%; content: ''; background: #f1bc3a; display: inline-block;  }
.wrap-it-shop a,
.wrap-it-shop span{  display: table-cell; vertical-align: middle;}
.wrap-it-shop span{vertical-align: top; padding: 70px 39px; font-size: 30px; font-family: 'pt_serifitalic'; text-align: left; background: #f1bc3a; color: #fff; }
.wrap-it-shop span h2{ margin: 0; line-height: 1; display: inline-block; }
.wrap-it-shop span h2:after{height: 2px; width: 35%; content: ''; background: #fff; display: inline-block;  }

.wrap-place{ display: table; width: 100%; height: 250px; }
.item-places .center-place{ border:1px solid #e7e6e6; transition:0.25s;color:#363232;display: table-cell; vertical-align: middle; }
.item-places .center-place:hover h3:after{ background: #363232 }
.item-places .center-place:hover{ background: #f1bc3a; border-color: #f1bc3a }
.item-places .center-place:hover .meta-place{ max-height: 130px; opacity: 1 }
.item-places{ padding: 70px 30px; text-align:center }
.item-places .place{color:#363232;padding: 0 0; width: 48%; display:inline-block; text-align: center; }
.item-places .place h3{ margin: 0; line-height: 1; display: inline-block; font-family: 'Open Sans'; font-weight: bold; font-size: 18px; text-align: center; }
.item-places .place h3:after{ height: 2px; width: 60%; content: ''; transition:0.25s; background: #f1bc3a; display: inline-block; }
.item-places .place .meta-place{ display: inline-block; margin-top: 10px; display: inline-block; opacity: 0 ; max-height: 0; overflow: hidden; transition:0.25s;  }
.item-places .place .meta-place span{ display: block; text-align: left; font-size: 14px; font-family: 'pt_serifregular' }

.down-scroll{ position: absolute; right: 0; bottom: 0 }
.top-scroll{ position: absolute; right: 0; top: 0 }


footer{
	background: #fff;
	border-top:10px solid #f1bc3a ;
}
.wrap-footer{ padding: 40px 0 }
footer .main-menu li{ width: 16.6666%; }
footer .bottom{ font-family: 'pt_serifregular'; font-size: 16px; text-align: center; margin:30px 0  80px 0 }



.modal-render.hidden{ display: none; }
#modal-open{overflow: auto;   background: rgba(255,255,255,.8); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10000 }
#main-modal{ box-shadow: 1px 2px 6px rgba(150,150,150,.4); background: #f7f7f6; margin: 5% auto 5% auto ; max-width: 900px; }
.modal-render{ text-align: center;	 }
.in-modal-footer{ text-align: left; }
.in-modal-header{ text-align: left; }
._close{ margin-right: 5px; margin-top: 5px ; float: right;  font-weight: bold;}
._close a{ text-decoration: none; font-size: 22px; color: #fff;  padding: 2px 8px; font-weight: bold; display: inline-block; background: #f7b537; }
.meta-modal { background: #f7b537;padding: 4px 20px;   font-size: 30px; color: #fff; font-family: 'pt_serifitalic'; display: inline-block; }
.meta-modal h3{ display: inline-block;line-height: 1.6; vertical-align: middle; margin: 0; font-size: 30px;}
.nav-modal{ display: inline-block; vertical-align: middle; }
.nav-modal{ display: none }
.nav-modal{ margin-left: 30px; }
.nav-modal a{ color: #fff; font-family: 'pt_serifregular';font-size: 22px;  }
.in-modal-body{ font-size: 22px; color: #363232;  font-family: 'pt_serifitalic'; padding: 30px 12px; border-bottom: 1px solid #f1bc3a; margin-bottom: 40px }
.in-modal-footer{ color: #6b6b6b; font-family: 'pt_serifregular'; padding:3px 70px  30px 70px; font-size: 13px }
.in-modal-footer b{ margin-bottom: 12px; display: block; }
.in-modal-footer ul li{ padding-left: 22px }




@media all and (max-width:991px){

	.main-menu li:first-child{ display: none;  }
	.main-menu li{ width: 20% }
	.items-shop .it-shop{ width: 33.3333% }
	.rest .hero-main .hero-left{ width: 60% }
	.tienda .hero-main .hero-left{ width: 36% }
	.tienda .hero-main .hero-left img{ width: 100% }
	body header .main-menu{ position: relative; padding-left: 200px }
	body .main-menu .logo-main{ position: absolute; left: 0; top:0; }
	.cert-3 .item-cert,
	.cert-2 .item-cert{ width: 100%; }
	.wrap-label-slide{ max-width: 320px; }
	.label-slide h2{ font-size: 16px; padding: 25px 2px; }
	.label-slide p { padding: 10px 20px ; font-size: 14px;}
	.main-menu li.item-menu a{ font-size: 14px }
	footer .main-menu li{ width: 20% }

	.preview-image{ max-width: 320px; }
	.meta-top h2{ padding-left: 25px }
	.meta-default{ padding-left: 25px;  padding-right: 10px ; margin-bottom: 40px }
	.hero-main{ height: 200px }

	.tienda .hero-main .hero-left + i, .rest .hero-main .hero-right + i{
		border:none;
		margin-bottom: 0;
		height: 100%
	}
}

@media all and (max-width:768px){

	.logo{ padding: 20px 0 }
	.main-menu li.logo-main img{ width: 100% }
	.items-shop .it-shop{ width: 50% }
	.wrap-label-slide{ max-width: inherit; position: relative; left: 0 }
	.preview-image{ float: none; width: 100% }

	.rest .hero-main .hero-left,
	.rest .hero-main .hero-right,
	.tienda  .hero-main .hero-left,
	.tienda  .hero-main .hero-right{
		width: 100%;
		display: block;
	}
	.hero-main .hero-right + i,
	.hero-main .hero-left + i{ display: none }
	.items-shop .it-shop{width: 100% }
	.grid-prin { margin: 20px 0 }
	.grid-prin .gp-item{ width: 33.333% }
	.grid-section{ padding: 0 10px 62px 10px; }
	.wrap-shop{ padding: 32px 0px }
	.tienda .hero-main .hero-right .wrap-hero,
	.hero-main .hero-left .wrap-hero{padding-left: 10px; padding-right: 10px; padding-top: 30px; padding-bottom: 30px }

	.tienda .hero-main .hero-right .wrap-hero img,
	.hero-main .hero-left .wrap-hero img{ display: block; }
	.content{ padding: 0 }
	.main-menu li{ width: 100% }
	header{ position: relative; }
	body header .main-menu{ padding: 0; margin: 0 ;padding-top:160px }
	body .main-menu .logo-main{ width: 100% ; text-align: center;}
	.main-menu li a.logo{display: block; width: 100%; background: none;  }
	.main-menu li a.logo img{max-width: 190px }
	.main-menu li.logo-main img{ width: 60% }
	.logo-min{ display: none }
	.min .logo{ top: 0 }
	.logo{  width: auto;}
	header{ height: auto; }

	.meta-default{ padding-left: 10px }
	.item-places .place{ width: 100% }
	.item-places{ padding: 50px 0px }
	.cert-3 .item-cert p,
	.cert-2 .item-cert p{ height: auto; }
	footer .main-menu li{ width: 100% }
	.main-menu li.item-menu{ padding: 20px 0 }
	.wrap-footer{ text-align: center; }
	footer .bottom{ margin: 30px 0 }
	.wrap-it-shop{ height: 200px }

	.in-modal-footer{ padding: 15px 12px }
}

.iqe {
	text-align:center;
	padding-bottom:60px;
}