body,

.tabs-to-dropdown .dropdown-toggle,

.tabs-to-dropdown .dropdown-item {

  font-size: 1.3rem;

}

.tabs-to-dropdown .nav-wrapper a {

  color: var(--darkgreen);

}


.tabs-to-dropdown .nav-pills .nav-link.active {

  background-color: var(--darkgreen);

}



.tabs-to-dropdown .nav-pills li:not(:last-child) {

  margin-right: 30px;

}



.tabs-to-dropdown .tab-content .container-fluid {

  max-width: 1250px;

  padding-top: 70px;

  padding-bottom: 70px;

}



.tabs-to-dropdown .dropdown-menu {

  border: none;

  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.08);

}



.tabs-to-dropdown .dropdown-item {

  padding: 14px 28px;

}



.tabs-to-dropdown .dropdown-item:active {

  color: var(--white);

}

.tab-content>.active {

    display: block;

}



@media (min-width: 1280px) {

  .tabs-to-dropdown .nav-wrapper {

    padding: 15px 30px;

  }

}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/* ================================MENU HORIZONTAL====================================*/



.pisc-menu {

margin-top: 20px;

background-color: #29785654;

width: 100%;


}		

	.pisc-ul>li.active>a, .pisc-ulli.active>a:hover, .pisc-ul>li.active>a:focus {

color: #fff;

background-color: #139ba3;

font-weight: bold 

}

.pisc-ul>li.subactive>a, .pisc-ul>li.subactive-ul>a:hover, .pisc-ul>li.subactive>a:focus {

color: #fff;

background-color: #ff0000b0;

}

.pisc-ul li.subactive>span, .pisc-ul>li.subactive-ul>span:hover, .pisc-ul>li.subactive-ul>span:focus {

color: #fff;

background-color: #ff0000b0;

}



.pisc-ul li>a {

border-radius: 0px;

text-align: center;

font-size: 16px;

font-family: 'Lobster', cursive;

position: relative;

display: block;

padding: 10px 15px;    

color: #fff;

text-decoration: none;

	font-weight: bold 

}

.pisc-ul>li>span {

border-radius: 0px;

text-align: center;

font-size: 16px;

font-family: 'Lobster', cursive;

position: relative;

display: block;

padding: 10px 15px;    

color: #fff;

text-decoration: none;

	font-weight: bold 

}



.pisc-li>li {

margin-top: 0px;

margin-left: 0;

border-bottom:2px solid #dadada;

border-left:2px solid #dadada;

border-right:2px solid #dadada;

border-top: 2px solid #dadada;

float: none;   

position: relative;

display: block;

}



.pisc-li>ul {

    margin-top: 0;

}	

.pisc-li {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.pisc-tron p {

    margin-bottom: 15px;

    font-size: 21px;

    font-weight: 200;

}

@media screen and (min-width: 768px){

.pisc-tron h1, .pisc-tron .h1 {

    font-size: 42px;

}

}

.pisc-tron h1, .pisc-tron .h1 {

    color: inherit;

}

@media screen and (min-width: 768px){

.container .pisc-tron {

    padding-right: 60px;

    padding-left: 60px;

}

}

.container .pisc-tron {

    border-radius: 6px;

}

.pisc-tron {

    /* background-color: rgba(0,3,0,.4); */

    color: #fff;

    margin-bottom: 0;

    margin-top: 0;

    /* padding-bottom: 250px; */

}

@media screen and (min-width: 768px){
.pisc-tron {

    padding-top: 48px;

    padding-bottom: 48px;

}

}

.pisc-tron {

    padding: 30px;

    margin-bottom: 30px;

    color: inherit;

    /* background-color: #eee; */

}

/* ================================General====================================*/



html, body {

    height: auto;

    margin: 0;

    padding: 0;

    width: 100%;

    font-size: 16px;

	background-color: #00000042;

}





.full-reset{

	margin: 0;

	padding: 0;

	width: 100%;

	box-sizing: border-box;

}

.cover-background{

	background-attachment: fixed;

    background-color: #297856;

    background-position: center center;

    background-repeat: repeat;

    margin: 0;

	padding:0;

	width: 100%;

}

.page-container{

	background-color: transparent;

    height: 100%; 

    height: auto !important;

    min-height: 100%;

    position: relative;

}

.content-page{

    padding-bottom: 200px; /*Si modifica esta propiedad, tambien hacerlo en height de la clase .footer*/

}

.footer{

	background-color: #139ba382;

	bottom: 0 !important;

    bottom: -1px;

	color: #fff;

	height: 200px; /*Si modifica esta propiedad, tambien hacerlo en padding-botton de la clase .content-page*/ 

	overflow: hidden;

    position: absolute;

	width: 100%;

	display: block;

}

.section{

	margin: 0;

	padding: 10px 0;

	width: 100%;    

	display: block;

}

.center-box-content{

	margin: 0 auto;

}

.tittles{

	font-family: 'Lobster', cursive;   

	text-align: center;

    padding: 10px 0px 10px 0px;

    font-weight: bold;

    color: #d0cacaeb;
	font-size: 22px;

}

.tittles-pages{

	font-family: 'Lobster', cursive;   

	text-align: center;

    color: #d0cacaeb;

}

.tittles p{

	font-family: 'Lobster', cursive;

	font-size: 30px;

}

* {

      -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.list-unstyled {

    padding-left: 0;

    list-style: none;

}

.visible-xs, .visible-sm, .visible-md, .visible-lg {

    display: none!important;

}

.text-center {

    text-align: center;

}

.btn-sm, .btn-group-sm>.btn {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px;

}

.btn-primary {

    color: #fff;

    background-color: #428bca;

    border-color: #357ebd;

}

.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid #141313ad;

    border-radius: 4px;

}
.btn-success {
    color: #fff;
    background-color: #40577b;
    border-color: #4cae4c;
}
input, button, select, textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}



button, html input[type=button], input[type=reset], input[type=submit] {

    -webkit-appearance: button;

    cursor: pointer;

}

button, select {

    text-transform: none;

}

button {

    overflow: visible;

}

button, input, optgroup, select, textarea {

    margin: 0;

    font: inherit;

    color: inherit;

}



b, strong {

    font-weight: 700;

}



strong {

    font-weight: bold;

}



element.style {

}

a:hover, a:focus {

    color: #2a6496;

    text-decoration: underline;

}



a:active, a:hover {

    outline: 0;

}

a {

    color: #f3a93a;

    text-decoration: none;

}

a {

    background: 0 0;

}

@media (max-width: 767px){
.visible-xs {

    display: block!important;

}}

/* ================================NavBar====================================*/

.megamenu {
    position:static;
}	
.megamenu li {
	  display: inline-block;
	}
.megamenu > .dropdown-menu {
    width:100%;
	background-color: #397a7a;
}
.dropdown-menu {
  font-size: 16px;
  text-align: center;
  list-style: none;
}
@media screen and (min-width: 992px) {
.dropdown-menu {
  font-size: 14px;
}
  .megamenu ul {
     padding-bottom:0px;
  }  
  .megamenu > .dropdown-menu {
     min-width: 800px;
  } 
}
.nav-pisc{

	background-color: #139ba382;

	height: 55px;

	position: fixed;

    z-index: 1;    

	display: block;

}

.logo{

    float: left;

    height: 55px;

    width: 30%;

    line-height: 55px;   

    color: #fff;

    text-align: center;

}

.navigation-list{

    float: left;

    height: 55px;

    text-align: center;

    width: 70%;

}

.navigation-list > li{

    display: inline-block;

    height: 55px;

}

.navigation-list > li a{

	height: 55px;

	color: #fff;

	text-align: center;

	text-decoration: none;

	display: block;

	line-height: 55px;

	padding: 0 7px;

}

.navigation-list > li a:hover{

	color:rgb(231,76,60)

}

.navigation-list span {

    padding: 0 5px;

    color: rgb(231,76,60);

}

/* ================================Social icons====================================*/

.list-social-icons > li{

	display: inline-block;

	margin: 0 4px;

}

.list-social-icons > li > a > i{

    transition: all .3s ease-in-out;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    color: #fff;

    line-height: 40px;

    text-align: center;

    font-size: 19px;

}

.list-social-icons > li > a > i:hover{

	transform:scale(1.5);

}

/* ================================Styles Index====================================*/



.OS-phones{

	background-color: rgba(231, 76, 60,0.9);

	color: #000;

	width: 100%;

}

.news-promo-content{

	background-color: #fff;

	width: 100%;

}

.content-dest{

	padding-bottom: 30px;

	padding-top: 30px;

}

/* ================================Styles Product====================================*/

.content-carousel{

	background-color: #000;

	margin: 0;

    padding: 0;

	width: 100%;

}

.static-image-carousel{

	background-color: #000;

	margin: 0;

	padding: 0;

	width: 100%;

}

.thumbnail-content-phones{

	background: #ffffff; /* Old browsers */

	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */

	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */

	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */

	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	padding-bottom: 15px;

	padding-top: 15px;

}

/* ================================Styles news====================================*/

.font-content-news{

	background-image: url(/assets/img/fondo-tienda.webp);

}

.jumbotron{

	background-color: rgba(0,3,0,.4);

	color:#fff;

	margin-bottom: 0;

	margin-top: 0;

	padding-bottom: 250px;

}

.all-news-contents{

	background-color: rgba(255, 255, 255,0.9);

	color: #000;

}



/* ================================Styles mi index====================================*/

.pisc-content{

    background-image: url(/assets/img/fondo-piscina.webp);
background-size: cover;
}

.pisc-info{
background-color: rgb(0 3 0 / 26%);
    color: #fff;
}

.tittles-well{

	background-color: rgba(231, 76, 60,0.2);

	border: solid 1px rgba(231, 76, 60,0.2);

	box-shadow: inset 0 1px 1px rgba(0, 0,0, 0.3);  

	min-height: 20px;

    padding: 0px;

    margin-bottom: 10px;

    border-radius: 4px;

    text-align: center;

	letter-spacing: 1px;

}
.well{

	background-color: rgba(231, 76, 60,0.2);

	border: solid 1px rgba(231, 76, 60,0.2);

	box-shadow: inset 0 1px 1px rgba(0, 0,0, 0.3);  

	min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    border-radius: 4px;

    text-align: center;

	letter-spacing: 1px;

}

.blog{

	background-color: rgb(255 255 255 / 76%);

	border: solid 1px rgba(231, 76, 60,0.2);

	box-shadow: inset 0 1px 1px rgba(0, 0,0, 0.3);  

	min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    border-radius: 4px;

    text-align: center;

	letter-spacing: 1px;

}
.row-1 {

    margin-right: -15px;

    margin-left: -15px;

    margin-top: 60px;

}

/* ======================================= MediaQueries bootstrap =======================================*/

/* col-xs */

@media (max-width: 767px) {

	.jumbotron{

		background-color: rgb(255,255,255);

		color: #333;

		padding-bottom: 60px;

	}

    .jumbotron > p{

		font-size: 16px;

	}

    .logo {

        width: 100%;

    }

    .navigation-list{

    	position: absolute;

    	top: 55px;

    	border-top: 1px solid rgba(255,255,255,.7);

    	width: 100%;

    	background-color: #000;

    	height: auto;

    	pointer-events: none;

    	opacity: 0;

        z-index: 99;

    }

    .navigation-list li{

    	display: block;

    	width: 100%;

    }

    .navigation-list-show{

    	pointer-events: auto;

    	opacity: 1;

    }

    .btn-mobile{

    	height: 55px;

    	width: 55px;

    	line-height: 55px;

    	color: #fff;

    	position: absolute;

    	top: 0;

    	right: 0;

    	text-align: center;

    	cursor: pointer;

    	font-size: 20px;

    }

    .principal-container-services > a{

        margin: 15px 0;

        width: 100%;

    }

    .social-img{

		height: 48px;

		width: 48px;

	}

	.tittles-pages{

		font-family: 'Lobster', cursive;

		font-size: 30px;

	}

}



/* ================================Styles contact====================================*/

.font-content-contact{

	background-image: url(/assets/img/fondo-piscina.webp);

}

.contact-form-info{

	background-color: rgba(0, 3, 0, 0.8);

	color: #fff;

}

.input-form-contact{

	background-color: rgba(236, 240, 241,0.3);

	color: #fff;

	font-style: italic;

}

.input-form-contact::-moz-placeholder { color:#fff;  opacity: .5;}

.input-form-contact:-ms-input-placeholder { color:#fff;  opacity: .5;}

.input-form-contact::-webkit-input-placeholder { color:#fff; opacity: .5;}



#error {

	    border: 1px solid #990000;

    background-color: #D70000;

    color: #FFFFFF;

    padding: 4px;

    padding-left: 6px;

    width: 235px;

    font-weight: bold;

    text-align: center;

}

.spam {

    border: 3px solid #f00;

    max-width: 160px;

    margin-right: 5px;

    color: #000;

    height: 40px;

    width: 100%;

}

.btn-form {display: inline-block; border:0; background: #40758D; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}

.btn-formimagen {display: inline-block; height: 46px; line-height: 46px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; border: 3px solid #f00; width: 80px;}

.btn-form:hover {background: #444}

.tabs-to-dropdown .nav-wrapper {

  padding: 15px;

  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);

}

/* ================================Styles services====================================*/

.font-content-services{

	background-image: url(/assets/img/fondo-piscina.webp);

}

.all-services{

	background-color: rgb(236 240 241 / 28%);

	color: #000;

}

.principal-container-services{

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

}

.principal-container-services > a{

    background-color: #ecf0f1;

    box-shadow: .5px .5px 3px #000;

    display: inline-block;

    height: 320px;

    margin: 4px 0.2%;

    min-height: 320px;

    overflow: hidden;

    padding: 25px 0px;

    vertical-align: baseline;

    width: 23%;

}

.principal-container-services > a:focus{

    outline: none;

    text-decoration: none;

}

.principal-container-services > a:hover{

    background-color: #000;

    text-decoration: none;

    transition: all .3s linear;

    -moz-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -webkit-transition: all 400ms linear;

}

.icon-service,

.tittle-service,

.description-service {

    color: #333;

    text-align: center;

    transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -webkit-transition: all 400ms linear;

    width: 100%;

}

.icon-service{

    font-size: 60px;

    opacity: .2;

}

.tittle-service{

    font-size: 25px;

    margin-top: 25px;

}

.description-service{

    font-size: 12px;

    padding:  10px 5px;

}

.principal-container-services > a:hover .icon-service{

    color: #ff2020;

    opacity: .2;

    transform: scale(5,5) rotate(20deg) translate(5px,15px);

    -moz-transform: scale(5,5) rotate(20deg) translate(5px,15px);

    -ms-transform: scale(5,5) rotate(20deg) translate(5px,15px);

    -o-transform: scale(5,5) rotate(20deg) translate(5px,15px);

    -webkit-transform: scale(5,5) rotate(20deg) translate(5px,15px);

}

.principal-container-services > a:hover .tittle-service{

    color: rgb(255, 144, 0);

    transform: translateY(-32px);

    -moz-transform: translateY(-32px);

    -ms-transform: translateY(-32px);

    -o-transform: translateY(-32px);

    -webkit-transform: translateY(-32px);

}

.principal-container-services > a:hover .description-service{

    color: rgb(255, 144, 0);

    transform: translateY(-32px);

    -moz-transform: translateY(-32px);

    -ms-transform: translateY(-32px);

    -o-transform: translateY(-32px);

    -webkit-transform: translateY(-32px);

}

/* col-sm */

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

    .principal-container-services > a{

        width: 48%;

    }

    .jumbotron{

		padding-bottom: 70px;

	}

}

/* col-md */

@media (min-width: 992px) and (max-width: 1199px) {

    /*Estilos css aquí*/

}

/* col-lg */

@media (min-width: 1200px) {  

    /*Estilos css aquí*/

}

.lead{margin-bottom:20px;

	font-size:16px;

	font-weight:300;

	line-height:1.4}

@media (min-width:768px){

	.lead{font-size:21px}

}

@media (max-width:580px){

.nav-pisc {
  position: relative;
}

}

.amzaf{margin-bottom:20px;

	font-size:10px;

	font-weight:300;

	line-height:1.4}