/* Theme Name: ASAP Renovation Ltd Author: Jose Ramirez Author Uri: https://www.behance.net/joseluis37/ Version: 1.0 */ /*- FONTS -*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); /*- Roboto -*/ .rob-ligth{font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal;} .rob-ligth-i{font-family: "Roboto", sans-serif; font-weight: 300; font-style: italic;} .rob{font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal;} .rob-i{font-family: "Roboto", sans-serif; font-weight: 400; font-style: italic;} .rob-med{font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal;} .rob-med-i{font-family: "Roboto", sans-serif; font-weight: 500; font-style: italic;} .rob-bold{font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;} .rob-bold-i{font-family: "Roboto", sans-serif; font-weight: 700; font-style: italic;} /*- FONT SIZE -*/ .fz-12{font-size: 12px;} .fz-14{font-size: 14px;} .fz-16{font-size: 16px;} .fz-18{font-size: 18px;} .fz-20{font-size: 20px;} .fz-22{font-size: 22px;} .fz-24{font-size: 24px;} .fz-26{font-size: 26px;} .fz-30{font-size: 30px;} .fz-35{font-size: 35px;} .fz-40{font-size: 40px;} .fz-50{font-size: 50px;} .fz-60{font-size: 60px;} /*- COLORS -*/ /* Blanco */ .col-blanco{color: #ffffff;} .back-blanco{background-color: #ffffff;} button.back-blanco:focus{background-color: #ffffff;} /* Negro */ .col-negro{color: #000000;} .back-negro{background-color: #000000;} button.back-negro:focus{background-color: #000000;} /* Morado */ .col-morado{color: #6a009a;} .back-morado{background-color: #6a009a;} button.back-morado:focus{background-color: #6a009a;} html, body{overflow-x: hidden !important;} .text-j{text-align: justify;} a{text-decoration: none !important;} a:hover{cursor: pointer;} /* PLACE HOLDER * input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; } /* WebKit * input::-moz-placeholder, textarea::-moz-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; } /* Firefox 19+ */ /*input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border-bottom: 1px solid #040675 !important; box-shadow: 0 1px 0 0 #040675 !important;} .input-field .prefix.active, label.active {color: #040675 !important;} input.valid:not([type]), input.valid:not([type]):focus, input[type="text"].valid:not(.browser-default), input[type="text"].valid:not(.browser-default):focus, input[type="password"].valid:not(.browser-default), input[type="password"].valid:not(.browser-default):focus, input[type="email"].valid:not(.browser-default), input[type="email"].valid:not(.browser-default):focus, input[type="url"].valid:not(.browser-default), input[type="url"].valid:not(.browser-default):focus, input[type="time"].valid:not(.browser-default), input[type="time"].valid:not(.browser-default):focus, input[type="date"].valid:not(.browser-default), input[type="date"].valid:not(.browser-default):focus, input[type="datetime"].valid:not(.browser-default), input[type="datetime"].valid:not(.browser-default):focus, input[type="datetime-local"].valid:not(.browser-default), input[type="datetime-local"].valid:not(.browser-default):focus, input[type="tel"].valid:not(.browser-default), input[type="tel"].valid:not(.browser-default):focus, input[type="number"].valid:not(.browser-default), input[type="number"].valid:not(.browser-default):focus, input[type="search"].valid:not(.browser-default), input[type="search"].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown{border-bottom: 1px solid #040675 !important; box-shadow: 0 1px 0 0 #040675 !important;} .dropdown-content li > a, .dropdown-content li > span{color: #040675 !important;}*/ .dropdown-menu li {position: relative;} .dropdown-menu .dropdown-submenu {display: none;position: absolute;left: 100%;top: -7px;} .dropdown-menu .dropdown-submenu-left {right: 100%;left: auto;} .dropdown-menu > li:hover > .dropdown-submenu {display: block;} /*- HOME -*/ /*#loadPage{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-image: url('http://cige.com.co/wp-content/uploads/2024/05/preload.gif'); background-position: center; background-repeat: no-repeat;}*/ /* Header */ #whatsapp{position: fixed; right: 1%; bottom: 20px;text-align: right;z-index: 999;} #whatsapp a img{width: 70%;} #translate{position: fixed; right: 1%; top: 5px;text-align: right;z-index: 999999;} #separador{height: 80px;} header{background-color: #fff;border-bottom: 1px solid #000;box-shadow: 0 0 8px rgba(0, 0, 0, 0.58);} header nav{padding: 10px 0 0 0 !important;} header nav figure{} header nav figure img{width: 70%;position: relative;left: 15%;} header nav ul.navbar-nav{position: relative;right: 5%;} header nav ul li{} header nav ul li a#navbarServices:after{position: relative;left: -2px;} header nav ul.navbar-nav li.nav-item > a{color: #000;border-radius: 5px;} header nav ul.dropdown-menu{border-left: 7px solid #6a009a;} header nav ul.dropdown-menu li a{} header nav ul.navbar-nav li a:hover{background-color: #6a009a;color: #fff;} /*- SLIDER -*/ #slider{height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;} #slider aside{padding-top: 40vh;padding-left: 6%;width: 50vw;margin-bottom: 15vh;} #slider aside h1{font-size: 45px;text-shadow: 0 0 8px rgba(0, 0, 0, 0.98);margin-bottom: 30px;} #slider aside button{font-size: 20px;border: solid 1px #000;border-radius: 5px;padding: 10px 15px 12px 15px;margin-bottom: 30px;} #slider aside button:hover{box-shadow: 0 0 5px rgba(255,255,255,0.8);} #slider aside > figure{display: flex;margin: 0;} #slider aside > figure a{display: flex;} #slider aside > figure a img{width: 20%;margin-right: 10px;} /*#slider aside figure:nth-child(3){display: flex;margin: 0;} #slider aside figure:nth-child(3) a{display: flex;} #slider aside figure:nth-child(3) a img{width: 20%;margin-right: 10px;} #slider aside figure:last-child{margin-top: 10px;} #slider aside figure:last-child a img{width: 60%;border-radius: 10px;border: solid 1px #7100a5;} #slider aside figure:last-child a img:hover{box-shadow: 0 0 20px rgba(113, 0, 165, 0.83);}*/ #slider aside .hozz_reviews{margin-top: 20px;} #slider aside .hozz_reviews figure a{display: block;width: 45%;text-align: center;} #slider aside .hozz_reviews figure figcaption{font-size: 18px;text-shadow: 0 0 8px rgba(0, 0, 0, 0.98);} #slider aside .hozz_reviews figure:hover figcaption{text-decoration: underline;} #slider aside .hozz_reviews figure img{} #slider aside .hozz_reviews figure:hover img{border-bottom: solid 1px #f6741e;} #slider .row div a{} #slider .row div a:hover{color: #ffffff;} #slider .int-slider{display: flex;} #slider .cont-btns{width: 50vw;padding-top: 50vh;} #slider .cont-btns div:first-child{text-align: center;line-height: 40px;} #slider .cont-btns div:first-child a{font-size: 16px;padding: 8px 14px;margin: 4px;border: solid 1px #000;border-radius: 5px;font-weight: 600;} #slider .cont-btns div:first-child a:hover{box-shadow: 0 0 5px rgba(255,255,255,0.8);color: #fff;} #slider .cont-btns div:nth-child(2){text-align: center;padding-top: 3px;line-height: 40px;word-wrap: break-word;} #slider .cont-btns div:nth-child(2) a{font-size: 16px;padding: 8px 14px;border: solid 1px #000;border-radius: 5px;font-weight: 600;} #slider .cont-btns div:nth-child(2) a:hover{color: #fff;box-shadow: 0 0 5px rgba(255,255,255,0.8);} #slider .cont-btns nav{display: none;} /*- PROUDLY -*/ #proudly{padding: 90px 0 80px 0;background-color: #ececec;} #proudly .container .row .col-md-6 h3{margin: 90px 0 30px 0;padding: 0 0 0 20%;} #proudly .container .row .col-md-6 article{padding: 0 0 0 20%;} #proudly .container .row .col-md-6 figure{text-align: center;} #proudly .container .row .col-md-6 figure img{width: 80%;border-radius: 5px;border: solid 1px #646464;} /*- MINUTE -*/ #minute{padding: 80px 0 70px 0;background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;} #minute .container .row .col-12 h4{margin-bottom: 40px;text-shadow: 0 0 6px rgba(0, 0, 0, 0.89);} #minute .container .row .col-12 article{} #minute .container .row .col-12 article p.fz-24 span a{} #minute .container .row .col-12 article p.fz-24 span a:hover{color: #ffffff;text-decoration: underline !important;} #minute .container .row .col-12 article p.text-center{text-shadow: 0 0 2px rgba(0, 0, 0, 0.89);} #minute .container .row .col-12 article p.text-center button{font-size: 20px;border: solid 1px #000;border-radius: 2px;margin: 0 5px;padding: 8px 20px 12px 20px;} #minute .container .row .col-12 article p.text-center button:hover{box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);} #minute .container .row .col-12 article p.text-center a.back-morado{font-size: 20px;margin: 0 5px;padding: 10px 25px 15px 25px;border-radius: 4px;border: solid 1px #000;} #minute .container .row .col-12 article p.text-center a.back-morado:hover{color: #ffffff;box-shadow: 0 0 5px rgba(255,255,255,0.8);} #minute .container .row .col-12 article p.text-center a:hover{color: #ffffff;} /*- Home Renovations -*/ #home_inter_renovations{margin-top: 70px;} .home_renovations{} .home_renovations .container .row .col-md-6 figure{text-align: center;margin-bottom: 80px;} .home_renovations .container .row .col-md-6 figure img{width: 85%;border-radius: 5px;border: solid 1px #646464;} .home_renovations .container .row .col-md-6 h4{margin-top: 70px;margin-bottom: 20px;} .home_renovations .container .row .col-md-6 article{padding-right: 5%;} .home_renovations .container .row .col-md-6 a{padding: 10px 20px 12px 20px;border-radius: 4px;border: solid 1px #000;position: relative;top: 15px;} .home_renovations .container .row .col-md-6 a:hover{color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.8);} /*- HOME WHY ASAP -*/ #home_why_asap{padding-top: 60px;background-color: #000;padding-bottom: 60px;} #home_why_asap .container .row .col-12 h3{margin-bottom: 50px;} #home_why_asap .container .row .col-12 h3 span{color: #6a009a;font-weight: bold;} #home_why_asap .container .row .col-md-4 article{background-color: #fff;border-radius: 5px;} #home_why_asap .container .row .col-md-4 article figure{} #home_why_asap .container .row .col-md-4 article figure img{width: 20%;margin: 30px 0 5px 0;} #home_why_asap .container .row .col-md-4 article h4{margin-bottom: 25px;} #home_why_asap .container .row .col-md-4 article aside{padding: 0 13% 40px 13%;height: 260px;} #home_why_asap .gallery{padding: 90px 2% 10px 2%;} #home_why_asap .gallery .col-md-3 a{display: block;width: 100%;height: 300px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 5px;border: solid 2px #6a009a;} #home_why_asap .gallery .col-md-3 a:hover{box-shadow: 0 0 15px rgba(255, 255, 255, 0.57);} /*- HOME WHERE WE SERVE -*/ #home_where_we_serve{padding: 100px 0;} #home_where_we_serve .container .row .col-md-12 h3{} #home_where_we_serve .container .row .col-md-12 article{padding: 20px 20% 40px 20%;} #home_where_we_serve .container .row .col-12 aside{margin-bottom: 15px;} #home_where_we_serve .container .row .col-12 span{} #home_where_we_serve .container .row .col-12 button{font-size: 16px;border: solid 1px #000;border-radius: 5px;padding: 7px 20px 7px 20px;margin-top: 30px;} #home_where_we_serve .container .row .col-12 button:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);} /*- OUR TEAM -*/ #our_team{padding: 90px 0 30px 0;background-color: #ececec;} #our_team .row .col-12 h3{} #our_team .row .col-12 article{padding: 0 10%;margin-bottom: 50px;} #our_team .row .owl-carousel{position: relative;} #our_team .row .owl-carousel .item{padding: 15%;} #our_team .row .owl-carousel .item figure{padding: 4%;border: solid 1px #c4c4c4;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.5);} #our_team .row .owl-carousel .item figure img{} #our_team .row .owl-carousel .item figure figcaption{margin-top: 20px;line-height: 18px;} #our_team .row .owl-carousel .item figure figcaption span.rob-med-i{font-size: 13px;} #our_team .row .owl-carousel .owl-nav{} #our_team .row .owl-carousel .owl-nav .owl-prev{position: absolute;top: 35%;font-family: "Roboto", sans-serif;font-weight: 500;font-style: normal;font-size: 50px;left: -30px;} #our_team .row .owl-carousel .owl-nav .owl-next{position: absolute;top: 35%;font-family: "Roboto", sans-serif;font-weight: 500;font-style: normal;font-size: 50px;right: -30px;} /*- FOOTER -*/ footer{padding: 30px 0 5px 0;} footer .row .col-md-3 figure{} footer .row .col-md-3 figure img{width: 70%;margin-top: 50px;} /* footer .row .col-md-3 figure:last-child{} footer .row .col-md-3 figure:last-child img{width: 80%;border-radius: 10px;border: solid 1px #7100a5;} footer .row .col-md-3 figure:last-child img:hover{box-shadow: 0 0 20px rgba(113, 0, 165, 0.83);} */ footer .row .col-md-3:nth-child(2) ul{padding-top: 70px;} footer .row .col-md-3:nth-child(2) ul{padding-top: 70px;} footer .row .col-md-3:nth-child(2) ul li{list-style: none;} footer .row .col-md-3:nth-child(2) ul li a{} footer .row .col-md-3:nth-child(2) ul li a:hover{color: #fff;text-decoration: underline !important;} footer .row .col-md-3:nth-child(3) h5{} footer .row .col-md-3:nth-child(3) ul{} footer .row .col-md-3:nth-child(3) ul li{list-style: none;} footer .row .col-md-3:nth-child(3) ul li a{} footer .row .col-md-3:nth-child(3) ul li a:hover{color: #fff;text-decoration: underline !important;} footer .row .col-md-3:nth-child(4) aside:nth-child(1){margin-bottom: 50px;} footer .row .col-md-3:nth-child(4) aside:nth-child(1) h5{} footer .row .col-md-3:nth-child(4) aside:nth-child(1) ul{} footer .row .col-md-3:nth-child(4) aside:nth-child(1) ul li{list-style: none;} footer .row .col-md-3:nth-child(4) aside:nth-child(1) ul li a{} footer .row .col-md-3:nth-child(4) aside:nth-child(1) ul li a:hover{color: #fff;text-decoration: underline !important;} footer .row .col-md-3:nth-child(4) aside:nth-child(1) ul li a i{} footer .row .col-md-3:nth-child(4) aside:nth-child(2){} footer .row .col-md-3:nth-child(4) aside:nth-child(2) h5{} footer .row .col-md-3:nth-child(4) aside:nth-child(2) .text-center{} footer .row .col-md-3:nth-child(4) aside:nth-child(2) .text-center a{font-size: 25px;margin: 0 3px;} footer .row .col-md-3:nth-child(4) aside:nth-child(2) .text-center a:hover{color: #ffffff;} footer .row .col-md-3:nth-child(4) aside:nth-child(2) .text-center a i{} #author{position: relative;padding: 50px 0 10px 0;} #author:before{content: '';background-color: #fff;position: absolute;top: 30%;width: 60%;left: 20%;height: 2px;border-radius: 100%;} /*- Single Services -*/ #singleServices .back-negro{padding-top: 80px;} #singleServices .container .infoTop .col-12 h2{padding: 0 17%;margin: 100px 0 20px 0;} #singleServices .container .infoTop .col-12 article{padding-left: 17%;padding-right: 8%;} #singleServices .container .infoTop .col-12 figure{text-align: center;} #singleServices .container .infoTop .col-12 figure img{width: 75%;border: solid 2px #6a009a;} #singleServices .container .bathroom{padding: 60px 0 40px 0;} #singleServices .container .bathroom .col-12 figure{} #singleServices .container .bathroom .col-12 figure img{width: 75%;border: solid 2px #6a009a;} #singleServices .container .bathroom .col-12 h3{padding-right: 35%;margin: 10px 0 30px 0;} #singleServices .container .bathroom .col-12 ul{padding: 0;} #singleServices .container .bathroom .col-12 ul li{list-style: none;margin-bottom: 10px;padding-left: 2%;} #singleServices .container .bathroom .col-12 ul li i{position: relative;left: -1%;} #singleServices .gallery{padding: 90px 2% 50px 2%;} #singleServices .gallery .col-md-3 a{display: block;width: 100%;height: 300px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 5px;border: solid 2px #767676;margin-bottom: 25px;} #singleServices .gallery .col-md-3 a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.77);} /*- About -*/ #about{} #about .banner{width: 100%;height: 25vw;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position-y: -20vh;background-position-x: center;} #about .container .parrafo_1{padding-top: 70px;} #about .container .parrafo_1 .col-md-6 h2{padding: 0 2% 34px 20%;margin-top: 40px;} #about .container .parrafo_1 .col-md-6 article{padding: 0 2% 34px 20%;} #about .container .parrafo_1 .col-md-6 button{font-size: 16px;border: solid 1px #000;border-radius: 5px;padding: 10px 15px 12px 15px;margin-left: 20%;} #about .container .parrafo_1 .col-md-6 button:hover{box-shadow: 0 0 5px rgba(255,255,255,0.8);} #about .container .parrafo_1 .col-md-6 figure{} #about .container .parrafo_1 .col-md-6 figure img{width: 80%;border: solid 1px #000;} #about .container .parrafo_2{padding-top: 80px;} #about .container .parrafo_2 .col-md-6.firstOption figure{} #about .container .parrafo_2 .col-md-6.firstOption figure img{width: 80%;border: solid 1px #000;} #about .container .parrafo_2 .col-md-6.secondOption h2{padding-right: 15%;margin-top: 40px;} #about .container .parrafo_2 .col-md-6.secondOption article{padding-right: 15%;margin: 40px 0;} #about .container .parrafo_2 .col-md-6.secondOption figure{} #about .container .parrafo_2 .col-md-6.secondOption figure img{width: 10%;margin: 0 1%;} #about .container .titleTestimonials .col-12 h4{margin: 80px 0px 40px 0;} #about .container .carousel{position: relative;padding-bottom: 50px;} #about .container .carousel .owl-carousel{} #about .container .carousel .owl-carousel .item{background-color: rgba(0, 0, 0, 0.17);margin: 5%;border-radius: 5px;border: solid 1px #000;box-shadow: 0 0 10px rgba(0, 0, 1, 0.56);} #about .container .carousel .owl-carousel .item h4{padding: 28px 5%;} #about .container .carousel .owl-carousel .item article{padding: 0 5%;} #about .container .carousel .owl-carousel .item aside{padding: 15px;} #about .container .carousel .owl-carousel .owl-nav{} #about .container .carousel .owl-carousel .owl-nav .owl-prev{position: absolute;top: 35%;left: -3%;font-size: 35px;} #about .container .carousel .owl-carousel .owl-nav .owl-next{position: absolute;top: 35%;right: -3%;font-size: 35px;} #about .parrafo_3{background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;padding: 90px 0;} #about .parrafo_3 .container .row .col-12{text-align: center;} #about .parrafo_3 .container .row .col-12 h4{text-shadow: 0 0 3px rgba(0, 0, 0, 0.92);} #about .parrafo_3 .container .row .col-12 article{padding: 10px 20px 12px 20px;text-shadow: 0 0 3px rgba(0, 0, 0, 0.92);} #about .parrafo_3 .container .row .col-12 a{padding: 10px 20px 12px 20px;border-radius: 4px;border: solid 1px #000;position: relative;top: 15px;} #about .parrafo_3 .container .row .col-12 a:hover{color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.8);} #about .parrafo_4{padding: 90px 0 110px 0;border-top: 2px solid #000;} #about .parrafo_4 .container .row .col-12{text-align: center;} #about .parrafo_4 .container .row .col-12 h4{margin-bottom: 20px;} #about .parrafo_4 .container .row .col-12 article{padding: 0 20%;} #about .parrafo_4 .container .row .col-12 a{position: relative;top: 30px;border: solid 1px #fff;padding: 10px 35px 12px 35px;border-radius: 5px;color: #fff;} #about .parrafo_4 .container .row .col-12 a:hover{color: #000;background-color: #fff;} /*- Contact Us -*/ #contact{} #contact .banner{width: 100%;height: 25vw;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position-y: -20vh;background-position-x: center;} #contact .container .row .col-12 h3{margin: 60px 0 30px 0;} #contForm{padding: 0 15%;} .contForm form{margin-bottom: 66px;} .contForm form label{width: 100%;} .contForm form input[type="text"], .contForm form input[type="email"]{height: 2.5em;width: 100%;margin-bottom: 17px;border: none;border-bottom: 1px solid #000;} .contForm form textarea{width: 100%;} .contForm form input[type="submit"]{background-color: #6a009a;padding: 10px 20px 12px 20px;border-radius: 4px;border: solid 1px #000;position: relative;top: 15px;color: #fff;} .contForm form input[type="submit"]:hover{color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.8);} /*- Services -*/ #services{} #services .banner{width: 100%;height: 25vw;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position-y: -20vh;background-position-x: center;} #services .container.parrafo_1{} #services .container.parrafo_1 .row .col-md-8 h2{margin-top: 120px;} #services .container.parrafo_1 .row .col-md-8 article{} #services .container.parrafo_1 .row .col-md-8 article h3{font-size: 22px;font-weight: 300;margin: 40px 0 30px 0;} #services .container.parrafo_1 .row .col-md-8 article h3 strong{font-weight: 900;} #services .container.parrafo_1 .row .col-md-8 button{margin-top: 20px;border: solid 1px #000;border-radius: 5px;padding: 7px 20px;margin-bottom: 60px;} #services .row.carousel{} #services .row.carousel .col-md-3 a{display: block;margin: 25px 5%;height: 280px;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;border: solid 1px #000;border-radius: 5px;position: relative;} #services .row.carousel .col-md-3 a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.82);} #services .row.carousel .col-md-3 a h4{position: relative;width: 50%;padding: 3%;} #services .row.carousel .col-md-3 a .mascara{position: absolute;background-color: rgba(0, 0, 0, 0.57);top: -60%;left: -53%;transform: rotate(-136deg);width: 98%;height: 114%;} #services .container.comprenshive{padding-top: 80px;padding-bottom: 10px;} #services .container.comprenshive .row .col-md-6 h4{padding-left: 20%;margin: 60px 0 30px 0;} #services .container.comprenshive .row .col-md-6 h4 span{color: #6a009a;font-weight: 900;} #services .container.comprenshive .row .col-md-6 article{padding-left: 20%;} #services .container.comprenshive .row .col-md-6 figure{text-align: center;} #services .container.comprenshive .row .col-md-6 figure img{width: 75%;border-radius: 5px;border: solid 1px #000;} #services .row.back-negro{margin-bottom: 50px;padding: 30px 2% 50px 2%;} #services .row.back-negro .col-12 h3{margin-bottom: 60px;margin-top: 30px;} #services .row.back-negro .col-md-3 aside{border: solid 1px #6a009a;border-radius: 8px;} #services .row.back-negro .col-md-3 aside figure{} #services .row.back-negro .col-md-3 aside figure img{width: 25%;margin: 25px 0;} #services .row.back-negro .col-md-3 aside h4{margin-bottom: 20px;} #services .row.back-negro .col-md-3 aside article{padding: 0 10%;height: 190px;overflow: hidden;} /* Media Querys */ @media(min-width: 1390px) { } @media(max-width:767px){ #whatsapp a img{width: 55%;} /* header button.navbar-toggler{display: none;} */ header nav a.navbar-brand{margin-right: 0;} header nav figure{text-align: center;} header nav figure img{left: -10px;margin-top: 13px;margin-bottom: 10px;} header nav button.navbar-toggler{position: fixed;top: 50px;font-size: 30px;right: 3%;} header nav button.navbar-toggler:focus{box-shadow: 0 0 5px rgba(0,0,0,0.5);} header nav ul.navbar-nav{right: 0;position: relative;} header nav ul.navbar-nav li.nav-item > a#navbarServices{position: absolute;left: 25%;top: -40px;} .mob-menu-header-holder.mobmenu{position: fixed;} #slider{background-attachment: initial;} #slider aside{width: 70vw;margin-bottom: 10px;padding-top: 50vh;} #slider aside h1{font-size: 25px;} #slider aside button{font-size: 16px;margin-bottom: 20px;padding: 7px 10px 8px 10px;} #slider aside figure:nth-child(3) a img{width: 30%;} #slider aside figure:last-child a img{width: 30%;} #slider .row div a{display: none;} /*#slider .int-slider{display: block;} #slider .cont-btns{padding-top: 0;width: 100%;} #slider .cont-btns div:first-child a{font-size: 14px;margin: 1px;} #slider .cont-btns div:last-child a{font-size: 12px;margin: 1px;}*/ #slider aside .hozz_reviews{position: absolute;width: 100%;left: 0;} #slider aside .hozz_reviews figure a{width: 100%;} #slider .int-slider{display: block;position: relative;} #slider .cont-btns{padding-top: 86px;width: 100%;} #slider .cont-btns div{display: none;} #slider .cont-btns nav{display: block;background-color: #6a009a;padding: 1px 1%;} #slider .cont-btns nav ul{padding: 0;display: flex !important;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;border-bottom: none;} #slider .cont-btns nav ul li{list-style: none;width: auto;padding: 2px 10px;margin: 3px;border: solid 1px #4b1362;border-radius: 5px;} #slider .cont-btns nav ul li a{font-size: 14px;font-weight: 500;} #proudly{padding: 60px 0 50px 0;} #proudly .container .row .col-md-6 h3{padding: 0 5%;margin: 0 0 30px 0;} #proudly .container .row .col-md-6 article{padding: 0 2% 40px 2%;} #proudly .container .row .col-md-6 figure img{width: 90%;} #minute{background-attachment: initial;} #minute .container .row .col-12 article p.text-center button{display: block;margin: auto;} #minute .container .row .col-12 article p.text-center a.back-morado{position: relative;top: 25px;} .home_renovations .container .row .col-md-6 h4{margin-top: 0;padding: 0 2%;} .home_renovations .container .row .col-md-6 article{padding: 0 2%;margin-bottom: 60px;} .home_renovations .container .row .col-md-6 figure img{width: 95%;} #home_why_asap .container .row .col-md-4 article{margin: 5%;} #home_why_asap .container .row .col-md-4 article aside{height: auto;} #home_why_asap .gallery{padding: 50px 2% 10px 2%;} #home_why_asap .gallery .col-md-3 a{margin: 3%;width: 94%;height: 300px;} #home_where_we_serve{padding: 60px 0;} #home_where_we_serve .container .row .col-md-12 article{padding: 20px 2% 40px 2%;} #our_team .row .owl-carousel .item{padding: 5%;} #our_team .row .owl-carousel .owl-nav .owl-prev{left: 0px;top: 80%;} #our_team .row .owl-carousel .owl-nav .owl-next{right: 0;top: 80%;} footer .row .col-md-3 figure img{margin-top: 0;width: 50%;} footer .row .col-md-3:nth-child(2) ul{padding: 10px 2% 40px 2%;} footer .row .col-md-3:nth-child(2) ul li{text-align: center;} footer .row .col-md-3:nth-child(3) ul{padding: 0 2%;margin-bottom: 50px;} footer .row .col-md-3:nth-child(3) ul li{text-align: center;} #separador{height: 120px;} #services .banner, #about .banner, #contact .banner{height: 40vw;background-attachment: initial;background-position: center;} #services .container.parrafo_1 .row .col-md-8 h2{margin-top: 30px;font-size: 30px;} #services .container.comprenshive{padding-top: 40px;} #services .container.comprenshive .row .col-md-6 h4{padding: 0;margin: 0 0 30px 0;text-align: center;} #services .container.comprenshive .row .col-md-6 article{padding: 0 2%;margin-bottom: 30px;} #services .container.comprenshive .row .col-md-6 figure img{margin-bottom: 40px;width: 95%;} #services .row.back-negro .col-12 h3{margin-bottom: 40px;} #services .row.back-negro .col-md-3 aside{margin: 5%;} #singleServices .container .infoTop .col-12 h2{margin: 0px 0 20px 0;padding: 0 1%;} #singleServices .container .infoTop .col-12 article{padding-left: 1%;padding-right: 1%;margin-bottom: 30px;} #singleServices .container .infoTop .col-12 figure img, #singleServices .container .bathroom .col-12 figure img{width: 95%;} #singleServices .container .bathroom .col-12 h3{padding-right: 2%;padding-left: 2%;margin: 10px 0 20px 0;} #singleServices .container .bathroom .col-12 ul{padding-left: 2%;} #about .container .parrafo_1{padding-top: 20px;} #about .container .parrafo_1 .col-md-6 h2{padding: 0 0 18px 0;} #about .container .parrafo_1 .col-md-6 article{padding: 0;margin-bottom: 20px;} #about .container .parrafo_1 .col-md-6 figure img{width: 95%;margin-top: 40px;} #about .container .parrafo_2 .col-md-6.firstOption figure img{width: 95%;} #about .container .parrafo_2 .col-md-6.secondOption h2{padding: 0;} #about .container .parrafo_2 .col-md-6.secondOption article{padding: 0;margin: 20px 0 30px 0;} #about .container .parrafo_2 .col-md-6.secondOption figure img{width: 20%;} .contForm form{padding:0 2%;} .contForm form input[type="submit"]{padding: 10px 45px 12px 45px;color: #fff;} }