@charset "utf-8";
/* CSS Document */

body:not(.page-template-elementor-template) p,body:not(.page-template-elementor-template) h3{font-family: 'Roboto', sans-serif !important;}
header .brand a { display: block;}

header .nav { margin-top: 0;}
header .nav .sf-menu li a { font-size: 14px;}
.main-header{float: left;
    width: 100%;
    display: flex;
    align-items: center;background:#fff;
    justify-content: space-around;height:90px;
  }
ul.follow_icon a{display:flex;align-items: center; justify-content: center;}
ul.follow_icon{gap:10px; display:flex;}
ul.follow_icon img{width:20px;}
.c_boton {    
	padding: 1.2em 2em;
	background: #9EE235;
	color: white;
	display: inline-block;
	text-decoration: none;

	margin-bottom:40px;

}
.itemportable img
{
	width:264px;
	height:264px;
	margin:0 auto;
}
.itemportable
{
	padding:15px;
	background:#97cc51;
	width:22% !important;
    margin: 0 1%;
}
.itemportable label
{
	margin-top:20px;
	font-weight:600;
}
/*tabs*/
#accordion .panel,
#accordion .panel-heading,
#accordion .panel-title,
#accordion .panel-body {
  border: 0;
}
#accordion p + p{display:none;}
#accordion .panel {
  box-shadow: none;
}
#accordion .panel .panel-heading {
  border-radius: 0;
  background: #e0e0e0;
  padding: 15px;
  margin-bottom:10px;
}
p.panel-title{margin:0;}
#accordion .panel .panel-heading .panel-title a {
  text-decoration: none;
  color:#005749;
	font-size:25px;
}
#accordion .panel .panel-heading .panel-title a span {
  float: right;
  width: 50px;
}
#accordion .panel .panel-heading .panel-title a span:after {
  content: "\2014";
  color: #9EE235;
  font-size: 25px;
	font-weight:bold;
}
#accordion .panel .panel-heading .panel-title a.collapsed span:after {
  content: "+";
  font-size: 20px;
}
.panel-body{padding: 0 15px 15px 15px;}
.advantages li{margin-bottom:10px;}
/*tabs*/
/*-------------- RENTAL --------------*/
.content-internal-rental{max-width:1500px; margin:0 auto;}
  .title-content-rental{font-size:40px !important; line-height:45px; margin-bottom:28px; text-align: center;}
  #portable h2{text-align: center;}
  .text-content-rental{font-size:24px !important; line-height:35px !important; padding-top:30px; color:#1C4D00;}
  .text-content-rental p{font-size:24px !important; line-height:35px !important;}
  .text-content-rental strong{font-size:24px !important; line-height:30px !important;}
  .image-content-rental{margin-top: 100px !important;}

.content-rental-top{display:flex; padding-bottom:45px;}
  .text-rental-area{width:65%; padding-right:30px; padding-top:20px; box-sizing:border-box;}
  .image-rental-area{width:35%; padding-top:40px;}

.testimonial-sec{padding-bottom:45px;}

#map-area-rental{}
#map-area-rental .content-internal-rental{display:flex;}
  .text-map-services{width:50%; font-size:24px !important; line-height:35px !important; padding-top:30px; color:#1C4D00;}
.text-map-services p{font-size:24px !important; line-height:35px !important;}
  .image-map-services{width:50%; padding-top:40px;} 

  .list-services-map{display:flex;}
  .list-services-map ul{width:50%; padding:20px 0px 30px 30px;}
  .list-services-map li{list-style: disc !important;}
 
  .box-get-quote-map{display:flex; align-items: center;}
    .image-get-quote-map{width:100px;}
    .text-get-quote-map{width:80%; padding-left:30px; font-size:30px;}
 
#contact-us-footer{padding-top:50px;}
  .box-contact-us-footer{background:#E0E0E0; padding:30px 30px 10px 30px; display:flex;}
    .box-input-footer-01{width:15%;}
    .box-input-footer-02{width:30%;}
    .box-submit-footer-01{width:25%;}

    .box-contact-us-footer .input-g1{width:95%; height:60px;}
    .box-contact-us-footer .input-g2{width:95%;  height:60px; margin:0px !important; border:0px;}
    .box-contact-us-footer .submit-g1{background:#7EBF25; width:100%;  height:60px; margin-top:0px !important;}

#box-product-image img{
    width: 100%;
}
/*-------------- RENTAL --------------*/

/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/
#content-products{padding:40px 0px;}
#content-products .carousel{display:flex;}
#content-products .box-carousel{width:40%; padding:0px 40px 0px 0px; position:relative;}
#content-products .description-carousel{width:60%; padding:0px;}
#content-products .menu-carousel-bottom{position:relative;}

#content-products .slide_template .carousel ol{bottom: 0; justify-content: left; margin:20px 0 0px; position: relative; width: auto; overflow-x: scroll; overflow-y: hidden; display:flex;}

#content-products .slide_template .carousel .carousel_item_description { padding: 40px; }
#content-products .slide_template .carousel-item img {width: 100% !important; }

#content-products .carousel-control-prev-icon{background-color: #000 !important; padding: 20px 20px 20px 20px; border-radius: 64px; background-size: 60% !important; width: 40px !important; height: 40px !important;}
#content-products .carousel-control-next-icon{background-color: #000 !important; padding: 20px 20px 20px 20px; border-radius: 64px; background-size: 60% !important; width: 40px !important; height: 40px !important;}

#content-products .slide_template .carousel .carousel_control { top:0px; z-index: 99;}

.description-carousel p{font-size:18px; color:#333;}
.description-carousel h2{font-size: 60px; line-height: 60px; color: #303334;}
.hrp{border-top: 1px solid #7dc026;}
.btnprod{padding:1em 2em; background: #7dc026; color: white; display: inline-block; text-decoration: none; margin-bottom: 40px; font-size: 20px;}
.description-carousel ul{padding:0px 20px 0px 30px;}
.description-carousel ul li{list-style:disc; padding:8px 0px; font-size:18px;}

#content-products .slide_template .carousel ol.carousel-indicators li{background: none; color: #CEA532; font-weight: bold; height: 130px; text-align: center; text-indent: inherit; margin: 0 11px 0 0 !important; min-width: 100px;}
#content-products .slide_template .carousel ol.carousel-indicators li img { opacity: 0.3;}
#content-products .slide_template .carousel ol.carousel-indicators li.active img { opacity: 1; }
#content-products .slide_template .carousel .carousel-item{border: 1px solid #e8e8e8; overflow: hidden;}
/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/

.c_boton:hover { text-decoration: none; }

#wedding .c_box_text { padding: 0 5em; }
#wedding .col-sm-7 { margin-top: 0;}

.box-portable-01{height:220px !important; background-size:cover !important; background:url(images/sports-img-box-02.jpg) no-repeat center !important; opacity:1 !important;}
.box-portable-01:hover{height:220px !important;}

.box-portable-02{height:220px !important; background-size:cover !important; background:url(images/wedding-img-box-02.jpg) no-repeat center !important; opacity:1 !important;}
.box-portable-02:hover{height:220px !important;}

.box-portable-03{height:220px !important; background-size:cover !important; background:url(images/construction-img-box-02.jpg) no-repeat center !important; opacity:1 !important;}
.box-portable-03:hover{height:220px !important;}

.box-portable-04{height:220px !important; background-size:cover !important; background:url(images/seasonal-img-box-02.jpg) no-repeat center !important; opacity:1 !important;}
.box-portable-04:hover{height:220px !important;}

@media (max-width: 1499px) {
/*-------------- RENTAL --------------*/
.content-internal-rental{max-width:1024px; margin:0 auto; padding:0px 10px;}
	.title-content-rental{font-size: 32px !important; line-height: 32px; margin-bottom: 20px;}	
	.text-content-rental p{font-size: 20px !important; line-height: 24px !important;}
	.text-content-rental strong{font-size: 20px !important; line-height: 24px !important;}
	
	.testimonial-text br{display:none;}
	
	.text-map-services{font-size: 20px !important; line-height: 24px !important; text-align:center;}
	.text-map-services p{font-size: 20px !important; line-height: 24px !important;}
        
	
	#map-area-rental .content-internal-rental{display: flex; flex-direction: column;}
	  .text-map-services{width:100%;}
	  .image-map-services{width:100%; text-align:center;}
	
	  .list-services-map ul{width: 50%;}
/*-------------- RENTAL --------------*/	
}


@media(min-width:1140px){
/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/
#content-products .slide_template .carousel .carousel-control-prev { left:-40px; z-index: 99999;}
#content-products .slide_template .carousel .carousel-control-next { right:-40px; z-index: 99999;}
/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/
}




@media (max-width: 1023px) {
.content-internal-rental{max-width:768px; margin:0 auto; padding:0px 5px;}
	.content-rental-top{flex-direction:column;}
	.text-rental-area{width:100%; padding-right:0px;}
	.image-rental-area{width:100%; text-align:center;}
	.image-content-rental{margin-top: 70px !important;}
	
	.list-services-map ul{width: 50%;}
	
	.box-contact-us-footer{flex-direction:column;}
	.box-input-footer-01{width:100%;}
	.box-input-footer-02{width:100%;}
	.box-submit-footer-02{width:100%;}
	.box-submit-footer-01{width: 100%;}
	.box-contact-us-footer .input-g1{margin-bottom:21px !important; width:100%;}
	.box-contact-us-footer .input-g2{margin-bottom:21px !important; width:100%;}
}

@media(max-width:992px){
/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/
#content-products .carousel{flex-direction: column-reverse;}
#content-products .box-carousel{width:100%; padding:0px;}
#content-products .description-carousel{width:100%;}

body:not(.page-template-elementor-template) h1{font-size: 50px !important; line-height: 57px !important; text-align:center !important;}
/*-------------- SLIDE TEMPLATE SPECIFIC CSS  ------------------*/
}

@media (max-width: 768px) {
	#wedding .c_box_text { padding: 0 15px; }
}

@media (max-width: 767px) {
.content-internal-rental{max-width:640px; margin:0 auto; padding:0px 5px;}
	.itemportable{width:100% !important ;margin:0 auto;}
	.itemportable img{width:100%;height:auto;}
	.itemportable label{font-size:24px;}
	.title-sec3{font-size: 30px !important;}
	.primary-text{font-size:23px !important; line-height:31px !important;}
}

@media (max-width: 639px) {
.content-internal-rental{max-width:480px; margin:0 auto; padding:0px 8px;}
	
	.primary-text{margin-top:0px !important;}
	#gallery-sec{margin-top:0px !important;}
	#gallery-sec .col-sm-1{margin-top:0px !important;}
	
	.text-content-rental{text-align:center;}
	.image-rental-area{padding-top:0px;}
	.image-content-rental{margin-top: 25px !important;}
	
	.content-rental-top{display: flex; padding-bottom: 0px;}
	
	.list-services-map{flex-direction:column;}
	.list-services-map ul{width: 100%; padding: 0px 0px 0px 30px;}
	
	.title-content-rental{font-size: 28px !important; line-height: 28px; margin-bottom: 20px; text-align: center;}
	.text-map-services p{text-align: center; padding-bottom: 25px;}
	
	.box-get-quote-map{flex-direction:column; padding-top:30px;}
	.text-get-quote-map{width: 100%; padding-left: 0px; font-size: 25px; text-align: center; padding-top: 40px;}

    body:not(.page-template-elementor-template) h1{font-size: 40px !important; line-height: 47px !important;}
.testimonial-text{font-size:16px !important;}
.right-01{width: 44px !important; float: right; clear: both;}
.left-01{float: left !important; width: 40px !important;}
	
	.phone-header::before{display:none !important;}	
}

@media (max-width: 479px) {
.content-internal-rental{max-width:320px; margin:0 auto; padding:0px 8px;}
	.title-content-rental{font-size: 28px !important; line-height: 34px;}
	.box-contact-us-footer{padding: 30px 15px 10px 15px;}
	.box-contact-us-footer .input-g1{height: 50px; padding: 0px 10px 0px 10px; font-size:17px;}
	.box-contact-us-footer .input-g2{height: 50px; padding: 0px 10px 0px 10px; font-size:17px;}
	.box-contact-us-footer .submit-g1{height: 50px; font-size:22px;}
	

	
	/*.col-xs-6{width:100% !important;}*/

.banner-image{padding-top:100px;}
body:not(.page-template-elementor-template) h1{font-size: 30px !important; line-height: 40px !important; text-align: left !important;}
}
.main-image-container{text-align:center;}
.main-image-container .container-text{
	position: absolute;
	left: 50%;
    top: 567px;
    transform: translate(-50%, -50%);
    color: #FFF;
    text-shadow: 1px 1px 7px #666;
    font-weight: 600;
    text-transform: uppercase;

}
   #landing-hero {
        background: url("https://www.gottagopotties.com/wp-content/uploads/2021/08/landing-hero-im-1.png");
        height: 497px;
        background-size: cover;
        margin: auto;

    }

    #landing-2nd-section {
        margin: auto;
        max-width: 1250px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .grey-box {
        border-radius: 20px;
        background-color: #e2e2e2;
        padding: 10px;
        height: 313px;
        text-align: center;

    }
    .grey-box img {
        padding-top: 15px;
    }
    .grey-box .first-text {
        font-size: 25px;
        color: #323232;
        font-weight: 700;
         
        text-align: center;
    }
    .grey-box .second-text {
        font-size: 18px;
        line-height: 27px;
        color: #323232;
        font-weight: 500;
         
        text-align: center;
    }
    #landing-slider {
        padding-top: 100px;
        height: 364px;
        background-color: #a1e14d;
        margin: auto;
        text-align: center;
    }
    .th-text-1 {
        font-size: 25px;
        color: #175643;
        font-weight: 700;
         
    }
    .th-text-2 {
        width: 335px;
        height: 115px;
        font-size: 18px;
        line-height: 27px;
        color: #323232;
        font-weight: 500;
         
    }

    #landing-5th-section {
        margin-top: 80px;
        height: 615px;
        background-color: #175643;
        text-align: center;
        margin: auto;
        padding-top: 85px;
    }
    .fifth-p-1 {
        font-size: 35px;
        color: #ffffff;
        font-weight: 600;
         
        text-align: center;
        text-transform: uppercase;
    }
    .fifth-p-2 {
        font-size: 18px;
        color: #ffffff;
        font-weight: 500;
         
        text-align: center;
    }
    .fifth-p-3 {
        font-size: 18px;
        color: #ffffff;
        font-weight: 500;
         
        text-align: left;
        line-height: 37px;

    }
    #landing-3rd-section {         
        padding-top: 74px;   
        margin-bottom: 100px;
        background: url("https://www.gottagopotties.com/wp-content/uploads/2021/08/learn_about.png");
        height: 306px;
        background-size: cover;
        text-align: center;
    }
    #landing-4th-section {
        max-width: 1250px;
        margin: auto;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .third-p-3 {
        font-size: 25px;
        color: #ffffff;
        font-weight: 700;
        text-align: center;
    }
    .third-btn {
        width: 195px;
        height: 46px;
        background-color: #ffffff;
        font-size: 18px;
        color: #175643;
        font-weight: 600;
         
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mySlides {display: none}

    .mySlides {
        margin-top: -69px;
        z-index: -1;    
    }

/* Slideshow container */
.slideshow-container {
max-width: 1250px;
position: relative;
margin: auto;
top: -30px;
}

/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: #175643;
font-weight: bold;
font-size: 50px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

/* Position the "next button" to the right */
a.next {
right: 0 !important;
border-radius: 3px 0 0 3px;
}
a.prev {
left: 0 !important;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
#landing-slider.prev:hover, #landing-slider.next:hover {
background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
padding-top: 10px;
padding-bottom: 37px;
padding-left: 110px;
padding-right: 110px;    
position: absolute;
bottom: 58px;
width: 100%;
text-align: center;
font-size: 18px;
line-height: 27px;
color: #323232;
font-weight: 500;
	top: 39px;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: #717171;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}

#landing-slider.testimonial-text1 {
        font-size: 35px;
        color: #323232 !important;
        font-weight: 600;
         
        text-align: center;
    }
    .th-img-1 {
        border-radius: 403px 109px 95px 103px;
        margin-left: 120px;
        margin-top: -130px;
    }
    .th-img-2 {
        border-radius: 103px 109px 400px 103px;
        height: 427px;
        width: 510px;
        margin-top: -60px;
    }
    #landing-5th-section {
        margin-top: 80px;
        height: 615px;
        background-color: #175643;
        text-align: center;
        margin: auto;
        padding-top: 85px;
    }
    .lhero-half {
        background: url("https://www.gottagopotties.com/wp-content/uploads/2021/08/Rectangulo-4-1.png");
        height: 497px;
        margin-top: 0px;
    }
    #landing-hero .hero-internal {
        max-width: 1350px;
        margin: auto;
    }
    .page-id-1237 .main-image-container {
        display: none;
    }  
    .landing-hero-h1 {
        font-size: 35px !important;
        color: #323232;
        font-weight: 600;
    }
    .landing-hero-p {
        font-size: 18px;
        line-height: 27px;
        color: #323232;
        font-weight: 600;
         
    }
    .landing-hero-p2 {
        font-size: 35px;
        color: #fffefe;
        font-weight: 600;
         
        text-align: center;
        padding-top: 120px;
    }
    #landing-2nd-section {
        margin: auto;
        max-width: 1250px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .testimonial-title {
        font-size: 35px;
        color: #323232;
        font-weight: 600;
        text-align: center;
        padding-top: 50px;
    }
    .dots-container {
        margin-top: -50px;
    }
    .landing-contact-form {
        max-width: 500px;
        margin: auto;
        text-align: center;     
        margin-top: 25px;
    }
    .landing-contact-form label {
        background-color: white;
        font-size: 18px;
        color: #9c9c9c;
        font-weight: 600;
        font-style: italic;
        font-family: "Montserrat";
    }
    .landing-contact-form input {
        width: 195px;
        height: 46px;
        background-color: #a1e14d;
        color: white;
    }
	@media screen and (min-width:1760px)
{
	.page-template-landing-page .banner-image{
		background-position:center 70% !important;
		    padding-top: 230px !important;
	}
}
@media screen and (min-width:1024px) and (max-width:1480px)
{
    header .nav .sf-menu li a{font-size:12px;}
    .sf-menu > li + li{margin-left: 10px !important;}
    .follow_icon a{width:30px!important;height:30px !important;}
    .button-services {margin-left:0 !important;}
    .buttons-top-header{width:120px;}
    .mbanner img{width:65%;margin:0 auto;}

}
@media screen and (min-width:1024px) and (max-width:1250px)
{
header .brand{width:14%;}
 header .nav .sf-menu li a{font-size:10px;}
    .sf-menu > li + li{margin-left: 8px !important;}
    .follow_icon a{width:20px!important;height:20px !important; font-size:14px !important}
    .button-services {margin-left:0 !important;}
    .buttons-top-header{width:105px !important;}
}