/*!
 * Bufalo piscinas CSS
 *
 * Created Pucci Design
 * Visit us at https://www.puccidesign.com.ar
 *
 * Handcrafted with love!
 */


/* ==========================================================================
   Global styles
   ========================================================================== */
h2, h3, h4, h5, h6, p, .btn, .navbar-nav a, .list-inline, small, #pricing, #mensaje {
  font-family: 'Raleway', sans-serif;
}  
p, .form-control, select, #mensaje{
  font-family: 'Raleway', sans-serif;
}

h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
  letter-spacing: -1px;
  color: #274e82;
  font-weight: 800;
}

h2 {
  font-size: 4rem;
  line-height: 4rem;
  letter-spacing: -0.5px;
  color: #ffffff;
  font-weight: 500;
}

h3 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 700;
}

p {
  font-size: 1.5rem;
  color: #4D4D4D;
  font-weight: 400;
}

/*------------------Utilities---------------------*/
a {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  color: #4b4f59;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -10%;
}

::selection {
	background: #4b4f59; /* Safari */
	color: #FFFFFF;
}
::-moz-selection {
	background: #4b4f59; /* Firefox */
	color: #FFFFFF;
}

.pad-xl {
  padding: 200px 0px;
}

.pad-lg {
  padding: 160px 0px;
}

.pad-sm {
  padding: 80px 0px;
}

.pad-xs {
  padding: 30px 0px;
}
.shadow-text {
  text-shadow: 2px 2px 0 rgba(0,0,0,.50);
}
.shadow {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); 
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.h-100 {
  height: 100%!important;
}

.row {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display:         flex!important;
  flex-wrap: wrap!important;
}
.row > [class*='col-'] {
  display: flex!important;
  flex-direction: column!important;
}

.separeitor {
  border: #4b4f59;
  border-width: 1px 0 0 0;
  border-style: solid;
  width: 100%;
}

img.img50{
  width: 50%!important;
}


/*-----------------gradient------------------*/

.gradient-1{
  background-color: #375EA8;
  background-image: -webkit-linear-gradient(225deg, #6CC8F2 20%, #375EA8  100%)!important;
  background-image: -moz-linear-gradient(225deg,  #6CC8F2 20%, #375EA8  100%)!important;
  background-image: -o-linear-gradient(225deg,  #6CC8F2 20%, #375EA8  100%)!important;
  background-image: linear-gradient(225deg,  #6CC8F2 20%, #375EA8  100%)!important;
}

.gradient-2{
  background-color: #375EA8;
  background-image: -webkit-linear-gradient(225deg, #93C01E 20%, #008D36  100%)!important;
  background-image: -moz-linear-gradient(225deg,  #93C01E 20%, #008D36  100%)!important;
  background-image: -o-linear-gradient(225deg,  #93C01E 20%, #008D36  100%)!important;
  background-image: linear-gradient(225deg,  #93C01E 20%, #008D36  100%)!important;
}


/*------------------Buttons---------------------*/
.btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline: none;
}

.btn {
  border-radius: 25px;
  border: none;
}

.btn-lg {
  font-size: 13px;
  line-height: 1.33;
  padding: 22px 30px;
  font-weight: 400;
  letter-spacing: 1px;
}

.btn-sm {
  font-size: 11px;
  line-height: 1.33;
  padding: 10px 18px;
  font-weight: 400;
}

.btn-wide {
  width: 100%;
  font-size: 13px;
  line-height: 1.33;
  padding: 18px 28px;
  font-weight: 400;
  letter-spacing: 1px;
}

.btn-primary {
    background-color: #274e82;
    color: #fff;
    padding: 15px 28px;
    font-weight: 600;
    /* text-transform: uppercase; */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #104080;
  color: rgb(197, 197, 197);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.btn-secondary {
  background-color: #6ce0b8;
  color: #274e82;
  padding: 10px 35px;
  margin: 30px 0 30px 0;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  background-color:  #274e82!important;
  color: #fff!important;
  /* border-radius: 15px!important; */
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.btn-contact {
  background-color: #39b54a;
  color: #fff;
  padding: 10px 35px;
  margin: 30px 0 30px 0;
}

.btn-contact:hover, .btn-contact:focus, .btn-contact:active, .btn-contact.active {
  background-color:  #79e287!important;
  color: #fff!important;
  /* border-radius: 15px!important; */
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}


/*-----------------Margins------------------*/
.margin-0 {
    margin-bottom: 0 !important;
}
.margin-10 {
    margin-bottom: 10px !important;
}
.margin-15 {
    margin-bottom: 15px !important;
}
.margin-20 {
    margin-bottom: 20px !important;
}
.margin-30 {
    margin-bottom: 30px !important;
}
.margin-40 {
    margin-bottom: 40px !important;
}
.margin-50 {
    margin-bottom: 50px !important;
}
.margin-60 {
    margin-bottom: 60px !important;
}
.margin-70 {
    margin-bottom: 70px !important;
}
.margin-80 {
    margin-bottom: 80px !important;
}
.margin-90 {
    margin-bottom: 90px !important;
}
.margin-100 {
    margin-bottom: 100px !important;
}

.margin-top-20p {
  margin-top: 20% !important;
}


/*-----------------Colors------------------*/

.color-1 {
  color: #2b416e!important;
}
.color-2 {
  color: #6ce0b8!important;
}
.color-3 {
  color: #ffda07!important;
}
.color-wp {
  color: #39B54A!important;
}
.black {
  color: #231f20!important;
}
.blue {
  color: #70cbce!important;
}
.white {
  color: #ffffff!important;
}
.color-1-bg {
  background: #2b416e!important;
}
.color-2-bg {
  background: #6ce0b8!important;
}
.color-3-bg {
  color: #f2f2f2!important;
}
.black-bg {
  background: #231f20!important;
}



/* ==========================================================================
   Nav Styles
   ========================================================================== */
   .preloader {
    height: 1000px;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9999px;
    z-index: 9998;
   }
  
  .preloader2 {
    top: calc(50% - 10px);
    
  }

  .preloader2:before, .preloader2:after{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 300px;
    left: calc(50% - 10px);
    background-color: #1a3463;
    animation: squaremove 1s ease-in-out infinite;
  }
  
  .preloader2:after{
    bottom: 0;
    animation-delay: 0.5s;
  }
  
  @keyframes squaremove{
    0%, 100%{
      -webkit-transform: translate(0,0) rotate(0);
      -ms-transform: translate(0,0) rotate(0);
      -o-transform: translate(0,0) rotate(0);
      transform: translate(0,0) rotate(0);
    }
  
    25%{
      -webkit-transform: translate(40px,40px) rotate(45deg);
      -ms-transform: translate(40px,40px) rotate(45deg);
      -o-transform: translate(40px,40px) rotate(45deg);
      transform: translate(40px,40px) rotate(45deg);
    }
  
    50%{
      -webkit-transform: translate(0px,80px) rotate(0deg);
      -ms-transform: translate(0px,80px) rotate(0deg);
      -o-transform: translate(0px,80px) rotate(0deg);
      transform: translate(0px,80px) rotate(0deg);
    }
  
    75%{
      -webkit-transform: translate(-40px,40px) rotate(45deg);
      -ms-transform: translate(-40px,40px) rotate(45deg);
      -o-transform: translate(-40px,40px) rotate(45deg);
      transform: translate(-40px,40px) rotate(45deg);
    }
  }

.navbar {
    border: 0px solid rgba(0, 0, 0, 0);
    background: #274e82;
	  -webkit-transition: all 0.35s ease-in-out;
	  -moz-transition: all 0.35s ease-in-out;
	  -o-transition: all 0.35s ease-in-out;
	  transition: all 0.35s ease-in-out;
    margin: auto;
    min-height: 60px;
    padding-top: 8px;
    position: fixed;
    /* top: -80px; */
    transition: all 0.3s ease 0s;
    
}

.navbar.open {
    top: -10px;
    background: #274e82;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); 
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: all ease-in .3s;
     -moz-transition: all ease-in .1s; 
      -ms-transition: all ease-in .1s; 
       -o-transition: all ease-in .1s; 
          transition: all ease-in .1s; 

}

.navbar-inverse .navbar-nav > li > a{
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #3B7267;
    opacity: 0.6;
}

.navbar-nav a {
    padding: 0 20px;
     color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;  
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
.nav>li>a>img {
  width: 25px; 
  opacity: 1;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #4ec3cd;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

ul.nav.navbar-nav.navbar-right {
    padding-top: 5px;
}

.navbar.open  ul.nav.navbar-nav.navbar-right {
  padding-top: 5px;
}

.logo img {
  width: 160px;
  margin: 10px 0;
  padding-left: 20px
}
.logo-a img{
  display: inline-block;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

/* open logo with nav */
.navbar.open .logo img {
  width: 120px;
  padding-top: 7px;
  -webkit-transition: all ease-in .1s;
  -moz-transition: all ease-in .1s; 
   -ms-transition: all ease-in .1s; 
    -o-transition: all ease-in .1s; 
       transition: all ease-in .1s; 
}



/* ==========================================================================
   Main styles
   ========================================================================== */
#header {

}

.img-banner img { 
  width: 100%;
}

/* 
product 
*/

#piscinas {
  background: #6ce0b8 url(../img/bg-water.jpg) no-repeat center center;
  height: auto;
  width: 100%;
  padding-top: 8rem;
  overflow: hidden;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.ProductItemDescription {
  padding: 2.5rem;
}


.list-description {
  list-style: none;
}

.list-description-img img {
  width: 2rem!important;
  display: inline!important;
  margin-right: 1rem;
  padding-bottom: 1rem;
}


/* 
Slider PRoduct
*/

.owl-item.active.center .card-product{
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}



.product_slider_prev
{
	left: 5px;
}
.product_slider_next
{
	right: 5px;
}

.card-product {
  background-color: #fff;
  border-radius: 25px;
  margin: 1.5rem 2rem;
  opacity: 1;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card-product h3, .card-benef h3{
  font-size: 3rem;
  color: #274e82;
}
.card-product h4, .card-benef h4{
  /* font-size: 28px; */
  font-weight: 300;
  color: #274e82;
}

.productItemBtn {
  text-align: center;
}



/* beneficios */

#beneficios {}

.card-benef {
  background-color: #fff;
  border-radius: 25px;
  margin: 1.5rem 2rem;
}
.BenefItemDescription {
  padding: 3.5rem;
}

.BenefItemDescription img {
  width: 10rem;
}

.BenefItemDescription p {
  padding-top: 2rem;
}

/* wave */
.wave svg {
  width: 100%;
  padding-top: 11rem;
    margin-top: 3rem;
    margin-bottom: -10px;
    padding-bottom: 0;
    bottom: 0;
}
.wave2 svg {
  width: 100%;
  /* padding-top: 8rem; */
    margin-top: -26rem;
    /* margin-bottom: -10px; */
    /* padding-bottom: 0; */
    bottom: 0;
}

.st40{fill: #6ce0b8;}
.st42{fill: #fff;}
.st99{fill: rgb(236, 17, 17);}

/* nosotros */

#nosotros .años img {
    width: 60%;
}

#nosotros h2 {
  padding-top: 10%;
}


#somos-accord{
  margin-top: -15rem;
}

/* beneficios */

#beneficios{
  
}

.beneficiosTitle p{
  margin: 0 25%;
}

#beneficios:before  {
  content: "";
  width: 100%;
  height: 103px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/svg_element-wave.svg);
  display: block;
  position: absolute;
}


/* CTA 1 */


#cta1 {
  background: url(../img/bg-girl.jpg) no-repeat bottom center fixed;
  width: 100%;
  padding: 100px 0px 60px 0px;
  height: 550px;
  /* overflow: hidden; */
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 
}
/* #cta1::after {
  content: "";
  width: 100%;
  height: 110px;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: url(../img/svg_element-wave.svg);
  display: block;
  position: relative;
  top: -100px;
  z-index: 99;

} */

#cta1 h1 { 
  color: #FFFFFF;
  /* margin: 0 20%; */
  padding-bottom: 30px;
}

/* Garantia */
#garantia h1 {
  padding:0!important;
}


/* FAQS */

#faqs {
  background: #f2f2f2;
  height: auto;
  width: 100%;
  padding: 6rem 0;
  overflow: hidden;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.img-faqs img {
  width: 100%;
  margin-top: 30px;
}
#panelFaqs { 
  margin-top: 30px;
}

/* servicios */

#servicios {
  padding: 6rem 0;

}

#servicios .icon-serv img {
  width: 8rem;
}

/* accesorios */

#accesorios {
  height: 100%;
  width: 100%;
  padding: 6rem 0;

}

.colorete {
  background-color: #1a3463;
  height: 25rem;
}


#accesorios h1 { 
  color:white;
  padding-top: 2rem;
}

.AccesoriosItem img {
  max-width: 80%;
  padding-top: 2rem;
}

/* trabajos */
#trabajos{
  background: #6ce0b8;
  height: auto;
  width: 100%;
  padding: 6rem 0;
  overflow: hidden;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* modal */
.modal-content {
  background-color: #274e82 ;
  border-radius: 2rem;
    padding: 2rem;
}
.HeadTitleModal p, .modal-body li, .modal-body p, .modal-body span {
  color: #fff!important;
}
.modal-body h3 {
  font-size: 28px;
  color: #ffffff;

}
.modal-body h4 {
 font-weight: 300;
 color: #6ce0b8;
}
.modal-dialog {
  width: 80%;
}
.modal-header {
  border: none;
}
.modalIconDescription {
  padding: 4rem 0;
}
.modalIconDescription img{
  width: 60%;
  margin-bottom: 15px;
}
.modalIconDescription p {
  font-weight: 600;
}

/* Radio Tool bar */
.radio-toolbar {
  margin: 10px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #fff;
    padding: 15px 15px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    margin-right: 10px;
    border: none;
    border-radius: 20px;
}

.radio-toolbar label:hover {
  background-color: #fff;
}

.radio-toolbar input[type="radio"]:focus + label {
    border: 2px solid #444;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #bfb;
    border-color: #4c4;
}













#contacto {
  background: url(../img/bg-contact.jpg) no-repeat bottom center fixed;
  width: 100%;
  padding: 100px 0px 60px 0px;
  height: 100%;
  /* overflow: hidden; */
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

#contacto p, #contacto h2, #contacto h1 {
  color: #ffffff !important;
  line-height: 150%;
  padding-top: 15px;
}

#contacto img {
  padding-right: 5px;
}


/* .fa-envelope-o, .fa-facebook, .fa-twitter, .fa-instagram {
  color: #ffffff;
  font-size: 18px;
  display: block;
  padding-top: 10px;
  width: 40px;
  height: 40px;
  border: 2px solid #ffffff;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
} */

/*********************************
Footer
*********************************/

.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #4d4d4d;
	padding-top: 94px;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 53px;
}
.footer_logo img {
	width: 140px;
}
.footer_logo_text
{
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 0.75;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #1a3463;
}
.footer_title
{
	font-family: 'Relawey', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.footer_logo_container
{
	margin-top: -14px;
}
.footer_about_text
{
	margin-top: 31px;
}
.footer_about_text p
{
	color: #FFFFFF;
}
.footer_social
{
	margin-top: 23px;
}
.footer_social ul li
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #474747;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 6px;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 45px;
}
.footer_social ul li:hover
{
	background: #1a3463;
}
.footer_contact
{
	padding-left: 6px;
}
.footer_contact_info
{
  margin-top: 33px;
  
}
.footer_contact_info ul li
{
	font-size: 14px;
	font-weight: 400;
  color: #b5b8be;
  list-style-type:none;
  padding-inline-start: 10px!important;
  padding-left: 10px;
  
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links
{
	padding-left: 80px;
}
.footer_links_container ul
{
	columns: 2;
	-webkit-columns: 2;
  -moz-columns: 2;
  list-style-type:none;
  padding-inline-start: 10px;
}
.footer_links_container
{
	margin-top: 33px;
}
.footer_links_container ul li a,
.footer_contact_info ul li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links_container ul li a:hover,
.footer_contact_info ul li a:hover
{
	color: #274e82;
}
.footer_mobile
{
	display: inline-block;
	float: right;
}
.footer_mobile_content
{
	padding-top: 35px;
}
.footer_image:not(:last-child)
{
	margin-bottom: 10px;
}
.copyright
{
	height: 54px;
	border-top: solid 1px #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	font-size: 14px;
	color: #b5b8be;
}
.cr_text 
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
  transition: all 200ms ease;
  padding-top: 10px;
}
.cr_text a:hover
{
	color: #1a3463;
}
.cr_list li:not(:last-child)
{
	margin-right: 50px;
}
.cr_list li a
{

	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
  transition: all 200ms ease;
  list-style-type:none;
}
.cr_list li a:hover
{
	color: #1a3463;
}

.cr_link p{
   color: #b5b8be;
   font-size: 11px;
   padding-top: 7px;
}
.cr_link p:hover{
  color: #1a3463;
}



/* Btn whatsapp */


.btn-floating {
	width: 56px;
	height: 56px;
	position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
	transition: .3s ease-out;
	text-align: center;
}
a .btn-floating {
	text-align: center;
}

.boton-wsp {
    position: fixed;
    right: 15px;
    bottom: 95px;
	background-color: #2CB742;
	text-align: center;
	border-radius: 50px;
	
}

.boton-wsp img {
	color: #ffffff;
	line-height: 55px;
	font-size: 25px;
}





/* accordion */

#accordion a:focus {
  color: #ffffff;
}

#accordion a:hover {
  color: #ffffff;
}
.panel-body {
  padding: 32px;
}
.panel-group {
  max-width: 500px!important;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2rem!important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent!important;
}

.panel-default>.panel-heading {
  color: #1a3463;
  font-weight: 600;
  background-color: #a9b8cd;
  border: 1px solid #a9b8cd;
  border-radius: 2rem;
}

.panel-default-faqs>.panel-heading {
  color: #1a3463;
  font-weight: 600;
  background-color: #6ce0b8;
  border: 1px solid #6ce0b8;
  border-radius: 2rem;
}

.panel-default>.panel-heading:active, .panel-default>.panel-heading:visited, .panel-default>.panel-heading:focus {
  color: #ffffff;
  background-color: #1a3463;
}

.panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
}
.more-less {
  float: right;
  font-size: 3rem;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EEEEEE;
}

/*galery-tabs*/

#galery-gaman h1 {
  padding-bottom: 30px;
}
#interior {
  padding: 0 0 60px 0;
}

.galery-tabs{
  background-color: #f50f5000;
  margin-top: 60px;
}
.galery-tabs .tabs{
  width: 100%;
  background-color: #ebebeb;
  text-align: center;
}
.galery-tabs .tabs .tab{
  background-color: #b3b3b3;
  color: #fff;
  line-height: 60px;
  height: 60px;
  vertical-align: middle;
}
.galery-tabs .tabs .tab a{
  line-height: 60px;
  height: 60px;
  vertical-align: middle;
  display: block;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 2;
}
.galery-tabs .tabs .tab a i{
  line-height: 60px;
  vertical-align: middle;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  margin-right: 10px;
}
.galery-tabs .tabs .indicator {
    background-color: #1a3463;
    z-index: 1;
    height: 60px;
}
.galery-tabs .tab-body{
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 500px){
  .galery-tabs .tabs .tab {
    display: block;
    float: none;
    width: 100%;
  }
  .galery-tabs .tabs .tab .active{
    background-color: #E76800;
  }
  .galery-tabs .tabs .indicator {
      display: none;
  }
}




/* ==========================================================================
   Form styles
   ========================================================================== */
#form {
   
}

#form p {
  color: #fff;
}


.form-control, #mensaje {
    background-color: #FFFFFF;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #929496;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control::-moz-placeholder, #mensaje::-moz-placeholder {
    color: #d9d9d9;
    font-size: 15px;
    opacity: 1;
}

.form-control::-moz-placeholder, #mensaje::-webkit-placeholder, .form-control::-o-placeholder, #mensaje::-o-placeholder {
    color: #d9d9d9;
    font-size: 15px;
    opacity: 1;
}

.form-control::-o-placeholder, #mensaje::-o-placeholder {
    color: #d9d9d9;
    font-size: 15px;
    opacity: 1;
}

#mensaje {
  /*height: 90px !important;*/
}

.form-group {
  margin: 0px 0px 5px 0px !important;
}

.form-group p {
  display: none; 

}

.alert {
    border-radius: 7px !important; 
}

.g-recaptcha {
  padding-top: 15px;
}

select {
  width:100%;
  min-height:30px;
  padding:12px 10px;
  text-transform:capitalize;
  border:0;
  border:1px solid #2e2e2e;
  margin-bottom:0px;
  outline:none;
  border-radius: 7px;
  
}

#contacto-seller {
  padding: 5rem 0 0 0;
}

#form-seller {
  background-color: #104080;
  border-radius: 1rem;
  padding: 1rem;
  margin-top:2rem;
}


/* 
##############################
##############################
######## Slider home #########
##############################
##############################
 */


.home
{
	width: 100%;
	height: 850px;
}
.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: calc(50% - 200px);
	left: 0;
	width: 100%;
	height: auto;
}
.home_slider_title
{
	font-family:'Relawey', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
  color: #fff;
  padding-top: 9rem;
  padding-left: 2em;
}
.home_slider_title img {
  /* width: 15rem!important; */
  /* margin-bottom: 20px; */
}
.home_slider_title_big
{
	font-family:'Relawey', sans-serif;
	font-size: 18em;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.home_slider_subtitle
{
	font-size: 24px;
	color: #dfdfdf;
	margin-top: 9px;
}
.home_slider_form_container
{
	width: 832px;
	margin: 0 auto;
	margin-top: 35px;
}
.home_search_form div
{
	width: calc(100% - 140px);
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
}

.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 50px;
	background: #b6b7bd40;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_prev
{
	left: 75px;
}
.home_slider_next
{
	right: 75px;
}
.home_slider_nav i
{
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
}
.home_slider_nav:hover
{
	background: #274e82;
}


#iconConteiner img {
  width: 50%;
  padding: 20px 0px;
  margin-left: 10%;
}

#iconConteiner span {
  color: #375EA8;
  font-size: 16px;
  font-weight: 600;
}


/* video */
.homeHeaderVideo {
   position: relative;
   right: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;

}
/* 
.homeHeaderVideo .wrapperVideo {
      position: absolute;
      width: 50vw;
} */
.homeHeaderVideo .wrapperVideo video {
  width: 100%;
  height: 600px;
  object-fit: cover;
  
}

/**********************************
 testimonial 
 **********************************/
#testimonios {
  background-color: #EEEEEE;
}

.shadow-effect {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  border:1px solid #ECECEC;
  border-radius: 1rem;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
  padding-top: 3rem;
}
.testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #274e82;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
  text-align: center;
  padding: 50px;
  /* margin-bottom:80px; */
  opacity: .2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#customers-testimonials .item img { 
  width: 120px;
  display: inline;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
#testimonios .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 90px;
  margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190E7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190E7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}






#seller-header {
  width: 100%;
  height: 30vh;
  padding-top: 10rem;
  background: rgb(0 0 0);
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-masthead.jpg');
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0, 0, 0, 0.6) 96%), url('../img/bg-masthead.jpg');
  background: -moz-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-masthead.jpg');
  background: -webkit-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-masthead.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#seller-header h1{
  color: white;
  margin-top: 1rem;
  padding-top: 1rem;
}
#sellers{

}
#seller-pool{
  width: 100%;
  height: auto;
  padding: 8rem 0;
  background: rgb(0 0 0);
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-seller-pool.jpg');
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0, 0, 0, 0.6) 96%), url('../img/bg-seller-pool.jpg');
  background: -moz-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-seller-pool.jpg');
  background: -webkit-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-seller-pool.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#factory-pool{
  width: 100%;
  height: 90vh;
  padding: 5rem 0;
  background: rgb(0 0 0);
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/pilefab.jpg');
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0, 0, 0, 0.6) 96%), url('../img/pilefab.jpg');
  background: -moz-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/pilefab.jpg');
  background: -webkit-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/pilefab.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}

#pool-duplex {
  width: 100%;
  height: auto;
  padding: 8rem 0;
  background: rgb(0 0 0);
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-duplex.jpg');
  background: linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0, 0, 0, 0.6) 96%), url('../img/bg-duplex.jpg');
  background: -moz-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-duplex.jpg');
  background: -webkit-linear-gradient(223deg, rgb(0 0 0 / 32%) 8%, rgb(0 0 0 / 17%) 17%, rgba(0 0 0 / 60%) 96%), url('../img/bg-duplex.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}


/* Seller point
 */



.card-benef-seller {
  background-color: #ffffff77;
  border-radius: 15px;
  margin: 0.5rem;
  padding: 1.5rem;
}

.card-benef-seller img {
  width: 7rem;
}
.card-benef-seller h3 {
 color: #fff;
 margin-top: 0.5rem;
 font-size: 2rem;
}


.card-benef-seller p {
  padding-top: 0.5rem;
}

/* ==========================================================================
   ==========================================================================
   ==========================================================================
   ==========================================================================
   Mobile styles
   ==========================================================================
   ==========================================================================
   ==========================================================================
   ========================================================================== */



/* Landscape phones and down */
@media (max-width: 480px) { 

  .navbar-nav {
      margin: 7.5px 0px!important;
  }
  .navbar-nav a {
        padding: 10px 5px !important;
        text-align: center;
  }
  .home_slider_prev
  {
    left: -15px;
  }
  .home_slider_next
  {
    right: -15px;
  }
  .home_slider_title
  {
    font-size: 25px;
    padding-top: 0;
    padding-left: 1em
  }
  .home_slider_title_big
  {
    font-size: 10em;
    text-align: center;
  }

  #somos-accord {
    margin-top: 1rem;
  }
  .beneficiosTitle h1 {
    margin-top: 90px!important;
  }

  .colorete {
    height: 100%;
  }

  .modal-dialog {
    width: auto;
  }
  .panel-title > a {
    text-align: left;
  }
  .more-less {
    line-height: 29px;
  }
  #contacto{
    padding-left: 5%;
    padding-right: 5%;
  }
  .footer_links {
    padding-left: 10px;
}
.footer_section, .footer_contact {
 padding-top: 25px;
}


  

}


/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 


    #contacto{
    padding-left: 5%;
    padding-right: 5%;
  }
  .footer_links {
    padding-left: 10px;
    padding-top: 20px;
}

#somos h1 {
  text-align: center;
  padding-bottom: 15px;
}

.home_slider_prev
{
  left: -15px;
}
.home_slider_next
{
  right: -15px;
}
 


  

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

  .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
  }
  .footer_links {
    padding-left: 10px;
}
.ser-img-1 img { 
  /* width: 200px; */
  margin-bottom: 90px;
}
.ser-img-2 img { 
  width: 100%;
  /* margin-bottom: 50px; */
  padding-left: 5%;
}
 
 
}



/* Desktops and laptops ----------- */
@media (min-width: 992px) and (max-width: 1199px) {


  
}
     


/* Large screens ----------- */
@media (min-width: 1200px) and (max-width: 3000px) {
  

  .social-icons {
    text-align: center;
  }


  
}