html,
body {
	position: relative;
	height: 100%;
    font-family: 'bree_cyrregular';
}
#chekkit-frame{
	/*right:0px!important;
	left:auto!important;*/
	
}
a:hover{
    color: initial;
}
.oculto{
  display: none;
}
.pointer{
    cursor: pointer;
}
.text-own{
    color:  #921e21;
}
.bg-own{
    background: #921e21;
    color: #FFF;
}
.fnt-07{
    font-size: 0.7em;
}
.fnt-08{
    font-size: 0.8em;
}
.fnt-09{
    font-size: 0.9em;
}
.fnt-13{
    font-size: 1.3em;
}
.head-top {
	z-index: 999999;
	position: absolute;
	top: 0px;
	width: 100%;
}
.head-top .social-network{
	background-color: rgba(0, 0, 0, 0.7);
	height: 3.5em;
	padding-right: 5em ;
}

.logosvg {
    position: relative;
    background-image: url('../imgs/logo.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
}
.redlogosvg {
    position: relative;
    background-image: url('../imgs/redLogo.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 110px;
    width: 110px;
}
.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}
.modal .footer-custom{
    background-color: #E8E9E9;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 5em;
    padding-right: 5em;
}

.white-curve {
    z-index: 2;
    position: relative;
    background-image: url('../imgs/whiteCurve.svg');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 60px;
    transform: rotate(180deg);
    top: -20px;
}
.red-curve {
    z-index: 2;
    position: relative;
    background-image: url('../imgs/redCurve.svg');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 160px;
    top: -20px;
}
.red-big-curve {
    z-index: 2;
    position: relative;
    background-image: url('../imgs/redBigCurve.svg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 500px;
    top: -60px;
}

.ml--5{
    margin-left: -15px;
}


.recetas .body{
    z-index: 3;
    position: relative;
    top: -300px;
    width: 80%;
    margin: auto auto;
    margin-bottom: -300px;
    min-height: 500px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.31); 
    box-shadow: 2px 3px 9px 1px rgba(0,0,0,0.31);
}
.recetas .background{
    background: url("../imgs/recetasBackground.png");
    background-size: contain;
    background-position: top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.recetas .image{
    position: relative;
    top: -30px;
}
.recetas .title{
    font-family: 'bree_cyrbold';
}
.recetas .subtitle{
    font-family: 'bree_cyrbold';
    margin-top: 40px;
    margin-bottom: 20px;
}
.recetas .content{
    font-size: 0.8em;
}
.recetas ul {
  list-style-type: none;
  padding: 0;
}

#module a.collapsed::before {
    font-family: 'bree_cyrregular';
    content: 'Leer más '
}

#module a.collapsed::after {
  content: 'Leer más';
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/fontawesome/fa-solid-900.eot");
    src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
    content: "\f13a";
    margin-bottom: 3em;
}

#module .collapsed{
    margin-bottom: 100px;
}

#module a:not(.collapsed)::before {
    font-family: 'bree_cyrregular';
    content: 'Leer menos '
}

#module a:not(.collapsed)::after {
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/fontawesome/fa-solid-900.eot");
    src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
    content: "\f139";
    margin-bottom: 3em;
}


.menubar {
    z-index: 1000;
    position: fixed;
    top: 0px;
    left: 0px;
    background-image: url('../imgs/barraMenu.svg');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100px;
}

.menu{
    font-size: 1.2em;
}

.gray-section{
    background-color: #E4E4E4;
}

.grayDark-section{
    background-color: #E1E1E1;
}
.card-custom{
    position: relative;
    -webkit-box-shadow: 0px 10px 13px -7px #00000057, 5px 5px 15px 5px rgb(168 168 168 / 0%);
    box-shadow: 0px 10px 13px -7px #000000a3, 5px 5px 15px 5px rgb(168 168 168 / 0%);
    /*-webkit-box-shadow: 0px 5px 5px -1px rgba(105,105,105,0.87); 
    box-shadow: 0px 5px 5px -1px rgba(105,105,105,0.87);*/
    height: 100%;
}


.card .card-title{
    color:  #921e21;
    min-height: 2.5em;
}

.card .card-text{
    font-size: 0.8em;
    min-height: 6em;
    margin-bottom: 3em;
}

.card .readmore{
    position: absolute;
    bottom: 1em;
}

#modalPedido .modal-header{
    border-bottom: 0px;
}
#modalPedido h5{
    font-size: 1em;
}

#modalPedido .card .card-text{
    font-size: 0.7em;
    min-height: 6em;
    margin-bottom: 0em;
}

#modalPedido input[type=number]{
    text-align: right;
    border: 2px solid #921e21 ;
}

#modalPedido input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.nodecorate{
    text-decoration: none;
}

.services-icons{
    width: 80px;
}

.services-icons img{
    width: 100%;
}

.divider{
    color: #FFFFFF;
    background-color: #122935;
}
.testimonials{
    color: #FFFFFF;
    background-color: #C86044;
}

.pcuotations::before {
    content: open-quote;
    position: relative;
    font-size: 3rem;
    top: 0.35em;
    line-height: 0em;
}

.pcuotations {
    line-height: 1.7em;
}

.pcuotations::after {
    content: close-quote;
    position: absolute;
    font-size: 3rem;
    margin-top: -0.1em;
    margin-left: 0.2em;
    line-height: 1.5em;
}

.office-picture{
    height: 15em;
    background: url("../imgs/oficina.jpg");
    background-size: cover;
    background-position-y: center;
}

.man-picture{
    height: 38em;
    background: url("../imgs/joseantoniolopez.jpg");
    background-size: cover;
    background-position-x: 65%;
}

.vacasencampo-picture{
    height: 38em;
    background: url("../imgs/vacasencampo.jpg");
    background-size: cover;
    background-position: bottom;
    background-position-x: 65%;
}
.vacasencampo2-picture{
    position: relative; 
    height: 50em;
    background: url("../imgs/vacasencampo2.jpg");
    background-size: cover;
    background-position: center;
    background-position-x: left;
}
.vacasencampo2-picture .content{
    position: absolute;
    bottom: 1em;
    font-size: 1.5em;
}

.services .images{
    /*height: 50em;*/
    background-size: cover;
    min-height: 15em;
}

.img1{
    background: url("../imgs/servicios01.jpg");
    background-position-x: center;
}
.img2{
    background: url("../imgs/servicios02.jpg");
    background-position-x: 70%;
}
.img3{
    background: url("../imgs/servicios03.jpg");
    background-position-x: 70%;
}
.img4{
    background: url("../imgs/servicios04.jpg");
    background-position-x: 70%;
}

.icon-button{
    width: 30px;
    height: 30px;
    padding-top: 3px;
    cursor: pointer;
    /*padding-left: 8px;*/
}

.text-justify{
    text-align:  justify !important;
}

/* Swipper */

.mySwiper {
  width: 100%;
  height: 55em;
  margin-top: 80px;
}


.servicesSwiper {
  width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #FFF;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 10%;
}

.slider-title {
	color: #FFF;
	margin-bottom: 4em;
    font-family: 'lobster_13regular';
}

.slider-sub-title {
    color: #FFF;
    margin-bottom: 1.5em;
}

.slider-buttton {
    display: inline-block;
    text-decoration: none;
    background: #921e21;
    color: #FFF;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

.slider-container a {
	text-decoration: none;
    color: #FFF !important;
}

.slider-container a:hover {
    color: #000 !important;
}

.swiper-slide-active .slider-sub-title {
    animation: fadeIn 3s;
}

.swiper-slide-active .slider-title {
    animation: fadeInUp 1.5s;
}

.swiper-slide-active.slide-2 .slider-title {
    animation: fadeInRight 1.5s;
}

.swiper-slide-active.slide-3 .slider-title {
    animation: fadeInLeft 1.5s;
}

.swiper-slide-active .slider-buttton {
    animation: zoomIn 2s;
}

.swiper-slide .container{
	text-align: left;
}


.slide-1 {
    background: url("../imgs/slide01.jpg");
    background-size: cover;
    background-position-x: center;
}

.slide-2 {
    background: url("../imgs/slide02.jpg");
    background-size: cover;
    background-position-x: center;
}

.slide-3 {
    background: url("../imgs/slide03.jpg");
    background-size: cover;
    background-position: center;
}

/****** Video Swiper *******/
.layout {
  /*display: grid;
  grid-template-columns: 1fr 30px repeat(4, 1fr 30px) 1fr;*/
}

/* navigation Testimonials */
.testimonialsSwiper .swiper-button-next {
    top: 90%;
    right: 40%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.testimonialsSwiper .swiper-button-next::after {
  display: none;
}

.testimonialsSwiper .swiper-button-prev {
    top: 90%;
    left: 40%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    
}

.testimonialsSwiper .swiper-button-prev::after {
  display: none;
}

/* navigation videos */

.myProductsSwiper{
    height: 10em;
}

.myProductsSwiper .swiper-slide-active{
    width: 8em !important;
}

.myProductsSwiper .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.myProductsSwiper .swiper-button-next::after {
  display: none;
}

.myProductsSwiper .swiper-button-prev {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    
}

.myProductsSwiper .swiper-button-prev::after {
  display: none;
}

/* navigation videos mobile */
.myProductsSwiperMobile .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.myProductsSwiperMobile .swiper-button-next::after {
  display: none;
}

.myProductsSwiperMobile .swiper-button-prev {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    
}

.myProductsSwiperMobile .swiper-button-prev::after {
  display: none;
}

/* navigation services */
.servicesSwiper .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.servicesSwiper .swiper-button-next::after {
  display: none;
}

.servicesSwiper .swiper-button-prev {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    
}

.servicesSwiper .swiper-button-prev::after {
  display: none;
}

.myProductsSwiper  .card-title{
    height: 3em;
}


.myProductsSwiper  .card-text{
    height: 10em;
}

.font-breecyrbold{
    font-family: 'bree_cyrbold';
}
.font-breecyrregular{
    font-family: 'bree_cyrregular';
}

.font-lobster13regular{
    font-family: 'lobster_13regular';
}
/*******************************/
.form-control {
    border: 0px;
    border-bottom: 1px solid #000000;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-size: 0.8em;
}
.form-label-group input:not(:placeholder-shown) ~ label {
  padding-bottom: 1rem;
  color: #921e21;
  font-size: 0.7em !important;
  white-space: nowrap;
}
.textarea {
    border: 1px solid #000000;
}
.form-label-group > input,
.form-label-group > label,
.form-label-group > select {
  font-size: 0.8rem;
  height: 2.5rem;
  padding: .75rem;
  padding-left: 0em;
}
input[type=checkbox]{
    accent-color:#C48045;
}
/************collapsible***************/
.collapsible {
  cursor: pointer;
}

.collapsible .content {
    overflow-y: hidden;
    max-height: 50px;
    transition: max-height 0.2s ease-out;
}

.collapsible .active {
    /*height: initial;*/
}

.collapsible .content:after {
    position: relative;
    font-size: 2em;
    left: 50%;
    right: 50%;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/fontawesome/fa-solid-900.eot");
    src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
    content: "\f139";
    margin-bottom: 3em;
}
.collapsible .content:before {
    position: relative;
    font-size: 2em;
    left: 50%;
    right: 50%;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/fontawesome/fa-solid-900.eot");
    src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
    content: "\f13a";
}

.collapsible .active:before {
    content: "";
}

/***************************/

/* Smartphones (portrait) – ------- – */
@media only screen and (max-width : 768px) {
    .menubar { min-height: 100px; }
    .logosvg { height: 80px; }
    .mySwiper {width: 100%; height: 55em; margin-top: 78px; }
    .office-picture{ height: 8em; }
	.mySwiper {	max-height: 25em;	}
    .servicesSwiper { max-height: 100%;   }
	.swiper-slide .container{ font-size: 0.6em;	}
	.swiper-slide .container h1 { font-size: 1.6em;	}
	.swiper-slide .container h2 { font-size: 1.2em;	}
	.swiper-slide .container h3 { font-size: 1em;	}
    .recetas .background{background: url("../imgs/recetasCellular.svg"); background-size: contain; background-repeat: no-repeat;}
    .vacasencampo-picture{ height: 36em; background-position-x: 50%;}
    .vacasencampo2-picture{ height: 25em; background-position: bottom;}
    .vacasencampo2-picture .content{ font-size: 1em; background-size: contain; }
}

@media only screen and (min-width : 768px) {
    .mySwiper { width: 100%; height: 55em; margin-top: 78px; }
    .slide-1 { background-position-y: center }
    .slide-2 {background-size: 120%; background-position-x: right; } }
    .vacasencampo-picture{ height: 46em; background-position-x: 50%;  background-position-y: 30%}