.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//bernardotelhados.com.br/wp-content/themes/lps-amxcom/assets/plugins/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap");
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
color: #000;
background: #fff !important;
}
p, span, h1, h2, h3, h4, h5, h6, address {padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5{font-family: 'Open Sans', sans-serif;}
button{cursor: pointer;}
ul {padding: 0px; margin: 0px;}
textarea{resize: none;}
li { list-style: none; padding: 0px; margin: 0px; }
a, a:hover, a:focus { text-decoration: none; outline: none;} .display-none{display: none !important;}
.img-responsive{display: inline-block;}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.elementor-widget:not(:last-child) {
margin-bottom: 10px;
}
.container-fluid {
padding-right: 40px;
padding-left: 40px;
}
.navbar-default {
background-color: transparent;
border-color: #e7e7e7;
border: none;
margin-bottom: 0;
}
nav.navbar.navbar-default.scrolled {
background: #fff;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
}
.navbar-brand>img {
display: block;
width: 200px;
}
.navbar-brand{
height: 100px;
}
ul.nav.navbar-nav.navbar-right {
display: flex;
align-items: center;
justify-content: center;
margin-top: 27px;
}
button.owl-prev button {
border: none;
font-size: 40px;
background: none;
color: #B71B15;
}
button.owl-next button {
border: none;
font-size: 40px;
background: none;
color: #B71B15;
}
button.owl-prev {
left: -90px;
top: 33%;
position: absolute;
}
button.owl-next {
right: -110px;
top: 33%;
position: absolute;
} .margin-none { margin: 0px !important; }
.margin-auto { margin: auto; }
.margin-top-0 { margin-top: 0px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-150 { margin-top: 150px; }
.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-right-0 { margin-right: 0px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-45 { margin-right: 45px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }
.margin-left-0 { margin-left: 0px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-45 { margin-left: 45px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }
@media (max-width: 767px) {
.text-center-xs { text-align: center; }
.text-left-xs { text-align: left; }
.text-justify-xs { text-align: justify; }
.margin-auto-xs { margin: auto; }
.margin-top-xs-0 { margin-top: 0px; }
.margin-top-xs-5 { margin-top: 5px; }
.margin-top-xs-10 { margin-top: 10px; }
.margin-top-xs-15 { margin-top: 15px; }
.margin-top-xs-20 { margin-top: 20px; }
.margin-top-xs-25 { margin-top: 25px; }
.margin-top-xs-30 { margin-top: 30px; }
.margin-top-xs-35 { margin-top: 35px; }
.margin-top-xs-40 { margin-top: 40px; }
.margin-top-xs-45 { margin-top: 45px; }
.margin-top-xs-50 { margin-top: 50px; }
.margin-top-xs-60 { margin-top: 60px; }
.margin-top-xs-70 { margin-top: 70px; }
.margin-top-xs-80 { margin-top: 80px; }
.margin-top-xs-90 { margin-top: 90px; }
.margin-top-xs-100 { margin-top: 100px; }
.margin-bottom-xs-0 { margin-bottom: 0px; }
.margin-bottom-xs-5 { margin-bottom: 5px; }
.margin-bottom-xs-10 { margin-bottom: 10px; }
.margin-bottom-xs-15 { margin-bottom: 15px; }
.margin-bottom-xs-20 { margin-bottom: 20px; }
.margin-bottom-xs-25 { margin-bottom: 25px; }
.margin-bottom-xs-30 { margin-bottom: 30px; }
.margin-bottom-xs-35 { margin-bottom: 35px; }
.margin-bottom-xs-40 { margin-bottom: 40px; }
.margin-bottom-xs-45 { margin-bottom: 45px; }
.margin-bottom-xs-50 { margin-bottom: 50px; }
.margin-bottom-xs-60 { margin-bottom: 60px; }
.margin-bottom-xs-70 { margin-bottom: 70px; }
.margin-bottom-xs-80 { margin-bottom: 80px; }
.margin-bottom-xs-90 { margin-bottom: 90px; }
.margin-bottom-xs-100 { margin-bottom: 100px; }
.margin-bottom-xs-104 { margin-bottom: 104px; }
.margin-right-xs-0 { margin-right: 0px; }
.margin-right-xs-5 { margin-right: 5px; }
.margin-right-xs-10 { margin-right: 10px; }
.margin-right-xs-15 { margin-right: 15px; }
.margin-right-xs-20 { margin-right: 20px; }
.margin-right-xs-25 { margin-right: 25px; }
.margin-right-xs-30 { margin-right: 30px; }
.margin-right-xs-35 { margin-right: 35px; }
.margin-right-xs-40 { margin-right: 40px; }
.margin-right-xs-45 { margin-right: 45px; }
.margin-right-xs-50 { margin-right: 50px; }
.margin-right-xs-60 { margin-right: 60px; }
.margin-right-xs-70 { margin-right: 70px; }
.margin-right-xs-80 { margin-right: 80px; }
.margin-right-xs-90 { margin-right: 90px; }
.margin-right-xs-100 { margin-right: 100px; }
.margin-left-xs-0 { margin-left: 0px; }
.margin-left-xs-5 { margin-left: 5px; }
.margin-left-xs-10 { margin-left: 10px; }
.margin-left-xs-15 { margin-left: 15px; }
.margin-left-xs-20 { margin-left: 20px; }
.margin-left-xs-25 { margin-left: 25px; }
.margin-left-xs-30 { margin-left: 30px; }
.margin-left-xs-35 { margin-left: 35px; }
.margin-left-xs-40 { margin-left: 40px; }
.margin-left-xs-45 { margin-left: 45px; }
.margin-left-xs-50 { margin-left: 50px; }
.margin-left-xs-60 { margin-left: 60px; }
.margin-left-xs-70 { margin-left: 70px; }
.margin-left-xs-80 { margin-left: 80px; }
.margin-left-xs-90 { margin-left: 90px; }
.margin-left-xs-100 { margin-left: 100px; }
.no-margin-xs { margin: 0px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.text-center-sm { text-align: center; }
.text-left-sm { text-align: left; }
.text-justify-sm { text-align: justify; }
.margin-auto-sm { margin: auto; }
.margin-top-sm-0 { margin-top: 0px; }
.margin-top-sm-5 { margin-top: 5px; }
.margin-top-sm-10 { margin-top: 10px; }
.margin-top-sm-15 { margin-top: 15px; }
.margin-top-sm-20 { margin-top: 20px; }
.margin-top-sm-25 { margin-top: 25px; }
.margin-top-sm-30 { margin-top: 30px; }
.margin-top-sm-35 { margin-top: 35px; }
.margin-top-sm-40 { margin-top: 40px; }
.margin-top-sm-45 { margin-top: 45px; }
.margin-top-sm-50 { margin-top: 50px; }
.margin-top-sm-60 { margin-top: 60px; }
.margin-top-sm-70 { margin-top: 70px; }
.margin-top-sm-80 { margin-top: 80px; }
.margin-top-sm-90 { margin-top: 90px; }
.margin-top-sm-100 { margin-top: 100px; }
.margin-bottom-sm-0 { margin-bottom: 0px; }
.margin-bottom-sm-5 { margin-bottom: 5px; }
.margin-bottom-sm-10 { margin-bottom: 10px; }
.margin-bottom-sm-15 { margin-bottom: 15px; }
.margin-bottom-sm-20 { margin-bottom: 20px; }
.margin-bottom-sm-25 { margin-bottom: 25px; }
.margin-bottom-sm-30 { margin-bottom: 30px; }
.margin-bottom-sm-35 { margin-bottom: 35px; }
.margin-bottom-sm-40 { margin-bottom: 40px; }
.margin-bottom-sm-45 { margin-bottom: 45px; }
.margin-bottom-sm-50 { margin-bottom: 50px; }
.margin-bottom-sm-60 { margin-bottom: 60px; }
.margin-bottom-sm-70 { margin-bottom: 70px; }
.margin-bottom-sm-80 { margin-bottom: 80px; }
.margin-bottom-sm-90 { margin-bottom: 90px; }
.margin-bottom-sm-100 { margin-bottom: 100px; }
.margin-right-sm-0 { margin-right: 0px; }
.margin-right-sm-5 { margin-right: 5px; }
.margin-right-sm-10 { margin-right: 10px; }
.margin-right-sm-15 { margin-right: 15px; }
.margin-right-sm-20 { margin-right: 20px; }
.margin-right-sm-25 { margin-right: 25px; }
.margin-right-sm-30 { margin-right: 30px; }
.margin-right-sm-35 { margin-right: 35px; }
.margin-right-sm-40 { margin-right: 40px; }
.margin-right-sm-45 { margin-right: 45px; }
.margin-right-sm-50 { margin-right: 50px; }
.margin-right-sm-60 { margin-right: 60px; }
.margin-right-sm-70 { margin-right: 70px; }
.margin-right-sm-80 { margin-right: 80px; }
.margin-right-sm-90 { margin-right: 90px; }
.margin-right-sm-100 { margin-right: 100px; }
.margin-left-sm-0 { margin-left: 0px; }
.margin-left-sm-5 { margin-left: 5px; }
.margin-left-sm-10 { margin-left: 10px; }
.margin-left-sm-15 { margin-left: 15px; }
.margin-left-sm-20 { margin-left: 20px; }
.margin-left-sm-25 { margin-left: 25px; }
.margin-left-sm-30 { margin-left: 30px; }
.margin-left-sm-35 { margin-left: 35px; }
.margin-left-sm-40 { margin-left: 40px; }
.margin-left-sm-45 { margin-left: 45px; }
.margin-left-sm-50 { margin-left: 50px; }
.margin-left-sm-60 { margin-left: 60px; }
.margin-left-sm-70 { margin-left: 70px; }
.margin-left-sm-80 { margin-left: 80px; }
.margin-left-sm-90 { margin-left: 90px; }
.margin-left-sm-100 { margin-left: 100px; }
.no-margin-sm { margin: 0px !important; }    
} .padding-0 { padding: 0px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-35 { padding: 35px; }
.padding-40 { padding: 40px; }
.padding-45 { padding: 45px; }
.padding-50 { padding: 50px; }
.padding-60 { padding: 60px; }
.padding-70 { padding: 70px; }
.padding-80 { padding: 80px; }
.padding-90 { padding: 90px; }
.padding-100 { padding: 100px; }
.padding-top-0 { padding-top: 0px; }
.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-45 { padding-top: 45px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }
.padding-top-120 { padding-top: 120px; }
.padding-top-150 { padding-top: 150px; }
.padding-bottom-0 { padding-bottom: 0px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-45 { padding-bottom: 45px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-bottom-150 { padding-bottom: 150px; }
.padding-right-0 { padding-right: 0px; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-45 { padding-right: 45px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-80 { padding-right: 80px; }
.padding-right-90 { padding-right: 90px; }
.padding-right-100 { padding-right: 100px; }
.padding-right-130 { padding-right: 130px; }
.padding-left-0 { padding-left: 0px; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-45 { padding-left: 45px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-80 { padding-left: 80px; }
.padding-left-90 { padding-left: 90px; }
.padding-left-100 { padding-left: 100px; }
@media (max-width: 768px) {
.padding-xs-30 {padding: 30px;}
.padding-top-xs-0 { padding-top: 0px; }
.padding-top-xs-5 { padding-top: 5px; }
.padding-top-xs-10 { padding-top: 10px; }
.padding-top-xs-15 { padding-top: 15px; }
.padding-top-xs-20 { padding-top: 20px; }
.padding-top-xs-25 { padding-top: 25px; }
.padding-top-xs-30 { padding-top: 30px; }
.padding-top-xs-35 { padding-top: 35px; }
.padding-top-xs-40 { padding-top: 40px; }
.padding-top-xs-45 { padding-top: 45px; }
.padding-top-xs-50 { padding-top: 50px; }
.padding-top-xs-60 { padding-top: 60px; }
.padding-top-xs-70 { padding-top: 70px; }
.padding-top-xs-80 { padding-top: 80px; }
.padding-top-xs-90 { padding-top: 90px; }
.padding-top-xs-100 { padding-top: 100px; }
.padding-bottom-xs-0 { padding-bottom: 0px; }
.padding-bottom-xs-5 { padding-bottom: 5px; }
.padding-bottom-xs-10 { padding-bottom: 10px; }
.padding-bottom-xs-15 { padding-bottom: 15px; }
.padding-bottom-xs-20 { padding-bottom: 20px; }
.padding-bottom-xs-25 { padding-bottom: 25px; }
.padding-bottom-xs-30 { padding-bottom: 30px; }
.padding-bottom-xs-35 { padding-bottom: 35px; }
.padding-bottom-xs-40 { padding-bottom: 40px; }
.padding-bottom-xs-45 { padding-bottom: 45px; }
.padding-bottom-xs-50 { padding-bottom: 50px; }
.padding-bottom-xs-60 { padding-bottom: 60px; }
.padding-bottom-xs-70 { padding-bottom: 70px; }
.padding-bottom-xs-80 { padding-bottom: 80px; }
.padding-bottom-xs-90 { padding-bottom: 90px; }
.padding-bottom-xs-100 { padding-bottom: 100px; }
.padding-right-xs-0 { padding-right: 0px; }
.padding-right-xs-5 { padding-right: 5px; }
.padding-right-xs-10 { padding-right: 10px; }
.padding-right-xs-15 { padding-right: 15px; }
.padding-right-xs-20 { padding-right: 20px; }
.padding-right-xs-25 { padding-right: 25px; }
.padding-right-xs-30 { padding-right: 30px; }
.padding-right-xs-35 { padding-right: 35px; }
.padding-right-xs-40 { padding-right: 40px; }
.padding-right-xs-45 { padding-right: 45px; }
.padding-right-xs-50 { padding-right: 50px; }
.padding-right-xs-60 { padding-right: 60px; }
.padding-right-xs-70 { padding-right: 70px; }
.padding-right-xs-80 { padding-right: 80px; }
.padding-right-xs-90 { padding-right: 90px; }
.padding-right-xs-100 { padding-right: 100px; }
.padding-left-xs-0 { padding-left: 0px; }
.padding-left-xs-5 { padding-left: 5px; }
.padding-left-xs-10 { padding-left: 10px; }
.padding-left-xs-15 { padding-left: 15px; }
.padding-left-xs-20 { padding-left: 20px; }
.padding-left-xs-25 { padding-left: 25px; }
.padding-left-xs-30 { padding-left: 30px; }
.padding-left-xs-35 { padding-left: 35px; }
.padding-left-xs-40 { padding-left: 40px; }
.padding-left-xs-45 { padding-left: 45px; }
.padding-left-xs-50 { padding-left: 50px; }
.padding-left-xs-60 { padding-left: 60px; }
.padding-left-xs-70 { padding-left: 70px; }
.padding-left-xs-80 { padding-left: 80px; }
.padding-left-xs-90 { padding-left: 90px; }
.padding-left-xs-100 { padding-left: 100px; }
.no-padding-xs { padding: 0px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.padding-top-sm-0 { padding-top: 0px; }
.padding-top-sm-5 { padding-top: 5px; }
.padding-top-sm-10 { padding-top: 10px; }
.padding-top-sm-15 { padding-top: 15px; }
.padding-top-sm-20 { padding-top: 20px; }
.padding-top-sm-25 { padding-top: 25px; }
.padding-top-sm-30 { padding-top: 30px; }
.padding-top-sm-35 { padding-top: 35px; }
.padding-top-sm-40 { padding-top: 40px; }
.padding-top-sm-45 { padding-top: 45px; }
.padding-top-sm-50 { padding-top: 50px; }
.padding-top-sm-60 { padding-top: 60px; }
.padding-top-sm-70 { padding-top: 70px; }
.padding-top-sm-80 { padding-top: 80px; }
.padding-top-sm-90 { padding-top: 90px; }
.padding-top-sm-100 { padding-top: 100px; }
.padding-bottom-sm-0 { padding-bottom: 0px; }
.padding-bottom-sm-5 { padding-bottom: 5px; }
.padding-bottom-sm-10 { padding-bottom: 10px; }
.padding-bottom-sm-15 { padding-bottom: 15px; }
.padding-bottom-sm-20 { padding-bottom: 20px; }
.padding-bottom-sm-25 { padding-bottom: 25px; }
.padding-bottom-sm-30 { padding-bottom: 30px; }
.padding-bottom-sm-35 { padding-bottom: 35px; }
.padding-bottom-sm-40 { padding-bottom: 40px; }
.padding-bottom-sm-45 { padding-bottom: 45px; }
.padding-bottom-sm-50 { padding-bottom: 50px; }
.padding-bottom-sm-60 { padding-bottom: 60px; }
.padding-bottom-sm-70 { padding-bottom: 70px; }
.padding-bottom-sm-80 { padding-bottom: 80px; }
.padding-bottom-sm-90 { padding-bottom: 90px; }
.padding-bottom-sm-100 { padding-bottom: 100px; }
.padding-right-sm-0 { padding-right: 0px; }
.padding-right-sm-5 { padding-right: 5px; }
.padding-right-sm-10 { padding-right: 10px; }
.padding-right-sm-15 { padding-right: 15px; }
.padding-right-sm-20 { padding-right: 20px; }
.padding-right-sm-25 { padding-right: 25px; }
.padding-right-sm-30 { padding-right: 30px; }
.padding-right-sm-35 { padding-right: 35px; }
.padding-right-sm-40 { padding-right: 40px; }
.padding-right-sm-45 { padding-right: 45px; }
.padding-right-sm-50 { padding-right: 50px; }
.padding-right-sm-60 { padding-right: 60px; }
.padding-right-sm-70 { padding-right: 70px; }
.padding-right-sm-80 { padding-right: 80px; }
.padding-right-sm-90 { padding-right: 90px; }
.padding-right-sm-100 { padding-right: 100px; }
.padding-left-sm-0 { padding-left: 0px; }
.padding-left-sm-5 { padding-left: 5px; }
.padding-left-sm-10 { padding-left: 10px; }
.padding-left-sm-15 { padding-left: 15px; }
.padding-left-sm-20 { padding-left: 20px; }
.padding-left-sm-25 { padding-left: 25px; }
.padding-left-sm-30 { padding-left: 30px; }
.padding-left-sm-35 { padding-left: 35px; }
.padding-left-sm-40 { padding-left: 40px; }
.padding-left-sm-45 { padding-left: 45px; }
.padding-left-sm-50 { padding-left: 50px; }
.padding-left-sm-60 { padding-left: 60px; }
.padding-left-sm-70 { padding-left: 70px; }
.padding-left-sm-80 { padding-left: 80px; }
.padding-left-sm-90 { padding-left: 90px; }
.padding-left-sm-100 { padding-left: 100px; }
.no-padding-sm { padding: 0px !important; }    
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media (max-width: 1366px) {
.box-projeto {
width: 20%;
height: 200px;
}
}
.telhado-empresa{
color: #b71b15;
font-size: 65px;
font-weight: 900;
}
.elementor-element.elementor-element-b776b70.elementor-widget.elementor-widget-text-editor {
background: linear-gradient(to left, rgba(255,0,0,0), rgba(124,124,124,1));
}
.calhas .elementor-widget-container {
background: white;
}
.rufos .elementor-widget-container {
background: white;
}
.condutores .elementor-widget-container {
background: white;
}
.row.linha {
margin-top: 45px;
}
p.text-diferenciais {
font-size: 18px;
color: #4d4d4d;
}
.rodape p{
color: #000000;
font-family: Lato;
font-size: 14px;
text-align:center;
}
.footer{
padding: 35px;
}
.form-control {
border: none !important;
background-color: #EFEFEF !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
border-bottom: 1px solid #aeaeae !important;
}
button#formulario-contato-botao {
background: #B71B15;
padding: 15px 25px;
border: 1px solid #630000;
border-radius: 8px;
color: white;
font-family: 'Volkhov';
font-weight: bold;
font-size: 20px;
}
.col-md-12.telhados {
width:706px;
}
.col-md-12.limpeza {
width:706px;
}
.antesdepois .col-md-12 {
padding: 0;
}
.twentytwenty-horizontal {
max-width: 706px;
}
.reforma-telhados .elementor-widget-container {
background: white;
}
.twentytwenty-handle {
width: 150px !important;
margin-left: -78px !important;
}
.twentytwenty-right-arrow {
right: 15% !important;
}
.twentytwenty-left-arrow {
left: 15% !important;
}
p.text-success {
color: white;
margin-top: 9px;
text-align: center;
}
a.link-amx{
color: black;
}
a.link-amx:hover{
color: #B71B15;
}
section.btn-whatsapp a, section.btn-whatsapp a:hover, section.btn-whatsapp a:visited {
position: fixed;
display: flex;
bottom: 15px;
right: 20px;
background: #66be6b;
color: #fff;
padding: 8px 20px;
border-radius: 10px;
font-size: 18px;
font-weight: 700;
z-index: 500;
align-items: center;
}
section.btn-whatsapp span {
margin-left: 10px;
}
.pop-whatsapp {
padding-top: 3px;
}
.img-whatsapp {
width: 25px;
}
@media(max-width: 550px){
.col-md-12.telhados {
width:370px;
}
.col-md-12.limpeza {
width:370px;
}
.twentytwenty-horizontal {
max-width: 370px;
margin: auto;
}
.telhado-empresa{
color: #b71b15;
font-size: 46px;
font-weight: 800;
}
.elementor-element.elementor-element-4475be6.img-seta.elementor-widget.elementor-widget-image img {
transform: rotate(-25deg);
position: relative;
top: 20px;
margin-right: -3px; */
}
.elementor-element.elementor-element-c215bb9.elementor-widget.elementor-widget-text-editor {
background: linear-gradient(to left, rgba(255,0,0,0), rgba(124,124,124,1));
}
}
@media(max-width: 400px){
.col-md-12.telhados {
width:300px;
}
.col-md-12.limpeza {
width:300px;
}
.twentytwenty-horizontal {
max-width: 300px;
margin: auto;
}
.elementor-7 .elementor-element.elementor-element-2d7052c > .elementor-widget-container {
margin: 5px 185px 5px 0px;
}
.elementor-7 .elementor-element.elementor-element-d5ea1ed {
font-size: 27px;
}
}
@media (max-width: 991px) {
button.owl-prev {
left: 0;
top: 10%;
position: relative;
}
button.owl-next {
right: 0;
top: 10%;
position: relative;
}
.owl-nav {
text-align: center;
}
img.images-indivuduais-galeria-6 {
margin-bottom: 25px;
}
}
.telhado-condominio {
color: #b71b15;
font-size: 45px;
font-weight: 900;
}
.servicos-de-excelencia {
color: #b71b15;
font-weight: bold;
font-family: 'Volkhov';
}
.satisfacao-de-cada-cliente {
text-decoration: underline;
color: #b71b15;
font-family: 'Volkhov';
font-weight: bold;
}
.personalizada-e-transparente {
font-family: 'Volkhov';
font-weight: bold;
}
.calhas-rufos {
background: #fff;
padding: 0px 15px;
}
.linha-nova-diferenciais {
display: flex;
align-items: center;
}
p.text-diferenciais-novos {
color: #fff;
font-size: 18px;
}
.galeria-de-imagens-desktop {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.galeria-de-imagens-desktop img {
width: 160px;
}
span.manutencao-pagina-galpao {
font-weight: 800;
text-transform: uppercase;
color: #b71b15;
border-bottom: 2px solid #4C4C4C;
display: inline-block;
}
span.em-galpao-industrial {
color: #b71b15;
font-weight: 800;
}
@media(max-width: 789px){
.galeria-de-imagens-desktop {
flex-direction: column;
}
.twentytwenty-wrapper.twentytwenty-horizontal,
.twentytwenty-container,
.twentytwenty-overlay,
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-container, 
.twentytwenty-container img{
width: auto !important;
height: 162px !important;
}
}
img.images-indivuduais-galeria-5 {
width: 85px;
}
img.images-indivuduais-galeria-3 {
width: 150px;
}
@media(max-width: 789px){
.links__sites__politicas > div > a {
font-size: 14px;
}
}
.link-politica {
color: black;
font-weight: bold;
}	
.link-politica:hover {
color: #b71b15;
}form.dinamizeForm table {border: 0px !important; width: 100%; }
form.dinamizeForm table td {padding-bottom: 10px; border: 0px !important; }
form.dinamizeForm .form-msg-error {border: 1px solid #f00; background-color: #fee; font-size: 11px; font-family: Arial; padding: 3px; margin-top: 4px; }
form.dinamizeForm table td.tdLVM {padding: 0 0 10px 0; }
form.dinamizeForm input[type="text"]{outline:none; width: 100%;}
form.dinamizeForm select{width:100%; overflow:auto;}
form.dinamizeForm select.invi-select{display:none; width:0px; height:0px; border:none;}
form.dinamizeForm textarea{width:100%; height:80px; overflow:auto; resize:vertical;}
form.dinamizeForm div.containerMultiple {width:100%; max-height:82px; overflow:auto; border: 1px solid #bec5cb;}
form.dinamizeForm div.containerMultiple div{white-space: nowrap; }
form.dinamizeForm input.type_PHN_DDI_input{text-align:center;}
form.dinamizeForm .type_PHN_DDI_div {width: 28%; text-align: center; margin-right: 2%!important; position: relative; float: left; }
form.dinamizeForm .type_PHN_NUM_div {width: 70%; position: relative; float: left; } form.dinamizeForm input.type_PHN_DDI{width:18%; text-align:center; margin-right: 2%; }
form.dinamizeForm input.type_PHN_NUM{width:80%; }  form.formIntegration2 *,
form.formIntegration2 *::before,
form.formIntegration2 *::after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.formIntegration2{ width: 100%; margin: 0 auto; }
form.formIntegration2 input[type="text"]{outline:none; width: 100%; }    
form.formIntegration2 select{width:100%; overflow:auto;}
form.formIntegration2 select.invi-select{display:none; width:0px; height:0px; border:none;}
form.formIntegration2 textarea{width:100%; height:80px; overflow:auto; resize:vertical;}
form.formIntegration2 div.containerMultiple {width:100%; overflow:auto; border: 1px solid #bec5cb; padding: 2px; background-color:#FFF; position:relative;}
form.formIntegration2 div.containerMultiple div {min-height: 20px;}   form.formIntegration2 div.containerMultiple div label{white-space:nowrap; display:inline-block; position:relative;}
form.formIntegration2 input.type_PHN_DDI{text-align:center;}
form.formIntegration2 div.div_PHN_DDI {width: 28%; margin-right: 2%; text-align: center; display: inline-block; }
form.formIntegration2 div.div_PHN_NUM {width: 70%; display: inline-block; } form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_DDI {width: 0; display: none; }
form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_NUM {width: 100%; display: inline-block; }
form.formIntegration2 .field-error{border-color: #CC0000!important;}
form.formIntegration2 .g-recaptcha {margin-bottom:5px;}
form.formIntegration2 .DinamizeDivMessageSuccess,
form.formIntegration2 .DinamizeDivMessageAlert,
form.formIntegration2 .DinamizeDivMessageError,
form.formIntegration2 .DinamizeDivCaptchaMessage {display: none; margin: 0px 0px 10px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial; padding: 15px;}
form.formIntegration2 .DinamizeDivMessageSuccess {background-color: rgb(20, 118, 18);}
form.formIntegration2 .DinamizeDivMessageAlert,
form.formIntegration2 .DinamizeDivMessageError,
form.formIntegration2 .DinamizeDivCaptchaMessage { background-color: #ac0000; } form.formIntegration2 div.block {display: block; margin-bottom: 10px; } form.formIntegration2 div.block:last-child {margin-bottom: 0px;}
form.formIntegration2 div.vertical {display: block;}
form.formIntegration2 div.horizontal {display: inline-block; vertical-align: middle;}
form.formIntegration2 div.horizontal.divlabel {width: 28%; margin-right: 2%; text-align: right;}
form.formIntegration2 div.horizontal.divinput {width: 70%}   form.formIntegration2 div.containerAllInline div.block {display: inline-block; margin-right: 5px; margin-bottom: 5px;}
form.formIntegration2 div.containerAllInline div.horizontal.divinput {width: 182px} form.formIntegration2 .submit {position: relative; width: 100%} form.formIntegration2 .submit.class1 {text-align:left;}
form.formIntegration2 .submit.class2 {text-align:left; width: 70%}
form.formIntegration2 .submit.class3 {text-align:center;}
form.formIntegration2 .submit.class4 {text-align:right;}
form.formIntegration2 .submit.class5 {text-align:center;}
form.formIntegration2 .submit.class5 input[type=submit] {width:100%}
form.formIntegration2 .spinner {display: none;} form.formIntegration2.style1 label{ color: #4a5765; font-family: arial; font-size: 14px; }
form.formIntegration2.style1 input[type="text"]{ border: 2px solid #bec5cb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 0 4px transparent; color: #4a5766; font-size: 13px; padding: 9px 6px; height: 38px;}
form.formIntegration2.style1 input[type="submit"]{ -webkit-appearance: none; border: medium none; background-color: #0e6e0e; color: #ffffff; cursor: pointer; font: bold 13px/38px Arial; height: 38px; padding: 0 15px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 0 0;}
form.formIntegration2.style1 div.containerMultiple,
form.formIntegration2.style1 select,
form.formIntegration2.style1 textarea{border: 2px solid #bec5cb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 0 4px transparent; color: #4a5766;}
form.formIntegration2.style1 select{height:40px;}
form.formIntegration2.style1 textarea{max-height: 200px; min-height: 52px;}
form.formIntegration2.style1 .spinner { display: none; bottom: 0; height: 18px; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
form.formIntegration2.style1 .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
form.formIntegration2.style1 .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
form.formIntegration2.style1 .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}  form.formIntegration2.style1 .checkbox-container {display: block; position: absolute !important; padding-left: 22px; margin-bottom: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
form.formIntegration2.style1 .checkbox-container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; top: 0; left: 0;}
form.formIntegration2.style1 .checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #FFF; border: 2px solid #BBB; border-radius: 3px; }
form.formIntegration2.style1 .checkbox-container:hover input ~ .checkmark {border: 2px solid #777; } form.formIntegration2.style1 .checkmark:after {content: ""; position: absolute; display: none; }
form.formIntegration2.style1 .checkbox-container input:checked ~ .checkmark:after {display: block; }
form.formIntegration2.style1 .checkbox-container .checkmark:after {left: 5px; top: 0px; width: 5px; height: 12px; border: solid #555; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } form.formIntegration2.style2 label{ font-family: arial; font-size: 14px; }
form.formIntegration2.style2 input[type="text"] { border: 1px solid #bec5cb; box-shadow: 0 0 0 4px transparent; color: #4a5766; font-size: 13px; padding: 9px 6px;} form.formIntegration2.style2 div.containerMultiple {max-height:82px;}
form.formIntegration2.style2 div.containerMultiple,
form.formIntegration2.style2 select,
form.formIntegration2.style2 textarea {border: 1px solid #bec5cb; box-shadow: 0 0 0 4px transparent; color: #4a5766; }
form.formIntegration2.style2 select{height:40px;}
form.formIntegration2.style2 textarea{max-height: 200px; min-height: 52px;} form.formIntegration2.style2 ::-webkit-input-placeholder { color: #000000; }
form.formIntegration2.style2 ::-moz-placeholder { color: #000000; font-family: arial; }
form.formIntegration2.style2 :-ms-input-placeholder { color: #000000; font-family: arial; }
form.formIntegration2.style2 :-moz-placeholder { color: #000000; font-family: arial; }
form.formIntegration2.style2 .spinner { display: none; bottom: 0; height: 18px; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
form.formIntegration2.style2 .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
form.formIntegration2.style2 .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
form.formIntegration2.style2 .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); }}.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
}
.twentytwenty-container, .twentytwenty-container img {
height: 382px;
width: 100%;
}
.twentytwenty-wrapper.twentytwenty-horizontal,
.twentytwenty-container,
.twentytwenty-overlay,
.twentytwenty-before-label,
.twentytwenty-after-label{
display: block;
width: 706px;
height: 382px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: attr(data-content); }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }