500;700&family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&display=swap');
.main-slider{
position:relative;
overflow:hidden;
background-color:var(--color-three);
padding-left:var(--padding-left-100);
}
.main-slider .slide{
position:relative;
overflow:hidden;
padding:160px 0px 250px;
background-size:cover;
}
.main-slider .image-layer img{
position:absolute;
}
.main-slider .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
filter: grayscale(100%);
background-size:cover;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
background-position:right center;
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.main-slider .active .image-layer{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
.main-slider .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/main-slider/gradient-layer.png) left top repeat-y;
}
.main-slider .content-boxed{
position:relative;
max-width:720px;
z-index:10;
}
.main-slider .content-boxed .inner-box{
position:relative;
}
.main-slider h1{
opacity: 0;
text-transform:uppercase;
color:var(--white-color);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
margin-bottom:var(--margin-bottom-50);
}
.main-slider .active h1{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.main-slider .btns-box{
opacity:0;
transform: translateX(200px);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider .active .btns-box{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.main-slider .play-box{
position:relative;
width:60px;
height:60px;
float:left;
line-height:58px;
text-align:center;
display:inline-block;
font-size:var(--font-20);
color:var(--white-color);
border:1px solid var(--main-color);
}
.main-slider .play-box .ripple,
.main-slider .play-box .ripple:before,
.main-slider .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.main-slider .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.main-slider .play-box .ripple:after{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.main-slider .play-box:hover{
color:var(--white-color);
background-color:var(--main-color);
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
.main-slider .btns-box .theme-btn{
float:left;
margin-right:var(--margin-right-25);
margin-bottom:var(--margin-bottom-15);
}
.main-slider .owl-dots,
.main-slider .owl-nav{
display:none;
}
.main-slider .social-box{
position:absolute;
left:45px;
top:0px;
z-index:10;
width:30px;
writing-mode: vertical-rl;
transform:rotate(180deg);
}
.main-slider .social-box li{
position:relative;
display:inline-block;
margin-top:var(--margin-top-40);
}
.main-slider .social-box li a{
position:relative;
font-weight:500;
font-size:var(--font-14);
color:var(--color-four);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-slider .social-box li a:hover{
color:var(--main-color);
}
.main-slider .social-box li a::before{
transform:rotate(90deg);
display:inline-block;
}
.main-slider .social-box li span{
position:relative;
letter-spacing:3px;
display:inline-block;
text-transform:uppercase;
margin-top:var(--margin-top-5);
font-family: var(--font-family-Jost);
}
.main-slider .scroll-box{
position:absolute;
left:40px;
bottom:0px;
z-index:10;
cursor:pointer;
font-weight:500;
letter-spacing:3px;
writing-mode: vertical-rl;
transform:rotate(180deg);
font-size:var(--font-14);
color:var(--color-four);
text-transform:uppercase;
font-family: var(--font-family-Jost);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-slider .scroll-box .icon{
position:relative;
letter-spacing:3px;
display:inline-block;
font-size:var(--font-18);
text-transform:uppercase;
font-family: "Flaticon";
margin-bottom:var(--margin-bottom-10);
}
.main-slider .scroll-box:hover{
color:var(--main-color);
} .main-slider-two{
position:relative;
overflow:hidden;
}
.main-slider-two .slide{
position:relative;
overflow:hidden;
padding:160px 0px 60px;
background-size:cover;
}
.main-slider-two .content-boxed{
position:relative;
max-width:720px;
z-index:10;
}
.main-slider-two .content-boxed .inner-box{
position:relative;
}
.main-slider-two .title{
opacity: 0;
font-weight:600;
letter-spacing:1px;
font-size:var(--font-18);
text-transform:uppercase;
color:var(--main-color);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-30);
}
.main-slider-two .active .title{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms;
}
.main-slider-two h1{
opacity: 0;
text-transform:uppercase;
color:var(--color-two);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
margin-bottom:var(--margin-bottom-25);
}
.main-slider-two .active h1{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.main-slider-two .text{
opacity: 0;
font-weight:400;
max-width:600px;
line-height:32px;
font-size:var(--font-20);
color:var(--color-five);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-35);
}
.main-slider-two .active .text{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 650ms;
-moz-transition-delay: 650ms;
-ms-transition-delay: 650ms;
-o-transition-delay: 650ms;
transition-delay: 650ms;
}
.main-slider-two .btns-box{
opacity:0;
transform: translateX(200px);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-two .active .btns-box{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.main-slider-two .options{
position:relative;
opacity:0;
transform-origin: top;
transform: translateX(200px);
margin-top:var(--margin-top-150);
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-two .active .options{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.main-slider-two .options li{
position:relative;
font-weight:500;
padding:10px 0px;
display:inline-block;
font-size:var(--font-20);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-60);
margin-right:var(--margin-right-30);
}
.main-slider-two .options li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--color-two);
font-family: "flaticon";
background-color:var(--white-color);
border:1px solid var(--color-nine);
}
.main-slider-two .options li:last-child{
margin-right:var(--margin-zero);
}
.main-slider-two .side-image{
position:absolute;
right:0px;
bottom:0px;
opacity: 0;
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .side-image{
opacity:1;
transform: translateX(0px);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.main-slider-two .side-image img{
filter: grayscale(100%);
}
.main-slider-two .side-image .plus-box:nth-child(2){
position:absolute;
right:8%;
top:50%;
left:auto;
}
.main-slider-two .side-image .plus-box:nth-child(3){
position:absolute;
left:15%;
top:80%;
}
.main-slider-two .side-image .plus-box{
position:absolute;
left:24%;
top:14%;
display:block;
z-index:1;
border-radius:50%;
display:inline-block;
color:var(--main-color);
font-size:var(--font-20);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.main-slider-two .side-image .plus-box .icon{
position:relative;
z-index:99;
width:60px;
height:60px;
line-height:60px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
}
.main-slider-two .side-image .plus-box:after{
position:absolute;
content:'';
left:0px;
width:25px;
height:30px;
top:-22px;
}
.main-slider-two .side-image .plus-box .tooltip-data{
position:absolute;
left: -20px;
bottom: 100%;
width: 200px;
color:var(--white-color);
font-size:var(--font-14);
font-weight: 300;
text-align: center;
opacity: 0;
visibility: hidden;
padding: 20px 20px 10px;
margin-left: -60px;
margin-bottom:var(--margin-bottom-10);
background-color: var(--main-color);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.main-slider-two .side-image .plus-box:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.main-slider-two .side-image .plus-box:hover .tooltip-data{
opacity:1;
visibility:visible;
margin-bottom:var(--margin-bottom-20);
}
.main-slider-two .side-image .plus-box .tooltip-data:after{
position: absolute;
content: '';
top: 100%;
left: 50%;
margin-left: -8px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid var(--main-color);
}
.main-slider-two .side-image .plus-box .tooltip-data li{
position:relative;
color:var(--white-color);
font-size:var(--font-14);
text-align:left;
padding-left:var(--padding-left-20);
margin-bottom:var(--margin-bottom-10);
border:0px;
display:block;
}
.main-slider-two .side-image .plus-box .tooltip-data li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:var(--white-color);
font-size:var(--font-14);
font-family: 'FontAwesome';
}
.main-slider-two .play-box{
position:relative;
width:60px;
height:60px;
float:left;
line-height:58px;
text-align:center;
display:inline-block;
font-size:var(--font-20);
color:var(--main-color);
border:1px solid var(--main-color);
}
.main-slider-two .play-box .ripple,
.main-slider-two .play-box .ripple:before,
.main-slider-two .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.main-slider-two .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.main-slider-two .play-box .ripple:after{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.main-slider-two .play-box:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.main-slider-two .btns-box .theme-btn{
float:left;
margin-right:var(--margin-right-25);
margin-bottom:var(--margin-bottom-15);
}
.main-slider-two .owl-dots{
display:none;
}
.main-slider-two .owl-nav{
position:absolute;
right:0px;
bottom:0px;
}
.main-slider-two .owl-nav .owl-prev,
.main-slider-two .owl-nav .owl-next{
position:relative;
width:90px;
height:90px;
line-height:90px;
text-align:center;
display:inline-block;
font-size:var(--font-26);
font-family: "Flaticon";
color:var(--white-color);
background-color:var(--color-two);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
background-color:var(--main-color);
} .main-slider-three{
position:relative;
overflow:hidden;
}
.main-slider-three .slide{
position:relative;
overflow:hidden;
padding:140px 0px 60px;
background-size:cover;
background-position:center center;
}
.main-slider-three .slide:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/main-slider/gradient-layer.png) left top repeat-y;
}
.main-slider-three .content-boxed{
position:relative;
max-width:720px;
z-index:10;
}
.main-slider-three .content-boxed .inner-box{
position:relative;
}
.main-slider-three h1{
opacity: 0;
text-transform:uppercase;
color:var(--white-color);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
margin-bottom:var(--margin-bottom-35);
}
.main-slider-three .active h1{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms;
}
.main-slider-three .text{
opacity: 0;
font-weight:400;
max-width:600px;
line-height:34px;
font-size:var(--font-20);
color:var(--white-color);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-45);
}
.main-slider-three .active .text{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider-three .btns-box{
opacity:0;
transform: translateX(200px);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .btns-box{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-three .options{
position:relative;
opacity:0;
transform-origin: top;
transform: translateX(200px);
margin-top:var(--margin-top-50);
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .options{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.main-slider-three .options li{
position:relative;
font-weight:600;
padding:10px 0px;
display:block;
color:var(--white-color);
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-25);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-60);
margin-right:var(--margin-right-30);
}
.main-slider-three .options li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
color:var(--white-color);
font-family: "flaticon";
border:1px solid rgba(var(--white-color-rgb), 0.3);
}
.main-slider-three .options li:last-child{
margin-right:var(--margin-zero);
}
.main-slider-three .btns-box .theme-btn{
float:left;
margin-right:var(--margin-right-25);
margin-bottom:var(--margin-bottom-15);
}
.main-slider-three .owl-dots{
display:none;
}
.main-slider-three .owl-nav{
position:absolute;
right:0px;
bottom:0px;
}
.main-slider-three .owl-nav .owl-prev,
.main-slider-three .owl-nav .owl-next{
position:relative;
width:90px;
height:90px;
line-height:90px;
text-align:center;
display:inline-block;
font-size:var(--font-26);
font-family: "Flaticon";
color:var(--white-color);
background-color:var(--color-two);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
background-color:var(--main-color);
} .main-slider-four{
position:relative;
overflow:hidden;
}
.main-slider-four .slide{
position:relative;
overflow:hidden;
padding:0px 0px 100px;
}
.main-slider-four .color-layer{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:45%;
background-color:var(--main-color);
background-repeat:no-repeat;
}
.main-slider-four .content-boxed{
position:relative;
z-index:1;
}
.main-slider-four .content-boxed .inner-box{
position:relative;
padding-top:var(--padding-top-150);
}
.main-slider-four h1{
opacity: 0;
text-transform:uppercase;
color:var(--white-color);
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
margin-bottom:var(--margin-bottom-35);
}
.main-slider-four .active h1{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.main-slider-four .btns-box{
opacity:0;
transform: translateX(200px);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-four .active .btns-box{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.main-slider-four .image-column{
position:relative;
}
.main-slider-four .image-column .inner-column{
position:relative;
margin-left:-360px;
}
.main-slider-four .image-column .video-box{
position:absolute;
left:0px;
z-index:1;
bottom:-120px;
display:inline-block;
opacity: 0;
transform: scale(0.2,1);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-four .active .video-box{
opacity: 1;
transform: scale(1,1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-four .image{
position:relative;
opacity: 0;
transform-origin: top;
transform: translateX(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-four .image img{
position:relative;
max-width:inherit;
width:auto;
}
.main-slider-four .side-image{
position:absolute;
right:0px;
bottom:0px;
}
.main-slider-four .active .image{
opacity:1;
transform: translateX(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider-four .side-image img{
filter: grayscale(100%);
}
.main-slider-four .options{
position:relative;
opacity:0;
max-width:300px;
transform-origin: top;
transform: translateX(200px);
margin-top:var(--margin-top-120);
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-four .active .options{
opacity: 1;
transform: translateX(0px);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.main-slider-four .options li{
position:relative;
font-weight:600;
display:block;
padding:10px 0px;
color:var(--white-color);
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-20);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-60);
margin-right:var(--margin-right-30);
}
.main-slider-four .options li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family: "flaticon";
color:var(--white-color);
border:1px solid rgba(var(--white-color-rgb), 0.3);
}
.main-slider-four .options li:last-child{
margin-right:var(--margin-zero);
}
.main-slider-four .scroll-box{
position:absolute;
right:40px;
bottom:40px;
z-index:10;
cursor:pointer;
font-weight:500;
letter-spacing:3px;
font-size:var(--font-14);
color:var(--color-four);
text-transform:uppercase;
font-family: var(--font-family-Jost);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-slider-four .scroll-box .icon{
position:relative;
top:10px;
letter-spacing:3px;
display:inline-block;
font-family: "Flaticon";
font-size:var(--font-34);
text-transform:uppercase;
color:var(--black-color);
margin-left:var(--margin-left-5);
}
.main-slider-four .scroll-box:hover{
color:var(--main-color);
}
.main-slider-four .scroll-box:before{
position:absolute;
content:'';
right:130%;
top:22px;
height:2px;
width:130px;
background-color:var(--main-color);
}
.main-slider-four .owl-dots,
.main-slider-four .owl-nav{
display:none;
} .info-section{
position:relative;
overflow:hidden;
z-index:10;
margin-top:-135px;
}
.info-section:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:137px;
background-color:var(--color-three);
}
.info-section .inner-container{
position:relative;
margin-right:-160px;
padding:45px 0px 15px 60px;
}
.info-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:150%;
background-color:var(--main-color);
}
.info-section .info-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.info-section .info-column:before{
position:absolute;
content:'';
right:30px;
top:-60px;
bottom:-60px;
width:1px;
border-right:1px solid rgba(var(--white-color-rgb), 0.3);
}
.info-section .info-column:last-child::before{
display:none;
}
.info-section .info-column .inner-column{
position:relative;
}
.info-section .info-column .big-icon{
position:absolute;
right:40px;
bottom:0px;
opacity:0.20;
line-height:1em;
color:var(--white-color);
font-family: "Flaticon";
font-size:var(--font-150);
}
.info-section .info-column .icon{
position:relative;
line-height:1em;
font-size:var(--font-54);
color:var(--white-color);
font-family: "Flaticon";
}
.info-section .info-column h3{
font-weight:500;
font-size:var(--font-28);
color:var(--white-color);
margin-top:var(--margin-top-20);
}
.info-section .info-column .text{
max-width:255px;
line-height:28px;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-15);
} .services-section{
position:relative;
overflow:hidden;
padding:120px 0px 90px;
background-color:var(--color-three);
}
.services-section .owl-dots{
display:none;
}
.services-section .owl-nav{
position:absolute;
right:0px;
top:-120px;
}
.services-section .owl-nav .owl-prev,
.services-section .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-section .owl-nav .owl-prev:hover,
.services-section .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.services-section .inner-container{
position:relative;
}
.services-section .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background-color:var(--color-three);
}
.services-section .owl-carousel .owl-stage-outer{
overflow:visible;
} .service-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block .inner-box{
position:relative;
padding:50px 0px 0px 50px;
background-color:var(--white-color);
}
.service-block .inner-box .icon{
position:relative;
line-height:1em;
color:var(--color-two);
font-size:var(--font-60);
font-family: "Flaticon";
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block .inner-box:hover .icon{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block .inner-box h4{
position:relative;
font-weight:600;
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-15);
}
.service-block .inner-box h4 a{
position:relative;
color:var(--color-two);
}
.service-block .inner-box:hover h4 a{
color:var(--main-color);
}
.service-block .inner-box .text{
color:var(--color-five);
max-width:270px;
line-height:28px;
margin-bottom:var(--margin-bottom-35);
}
.service-block .inner-box .view-detail{
position:relative;
display:block;
font-weight:600;
letter-spacing:3px;
color:var(--white-color);
text-transform:uppercase;
padding:15px 20px 15px 25px;
background-color:var(--color-two);
font-family: var(--font-family-Jost);
}
.service-block .inner-box .view-detail:before{
position:absolute;
content: "\f18d";
right:20px;
font-size:var(--font-12);
color:var(--white-color);
font-family: "Flaticon";
}
.service-block .inner-box:hover .view-detail{
background-color:var(--main-color);
}
.service-block.style-two{
margin-bottom:var(--margin-bottom-60);
}
.service-block.style-two .inner-box{
padding:0px 50px 0px 0px;
background:none;
} .fluid-section-one{
position:relative;
overflow:hidden;
padding:0px 0px 100px;
}
.fluid-section-one:before{
position:absolute;
left:0px;
top:0px;
right:0px;
height:180px;
content:'';
background-color:var(--color-three);
}
.fluid-section-one .color-layer{
position:absolute;
left:50%;
top:50%;
width:100%;
height:100%;
max-width:1170px;
background-color:var(--color-two);
transform:translateX(-50%) translateY(-32%);
}
.fluid-section-one .color-layer:before{
position:absolute;
content:'';
left:95%;
top:0px;
width:200%;
height:100%;
background-color:var(--color-two);
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-one .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
filter: grayscale(100%);
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
filter: grayscale(100%);
}
.fluid-section-one .image-column .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
}
.fluid-section-one .image-column .overlay-box span{
position: absolute;
width:120px;
height: 120px;
left:50%;
top: 50%;
z-index:10;
font-weight:700;
text-align: center;
display: inline-block;
margin-top: -60px;
margin-left:-60px;
line-height:120px;
border-radius:50%;
font-family: "flaticon";
font-size:var(--font-30);
color: var(--main-color);
padding-left:var(--padding-left-5);
background-color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.fluid-section-one .image-column .overlay-box span:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.fluid-section-one .image-column .ripple,
.fluid-section-one .image-column .ripple:before,
.fluid-section-one .image-column .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:120px;
height: 120px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.fluid-section-one .image-column .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.fluid-section-one .image-column .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.fluid-section-one .content-column{
position:relative;
float:right;
width:50%;
z-index:1;
}
.fluid-section-one .content-column .inner-column{
position:relative;
max-width:600px;
width:100%;
float:left;
padding-top:225px;
padding-right:var(--padding-right-15);
padding-left:var(--padding-left-90);
}
.fluid-section-one.style-two{
padding-bottom:var(--padding-zero);
background-color:var(--color-two);
}
.fluid-section-one.style-two:before{
display:none;
}
.fluid-section-one.style-two .content-column{
background-position:left bottom;
background-repeat:no-repeat;
}
.fluid-section-one.style-two .content-column .inner-column{
padding:110px 15px 110px 100px;
} .counter-section{
position:relative;
overflow:hidden;
}
.counter-section .image-layer{
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
background-position:center center;
background-repeat:repeat-x;
}
.counter-section .inner-container{
position:relative;
margin-right:-180px;
padding:60px 0px 30px 100px;
background-color:var(--main-color);
}
.counter-section .inner-container:before{
position:absolute;
content:'';
left:95%;
top:0px;
bottom:0px;
width:150%;
background-color:var(--main-color);
}
.counter-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.counter-block .inner-block{
position:relative;
}
.counter-block .counter{
position:relative;
line-height:1em;
color:var(--white-color);
font-size:var(--font-55);
font-family: var(--font-family-Jost);
}
.counter-block .counter-text:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:21px;
height:21px;
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/icons/stars.png);
background-repeat:no-repeat;
}
.counter-block .counter-text{
position:relative;
font-weight:600;
letter-spacing:2px;
color:var(--white-color);
font-size:var(--font-14);
text-transform:uppercase;
margin-top:var(--margin-top-10);
padding-left:var(--padding-left-30);
font-family: var(--font-family-Jost);
}
.counter-section.style-two{
padding-bottom:var(--padding-bottom-30);
background-color:var(--color-three);
}
.counter-section.style-two .inner-container{
background-color:var(--color-three);
}
.counter-section.style-two .inner-container:before{
display:none;
}
.counter-section.style-two .counter-block .counter{
color:var(--color-two);
}
.counter-section.style-two .counter-block .counter-text{
color:var(--main-color);
}
.counter-section.style-two .counter-block .counter-text:before{
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/icons/stars-1.png);
}
.counter-section.style-three{
padding:80px 0px 50px;
background-color:var(--color-two);
}
.counter-section.style-three .inner-container{
margin-right:0px;
background:none;
padding:0px;
}
.counter-section.style-three .counter-block .counter-text{
color:var(--main-color);
}
.counter-section.style-three .inner-container:before{
display:none;
}
.counter-section.style-three .counter-block .counter-text:before{
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/icons/stars-1.png);
} .project-section{
position:relative;
padding:110px 0px 100px;
}
.project-section .filters{
position:relative;
text-align:right;
margin-top:-80px;
margin-bottom:var(--margin-bottom-80);
}
.project-section .filters li{
position:relative;
font-weight:600;
cursor:pointer;
display:inline-block;
color:var(--color-two);
text-transform:uppercase;
font-size:var(--font-16);
margin-left:var(--margin-left-35);
font-family: var(--font-family-Jost);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-section .filters li span{
position:absolute;
top:-25px;
right:0px;
font-size:var(--font-12);
color:var(--color-four);
}
.project-section .filters li.active,
.project-section .filters li:hover{
color:var(--main-color);
}
.project-section .button-box{
position:relative;
margin-top:var(--margin-top-20);
}
.project-block.mix{
display:none;
}
.project-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project-block .inner-box{
position:relative;
}
.project-block .inner-box .image{
position:relative;
overflow:hidden;
}
.project-block .inner-box .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-block .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.06,1.06) rotate(1deg);
}
.project-block .overlay-box{
position:absolute;
left:0px;
right:0px;
bottom:-220px;
text-align:center;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.project-block .inner-box:hover .overlay-box{
bottom:30px;
}
.project-block .overlay-box .content{
position:relative;
padding:28px 70px;
display:inline-block;
background-color:var(--main-color);
}
.project-block .title{
position:relative;
font-weight:500;
letter-spacing:2px;
color:var(--white-color);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.project-block h4{
font-weight:500;
margin-top:var(--margin-top-10);
}
.project-block h4 a{
position:relative;
color:var(--white-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-block h4 a:hover{
background-size: 100% 100%;
} .testimonial-section{
position:relative;
padding:120px 0px 120px;
}
.testimonial-section .image-layer{
position:absolute;
left:90px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
filter: grayscale(100%);
background-attachment:fixed;
}
.testimonial-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background: rgba(var(--color-two-rgb), 1);
background: linear-gradient(to right, var(--color-two-rgb) 1%, var(--white-color-rgb),0) 100%);
background: linear-gradient(to right, #1C1C1C 0%, rgba(255,255,255,0) 100%);
}
.testimonial-section .color-layer{
position:absolute;
left:0px;
top:100px;
right:0px;
bottom:0px;
background-color:var(--main-color);
background-position:center bottom;
background-repeat:repeat-x;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-section .owl-dots{
position:relative;
margin-top:var(--margin-top-60);
}
.testimonial-section .owl-dots .owl-dot{
position:relative;
width:20px;
height:8px;
opacity:0.20;
display:inline-block;
margin-right:var(--margin-right-15);
background-color:var(--white-color);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
opacity:1;
background-color:var(--main-color);
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .inner-box .info-box{
position:relative;
}
.testimonial-block .inner-box .quote-icon{
position:absolute;
left:0px;
top:0px;
width:34px;
height:34px;
z-index:1;
line-height:34px;
border-radius:50px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--white-color);
font-size:var(--font-14);
background-color:var(--main-color);
}
.testimonial-block .inner-box .info-inner{
position:relative;
font-weight:500;
min-height:94px;
font-size:var(--font-18);
color:var(--color-six);
padding-top:var(--padding-top-35);
padding-left:var(--padding-left-120);
}
.testimonial-block .inner-box .author-image{
position:absolute;
left:0px;
top:0px;
width:94px;
height:94px;
}
.testimonial-block .inner-box .author-image img{
position:relative;
width:100%;
overflow:hidden;
border-radius:50%;
}
.testimonial-block .inner-box .text{
position:relative;
font-weight:500;
line-height:42px;
max-width:735px;
color:var(--white-color);
font-size:var(--font-28);
margin-top:var(--margin-top-50);
font-family: var(--font-family-Jost);
} .clients-section{
position:relative;
padding:100px 0px 100px;
}
.clients-section .image-box{
position:relative;
}
.clients-section .image-box img{
position:relative;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.clients-section .image-box:hover img{
}
.clients-section .owl-nav,
.clients-section .owl-dots{
display:none;
}
.clients-section.style-two{
background-color:var(--color-three);
} .team-section{
position:relative;
padding:0px 0px 100px;
}
.team-section .button-box{
position:relative;
margin-top:var(--margin-top-30);
}
.team-section.style-two{
padding:100px 0px 0px;
}
.team-section.style-two:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:297px;
background-color:var(--color-three);
}
.team-section.style-two .team-block .image img{
filter: grayscale(0%);
}
.team-section.style-three{
padding:100px 0px 100px;
}
.team-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team-block .inner-box{
position:relative;
}
.team-block .image{
position:relative;
overflow:hidden;
}
.team-block .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.05,1.05);
}
.team-block .social-box{
position:absolute;
right:20px;
top:20px;
bottom:20px;
overflow:hidden;
border-radius:50px;
}
.team-block .social-box .share-icon{
position:relative;
width:40px;
height:40px;
z-index:2;
line-height:40px;
border-radius:50%;
text-align:center;
display:inline-block;
font-size:var(--font-16);
color:var(--black-color);
font-family: "Flaticon";
background-color:var(--white-color);
}
.team-block .social-list{
position:absolute;
left:0px;
top:-100%;
width:40px;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block .inner-box:hover .social-list{
top:50px;
}
.team-block .social-list a{
position:relative;
width:40px;
height:40px;
text-align:center;
line-height:40px;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
color:var(--black-color);
background-color:var(--white-color);
margin-bottom:var(--margin-bottom-10);
}
.team-block .social-list a.youtube{
color:#ff0000;
}
.team-block .social-list a.twitter{
color:#1da1f2;
}
.team-block .social-list a.facebook{
color:#4267b2;
}
.team-block .social-list a.instagram{
color:#e73a67;
}
.team-block .lower-content{
position:relative;
padding-top:var(--padding-top-30);
}
.team-block h4{
font-weight:500;
}
.team-block h4 a{
position:relative;
color:var(--black-color);
border-bottom:2px solid var(--black-color);
}
.team-block h4 a:hover{
color:var(--main-color);
}
.team-block .designation{
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-12);
margin-top:var(--margin-top-20);
font-family: var(--font-family-Jost);
}
.team-block .text{
position:relative;
font-weight:400;
line-height:25px;
color:var(--color-five);
font-size:var(--font-15);
margin-top:var(--margin-top-15);
} .fluid-section-two{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
background-color:var(--color-two);
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-two .map-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
filter: grayscale(100%);
}
.fluid-section-two .map-column .map-outer{
position:static;
}
.fluid-section-two .map-column .map-outer iframe{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
width:100%;
height:100%;
}
.fluid-section-two .form-column{
position:relative;
float:right;
width:50%;
z-index:1;
}
.fluid-section-two .form-column .inner-column{
position:relative;
max-width:780px;
width:100%;
float:left;
padding-top:var(--padding-top-100);
padding-left:var(--padding-left-80);
padding-right:var(--padding-right-15);
padding-bottom:var(--padding-bottom-100);
} .default-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:var(--white-color);
height:54px;
font-size:var(--font-16);
border-radius:0px;
background:var(--color-seven);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:2px solid transparent;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
border-color:var(--main-color);
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
color:var(--white-color);
height:175px;
font-size:var(--font-15);
border-radius:0px;
background:var(--color-seven);
resize:none;
border:2px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form .form-group button{
background:none;
}
.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
color: rgba(var(--white-color-rgb), 0.60);
}
.default-form.style-two .form-group input[type="text"],
.default-form.style-two .form-group input[type="password"],
.default-form.style-two .form-group input[type="tel"],
.default-form.style-two .form-group input[type="email"],
.default-form.style-two .form-group select{
border-width:1px;
color: var(--color-two);
font-size:var(--font-15);
background-color:var(--color-three);
font-family:var(--font-family-Roboto);
border-color:rgba(var(--color-two-rgb), 0.07)
}
.default-form.style-two .form-group textarea{
border-width:1px;
color: var(--color-two);
background-color:var(--color-three);
font-family:var(--font-family-Roboto);
border-color:rgba(var(--color-two-rgb), 0.07)
}
.default-form.style-two .form-group textarea::-webkit-input-placeholder,
.default-form.style-two .form-group input::-webkit-input-placeholder{
color: var(--color-four);
}
.default-form.style-three .form-group input[type="text"],
.default-form.style-three .form-group input[type="password"],
.default-form.style-three .form-group input[type="tel"],
.default-form.style-three .form-group input[type="email"],
.default-form.style-three .form-group select{
border-width:1px;
color: var(--color-two);
font-size:var(--font-15);
background-color:var(--white-color);
font-family:var(--font-family-Roboto);
border-color:rgba(var(--color-two-rgb), 0.07)
}
.default-form.style-three .form-group textarea{
border-width:1px;
height:270px;
color: var(--color-two);
background-color:var(--white-color);
font-family:var(--font-family-Roboto);
border-color:rgba(var(--color-two-rgb), 0.07)
}
.default-form.style-three .form-group button{
background:none;
}
.default-form.style-three .form-group textarea::-webkit-input-placeholder,
.default-form.style-three .form-group input::-webkit-input-placeholder{
color: var(--color-four);
} .news-section{
position:relative;
padding:100px 0px 70px;
}
.news-section .gray-color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:var(--color-three);
}
.news-section.style-two{
padding-bottom:var(--padding-bottom-100);
}
.news-section.style-two .sec-title .title{
color:var(--white-color);
}
.news-section.style-two .button-box{
margin-top:var(--margin-top-20);
}
.news-section .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:390px;
background-color:var(--main-color);
background-repeat:repeat;
}
.news-section .owl-dots{
display:none;
}
.news-section .owl-nav{
position:absolute;
right:0px;
top:-125px;
}
.news-section .owl-nav .owl-prev,
.news-section .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:72px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:var(--color-three);
}
.news-section .owl-nav .owl-prev:hover,
.news-section .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.news-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block .inner-box{
position:relative;
}
.news-block .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block .lower-content{
position:relative;
padding-top:var(--padding-top-30)
}
.news-block .title{
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-15);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.news-block .post-date{
position:relative;
font-weight:400;
font-size:var(--font-15);
text-transform:capitalize;
color:var(--color-eightteen);
margin-top:var(--margin-top-15);
padding-left:var(--padding-left-25);
font-family: var(--font-family-Jost);
}
.news-block .post-date:before{
position:absolute;
content:'';
left:0px;
top:0px;
content: "\f163";
font-weight:600;
color:var(--color-two);
font-family: "flaticon";
}
.news-block.style-two .title{
padding:3px 12px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.news-block.style-two h4{
text-transform:capitalize;
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-zero) !important;
}
.news-block h4{
font-weight:500;
margin-top:var(--margin-top-15);
}
.news-block h4 a{
position:relative;
color:var(--black-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block .inner-box:hover h4 a{
color:var(--main-color);
background-size: 100% 100%;
} .newsletter-section{
position:relative;
padding:60px 0px;
background-size:cover;
}
.newsletter-section h3{
top:6px;
font-weight:600;
color:var(--white-color);
}
.email-box{
position:relative;
}
.email-box .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
}
.email-box .form-group input[type="text"],
.email-box .form-group input[type="email"]{
position:relative;
line-height:43px;
padding:10px 15px 10px 35px;
display:block;
font-size:var(--font-16);
height:60px;
width:100%;
color:var(--white-color);
box-shadow:inherit;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-seven);
border:1px solid rgba(var(--white-color-rgb), 0.1);
}
.email-box .form-group input::placeholder,
.email-box .form-group textarea::placeholder{
color:var(--text-color);
}
.email-box .form-group button{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
line-height:60px;
border-radius:50px;
background-color:var(--main-color);
}
.email-box .form-group button i{
position:relative;
top:4px;
width:40px;
height:40px;
line-height:44px;
border-radius:50px;
display:inline-block;
color:var(--main-color);
font-size:var(--font-20);
background-color:var(--white-color);
} .main-footer{
position:relative;
background-color:var(--color-two);
}
.main-footer h6,
.footer-widget h2{
color:var(--white-color);
font-weight:600;
font-size: var(--font-18);
text-transform:uppercase;
margin-bottom:var(--margin-bottom-15);
}
.main-footer h6 a{
color:inherit;
}
.main-footer .widgets-section{
position:relative;
padding:90px 0px 60px;
}
.main-footer .big-column{
position:relative;
}
.main-footer .footer-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.main-footer .career-widget .title{
position:relative;
font-weight:500;
letter-spacing:1px;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--color-eight);
font-family: var(--font-family-Jost);
}
.main-footer .career-widget .phone{
position:relative;
font-weight:600;
letter-spacing:1px;
display:inline-block;
font-size:var(--font-26);
color:var(--white-color);
margin-top:var(--margin-top-25);
padding-left:var(--padding-left-40);
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-25);
}
.main-footer .career-widget .phone:before{
position:absolute;
content: "\f1d6";
left:0px;
top:0px;
font-size:var(--font-26);
color:var(--main-color);
font-family: "flaticon";
}
.main-footer .career-widget .email{
position:relative;
font-weight:400;
font-size:var(--font-20);
color:var(--white-color);
text-decoration:underline;
font-family: var(--font-family-Jost);
}
.main-footer .career-widget .career{
position:relative;
font-weight:500;
letter-spacing:1px;
display:block;
color:var(--white-color);
font-size:var(--font-18);
text-transform:uppercase;
margin-top:var(--margin-top-45);
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-10);
}
.main-footer .career-widget .text{
position:relative;
font-weight:400;
display:block;
line-height:26px;
color:var(--color-eight);
font-size:var(--font-16);
margin-top:var(--margin-top-15);
}
.main-footer .links{
position:relative;
}
.main-footer .links li{
position:relative;
margin-bottom:var(--margin-bottom-10);
}
.main-footer .links li a{
position:relative;
color:var(--color-eight);
font-size:var(--font-16);
}
.main-footer .links li a:hover{
color:var(--main-color);
}
.main-footer .time-schedule{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.main-footer .time-schedule li{
position:relative;
color:var(--color-eight);
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-10);
}
.main-footer .footer-bottom{
position:relative;
padding:25px 0px;
border-top:1px solid rgba(var(--white-color-rgb), 0.1);
}
.main-footer .footer-bottom .copyright-column{
position:relative;
}
.main-footer .footer-bottom .copyright-column .copyright{
position:relative;
color:var(--white-color);
font-size:var(--font-15); 
font-family: 'DM Sans', sans-serif;
}
.main-footer .footer-bottom .copyright-column .copyright a{
position:relative;
color:var(--white-color);
font-family: 'DM Sans', sans-serif;
}
.main-footer .footer-bottom .nav-column{
position:relative;
text-align:right;
}
.main-footer .footer-bottom .nav-column .footer-bottom-nav{
position:relative;
}
.main-footer .footer-bottom .nav-column .footer-bottom-nav li{
position:relative;
line-height:1em;
display:inline-block;
margin-right:var(--margin-right-15);
padding-right:var(--padding-right-15);
}
.main-footer .footer-bottom .nav-column .footer-bottom-nav li a{
position:relative;
color:var(--white-color);
font-size:var(--font-16);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'DM Sans', sans-serif;
}
.main-footer .footer-bottom .nav-column .footer-bottom-nav li a:hover{
color:var(--main-color);
}
.main-footer .footer-bottom .nav-column .footer-bottom-nav li:last-child{
padding-right:var(--padding-zero);
margin-right:var(--margin-zero);
border:0px;
} .banner-section{
position:relative;
background-position:right bottom;
background-repeat:no-repeat;
}
.banner-section .outer-container{
position:relative;
}
.banner-section .left-column{
position:relative;
width:50%;
float:left;
background-color:var(--color-two);
}
.banner-section .left-column .inner-column{
position:relative;
padding-top:var(--padding-top-150);
}
.banner-section .left-column .icon{
position:absolute;
right:50px;
top:50px;
}
.banner-section .left-column .image{
position:relative;
filter: grayscale(100%);
}
.banner-section .right-column{
position:relative;
width:50%;
float:right;
}
.banner-section .right-column .inner-column{
position:relative;
margin-top:-100px;
padding-right:var(--padding-left-15);
padding-left:var(--padding-left-100);
}
.banner-section .right-column h1{
font-size:var(--font-60);
text-transform:uppercase;
}
.banner-section .right-column .text{
position:relative;
line-height:34px;
max-width:490px;
color:var(--color-five);
font-size:var(--font-18);
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-40);
}
.banner-section .scroll-box{
position:absolute;
right:40px;
bottom:0px;
z-index:10;
cursor:pointer;
font-weight:500;
letter-spacing:3px;
writing-mode: vertical-rl;
transform:rotate(180deg);
font-size:var(--font-14);
color:var(--color-four);
text-transform:uppercase;
font-family: var(--font-family-Jost);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.banner-section .scroll-box .icon{
position:relative;
letter-spacing:3px;
display:inline-block;
font-size:var(--font-18);
text-transform:uppercase;
font-family: "Flaticon";
margin-bottom:var(--margin-bottom-10);
}
.banner-section .scroll-box:hover{
color:var(--main-color);
} .contact-info-section{
position:relative;
z-index:1;
}
.contact-info-section:before{
position:absolute;
content:'';
left:90px;
bottom:0px;
right:90px;
height:165px;
background-color:var(--color-three);
}
.contact-info-section .inner-container{
position:relative;
margin-top:-200px;
background-color:var(--main-color);
}
.contact-info-section .info-column{
position:relative;
padding:0px;
float:left;
}
.contact-info-section .info-column .inner-column{
position:relative;
padding:50px 55px;
background-position:left bottom;
background-repeat:no-repeat;
}
.contact-info-section .info-column h3{
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
color:var(--white-color);
text-transform:uppercase;
}
.contact-info-section .info-column .text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-20);
}
.contact-info-section .info-list{
position:relative;
margin-top:var(--margin-top-50);
}
.contact-info-section .info-list li{
position:relative;
margin-bottom:var(--margin-bottom-40);
font-family: var(--font-family-Jost);
}
.contact-info-section .info-list li .icon{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
line-height:48px;
text-align:center;
border-radius:50px;
font-family: "Flaticon";
color:var(--white-color);
font-size:var(--font-18);
border:1px solid rgba(var(--white-color-rgb), 0.3);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.contact-info-section .info-list li:hover .icon{
background-color:var(--white-color);
color:var(--main-color);
}
.contact-info-section .info-list li a{
position:relative;
font-weight:500;
font-size:var(--font-24);
color:var(--white-color);
padding-top:var(--padding-top-10);
padding-left:var(--padding-left-70);
}
.contact-info-section .info-list li:last-child{
margin-bottom:var(--margin-zero);
}
.contact-info-section .video-column{
position:relative;
padding:0px;
float:left;
} .video-box{
position:relative;
}
.video-box .video-image{
position:relative;
margin:0px;
overflow:hidden;
background-color:var(--main-color);
}
.video-box .video-image img{
position:relative;
width:100%;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
filter: grayscale(100%);
}
.video-box:hover .video-image img{
transform:scale(1.05,1.05);
filter: grayscale(0%);
}
.video-box.style-three .video-image img{
filter: grayscale(0%);
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
}
.video-box .overlay-box span{
position: absolute;
width:85px;
height: 85px;
left:50%;
top: 50%;
z-index:10;
font-weight:700;
text-align: center;
display: inline-block;
margin-top: -42px;
margin-left:-42px;
line-height:85px;
border-radius:50%;
font-family: "flaticon";
font-size:var(--font-20);
color: var(--main-color);
padding-left:var(--padding-left-5);
background-color: var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.video-box .overlay-box span:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.video-box.style-two .overlay-box span{
font-size:var(--font-24);
font-family: 'FontAwesome';
color:var(--color-twentyseven);
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:85px;
height: 85px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
} .services-section-two{
position:relative;
overflow:hidden;
padding:100px 0px 100px;
}
.services-section-two:before{
position:absolute;
content:'';
left:90px;
right:90px;
top:0px;
bottom:0px;
background-color:var(--color-three);
}
.services-section-two .service-block-two{
position:relative;
padding:0px 0px;
float:left;
border-right:1px solid var(--color-nine);
border-bottom:1px solid var(--color-nine);
}
.services-section-two .service-block-two:nth-child(4n + 0){
border-right:0px;
}
.services-section-two .inner-container{
position:relative;
}
.services-section-two .inner-container:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
right:0px;
height:2px;
z-index:1;
background-color:var(--color-three);
}
.service-block-two{
position:relative;
}
.service-block-two .inner-box{
position:relative;
padding:45px 40px;
}
.service-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
transform:scale(1,0.3);
background-color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-two.active .inner-box::before{
opacity:1;
transform:scale(1,1);
}
.service-block-two .inner-box .overlay-link{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
display:block;
}
.service-block-two .inner-box .side-icon{
position:absolute;
right:15px;
top:15px;
opacity:0.10;
line-height:1em;
opacity:0;
color:var(--black-color);
font-size:var(--font-70);
font-family: "Flaticon";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-two .inner-box:hover .side-icon{
opacity:0.10;
}
.service-block-two .inner-box .content{
position:relative;
}
.service-block-two .inner-box .icon{
position:relative;
line-height:1em;
color:var(--main-color);
font-size:var(--font-50);
font-family: "Flaticon";
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-two .inner-box h4{
font-weight:500;
color:var(--color-two);
margin-top:var(--margin-top-30);
}
.service-block-two .inner-box:hover .icon{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
} .fluid-section-three{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
}
.fluid-section-three .map-pattern{
position:absolute;
right:0px;
top:0px;
bottom:0px;
width:50%;
background-repeat:no-repeat;
}
.fluid-section-three .outer-container{
position:relative;
}
.fluid-section-three .left-column{
position:relative;
width:50%;
height:100%;
background-position:left bottom;
background-repeat:no-repeat;
background-color:var(--color-two);
}
.fluid-section-three .left-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:right;
padding:100px 15px;
}
.fluid-section-three .left-column .text{
max-width:440px;
}
.fluid-section-three .right-column{
position:relative;
width:50%;
z-index:1;
}
.fluid-section-three .right-column .text{
max-width:500px;
}
.fluid-section-three .right-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:left;
padding-right:var(--padding-right-15);
padding-left:var(--padding-left-110);
}
.fluid-section-three .right-column .option{
position:relative;
}
.fluid-section-three .right-column .option li{
position:relative;
font-weight:500;
padding:10px 0px;
font-size:var(--font-20);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-60);
margin-bottom:var(--margin-bottom-25);
}
.fluid-section-three .right-column .option li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--main-color);
font-family: "flaticon";
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10)
} .booking-section{
position:relative;
padding:110px 0px 110px;
background-color:var(--color-three);
background-position:center bottom;
background-repeat:repeat-x;
}
.booking-section .inner-container{
position:relative;
padding:120px 100px 90px;
background-color:var(--white-color);
}
.booking-section .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:265px;
background-color:var(--main-color);
background-repeat:repeat;
} .project-section-two{
position:relative;
padding:110px 0px 100px;
}
.project-section-two .auto-container{
max-width:1700px;
}
.project-section-two .button-box{
position:relative;
margin-top:var(--margin-top-30);
}
.project-block-two{
position:relative;
margin-bottom:var(--margin-bottom-25);
}
.project-block-two .inner-box{
position:relative;
}
.project-block-two .inner-box .image{
position:relative;
overflow:hidden;
}
.project-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-block-two .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.06,1.06) rotate(1deg);
}
.project-block-two .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.project-block-two .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.project-block-two .overlay-box::before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.project-block-two .inner-box:hover .overlay-box{
}
.project-block-two .overlay-box .content{
position:absolute;
left:40px;
bottom:38px;
display:block;
padding-left:30px;
border-left:3px solid var(--main-color);
}
.project-block-two .title{
position:relative;
font-weight:500;
letter-spacing:2px;
font-size:var(--font-15);
color:var(--main-color);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.project-block-two h4{
font-weight:500;
margin-top:var(--margin-top-5);
}
.project-block-two h4 a{
position:relative;
color:var(--white-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-block-two h4 a:hover{
background-size: 100% 100%;
}
.project-block-two .inner-box .arrow{
position:absolute;
right:5px;
top:5px;
width:64px;
height:64px;
line-height:64px;
text-align:center;
font-family: "Flaticon";
font-size:var(--font-20);
color:var(--white-color);
background-color:var(--main-color);
}
.project-block-two.style-two h4{
font-size:var(--font-35);
}
.project-block-two.style-two .content{
border:none;
padding:var(--padding-zero);
}
.project-block-two.style-three h4{
font-size:var(--font-35);
}
.project-block-two.style-three .image img{
filter: grayscale(0%);
}
.project-block-two.style-three .content{
border:none;
padding:var(--padding-zero);
} .team-section-two{
position:relative;
padding:110px 0px 100px;
background-color:var(--color-three);
}
.team-section-two .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:390px;
background-color:var(--main-color);
background-repeat:repeat;
}
.team-section-two .sec-title .title{
color:var(--white-color);
}
.team-section-two .button-box{
position:relative;
margin-top:var(--margin-top-30);
}
.team-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team-block-two .inner-box{
position:relative;
}
.team-block-two .image{
position:relative;
overflow:hidden;
}
.team-block-two .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.05,1.05);
}
.team-block-two .image::before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.team-block-two .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.team-block-two .lower-content{
position:relative;
padding-top:var(--padding-top-30);
}
.team-block-two h4{
font-weight:500;
}
.team-block-two h4 a{
position:relative;
color:var(--black-color);
border-bottom:2px solid var(--black-color);
}
.team-block-two h4 a:hover{
color:var(--main-color);
}
.team-block-two .designation{
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-12);
margin-top:var(--margin-top-20);
font-family: var(--font-family-Jost);
}
.team-block-two .text{
position:relative;
font-weight:400;
line-height:25px;
color:var(--color-five);
font-size:var(--font-15);
margin-top:var(--margin-top-15);
}
.team-block-two .social-list{
position:relative;
margin-top:var(--margin-top-20);
}
.team-block-two .social-list li{
position:relative;
margin-bottom:var(--margin-bottom-5);
}
.team-block-two .social-list li a{
position:relative;
font-weight:500;
display:inline-block;
color:var(--color-two);
font-size:var(--font-16);
padding-right:var(--padding-right-10);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-family: var(--font-family-Jost);
}
.team-block-two .social-list li a:hover{
color:var(--main-color);
} .fluid-section-four{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
}
.fluid-section-four .outer-container{
position:relative;
}
.fluid-section-four .carousel-column{
position:relative;
width:50%;
height:100%;
background-position:left bottom;
background-repeat:no-repeat;
background-color:var(--color-two);
}
.fluid-section-four .carousel-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:right;
padding:100px 15px;
}
.fluid-section-four .carousel-column .text{
font-size:var(--font-20);
line-height:32px;
max-width:620px;
}
.fluid-section-four .carousel-column  .owl-nav{
display:none;
}
.fluid-section-four .carousel-column .owl-dots{
position:relative;
margin-top:var(--margin-top-50);
}
.fluid-section-four .carousel-column .owl-dots .owl-dot{
position:relative;
width:20px;
height:8px;
opacity:0.20;
display:inline-block;
margin-right:var(--margin-right-15);
background-color:var(--white-color);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.fluid-section-four .carousel-column .owl-dots .owl-dot.active,
.fluid-section-four .carousel-column .owl-dots .owl-dot:hover{
opacity:1;
background-color:var(--main-color);
}
.fluid-section-four .brochure-column{
position:relative;
width:50%;
z-index:1;
}
.fluid-section-four .brochure-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:left;
padding-right:var(--padding-right-15);
padding-left:var(--padding-left-110);
} .brochure-box{
position:relative;
}
.brochure-box .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
}
.brochure-box .form-group input[type="text"],
.brochure-box .form-group input[type="email"]{
position:relative;
height:60px;
width:100%;
display:block;
color: var(--color-two);
font-size:var(--font-16);
padding:10px 15px 10px 30px;
background-color:var(--color-three);
font-family:var(--font-family-Roboto);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-three);
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.brochure-box .form-group input::placeholder,
.brochure-box .form-group textarea::placeholder{
color:var(--text-color);
}
.brochure-box .form-group button{
position:relative;
background:none;
margin-top:var(--margin-top-30);
} .services-section-three{
position:relative;
overflow:hidden;
}
.services-section-three .owl-dots,
.services-section-three .owl-nav{
display:none;
}
.service-block-three{
position:relative;
}
.service-block-three .inner-box{
position:relative;
background-position:left bottom;
background-repeat:repeat;
}
.service-block-three .content-column{
position:relative;
width:50%;
}
.service-block-three .content-column .inner-column{
position:relative;
padding:0px 30px;
}
.service-block-three .content-column .icon{
position:relative;
line-height:1em;
color:var(--main-color);
font-size:var(--font-60);
font-family: "Flaticon";
}
.service-block-three .content-column h4{
position:relative;
font-weight:500;
margin-top:var(--margin-top-30);
}
.service-block-three .content-column h4 a{
position:relative;
color:var(--white-color);
}
.service-block-three .content-column h4 a:hover{
color:var(--main-color);
}
.service-block-three .content-column .text{
position:relative;
line-height:30px;
max-width:325px;
color:var(--color-six);
font-size:var(--font-18);
margin-top:var(--margin-top-15);
}
.service-block-three .image-column{
position:relative;
width:50%;
}
.service-block-three .image-column .image{
position:relative;
overflow:hidden;
}
.service-block-three .image-column .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-three .inner-box:hover .image img{
filter: grayscale(0%);
}
.service-block-three .image-column .image:before{
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
z-index: 1;
}
.service-block-three .inner-box:hover .image::before{
-webkit-animation: shine 1s;
animation: shine 1s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
} .services-section-four{
position:relative;
overflow:hidden;
padding:120px 0px 90px;
}
.services-section-four .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:left bottom;
background-repeat:no-repeat;
}
.services-section-four .owl-dots{
display:none;
}
.services-section-four .owl-nav{
position:absolute;
right:0px;
top:-130px;
}
.services-section-four .owl-nav .owl-prev,
.services-section-four .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-section-four .owl-nav .owl-prev:hover,
.services-section-four .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.services-section-four .inner-container{
position:relative;
}
.services-section-four .inner-container:before{
position:absolute;
content:'';
right:101%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background-color:var(--white-color);
}
.services-section-four .owl-carousel .owl-stage-outer{
overflow:visible;
}
.service-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block-four .inner-box{
position:relative;
padding:50px 0px 0px 50px;
background-color:var(--white-color);
border:1px solid var(--color-nine);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-four .inner-box .icon{
position:relative;
line-height:1em;
color:var(--color-two);
font-size:var(--font-60);
font-family: "Flaticon";
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-four .inner-box:hover .icon{
color:var(--main-color);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-four .inner-box h4{
position:relative;
font-weight:600;
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-15);
}
.service-block-four .inner-box h4 a{
position:relative;
color:var(--color-two);
}
.service-block-four .inner-box:hover h4 a{
color:var(--main-color);
}
.service-block-four .inner-box .text{
color:var(--color-five);
max-width:270px;
line-height:28px;
margin-bottom:var(--margin-bottom-35);
}
.service-block-four .inner-box .arrow{
position:absolute;
right:20px;
top:40px;
opacity:0.12;
display:block;
font-weight:400;
color:var(--black-color);
font-family: "Flaticon";
font-size:var(--font-60);
transform:rotate(-45deg);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-four .inner-box:hover .arrow{
opacity:1;
color:var(--main-color);
}
.service-block-four .inner-box:hover{
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
} .project-section-three{
position:relative;
padding:110px 0px 100px;
}
.project-section-three .owl-dots{
display:none;
}
.project-section-three .owl-nav{
position:absolute;
right:0px;
top:-130px;
}
.project-section-three .owl-nav .owl-prev,
.project-section-three .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-section-three .owl-nav .owl-prev:hover,
.project-section-three .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.project-section-three .inner-container{
position:relative;
}
.project-section-three .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background-color:var(--white-color);
}
.project-section-three .owl-carousel .owl-stage-outer{
overflow:visible;
}
.project-block-three{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project-block-three .inner-box{
position:relative;
}
.project-block-three .inner-box .image{
position:relative;
overflow:hidden;
}
.project-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-block-three .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.06,1.06) rotate(1deg);
}
.project-block-three .inner-box .image::before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.project-block-three .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.project-block-three .lower-content{
position:relative;
padding-top:var(--padding-top-35);
}
.project-block-three .title{
position:relative;
font-weight:500;
letter-spacing:2px;
color:var(--main-color);
text-transform:uppercase;
font-size:var(--font-15);
font-family: var(--font-family-Jost);
}
.project-block-three h4{
font-weight:500;
margin-top:var(--margin-top-5);
}
.project-block-three h4 a{
position:relative;
color:var(--color-two);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-block-three h4 a:hover{
background-size: 100% 100%;
} .appointment-section{
position:relative;
overflow:hidden;
padding:110px 0px 90px;
background-color:var(--color-two);
}
.appointment-section .side-image{
position:absolute;
left:0px;
bottom:0px;
}
.appointment-section .side-image img{
filter: grayscale(100%);
}
.appointment-section .inner-container{
position:relative;
max-width:740px;
width:100%;
float:right;
} .team-section-three{
position:relative;
padding:110px 0px 100px;
}
.team-section-three .inner-container{
position:relative;
}
.team-section-three .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background-color:var(--white-color);
}
.team-section-three .owl-carousel .owl-stage-outer{
overflow:visible;
}
.team-section-three .owl-dots{
display:none;
}
.team-section-three .owl-nav{
position:absolute;
right:0px;
top:-120px;
}
.team-section-three .owl-nav .owl-prev,
.team-section-three .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-section-three .owl-nav .owl-prev:hover,
.team-section-three .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.team-block-three{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team-block-three .inner-box{
position:relative;
}
.team-block-three .image{
position:relative;
overflow:hidden;
}
.team-block-three .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-three .inner-box:hover .image img{
filter: grayscale(0%);
transform:scale(1.05,1.05);
}
.team-block-three .image::before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.team-block-three .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.team-block-three .overlay-box{
position:absolute;
left:50px;
right:50px;
bottom:-250px;
z-index:2;
opacity:0;
text-align:center;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-three .inner-box:hover .overlay-box{
bottom:0px;
opacity:1;
}
.team-block-three .overlay-box .overlay-inner{
position:relative;
padding-top:var(--padding-top-20);
background-color:var(--white-color);
}
.team-block-three h5{
font-weight:500;
}
.team-block-three h5 a{
position:relative;
color:var(--color-two);
}
.team-block-three h5 a:hover{
color:var(--main-color);
}
.team-block-three .designation{
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-12);
margin-top:var(--margin-top-5);
font-family: var(--font-family-Jost);
}
.team-block-three .social-list{
position:relative;
text-align:center;
margin-top:var(--margin-top-20);
border-top:1px solid var(--color-nine);
border-bottom:1px solid var(--color-nine);
}
.team-block-three .social-list li{
position:relative;
display:inline-block;
border-right:1px solid var(--color-nine);
}
.team-block-three .social-list li:last-child{
border-right:none;
}
.team-block-three .social-list li a{
position:relative;
width:60px;
height:60px;
font-weight:400;
text-align:center;
line-height:60px;
display:inline-block;
color:var(--color-two);
font-size:var(--font-18);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-family: 'FontAwesome';
}
.team-block-three .social-list li a:hover{
color:var(--main-color);
} .faq-section{
position:relative;
}
.faq-section .inner-container{
position:relative;
padding:80px 0px 100px;
}
.faq-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:150%;
bottom:0px;
background-color:var(--color-three);
}
.faq-section .sec-title{
position:relative;
z-index:1;
margin-left:var(--margin-left-80);
}
.faq-section .side-image{
position:absolute;
right:0px;
bottom:0px;
}
.faq-section .side-image img{
filter: grayscale(100%);
}
.faq-section .accordion-box{
max-width:600px;
margin-left:var(--margin-left-80);
}
.faq-section .accordion-box .block:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:150%;
opacity:0;
background-color:var(--white-color);
}
.faq-section .accordion-box .block.active-block::before{
opacity:1;
} .accordion-box{
position:relative;
z-index:1;
}
.accordion-box .block{
position: relative;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
margin-bottom:var(--margin-bottom-10);
padding-bottom:var(--padding-bottom-20);
border-bottom:1px solid var(--color-nine);
}
.accordion-box .block.active-block{
padding-top:var(--padding-top-15);
background-color:var(--white-color);
border-color:var(--white-color);
}
.accordion-box .block .acc-btn{
position:relative;
cursor:pointer;
line-height:25px;
font-weight:500;
background:none;
padding:17px 40px 17px 0px;
font-size:var(--font-24);
color:var(--black-color);
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: var(--font-family-Jost);
}
.accordion-box .block .acc-btn.active{
color:var(--main-color);
}
.accordion-box .block .icon-outer{
position:absolute;
right:30px;
top:15px;
width:30px;
height:30px;
font-weight:400;
font-size:var(--font-28);
color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: flaticon;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
right: 0px;
width:30px;
height:30px;
line-height:30px;
text-align: center;
color:var(--black-color);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.accordion-box .block .acc-btn.active .icon{
transform:rotate(180deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;	
}
.accordion-box .block .content{
position:relative;
padding:5px 60px 10px 0px;
}
.accordion-box .block .content .text{
position:relative;
line-height:28px;
color:var(--color-five);
font-size:var(--font-16);
font-family: 'DM Sans', sans-serif;
}
.accordion-box.style-two .block{
padding:10px 30px;
margin-bottom:var(--margin-bottom-25);
border:1px solid rgba(var(--black-color-rgb), 0.07);
}
.accordion-box.style-two .block .icon-outer{
right:0px;
top:12px;
}
.accordion-box.style-two .block .content{
padding:15px 0px 20px;
} .testimonial-section-two{
position:relative;
padding:120px 0px 120px;
background-color:var(--color-two);
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section-two .inner-container{
position:relative;
}
.testimonial-section-two .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:-50px;
width:200%;
z-index:2;
background-color:var(--color-two);
}
.testimonial-section-two .owl-carousel .owl-stage-outer{
overflow:visible;
}
.testimonial-section-two .owl-dots{
display:none;
}
.testimonial-section-two .owl-nav{
position:absolute;
right:0px;
top:-125px;
}
.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--white-color);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.testimonial-block-two{
position:relative;
margin-bottom:var(-margin-bottom-30);
}
.testimonial-block-two .inner-box{
position:relative;
padding:45px 30px 60px;
background-color:var(--color-seven);
}
.testimonial-block-two .inner-box .info-box{
position:relative;
}
.testimonial-block-two .inner-box .quote-icon{
position:absolute;
left:30px;
bottom:-13px;
z-index:1;
display:inline-block;
font-family: "Flaticon";
color:var(--main-color);
font-size:var(--font-44);
}
.testimonial-block-two .inner-box .info-inner{
position:relative;
font-weight:500;
min-height:94px;
font-size:var(--font-20);
color:var(--white-color);
padding-top:var(--padding-top-25);
padding-left:var(--padding-left-120);
font-family: var(--font-family-Jost);
}
.testimonial-block-two .inner-box i{
position:relative;
font-style:normal;
display:block;
color:var(--color-ten);
font-size:var(--font-14);
margin-top:var(--margin-top-10);
}
.testimonial-block-two .inner-box .author-image{
position:absolute;
left:0px;
top:0px;
width:94px;
height:94px;
}
.testimonial-block-two .inner-box .author-image img{
position:relative;
width:100%;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-two .inner-box .text{
position:relative;
font-weight:400;
line-height:28px;
color:var(--color-six);
font-size:var(--font-16);
margin-top:var(--margin-top-25);
font-family: 'DM Sans', sans-serif;
} .news-section-two{
position:relative;
padding:0px 0px 70px;
}
.news-section-two .inner-container{
position:relative;
margin-right:-150px;
}
.news-section-two .owl-dots{
display:none;
}
.news-section-two .owl-nav{
position:absolute;
right:150px;
top:-125px;
}
.news-section-two .owl-nav .owl-prev,
.news-section-two .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:72px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:var(--color-three);
}
.news-section-two .owl-nav .owl-prev:hover,
.news-section-two .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.news-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block-two .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block-two .content{
position:relative;
padding-left:var(--padding-left-30);
width:calc(100% - 200px);
}
.news-block-two .post-date{
position:relative;
font-weight:500;
color:var(--color-five);
font-size:var(--font-15);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.news-block-two h4{
font-weight:500;
line-height:30px;
margin-top:var(--margin-top-10);
}
.news-block-two h4 a{
position:relative;
color:var(--black-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block-two .inner-box:hover h4 a{
color:var(--main-color);
background-size: 100% 100%;
}
.news-block-two .text{
position:relative;
line-height:28px;
color:var(--color-five);
margin-top:var(--margin-top-10);
}
.news-block-two .post-meta{
position:relative;
margin-top:var(--margin-top-10);
}
.news-block-two .post-meta li{
position:relative;
display:inline-block;
margin-right:var(--margin-right-20);
padding-left:var(--padding-left-25);
}
.news-block-two .post-meta li span{
position:absolute;
left:0px;
top:3px;
line-height:1em;
color:var(--main-color);
font-size:var(--font-16);
font-family: "Flaticon";
}
.news-block-two .post-meta li:last-child{
margin-right:var(--margin-zero);
} .mobile-menu .search-box .form-group{
position:relative;
margin:0px;
margin-bottom:var(--margin-bottom-10);
}
.mobile-menu .search-box .form-group input[type="text"],
.mobile-menu .search-box .form-group input[type="search"]{
position:relative;
line-height:43px;
padding:10px 50px 10px 25px;
display:block;
font-size:var(--font-16);
width:100%;
height:54px;
font-weight:500;
background:none;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: var(--font-family-Jost);
}
.mobile-menu .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:56px;
width:60px;
display:block;
font-size:16px;
color:var(--white-color);
cursor:pointer;
line-height:100%;
font-weight:normal;
background:none;
font-family: "Flaticon";
}
.mobile-menu .search-box .form-group input[type="text"]:focus,
.mobile-menu .search-box .form-group input[type="search"]:focus{
border-color:var(--main-color);
}
.mobile-menu .search-box .form-group input::-webkit-input-placeholder{
color:var(--white-color);
}
.sidebar-menu-page{
padding-left:300px;
} .about-section{
position:relative;
padding:100px 0px 70px;
}
.about-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section .content-column .inner-column{
position:relative;
padding-right:var(--padding-right-90);
}
.about-section .content-column .about-list{
position:relative;
}
.about-section .content-column .about-list li{
position:relative;
font-weight:500;
font-size:var(--font-18);
font-family: 'DM Sans', sans-serif;
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-20);
}
.about-section .content-column .about-list li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
display:inline-block;
font-size:var(--font-16);
color:var(--main-color);
font-family: "flaticon";
}
.about-section .content-column .about-list li:last-child{
margin-bottom:var(--margin-zero);
}
.about-section .content-column .button-box{
position:relative;
margin-top:var(--margin-top-50);
}
.about-section .video-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section .video-column .inner-column{
position:relative;
margin-right:-170px;
} .services-section-five{
position:relative;
overflow:hidden;
padding:130px 0px 10px;
background-color:var(--color-two);
}
.service-block-five{
position:relative;
margin-bottom:var(--margin-bottom-100);
}
.service-block-five .inner-box{
position:relative;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-five .inner-box .service-number{
position:absolute;
left:5px;
top:-30px;
width:46px;
height:46px;
z-index:1;
line-height:46px;
font-weight:500;
text-align:center;
border-radius:50px;
font-size:var(--font-18);
color:var(--white-color);
background-color:var(--main-color);
}
.service-block-five .inner-box .icon{
position:relative;
line-height:1em;
color:var(--white-color);
font-size:var(--font-64);
font-family: "Flaticon";
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-five .inner-box:hover .icon{
color:var(--main-color);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-five .inner-box h4{
position:relative;
font-weight:500;
margin-top:var(--margin-top-30);
}
.service-block-five .inner-box h4 a{
position:relative;
color:var(--white-color);
}
.service-block-five .inner-box:hover h4 a{
color:var(--main-color);
}
.service-block-five .inner-box .text{
color:var(--color-six);
max-width:270px;
line-height:28px;
font-size:var(--font-16);
margin-top:var(--margin-top-30);
} .project-section-four{
position:relative;
padding:110px 0px 0px;
}
.project-section-four .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:420px;
background-color:var(--main-color);
background-position:center bottom;
background-repeat:repeat-x;
}
.project-section-four .sec-title .title{
color:var(--white-color);
}
.project-section-four .project-block-two{
float:left;
padding:var(--padding-zero);
margin-bottom:var(--margin-zero);
}
.project-section-four .button-box{
position:relative;
margin-top:var(--margin-top-100);
} .testimonial-section-three{
position:relative;
padding:120px 0px 120px;
background-color:var(--color-two);
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section-three .owl-dots{
display:none;
}
.testimonial-section-three .owl-nav{
position:absolute;
left:0px;
right:0px;
top:12%;
}
.testimonial-section-three .owl-nav .owl-prev{
position:absolute;
left:0px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family: "Flaticon";
color:var(--white-color);
font-size:var(--font-24);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:rgba(var(--white-color-rgb), 0.04);
}
.testimonial-section-three .owl-nav .owl-next{
position:absolute;
right:0px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
font-family: "Flaticon";
color:var(--white-color);
font-size:var(--font-24);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:rgba(var(--white-color-rgb), 0.04);
}
.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
text-align:center;
}
.testimonial-block-three .inner-box .info-box{
position:relative;
}
.testimonial-block-three .inner-box span{
position:relative;
font-style:normal;
display:block;
color:var(--white-color);
font-size:var(--font-16);
margin-top:var(--margin-top-25);
font-family: var(--font-family-Jost);
}
.testimonial-block-three .inner-box .author-image{
position:relative;
display:inline-block;
}
.testimonial-block-three .inner-box .author-image .quote-icon{
position:absolute;
right:0px;
top:0px;
z-index:1;
width:32px;
height:32px;
line-height:32px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.testimonial-block-three .inner-box .author-image img{
position:relative;
width:94px;
height:94px;
margin:0 auto;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-three .inner-box .text{
position:relative;
font-weight:500;
line-height:40px;
max-width:900px;
width:100%;
margin:0 auto;
color:var(--white-color);
font-size:var(--font-22);
margin-top:var(--margin-top-25);
font-family: 'DM Sans', sans-serif;
margin-bottom:var(--margin-bottom-60);
} .booking-section-two{
position:relative;
padding:110px 0px 0px;
}
.booking-section-two .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:420px;
background-color:var(--main-color);
background-position:center bottom;
background-repeat:repeat-x;
}
.booking-section-two .sec-title .title{
color:var(--white-color);
}
.booking-section-two .image-column{
position:relative;
padding:0px;
float:left;
}
.booking-section-two .image-column .inner-column{
position:relative;
margin-left:-352px;
}
.booking-section-two .image-column img{
position:relative;
width:100%;
display:block;
}
.booking-section-two .form-column{
position:relative;
padding:0px;
float:left;
}
.booking-section-two .form-column .inner-column{
position:relative;
padding:70px 70px;
margin-top:-185px;
background-color:var(--white-color);
} .news-section-three{
position:relative;
padding:110px 0px 110px;
background-color:var(--color-three);
}
.mobile-menu-visible .sidebar-menu-page .mobile-menu{
visibility:visible;
}
.news-section-three .button-box{
position:relative;
margin-top:var(--margin-top-40);
}
.news-section-three .news-block-three{
padding:0px;
float:left;
}
.news-block-three{
position:relative;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block-three .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block-three .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.news-block-three .overlay-box::before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.news-block-three .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.news-block-three .overlay-inner{
position:absolute;
left:30px;
bottom:30px;
right:30px;
}
.news-block-three .upper-box{
position:relative;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
transform:translateY(40px);
}
.news-block-three .inner-box:hover .upper-box{
transform:translateY(0px);
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.news-block-three .post-date{
position:relative;
font-weight:600;
color:var(--white-color);
font-size:var(--font-12);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.news-block-three .post-date span{
position:relative;
font-weight:400;
margin-left:var(--margin-left-5);
}
.news-block-three h5{
font-weight:500;
line-height:30px;
margin-top:var(--margin-top-20);
}
.news-block-three h5 a{
position:relative;
color:var(--white-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block-three .inner-box h5 a:hover{
color:var(--white-color);
background-size: 100% 100%;
}
.news-block-three .inner-box:hover .lower-box{
opacity:1;
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.news-block-three .lower-box{
position:relative;
opacity:0;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-three .lower-box .read-more{
position:relative;
font-weight:600;
letter-spacing:2px;
display:inline-block;
color:var(--main-color);
text-transform:uppercase;
font-size:var(--font-14);
margin-top:var(--margin-top-20);
font-family: var(--font-family-Jost);
}
.news-block-three .lower-box .read-more:before{
position:absolute;
content:'';
right:-30px;
top:0px;
content: "\f15c";
font-family: "Flaticon";
font-size:var(--font-20);
}
.news-block-three .lower-box .read-more:hover{
color:var(--white-color);
} .booking-section-three{
position:relative;
padding:140px 0px 0px;
background-color:var(--color-three);
}
.booking-section-three .side-image{
position:absolute;
left:0px;
bottom:0px;
}
.booking-section-three .inner-container{
position:relative;
}
.booking-section-three .inner-container .form-box{
position:relative;
max-width:900px;
float:right;
width:100%;
padding:90px 80px 70px;
background-color:var(--white-color);
}
.booking-section-three .form-box{
position:relative;
} .services-section-six{
position:relative;
overflow:hidden;
padding:100px 0px 100px;
background-color:var(--color-two);
}
.services-section-six .service-block-six:nth-child(2) .content-box{
margin-bottom:var(--margin-zero);
margin-top:var(--margin-top-30);
}
.services-section-six .button-box{
position:relative;
margin-top:var(--margin-top-30);
} .service-block-six{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block-six .inner-box{
position:relative;
}
.service-block-six .content-box{
position:relative;
padding:50px 0px 0px 50px;
background-color:var(--color-seven);
margin-bottom:var(--margin-bottom-30);
}
.service-block-six .service-number{
position:absolute;
right:30px;
top:45px;
width:46px;
height:46px;
font-weight:500;
line-height:44px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-18);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border:1px solid rgba(var(--white-color-rgb), 0.04);
}
.service-block-six .inner-box:hover .service-number{
color:var(--main-color);
transform:rotateY(360deg);
background-color:var(--white-color);
border:1px solid rgba(var(--white-color-rgb), 1);
}
.service-block-six .inner-box .icon{
position:relative;
line-height:1em;
color:var(--main-color);
font-size:var(--font-60);
font-family: "Flaticon";
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-six .inner-box:hover .icon{
color:var(--white-color);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-six .inner-box h4{
position:relative;
font-weight:500;
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-15);
}
.service-block-six .inner-box h4 a{
position:relative;
color:var(--white-color);
}
.service-block-six .inner-box:hover h4 a{
color:var(--main-color);
}
.service-block-six .inner-box .text{
color:var(--color-six);
max-width:270px;
line-height:28px;
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-35);
}
.service-block-six .inner-box .view-detail{
position:relative;
display:block;
font-weight:600;
text-align:right;
letter-spacing:3px;
color:var(--white-color);
text-transform:uppercase;
padding:16px 40px 16px 25px;
background-color:var(--color-eleven);
font-family: var(--font-family-Jost);
}
.service-block-six .inner-box .view-detail:after{
position:absolute;
content: "\f18d";
right:20px;
font-size:var(--font-10);
color:var(--white-color);
font-family: "Flaticon";
}
.service-block-six .inner-box:hover .view-detail{
background-color:var(--main-color);
}
.service-block-six .inner-box .view-detail:before{
position:absolute;
content:'';
left:-50px;
top:50%;
height:1px;
opacity:1;
width:50%;
background-color:var(--white-color);
}
.service-block-six .image{
position:relative;
overflow:hidden;
background-color:var(--main-color);
}
.service-block-six .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.service-block-six .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
} .choose-section{
position:relative;
padding:110px 0px 0px;
background-color:var(--color-three);
}
.choose-section:before{
position:absolute;
content:'';
right:0px;
top:0px;
left:0px;
height:110px;
background-color:var(--color-two);
}
.choose-section .color-layer{
position:absolute;
left:0px;
top:0px;
width:80%;
height:550px;
background-position:center center;
background-color:var(--main-color);
}
.choose-section .content-column{
position:relative;
}
.choose-section .content-column .inner-column{
position:relative;
padding:110px 70px 88px 80px;
background-color:var(--white-color);
}
.choose-section .content-column .option{
position:relative;
}
.choose-section .content-column .option li{
position:relative;
font-weight:500;
padding:0px 0px;
font-size:var(--font-16);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-40);
margin-bottom:var(--margin-bottom-25);
}
.choose-section .content-column .option li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:24px;
height:24px;
line-height:24px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-family: "flaticon";
font-size:var(--font-10);
background-color:var(--main-color);
}
.choose-section .image-column{
position:relative;
}
.choose-section .image-column .inner-column{
position:relative;
}
.choose-section .image-column .image{
position:relative;
margin-left:-30px;
}
.choose-section .image-column .image img{
position:relative;
max-width:inherit;
display:block;
} .project-section-five{
position:relative;
padding:120px 0px 0px;
background-color:var(--color-three);
}
.project-section-five.style-two{
background:none;
padding-bottom:var(--padding-bottom-100);
}
.project-section-five .owl-dots{
display:none;
}
.project-section-five .owl-nav{
position:relative;
text-align:center;
margin-top:var(--margin-top-40);
}
.project-section-five .owl-nav .owl-prev,
.project-section-five .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
margin:0px 10px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-section-five .owl-nav .owl-prev:hover,
.project-section-five .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.project-section-five .auto-container{
max-width:1740px;
}
.project-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project-block-four .inner-box{
position:relative;
}
.project-block-four .inner-box .image{
position:relative;
overflow:hidden;
}
.project-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-block-four .inner-box:hover .image img{
filter: grayscale(100%);
transform:scale(1.06,1.06) rotate(1deg);
}
.project-block-four .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.project-block-four .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.project-block-four .overlay-box::before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.project-block-four .inner-box:hover .overlay-box{
}
.project-block-four .overlay-box .content{
position:absolute;
left:0px;
right:0px;
bottom:35px;
display:block;
text-align:center;
padding:0px 15px;
}
.project-block-four .title{
position:relative;
font-weight:500;
letter-spacing:2px;
color:var(--main-color);
font-size:var(--font-15);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.project-block-four h4{
font-weight:500;
margin-top:var(--margin-top-10);
}
.project-block-four h4 a{
position:relative;
color:var(--white-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-block-four h4 a:hover{
background-size: 100% 100%;
} .team-section-four{
position:relative;
padding:110px 0px 0px;
background-color:var(--color-three);
}
.team-section-four:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:137px;
z-index:1;
background-color:var(--color-two);
}
.team-section-four .sec-title .title{
color:var(--white-color);
}
.team-section-four .owl-carousel .owl-stage-outer{
overflow:visible;
}
.team-section-four .owl-dots{
display:none;
}
.team-section-four .owl-nav{
position:absolute;
right:0px;
top:-125px;
}
.team-section-four .owl-nav .owl-prev,
.team-section-four .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-section-four .owl-nav .owl-prev:hover,
.team-section-four .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.team-section-four .inner-container{
position:relative;
}
.team-section-four .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background:var(--main-color) url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/background/17.png);
}
.team-section-four .inner-container:after{
position:absolute;
content:'';
right:100%;
bottom:0px;
width:150%;
height:139px;
z-index:10;
background-color:var(--color-two);
}
.team-section-four .color-layer{
position:absolute;
content:'';
left:0px;
top:0px;
width:50%;
height:100%;
background-color:var(--main-color);
background-repeat:no-repeat;
}
.team-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team-block-four .inner-box{
position:relative;
text-align:center;
}
.team-block-four .image{
position:relative;
overflow:hidden;
}
.team-block-four .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-four .inner-box:hover .image img{
transform:scale(1.05,1.05);
}
.team-block-four .image::before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.team-block-four .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.team-block-four .overlay-box{
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
}
.team-block-four .inner-box:hover .overlay-box:before{
bottom:0%;
}
.team-block-four .overlay-box:before{
position:absolute;
content:'';
left:0px;
height:50%;
bottom:-50%;
right:0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.team-block-four .inner-box:hover .overlay-box{
bottom:0%;
opacity:1;
}
.team-block-four .lower-content{
position:relative;
padding:25px 15px;
background-color:var(--color-seven);
}
.team-block-four h5{
font-weight:500;
}
.team-block-four h5 a{
position:relative;
color:var(--white-color);
}
.team-block-four h5 a:hover{
color:var(--main-color);
}
.team-block-four .designation{
position:relative;
font-weight:500;
color:var(--main-color);
font-size:var(--font-12);
margin-top:var(--margin-top-5);
font-family: var(--font-family-Jost);
}
.team-block-four .inner-box:hover .social-list{
bottom:0px;
}
.team-block-four .social-list{
position:absolute;
left:0px;
bottom:-100px;
right:0px;
text-align:center;
margin-top:var(--margin-top-20);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-top:1px solid rgba(var(--white-color-rgb), 0.30);
}
.team-block-four .social-list li{
position:relative;
display:inline-block;
border-right:1px solid rgba(var(--white-color-rgb), 0.30);
}
.team-block-four .social-list li:last-child{
border-right:none;
}
.team-block-four .social-list li a{
position:relative;
width:80px;
height:60px;
font-weight:400;
text-align:center;
line-height:60px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-18);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-family: 'FontAwesome';
}
.team-block-four .social-list li a:hover{
color:var(--main-color);
} .testimonial-section-four{
position:relative;
padding:80px 0px 100px;
background-color:var(--color-two);
background-repeat:no-repeat;
}
.testimonial-section-four .owl-dots,
.testimonial-section-four .owl-nav{
display:none;
}
.testimonial-section-four .left-authors{
position:absolute;
left:-150px;
bottom:-180px;
width:440px;
height:440px;
border-radius:50%;
border:1px solid rgba(var(--white-color-rgb), 0.50);
}
.testimonial-section-four .left-authors .one{
position:absolute;
left:180px;
top:-30px;
}
.testimonial-section-four .left-authors .two{
position:absolute;
left:340px;
top:30px;
}
.testimonial-section-four .left-authors .three{
position:absolute;
left:375px;
top:180px;
transform:translateX(25px);
}
.testimonial-section-four .right-authors .four{
position:absolute;
right:180px;
top:-30px;
}
.testimonial-section-four .right-authors .five{
position:absolute;
right:340px;
top:30px;
}
.testimonial-section-four .right-authors .six{
position:absolute;
right:375px;
top:180px;
transform:translateX(-30px);
}
.testimonial-section-four .right-authors{
position:absolute;
right:-150px;
bottom:-180px;
width:440px;
height:440px;
border-radius:50%;
border:1px solid rgba(var(--white-color-rgb), 0.50);
} .news-section-four{
position:relative;
padding:110px 0px 70px;
background-color:var(--color-three);
}
.news-section-four .owl-dots{
display:none;
}
.news-section-four .owl-nav{
position:absolute;
right:0px;
top:-125px;
}
.news-section-four .owl-nav .owl-prev,
.news-section-four .owl-nav .owl-next{
position:relative;
width:77px;
height:77px;
line-height:74px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-30);
margin-left:var(--margin-left-20);
border:3px solid var(--color-two);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-section-four .owl-nav .owl-prev:hover,
.news-section-four .owl-nav .owl-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.news-section-four .inner-container{
position:relative;
}
.news-section-four .inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:2;
background-color:var(--color-three);
}
.news-section-four .owl-carousel .owl-stage-outer{
overflow:visible;
} .news-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block-four .inner-box{
position:relative;
background-color:var(--white-color);
}
.news-block-four .image{
position:relative;
overflow:hidden;
background-color:var(--black-color);
}
.news-block-four .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-four .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.04,1.04);
}
.news-block-four .image::before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.news-block-four .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.news-block-four .lower-content{
position:relative;
padding:30px 40px;
}
.news-block-four .title{
position: relative;
font-weight: 500;
color: var(--main-color);
font-size: var(--font-15);
text-transform: uppercase;
font-family: var(--font-family-Jost);
}
.news-block-four h4{
font-weight: 500;
margin-top: var(--margin-top-15);
margin-bottom:var(--margin-bottom-25);
}
.news-block-four h4 a{
position: relative;
color: var(--black-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block-four .inner-box h4 a:hover{
color:var(--main-color);
background-size: 100% 100%;
}
.news-block-four .inner-box .author{
position:relative;
font-weight:500;
display:inline-block;
font-size:var(--font-16);
color:var(--color-seven);
padding-top:var(--padding-top-5);
padding-left:var(--padding-left-45);
font-family: 'DM Sans', sans-serif;
}
.news-block-four .inner-box .author .image{
position:absolute;
left:0px;
top:-1px;
width:36px;
height:36px;
border-radius:50%;
display:inline-block;
}
.news-block-four .post-meta{
position:relative;
display:inline-block;
margin-left:var(--margin-left-60);
}
.news-block-four .post-meta li{
position:relative;
display:inline-block;
color:var(--color-five);
font-size:var(--font-16);
margin-right:var(--margin-right-20);
padding-right:var(--padding-right-30);
}
.news-block-four .post-meta li span{
position:absolute;
right:0px;
top:3px;
line-height:1em;
color:var(--main-color);
font-family: "Flaticon";
}
.news-block-four .post-meta li:last-child{
margin-right:var(--margin-zero);
} .main-slider-five{
position:relative;
overflow:hidden;
}
.main-slider-five .slide{
position:relative;
overflow:hidden;
padding:120px 0px 420px;
}
.main-slider-five .image-layer img{
position:absolute;
}
.main-slider-five .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
background-position:right center;
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.main-slider-five .active .image-layer{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
.main-slider-five .image-layer:before{
position:absolute;
content:'';
left:0px;
top:-150px;
right:0px;
bottom:0px;
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/main-slider/gradient-layer-1.png) center top repeat-y;
}
.main-slider-five .content-boxed{
position:relative;
text-align:center;
}
.main-slider-five .content-boxed .inner-box{
position:relative;
}
.main-slider-five h1{
opacity: 0;
line-height:77px;
text-transform:uppercase;
color:var(--color-two);
transform-origin: top;
transform: translateY(200px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
margin-bottom:var(--margin-bottom-50);
}
.main-slider-five .active h1{
opacity: 1;
transform: translateY(0px);
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
.main-slider-five .btns-box{
opacity:0;
transform: translateY(200px);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-five .active .btns-box{
opacity: 1;
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.main-slider-five .owl-dots,
.main-slider-five .owl-nav{
display:none;
} .booking-section-four{
position:relative;
}
.booking-section-four .inner-container{
position:relative;
z-index:10;
margin-top:-260px;
padding:80px 80px 80px;
background-color:var(--white-color);
}
.booking-section-four .title-box{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.booking-section-four .title-box h3{
font-weight:500;
}
.booking-section-four .title-box .call{
position:relative;
font-weight:600;
color:var(--color-two);
font-size:var(--font-20);
text-transform:uppercase;
margin-top:var(--margin-top-10);
font-family: var(--font-family-Jost);
}
.booking-section-four .title-box .call a{
color:var(--main-color);
font-weight:700;
border-bottom:2px solid var(--main-color);
}
.booking-section-four .title-box .call a:hover{
color:var(--color-two);
border-color:var(--color-two);
} .about-section-two{
position:relative;
margin-top:-430px;
padding:540px 0px 70px;
}
.about-section-two.style-two{
padding:130px 0px 50px;
margin:var(--margin-zero);
background-color:var(--white-color);
}
.about-section-two .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
background-color:var(--color-three);
}
.about-section-two .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section-two .image-column .inner-column{
position:relative;
padding-right:var(--padding-right-50);
}
.about-section-two .experience-box{
position:absolute;
left:0px;
bottom:0px;
width:250px;
height:270px;
text-align:center;
padding:30px 15px 10px;
background-color:var(--main-color);
border:10px solid var(--white-color);
background-position:right bottom;
background-repeat:no-repeat;
}
.about-section-two .experience-box .counter{
position:relative;
font-weight:500;
overflow:hidden;
line-height:1em;
font-size:var(--font-80);
color:var(--white-color);
font-family: var(--font-family-Jost);
}
.about-section-two .experience-box .text{
position:relative;
line-height:32px;
font-size:var(--font-24);
color:var(--white-color);
font-family: 'DM Sans', sans-serif;
}
.about-section-two .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section-two .content-column .inner-column{
position:relative;
padding-right:var(--padding-right-90);
}
.about-section-two .info-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section-two .info-column .column-inner{
position:relative;
}
.about-section-two .info-column .icon{
position:relative;
line-height:1em;
font-size:var(--font-50);
color:var(--main-color);
font-family: "Flaticon";
}
.about-section-two .info-column h4{
font-weight:500;
color:var(--color-two);
margin-top:var(--margin-top-15);
}
.about-section-two .info-column .text{
max-width:255px;
line-height:28px;
font-size:var(--font-16);
color:var(--color-five);
margin-top:var(--margin-top-10);
} .services-section-seven{
position:relative;
padding:110px 0px 70px;
background-color:var(--color-two);
} .service-block-eight{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block-eight .inner-box{
position:relative;
}
.service-block-eight .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
transform:scale(0.5,1);
background-color:var(--color-seven);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-eight .inner-box:hover{
border-color:var(--color-seven);
}
.service-block-eight .inner-box:hover::before{
opacity:1;
transform:scale(1,1);
}
.service-block-eight .content-box{
position:relative;
padding:50px 0px 50px 50px;
border:1px solid rgba(var(--white-color-rgb), 0.04);
}
.service-block-eight .service-number{
position:absolute;
right:30px;
top:45px;
width:46px;
height:46px;
font-weight:500;
line-height:44px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-18);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border:1px solid rgba(var(--white-color-rgb), 0.04);
}
.service-block-eight .inner-box:hover .service-number{
color:var(--main-color);
transform:rotateY(360deg);
background-color:var(--white-color);
border:1px solid rgba(var(--white-color-rgb), 1);
}
.service-block-eight .inner-box .icon{
position:relative;
line-height:1em;
color:var(--main-color);
font-size:var(--font-60);
font-family: "Flaticon";
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block-eight .inner-box:hover .icon{
color:var(--white-color);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-eight .inner-box h4{
position:relative;
font-weight:500;
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-20);
}
.service-block-eight .inner-box h4 a{
position:relative;
color:var(--white-color);
}
.service-block-eight .inner-box:hover h4 a{
color:var(--main-color);
}
.service-block-eight .inner-box .text{
color:var(--color-six);
max-width:270px;
line-height:28px;
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-35);
}
.service-block-eight .inner-box .arrow{
position:relative;
display:block;
opacity:0.20;
color:var(--white-color);
font-family: "Flaticon";
font-size:var(--font-50);
}
.service-block-eight .inner-box:hover .arrow{
opacity:1;
color:var(--main-color);
} .mission-section{
position:relative;
overflow:hidden;
padding-top:var(--padding-top-110);
background-color:var(--color-three);
}
.mission-section .color-layer{
position:absolute;
left:0px;
top:0px;
right:20%;
height:550px;
background-color:var(--main-color);
}
.mission-section .inner-container{
position:relative;
padding-bottom:var(--padding-bottom-100);
background-color:var(--white-color)
}
.mission-section .inner-container:before{
position:absolute;
content:'';
left:50%;
top:0px;
bottom:0px;
width:150%;
background-color:var(--white-color)
}
.mission-section .tab-column{
position:relative;
}
.mission-section .tab-column .inner-column{
position:relative;
padding-right:var(--padding-right-100);
}
.mission-section .tab-column .inner-column .sec-title .text{
padding-right:var(--padding-right-50);
}
.mission-section .image-column{
position:relative;
}
.mission-section .image-column .inner-column{
position:relative;
}
.mission-section .image-column .image{
position:relative;
margin-left:-130px;
}
.mission-section .image-column .image img{
position:relative;
max-width:inherit;
} .mission-tabs{
position:relative;
}
.mission-tabs .tab-btns{
position:relative;
border-bottom:1px solid rgba(var(--black-color-rgb), 0.04);
}
.mission-tabs .tab-btns .tab-btn{
position:relative;
float:left;
display:block;
cursor:pointer;
font-weight:500;
line-height:24px;
padding:20px 38px;
color:var(--color-two);
font-size:var(--font-20);
text-transform:capitalize;
transition:all 500ms ease;
font-family: var(--font-family-Jost);
border-right:1px solid rgba(var(--black-color-rgb), 0.04);
}
.mission-tabs .tab-btns .tab-btn:last-child{
border-right:none;
}
.mission-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:50%;
bottom:0px;
opacity:0;
margin-left:-5px;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 10px solid var(--color-two);
}
.mission-tabs .tab-btns .tab-btn:hover,
.mission-tabs .tab-btns .tab-btn.active-btn{
color:var(--white-color);
background:var(--color-two);
}
.mission-tabs .tab-btns .tab-btn:hover::before,
.mission-tabs .tab-btns .tab-btn.active-btn::before{
bottom:-10px;
opacity:1;
}
.mission-tabs .tabs-content{
position:relative;
padding:80px 60px 0px;
}
.mission-tabs .tabs-content .tab{
position:relative;
display:none;
}
.mission-tabs .tabs-content .tab.active-tab{
display:block;	
}
.mission-tabs .tabs-content .tab .content{
}
.mission-tabs.style-two .tab-btns{
border:none;
}
.mission-tabs.style-two .tab-btns .tab-btn{
border-right:0px;
padding:18px 38px 16px;
margin-right:var(--margin-right-15);
background-color:var(--color-three);
border-bottom:2px solid transparent;
}
.mission-tabs.style-two .tab-btns .tab-btn:before{
display:none;
}
.mission-tabs.style-two .tab-btns .tab-btn:hover,
.mission-tabs.style-two .tab-btns .tab-btn.active-btn{
color:var(--color-two);
border-color:var(--main-color);
}
.mission-tabs.style-two .tabs-content{
padding:40px 0px 0px;
}
.mission-tabs.style-two .tabs-content h2{
text-transform:uppercase;
margin-bottom:var(--margin-bottom-20);
}
.mission-tabs .option{
position:relative;
}
.mission-tabs .option li{
position:relative;
font-weight:500;
padding:0px 0px;
font-size:var(--font-16);
font-family: var(--font-family-Jost);
padding-left:var(--padding-left-40);
margin-bottom:var(--margin-bottom-25);
}
.mission-tabs .option li:before{
position:absolute;
content: "\f1b8";
left:0px;
top:0px;
width:24px;
height:24px;
line-height:24px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-family: "flaticon";
font-size:var(--font-10);
background-color:var(--main-color);
} .project-section-six{
position:relative;
padding:100px 0px 0px;
background-color:var(--color-three);
}
.project-section-six .owl-carousel .owl-stage-outer{
overflow:visible;
}
.project-section-six .project-tab .p-tabs-content{
position:relative;
display:block;
margin-top:var(--margin-top-60);
}
.project-section-six .project-tab .p-tabs-content .owl-nav,
.project-section-six .project-tab .p-tabs-content .owl-dots{
display:none;
}
.project-section-six .project-tab .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;	
}
.project-section-six .project-tab .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
}
.project-section-six .p-tab.active-tab .project-block-two{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.project-section-six .p-tab .project-block-two{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);	
}
.project-section-six .tabs-header{
position:relative;
text-align:right;
margin-top:-75px;
}
.project-section-six .product-tab-btns{
position:relative;
display:inline-block;
}
.project-section-six .product-tab-btns li{
position: relative;
font-weight: 600;
cursor: pointer;
display: inline-block;
color: var(--color-two);
text-transform: uppercase;
font-size: var(--font-16);
margin-left: var(--margin-left-35);
font-family: var(--font-family-Jost);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-section-six .product-tab-btns li span {
position: absolute;
top: -25px;
right: 0px;
font-size: var(--font-12);
color: var(--color-four);
}
.project-section-six .product-tab-btns li.active-btn,
.project-section-six .product-tab-btns li:hover{
color: var(--main-color);
} .pricing-section{
position:relative;
padding:100px 0px 70px;
background-color:var(--color-three);
}
.pricing-section .price-block.popular{
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.pricing-section .price-block{
padding:0px 0px;
float:left;
}
.pricing-section.style-two{
padding:120px 0px 80px;
background-color:var(--white-color);
}
.price-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.price-block .inner-box{
position:relative;
padding:50px 35px;
background-color:var(--white-color);
border:1px solid rgba(var(--black-color-rgb), 0.04);
}
.price-block .title{
position:relative;
font-weight:600;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--color-five);
font-family: var(--font-family-Jost);
}
.price-block .title .icon{
position:absolute;
right:0px;
font-size:var(--font-16);
color:var(--color-twelve);
}
.price-block .title i{
font-style:normal;
color:var(--main-color);
}
.price-block .price{
position:relative;
font-weight:700;
line-height:1em;
color:var(--main-color);
font-size:var(--font-50);
text-transform:uppercase;
margin-top:var(--margin-top-50);
font-family: var(--font-family-Jost);
}
.price-block h4{
position:relative;
font-weight:500;
color:var(--color-two);
text-transform:capitalize;
margin-top:var(--margin-top-25);
font-family: var(--font-family-Jost);
}
.price-block .option-list{
position:relative;
margin-top:var(--margin-top-30);
}
.price-block .option-list li{
position:relative;
font-weight:400;
color:var(--color-five);
font-size:var(--font-16);
font-family: 'DM Sans', sans-serif;
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-15);
}
.price-block .option-list li:before{
position:absolute;
left:0px;
content: "\f196";
font-family: "flaticon";
color:var(--main-color);
}
.price-block .option-list li.hide{
opacity:0.30;
}
.price-block .button-box{
margin-top:var(--margin-top-50);
} .page-title{
position:relative;
z-index:1;
text-align:center;
background-size:cover;
padding:150px 0px 140px;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.70;
background: var(--black-color);
}
.page-title h2{
color:var(--white-color);
text-transform:uppercase;
}
.page-title .bread-crumb{
position: relative;
margin-top:var(--margin-top-20);
}
.page-title .bread-crumb li{
position: relative;
font-weight: 600;
display:inline-block;
text-transform:uppercase;
font-size: var(--font-16);
color: var(--main-color);
font-family: var(--font-family-Jost);
margin-right: 13px;
padding-right: var(--padding-right-10);
padding-left:0px;
}
.page-title .bread-crumb li:before{
position: absolute;
right: 0px;
top:-2px;
color: #ffffff;
content: ":";
font-weight:400;
font-size: var(--font-22);
color: var(--white-color);
font-family: 'FontAwesome';
}
.page-title .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before{
display: none;
}
.page-title .bread-crumb li a{
color: var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;	
}
.page-title .bread-crumb li a:hover{
color: var(--main-color);
}
.page-title .scroll-to-down{
position:absolute;
left:50%;
bottom:-38px;
width:76px;
height:76px;
font-size:30px;
cursor:pointer;
line-height:76px;
text-align:center;
margin-left:-38px;
border-radius:50px;
display:inline-block;
font-family: "Flaticon";
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;	
}
.page-title .scroll-to-down:before{
position:absolute;
content:'';
left:-7px;
top:-7px;
right:-7px;
bottom:-7px;
border-radius:50px;
border:1px solid var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.page-title .scroll-to-down:hover{
color:var(--white-color);
background-color:var(--main-color);
} .mission-section-two{
position:relative;
overflow:hidden;
padding:110px 0px 60px;
}
.mission-section-two .inner-container{
position:relative;
background-color:var(--white-color)
}
.mission-section-two .tab-column{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.mission-section-two .tab-column .inner-column{
position:relative;
padding-right:var(--padding-right-60);
}
.mission-section-two .tab-column p{
position:relative;
color:#6E6E74;
}
.mission-section-two .image-column{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.mission-section-two .image-column .inner-column{
position:relative;
}
.mission-section-two .image-column .image{
position:relative;
}
.mission-section-two .image-column .image img{
position:relative;
width:100%;
display:block;
} .history-section{
position:relative;
padding:100px 0px 70px;
background-color:var(--color-three);
}
.history-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.history-block .inner-box{
position:relative;
padding:80px 70px;
background-color:var(--white-color);
}
.history-block .inner-box .content{
position:relative;
padding-left:300px;
}
.history-block .year{
position:absolute;
left:0px;
top:0px;
line-height:1em;
font-weight:700;
color:var(--color-two);
font-size: var(--font-60);
font-family: var(--font-family-Jost);
}
.history-block h3{
font-weight:500;
color:var(--color-two);
font-size:var(--font-30);
}
.history-block .text{
position:relative;
line-height:30px;
color:var(--color-five);
font-size:var(--font-18);
margin-top:var(--margin-top-25);
}
.services-page-section{
position:relative;
padding:120px 0px 50px;
} .services-form-section{
position:relative;
padding:90px 0px 100px;
background-color:var(--color-three);
}
.service-detail-section{
position:relative;
padding:140px 0px 70px;
}
.service-detail-section .image{
position:relative;
}
.service-detail-section .image img{
position:relative;
width:100%;
display:block;
}
.service-detail-section .lower-content{
position:relative;
padding-top:var(--padding-top-40);
}
.service-detail-section h3{
text-transform:uppercase;
color:var(--color-two);
font-weight:700;
margin-bottom:var(--margin-bottom-20);
}
.service-detail-section p{
position:relative;
color:var(--color-five);
margin-bottom:var(--margin-bottom-20);
}
.service-detail-section h4{
text-transform:uppercase;
color:var(--color-two);
font-weight:700;
margin-bottom:var(--margin-bottom-20);
}
.service-detail-section .video-box{
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-50);
}
.service-detail-section .brochure-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-detail-section .brochure-column .icon{
position:absolute;
left:0px;
top:0px;
}
.service-detail-section .brochure-column .column-inner{
position:relative;
padding:40px 40px;
border-radius:5px;
border:1px solid rgba(var(--black-color-rgb), 0.1);
}
.service-detail-section .brochure-column .content{
position:relative;
min-height:172px;
padding-left:200px;
}
.service-detail-section .pdf-text{
position:relative;
margin-top:-10px;
color:var(--color-five);
margin-bottom:var(--margin-bottom-20);
} .project-masonry-section{
position:relative;
padding:120px 0px 100px;
}
.project-masonry-section .auto-container{
max-width:1750px;
}
.project-masonry-section .styled-pagination{
margin-top:var(--margin-top-40);
} .styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
margin:0px 5px 10px;
display:inline-block;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:50px;
height:50px;
width:50px;
min-width:50px;
font-weight:500;
border-radius:0px; 
text-align:center;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
font-size:var(--font-14);
color:var(--color-two);
border:1px solid rgba(var(--black-color-rgb), 0.1);
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
top:4px;
font-size:var(--font-18);
font-family: "Flaticon";
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:var(--white-color);
background-color:var(--main-color);
} .project-section-seven{
position:relative;
padding:120px 0px 100px;
}
.project-section-seven .styled-pagination{
margin-top:var(--margin-top-30);
} .project-section-eight{
position:relative;
padding:120px 0px 100px;
}
.project-section-eight .styled-pagination{
margin-top:var(--margin-top-30);
}
.project-block-five{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project-block-five .inner-box{
position:relative;
}
.project-block-five .inner-box .image{
position:relative;
overflow:hidden;
}
.project-block-five .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.project-block-five .inner-box:hover .image img{
filter: grayscale(100%);
transform:scale(1.06,1.06) rotate(1deg);
}
.project-block-five .overlay-box{
position:absolute;
left:0px;
right:0px;
text-align:center;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.project-block-five .inner-box:hover .overlay-box{
}
.project-block-five .overlay-box .content{
position:relative;
opacity:0;
padding:28px 70px;
display:inline-block;
background-color:var(--main-color);
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transform:rotateX(90deg);
}
.project-block-five .inner-box:hover .overlay-box .content{
opacity:1;
transform:rotateX(0deg);
}
.project-block-five .title{
position:relative;
font-weight:500;
letter-spacing:2px;
color:var(--white-color);
text-transform:uppercase;
font-family: var(--font-family-Jost);
}
.project-block-five h4{
font-weight:500;
margin-top:var(--margin-top-10);
}
.project-block-five h4 a{
position:relative;
color:var(--white-color);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-block-five h4 a:hover{
background-size: 100% 100%;
} .project-detail-section{
position:relative;
padding:140px 0px 100px;
}
.project-detail-section .image{
position:relative;
}
.project-detail-section .image img{
position:relative;
width:100%;
display:block;
}
.project-detail-section .lower-content{
position:relative;
padding-top:var(--padding-top-40);
}
.project-detail-section h3{
text-transform:uppercase;
color:var(--color-two);
font-weight:700;
margin-bottom:var(--margin-bottom-20);
}
.project-detail-section p{
position:relative;
color:var(--color-five);
margin-bottom:var(--margin-bottom-20);
}
.project-detail-section h4{
text-transform:uppercase;
color:var(--color-two);
font-weight:700;
margin-bottom:var(--margin-bottom-20);
}
.project-detail-section .video-box{
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-50);
}
.project-detail-section .more-posts{
position:relative;
margin-top:var(--margin-top-40);
}
.project-detail-section .back-post{
position:relative;
font-weight:600;
color:var(--color-two);
font-size:var(--font-14);
text-transform:uppercase;
font-family: var(--font-family-Jost);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-detail-section .back-post span{
position:relative;
top:5px;
line-height:1em;
font-family: "Flaticon";
font-size:var(--font-20);
margin-right:var(--margin-right-10);
}
.project-detail-section .next-post{
position:relative;
font-weight:600;
color:var(--color-two);
font-size:var(--font-14);
text-transform:uppercase;
font-family: var(--font-family-Jost);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-detail-section .next-post span{
position:relative;
top:5px;
line-height:1em;
font-family: "Flaticon";
font-size:var(--font-20);
margin-left:var(--margin-left-10);
}
.project-detail-section .back-post:hover,
.project-detail-section .next-post:hover{
color:var(--main-color);
} .team-page-section{
position:relative;
padding:140px 0px 70px;
}
.team-page-section .team-block{
margin-bottom:var(--margin-bottom-50);
} .team-detail-section{
position:relative;
padding:140px 0px 70px;
}
.team-detail-section .upper-box{
position:relative;
overflow:hidden;
border-radius:8px;
background-color:var(--color-three);
margin-bottom:var(--margin-bottom-80);
}
.team-detail-section .image-column{
position:relative;
}
.team-detail-section .image-column .image{
position:relative;
overflow:hidden;
border-radius:8px;
}
.team-detail-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.team-detail-section .content-column{
position:relative;
}
.team-detail-section .content-column .inner-column{
position:relative;
padding:50px 40px;
}
.team-detail-section .content-column h2{
text-transform:uppercase;
color:var(--color-two);
font-family: var(--font-family-Jost);
}
.team-detail-section .content-column .designation{
position:relative;
font-weight:700;
color:var(--main-color);
font-size:var(--font-15);
margin-top:var(--margin-top-20);
font-family: 'DM Sans', sans-serif;
}
.team-detail-section .info-list{
position:relative;
margin-top:var(--margin-top-40);
}
.team-detail-section .info-list li{
position:relative;
color:var(--color-five);
font-size:var(--font-15);
margin-bottom:var(--margin-bottom-20);
}
.team-detail-section .info-list li span{
position:relative;
color:var(--color-two);
}
.team-detail-section .info-list li:last-child{
margin-bottom:var(--margin-zero);
}
.team-detail-section .social-box{
position:relative;
margin-top:var(--margin-top-50);
}
.team-detail-section .social-box li{
position:relative;
display:inline-block;
margin-right:var(--margin-right-10);
}
.team-detail-section .social-box li a{
position:relative;
width:46px;
height:46px;
border-radius:4px;
line-height:46px;
text-align:center;
display:inline-block;
font-size:var(--font-18);
color:var(--color-five);
background-color:var(--white-color);
}
.team-detail-section .social-box li a:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.team-detail-section h3{
text-transform:uppercase;
color:var(--color-two);
margin-bottom:var(--margin-bottom-20);
font-family: var(--font-family-Jost);
}
.team-detail-section p{
position:relative;
color:var(--color-five);
margin-bottom:var(--margin-bottom-20);
}
.team-detail-section h4{
text-transform:uppercase;
color:var(--color-two);
margin-bottom:var(--margin-bottom-20);
font-family: var(--font-family-Jost);
}
.team-detail-section .skills-outer{
position:relative;
margin-top:var(--margin-top-50);
margin-bottom:var(--margin-bottom-50);
}
.team-detail-section .skills-outer h4{
margin-bottom:var(--margin-bottom-40);
}
.team-detail-section .counter-boxed{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-30);
}
.team-detail-section .counter-boxed .graph-outer{
position:relative;
text-align:center;
display:inline-block;
}
.team-detail-section .counter-boxed .count-box{
position: absolute;
left: 0;
top: 50%;
width: 100%;
font-weight: 600;
margin-top: -38px;
text-align:center;
color: var(--color-two);
font-size: var(--font-30);
font-family: var(--font-family-Jost);
}
.team-detail-section .counter-boxed .count-box .sign{
font-size: 20px;
}
.team-detail-section .counter-boxed .sub-title{
position: relative;
line-height: 1.6em;
color: var(--color-two);
font-weight: 500;
margin-top:15px;
font-size: var(--font-18);
text-transform: capitalize;
font-family: 'DM Sans', sans-serif;
} .shop-page-section{
position:relative;
padding:140px 0px 110px;
}
.shop-page-section .styled-pagination{
margin-top:var(--margin-top-20);
}
.shop-page-section .items-sorting .results-column{
}
.shop-page-section .items-sorting .select-column{
text-align:right;
}
.shop-page-section .items-sorting .results-column .result{
position:relative;
font-weight:500;
padding:4px 0px;
font-size:var(--font-16);
font-family: 'DM Sans', sans-serif;
}
.shop-page-section .items-sorting .view-option{
position:relative;
display:inline-block;
}
.shop-page-section .items-sorting .view-option li{
position:relative;
display:inline-block;
margin-left:var(--margin-left-15);
}
.shop-page-section .items-sorting .view-option li a{
position:relative;
color:var(--color-two);
font-size:var(--font-20);
font-family: "Flaticon";
}
.shop-page-section .items-sorting .view-option li:first-child a{
top:3px;
font-size:var(--font-26);
}
.shop-page-section .items-sorting .view-option li a:hover{
color:var(--main-color);
}
.shop-page-section .items-sorting .form-group{
position:relative;
top:-5px;
margin-bottom:0px;
display:inline-block;
margin-left:var(--margin-left-80);
}
.shop-page-section .items-sorting select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:0px 0px;
font-weight:500;
cursor:pointer;
color:var(--color-two);
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
font-size:var(--font-15);
font-family: 'DM Sans', sans-serif;
padding-right:var(--padding-right-25);
background:url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/icons/arrow-down.png) right center no-repeat;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;	
}
.shop-page-section .items-sorting select option{
text-indent:15px;	
} .shop-item{
position:relative;
margin-bottom:var(--margin-bottom-35);
}
.shop-item .inner-box{
position:relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .image .overlay-box{
opacity:1;
}
.shop-item .inner-box .image{
position:relative;
z-index:11;
text-align:center;
background-color:#f3f1f2;
}
.shop-item .inner-box .hot{
position:absolute;
left:15px;
top:15px;
z-index:1;
color:var(--white-color);
padding:4px 18px;
display:inline-block;
background-color:var(--main-color);
text-transform:uppercase;
}
.shop-item .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
text-align:center;
background-color:rgba(var(--black-color-rgb), 0.3);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option{
position:relative;
top:50%;
margin-top:-25px;
}
.shop-item .inner-box .image .overlay-box .cart-option li{
position:relative;
margin:0px 3px;
display:inline-block;
}
.shop-item .inner-box .image .overlay-box .cart-option li .tooltip-data{
position:absolute;
left:20px;
bottom:100%;
width:130px;
color:var(--white-color);
font-size:14px;
font-weight:300;
text-align:center;
opacity:0;
padding:4px 15px;
visibility:hidden;
margin-left:-60px;
margin-bottom:0px;
background-color:var(--main-color);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option li .tooltip-data:after{
position:absolute;
content:'';
top:100%;
left:50%;
margin-left:-8px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid var(--main-color);
}
.shop-item .inner-box .image .overlay-box .cart-option li:hover .tooltip-data{
opacity:1;
visibility:visible;
margin-bottom:var(--margin-bottom-20);
}
.shop-item .inner-box .image .overlay-box .cart-option li a{
position:relative;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:var(--main-color);
font-size:18px;
border-radius:50%;
display:inline-block;
background-color:var(--white-color);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: "Flaticon";
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
background-color:var(--main-color);
color:var(--white-color);
}
.shop-item .inner-box .image img{
max-width:100%;
display:inline-block;
width:100%;
}
.shop-item .inner-box .lower-content{
position:relative;
z-index:11;
text-align:center;
padding:25px 0px 0px;
}
.shop-item .inner-box .lower-content h6{
font-weight:500;
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-10);
}
.shop-item .inner-box .lower-content h6 a{
color:var(--color-two);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .lower-content h6 a:hover{
color:var(--main-color);
}
.shop-item .inner-box .lower-content .price{
position:relative;
color:var(--color-four);
font-size:var(--font-18);
font-weight:400;
font-family: 'DM Sans', sans-serif;
margin-bottom:var(--margin-bottom-10);
}
.shop-item .inner-box .lower-content .rating .fa{
position:relative;
display:inline-block;
font-size:var(--font-14);
color:var(--color-thirteen);
} .shop-detail-section{
position:relative;
padding:120px 0px 80px;
}
.shop-detail-section .upper-box{
position:relative;
}
.shop-detail-section .gallery-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.shop-detail-section .gallery-column .inner-column{
position:relative;
}
.shop-detail-section .gallery-column .carousel-outer{
position:relative;
padding-right:122px;
}
.shop-detail-section .gallery-column .image{
position:relative;
text-align:center;
background-color:var(--color-fourteen);
}
.shop-detail-section .gallery-column .thumbs-carousel{
position:absolute;
right:0px;
top:0px;
width:105px;
}
.shop-detail-section .gallery-column .thumb{
cursor:pointer;
margin-bottom:var(--margin-zero);
}
.shop-detail-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.shop-detail-section .content-column .inner-column{
position:relative;
padding-left:var(--padding-left-30);
}
.shop-detail-section .content-column h3{
font-weight:700;
color:var(--color-two);
text-transform:uppercase;
}
.shop-detail-section .content-column .text{
position:relative;
line-height:26px;
color:var(--color-five);
font-size:var(--font-16);
margin-top:var(--margin-top-15);
}
.shop-detail-section .content-column .rating{
position:relative;
font-size:var(--font-16);
color:var(--color-thirteen);
margin-top:var(--margin-top-20);
}
.shop-detail-section .content-column .rating i{
position:relative;
font-weight:500;
font-style:normal;
color:var(--color-two);
font-size:var(--font-14);
margin-left:var(--margin-left-10);
font-family: 'DM Sans', sans-serif;
}
.shop-detail-section .content-column .price{
position:relative;
font-weight:700;
color:var(--color-two);
font-size:var(--font-30);
margin-top:var(--margin-top-25);
font-family: var(--font-family-Jost);
}
.shop-detail-section .content-column .price span{
position:relative;
font-weight:500;
}
.shop-detail-section .content-column .model{
position:relative;
margin-top:var(--margin-top-25);
}
.shop-detail-section .content-column .model .model-title{
position:relative;
display:block;
font-weight:500;
font-size:var(--font-16);
margin-bottom:var(--margin-bottom-15);
}
.shop-detail-section .content-column .buttons-box{
position:relative;
margin-top:var(--margin-top-25);
}
.shop-detail-section .content-column .buttons-box .btn-style-four{
padding:15px 50px;
margin-left:var(--margin-left-15);
} .quantity-box{
position:relative;
margin-top:var(--margin-top-20);
}
.select-size{
position:relative;
}
.select-size .select-box{
position:relative;
float:left;
text-align:center;
margin:0px 10px 10px 0px;	
}
.select-size .input-box{
position:relative;
float:left;
}
.select-size .select-box input[type="radio"]{
left:0px;
top:0px;
visibility:hidden;
position:absolute;
opacity:0;	
}
.select-size .select-box label{
display:block;
line-height:24px;
padding:5px 18px;
text-align:center;
font-weight:600;
cursor:pointer;
border-radius:2px;
font-size:var(--font-16);
color:var(--color-sixteen);
transition:all 500ms ease;
text-transform:uppercase;
background-color:var(--color-three);
}
.select-size .select-box input[type="radio"]:checked+label{
background-color:var(--main-color);
color:#ffffff;	
}
.quantity-box span{
position:relative;
float:left;
font-weight:700;
padding:15px 0px;
color:var(--color-two);
text-transform:uppercase;
font-size:var(--font-16);
margin-right:var(--margin-right-30);
font-family: var(--font-family-Jost);
} .item-quantity{
position: relative;
width: 100%;
max-width: 140px;
padding: 0px 45px;
display: inline-block;
}
.quantity-box .item-quantity .input-group{
position: relative;
display: table;
border-collapse: separate;
max-width: 144px;
width: 100%;
height: 42px;
}
.quantity-box .item-quantity input.qty-spinner {
line-height: 44px;
height: 44px;
width: 50px !important;
padding: 0px !important;
box-shadow: none !important;
border: none;
text-align: center;
font-size:var(--font-18);
font-weight: 500;
color: #1e1e2a;
border: none;
border-radius: 0;
}
.quantity-box .item-quantity input.qty-spinner:focus{
background: none;
}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
position: absolute;
height: 44px;
width: 44px;
background-color:var(--color-three);
padding: 6px 0px !important;
line-height: 30px;
left: -40px;
top: -44px;
border: 1px solid #DEDEDE;
border-radius: 5px 5px 5px 5px;
}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
position: absolute;
height: 44px;
width: 40px;
background-color:var(--color-three);
padding: 6px 0px !important;
line-height: 30px;
right: -40px;
top: -44px;
border: 1px solid #DEDEDE;
border-radius: 5px 5px 5px 5px;
margin-top: 0px;
}
.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f067";
font-size:var(--font-16);
color: #0c2957;
font-weight: 400;
font-style: normal;
font-family: 'FontAwesome';
}
.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f068";
font-size:var(--font-16);
color: #0c2957;
font-weight: 400;
font-style: normal;
font-family: 'FontAwesome';
}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical{
position: absolute;
width: 100%;
}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical i{
top: 6px;
left: 14px;
font-size: inherit !important; 
}
.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
margin-top: 0px;
}
.shop-detail-section .lower-box{
position:relative;
} .shop-detail-section .prod-tabs{
position:relative;
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-40);
}
.shop-detail-section .prod-tabs .tab-btns{
position:relative;
text-align:center;
}
.shop-detail-section .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:inline-block;
margin:0px 5px 10px;
background:var(--color-seventeen);
color:var(--color-five);
text-transform:uppercase;
font-size:var(--font-16);
line-height:24px;
cursor:pointer;
font-weight:700;
padding:13px 28px;
transition:all 500ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.06);
}
.shop-detail-section .prod-tabs .tab-btns .tab-btn:hover,
.shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn{
color:var(--main-color);
background:var(--white-color);
}
.shop-detail-section .prod-tabs .tabs-content{
position:relative;
padding:30px 0px 0px;
}
.shop-detail-section .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-detail-section .prod-tabs .tabs-content .tab.active-tab{
display:block;	
}
.prod-tabs .tabs-content p{
line-height:30px;
color:var(--color-five);
font-size:var(--font-18);
font-family: 'DM Sans', sans-serif;
margin-bottom:var(--margin-bottom-30);
}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:var(--text-color);
font-size:var(--font-20);
font-weight:400;
margin-top:var(--margin-top-10);
margin-bottom:var(--margin-bottom-25);
} .shop-comment-form{
position:relative;
}
.shop-comment-form h4{
margin-bottom:var(--margin-bottom-25);
}
.shop-comment-form .group-title{
margin-bottom:var(--margin-bottom-20);
}
.shop-comment-form .rating-box{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.shop-comment-form .rating-box .text{
color:var(--main-color-two);
margin-bottom:var(--margin-bottom-10);
}
.shop-comment-form .rating-box .rating{
position:relative;
display:inline-block;
border-right:1px solid #ebebeb;
margin-right:var(--margin-right-10);
padding-right:var(--padding-right-10);
}
.shop-comment-form .rating-box .rating:last-child{
border-right:0px;
}
.shop-comment-form .rating-box .rating .fa{
position:relative;
display:inline-block;
margin-right:var(--margin-right-5);
}
.shop-comment-form .rating-box .rating a{
position:relative;
color:var(--color-thirteen);
font-size:var(--font-16);
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .rating-box .rating a:hover{
color:var(--main-color);
}
.shop-comment-form .form-group{
position:relative;
margin-bottom:var(--margin-bottom-15);
}
.shop-comment-form .form-group label{
position:relative;
display:block;
font-weight:500;
color:var(--color-two);
font-size:var(--font-16);
font-family: var(--font-family-Jost);
margin-bottom:var(--margin-bottom-15);
}
.shop-comment-form .form-group:last-child{
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #efefef;
height:50px;
color:var(--main-color-two);
font-weight:300;
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:var(--main-color);
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:var(--main-color-two);
border:1px solid #efefef;
height:105px;
font-weight:300;
background:var(--white-color);
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button{
position:relative;
margin-top:var(--margin-top-10);
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
border-color:var(--main-color);	
} .shop-detail-section .comments-area{
position:relative;
margin-top:var(--margin-zero);
margin-bottom:var(--margin-bottom-40);
}
.shop-detail-section .comments-area .comment-box{
position:relative;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
margin-bottom:var(--margin-bottom-30);
}
.shop-detail-section .comments-area .comment-box:nth-child(1){
padding-top:0px;	
}
.shop-detail-section .comments-area .comment-box:hover{
border-color:var(--main-color);	
}
.shop-detail-section .comments-area .comment-box.reply-comment{
margin-left:var(--marg-left-30);
}
.shop-detail-section .comments-area .comment{
position:relative;
font-size: var(--font-14);
padding:0px 0px 0px 80px;
}
.shop-detail-section .comments-area .comment .comment-inner{
position:relative;
padding:15px 20px;
border:1px solid #f4f4f4;
}
.shop-detail-section .comments-area .comment .comment-inner .rating{
position:absolute;
right:15px;
top:15px;
}
.shop-detail-section .comments-area .comment .comment-inner .rating .fa{
display:inline-block;
font-size: var(--font-14);
color: var(--color-thirteen);
}
.shop-detail-section .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
margin-bottom:var(--margin-bottom-20);
}
.shop-detail-section .comments-area .comment-box .author-thumb img{
width:60px;
display:block;
}
.shop-detail-section .comments-area .comment-info{
position:relative;
line-height:24px;
font-weight:600;
color: var(--color-two);
font-size: var(--font-16);
margin-bottom:var(--margin-bottom-10);
font-family: var(--font-family-Jost);
}
.shop-detail-section .comments-area .comment-box .text{
font-weight:400;
font-size: var(--font-16);
color: var(--main-color-two);
margin-top:var(--marg-top-10);
margin-bottom:var(--margin-bottom-10);
}
.shop-detail-section .related-products h4{
text-transform:uppercase;
margin-bottom:var(--margin-bottom-30);
} .faq-page-section{
position:relative;
padding:110px 0px 100px;
} .sidebar-page-container{
position:relative;
padding:100px 0px 100px;
}
.sidebar-page-container .sidebar-side{
margin-bottom:var(--margin-bottom-40);
}
.sticky-top{
top:90px;
z-index:1;
}
.sidebar-widget{
position:relative;
padding:30px 30px 35px;
margin-bottom:var(--margin-bottom-40);
border:1px solid rgba(var(--black-color-rgb), 0.06);
}
.sidebar-title,
.widget h2,
.wp-block-search .wp-block-search__label{
position:relative;
margin-bottom:var(--margin-bottom-20);
}
.sidebar-title h4,
.widget h2,
.wp-block-search .wp-block-search__label{
position:relative;
color:var(--color-two);
text-transform:uppercase; 
font-size:20px;
font-family: var(--font-family-Jost);
font-weight:700;
} .sidebar .search-box{
position:relative;
}
.search-box .form-group,
.wp-block-search__inside-wrapper {
position:relative;
margin:var(--margin-zero);
}
.search-box .form-group input[type="text"],
.search-box .form-group input[type="search"],
.wp-block-search__inside-wrapper input{
position:relative;
line-height:28px;
font-size:var(--font-14);
padding:10px 50px 10px 25px;
background:var(--white-color);
display:block;
width:100%;
height:60px;
border-radius:0px;
color:var(--color-eightteen);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.06);
}
.wp-block-search__inside-wrapper input{
padding-right:80px;
}
.search-box .form-group button,
.wp-block-search__inside-wrapper button{
position:absolute;
right:0px;
top:0px;
height:60px;
min-width:60px;
border:none;
display:block;
cursor:pointer;
line-height:100%;
font-weight:normal;
border-radius:0px;
font-size:var(--font-18);
color:var(--color-two);
background:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.search-box .form-group button:hover,
.wp-block-search__inside-wrapper button:hover{
background:var(--main-color-two);
} .blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
margin-bottom:var(--margin-bottom-15);
}
.blog-cat li:last-child{
margin-bottom:var(--margin-zero);
}
.blog-cat li a{
position:relative;
display:block;
font-weight:400;
padding:15px 22px;
font-size:var(--font-16);
color:var(--color-eightteen);
font-family: 'DM Sans', sans-serif;
border:1px solid rgba(var(--black-color-rgb), 0.06);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat li a span{
position:absolute;
right:20px;
}
.blog-cat li a:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
} .post-widget{
position: relative;
}
.post-widget .post{
position: relative;
min-height: 80px;
padding-left: var(--padding-left-100);
margin-bottom: var(--margin-bottom-20);
}
.post-widget .post:last-child{
margin-bottom: var(--margin-zero);
}
.post-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
width: 85px;
overflow: hidden;
}
.post-widget .post .thumb a{
display: block;
}
.post-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.post-widget .post h6{
font-weight:500;
line-height:22px;
font-size: var(--font-14);
margin-top:var(--margin-top-5);
font-family: 'DM Sans', sans-serif;
margin-bottom: var(--margin-bottom-5);
}
.post-widget .post h6 a{
color:var(--main-color-two);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-widget .post h6 a:hover{
color:var(--main-color);
}
.post-widget .post .title{
position: relative;
display: block;
font-size: var(--font-12);
color:var(--color-eightteen);
margin-bottom: var(--margin-zero);
} .intouch-form .form-group{
margin-bottom:var(--margin-bottom-15);
}
.intouch-form .form-group input[type="text"],
.intouch-form .form-group input[type="password"],
.intouch-form .form-group input[type="tel"],
.intouch-form .form-group input[type="email"],
.intouch-form .form-group select{
position:relative;
display:block;
width:100%;
height:54px;
line-height:28px;
padding:10px 0px;
border-radius:0px;
font-size:var(--font-15);
color:var(--color-eightteen);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Jost);
border-bottom:1px solid rgba(var(--black-color-rgb), 0.06);
}
.intouch-form .form-group input[type="text"]:focus,
.intouch-form .form-group input[type="password"]:focus,
.intouch-form .form-group input[type="tel"]:focus,
.intouch-form .form-group input[type="email"]:focus,
.intouch-form .form-group select:focus,
.intouch-form .form-group textarea:focus{
border-color:var(--main-color);
}
.intouch-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 0px 25px;
color:var(--color-eightteen);
height:60px;
font-size:var(--font-15);
border-radius:0px;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Jost);
border-bottom:1px solid rgba(var(--black-color-rgb), 0.06);
}
.intouch-form .form-group button{
background:none;
margin-top:var(--margin-top-15);
}
.intouch-form .form-group textarea::-webkit-input-placeholder,
.intouch-form .form-group input::-webkit-input-placeholder{
color:var(--color-eightteen);
} .contact-info-list{
position:relative;
}
.contact-info-list li{
position:relative;
font-weight:400; 
font-size:var(--font-14);
color:var(--color-eightteen);
margin-bottom:var(--margin-bottom-20);
font-family: var(--font-family-Jost);
}
.contact-info-list li span{
position:relative;
font-weight:500;
display:inline-block;
color:var(--color-two);
font-size:var(--font-18);
margin-right:var(--margin-right-10);
}
.contact-info-list li:last-child{
margin-bottom:var(--margin-zero);
} .tag-list{
position: relative;
display: block;
}
.tag-list li{
position: relative;
display:inline-block;
margin-right: var(--margin-right-10);
margin-bottom: var(--margin-bottom-10);
} 
.tag-list li a{
position: relative;
display: block;
line-height: 20px;
font-weight: 600;
padding: 10px 20px;
border-radius:0px;
font-size: var(--font-12);
color: var(--color-eightteen);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-family: var(--font-family-Jost);
border:1px solid rgba(var(--black-color-rgb), 0.06);
}
.tag-list li a:hover{
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
} .news-block-five{
position:relative;
margin-bottom: var(--margin-bottom-50);
}
.news-block-five .inner-box{
position:relative;
padding:40px 40px;
background-color:var(--color-three);
}
.news-block-five .post-meta{
position:relative;
}
.news-block-five .post-meta li{
position:relative;
font-weight:500;
display:inline-block;
font-size:var(--font-16);
color:var(--color-five);
text-transform:uppercase;
font-family: var(--font-family-Jost);
margin-right: var(--margin-right-20);
padding-left:var(--padding-left-25);
}
.news-block-five .post-meta li span{
position:absolute;
left:0px;
top:-1px;
font-size:var(--font-16);
font-family: "Flaticon";
color:var(--color-five);
}
.news-block-five .post-meta li:last-child{
margin-right:var(--margin-zero);
}
.news-block-five h3{
line-height:45px;
text-transform:uppercase;
margin-top:var(--margin-top-20);
}
.news-block-five h3 a{
position:relative;
color:var(--color-two);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block-five h3 a:hover{
background-size: 100% 100%;
}
.news-block-five .text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-five);
margin-top:var(--margin-top-20);
}
.news-block-five .read-more{
position:relative;
font-weight:700;
display:inline-block;
color:var(--main-color);
font-size:var(--font-16);
text-transform:uppercase;
margin-top:var(--margin-top-20);
padding-left:var(--padding-left-25);
font-family: var(--font-family-Jost);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-five .read-more:before{
position:absolute;
content: "\f114";
left:0px;
top:0px;
font-size:var(--font-14);
font-family: "Flaticon";
}
.news-block-five .read-more:hover{
color:var(--color-two);
} .news-block-six{
position:relative;
margin-bottom: var(--margin-bottom-50);
}
.news-block-six .inner-box{
position:relative;
}
.news-block-six .lower-content{
position:relative;
}
.news-block-six .inner-box .image{
position:relative;
overflow:hidden;
margin-bottom:40px;
text-align:center;
}
.news-block-six .inner-box .image img{
position:relative;
display:inline-block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-six .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.04,1.04); 
}
.news-block-six .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
}
.news-block-six .overlay-box span{
position: absolute;
width:100px;
height: 100px;
left:50%;
top: 50%;
z-index:10;
font-weight:700;
text-align: center;
display: inline-block;
margin-top: -50px;
margin-left:-50px;
line-height:100px;
border-radius:50%;
font-family: "flaticon";
font-size:var(--font-30);
color: var(--main-color);
padding-left:var(--padding-left-5);
background-color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-six .overlay-box span:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.news-block-six .ripple,
.news-block-six .ripple:before,
.news-block-six .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.news-block-six .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.news-block-six .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.news-block-six .owl-dots{
display:none;
}
.news-block-six .owl-nav{
position:absolute;
left:0px;
right:0px;
top:50%;
margin-top:-30px;
}
.news-block-six .owl-nav .owl-prev{
position:absolute;
left:0px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-24);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:var(--white-color);
}
.news-block-six .owl-nav .owl-next{
position:absolute;
right:0px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
color:var(--color-two);
font-size:var(--font-24);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
background-color:var(--white-color);
}
.news-block-six .owl-nav .owl-prev:hover,
.news-block-six .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.news-block-six .post-meta{
position:relative;
}
.news-block-six .post-meta li{
position:relative;
font-weight:500;
display:inline-block;
font-size:var(--font-16);
color:var(--color-five);
text-transform:uppercase;
font-family: var(--font-family-Jost);
margin-right: var(--margin-right-20);
padding-left:var(--padding-left-25);
}
.news-block-six .post-meta li span{
position:absolute;
left:0px;
top:-1px;
font-size:var(--font-16);
font-family: "Flaticon";
color:var(--color-five);
}
.news-block-six .post-meta li:last-child{
margin-right:var(--margin-zero);
}
.news-block-six h3{
line-height:45px;
text-transform:uppercase;
margin-top:var(--margin-top-20);
}
.news-block-six h3 a{
position:relative;
color:var(--color-two);
display: inline;
width: 100%;
background-repeat: no-repeat;
background-position-y: -2px;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
background-size: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news-block-six h3 a:hover{
background-size: 100% 100%;
}
.news-block-six .text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-five);
margin-top:var(--margin-top-20);
}
.news-block-six .read-more{
position:relative;
font-weight:700;
display:inline-block;
color:var(--main-color);
font-size:var(--font-16);
text-transform:uppercase;
margin-top:var(--margin-top-20);
padding-left:var(--padding-left-25);
font-family: var(--font-family-Jost);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-six .read-more:before{
position:absolute;
content: "\f114";
left:0px;
top:0px;
font-size:var(--font-14);
font-family: "Flaticon";
}
.news-block-six .read-more:hover{
color:var(--color-two);
} .news-detail{
position:relative;
}
.news-detail .inner-box{
position:relative;
}
.news-detail .lower-content{
position:relative;
}
.news-detail .inner-box .image{
position:relative;
margin-bottom:40px;
}
.news-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-detail .post-meta{
position:relative;
}
.news-detail .post-meta li{
position:relative;
font-weight:500;
display:inline-block;
font-size:var(--font-16);
color:var(--color-five);
text-transform:uppercase;
font-family: var(--font-family-Jost);
margin-right: var(--margin-right-20);
padding-left:var(--padding-left-25);
}
.news-detail .post-meta li span{
position:absolute;
left:0px;
top:-1px;
font-size:var(--font-16);
font-family: "Flaticon";
color:var(--color-five);
}
.news-detail .list{
position:relative;
margin-top:var(--margin-top-20);
margin-left:var(--margin-left-30);
}
.news-detail .list li{
position:relative;
list-style:disc;
font-size:var(--font-16);
color:var(--color-five);
margin-bottom:var(--margin-bottom-10);
}
.news-detail .gallery{
position:relative;
margin-top:var(--margin-top-30);
} .news-detail .post-share-options{
position:relative;
padding:30px 0px 0;
margin-top: 35px;
border-top:1px solid rgba(var(--black-color-rgb), 0.07);
}
.news-detail .post-share-options .post-share-inner{
position:relative;
}
.news-detail .post-share-options .tags{
position:relative;
}
.news-detail .post-share-options .tags span{
font-weight:600;
font-size:var(--font-20);
color:var(--color-two);
text-transform: uppercase;
margin-top:var(--margin-top-10);
font-family: var(--font-family-Jost);
margin-right:var(--margin-right-15);
}
.news-detail .post-share-options .tags a{
position: relative;
line-height: 20px;
font-weight: 600;
padding: 10px 20px;
border-radius: 0px;
display: inline-block;
font-size: var(--font-12);
margin-right:var(--margin-right-5);
margin-bottom:var(--margin-bottom-5);
color: var(--color-eightteen);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-transform:uppercase;
font-family: var(--font-family-Jost);
border: 1px solid rgba(var(--black-color-rgb), 0.06);
}
.news-detail .post-share-options .tags a:last-child{
margin-right: 0px;
}
.news-detail .post-share-options .tags a:hover{
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
}
.news-detail .recent-posts h4{
margin-bottom:var(--margin-bottom-30);
} .sidebar-page-container .comments-area{
position:relative;
margin-top:var(--margin-top-30);
padding-top:var(--padding-top-30);
border-top: 1px solid rgba(var(--black-color-rgb), 0.06);
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
margin-bottom:var(--margin-bottom-30);
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:var(--margin-bottom-40);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:var(--font-14);
padding:0px 0px 0px 100px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:var(--margin-left-100);
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
overflow:hidden;
border-radius:50%;
margin-bottom:var(--margin-bottom-20);
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:var(--margin-bottom-15);
}
.sidebar-page-container .comments-area .comment-box .c-title{
position:relative;
font-weight:500;
line-height:1.3em;
display:block;
text-transform:capitalize;
font-size:var(--font-18);
color:var(--color-two);
font-family: 'DM Sans', sans-serif;
}
.sidebar-page-container .comments-area .comment-box .text{
color:var(--color-five);
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:relative;
display:block;
font-weight:500;
color:var(--main-color);
font-size:var(--font-12);
text-transform:uppercase;
margin-top:var(--margin-top-5);
font-family: var(--font-family-Jost);
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-weight:500;
display:inline-block;
color:var(--main-color);
font-size:var(--font-16);
margin-top:15px;
text-transform:capitalize;
font-family: var(--font-family-Jost);
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:var(--main-color);
} .comment-form{
position:relative;
}
.comment-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color: var(--color-nineteen);
height:54px;
font-size:var(--font-14);
border-radius:0px;
background-color: var(--color-three);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Roboto);
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:var(--color-two);
background-color:var(--white-color);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:200px;
resize:none;
line-height:24px;
border-radius:0px;
padding:15px 20px 25px;
color: var(--color-nineteen);
font-size:var(--font-14);
background-color: var(--color-three);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Roboto);
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.comment-form .form-group button{
background:none;
} .contact-info-section-two{
position:relative;
padding:120px 0px 0px;
}
.info-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.info-block .inner-box{
position:relative;
padding:50px 30px;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.info-block .inner-box:hover{
border-color:var(--main-color);
}
.info-block .icon-outer{
position:relative;
display:inline-block;
}
.info-block .icon-outer:before{
position:absolute;
content:'';
left:-15px;
top:-5px;
width:45px;
height:45px;
opacity:0.10;
border-radius:50px;
background-color:var(--main-color);
}
.info-block .icon-outer .icon{
position:relative;
line-height:1em;
color:var(--main-color);
font-size:var(--font-50);
font-family: "Flaticon";
}
.info-block h4{
font-weight:500;
text-transform:capitalize;
margin-top:var(--margin-top-20);
}
.info-block .text{
font-weight:500;
line-height:30px;
color:var(--color-five);
font-size:var(--font-20);
text-transform:capitalize;
margin-top:var(--margin-top-10);
}
.info-block .text a{
font-weight:500;
color:var(--color-five);
}
.info-block .text a:hover{
color:var(--main-color);
}
.contact-info-section-two .form-box{
position:relative;
z-index:1;
padding:80px 80px 70px;
background-color:var(--white-color);
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.contact-info-section-two .form-box h3{
position:relative;
font-weight:500;
color:var(--color-two);
margin-bottom:var(--margin-bottom-30);
} .contact-form{
position:relative;
}
.contact-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color: var(--color-nineteen);
height:54px;
font-size:var(--font-14);
border-radius:0px;
background-color: var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Roboto);
border:1px solid rgba(var(--color-two-rgb), 0.07);
box-shadow:0px 5px 10px rgba(0,0,0,0.05);
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:var(--color-two);
background-color:var(--white-color);
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
height:200px;
resize:none;
line-height:24px;
border-radius:0px;
padding:15px 20px 25px;
color: var(--color-nineteen);
font-size:var(--font-14);
background-color: var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: var(--font-family-Roboto);
box-shadow:0px 5px 10px rgba(0,0,0,0.05);
border:1px solid rgba(var(--color-two-rgb), 0.07);
}
.contact-form .form-group button{
background:none;
}
.contact-form .save{
position:relative;
font-size:var(--font-18);
color:var(--color-nineteen);
margin-top:var(--margin-top-20);
padding-left:var(--padding-left-40);
padding-left:var(--padding-left-25);
}
.contact-form .form-group .save:before{
position:absolute;
left:0px;
content:'';
content: "\f197";
color:#4ce59c;
font-size:var(--font-18);
font-family: "flaticon";
} .map-section{
position:relative;
}
.map-section iframe{
position:relative;
width:100%;
height:670px;
margin-top:-180px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;	
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;	
}