* {
margin:0px;
padding:0px;
border:none;
outline:none;
} body {
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
font-family: 'Roboto', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:var(--thm-base);
}
button{
cursor:pointer;
text-decoration:none;
outline:none !important;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Montserrat', sans-serif;
}
input,button,select,textarea{
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;	
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
overflow:hidden;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;	
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
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;
}
.centered{
text-align:center;	
} h1{
position:relative;
font-size:72px;
font-weight:700;
line-height:1.1em;
}
h2{
position:relative;
font-size:36px;
font-weight:700;
line-height:1.5em;
}
h3{
position:relative;
color:#222222;
font-size:28px;
font-weight:700;
line-height:1.3em;
}
h4{
position:relative;
font-size:24px;
color:#222222;
line-height:1.3em;
font-weight:700;
}
h5{
position:relative;
font-size:20px;
color:#222222;
font-weight:700;
line-height:1.3em;
}
h6{
position:relative;
font-size:18px;
color:#222222;
font-weight:700;
line-height:1.3em;
} .list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#ffffff;
font-size:14px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:20px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:5px;
color:#f05626;
font-size:18px;
line-height:1em;
font-weight:300;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
} .list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#ffffff;
font-size:16px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:12px;
}
.list-style-two li .icon{
position:absolute;
left:0px;
top:5px;
color:var(--thm-base);
font-size:18px;
line-height:1em;
font-weight:300;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.list-style-two li a{
position:relative;
color:#ffffff;
} .list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
color:var(--thm-text);
font-size:16px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:12px;
}
.list-style-three li:before{
position:absolute;
content: "\f139";
left:0px;
top:5px;
color:var(--thm-base);
font-size:16px;
line-height:1em;
font-family: "Flaticon";
}
.list-style-three li:last-child{
margin-bottom:0px;
} .updated-list-style-one{
position:relative;
z-index:1;
}
.updated-list-style-one li{
position:relative;
color:#555555;
font-size:14px;
font-weight:400;
margin-bottom:30px;
padding-left:60px;
line-height:1.5em;
}
.updated-list-style-one li strong{
position:relative;
color:#000000;
font-size:15px;
font-weight:600;
display:block;
margin-bottom:2px;
font-family: 'Roboto', sans-serif;
}
.updated-list-style-one li .icon{
position:absolute;
left:0px;
top:10px;
color:#222222;
font-size:40px;
} .sec-title-two{
position:relative;
margin-bottom:35px;
}
.sec-title-two .title-inner{
position:relative;
padding-bottom:25px;
}
.sec-title-two .title-inner:before{
position:absolute;
content:'';
left:0px;
width:60px;
bottom:0px;
height:4px;
background-color:var(--thm-base);
}
.sec-title-two .title{
position:relative;
color:var(--thm-base);
font-size: 14px;
line-height: 1.6em;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.sec-title-two h3{
margin-top:15px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.sec-title-two.light h3{
color:#ffffff;
}
.sec-title-two.light .title-inner:before{
background-color:#777777;
}
.sec-title-two.centered{
text-align: center !important;
}
.sec-title-two.centered .title-inner:before{
left:50% !important;
margin-left:-25px;
} .sec-title-three{
position:relative;
margin-bottom:45px;
}
.sec-title-three h2{
color:#222222;
font-weight:600;
line-height:1.1em;
padding-bottom:20px;
border-bottom:1px solid #e1e4e7;
font-family: 'Roboto', sans-serif;
}
.sec-title-three h2:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:60px;
height:1px;
background-color:var(--thm-base);
}
.sec-title-three.light h2{
color:#ffffff;
border-color:rgba(255,255,255,0.10);
}
.sec-title-three.grey-border h2{
border-color:rgba(229,229,229,0.60);
}
.sec-title-three.centered{
text-align:center;
}
.sec-title-three.centered h2:before{
left:50%;
margin-left:-30px;
}  .social-icon-two{
position: relative;
display: block;
}
.social-icon-two .title{
position: relative;
font-size: 20px;
line-height: 26px;
color: #222222;
font-weight: 600;
margin-right: 15px;
letter-spacing:1px;
margin-left:6px;
}
.social-icon-two li{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #222222;
margin-right: 15px;
}
.social-icon-two li:last-child{
margin-right: 0;
}
.social-icon-two li a{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-two li a:hover{
color: var(--thm-base);
}
.social-icon-two{
position:relative;
}
.social-icon-two li.share{
color:#ffffff;
font-weight:600;
font-size:18px;
display:block;
margin-bottom:18px;
font-family: 'Roboto', sans-serif;
}
.social-icon-two li{
position:relative;
margin-right:8px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:38px;
height:38px;
font-size:15px;
color:#848484;
display:inline-block;
text-align:center;
line-height:36px;
border:1px solid rgba(255,255,255,0.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;
}
.social-icon-two li a:hover{
color:var(--thm-base);
} .social-icon-three{
position:relative;
}
.social-icon-three li{
position:relative;
width:40px;
height:40px;
margin-bottom:8px;
text-align:center;
}
.social-icon-three li a{
position:relative;
display:block;
width:40px;
height:40px;
line-height:40px;
color:#222222;
font-size:14px;
background:#f4f4f4;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.social-icon-three li a:hover{
color:#ffffff;
background:var(--thm-base);
} .social-icon-four{
position:relative;
text-align:center;
padding-top:1px;
padding-bottom:1px;
display:inline-block;
background-color:var(--thm-base);
}
.social-icon-four li{
position:relative;
margin-bottom:1px;
}
.social-icon-four li:last-child{
margin-bottom:0px;
}
.social-icon-four li a{
position:relative;
font-size:18px;
color:#ffffff;
display:block;
padding:12px 20px 12px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.social-icon-four li a:hover{
color:#ffffff;
background-color:#222222;
} .btn-style-one{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
overflow: hidden;
background:none;
border-radius:0px;
padding: 15px 42px 15px;
text-transform: capitalize;
background-color:var(--thm-base);
}
.btn-style-one:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color:var(--thm-secnd);
}
.btn-style-one .txt{
position:relative;
z-index:1;
}
.btn-style-one:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover{
color: #ffffff;
} .btn-style-two{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #111111;
padding: 12px 32px 12px;
font-weight: 400;
overflow: hidden;
background:#ffffff;
letter-spacing:1px;
border-radius:3px;
text-transform: capitalize;
}
.btn-style-two:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color:var(--thm-base);
}
.btn-style-two .txt{
position:relative;
z-index:1;
}
.btn-style-two:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover{
color: #ffffff;
} .btn-style-three{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:var(--thm-base);
padding: 14px 40px 14px;
text-transform: capitalize;
}
.btn-style-three:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color:#ffffff;
}
.btn-style-three .txt{
position:relative;
z-index:1;
}
.btn-style-three:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover{
color: var(--thm-base);
} .btn-style-four{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:none;
letter-spacing:1px;
padding: 16px 44px;
text-transform: capitalize;
background-color:var(--thm-base);
font-family: 'Roboto', sans-serif;
}
.btn-style-four:before{
position: absolute;
content: '';
top: 0;
left: 97%;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-color:var(--thm-secnd);
}
.btn-style-four .txt{
position:relative;
z-index:1;
}
.btn-style-four:hover::before{
opacity: 1;
left:0%;
width:100%;
}
.btn-style-four:hover{
color: #ffffff;
} .btn-style-five{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 14px 38px 14px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
text-transform: capitalize;
border:2px solid #ffffff;
}
.btn-style-five:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: var(--thm-base);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-five .txt{
position:relative;
z-index:1;
}
.btn-style-five:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-five:hover{
color: #ffffff;
border-color:var(--thm-base);
} .btn-style-six{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:none;
letter-spacing:1px;
padding: 16px 44px;
text-transform: capitalize;
background-color:var(--thm-base);
font-family: 'Roboto', sans-serif;
}
.btn-style-six:before{
position: absolute;
content: '';
top: 0;
left: 98%;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-color:#ffffff;
}
.btn-style-six .txt{
position:relative;
z-index:1;
}
.btn-style-six:hover::before{
opacity: 1;
left:0%;
width:100%;
}
.btn-style-six:hover{
color: var(--thm-base);
} .btn-style-seven{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 14px 38px 14px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
text-transform: capitalize;
border:2px solid #ffffff;
}
.btn-style-seven:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: var(--thm-secnd);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-seven .txt{
position:relative;
z-index:1;
}
.btn-style-seven:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-seven:hover{
color: #ffffff;
border-color:var(--thm-secnd);
} .updated-btn-style-one{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 8px 36px;
font-weight: 600;
overflow: hidden;
border-radius: 2px;
overflow:hidden;
background:none;
letter-spacing:2px;
text-transform: uppercase;
border:2px solid #ffffff;
}
.updated-btn-style-one .txt{
position:relative;
z-index:1;
}
.updated-btn-style-one:hover{
color: #222222;
background-color:#ffffff;
} .social-icon-one{
position: relative;
display: block;
}
.social-icon-one .title{
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
display:block;
margin-bottom:12px;
}
.social-icon-one li{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 4px;
}
.social-icon-one li:last-child{
margin-right: 0;
}
.social-icon-one li a{
position: relative;
font-size: 16px;
color: var(--thm-base);
width:40px;
height:40px;
line-height:36px;
text-align:center;
display:inline-block;
border:2px solid var(--thm-base);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover{
color: #ffffff;
border-color:#222222;
background-color:#222222;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(//zitaeng.com/wp-content/themes/montro/assets/images/icons/preloader.svg); background-size:100px; }
.theme_color{
color:var(--thm-base);
}
img{
display:inline-block;
max-width:100%;
height:auto;
} .back-to-top {
position: fixed;
right: 1.5%;
bottom: -7.5%;
height: 15px;
cursor: pointer;
width: 40px;
padding: 3px 5px;
font-size: 10px;
font-weight: bold;
color: transparent;
text-align: center;
z-index: 3;
visibility: hidden;
outline: 0 !important;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: #434343;
}
.back-to-top::before, .back-to-top::after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 0;
}
.back-to-top::before{
top: -20px;
z-index: 4;
border-bottom: 20px solid #434343;
}
.back-to-top::after {
bottom: 0;
z-index: 5;
border-bottom: 20px solid var(--thm-base);
}
.back-to-top:hover, .back-to-top:focus {
opacity: 1;
text-decoration: none;
height: 40px;
color: #ffffff;
}
.back-to-top.show-back-to-top {
display: block;
bottom: 1.25%;
visibility: visible;
} .sec-title{
position:relative;
margin-bottom:40px;
}
.sec-title .title{
position: relative;
z-index:1;
color: var(--thm-base);
font-size: 16px;
font-weight: 700;
padding-left:45px;
margin-bottom: 15px;
display:inline-block;
letter-spacing:1px;
text-transform: uppercase;
}
.sec-title .title .separator{
position:absolute;
left:0px;
top:7px;
width:30px;
height:7px;
}
.sec-title .title .separator:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:25px;
height:2px;
background-color:#111111;
}
.sec-title .title .separator:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:2px;
background-color:#111111;
}
.sec-title .title .separator-two{
position:absolute;
right:0px;
top:7px;
width:30px;
height:7px;
}
.sec-title .title .separator-two:before{
position:absolute;
content:'';
right:0px;
top:0px;
width:25px;
height:2px;
background-color:#111111;
}
.sec-title .title .separator-two:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:100%;
height:2px;
background-color:#111111;
}
.sec-title.light .title .separator:before,
.sec-title.light .title .separator:after,
.sec-title.light .title .separator-two:before,
.sec-title.light .title .separator-two:after{
background-color:#ffffff;
}
.sec-title h2{
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.3em;
text-transform: capitalize;
}
.sec-title .text{
position: relative;
color: var(--thm-text);
font-size: 16px;
font-weight: 400;
line-height:1.8em;
margin-top:15px;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .text{
color:#ffffff;
}
.sec-title.centered{
text-align:center !important;
}
.sec-title.centered .title{
padding-right:45px;
} .main-header{
position:relative;
z-index:20;
width:100%;
}
.header-top{
position:relative;
overflow:hidden;
}
.header-top .inner-container{
position:relative;
padding:14px 0px 0px;
}
.header-top .top-left{
position:relative;
float:left;
}
.header-top .top-left .text{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:15px;
}
.header-top .top-list{
position:relative;
float:left;
padding-right:30px;
}
.header-top .top-list li{
position:relative;
font-size:14px;
color:#ffffff;
margin-right:20px;
padding-left:25px;
display:inline-block;
}
.header-top .top-list li a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-top .top-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#111111;
font-size:14px;
}
.header-top .top-list li a:hover{
color:#111111;
}
.header-top .top-right{
position:relative;
float:right;
}
.header-top .top-right .social-box{
position:relative;
float:left;
}
.header-top .top-right .social-box:before{
position:absolute;
content:'';
left:0px;
top:-15px;
right:-3000px;
bottom:-15px;
background-color:#222222;
}
.header-top .top-right .social-box li{
position:relative;
margin-left:20px;
display:inline-block;
}
.header-top .top-right .social-box li a{
position:relative;
color:#ffffff;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-top .top-right .social-box li a:hover{
color:var(--thm-base);
}
.header-style-one{
border-top:6px solid #222222;
}
.header-style-one:before{
position:absolute;
content:'';
left:0px;
top:-6px;
width:35%;
height:6px;
background-color:var(--thm-base);
} .main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background: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;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:20px 0px;
}
.main-header .logo-box .logo img{
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.main-header .nav-toggler{
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button{
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper{
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;
}
.main-header .header-upper .upper-right{
position:relative;
padding-top:30px;
}
.main-header .nav-outer{
position:relative;
}
.main-header .main-menu .navigation > li.dropdown > a{
padding-right:15px !important;
}
.main-header .main-menu .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
font-size: 14px;
line-height: 32px;
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-header .main-menu .navigation > li:before{
position:absolute;
content:'';
left:0px;
top:0px;
height:5px;
right:0px;
opacity:0;
background-color:var(--thm-base);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transform:scale(0.5,1);
}
.main-header .main-menu .navigation > li:hover::before,
.main-header .main-menu .navigation > li.current::before{
opacity:1;
transform:scale(1,1);
}
.main-header .header-lower{
position: relative;
border-top:1px solid #dddddd;
}
.main-header .header-lower .logo-box{
position: relative;
}
.main-header .header-lower .logo-box .logo{
position: relative;
}
.main-header .header-lower .nav-btn{
position:absolute;
left:0px;
top:0px;
cursor:pointer;
color:#000000;
font-size:26px;
padding:17px 0px;
}
.main-header .info-box{
position:relative;
float:left;
z-index:1;
min-height:56px;
margin-left:40px;
font-size:15px;
color:#777777;
text-align:left;
padding:0px 35px 0px 65px;
border-right:1px solid rgba(0,0,0,0.10);
}
.main-header .info-box:last-child{
padding-right:0px;
border:0px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:3px;
font-size:42px;
color:var(--thm-base);
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box ul li{
position:relative;
line-height:20px;
color:#222222;
font-size:16px;
margin-bottom:8px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong{
position:relative;
font-weight:600;
color:#222222;
font-size:18px;
text-transform:capitalize;
}
.main-header .info-box ul li a{
position:relative;
color:#222222;
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
display: block !important;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:20px;
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-menu .navigation > li:last-child{
margin-right:0px;
}
.sticky-header .main-menu .navigation > li > a{
padding:20px 0px !important;
color:#444444 !important;
}
.sticky-header .main-menu .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
color:#222222;
font-size: 14px;
line-height: 32px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:var(--thm-base);
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:26px;
} .sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e6e6e6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:9px 0px 9px;
}
.fixed-header .sticky-header{
z-index:999999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;	
}
.main-header .sticky-header .options-box{
padding:5px 0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#222222;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0px;
opacity:1;
font-weight:500;
padding:15px 0px;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .main-menu .navigation > li{
margin-left:30px;
margin-right:0px !important;
}
.sticky-header .main-menu .navigation > li::before{
bottom:-1px;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
padding:20px 15px;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius: 0px;
background-color:#ffffff;
box-shadow: 0px 0px 10px rgb(0,0,0,0.10);
}
.main-menu .navigation > li.dropdown:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;	
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
font-weight:500;
font-size:15px;
text-transform:capitalize;
color:#222222;
}
.main-menu .navigation > li > ul > li.updates{
padding:8px 10px;
color:#ffffff;
left:10px;
right:10px;
width:auto;
margin-right:20px;
background-color:var(--thm-base);
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:6px 18px;
line-height:24px;
font-weight:500;
font-size:15px;
text-transform:capitalize;
color:#222222;
padding-left:10px;
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-menu .navigation > li > ul > li > a:before{
position: absolute;
top: -6px;
left: 8px;
color: transparent;
content: '.';
text-shadow: 0 0 transparent;
font-size: 2em;
line-height: 1em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
pointer-events: none;
animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li > ul > li:hover > a::before{
opacity:1;
color:#000000;
text-shadow: 8px 0 var(--thm-base), -8px 0 var(--thm-base);
}
.main-menu .navigation > li > ul > li:hover > a{
color:var(--thm-base);
padding-left:30px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:10px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;	
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#222222;	
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:107%;
top:0px;
width:15rem;
padding:20px 15px;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius:0px;
background-color:#ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul:before{
position:absolute;
content:'';
left:-30px;
top:0px;
width:40px;
height:100%;
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;	
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
}
.main-menu .navigation > li > ul > li > ul > li > a{
position: relative;
display: block;
padding: 6px 18px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: #222222;
padding-left: 10px;
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-menu .navigation > li > ul > li > ul > li > a:before{
position: absolute;
top: -6px;
left: 8px;
color: transparent;
content: '.';
text-shadow: 0 0 transparent;
font-size: 2em;
line-height: 1em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
pointer-events: none;
animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a::before{
opacity:1;
color:#000000;
text-shadow: 8px 0 var(--thm-base), -8px 0 var(--thm-base);
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:var(--thm-base);
padding-left:30px;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;	
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;	
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .options-box{
position:relative;
float:right;
padding:0px 0px;
margin-left:0px;
}
.main-header .options-box .nav-btn{
position:relative;
float:left;
cursor:pointer;
color:#111111;
font-size:28px;
padding:16px 0px;
} .main-header .options-box .btn-box{
position:relative;
float:left;
height:60px;
}
.main-header .search-box-outer{
position: relative;
float:left;
margin-top:10px;
margin-left:25px;
margin-right:25px;
}
.main-header .search-box-outer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
transform: skewX(-10deg);
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-image: -ms-linear-gradient(left, #444344 0%, #000101 100%);
background-image: -moz-linear-gradient(left, #444344 0%, #000101 100%);
background-image: -o-linear-gradient(left, #444344 0%, #000101 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #444344), color-stop(100, #000101));
background-image: -webkit-linear-gradient(left, #444344 0%, #000101 100%);
background-image: linear-gradient(to right, #444344 0%, #000101 100%);
}
.main-header .search-box-outer:hover::before{
transform: skewX(10deg);
background-image: -ms-linear-gradient(right, #444344 0%, #000101 100%);
background-image: -moz-linear-gradient(right, #444344 0%, #000101 100%);
background-image: -o-linear-gradient(right, #444344 0%, #000101 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #444344), color-stop(100, #000101));
background-image: -webkit-linear-gradient(right, #444344 0%, #000101 100%);
background-image: linear-gradient(to left, #444344 0%, #000101 100%);
}
.main-header .search-box-btn{
position:relative;
float:left;
width:40px;
height:40px;
display:block;
font-size:16px;
color:#ffffff;
padding:0px;
margin:0px;
cursor:pointer;
line-height:38px;
text-align:center;
border-radius:50px;
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;
}
.main-header .search-box-btn:after{
display:none;
}
.main-header.fixed-header{
}
.main-header .options-box .cart-box{
position:relative;
float:left;
color:#ffffff;
font-size:16px;
background:none;
margin-top:20px;
display:inline-block;
}
.main-header .options-box .cart-box .cart-box-btn{
background:none;
color:#ffffff;
cursor: pointer;
font-size: 24px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .options-box .cart-box .cart-box-btn:after{
display:none;
}
.main-header .options-box .cart-box .cart-box-btn .total-cart{
position:absolute;
right: -8px;
top: -8px;
width:18px;
height:18px;
color:#ffffff;
font-weight:700;
font-size:12px;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:#f7951c;
}
.main-header .options-box .cart-box .cart-box-btn:hover{
color:#f7951c;
}
.main-header .options-box .cart-product{
position:relative;
margin-bottom:18px;
min-height:90px;
border-bottom:1px solid #e4e4e4;
}
.main-header .options-box .cart-product .inner{
position:relative;
padding-left:90px;
min-height:70px;
}
.main-header .options-box .cart-product .inner .cross-icon{
position:absolute;
right:0px;
top:-2px;
z-index:1;
color:#263120;
font-size:16px;
cursor:pointer;
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-header .options-box .cart-product .inner .cross-icon:hover{
color:#f7951c;
}
.main-header .options-box .cart-product .inner .image{
position:absolute;
left:0px;
top:0px;
overflow:hidden;
border-radius:50px;
}
.main-header .options-box .cart-product .inner .image img{
width:100%;
display:block;
width:66px;
height:66px;
}
.main-header .options-box .cart-product .inner h3{
position:relative;
font-weight:600;
font-size:15px;
margin:0px;
letter-spacing: 1px;
text-transform:capitalize;
}
.main-header .options-box .cart-product .inner h3 a{
color:#222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .options-box .cart-product .inner h3 a:hover{
color:#f7951c;
}
.main-header .options-box .cart-product .inner .quantity-text{
position:relative;
font-weight:300;
color:#666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .options-box .cart-product .inner .price{
position:relative;
font-weight:700;
font-size:16px;
margin:0px;
color:#222222;
}
.main-header .options-box .cart-box .cart-panel{
left: auto !important;
right: 0px !important;
border-radius:10px;
padding:20px 20px;
min-width:300px;
margin-top:70px;
z-index: 1;
border:0px;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .options-box .cart-box .cart-panel .cart-total{
color:#000000;
font-size:15px;
font-weight:400;
text-align:center;
text-transform:capitalize;
}
.main-header .options-box .cart-box .cart-panel .cart-total span{
font-weight:800;
font-size:18px;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed{
position:relative;
text-align:center;
margin-top:20px;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li a{
position:relative;
color:#ffffff;
font-weight:500;
font-size:12px;
border-radius:50px;
padding:9px 20px 8px;
border-radius: 50px;
display:inline-block;
background-color:#f7951c;
border:2px solid #f7951c;
text-transform:uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li a:hover{
color:#f7951c;
background:none;
}
.main-header .options-box .cart-box .icon a{
color:#999999;
} .main-menu .navigation > li.has-mega-menu{
position:static;
}
.main-menu .navigation > li > .mega-menu{
position:absolute;
left:0px;
right: 0;
margin: auto;
width:100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li:hover > .mega-menu{
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar{
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3{
position:relative;
color:#020e28;
font-size:16px;
font-weight:500;
padding-bottom:12px;
margin-bottom:10px;
border-bottom:1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
padding:7px 0px;
text-transform:capitalize;
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-menu .navigation > li .mega-menu-bar .column{
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
position:relative;
display:block;
line-height:20px;
font-weight:500;
font-size:15px;
color:#222222;
text-transform:capitalize;
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-menu .navigation > li .mega-menu-bar .column > ul > li > a:before {
position: absolute;
top: -11px;
left: 8px;
color: transparent;
content: '.';
text-shadow: 0 0 transparent;
font-size: 2em;
line-height: 1em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
pointer-events: none;
animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
color: var(--thm-base);
padding-left: 30px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover::before{
opacity: 1;
color: #000000;
text-shadow: 8px 0 var(--thm-base), -8px 0 var(--thm-base);
} .header-style-two .logo-box{
padding:10px 0px;
}
.main-header.header-style-two .nav-outer{
padding-left:0px;
}
.header-style-two .header-upper .upper-right{
padding-top:0px;
}
.header-style-two .main-menu .navigation > li > a{
padding:30px 0px;
}
.header-style-two .options-box{
padding:15px 0px;
margin-left:30px;
}
.main-header.header-style-two .main-menu .navigation > li:before{
bottom:0px;
top:auto;
} .header-style-three{
position:absolute;
left:0px;
top:0px;
right:0px;
}
.main-header.header-style-three .info-box{
border-color:rgba(255,255,255,0.15);
}
.main-header.header-style-three .header-lower{
border:0px;
}
.header-style-three .inner-container{
position:relative;
padding:0px 30px;
background-color:#222222;
}
.header-style-three .logo-box{
padding:13px 0px;
}
.header-style-three .info-box strong,
.header-style-three .info-box ul li,
.header-style-three .info-box ul li a{
color:#ffffff;
}
.header-style-three .header-upper .upper-right{
padding:20px 0px 0px;
}
.main-header.header-style-three .header-lower .inner-container{
background-color:var(--thm-base);
}
.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
}
.header-style-three .header-lower .nav-btn{
color:#ffffff;
}
.header-style-three .social-box{
position:relative;
padding:18px 0px;
float:left;
}
.header-style-three .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.header-style-three .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
} .header-style-three .search-box{
position:relative;
float:left;
padding:5px 0px;
}
.header-style-three .search-box .form-group{
position:relative;
margin:0px;	
}
.header-style-three .search-box .form-group input[type="text"],
.header-style-three .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
padding:10px 50px 10px 20px;
background:none;
display:block;
font-size:15px;
width:100%;
height:50px;
color:#ffffff;
border-radius:0px;
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(255,255,255,0.40);
}
.header-style-three .search-box .form-group input::placeholder,
.header-style-three .search-box .form-group textarea::placeholder{
color:#ffffff;
}
.header-style-three .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:50px;
display:block;
font-size:16px;
color:var(--thm-base);
line-height:100%;
font-weight:normal;
background:#ffffff;
border-radius:0px;
} .sidebar-info-contents{
position:relative;
}
.sidebar-info-contents .content-inner{
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding:0px 0px 40px;
}
.sidebar-info-contents .content-inner .logo img{
display:inline-block;
max-width:100%;	
}
.sidebar-info-contents .content-inner .content-box{
position:relative;
}
.sidebar-info-contents .content-inner .content-box h2{
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .content-box .text{
position:relative;
font-size:14px;
color:rgba(255,255,255,0.90);
margin-bottom:25px;
}
.sidebar-info-contents .content-inner .contact-info{
position:relative;
margin-top:60px;
}
.sidebar-info-contents .content-inner .contact-info h2{
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .social-box{
position:relative;
margin-top:20px;
margin-bottom:30px;
}
.sidebar-info-contents .content-inner .social-box li{
position:relative;
display:inline-block;
margin-right:6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a{
position:relative;
width:36px;
height:36px;
color:#222222;
z-index:1;
font-size:13px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
}
.close-side-widget,
.close-side-widget:hover{
color:#ffffff;
font-size:24px;
} .form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:14px;
font-style:normal;
height:50px;
padding:10px 20px 10px 20px;
line-height:28px;
color:#777777;
border: none;
border-radius:0px;
background:#ffffff;
border:1px solid #cccccc;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:2px;
text-indent:0px;
color:#333333;	
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#999999;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
font-weight:800;
}
.ui-widget.ui-widget-content{
}
.ui-menu .ui-menu-item{
font-size:14px;
}
.ui-menu .ui-menu-item:last-child{
border:none;	
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:var(--thm-base);
border-color:var(--thm-base);
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:var(--thm-base);
} .search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
transform: scale(0,1);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:before{
position: absolute;
left: 0px;
top: 0%;
width: 100%;
height: 100%;
content: "";
transform: scale(0,1);
background-color:rgba(0,0,0,0.85);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.search-active .search-popup:before{
transform: scale(1,1);
}
.search-active .search-popup{
transform: scale(1,1);
margin-top: 0;
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
width: 70px;
cursor:pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 20px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:0px;	
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:18px;
line-height: 50px;
color:#000000;
height:70px;
width:100%;
padding: 10px 30px;
background-color: #ffffff;
-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-weight:500;
text-transform:capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:24px;
color:#000000;
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color:#000000;
} .nav-outer .mobile-nav-toggler{
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
color:#111111;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;	
}
.mobile-menu .nav-logo img{
max-width:200px;
height: auto !important;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
width:100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
border-radius: 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;
}
.mobile-menu-visible .mobile-menu .menu-box{
right:0px;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn{
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#111111;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.mobile-menu .navigation li > ul > li > a{
padding-left:30px;
}
.mobile-menu .navigation li > ul > li > ul{
padding-left:0px;
}
.mobile-menu .navigation li > ul > li > ul > li > a{
padding-left:40px;
}
.sticky-header .navbar-header{
display:none;
} .main-slider{
position:relative;
overflow:hidden;
}
.main-slider .slide{
position:relative;
overflow:hidden;
padding:140px 0px 0px;
background-size:cover;
}
.main-slider .slide:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background: #000000;
background: -webkit-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
}
.main-slider .content-column{
position:relative;
}
.main-slider .content-column .inner-column{
position:relative;
padding-top:80px;
}
.main-slider .title{
font-weight: 400;
margin-bottom: 20px;
opacity: 0;
color:#ffffff;
font-size:18px;
padding-left:40px;
transform: scaleY(0);
transform-origin: top;
-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 .active .title{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider .title:before{
position:absolute;
content:'';
left:0px;
top:7px;
width:30px;
height:7px;
border-top:2px solid var(--thm-base);
border-bottom:2px solid var(--thm-base);
}
.main-slider h1{
color:#ffffff;
margin-bottom:22px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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 .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider .text{
font-weight: 400;
margin-bottom: 35px;
opacity: 0;
color:#ffffff;
font-size:18px;
line-height:1.8em;
transform: scaleY(0);
transform-origin: top;
-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 .active .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider .btns-box{
opacity:0;
float:left;
transform: scaleY(0);
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: scaleY(1);
transition-delay:900ms;
}
.main-slider .btns-box .theme-btn{
margin-right:25px;
}
.main-slider .play-box{
position:relative;
float:left;
color:#ffffff;
font-size:16px;
padding-left:70px;
margin-top:15px;
opacity:0;
transform: scaleY(0);
transform-origin: top;
-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 .play-box{
opacity: 1;
transform: scaleY(1);
transition-delay:900ms;
}
.main-slider .play-box .play-button{
position:absolute;
left:0px;
top:-18px;
}
.main-slider .play-box .play-button span{
position: relative;
width:60px;
height: 60px;
z-index:10;
color: var(--thm-base);
font-weight:400;
font-size:16px;
text-align: center;
padding-left:4px;
display: inline-block;
line-height:60px;
border-radius:50%;
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-color:#ffffff;
}
.main-slider .play-box .play-button .ripple,
.main-slider .play-box .play-button .ripple:before,
.main-slider .play-box .play-button .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-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;
}
.main-slider .play-box .play-button .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 .play-button .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-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 .image{
position:relative;
opacity:0;
top:10px;
transform: scaleX(0);
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 .image{
opacity: 1;
transform: scaleX(1);
transition-delay:200ms;
}
.main-slider .owl-carousel .owl-stage-outer{
overflow:visible;
}
.main-slider .image-column{
position:relative;
}
.main-slider .image-column .inner-column{
position:relative;
}
.main-slider .owl-dots{
position:absolute;
left:40px;
top:50%;
display:none;
margin-top:-60px;
}
.main-slider .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
opacity:0.2;
margin:15px 0px;
border-radius:50px;
display:block;
background-color:#71758C;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-slider .owl-dots .owl-dot:hover,
.main-slider .owl-dots .owl-dot.active{
opacity:1;
background-color:#ff9138;
}
.main-slider .owl-nav{
display:none;
} .main-slider-two{
position:relative;
overflow:hidden;
}
.main-slider-two .slide{
position:relative;
overflow:hidden;
padding:170px 0px;
background-size:cover;
}
.main-slider-two .slide:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.80;
background: #000000;
}
.main-slider-two .content-box{
position:relative;
}
.main-slider-two .content-box .inner-box{
position:relative;
text-align:center;
}
.main-slider-two h1{
color:#ffffff;
margin-bottom:22px;
opacity: 0;
font-size:54px;
transform: scaleY(0);
transform-origin: top;
-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 h1 span{
color:var(--thm-base);
}
.main-slider-two .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-two .text{
font-weight: 400;
margin-bottom: 35px;
opacity: 0;
color:#ffffff;
font-size:18px;
line-height:1.8em;
transform: scaleY(0);
transform-origin: top;
-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 .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-two .btns-box{
opacity:0;
text-align:center;
transform: scaleY(0);
transform-origin: top;
-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: scaleY(1);
transition-delay:900ms;
}
.main-slider-two .btns-box .theme-btn{
margin:0px 10px;
}
.main-slider-two .owl-dots{
display:none;
}
.main-slider-two .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:99999;
width:100%;
opacity:0;
margin-top:-50px;
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:hover .owl-nav{
opacity:1;
}
.main-slider-two .owl-nav .owl-prev{
position:absolute;
left:20px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
font-size:24px;
text-align:center;
border-radius:5px;
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:2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-next{
position:absolute;
right:20px;
color:#ffffff;
font-size:24px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
border-radius:5px;
text-align:center;
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:2px solid rgba(255,255,255,0.60);
}
.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
}
.waves {
position: absolute;
left:0px;
bottom:0px;
width: 100%;
height: 15vh;
z-index:1;
margin-bottom: -8px;
min-height: 100px;
max-height: 150px; }
.waves .content {
position: relative;
height: 20vh;
text-align: center;
background-color: white; } .parallax > use {
-webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
.parallax > use:nth-child(1) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
-webkit-animation-duration: 7s;
animation-duration: 7s; }
.parallax > use:nth-child(2) {
-webkit-animation-delay: -3s;
animation-delay: -3s;
-webkit-animation-duration: 10s;
animation-duration: 10s; }
.parallax > use:nth-child(3) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
-webkit-animation-duration: 13s;
animation-duration: 13s; }
.parallax > use:nth-child(4) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
-webkit-animation-duration: 20s;
animation-duration: 20s;
} .main-slider-three{
position:relative;
overflow:hidden;
}
.main-slider-three .slide{
position:relative;
overflow:hidden;
padding:220px 0px 0px;
background-size:cover;
}
.main-slider-three .slide:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.50;
background: #000000;
}
.main-slider-three .content-column{
position:relative;
}
.main-slider-three .content-column .inner-column{
position:relative;
padding-top:140px;
text-align:right;
}
.main-slider-three .title{
font-weight: 400;
margin-bottom: 20px;
opacity: 0;
color:#ffffff;
font-size:18px;
padding-right:40px;
transform: scaleY(0);
transform-origin: top;
-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-three .active .title{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider-three .title:before{
position:absolute;
content:'';
right:0px;
top:7px;
width:30px;
height:7px;
border-top:2px solid var(--thm-base);
border-bottom:2px solid var(--thm-base);
}
.main-slider-three h1{
color:#ffffff;
margin-bottom:22px;
opacity: 0;
font-size:60px;
transform: scaleY(0);
transform-origin: top;
-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-three .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-three .text{
font-weight: 400;
margin-bottom: 35px;
opacity: 0;
color:#ffffff;
font-size:18px;
line-height:1.8em;
transform: scaleY(0);
transform-origin: top;
-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-three .active .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-three .btns-box{
opacity:0;
float:right;
transform: scaleY(0);
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: scaleY(1);
transition-delay:900ms;
}
.main-slider-three .btns-box .theme-btn{
margin-left:25px;
}
.main-slider-three .play-box{
position:relative;
float:right;
color:#ffffff;
font-size:16px;
padding-left:70px;
margin-top:15px;
opacity:0;
transform: scaleY(0);
transform-origin: top;
-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 .play-box{
opacity: 1;
transform: scaleY(1);
transition-delay:900ms;
}
.main-slider-three .play-box .play-button{
position:absolute;
left:0px;
top:-18px;
}
.main-slider-three .play-box .play-button span{
position: relative;
width:60px;
height: 60px;
z-index:10;
color: var(--thm-base);
font-weight:400;
font-size:16px;
text-align: center;
padding-left:4px;
display: inline-block;
line-height:60px;
border-radius:50%;
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-color:#ffffff;
}
.main-slider-three .play-box .play-button .ripple,
.main-slider-three .play-box .play-button .ripple:before,
.main-slider-three .play-box .play-button .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-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;
}
.main-slider-three .play-box .play-button .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-three .play-box .play-button .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-three .image{
position:relative;
opacity:0;
top:10px;
transform: scaleX(0);
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 .image{
opacity: 1;
transform: scaleX(1);
transition-delay:200ms;
}
.main-slider-three .owl-carousel .owl-stage-outer{
overflow:visible;
}
.main-slider-three .image-column{
position:relative;
}
.main-slider-three .image-column .inner-column{
position:relative;
}
.main-slider-three .owl-dots{
display:none;
}
.main-slider-three .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:99999;
width:100%;
opacity:0;
margin-top:-50px;
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-three:hover .owl-nav{
opacity:1;
}
.main-slider-three .owl-nav .owl-prev{
position:absolute;
left:20px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
font-size:24px;
text-align:center;
border-radius:0px;
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:2px solid rgba(255,255,255,0.60);
}
.main-slider-three .owl-nav .owl-next{
position:absolute;
right:20px;
color:#ffffff;
font-size:24px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
border-radius:0px;
text-align:center;
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:2px solid rgba(255,255,255,0.60);
}
.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
} .about-section{
position:relative;
padding:100px 0px 100px;
}
.about-section .inner-container{
position:relative;
background-color:#f5f5f5;
background-position:left bottom;
background-repeat:no-repeat;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
padding:70px 55px;
}
.about-section .content-column .sec-title{
margin-bottom:25px;
}
.about-section .content-column .text{
position:relative;
margin-bottom:35px;
}
.about-section .content-column .text p{
position:relative;
font-size:16px;
color:var(--thm-text);
line-height:1.7em;
margin-bottom:20px;
}
.about-section .content-column .text p:last-child{
margin-bottom:0px;
}
.about-section .content-column .signature{
margin-left:40px;
}
.about-section .image-column{
position:relative;
}
.about-section .image-column .inner-column{
position:relative;
}
.about-section .image-column .image{
position:relative;
}
.about-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.about-section .image-column .experiance-box{
position:absolute;
right:-25px;
bottom:30px;
}
.about-section .image-column .experiance-box:before{
position:absolute;
content:'';
right:0px;
bottom:-25px;
width: 0;
height: 0;
z-index:1;
border-top: 25px solid #111111;
border-right: 25px solid transparent;
}
.about-section .image-column .experiance-box .box-inner{
position:relative;
padding:30px 45px;
text-align:center;
border-radius:20px 0px 0px 0px;
background-color:rgba(240,85,35,0.95);
}
.about-section .image-column .experiance-box .count-box{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:700;
line-height:1em;
}
.about-section .image-column .experiance-box h6{
position:relative;
color:#ffffff;
font-weight:700;
margin-top:10px;
text-transform:uppercase;
} .services-section{
position:relative;
padding-bottom:100px;
}
.services-section .side-image{
position:absolute;
right:0px;
bottom:0px;
}
.services-section .owl-nav{
display:none;
}
.services-section .owl-dots{
position:relative;
margin-top:50px;
text-align:center;
}
.services-section .owl-dots .owl-dot{
position:relative;
width:15px;
height:15px;
margin:0px 7px;
border-radius:50px;
display:inline-block;
border:2px solid #111111;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active{
background-color:var(--thm-base);
border-color:var(--thm-base);
}
.services-section .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.services-section .owl-theme .service-block{
margin:0px 15px;
}
.services-section .owl-carousel{
margin:0px -15px;
width:auto;
}
.services-section .sec-title .text{
margin-top:65px;
}
.service-block{
position:relative;
margin-bottom:60px;
}
.service-block .inner-box{
position:relative;
padding:30px 30px 40px;
background-color:#ffffff;
border-bottom:4px solid var(--thm-base);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.service-block .inner-box .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block .inner-box:hover .pattern-layer{
opacity:1;
}
.service-block .inner-box .icon{
position:absolute;
right:0px;
top:0px;
color:var(--thm-base);
line-height:1em;
font-size:60px;
}
.service-block .inner-box .content{
position:relative;
}
.service-block .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block .inner-box h4 a:hover{
color:var(--thm-base);
}
.service-block .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
margin-top:25px;
}
.service-block .inner-box .read-more{
position:absolute;
right:30px;
bottom:-25px;
color:#ffffff;
font-weight:600;
padding:12px 24px;
background-color:#222222;
border-right:2px solid var(--thm-base);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block .inner-box:hover .read-more{
background-color:var(--thm-base);
border-color:#222222;
} .counter-section{
position:relative;
padding:100px 0px 250px;
}
.counter-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.80);
} .fact-counter{
position:relative;
z-index:1;
}
.fact-counter .column{
position:relative;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
padding:30px 20px;
border-left:3px solid var(--thm-base);
background-color:rgba(255,255,255,0.10);
}
.fact-counter .column .inner .content{
position:relative;
padding-left:90px;
}
.fact-counter .column .inner .icon{
position:absolute;
left:8px;
top:0px;
color:var(--thm-base);
font-size:60px;
text-align:center;
line-height:1em;
font-weight: 400;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.fact-counter .column .inner:hover .icon{
color:#ffffff;
-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);
}
.fact-counter .count-outer .percentage{
position:relative;
font-weight:600;
color:#ffffff;
font-size:30px;
line-height:1em;
}
.fact-counter .column .inner .count-outer{
position:relative;
font-weight:600;
color:#ffffff;
font-size:36px;
line-height:1em;
}
.fact-counter .column .inner .counter-title{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
margin-bottom:7px;
} .skill-section{
position:relative;
}
.skill-section.style-two{
padding-bottom:110px;
}
.skill-section.style-two .inner-container{
margin-top:0px;
}
.skill-section .inner-container{
position:relative;
padding:60px 60px;
margin-top:-210px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.skill-section .image-column{
position:relative;
}
.skill-section .image-column .inner-column{
position:relative;
padding-right:40px;
}
.skill-section .image-column .image{
position:relative;
padding-left:30px;
padding-top:30px;
}
.skill-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.skill-section .image-column .image .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:246px;
height:264px;
background-repeat:no-repeat;
}
.skill-section .image-column .image .text{
position:absolute;
left:0px;
bottom:30px;
color:#ffffff;
font-size:16px;
font-weight:700;
padding:10px 30px 10px 30px;
background-color:var(--thm-base);
border-radius:0px 50px 50px 0px;
}
.skill-section .image-column .image .text:before{
position:absolute;
content:'';
left:0px;
bottom:-30px;
border-top: 30px solid #a2a2a2; 
border-left: 30px solid transparent; 
}
.skill-section .skill-column{
position:relative;
}
.skill-section .skill-column .inner-column{
position:relative;
margin-left:-30px;
}
.skill-section .skill-column .sec-title{
margin-bottom:25px;
}
.skill-section .skill-column .btn-box{
margin-top:27px;
} .skills .skill-item{
position:relative;
margin-bottom:20px;
padding-bottom:6px;
border-bottom:2px solid #d7d7d7;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:7px;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
overflow:hidden;
height:7px;
}
.skills.style-two .skill-item .skill-bar .bar-inner{
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:7px;
width:0px;
border-bottom:7px solid var(--thm-base);
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:12px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#222222;
font-size:16px;
font-weight:700;
line-height:1.4em;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.skills .skill-item .skill-header .skill-percentage{
position:relative;
float:right;
font-weight:700;
color:#222222;
font-size:16px;
text-transform:uppercase;
} .project-section{
position:relative;
padding:100px 0px 100px;
}
.project-section .side-image{
position:absolute;
left:30px;
bottom:0px;
}
.project-section .filters{
position:relative;
margin-bottom:60px;
text-align:center;
}
.project-section .filters .filter-tabs{
position:relative;
}
.project-section .filters li{
position: relative;
display: inline-block;
color: #222222;
cursor: pointer;
font-size: 16px;
font-weight: 700;
margin:0px 20px 0px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-section .filters .filter.active,
.project-section .filters .filter:hover{
color:var(--thm-base);
}
.project-section .btn-box{
position:relative;
margin-top:20px;
}
.gallery-block.mix{
display:none;
} .gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
}
.gallery-block .inner-box .image-box{
position:relative;
margin-bottom:0px;
}
.gallery-block .inner-box .image-box img{
position:relative;
width:100%;
display:block;
}
.gallery-block .inner-box .image-box .overlay-box{
position:absolute;
left:20px;
top:20px;
right:20px;
bottom:20px;
color:#ffffff;
text-align:center;
background-color:rgba(240,85,35,0.90);
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;
}
.gallery-block .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;
}
.gallery-block .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block .inner-box .image-box .overlay-box .icon{
position:relative;
width:60px;
height:60px;
color:#ffffff;
line-height:60px;
font-size:22px;
text-align:center;
border-radius:0px;
font-weight:700;
margin:0px 4px;
display:inline-block;
background-color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.gallery-block .inner-box .image-box .overlay-box .icon:hover{
background-color:#ffffff;
color:#fe4c1c;
}
.gallery-block .inner-box .lower-content{
position:relative;
margin-right:50px;
margin-top:-60px;
background-color:#ffffff;
padding:28px 30px 28px 30px;
border-left:4px solid var(--thm-base);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.gallery-block .inner-box .lower-content .title{
position:relative;
color:#555555;
font-size:14px;
text-transform:uppercase;
}
.gallery-block .inner-box .lower-content h5{
margin-top:8px;
}
.gallery-block .inner-box .lower-content h5 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.gallery-block .inner-box .lower-content h5 a:hover{
color:var(--thm-base);
}
.gallery-block.style-two .inner-box .lower-content{
margin:0px;
background-color:#f5f5f5;
box-shadow:inherit;
} .cta-section{
position:relative;
padding:100px 0px 100px;
background-attachment:fixed;
background-size:cover;
}
.cta-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.60);
}
.cta-section .title-box{
position:relative;
text-align:center;
margin-bottom:40px;
}
.cta-section .title-box h2{
color:#ffffff;
}
.cta-section .cta-list{
position:relative;
text-align:center;
}
.cta-section .cta-list li{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:700;
margin-right:30px;
padding-left:50px;
letter-spacing:1px;
margin-bottom:12px;
display:inline-block;
text-transform:uppercase;
}
.cta-section .cta-list li:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:20px;
height:20px;
border:2px solid var(--thm-base);
}
.cta-section .cta-list li:last-child{
margin-right:0px;
}
.cta-section .btn-box{
position:relative;
margin-top:40px;
}
.cta-section .btn-box .theme-btn{
margin:0px 10px;
} .testimonial-section{
position:relative;
padding:100px 0px 100px;
background-color:#f5f5f5;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section .owl-nav{
position:absolute;
right:15px;
top:-90px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:#222222;
font-size:18px;
border-radius:2px;
line-height:38px;
margin-left:15px;
text-align:center;
display:inline-block;
border:1px solid #222222;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
background-color:var(--thm-base);
border-color:var(--thm-base);
color:#ffffff;
}
.testimonial-section .owl-dots{
display:none;
}
.testimonial-section .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.testimonial-section .owl-theme .testimonial-block{
margin:0px 15px;
}
.testimonial-section .owl-carousel{
margin:0px -15px;
width:auto;
}
.testimonial-block{
position:relative;
z-index:1;
}
.testimonial-block .inner-box{
position:relative;
padding:40px 45px;
border-radius:10px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.testimonial-block .inner-box:before{
position:absolute;
content:'';
left:30px;
right:30px;
bottom:-10px;
height:50px;
z-index:-1;
border-radius:50px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-block .inner-box:hover::before{
background-color:#e75222;
}
.testimonial-block .inner-box .quote-icon{
position:absolute;
right:60px;
bottom:60px;
color:#e5e5e5;
font-size:60px;
}
.testimonial-block .inner-box .author-image-outer{
position:relative;
}
.testimonial-block .inner-box .author-image-outer .author-image{
position:absolute;
right:0px;
top:-65px;
width:115px;
height:135px;
border-radius:0%;
}
.testimonial-block .inner-box .author-image-outer h6{
position:relative;
color:#222222;
font-size:18px;
font-weight:700;
line-height:1.3em;
text-transform:capitalize;
}
.testimonial-block .inner-box .author-image-outer .designation{
position:relative;
color:var(--thm-base);
font-size:14px;
margin-top:8px;
}
.testimonial-block .inner-box .author-image-outer .quote-icon{
position:absolute;
right:0px;
top:5px;
color:#dbdbdb;
line-height:1em;
font-size:40px;
}
.testimonial-block .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.9em;
margin-top:20px;
padding-right:40px;
}
.testimonial-block .inner-box .rating{
position:relative;
color:#ffaa01;
font-size:16px;
margin-top:10px;
} .team-section{
position:relative;
padding:100px 0px 80px;
}
.team-block{
position:relative;
margin-bottom:30px;
}
.team-block .inner-box{
position:relative;
padding-right:40px;
}
.team-block .inner-box .pattern-layer{
position:absolute;
left:0px;
top:75px;
width:100%;
height:111px;
background-repeat:repeat-x;
}
.team-block .inner-box:before{
position:absolute;
content:'';
left:35px;
bottom:0px;
right:0px;
top:185px;
background-color:#f5f5f5;
border-radius:0px 0px 0px 20px;
}
.team-block .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--thm-base);
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block .inner-box:hover .image img{
opacity:0.60;
transform:scale(1.07,1.07);
}
.team-block .inner-box .social-box{
position:absolute;
left:0px;
right:0px;
bottom:-60px;
text-align:center;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block .inner-box .social-box li{
position:relative;
margin:0px 4px;
display:inline-block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block .inner-box .social-box li:nth-child(1),
.team-block .inner-box .social-box li:nth-child(2){
left:-200px;
}
.team-block .inner-box .social-box li:nth-child(3){
bottom:-50px;
}
.team-block .inner-box .social-box li:nth-child(4),
.team-block .inner-box .social-box li:nth-child(5){
right:-200px;
}
.team-block .inner-box:hover .social-box li:nth-child(1),
.team-block .inner-box:hover .social-box li:nth-child(2){
left:0px;
}
.team-block .inner-box:hover .social-box li:nth-child(3){
bottom:0px;
}
.team-block .inner-box:hover .social-box li:nth-child(4),
.team-block .inner-box:hover .social-box li:nth-child(5){
right:0px;
}
.team-block .inner-box:hover .image .social-box{
bottom:40px;
}
.team-block .inner-box .social-box li a{
position:relative;
width:44px;
height:44px;
color:#111111;
text-align:center;
font-size:16px;
line-height:44px;
border-radius:50px;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block .inner-box .social-box li a:hover{
color:#ffffff;
background-color:var(--thm-base);
}
.team-block .inner-box .lower-content{
position:relative;
text-align:center;
padding-top:30px;
padding-bottom:30px;
}
.team-block .inner-box h4{
margin-bottom:5px;
}
.team-block .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block .inner-box h4 a:hover{
color:var(--thm-base);
}
.team-block .inner-box .designation{
position:relative;
color:#222222;
font-size:14px;
margin-top:5px;
} .team-section-two{
position:relative;
padding:100px 0px 70px;
}
.team-section-two .side-icon{
position:absolute;
left:60px;
top:-30px;
}
.team-block-two{
position:relative;
margin-bottom:30px;
}
.team-block-two .inner-box{
position:relative;
}
.team-block-two .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--thm-base);
}
.team-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover .image img{
opacity:0.60;
transform:scale(1.07,1.07);
}
.team-block-two .inner-box .social-box{
position:absolute;
bottom:-90px;
left:0px;
right:0px;
padding:0px 25px;
text-align:center;
border-radius:0px;
display:inline-block;
background-color:var(--thm-base);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box .social-box li{
position:relative;
margin:0px 10px;
display:inline-block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover .image .social-box{
bottom:0px;
}
.team-block-two .inner-box .social-box li a{
position:relative;
color:#ffffff;
font-size:16px;
line-height:44px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-two .inner-box .social-box li a:hover{
color:#ffffff;
background-color:var(--thm-base);
}
.team-block-two .inner-box .lower-content{
position:relative;
margin-top:35px;
padding-left:25px;
border-left:15px solid #dddddd;
}
.team-block-two .inner-box .lower-content:before{
position:absolute;
content:'';
left:-15px;
top:0px;
width:2px;
bottom:0px;
background-color:var(--thm-base);
}
.team-block-two .inner-box h5{
margin-bottom:5px;
}
.team-block-two .inner-box h5 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-two .inner-box h5 a:hover{
color:var(--thm-base);
}
.team-block-two .inner-box .designation{
position:relative;
color:#222222;
font-size:14px;
margin-top:5px;
} .news-section{
position:relative;
padding:100px 0px 80px;
background-color:#f5f5f5;
background-position:left bottom;
background-repeat:no-repeat;
}
.blog-page-section .news-block{
margin-bottom:60px;
}
.news-block{
position:relative;
margin-bottom:70px;
}
.news-block .inner-box{
position:relative;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block .inner-box .image{
position:relative;
background-color:var(--thm-base);
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.60;
}
.news-block .inner-box .image .post-date{
position:absolute;
left:25px;
bottom:-15px;
width:75px;
height:80px;
color:#ffffff;
font-size:36px;
padding-top:16px;
font-weight:800;
text-align:center;
background-color:var(--thm-base);
}
.news-block .inner-box .image .post-date span{
font-size:16px;
color:#ffffff;
display:block;
font-weight:400;
margin-top:10px;
}
.news-block .inner-box .lower-content{
position:relative;
padding:40px 25px 45px;
}
.news-block .inner-box .post-info{
position:relative;
margin-bottom: 15px;
}
.news-block .inner-box .post-info li{
position:relative;
font-size:14px;
font-weight:400;
opacity:0.80;
margin-right:25px;
color:#222222;
display:inline-block;
}
.news-block .inner-box .post-info li:first-child{
color:#222222;
}
.news-block .inner-box .post-info li i {
margin-right:5px;
}
.news-block .inner-box .post-info li:before{
position:absolute;
content:'';
right:-15px;
top:8px;
width:6px;
height:6px;
border-radius:50px;
display:inline-block;
background-color:#222222;
}
.news-block .inner-box .post-info li:last-child{
margin-right:0;
}
.news-block .inner-box .post-info li:last-child::before{
display:none;
}
.news-block .inner-box h4{
margin-bottom:25px;
font-weight:600;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.news-block .inner-box h4:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:50px;
height:4px;
background-color:var(--thm-base);
}
.news-block .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block .inner-box h4 a:hover{
color:var(--thm-base);
}
.news-block .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
}
.news-block .inner-box .read-more{
position:absolute;
left:30px;
bottom:-25px;
color:#ffffff;
font-weight:600;
padding:12px 24px;
background-color:#222222;
border-right:2px solid var(--thm-base);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.news-block .inner-box:hover .read-more{
background-color:var(--thm-base);
border-color:#222222;
} .clients-section{
position:relative;
padding:80px 0px 80px;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
opacity:0.7;
display:inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
} .newsletter-section{
position:relative;
background-color:var(--thm-base);
}
.newsletter-section .logo-column{
position:relative;
}
.newsletter-section .logo-column .inner-column{
position:relative;
padding:60px 0px;
}
.newsletter-section .logo-column .inner-column:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:800%;
background-color:#222222;
}
.newsletter-section .logo-column .logo{
position:relative;
}
.newsletter-section .form-column{
position:relative;
}
.newsletter-section .form-column .inner-column{
position:relative;
padding-top:65px;
}
.newsletter-section .form-column .title-box{
position:absolute;
left:0px;
top:0px;
}
.newsletter-section .form-column .title-box .box-inner{
position:relative;
color:#ffffff;
font-size:28px;
font-weight:500;
padding-left:95px;
line-height:1.3em;
}
.newsletter-section .form-column .title-box .icon{
position:absolute;
left:0px;
top:4px;
color:#222222;
font-size:60px;
line-height:1em;
font-weight:400;
}
.newsletter-section .form-column .content{
position:relative;
padding-left:360px;
} .newsletter-form{
margin-bottom:35px;
}
.newsletter-form .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
height:62px;
font-size:15px;
color:#000000;
border-radius:6px;
background:#ffffff;
padding:10px 140px 10px 20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.newsletter-form .form-group .submit-btn{
position:absolute;
right:0px;
top:0px;
color:#ffffff;
cursor:pointer;
font-size:16px;
font-weight:500;
padding:18.5px 36px;
display:inline-block;
background-color:#222222;
border-radius:0px 6px 6px 0px;
}
.newsletter-form.style-two .form-group .submit-btn{
background-color:var(--thm-base);
} .main-footer{
position:relative;
background-color:#222222;
background-image:url(//zitaeng.com/wp-content/themes/montro/assets/images/background/footer-bg.png);
background-repeat:no-repeat;
background-position:right center;
}
.main-footer .side-image{
position:absolute;
left:0px;
bottom:50px;
z-index:1;
}
.main-footer .footer-widget{
position:relative;
z-index:1;
margin-bottom:40px;
}
.main-footer .widgets-section{
position:relative;
padding-bottom:40px;
}
.main-footer .footer-widget h4{
color:#ffffff;
font-size:23px;
margin-bottom:25px;
text-transform:capitalize;
} .main-footer .news-widget{
position: relative;
}
.main-footer .news-widget .post{
position: relative;
min-height: 80px;
padding-left: 88px;
margin-bottom: 25px;
}
.main-footer .news-widget .post:last-child{
margin-bottom: 0;
}
.main-footer .news-widget .post .thumb{
position: absolute;
left: 0px;
top: 4px;
width: 72px;
overflow: hidden;
}
.main-footer .news-widget .post .thumb a{
display: block;
}
.main-footer .news-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.main-footer .news-widget .post h6{
position: relative;
color: #ffffff;
line-height: 1.4em;
font-weight: 600;
font-size:16px;
}
.main-footer .news-widget .post h6 a{
color:#ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .news-widget .post h6 a:hover{
color: var(--thm-base);
}
.main-footer .news-widget .post .date{
position: relative;
display: block;
font-size: 13px;
line-height: 1.3em;
color: #ffffff;
margin-top:10px;
text-transform:uppercase;
} .list-link{
position:relative;
}
.list-link li{
position:relative;
margin-bottom:13px;
}
.list-link li a{
position:relative;
color:#ffffff;
font-size:16px;
padding-left:26px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.list-link li a:hover{
color:#fe4c1c;
}
.list-link li a:before{
position:absolute;
content: "\f121";
left:0px;
top:2px;
font-size:14px;
line-height:1em;
font-family: "flaticon";
}
.main-footer .request-widget .phone{
position:relative;
color:#ffffff;
font-weight:700;
font-size:30px;
line-height:1.3em;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .request-widget .phone:hover{
color:var(--thm-base);
}
.main-footer .request-widget .text{
position:relative;
color:#ffffff;
font-size:16px;
opacity:0.80;
line-height:1.8em;
margin-top:15px;
margin-bottom:25px;
}
.main-footer .request-widget .theme-btn{
padding:16px 28px;
}
.main-footer .footer-bottom{
position:relative;
padding:20px 0px;
background-color:#000000;
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.main-footer .footer-bottom .copyright a{
position:relative;
font-weight:600;
color:#ffffff;
}
.main-footer .footer-bottom .social-box{
position:relative;
text-align:right;
}
.main-footer .footer-bottom .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.main-footer .footer-bottom .social-box li a{
position:relative;
color:#ffffff;
font-size:15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .footer-bottom .social-box li a:hover{
color:var(--thm-base);
}
.main-footer .logo-widget .logo{
margin-bottom:30px;
}
.main-footer .logo-widget .text{
position:relative;
color:#ffffff;
opacity:0.80;
line-height:1.9em;
}
.main-footer .lower-form-box{
position:relative;
padding:50px 0px 0px;
border-top:1px solid rgba(255,255,255,0.20);
}
.main-footer .lower-form-box .title-column{
position:relative;
}
.main-footer .lower-form-box .title-column .inner-column{
position:relative;
color:#ffffff;
font-size:27px;
font-weight:500;
line-height:1.4em;
padding-left:80px;
}
.main-footer .lower-form-box .title-column .icon{
position:absolute;
left:0px;
top:8px;
color:var(--thm-base);
font-size:60px;
line-height:1em;
font-weight:400;
}
.main-footer .lower-form-box .newsletter-form-two{
margin-top:10px;
} .newsletter-form-two{
margin-bottom:35px;
}
.newsletter-form-two .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
height:61px;
font-size:15px;
color:#000000;
border-radius:6px;
background:#ffffff;
padding:10px 180px 10px 20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.newsletter-form-two .form-group .submit-btn{
position:absolute;
right:0px;
top:0px;
color:#ffffff;
cursor:pointer;
font-size:16px;
font-weight:500;
padding:18.5px 36px;
display:inline-block;
background-color:var(--thm-base);
border-radius:0px 6px 6px 0px;
} .services-section-two{
position:relative;
padding:90px 0px 90px;
background-position:left bottom;
background-repeat:no-repeat;
}
.services-section-two .side-icon{
position:absolute;
right:0px;
z-index:1;
bottom:-130px;
}
.services-section-two .owl-nav{
display:none;
}
.services-section-two .owl-dots{
position:relative;
margin-top:20px;
text-align:center;
}
.services-section-two .owl-dots .owl-dot{
position:relative;
width:13px;
height:13px;
margin:0px 7px;
border-radius:50px;
display:inline-block;
border:2px solid #111111;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active{
background-color:var(--thm-base);
border-color:var(--thm-base);
}
.services-section-two .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.services-section-two .owl-carousel .owl-stage-outer .service-block-two{
margin:0px 15px;
}
.services-section-two .owl-carousel{
margin:0px -15px;
width:auto;
}
.services-section-two .pattern-layer{
position:absolute;
left:-50px;
bottom:0px;
width:1070px;
height:794px;
}
.service-block-two{
position:relative;
margin-bottom:30px;
}
.service-block-two .inner-box{
position:relative;
padding:0px 15px 30px;
}
.service-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:30px;
right:0px;
bottom:0px;
border-radius:5px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.12);
}
.service-block-two .inner-box .image{
position:relative;
border-radius:8px;
overflow:hidden;
background-color:#111111;
}
.service-block-two .inner-box .image img{
position:relative;
width:100%;
display: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:hover .image img{
transform:scale(1.05,1.05);
opacity:0.60;
}
.service-block-two .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(34,34,34,0.90);
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;
}
.service-block-two .inner-box .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px;
}
.service-block-two .inner-box .overlay-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.service-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;
}
.service-block-two .inner-box .overlay-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
}
.service-block-two .inner-box .overlay-box .read-more{
position:relative;
color:#ffffff;
font-size:15px;
line-height:24px;
padding:11px 24px;
border:1px solid #ffffff;
border-radius:15px 0px 0px 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .inner-box .overlay-box .read-more:hover{
border-color:var(--thm-base);
background-color:var(--thm-base);
}
.service-block-two .inner-box .lower-box{
position:relative;
margin-top:0px;
padding-top:15px; }
.service-block-two .inner-box .lower-box .box-inner{
position:relative;
padding:20px 10px 0px 80px;
}
.service-block-two .inner-box .lower-box .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
color:#ffffff;
font-size:34px;
line-height:60px;
border-radius:4px;
text-align:center;
display:inline-block;
background-color:var(--thm-base);
}
.service-block-two .inner-box .lower-box h6{
text-transform:uppercase;
}
.service-block-two .inner-box .lower-box h6 a{
position:relative;
color:#222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .inner-box .lower-box h6 a:hover{
color:var(--thm-base);
}
.service-block-two .inner-box .lower-box .text{
position:relative;
margin-top:42px;
line-height:1.8em;
font-size:16px;
margin-bottom:15px;
color:var(--thm-text);
}
.service-block-two .inner-box .more{
position:relative;
font-weight:600;
color:var(--thm-base);
font-size:16px;
text-transform:uppercase;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .inner-box .more:hover{
color:#111111;
} .goal-section{
position:relative;
padding:100px 0px 80px;
background-color:#f5f5f5;
}
.goal-section .dark-layer{
position:absolute;
right:120px;
top:-100px;
width:500%;
bottom:100px;
background-color:#222222;
}
.goal-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:25%;
height:100%;
background-color:#ffffff;
}
.goal-section .image-column{
position:relative;
z-index:1;
}
.goal-section .image-column .inner-column{
position:relative;
padding-top:90px;
padding-right:50px;
margin-left:-320px;
}
.goal-section .image-column .image{
position:relative;
}
.goal-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.goal-section .image-column .image .icon-button{
position:absolute;
right:-50px;
top:-50px;
}
.goal-section .image-column .image .icon-button span{
position: relative;
width:100px;
height: 100px;
z-index:10;
color: #ffffff;
font-weight:400;
font-size:50px;
text-align: center;
padding-left:0px;
display: inline-block;
line-height:100px;
border-radius:50%;
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-color:var(--thm-base);
}
.goal-section .image-column .image .icon-button .ripple,
.goal-section .image-column .image .icon-button .ripple:before,
.goal-section .image-column .image .icon-button .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(240, 85, 35, .6);
-moz-box-shadow: 0 0 0 0 rgba(240, 85, 35, .6);
-ms-box-shadow: 0 0 0 0 rgba(240, 85, 35, .6);
-o-box-shadow: 0 0 0 0 rgba(240, 85, 35, .6);
box-shadow: 0 0 0 0 rgba(240, 85, 35, .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;
}
.goal-section .image-column .image .icon-button .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.goal-section .image-column .image .icon-button .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.goal-section .image-column .pattern-layer{
position:absolute;
right:0px;
bottom:-80px;
width:115px;
height:445px;
z-index:-1;
background-repeat:no-repeat;
}
.goal-section .content-column{
position:relative;
}
.goal-section .content-column .inner-column{
position:relative;
padding-left:50px;
}
.goal-section .content-column .signature{
margin-left:40px;
}
.goal-block{
position:relative;
margin-bottom:30px;
}
.goal-block .inner-box{
position:relative;
}
.goal-block .inner-box .icon{
position:relative;
font-size:60px;
color:var(--thm-base);
line-height:1em;
}
.goal-block .inner-box h4{
position:relative;
color:#222222;
margin:15px 0px 15px;
}
.goal-block .inner-box .goal-text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
} .process-section{
position:relative;
padding:100px 0px 80px;
background-position:left bottom;
background-repeat:no-repeat;
}
.process-section .side-icon{
position:absolute;
right:0px;
bottom:0px;
}
.process-block{
position:relative;
z-index:1;
margin-bottom:30px;
}
.process-block .inner-box{
position:relative;
padding:55px 15px;
text-align:center;
}
.process-block .inner-box .process-number{
position:absolute;
left:35px;
top:30px;
width:70px;
height:70px;
z-index:1;
color:#ffffff;
font-size:24px;
line-height:70px;
font-weight:700;
border-radius:50px;
display:inline-block;
background-color:#222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .inner-box:hover .process-number{
background-color:#ed5423;
}
.process-block .inner-box .color-layer{
position:absolute;
left:30px;
top:0px;
right:30px;
bottom:0px;
background-color:#fbfbfb;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.process-block .inner-box .color-layer-two{
position:absolute;
left:60px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:#212121;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.process-block .inner-box:hover .color-layer-two{
background-color:#ed5423;
}
.process-block .inner-box .icon{
position:relative;
color:var(--thm-base);
font-size:60px;
line-height:1em;
margin-bottom:15px;
}
.process-block .inner-box h5{
position:relative;
color:#212121;
}
.process-section .text {
margin-bottom:30px;
} .project-section-two{
position:relative;
padding:100px 0px 100px;
}
.project-section-two .tab-btns-box{
position:relative;
text-align:right;
margin-top:-70px;
}
.project-section-two .tab-btns-box .p-tab-btn{
position:relative;
color:#222222;
cursor:pointer;
font-size:16px;
margin-left:25px;
font-weight:600;
margin-bottom:22px;
display:inline-block;
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;
}
.project-section-two .tab-btns-box .p-tab-btn:hover,
.project-section-two .tab-btns-box .p-tab-btn.active-btn{
color:var(--thm-base);
}
.project-section-two .project-tab .p-tabs-content{
position:relative;
display:block;
padding-top:35px;
padding-left:15px;
padding-right:15px;
}
.project-section-two .project-tab .p-tabs-content .owl-nav,
.project-section-two .project-tab .p-tabs-content .owl-dots{
display:none;
}
.project-section-two .project-tab .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;	
}
.project-section-two .project-tab .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
}
.project-section-two .p-tab.active-tab .gallery-block{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.project-section-two .p-tab .gallery-block{
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-two .lower-text{
position:relative;
text-align:center;
}
.project-section-two .lower-text .text{
position:relative;
color:#555555;
font-size:16px;
text-align:center;
margin-top:20px;
padding:15px 45px;
margin-bottom:30px;
display:inline-block;
border:1px dashed #dddddd;
} .request-quote-section{
position:relative;
padding:100px 0px 100px;
}
.request-quote-section.style-three{
padding-bottom:0px;
margin-top:-300px;
}
.request-quote-section .auto-container{
position:relative;
}
.request-quote-section .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-attachment:fixed;
background-size:cover;
}
.request-quote-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.80;
background-color:#000000;
}
.request-quote-section .content-box{
position:relative;
}
.request-quote-section .content-box .play-box{
position:absolute;
right:0px;
top:70px;
z-index:1;
color:#ffffff;
font-size:24px;
line-height: 70px;
font-weight:700;
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;
}
.request-quote-section .content-box .play-box .play-btn{
position: relative;
width:75px;
height:70px;
color: #ffffff;
font-weight:400;
font-size:24px;
text-align: center;
border-radius:0px;
padding-left:0px;
margin:0 auto;
display: block;
margin-bottom:25px;
background-color:var(--thm-base);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.request-quote-section .content-box .play-box .ripple,
.request-quote-section .content-box .play-box .ripple:before,
.request-quote-section .content-box .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:70px;
height:70px;
margin-left:-2px;
-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: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
-webkit-box-shadow: 0 0 0 0 rgba(240, 85, 35, .4);
-moz-box-shadow: 0 0 0 0 rgba(240, 85, 35, .4);
-ms-box-shadow: 0 0 0 0 rgba(240, 85, 35, .4);
-o-box-shadow: 0 0 0 0 rgba(240, 85, 35, .4);
box-shadow: 0 0 0 0 rgba(240, 85, 35, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.request-quote-section .content-box .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;
}
.request-quote-section .content-box .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;
}
.request-quote-section .content-box h2{
color:#ffffff;
}
.request-quote-section .content-box .text{
position:relative;
font-weight:400;
color:#ffffff;
margin-top:20px;
font-size:16px;
line-height:1.9em;
margin-bottom:40px;
}
.request-quote-section .inner-container{
position:relative;
padding:70px 70px;
border-radius:15px;
background-color:#ffffff;
background-position:left bottom;
background-repeat:no-repeat;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.request-quote-section .inner-container .cap-icon{
position:absolute;
left:0px;
top:-150px;
right:0px;
text-align:center;
} .default-form{
position:relative;
}
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea{
display:block;
width:100%;
line-height:28px;
height:56px;
font-size:15px;
padding:8px 22px;
color:#777777;
border-radius:5px;
border:1px solid #cccccc;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
color:#777777;
}
.default-form textarea{
height:125px;
resize:none;
font-size:15px;
padding-top:18px;
}
.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form select:focus,
.default-form textarea:focus{
border-color:var(--thm-base);
}
.default-form .theme-btn{
cursor:pointer;
} .faq-section{
position:relative;
padding:60px 0;
}
.faq-section .image-column{
position:relative;
padding-bottom:40px;
}
.faq-section .image-column .inner-column{
position:relative;
padding-top:60px;
margin-left:-170px;
}
.faq-section .accordion-column{
position:relative;
padding-bottom:40px;
}
.faq-section .accordion-column .inner-column{
position:relative;
}
.accordion-box{
position: relative;
}
.accordion-box .block{
position: relative;
margin-bottom:10px;
border-radius:0px;
border:1px solid #e1e1e1;
}
.accordion-box .block.active-block{
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
line-height:35px;
color:#222222;
line-height:1.8em;
font-weight:600;
cursor:pointer;
padding:16px 30px;
padding-right: 45px;
margin-bottom: 0px;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active{
color: #ffffff;
margin-bottom:0px;
background-color:var(--thm-base);
}
.accordion-box .block .icon{
position:absolute;
right: 10px;
top:12px;
height: 35px;
width: 35px;
font-size: 20px;
line-height: 35px;
color: var(--thm-base);
text-align: center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon{
color: #ffffff;
transform:rotate(90deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .content{
position:relative;
padding: 25px 30px 25px;
}
.accordion-box .block .acc-content.current{ 
display: block;
}
.accordion-box .block .content .text{
display: block;
font-size: 16px;
line-height: 1.8em;
color: var(--thm-text);
} .price-section{
position:relative;
padding:0px 0px 100px;
}
.price-section.style-two{
padding-top:100px;
}
.price-section .side-icon{
position:absolute;
right:40px;
bottom:0px;
}
.pricing-tabs{
position:relative;
z-index:2;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;	
}
.pricing-tabs .buttons-outer{
text-align:center;
}
.pricing-tabs .tab-buttons{
position:relative;
overflow:hidden;
text-align:center;
margin-top:40px;
display:inline-block;
background-color:#222222;
}
.pricing-tabs .tab-buttons .tab-btn{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
float:left;
cursor:pointer;
padding:17px 48px;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.pricing-tabs .tab-buttons .tab-btn:first-child{
margin-right:1px;
}
.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
color:#ffffff;
background-color:var(--thm-base);
}
.pricing-tabs .tabs-content .tab .price-block{
transform:rotateY(90deg);
}
.pricing-tabs .tabs-content .tab.active-tab .price-block{
transform:rotateY(0deg);
} .price-block{
position:relative;
margin-bottom:30px;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.price-block .inner-box{
position:relative;
border-radius:12px;
padding:60px 40px 50px;
background-color:#ffffff;
background-position:right bottom;
background-repeat:no-repeat;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
} .price-block .inner-box .title{
position:relative;
color:#222222;
font-size:24px;
font-weight:600;
text-transform:capitalize;
}
.price-block .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
font-weight:400;
line-height:1.8em;
margin-top:15px;
text-transform:capitalize;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block .inner-box .image{
position:relative;
margin-top:15px;
margin-bottom:20px;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
} .price-block .inner-box .price{
position:relative;
color:var(--thm-base);
font-size:48px;
font-weight:700;
line-height:1.3em;
margin-top:15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block .inner-box .price-list{
position:relative;
margin-top:20px;
margin-bottom:35px;
}
.price-block .inner-box .price-list li{
position:relative;
padding-left:30px;
color:var(--thm-text);
font-size:16px;
margin-bottom:12px;
display:block;
text-align:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block .inner-box .price-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:var(--thm-base);
font-family: 'FontAwesome';
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block .inner-box .price-list li:last-child{
margin-bottom:0px;
} .news-section-two{
position:relative;
padding:100px 0px 70px;
background-color:#f5f5f5;
background-position:right bottom;
background-repeat:no-repeat;
}
.news-section-two .side-icon{
position:absolute;
left:30px;
bottom:0px;
}
.news-block-two{
position:relative;
margin-bottom:40px;
}
.news-block-two .inner-box{
position:relative;
min-height:285px;
padding-left:370px;
background-color:#ffffff;
}
.news-block-two .inner-box .image{
position:absolute;
left:0px;
top:0px;
width:370px;
background-color:var(--thm-base);
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.60;
}
.news-block-two .inner-box .image .post-date{
position:absolute;
right:25px;
bottom:25px;
width:75px;
height:80px;
color:#ffffff;
font-size:36px;
padding-top:16px;
font-weight:800;
text-align:center;
background-color:var(--thm-base);
}
.news-block-two .inner-box .image .post-date span{
font-size:16px;
color:#ffffff;
display:block;
font-weight:400;
margin-top:10px;
}
.news-block-two .inner-box .content{
position:relative;
padding:37px 25px;
}
.news-block-two .inner-box .post-info{
position:relative;
margin-bottom: 15px;
}
.news-block-two .inner-box .post-info li{
position:relative;
font-size:14px;
font-weight:400;
opacity:0.80;
margin-right:25px;
color:#222;
display:inline-block;
}
.news-block-two .inner-box .post-info li:first-child{
color:#222;
}
.news-block-two .inner-box .post-info li i {
margin-right:5px;
}
.news-block-two .inner-box .post-info li:before{
position:absolute;
content:'';
right:-15px;
top:8px;
width:6px;
height:6px;
border-radius:50px;
display:inline-block;
background-color:#222;
}
.news-block-two .inner-box .post-info li:last-child{
margin-right:0;
}
.news-block-two .inner-box .post-info li:last-child::before{
display:none;
}
.news-block-two .inner-box h4{
margin-bottom:25px;
font-weight:600;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.news-block-two .inner-box h4:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:50px;
height:4px;
background-color:var(--thm-base);
}
.news-block-two .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box h4 a:hover{
color:var(--thm-base);
}
.news-block-two .inner-box .text{
position:relative;
color:#222222;
font-size:16px;
line-height:1.8em;
}
.news-block-two .inner-box .read-more{
position:absolute;
right:30px;
bottom:-20px;
color:#ffffff;
font-weight:600;
padding:12px 24px;
background-color:#222222;
border-right:2px solid var(--thm-base);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.news-block-two .inner-box:hover .read-more{
background-color:var(--thm-base);
border-color:#222222;
} .cta-section-two{
position:relative;
}
.cta-section-two .inner-container{
position:relative;
padding:80px 100px 80px 270px;
}
.cta-section-two .pattern-layer{
position:absolute;
right:0px;
top:0px;
bottom:0px;
width:200%;
background-repeat:repeat;
}
.cta-section-two .icon-image{
position:absolute;
left:-80px;
top:20px;
}
.cta-section-two .btn-box{
position:absolute;
right:80px;
top:80px;
} .about-section-two{
position:relative;
padding:100px 0px 60px;
}
.about-section-two .pattern-layer-one{
position:absolute;
right:50px;
bottom:0px;
width:580px;
height:662px;
background-repeat:no-repeat;
}
.about-section-two .content-column{
position:relative;
margin-bottom:40px;
}
.about-section-two .content-column .inner-column{
position:relative;
}
.about-section-two .content-column .sec-title{
margin-bottom:20px;
}
.about-section-two .content-column .bold-text{
position:relative;
color:var(--thm-base);
line-height:1.3em;
font-weight:600;
font-size:24px;
margin-bottom:20px;
}
.about-section-two .content-column .author-box{
position:relative;
margin-top:30px;
}
.about-section-two .content-column .author-box .box-inner{
position:relative;
min-height:120px;
padding-top:15px;
padding-left:150px;
}
.about-section-two .content-column .author-box .author-image{
position:absolute;
left:0px;
top:0px;
width:120px;
height:120px;
border-radius:50%;
overflow:hidden;
padding:2px 2px;
border:2px solid #ffffff;
box-shadow:0px 5px 10px rgba(0,0,0,0.10);
}
.about-section-two .content-column .author-box .author-image img{
border-radius:50%;
}
.about-section-two .images-column{
position:relative;
margin-bottom:40px;
}
.about-section-two .images-column .inner-column{
position:relative;
text-align:right;
}
.about-section-two .images-column .image{
position:relative;
border-radius:15px;
overflow:hidden;
display:inline-block;
}
.about-section-two .images-column .image-two{
position:absolute;
left:-100px;
bottom:0px;
display:inline-block;
}
.about-section-two .images-column .image-two img{
position:relative;
overflow:hidden;
border-radius:15px;
}
.about-section-two .images-column .image-two .play-box{
position:absolute;
right:40px;
top:-50px;
color:#ffffff;
font-size:16px;
padding-left:70px;
margin-top:15px;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.about-section-two .images-column .image-two .play-box .play-button{
position: relative;
width:80px;
height: 80px;
z-index:10;
color: #ffffff;
font-weight:400;
font-size:16px;
text-align: center;
padding-left:4px;
display: inline-block;
line-height:80px;
border-radius:50%;
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-color:var(--thm-base);
}
.about-section-two .images-column .image-two .play-box .play-button .ripple,
.about-section-two .images-column .image-two .play-box .play-button .ripple:before,
.about-section-two .images-column .image-two .play-box .play-button .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:80px;
height: 80px;
-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;
}
.about-section-two .images-column .image-two .play-box .play-button .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.about-section-two .images-column .image-two .play-box .play-button .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.about-section-two .images-column .text{
position:relative;
color:var(--thm-base);
line-height:1.3em;
font-weight:600;
font-size:24px;
padding-left:300px;
margin-top:25px;
text-align:left;
} .counter-section-two{
position:relative;
padding:0px 0px 70px;
} .fact-counter-two{
position:relative;
border-top:1px solid #e9e9e9;
}
.fact-counter-two .column{
position:relative;
margin-bottom:30px;
}
.fact-counter-two .column .inner{
position:relative;
}
.fact-counter-two .column .inner .content{
position:relative;
text-align:center;
}
.fact-counter-two .column .inner .icon{
position:relative;
color:#ffffff;
font-size:50px;
text-align:center;
line-height:1em;
font-weight: 400;
margin-bottom:25px;
display:inline-block;
padding:25px 20px 20px;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
background-color:var(--thm-base);
border-radius:0px 0px 50px 50px;
}
.fact-counter-two .column .inner:hover .icon{
color:#ffffff;
-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);
}
.fact-counter-two .count-outer .percentage{
position:relative;
font-weight:600;
color:#555555;
font-size:30px;
line-height:1em;
}
.fact-counter-two .column .inner .count-outer{
position:relative;
font-weight:600;
color:#555555;
font-size:36px;
line-height:1em;
}
.fact-counter-two .column .inner .counter-title{
position:relative;
color:var(--thm-text);
font-size:16px;
font-weight:400;
margin-bottom:12px;
} .services-section-three{
position:relative;
overflow:hidden;
padding:100px 0px 110px;
background-color:#f5f5f5;
}
.services-section-three .pattern-layer-one{
position:absolute;
left:0px;
bottom:0px;
width:728px;
height:972px;
background-repeat:no-repeat;
}
.services-section-three .pattern-layer-two{
position:absolute;
right:0px;
bottom:0px;
width:552px;
height:987px;
background-repeat:no-repeat;
}
.services-section-three .side-icon{
position:absolute;
right:0px;
bottom:0px;
}
.services-section-three .lower-text{
position:relative;
text-align:center;
}
.services-section-three .lower-text .text{
position:relative;
color:var(--thm-text);
font-size:16px;
text-align:center;
margin-top:20px;
padding:15px 45px;
margin-bottom:30px;
display:inline-block;
border:1px dashed #dddddd;
background-color:#ffffff;
}
.service-block-three{
position:relative;
margin-bottom:30px;
}
.service-block-three .inner-box{
position:relative;
padding:40px 40px;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
border-left:2px solid #cccccc;
}
.service-block-three .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:0%;
background-color:#ffffff;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block-three .inner-box:hover{
border-color:var(--thm-base);
}
.service-block-three .inner-box:hover::before{
width:100%;
}
.service-block-three .inner-box .icon{
position:relative;
color:var(--thm-base);
font-size:60px;
line-height:1em;
margin-bottom:20px;
display:inline-block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block-three .inner-box .big-icon{
position:absolute;
right:30px;
top:60px;
opacity:0;
font-size:90px;
color:#eeeeee;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block-three .inner-box:hover .big-icon{
opacity:1;
}
.service-block-three .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-three .inner-box h5{
margin-bottom:20px;
}
.service-block-three .inner-box h5 a{
position:relative;
color:#222222;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.service-block-three .inner-box:hover h5 a{
color:var(--thm-base);
}
.service-block-three .inner-box .text{
position:relative;
color:var(--thm-text);
line-height:1.7em;
font-size:16px;
} .choose-section{
position:relative;
padding:100px 0px 70px;
}
.choose-section .image-column{
position:relative;
margin-bottom:30px;
}
.choose-section .image-column .inner-column{
position:relative;
}
.choose-section .image-column .image{
position:relative;
padding-left:35px;
padding-right:50px;
}
.choose-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.choose-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:100px;
width:400px;
height:460px;
border:6px solid #222222;
background-color:#ffffff;
}
.choose-section .image-column .pattern-layer-one{
position:absolute;
right:0px;
top:220px;
width:282px;
height:450px;
}
.choose-section .image-column .award-box{
position:absolute;
left:80px;
bottom:-55px;
background-color:var(--thm-base);
padding:25px 45px 25px 25px;
}
.choose-section .image-column .award-box .icon{
position:absolute;
left:0px;
top:0px;
color:#000000;
line-height:1em;
font-size:60px;
}
.choose-section .image-column .award-box .inner-box{
position:relative;
padding-left:80px;
color:#ffffff;
font-size:24px;
font-weight:500;
line-height:1.4em;
}
.choose-section .content-column{
position:relative;
margin-bottom:30px;
}
.choose-section .content-column .inner-column{
position:relative;
padding-left:30px;
}
.choose-section .content-column .blocks-outer{
position:relative;
}
.choose-block{
position:relative;
margin-bottom:30px;
}
.choose-block .inner-box{
position:relative;
padding-left:90px;
}
.choose-block .inner-box .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
line-height:1em;
font-size:60px;
}
.choose-block .inner-box h5{
color:#222222;
font-weight:600;
margin-bottom:10px;
}
.choose-block .inner-box .block-text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
} .testimonial-section-two{
position:relative;
padding:100px 0px 100px;
background-color:#222222;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section-two .owl-dots{
display:none;
}
.testimonial-section-two .owl-nav{
position:absolute;
right:0px;
top:-70px;
}
.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:var(--thm-base);
font-size:20px;
line-height:40px;
text-align:center;
border-radius:5px;
margin-left:15px;
display:inline-block;
background-color:#ffffff;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
background-color:var(--thm-base);
color:#ffffff;
}
.testimonial-section-two .lower-text{
position:relative;
color:#ffffff;
font-size:18px;
text-align:center;
margin-top:20px;
}
.testimonial-section-two .lower-text a{
position:relative;
color:var(--thm-base);
font-weight:600;
}
.testimonial-block-two{
position:relative;
margin-bottom:30px;
}
.testimonial-block-two .inner-box{
position:relative;
padding:35px 35px 0px;
}
.testimonial-block-two .inner-box .quote-icon{
position:absolute;
right:40px;
top:60px;
font-size:70px;
line-height:1em;
color:rgba(0,0,0,0.10);
}
.testimonial-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:30px;
border-radius:20px;
background-color:#ffffff;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.testimonial-block-two .inner-box .rating{
position:relative;
color:#fdd000;
font-size:18px;
padding-top:5px;
}
.testimonial-block-two .inner-box .designation{
position:relative;
color:var(--thm-base);
margin-top:6px;
}
.testimonial-block-two .inner-box .author-box{
position:relative;
margin-top:15px;
border:2px solid var(--thm-base);
display:inline-block;
} .cta-section-three{
position:relative;
padding-bottom:100px;
}
.cta-section-three .inner-container{
position:relative;
border-radius:15px;
padding:60px 60px 30px 60px;
background: #e95323;
background: -webkit-linear-gradient(to top, #e95323 0%, #232222 100%);
background: -moz-linear-gradient(to top, #e95323 0%, #232222 100%);
background: linear-gradient(to top, #e95323 0%, #232222 100%);
}
.cta-section-three .title-column{
position:relative;
}
.cta-section-three .title-column .inner-column{
position:relative;
color:#ffffff;
font-size:14px;
padding-left:100px;
}
.cta-section-three .title-column .icon{
position:absolute;
left:0px;
top:0px;
color:#ffffff;
line-height:1em;
font-size:64px;
}
.cta-section-three .title-column .inner-column strong{
position:relative;
color:#ffffff;
display:block;
font-weight:600;
font-size:28px;
margin-top:10px;
}
.cta-section-three .title-column .inner-column strong a{
position:relative;
color:#ffffff;
} .news-section-three{
position:relative;
padding:100px 0px 70px;
background-color:#f5f5f5;
background-position:right bottom;
background-repeat:no-repeat;
}
.news-section-three .side-icon{
position:absolute;
right:30px;
bottom:0px;
}
.news-block-three{
position:relative;
margin-bottom:40px;
}
.news-block-three .inner-box{
position:relative;
background-color:#ffffff;
}
.news-block-three .inner-box .image{
position:relative;
background-color:var(--thm-base);
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.60;
}
.news-block-three .inner-box .image .post-date{
position:absolute;
left:25px;
bottom:-15px;
color:#ffffff;
font-size:16px;
font-weight:400;
padding:6px 15px;
background-color:var(--thm-base);
}
.news-block-three .inner-box .image .post-date span{
font-size:16px;
color:#ffffff;
display:block;
font-weight:400;
margin-top:10px;
}
.news-block-three .inner-box .lower-content{
position:relative;
padding:40px 25px 30px;
}
.news-block-three .inner-box .lower-content .post-info{
position:relative;
}
.news-block-three .inner-box .lower-content .post-info li{
position:relative;
color:#555555;
font-size:14px;
line-height:1.2em;
padding-right:8px;
margin-right:8px;
display:inline-block;
border-right:1px solid #dddddd;
}
.news-block-three .inner-box .lower-content .post-info li i{
margin-right:3px;
}
.news-block-three .inner-box .lower-content .post-info li .icon{
position:absolute;
left:0px;
bottom:0px;
color:var(--thm-base);
}
.news-block-three .inner-box .lower-content .post-info li:last-child{
margin-right:0px;
padding-right:0px;
border-right:0px;
}
.news-block-three .inner-box h4{
margin-bottom:25px;
font-weight:600;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.news-block-three .inner-box h4:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:50px;
height:4px;
background-color:var(--thm-base);
}
.news-block-three .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-three .inner-box h4 a:hover{
color:var(--thm-base);
} .footer-style-two{
position:relative;
padding:100px 0px 0px;
background-color:#222222;
}
.footer-style-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.50;
background-color:#000000;
}
.footer-style-two .footer-widget{
position:relative;
z-index:1;
margin-bottom:40px;
}
.footer-style-two .widgets-section{
position:relative;
padding-bottom:40px;
}
.footer-style-two .footer-widget h4{
color:#ffffff;
margin-bottom:25px;
text-transform:capitalize;
} .footer-style-two .news-widget{
position: relative;
}
.footer-style-two .news-widget .post{
position: relative;
min-height: 80px;
padding-left: 100px;
margin-bottom: 25px;
}
.footer-style-two .news-widget .post:last-child{
margin-bottom: 0;
}
.footer-style-two .news-widget .post .thumb{
position: absolute;
left: 0px;
top: 4px;
height: 80px;
width: 80px;
overflow: hidden;
}
.footer-style-two .news-widget .post .thumb a{
display: block;
}
.footer-style-two .news-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.footer-style-two .news-widget .post h6{
position: relative;
color: #ffffff;
line-height: 1.7em;
font-weight: 700;
font-size:16px;
}
.footer-style-two .news-widget .post h6 a{
color:#ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-style-two .news-widget .post h6 a:hover{
color: var(--thm-base);
}
.footer-style-two .news-widget .post .date{
position: relative;
display: block;
font-size: 14px;
line-height: 1.3em;
color: #ffffff;
margin-top:8px;
text-transform:uppercase;
}
.footer-style-two .logo-widget .logo{
margin-bottom:30px;
}
.footer-style-two .logo-widget .text{
position:relative;
color:#ffffff;
opacity:0.80;
font-size:16px;
line-height:1.9em;
}
.footer-style-two .footer-info-section{
position:relative;
padding-top:50px;
padding-bottom:30px;
border-top:1px solid rgba(255,255,255,0.15);
}
.footer-style-two .info-column{
position:relative;
margin-bottom:30px;
}
.footer-style-two .info-column .inner-column{
position:relative;
padding-top:2px;
padding-left:90px;
}
.footer-style-two .info-column .icon{
position:absolute;
left:0px;
top:0px;
color:#f05626;
font-size:60px;
line-height:1em;
}
.footer-style-two .info-column .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.7em;
}
.footer-style-two .info-column .info-list{
position:relative;
}
.footer-style-two .info-column .info-list li{
position:relative;
color:#ffffff;
font-size:18px;
margin-bottom:8px;
}
.footer-style-two .info-column .info-list li strong{
position:relative;
font-weight:600;
}
.footer-style-two .info-column .info-list li a{
position:relative;
color:#ffffff;
}
.footer-style-two .info-column .timing{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.9em;
}
.footer-style-two .info-column .timing strong{
position:relative;
font-weight:600;
display:block;
font-size:20px;
}
.footer-style-two .footer-bottom{
position:relative;
padding:20px 0px;
background-color:#f05626;
}
.footer-style-two .footer-bottom .copyright{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.footer-style-two .footer-bottom .copyright a{
position:relative;
font-weight:600;
color:#ffffff;
}
.footer-style-two .footer-bottom .social-box{
position:relative;
text-align:right;
}
.footer-style-two .footer-bottom .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.footer-style-two .footer-bottom .social-box li a{
position:relative;
color:#ffffff;
font-size:15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-style-two .footer-bottom .social-box li a:hover{
color:#111111;
} .page-title{
position:relative;
text-align:center;
overflow:hidden;
padding:130px 0px 130px;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
top:0px;
right:0px;
background-color:rgba(0,0,0,0.60);
}
.page-title .auto-container{
position:relative;
}
.page-title h2{
color:#ffffff;
margin-bottom: 0px;
text-transform:uppercase;
}
.page-breadcrumb{
position:relative;
margin-bottom:10px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffffff;
font-size:18px;
font-weight:400;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: "/";
right:-2px;
top:-1px;
color:#ffffff;
font-size:18px;
font-weight:700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:var(--thm-base);
font-weight:400;
text-transform: capitalize;
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;
}
.page-breadcrumb li a:hover{
color:#ffffff;
} .faq-page-section{
position:relative;
padding:100px 0px 0px;
}
.faq-page-section .accordian-column{
position:relative;
margin-bottom:30px;
}
.faq-page-section .accordian-column .inner-column{
position:relative;
} .faq-form-section{
position:relative;
padding:100px 0px 70px;
}
.team-page-section{
position:relative;
padding:100px 0px 0px;
} .team-single-section{
position:relative;
padding-top:110px;
padding-bottom:60px;
}
.team-single-section .image-column{
position:relative;
margin-bottom:40px;
}
.team-single-section .image-column .inner-column{
position:relative;
}
.team-single-section .image-column .image{
position:relative;
border-radius:5px;
overflow:hidden;
}
.team-single-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.team-single-section .content-column{
position:relative;
margin-bottom:40px;
}
.team-single-section .content-column .inner-column{
position:relative;
padding-top:0px;
padding-left:20px;
}
.team-single-section .content-column h2{
position:relative;
color:#222222;
font-size:30px;
font-weight:700;
line-height:1.3em;
}
.team-single-section .content-column h2 span{
position:relative;
top:-3px;
color:#ffffff;
font-size:15px;
padding:6px 28px;
margin-left:15px;
background-color:var(--thm-base);
}
.team-single-section .content-column .post-meta{
position:relative;
margin-top:15px;
margin-bottom:10px;
}
.team-single-section .content-column .post-meta li{
position:relative;
margin-right:50px;
color:#677077;
font-size:15px;
font-weight:500;
margin-bottom:5px;
padding-left:30px;
display:inline-block;
}
.team-single-section .content-column .post-meta li .icon{
position:absolute;
left:0px;
color:var(--thm-base);
top:1px;
margin-right:12px;
font-size:20px;
}
.team-single-section .content-column .post-meta li a{
position:relative;
color:#677077;
}
.team-single-section .content-column .text{
position:relative;
margin-bottom:20px;
}
.team-single-section .content-column .text p{
position:relative;
color: var(--thm-text);
font-size:15px;
font-weight:400;
line-height:1.9em;
margin-bottom:10px;
}
.team-single-section .content-column .text p:last-child{
margin-bottom:0px;
}
.team-single-section .content-column .social-icon-one{
margin-top:18px;
}
.testimonial-page-section{
position:relative;
padding:120px 0px 0px;
}
.testimonial-page-section .testimonial-block{
margin-bottom:70px;
} .testimonial-page-section .styled-pagination{
margin-top:30px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 6px 6px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:40px;
height:40px;
font-size:16px;
min-width:40px;
color:#666666;
font-weight:400;
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;
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
color:#666666;
font-size:14px;
width:100px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#222222;
background-color:#222222;
} .coming-soon{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
display:block;
overflow-y:auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .60;
}
.coming-soon .content .content-inner{
position: relative;
padding: 90px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo{
position:relative;
margin-bottom: 200px;
}
.coming-soon .content .content-inner .sec-title{
display: none;
margin-bottom:50px;
}
.coming-soon .content .content-inner h2{
position:relative;
font-size:48px;
font-weight:700;
color: #ffffff;
line-height:1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after{
display: none;
}
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
margin-bottom: 180px;
}
.time-counter .time-countdown .counter-column{
position:relative;
display: inline-block;
width:180px;
height:180px;
font-size:20px;
line-height: 1em;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
text-align: center;
z-index: 7;
border-radius: 20px;
box-shadow: 0 0 30px rgba(0,0,0,0.25);
background-color: rgba(54,54,54,.70);
margin:0 15px 20px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:72px;
line-height:30px;
padding:60px 0px 30px;
color:#ffffff;
font-weight:600;
}
.coming-soon .emailed-form{
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3{
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text{
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height:1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:540px;
width:100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:60px;
font-size:16px;
color:#000000;
overflow:hidden;
padding:15px 50px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
box-shadow: 0 0 13px 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;	
}
.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus{
}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
position:absolute;
right:0px;
top:0px;
width: 60px;
height:60px;
line-height:40px;
font-size:18px;
color: var(--thm-base);
background-color: transparent;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;	
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
color: #353535;
}
.coming-soon .copyright-text{
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a{
color: #ff9600;
}
.coming-soon .copyright-text a:hover{
text-decoration: underline;
}
.clock-wrapper{
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
background-color: rgba(0,0,0,.40);
transform: scale(2);
}
.clock-base{
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator{
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div{
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div > span{
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
transform: rotate(90deg) translateY(-120px);
background-color: var(--thm-base);
}
.click-indicator div:nth-child(4) {
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
transform: rotate(180deg) translateY(-120px);
background-color: var(--thm-base);
}
.click-indicator div:nth-child(7) {
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
transform: rotate(270deg) translateY(-120px);
background-color: var(--thm-base);
}
.click-indicator div:nth-child(10) {
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
transform: rotate(360deg) translateY(-120px);
background-color: var(--thm-base);
}
.clock-hour{
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: var(--thm-base);
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 50px;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute{
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: var(--thm-base);
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 2px 70px;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second{
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
box-shadow: 0 0 2px rgba(0,0,0,.2);
transform-origin: 1px 110px;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after{
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #222222;
border: solid 2px #222222;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.clock-center{
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
border-radius: 50%;
}
.clock-center:after{
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
} .privacy-section{
position:relative;
padding:110px 0px 80px;
}
.privacy-section .pattern-layer{
position:absolute;
top:50px;
left:0px;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:right top;
}
.privacy-section .privacy-content{
position:relative;
padding-bottom:15px;
margin-bottom:25px;
border-bottom:1px solid #e2e2e2;
}
.privacy-section .privacy-content:last-child{
padding-bottom:0px;
margin-bottom:0px;
border:none;
}
.privacy-section h2{
position:relative;
color:#000000;
line-height:1.2em;
margin-bottom:22px;
font-weight:700;
}
.privacy-section p{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
margin-bottom:15px;
font-weight:400;
}
.privacy-section .date{
position:relative;
color:var(--thm-base);
font-size:18px;
font-weight:500;
margin-bottom:15px;
}
.privacy-section h4{
position:relative;
color:#000000;
line-height:1.5em;
margin-bottom:22px;
font-weight:700;
}
.privacy-section .privacy-list{
position:relative;
text-align:left;
margin-left:22px;
}
.privacy-section .privacy-list li{
position:relative;
margin-bottom:12px;
color:#626262;
font-size:16px;
font-weight:400;
padding-left:26px;
line-height:1.7em;
}
.privacy-section .privacy-list li:before{
position:absolute;
content:'';
left:0px;
top:10px;
width:7px;
height:7px;
border-radius:50px;
background-color:var(--thm-base);
} .sidebar-page-container{
position:relative;
padding:110px 0px 0px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sticky-top{
top:30px;
z-index:1;
}
.sidebar-widget{
margin-bottom:30px;
}
.sidebar .sidebar-widget{
position:relative;
}
.sidebar .sidebar-widget .widget-content{
position:relative;
padding: 35px 30px 40px;
border:1px solid #e1e1e1;
}
.sidebar .sidebar-title{
position:relative;
margin-bottom:30px;
}
.sidebar .sidebar-title h4{
padding-bottom:15px;
border-bottom:1px solid #d7d7d7;
}
.sidebar .sidebar-title h4:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:80px;
height:5px;
background-color:var(--thm-base);
}
.sidebar .sidebar-title h5{
padding-bottom:15px;
font-weight: 600;
border-bottom:1px solid #d7d7d7;
}
.sidebar .sidebar-title h5:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
width:80px;
height:5px;
background-color:var(--thm-base);
} .sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:43px;
padding:10px 50px 10px 25px;
border:1px solid #dddddd;
background:#f5f5f5;
display:block;
font-size:14px;
width:100%;
height:54px;
color:#000000;
border-radius:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:54px;
width:60px;
display:block;
font-size:16px;
color:var(--thm-base);
border-radius:0px;
line-height:100%;
font-weight:normal;
background:none;
}
.service-list{
position:relative;
}
.service-list li{
position:relative;
padding-left:70px;
color:#555555;
font-size:14px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:2px solid #ebebeb;
}
.service-list li a{
color:#555555;
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-list li a:hover{
color:#ef5523;
}
.service-list li .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
line-height:1em;
font-size:48px;
}
.service-list li strong{
display:block;
color:#222222;
font-size:18px;
margin-bottom:4px;
}
.service-list li:last-child{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:0px;
}
.social-widget .social-box li{
position:relative;
margin-right:7px;
display:inline-block;
}
.social-widget .social-box li a{
position:relative;
width:50px;
height:50px;
color:#222222;
font-size:20px;
line-height:48px;
text-align:center;
display:inline-block;
background-color:#f5f5f5;
border:1px solid #ebebeb;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.social-widget .social-box li a:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
}
.banner-widget{
position:relative;
text-align:center;
padding:100px 30px 100px;
background-size:cover;
outline: 2px solid rgba(255,255,255,1);
outline-offset: -20px;
}
.banner-widget:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.90);
}
.banner-widget .title{
position:relative;
color:var(--thm-base);
font-size:16px;
margin-bottom:15px;
}
.banner-widget h3{
color:#ffffff;
margin-bottom:30px;
}
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
}
.service-detail .inner-box .image{
position:relative;
}
.service-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.service-detail .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.service-detail .inner-box .lower-content h3{
margin-bottom:20px;
}
.service-detail .inner-box .lower-content h4{
margin-bottom:20px;
}
.service-detail .inner-box .lower-content p{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
margin-bottom:40px;
}
.service-detail .feature-column{
position:relative;
margin-bottom:20px;
}
.service-detail .feature-column .inner-column{
position:relative;
padding-left:80px;
}
.service-detail .feature-column .inner-column .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
font-size:54px;
line-height:1em;
}
.service-detail .two-column{
margin-top:40px;
margin-bottom:50px;
} .service-detail .service-tabs{
position:relative;
margin-top:45px;
}
.service-detail .service-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:30px;
}
.service-detail .service-tabs .tab-btns .tab-btn{
position:relative;
display:block;
width:32.9%;
margin-right:0px;
font-size:16px;
background:none;
color:#111111;
font-weight:500;
line-height:24px;
cursor:pointer;
margin-bottom:12px;
display:inline-block;
padding:16px 40px;
transition:all 500ms ease;
text-transform:capitalize;
background-color:#dcd9d9;
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-detail .service-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:50%;
bottom:15px;
opacity:0;
margin-left:-7px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid var(--thm-base);
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-detail .service-tabs .tab-btns .tab-btn:hover,
.service-detail .service-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
background-color:var(--thm-base);
}
.service-detail .service-tabs .tab-btns .tab-btn:hover::before,
.service-detail .service-tabs .tab-btns .tab-btn.active-btn::before{
bottom:-15px;
opacity:1;
}
.service-detail .service-tabs .tabs-content{
position:relative;
}
.service-detail .service-tabs .tabs-content .tab{
position:relative;
display:none;
}
.service-detail .service-tabs .tabs-content .tab.active-tab{
display:block;	
}
.service-detail .service-tabs .tabs-content .content{
position:relative;
padding:30px 30px;
border-radius:10px;
border:1px solid #e1e1e1;
}
.service-detail .service-tabs .tabs-content .tab p{
font-size:16px;
line-height:1.9em;
color:var(--thm-text);
margin-bottom:20px;
}
.service-detail .service-tabs .tabs-content .tab p:last-child{
margin-bottom:0px;
} .project-detail-section{
position:relative;
padding:100px 0px 70px;
}
.project-detail-section .social-box{
position:relative;
margin-bottom:50px;
}
.project-detail-section .social-box .box-inner{
position:relative;
padding:30px 40px;
background-color:#f5f5f5;
}
.project-detail-section .social-box .social-list{
position:relative;
}
.project-detail-section .social-box .social-list li{
position:relative;
margin-right:2px;
display:inline-block;
}
.project-detail-section .social-box .social-list li.share{
position:relative;
color:#111111;
font-weight:600;
margin-right:20px;
text-transform:uppercase;
}
.project-detail-section .social-box .social-list li a{
position:relative;
color:#111111;
width:40px;
height:40px;
display:inline-block;
line-height:38px;
text-align:center;
border:1px solid rgba(0,0,0,0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-detail-section .social-box .social-list li a:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
}
.project-detail-section .content-column{
position:relative;
margin-bottom:30px;
}
.project-detail-section .content-column .inner-column{
position:relative;
}
.project-detail-section .content-column h3{
margin-bottom:15px;
}
.project-detail-section .content-column .text{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
}
.project-detail-section .carousel-column{
position:relative;
margin-bottom:30px;
}
.project-detail-section .carousel-column .inner-column{
position:relative;
}
.project-detail-section .carousel-column .image{
position:relative;
border-radius:0px;
overflow:hidden;
}
.project-detail-section .carousel-column .owl-dots{
display:none;
}
.project-detail-section .carousel-column .owl-nav{
position:absolute;
right:40px;
top:-120px;
}
.project-detail-section .carousel-column .owl-nav .owl-prev,
.project-detail-section .carousel-column .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:#222222;
font-size:20px;
line-height:38px;
text-align:center;
margin-left:10px;
display:inline-block;
border:1px solid #222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-detail-section .carousel-column .owl-nav .owl-prev:hover,
.project-detail-section .carousel-column .owl-nav .owl-next:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
} .project-summery-section{
position:relative;
padding:90px 0px 60px;
background-color:#f5f5f5;
}
.project-summery-section .column{
position:relative;
margin-bottom:30px;
}
.project-summery-section h3{
margin-bottom:20px;
}
.project-summery-section p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.7em;
} .project-challenge-section{
position:relative;
}
.project-challenge-section .inner-container{
position:relative;
padding-bottom:40px;
padding-right:80px;
}
.project-challenge-section .inner-container:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:300%;
background-color:var(--thm-base);
}
.project-challenge-section .image-column{
position:relative;
margin-bottom:30px;
}
.project-challenge-section .image-column .image{
position:relative;
margin-top:-40px;
}
.project-challenge-section .content-column{
position:relative;
}
.project-challenge-section .content-column .inner-column{
position:relative;
padding-top:60px;
padding-left:30px;
}
.project-challenge-section h3{
color:#ffffff;
margin-bottom:20px;
}
.project-challenge-section p{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.7em;
} .project-mission-section{
position:relative;
padding:100px 0px 100px;
}
.project-mission-section h3{
margin-bottom:20px;
}
.project-mission-section .text{
position:relative;
}
.project-mission-section .text p{
position:relative;
color:#555555;
font-size:16px;
margin-bottom:15px;
}
.project-mission-section .new-posts{
position:relative;
padding:40px 0px 0px;
border-top:1px solid #cccccc;
margin-top: 30px;
}
.project-mission-section .new-posts a{
position:relative;
color:#ffffff;
font-size:16px;
padding:12px 30px;
display:inline-table;
background-color:#111111;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-mission-section .new-posts a:hover{
background-color:var(--thm-base);
}
.related-project-section{
padding-bottom:80px;
}
.blog-page-section{
position:relative;
padding:100px 0px 100px;
}
.blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
margin-bottom:15px;
}
.blog-cat li a{
position:relative;
color:#666666;
font-size:16px;
display:block;
font-weight:400;
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:hover{
color:var(--thm-base);
}
.blog-cat li:last-child{
margin-bottom:0px;
}
.blog-cat li a span{
position:absolute;
right:0px;
} .sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:100px;
min-height:70px;
margin-bottom:25px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
border-bottom:none;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;
border-radius:0px;
overflow:hidden;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
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: rgba(0,0,0,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
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;
}
.sidebar .popular-posts .post .text{
position:relative;
top:0px;
font-size:18px;
margin:0px 0px 0px;
font-weight:600;
color:#222222;
line-height:1.5em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#222222;
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;
}
.sidebar .popular-posts .post a:hover{
color:var(--thm-base);
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:16px;
color:#777777;
font-weight:400;
margin-top:4px;
} .sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:10px 26px 10px;
margin:0px 6px 10px 0px;
color:#555555;
text-align:center;
font-size:16px;
background:none;
font-weight:400;
border-radius:0px;
border:1px solid #a2a2a2;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
border-color:var(--thm-base);
background-color:var(--thm-base);
color:#ffffff;
}
.sidebar-page-container.style-two{
padding-bottom:60px;
}
.blog-classic .styled-pagination{
margin-top:40px;
}
.news-block-four{
position:relative;
margin-bottom:60px;
}
.news-block-four .inner-box{
position:relative;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-four .inner-box .image{
position:relative;
background-color:var(--thm-base);
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-four .inner-box:hover .image img{
opacity:0.60;
}
.news-block-four .inner-box .image .post-date{
position:absolute;
right:35px;
bottom:-35px;
width:75px;
height:80px;
color:#ffffff;
font-size:36px;
padding-top:16px;
font-weight:800;
text-align:center;
background-color:var(--thm-base);
}
.news-block-four .inner-box .image .post-date span{
font-size:16px;
color:#ffffff;
display:block;
font-weight:400;
margin-top:10px;
}
.news-block-four .inner-box .lower-content{
position:relative;
padding:35px;
}
.news-block-four .inner-box .lower-content .lower-box{
position:relative;
border-top:1px solid #cccccc;
padding-top: 35px;
}
.news-block-four .inner-box .lower-content .lower-box .theme-btn{
float:left;
}
.news-block-four .inner-box .lower-content .post-meta{
position:relative;
float:left;
padding:17.5px 0px;
margin-left:22px;
}
.news-block-four .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
font-weight:700;
line-height:1.2em;
display:inline-block;
padding-right:15px;
margin-right:15px;
padding-left:22px;
text-transform:uppercase;
border-right:1px solid #777777;
}
.news-block-four .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:0px;
}
.news-block-four .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
color:#777777;
font-size:15px;
margin-right:6px;
font-weight:400;
}
.news-block-four .inner-box .lower-content .social-box{
position:relative;
float:right;
margin-left:15px;
padding:18px 0px 16px;
}
.news-block-four .inner-box .lower-content .social-box li{
position:relative;
margin-right:12px;
display:inline-block;
}
.news-block-four .inner-box .lower-content .social-box li.share{
position:relative;
color:#777777;
font-size:14px;
margin-left:0px;
}
.news-block-four .inner-box .lower-content .social-box li a{
position:relative;
color:#777777;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-four .inner-box .lower-content .social-box li:last-child{
margin-right:0px;
}
.news-block-four .inner-box .lower-content .social-box li a:hover{
color:var(--thm-base);
}
.news-block-four .inner-box .post-info{
position:relative;
margin-bottom: 15px;
padding-left:0;
}
.news-block-four .inner-box .post-info li{
position:relative;
font-size:14px;
font-weight:400;
opacity:0.80;
margin-right:25px;
color:#222;
display:inline-block;
}
.news-block-four .inner-box .post-info li:first-child{
color:#222;
}
.news-block-four .inner-box .post-info li i {
margin-right:5px;
}
.news-block-four .inner-box .post-info li:before{
position:absolute;
content:'';
right:-15px;
top:9px;
width:6px;
height:6px;
border-radius:50px;
display:inline-block;
background-color:#222;
}
.news-block-four .inner-box .post-info li:last-child{
margin-right:0;
}
.news-block-four .inner-box .post-info li:last-child::before{
display:none;
}
.news-block-four .inner-box h3{
margin-bottom:25px;
font-weight:700;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.news-block-four .inner-box h3:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:50px;
height:4px;
background-color:var(--thm-base);
}
.news-block-four .inner-box h3 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-four .inner-box h3 a:hover{
color:var(--thm-base);
}
.news-block-four .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
.news-block-four .inner-box .read-more{
position:absolute;
left:30px;
bottom:-25px;
color:#ffffff;
font-weight:600;
padding:12px 24px;
background-color:#222222;
border-right:2px solid var(--thm-base);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.news-block-four .inner-box:hover .read-more{
background-color:var(--thm-base);
border-color:#222222;
}
.sticky-top{
top:90px;
}
.blog-detail{
position:relative;
}
.blog-detail .inner-box{
position:relative;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.blog-detail .inner-box .image{
position:relative;
background-color:var(--thm-base);
}
.blog-detail .inner-box .image img{
position:relative;
max-width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.blog-detail .inner-box:hover .image img{
opacity:0.60;
}
.blog-detail .inner-box .image .post-date{
position:absolute;
right:25px;
bottom:25px;
width:75px;
height:80px;
color:#ffffff;
font-size:36px;
padding-top:16px;
font-weight:800;
text-align:center;
background-color:var(--thm-base);
}
.blog-detail .inner-box .image .post-date span{
font-size:16px;
color:#ffffff;
display:block;
font-weight:400;
margin-top:10px;
}
.blog-detail .inner-box .lower-content{
position:relative;
padding:0px 30px 20px;
}
.blog-detail .inner-box .post-info{
position:relative;
margin-bottom: 30px;
padding:14px 30px;
margin-left:-30px;
margin-right:-30px;
background-color:var(--thm-base);
}
.blog-detail .inner-box .post-info li{
position:relative;
font-size:14px;
font-weight:400;
margin-right:30px;
color:#ffffff;
display:inline-block;
text-transform:uppercase;
}
.blog-detail .inner-box .post-info li:first-child{
color:#ffffff;
}
.blog-detail .inner-box .post-info li i {
margin-right:5px;
}
.blog-detail .inner-box .post-info li:before{
position:absolute;
content:'';
right:-18px;
top:9px;
width:6px;
height:6px;
border-radius:0px;
display:inline-block;
background-color:#ffffff;
transform:rotate(45deg);
}
.blog-detail .inner-box .post-info li:last-child{
margin-right:0;
}
.blog-detail .inner-box .post-info li:last-child::before{
display:none;
}
.blog-detail .inner-box .post-info li a {
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
text-transform:uppercase;
}
.blog-detail .inner-box h3{
margin-bottom:25px;
font-weight:700;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.blog-detail .inner-box h3{
margin-bottom:25px;
font-weight:700;
padding-bottom:25px;
border-bottom:2px solid #dddddd;
}
.blog-detail .inner-box h3:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:50px;
height:4px;
background-color:var(--thm-base);
}
.blog-detail .inner-box h4{
margin-bottom:15px;
}
.blog-detail .inner-box p{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.blog-detail .inner-box .two-column{
position:relative;
margin-top:25px;
}
.blog-detail .inner-box .two-column .column{
margin-bottom:30px;
}
.blog-detail .inner-box blockquote{
position:relative;
color:#222222;
font-size:18px;
padding:30px 40px;
font-style:italic;
margin-top:25px;
margin-bottom:30px;
background-color:#f5f5f5;
border-left:4px solid var(--thm-base);
}
.blog-detail .inner-box blockquote p{
position:relative;
color:#222222;
font-size:18px;
line-height:1.8em;
font-style:italic;
margin-bottom:0;
}
.blog-detail .inner-box blockquote .quote-author{
position:relative;
display:block;
color:var(--thm-base);
text-align:right;
font-size:18px;
font-weight:600;
font-style:normal;
} .blog-detail .post-share-options{
position:relative;
margin-top: 40px;
padding:22px 0px;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
}
.blog-detail .post-share-options .tags span{
font-size:15px;
color:var(--thm-base);
font-weight:400;
margin-right:10px;
text-transform: capitalize;
}
.blog-detail .post-share-options .tags a{
position:relative;
color:#777777;
font-size:15px;
font-weight:400;
line-height: 1em;
margin-right: 10px;
display: inline-block;
text-transform:capitalize;
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-detail .post-share-options .tags a:last-child{
border-right:none;
margin-right: 0px;
padding-right: 0px;
}
.blog-detail .post-share-options .tags{
position:relative;
color:#ff4800;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.blog-detail .post-share-options .tags a:hover{
color:var(--thm-base);
}
.blog-detail .post-share-options .social-box{
position:relative;
}
.blog-detail .post-share-options .social-box li.share{
position:relative;
color:#333333;
font-weight:700;
font-size: 16px;
}
.blog-detail .post-share-options .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.blog-detail .post-share-options .social-box li a{
position:relative;
font-size:16px;
color:#333333;
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;
}
.blog-detail .post-share-options .social-box li a:hover{
color:var(--thm-base);
}
.blog-detail .more-posts{
position:relative;
padding:18px 0px;
border-radius:px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.blog-detail .more-posts .prev{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
}
.blog-detail .more-posts .next{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
}
.blog-detail .more-posts .prev a,
.blog-detail .more-posts .next a{
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-detail .more-posts .prev a:hover,
.blog-detail .more-posts .next a:hover{
color:var(--thm-base);
} .sidebar-page-container .comments-area{
position:relative;
margin-top:60px;
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
position:relative;
color:#161e39;
font-weight:700;
margin-bottom:25px;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #e5e5e5;
-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-box:last-child{
margin-bottom:0px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 110px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:100px;	
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:90px;
height:90px;
border-radius:50%;
overflow:hidden;
background-color:#7a7a7a;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:600;
color:#161e39;
display:block;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#626262;
font-size:16px;
line-height:1.7em;
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:absolute;
right:0px;
font-size:15px;
color:#626262;
padding-left:24px;
display:inline-block;
}
.sidebar-page-container .comments-area .comment-info .comment-time:before{
position:absolute;
content: "\f133";
left:0px;
top:0px;
color:var(--thm-base);
font-family: 'FontAwesome';
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-size:16px;
color:var(--thm-base);
font-weight:600;
text-transform:uppercase;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#3d415b;
} .comment-form .group-title h4{
margin-bottom:20px;
}
.comment-form .form-group{
margin-bottom:30px;
}
.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:#888888;
border:1px solid #e1e1e1;
height:54px;
font-size:14px;
border-radius:0px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.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(--thm-base);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:#888888;
border:1px solid #e1e1e1;
height:180px;
background:#ffffff;
resize:none;
border-radius:0px;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
} .error-section{
position:relative;
padding:80px 0px 100px;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section h1{
position:relative;
color:#222222;
font-size:180px;
font-weight:600;
line-height:1em;
margin-bottom:10px;
}
.error-section h2{
position:relative;
color:#222222;
font-size:50px;
font-weight:300;
line-height:1.2em;
margin-bottom:10px;
}
.error-section .text{
position:relative;
color:#222222;
font-size:20px;
font-weight:300;
margin-top:20px;
line-height:1.5em;
margin-bottom:30px;
}
.contact-info-section{
position:relative;
padding:100px 0px 70px;
}
.contact-info-section.style-two{
padding-bottom:20px;
}
.contact-info-section .info-column{
position:relative;
margin-bottom:30px;
}
.contact-info-section .info-column .inner-column{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
padding-left:90px;
}
.contact-info-section .info-column .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
font-size:60px;
line-height:1em;
}
.contact-info-section .info-column strong{
position:relative;
color:#222222;
font-size:22px;
display:block;
margin-bottom:10px;
}
.contact-info-section .info-column .inner-column a{
position:relative;
color:var(--thm-text);
}
.map-section-section{
position:relative;
}
.map-section-section iframe{
position:relative;
width:100%;
height:650px;
}
.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;	
} .contact-page-section{
position:relative;
padding:100px 0px 70px;
}
.contact-page-section .form-column{
position:relative;
margin-bottom:30px;
}
.contact-page-section .form-column .inner-column{
position:relative;
}
.contact-page-section .contact-info{
position: relative;
margin-bottom: 0px;
}
.contact-page-section .contact-info li{
position: relative;
padding-left: 40px;
font-size: 16px;
line-height: 24px;
color: var(--thm-text);
font-weight: 400;
margin-bottom: 35px;
}
.contact-page-section .contact-info li .icon{
position: absolute;
left: 0;
top: 0;
font-size: 24px;
line-height: 1.4em;
color: var(--thm-base);
}
.contact-page-section .contact-info li strong{
display: block;
font-size: 24px;
line-height: 26px;
color: #111111;
font-weight: 600;
margin-bottom: 5px;
}
.contact-page-section .contact-info li a{
color: var(--thm-text);
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
} .shops-page-section{
position:relative;
padding-top:110px;
padding-bottom:110px;
}
.shops-page-section .styled-pagination{
margin-top:20px;
} .single-product-item {
position: relative;
display: block;
transition: all 500ms ease;
margin-bottom: 50px;
}
.single-product-item .img-holder{
position: relative;
display: block;
overflow: hidden;
border-radius:0px;
background-color:#f9f9f9;
}
.single-product-item .img-holder a{
position:relative;
display:block;
}
.single-product-item .img-holder img{
transform: scale(1);
transition: all 0.7s ease 0s;
width: 100%;   
}
.single-product-item:hover .img-holder img{
transform: scale(1.1);   
}
.single-product-item .title-holder{
position: relative;
display: block;
background: #ffffff;
padding: 20px 0;
-webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
box-shadow: 0 2px 27px rgba(54,54,54,.13);
z-index: 9;
}
.single-product-item .title-holder:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 5px;
right: 0px;
opacity: 0;
z-index:1;
background-color: var(--thm-base);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transform: scale(0.5,1);
}
.single-product-item:hover .title-holder:before{
opacity: 1;
transform: scale(1,1);
}
.single-product-item .title-holder .static-content{
position: relative;
display: block;    
}
.single-product-item .title-holder .title {
position: relative;
display: block;
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin: 0 0 10px;
}
.single-product-item .title-holder .title a{
color: #1b1b1b;
transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
display: inline-block;
padding-right: 0px;
color: #666666;
margin-top:2px;
}
.single-product-item .title-holder .static-content del {
position: relative;
display: inline-block;
color: #c2c2c2;
font-size: 16px;
font-weight: 700;
}
.single-product-item .title-holder .overlay-content{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
text-align: center;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 400ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 400ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 35px 0;
width: 153px;
margin: 0 auto;
transform: scale(0);
transition: all 400ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
transform: scale(1);
transition: all 400ms ease 300ms;    
}
.single-product-item .title-holder .overlay-content ul li{
position: relative;
display: inline-block;
width: 51px;
text-align: center;
border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child{
border: none;
}
.single-product-item .title-holder .overlay-content ul li a{
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span{
position: relative;
display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
position: relative;
display: block;
width: 100%;
height: 45px;
color: #666666;
font-size: 18px;
line-height: 45px;
margin: 0;
transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before{
color: #ffffff;
background: #666666;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content {
position: absolute;
left: -50%;
right: 0;
top: -25px;
margin-left: -15px;
opacity: 0;
visibility: hidden;
padding: 0;
text-align: center;
background-color: #0a0a0a;
transition: all 300ms ease 100ms;
z-index: 999;
min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
font-family: FontAwesome;
position: absolute;
left: 0;
bottom: -8px;
right: 0;
content: "\f0d7";
color: #0a0a0a;
font-size: 25px;
text-align: center;
line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p{
color: #ffffff;
font-size: 14px;
line-height: 30px;
margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{
top: -40px; 
visibility: visible;
opacity: 1;
} .shop-single-section{
position:relative;
padding-top:110px;
padding-bottom:100px;
}
.shop-single-section .image-column{
position:relative;
}
.shop-single-section .image-column .inner-column{
position:relative;
}
.shop-single-section .image-column .image{
position:relative;
background-color:#f9f9f9;
}
.shop-single-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.shop-single-section .info-column{
position:relative;
}
.shop-single-section .info-column .inner-column{
position:relative;
}
.shop-single-section .info-column .details-header{
position:relative;
}
.shop-single-section .info-column .details-header h2{
font-weight:700;
margin:0px 0px;
line-height:1.4em;
color:#222222;
margin-bottom:8px;
}
.shop-single-section .info-column .details-header h2 a{
color:#333333;	
}
.shop-single-section .info-column .details-header .rating{
font-size:16px;
margin-bottom:15px;
display:inline-block;
}
.shop-single-section .info-column .details-header .rating span{
color:var(--thm-base);
}
.shop-single-section .info-column .details-header .rating .fa{
display:inline-block;
margin-right:1px;	
}
.shop-single-section .info-column .details-header .rating .fa.light{
color:#dadada;
}
.shop-single-section .info-column .details-header .item-price{
position:relative;
font-size:24px;
font-weight:700;
color:var(--thm-base);
line-height:24px;
letter-spacing:1px;
margin-bottom:20px;
}
.bootstrap-touchspin .input-group-btn-vertical{
width:30px;
border-left:1px solid #dddddd;
}
.shop-single-section .info-column .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:13px 10px;
background:none;
left:4px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:1px;	
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f0d8";
font-size: 18px;
font-style:normal;
font-weight:800;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f0d7";
font-size: 18px;
font-style:normal;
font-weight:800;
font-family: 'FontAwesome';
}
.shop-single-section .info-column .text{
position:relative;
color:#404040;
font-size:16px;
line-height:1.6em;
margin-bottom:30px;
}
.shop-single-section .info-column .availablity{
position:relative;
float:left;
padding-right:40px;
line-height:32px;
margin-bottom:27px;
font-size:13px;
font-weight:500;
letter-spacing:1px;
color:#777777;
}
.shop-single-section .info-column .availablity strong{
font-size:14px;
letter-spacing:2px;
color:#11da61;
font-weight:600;
text-transform:uppercase;
}
.shop-single-section .info-column .item-quantity{
position:relative;
float:left;
width:120px;
margin-bottom:15px;
margin-right:25px;
box-shadow:none;
border:1px solid #dddddd;
border-radius:50px 0px 0px 50px;
}
.shop-single-section .info-column .btns-box{
position:relative;
}
.shop-single-section .info-column .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:54px !important;
box-shadow:none !important;	
border-radius:50px 0px 0px 50px;
border:0px;
}
.shop-single-section .info-column .shop-list{
position:relative;
margin-top:20px;
}
.shop-single-section .info-column .shop-list li{
position:relative;
color:#666666;
font-size:18px;
margin-bottom:10px;
}
.shop-single-section .info-column .shop-list li strong{
color:#161e39;
font-size:18px;
margin-right:5px;
text-transform:capitalize;
}
.shop-single-section .info-column .shop-list li a{
position:relative;
color:var(--thm-base);
font-size:14px;
font-weight:700;
margin-top:0px;
display:inline-block;
text-transform:uppercase;
} .shop-page .prod-tabs{
position:relative;
margin-top:50px;
padding-bottom:35px;
border-bottom:1px solid #e6ebee;
}
.shop-page .prod-tabs .tab-btns{
position:relative;
margin-bottom:15px;
}
.shop-page .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
margin-right:20px;
font-size:16px;
background:none;
color:#161e39;
border-bottom:1px solid transparent;
text-transform:capitalize;
font-weight:600;
line-height:24px;
cursor:pointer;
margin-bottom:12px;
display:inline-block;
padding:0px 0px 9px;
transition:all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn{
border-color:#222222;
}
.shop-page .prod-tabs .tabs-content{
position:relative;	
}
.shop-page .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab{
display:block;	
}
.shop-page .prod-tabs .tabs-content .tab p{
font-size:16px;
line-height:1.9em;
color:#404040;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child{
margin-bottom:0px;
}
.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6{
margin-bottom:15px;	
}
.shop-page .prod-tabs .tabs-content .tab h4{
font-weight:700;
color:#222222;
}
.shop-page .prod-tabs .reviews-container{
position:relative;
padding-bottom:1px;	
}
.shop-page .prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:120px;
min-height:130px;
padding-bottom:30px;
border-bottom:1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:none;
}
.bootstrap-touchspin .input-group-btn-vertical{
right: 0px;
position: absolute;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.shop-page .prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:5px;
width:100px;
height:100px;
overflow:hidden;
background:#ffffff;
border-radius:3px;
margin-bottom:20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img{
display:block;
width:100%;
border-radius:3px;
}
.shop-page .prod-tabs .reviews-container .rev-content{
position:relative;
}
.shop-page .prod-tabs .reviews-container .rev-header{
position:relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4{
float:left;
line-height:30px;
margin-bottom:10px;	
}
.shop-page .prod-tabs .reviews-container .rev-header .rating{
position:relative;
float:left;
margin-left:40px;
color:var(--thm-base);
line-height:30px;
font-size:14px;
margin-bottom:10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa{
margin-right:3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time{
position:relative;
float:right;
color:#000000;
line-height:30px;
font-size:14px;
}
.shop-page .prod-tabs .reviews-container .rev-option{
font-size:14px;
color:#9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a{
font-size:14px;
text-transform:uppercase;
font-weight:700;	
}
.shop-page .prod-tabs .reviews-container .rev-text{
font-size:14px;
color:#9e9e9e;
line-height:1.8em;
margin-bottom:15px;
} .shop-page .prod-tabs .add-review{
position:relative;
margin:30px 0px 20px;
font-size:14px;
}
.shop-page .prod-tabs .add-review h4{
color:#000000;
font-weight:700;
}
.shop-page .prod-tabs .add-review .rating{
position:relative;
padding-top:8px;	
}
.shop-page .prod-tabs .add-review .rating .rate-box{
position:relative;
display:inline-block;
margin-right:10px;
font-size:14px;
color:#555555;	
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active{
color:var(--thm-base);
}
.shop-page .prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:5px;
font-weight:400;
color:#303030;	
}
.shop-page .prod-tabs .add-review h3{
margin-bottom:20px;	
}
.shop-page .prod-tabs .add-review .form-group{
position:relative;
margin-bottom:20px;	
}
.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
border:1px solid #e0e0e0;
height:150px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review button{
padding:8px 35px;
}
.related-projects{
position:relative;
padding-top:40px;
} .cart-section{
position:relative;
padding:100px 0px 110px;
}
.cart-outer{
position:relative;	
}
.checkout-page .cart-outer{
margin-bottom:40px;	
}
.cart-outer .table-outer{
position:relative;
width:100%;
margin-bottom:50px;
}
.cart-outer .cart-table{
width:100%;
min-width:900px;
border-bottom:1px solid #e9e9e9;
}
.cart-outer .cart-table tbody{
padding-bottom:30px;
}
.cart-table .cart-header{
position:relative;
width:100%;
font-size:13px;
color:#1c1c1c;
border-bottom:1px solid #ebebeb;
}
.cart-table thead tr th{
line-height:24px;
padding:15px 28px;
font-weight:700;
font-size:18px;
color:#161e39;
text-align:center;
letter-spacing:1px;
}
.cart-table thead tr th .fa{
font-size:18px;	
}
.cart-table tbody tr td{
line-height:24px;
padding:25px 50px 25px;
}
.cart-table tbody tr .qty{
width:225px;
padding-right:80px;
}
.cart-table tbody tr .qty .item-quantity{
border:1px solid #dddddd;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#ffffff;	
}
.cart-table tbody tr .prod-column .column-box{
position: relative;
min-height: 120px;
padding-top: 45px;
padding-left: 150px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
left:0px;
top:0px;
width:120px;
float:left;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
position:relative;
font-size:18px;
color:#161e39;
font-weight:700;
}
.cart-table tbody tr .prod-column .column-box .text{
position:relative;
font-size:16px;
color:#777777;
font-weight:400;
margin-top:15px;
}
.cart-table tbody tr .prod-column .author{
font-size:13px;
color:#333333;
margin-bottom:0px;
}
.cart-table tbody tr .sub-total{
font-weight:700;
color:#161e39;
font-size:18px;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:18px;
color:var(--thm-base);
line-height:30px;
font-weight:500;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
font-size:24px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover{
color:#222222;
}
.cart-table tbody tr td{
vertical-align:middle;
color:#797979;
font-size:17px;
}
.cart-table tbody tr .total-price{
font-weight: 700;
color: #161e39;
font-size: 18px;
}
.cart-table tbody tr td .prod-title{
position:relative;
font-size:17px;
color:#797979;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;	
}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#223555;
border-radius:50%;
}
.cart-section .cart-options{
position:relative;
padding:28px 35px 15px;
margin-bottom:50px;
background-color:#f9f9f9;
border:1px solid #ebebeb;
border-top:0px;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:10px;	
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:15px;
padding:8px 25px 8px 0px;
border-bottom:1px solid #e0e0e0;
width:230px;
height:50px;
color:#161e39;
font-size:16px;
font-weight:400;
background:none;
}
.cart-section .theme-btn{
margin-right:15px;
}
.cart-section .btn-style-two:hover{
color:#ffffff;
}
.cart-section .cart-options .btn-style-one{
top:-4px;
font-weight:500;
font-size:15px;
padding:5px 32px;
}
.cart-section .totals-table{
position:relative;
margin-top:0px;
}
.cart-section h3{
position:relative;
color:#161e39;
font-size:36px;
font-weight:700;
margin-top:30px;
line-height:1.3em;
margin-bottom:0px;
}
.cart-section .totals-table li{
line-height:24px;
padding:14px 0px;
border-bottom:1px solid #dee4e8;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
line-height:24px;
width:30%;
color:#161e39;
font-size:18px;
font-weight:600;
padding-left:0px;
text-transform:capitalize;
}
.cart-section .totals-table li .col:last-child{
color:#161e39;
}
.cart-section .checkout-btn{
margin-top:35px;
}
.cart-section .cart-btn{
padding:8px 34px;
margin-top:110px;
}
.cart-table tbody tr .qty .input-group-btn-vertical{
position:absolute;
right:0px;
top:0px;
} .checkout-page{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:100px 0px 80px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:40px;	
}
.checkout-page .default-links li{
margin-bottom:15px;
line-height:24px;
padding:18px 28px;
background:#f9f9f9;
color:#797979;
font-size:17px;
font-weight:600;
border:1px solid #ebebeb;
}
.checkout-page .default-links li a{
color:var(--thm-base);
text-decoration:underline;
}
.shop-form .billing-inner{
position:relative;
padding-right:100px;
}
.shop-form .sec-title h2{
font-size:24px;
}
.shop-form .form-group{
position:relative;
margin-bottom:20px;	
}
.billing-details .shop-form .sec-title{
margin-bottom:20px;	
}
.billing-details .shop-form .form-group.sec-title{
margin-bottom:10px;
padding-bottom:30px;
margin-top:20px;
}
.shop-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:8px;
color:#797979;	
font-size:15px;
font-weight:500;
text-transform:capitalize;
}
.shop-form .form-group .field-label sup{
position:relative;
top:0px;
color:#797979;	
font-size:16px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:16px;
padding:10px 15px;
height:50px;
border:1px solid #eeeeee;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-form input.address-two{
margin-top:12px;
}
.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea::-webkit-input-placeholder{
color:#c6c6c6;
}
.shop-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(//zitaeng.com/wp-content/themes/montro/assets/images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.shop-form select option{
text-indent:15px;	
}
.shop-form textarea{
resize:none;
height:100px !important;
overflow:hidden;	
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
border-color:var(--thm-base);	
} .shop-order-box{
position:relative;
padding:20px 28px 50px;
border:1px solid #d9d9d9;
background-color:#fdfdfd;
}
.shop-order-box .order-list{
position:relative;
}
.shop-order-box .order-list li{
position:relative;
color:#797979;
font-size:15px;
font-weight:500;
margin-bottom:12px;
text-transform:uppercase;
}
.shop-order-box .order-list li span{
float:right;
width:35%;
text-align:left;
font-size:17px;
text-transform:capitalize;
}
.shop-order-box .order-list li span.dark{
color:#242424;
}
.shop-order-box .order-list li.total{
padding:8px 0px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
}
.payment-options{
position:relative;
margin-top:20px;
margin-bottom:20px;	
}
.checkout-page .payment-options li{
position:relative;
margin-bottom:15px;	
}
.checkout-page .payment-options li .radio-option{
position:relative;		
}
.checkout-page .payment-options li .radio-option label{
position:relative;
display:block;
padding-left:30px;
font-weight:600 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#797979;
cursor:pointer;
font-size:15px;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:500;
display: inline-block;
color:#797979;
font-size:15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;	
}
.checkout-page .payment-options li .radio-option #payment-3{
top:9px;
}
.checkout-page .payment-options li .what-paypall{
display:block;
font-size:13px;
font-weight:600;
margin-left:0px;
color:var(--thm-base);
margin-top:20px;
}
.checkout-page .payment-options li .radio-option label .small-text{
position:relative;
display:none;
padding:18px 26px;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:15px;
color:#8e8d8d;
border-radius:4px;
line-height:20px;
line-height:1.8em;
margin-top:20px;
margin-left:-30px;
background-color:#ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:24px;
top:-10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
display: block;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
top:-3px;
display:inline-block;
max-width:100%;
padding-left:30px;	
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
display:inline-block;
max-width:100%;
padding-left:30px;	
} .login-page-section{
position:relative;
padding:110px 0px 0px;
}
.login-page-section .auto-container{
position:relative;
}
.login-page-section.signup-section .auto-container{
border-bottom:0px;
}
.login-page-section .inner-container{
position:relative;
max-width:580px;
margin:0 auto;
padding-bottom:100px;
}
.styled-form{
position:relative;
}
.styled-form .form-group{
position:relative;
margin-bottom:25px;
}
.styled-form .form-group label{
position:relative;
color:#666666;
font-size:16px;
margin-bottom:10px;
}
.styled-form .form-group input{
position:relative;
height:50px;
padding:6px 15px;
width:100%;
color:#222222;
border:1px solid #ebebeb;
}
.styled-form .forgot{
position:relative;
font-weight:600;
color:#161e39;
font-size:16px;
margin-top:10px;
display:inline-block;
}
.styled-form .form-group .check-box{
position:relative;
margin-top:-15px;
}
.styled-form .form-group .check-box label{
position: relative;
display: block;
height: 30px;
width: 100%;
line-height: 20px;
padding: 5px 10px;
padding-left: 20px;
font-size: 16px;
font-weight: 600;
color: #161e39;
cursor: pointer;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-form .form-group input[type="checkbox"]:checked + label{
border-color: #25a9e0;
}
.styled-form .form-group .check-box label:before{
position: absolute;
left: 0;
top: 9px;
height:12px;
width: 12px;
content: "";
border-radius: 0px;
background: #0c0f48;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-form .form-group .check-box input[type="checkbox"] {
display: none;
}
.styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{
background: var(--thm-base);
}
.styled-form .form-group .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;	
}
.styled-form .form-group .check-box .terms{
color:var(--thm-base);
} .styled-form .form-group .radio-box{
position:relative;
margin-top:-15px;
}
.styled-form .form-group .radio-box label{
position: relative;
display: block;
height: 30px;
width: 100%;
line-height: 20px;
padding: 5px 10px;
padding-left: 20px;
font-size: 16px;
font-weight: 600;
color: #161e39;
cursor: pointer;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-form .form-group input[type="radio"]:checked + label{
border-color: #25a9e0;
}
.styled-form .form-group .radio-box label:before{
position: absolute;
left: 0;
top: 9px;
height:12px;
width: 12px;
content: "";
border-radius: 0px;
background: var(--thm-base);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-form .form-group .radio-box input[type="radio"] {
display: none;
}
.styled-form .form-group .radio-box input[type="radio"]:checked + label:before{
background: #090f56;
}
.styled-form .form-group .radio-box input[type="radio"]:checked + label:after {
max-width: 20px;
opacity: 1;	
}
.styled-form .theme-btn{
width:100%;
font-size:15px;
border-radius:0px;
font-weight:600;
}
.styled-form .or-box{
position:relative;
margin-top:45px;
text-align:center;
margin-bottom:20px;
}
.styled-form .or-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
height:1px;
width:100%;
background-color:#dcdcdb;
}
.styled-form .or-box .or{
position:relative;
font-weight:600;
color:#161e39;
font-size:16px;
padding:0px 20px;
display:inline-block;
top:-10px;
background-color:#ffffff;
}
.styled-form .account-btn{
position:relative;
font-weight:700;
letter-spacing:1px;
padding:14px 15px;
width:100%;
display:block;
border:1px solid #dcdcdb;
text-transform:uppercase;
background:none;
cursor:pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.styled-form .account-btn:hover{
background-color:var(--thm-base);
color:#ffffff;
border-color:var(--thm-base);
} .rtl .main-header .logo-box{
float:right;
}
.rtl .main-header .header-lower .nav-outer{
float:right;
width:100%;
padding-left:0px;
padding-right:50px;
}
.rtl .main-header .nav-btn{
right:0px;
left:auto;
}
.rtl .main-header .header-upper .upper-right{
float:left;
}
.rtl .main-header .info-box{
margin-left:0px;
margin-right:40px;
padding-right:65px;
padding-left:35px;
text-align:right;
border-right:0px;
border-left:1px solid rgba(0,0,0,0.10);
}
.rtl .main-header .info-box:first-child{
padding-left:0px;
border:0px;
}
.rtl .main-header .info-box .icon-box{
right:0px;
left:auto;
}
.rtl .main-header .header-top .top-left .text{
text-align:right;
}
.rtl .main-menu .navigation > li{
float:right;
}
.rtl .sticky-header .logo{
float:right;
padding-left:25px;
}
.rtl .main-menu{
float:right;
}
.rtl .main-header .header-lower .options-box{
position:absolute;
left:0px;
}
.rtl .main-menu .navigation > li:last-child{
margin-right:20px;
}
.rtl .main-header .search-box-outer{
margin-left:0px;
}
.rtl .main-menu .navigation > li > ul > li{
text-align:right;
}
.rtl .main-menu .navigation > li > ul > li:hover > a{
padding-left:0px;
padding-right:30px;
}
.rtl .main-menu .navigation > li > ul > li > a:before{
left:auto;
right:8px;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
right:auto;
left:10px;
transform:rotate(180deg);
}
.rtl .main-menu .navigation > li > ul > li > ul{
left:auto;
right:120%;
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul{
right:107%;
left:auto;
}
.rtl .main-menu .navigation > li > ul{
left:auto;
right:-30px;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul{
left:auto;
right:0px;
}
.rtl .main-menu .navigation > li > ul > li > ul > li:hover > a{
padding-left:0px;
padding-right:30px;
}
.rtl .main-menu .navigation > li > ul > li > ul > li > a:before{
left:auto;
right:8px;
}
.rtl .main-slider .content-column{
order:2;
text-align:right;
}
.rtl .main-slider .image-column{
order:1;
}
.rtl .main-slider .title{
padding-left:0px;
padding-right:40px;
}
.rtl .main-slider .title:before{
right:0px;
left:auto;
}
.rtl .main-slider .play-box,
.rtl .main-slider .btns-box{
float:right;
}
.rtl .main-slider .btns-box .theme-btn{
margin-right:0px;
margin-left:25px;
}
.rtl .about-section .image-column{
order:1;
}
.rtl .about-section .content-column{
order:2;
}
.rtl .about-section .content-column .inner-column{
text-align:right;
}
.rtl .about-section .content-column .inner-column .pull-left{
float:right;
}
.rtl .about-section .content-column .signature{
margin-left:0px;
margin-right:25px;
}
.rtl .sec-title,
.rtl .main-footer,
.rtl .news-block .inner-box,
.rtl .testimonial-block .inner-box,
.rtl .gallery-block .inner-box .lower-content,
.rtl .skill-section .image-column .image .text,
.rtl .skill-section .skill-column .inner-column,
.rtl .service-block .inner-box .content{
text-align:right;
}
.rtl .newsletter-form .form-group input[type="text"],
.rtl .newsletter-form .form-group input[type="email"]{
padding-right:20px;
text-align:right;
}
.rtl .service-block .inner-box .icon{
left:0px;
right:auto;
}
.rtl .fact-counter .column .inner .content{
text-align:right;
padding-left:0px;
padding-right:90px;
}
.rtl .fact-counter .column .inner .icon{
right:0px;
left:auto;
}
.rtl .cta-section .cta-list li{
text-align:right;
padding-left:0px;
padding-right:50px;
}
.rtl .cta-section .cta-list li:before{
right:0px;
left:auto;
}
.rtl .testimonial-section .owl-nav{
left:0px;
right:auto;
}
.rtl .testimonial-block .inner-box .author-image-outer .author-image{
left:0px;
right:auto;
}
.rtl .testimonial-block .inner-box .text{
padding-right:0px;
padding-left:40px;
}
.rtl .testimonial-block .inner-box .quote-icon{
right:auto;
left:60px;
}
.rtl .news-block .inner-box .image .post-date{
right:25px;
left:auto;
}
.rtl .newsletter-section .form-column .content{
padding-left:0px;
padding-right:360px;
}
.rtl .newsletter-section .form-column .title-box{
right:0px;
left:auto;
}
.rtl .newsletter-section .form-column .title-box .box-inner{
padding-left:0px;
text-align:right;
padding-right:95px;
}
.rtl .newsletter-section .form-column .title-box .icon{
right:0px;
left:auto;
}
.rtl .newsletter-form .form-group .submit-btn{
left:0px;
right:auto;
border-radius:6px;
}
.rtl .list-style-two li{
text-align:right;
padding-left:0px;
padding-right:30px;
}
.rtl .list-style-two li .icon{
right:0px;
left:auto;
}
.rtl .main-footer .news-widget .post{
text-align:right;
padding-left:0px;
padding-right:100px;
}
.rtl .main-footer .news-widget .post .thumb{
right:0px;
left:auto;
}
.rtl .list-link li a{
padding-left:0px;
padding-right:26px;
text-align:right;
}
.rtl .header-top .top-list li .icon,
.rtl .list-link li a:before{
right:0px;
left:auto;
}
.rtl .header-top .top-list li{
text-align:right;
padding-left:0px;
padding-right:25px;
}
.rtl .header-style-two .options-box{
margin-left:0px;
margin-right:30px;
}
.rtl .header-style-two .search-box-outer{
margin-left:25px;
}
.rtl .price-block .inner-box,
.rtl .accordion-box .block,
.rtl .default-form input[type="text"],
.rtl .default-form input[type="email"],
.rtl .default-form input[type="password"],
.rtl .default-form select,
.rtl .default-form textarea,
.rtl .request-quote-section .content-box,
.rtl .goal-block .inner-box,
.rtl .sidebar-info-contents .content-inner,
.rtl .news-block-two .inner-box .content,
.rtl .service-block-two .inner-box{
text-align:right;
}
.rtl .goal-section .content-column .inner-column .pull-left{
float:right;
}
.rtl .goal-section .content-column .signature{
margin-left:0px;
margin-right:30px;
}
.rtl .project-section-two .tab-btns-box{
text-align:left;
}
.rtl .project-section-two .tab-btns-box .p-tab-btn{
margin-left:0px;
margin-right:25px;
}
.rtl .request-quote-section .content-box .play-box{
left:0px;
right:auto;
}
.rtl .price-block .inner-box .price-list li{
text-align:right;
padding-left:0px;
padding-right:30px;
}
.rtl .price-block .inner-box .price-list li:before{
right:0px;
left:auto;
}
.rtl .main-footer .lower-form-box .title-column{
order:2;
}
.rtl .main-footer .lower-form-box .newsletter-column{
order:1;
}
.rtl .main-footer .lower-form-box .title-column .inner-column{
text-align:right;
padding-left:0px;
padding-right:80px;
}
.rtl .main-footer .lower-form-box .title-column .icon{
right:0px;
left:auto;
}
.rtl .newsletter-form-two .form-group input[type="text"],
.rtl .newsletter-form-two .form-group input[type="email"]{
text-align:right;
padding-right:20px;
}
.rtl .newsletter-form-two .form-group .submit-btn{
left:0px;
right:auto;
border-radius:5px;
}
.rtl .header-style-three .search-box .form-group input[type="text"],
.rtl .header-style-three .search-box .form-group input[type="search"]{
padding-right:20px;
padding-left:60px;
text-align:right;
}
.rtl .header-style-three .search-box .form-group button{
left:0px;
right:auto;
}
.rtl .list-style-one li{
padding-left:0px;
padding-right:30px;
}
.rtl .list-style-three li:before,
.rtl .list-style-one li .icon{
right:0px;
left:auto;
}
.rtl .about-section-two .content-column .inner-column,
.rtl .cta-section-two .inner-container{
text-align:right;
}
.rtl .cta-section-two .btn-box{
left:0px;
right:auto;
}
.rtl .about-section-two .content-column{
order:2;
}
.rtl .about-section-two .image-column{
order:1;
}
.rtl .list-style-three li{
text-align:right;
padding-left:0px;
padding-right:30px;
}
.rtl .about-section-two .content-column .author-box .box-inner{
text-align:right;
padding-left:0px;
padding-right:150px;
}
.rtl .about-section-two .content-column .author-box .author-image{
right:0px;
left:auto;
}
.rtl .footer-style-two,
.rtl .team-block-two .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box,
.rtl .news-block-three .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box .text,
.rtl .service-block-three .inner-box,
.rtl .privacy-section .privacy-content,
.rtl .team-single-section .content-column .inner-column,
.rtl .about-section-two .images-column .text{
text-align:right;
}
.rtl .service-block-three .inner-box .big-icon{
right:auto;
left:30px;
}
.rtl .choose-block .inner-box{
text-align:right;
padding-left:0px;
padding-right:90px;
}
.rtl .choose-section .image-column .award-box .inner-box .icon,
.rtl .choose-block .inner-box .icon{
right:0px;
left:auto;
}
.rtl .choose-section .image-column .award-box .inner-box{
text-align:right;
padding-left:0px;
padding-right:80px;
}
.rtl .testimonial-section-two .owl-nav{
left:0px;
right:auto;
}
.rtl .testimonial-section-two .owl-nav .owl-prev,
.rtl .testimonial-section-two .owl-nav .owl-next{
margin-left:0px;
margin-right:15px;
}
.rtl .cta-section-three .title-column .inner-column{
text-align:right;
padding-left:0px;
padding-right:100px;
}
.rtl .cta-section-three .title-column .inner-column{
right:0px;
left:auto;
}
.rtl .cta-section-three .title-column .icon{
right:0px;
left:auto;
}
.rtl .news-block-three .inner-box .lower-content .post-info li{
padding-left:0px;
padding-right:25px;
}
.rtl .privacy-section .privacy-list li:before,
.rtl .footer-style-two .info-column .icon,
.rtl .footer-style-two .news-widget .post .thumb,
.rtl .team-single-section .content-column .post-meta li .icon,
.rtl .news-block-three .inner-box .lower-content .post-info li .icon{
right:0px;
left:auto;
}
.rtl .footer-style-two .news-widget .post{
text-align:right;
padding-left:0px;
padding-right:100px;
}
.rtl .footer-style-two .info-column .inner-column{
padding-left:0px;
text-align:right;
padding-right:90px;
}
.rtl .team-single-section .content-column .post-meta li{
text-align:right;
padding-left:0px;
padding-right:40px;
margin-right:0px;
margin-left:30px;
}
.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea{
text-align:right;
padding-right:20px;
}
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button{
left:0px;
right:auto;
}
.rtl .privacy-section .privacy-list li{
text-align:right;
padding-left:0px;
padding-right:26px;
}
.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
text-align:right;
padding-right:20px;
}
.rtl .sidebar .search-box .form-group button{
left:0px;
right:auto;
}
.rtl .sidebar-widget,
.rtl .news-block-four .inner-box,
.rtl .project-mission-section,
.rtl .project-challenge-section .content-column .inner-column,
.rtl .project-summery-section,
.rtl .project-detail-section,
.rtl .service-detail .inner-box,
.rtl .sidebar .sidebar-title h4{
text-align:right;
}
.rtl .sidebar .sidebar-title h4:before{
right:0px;
left:auto;
}
.rtl .service-list li{
text-align:right;
padding-left:0px;
padding-right:70px;
}
.rtl .service-list li .icon{
right:0px;
left:auto;
}
.rtl .service-detail .feature-column .inner-column{
text-align:right;
padding-left:0px;
padding-right:80px;
}
.rtl .service-detail .feature-column .inner-column .icon{
right:0px;
left:auto;
}
.rtl .news-block-four .inner-box .image .post-date{
left:30px;
right:auto;
}
.rtl .styled-form,
.rtl .blog-detail,
.rtl .blog-cat li a,
.rtl .cart-section h3,
.rtl .shop-page .prod-tabs,
.rtl .styled-form .form-group input,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="password"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group select,
.rtl .cart-section .totals-table,
.rtl .shop-form .billing-inner,
.rtl .shop-order-box .order-list li span,
.rtl .comment-form .form-group textarea,
.rtl .checkout-page .default-links li,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="password"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="email"],
.rtl .shop-page .prod-tabs .add-review .form-group textarea,
.rtl .shop-single-section .info-column .inner-column,
.rtl .shop-form input[type="text"],
.rtl .shop-form input[type="email"],
.rtl .shop-form input[type="password"],
.rtl .shop-form input[type="tel"],
.rtl .shop-form input[type="number"],
.rtl .shop-form input[type="url"],
.rtl .shop-form select,
.rtl .shop-order-box,
.rtl .shop-form textarea{
text-align:right;
}
.rtl .blog-cat li a span{
left:0px;
right:auto;
}
.rtl .sidebar .popular-posts .post{
padding-left:0px;
text-align:right;
padding-right:100px;
}
.rtl .sidebar .popular-posts .post .post-thumb{
right:0px;
left:auto;
}
.rtl .blog-detail .inner-box .image .post-date{
left:30px;
right:auto;
}
.rtl .sidebar-page-container .comments-area .comment{
text-align:right;
padding-left:0px;
padding-right:110px;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb{
right:0px;
left:auto;
}
.rtl .sidebar-page-container .comments-area .comment-info .comment-time{
left:0px;
right:auto;
}
.rtl .shop-single-section .info-column .pull-left{
float:right;
}
.rtl .shop-single-section .info-column .item-quantity{
margin-right:0px;
margin-left:25px;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box{
padding-left:0px;
padding-right:120px;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb{
right:0px;
left:auto;
}
.rtl .cart-section .totals-table .col{
float:right;
text-align:right;
}
.rtl .checkout-page .payment-options li .radio-option label{
padding-left:0px;
padding-right:30px;
}
.rtl .checkout-page .payment-options li .radio-option input[type="radio"]{
right:0px;
left:auto;
}
.rtl .checkout-page .payment-options li .radio-option label .small-text{
right:-30px;
}
.rtl .contact-info-section .info-column .inner-column{
text-align:right;
padding-left:0px;
padding-right:90px;
}
.rtl .contact-page-section .contact-info li .icon,
.rtl .contact-info-section .info-column .inner-column .icon{
right:0px;
left:auto;
}
.rtl .contact-page-section .contact-info li{
padding-left:0px;
padding-right:50px;
text-align:right;
}
.rtl .header-style-three .main-menu .navigation > li{
margin-right:0px;
margin-left:20px;
}
.rtl .project-detail-section .carousel-column .owl-nav{
left:-15px;
right:auto;
} .box-layout{
position: relative;
box-shadow: 0px 0px 15px rgba(0,0,0,0.20);
}
.box-layout:before{
position:fixed;
content: '';
left:0px;
top: 0px;
width: 100%;
height:100%;
display: block;
background: url(//zitaeng.com/wp-content/themes/montro/assets/images/background/1.jpg);
}
.box-layout .page-wrapper{
max-width:1170px;
width: 100%;
margin: 0 auto;
padding:15px;
overflow:hidden;
background-color: #ffffff;
}
.box-layout .main-footer .request-widget .theme-btn{
padding:16px 22px;
font-size:14px;
}
.want-sticky-header .main-header .sticky-header{
position:relative;
display:none;
} .dark-body,
.dark-body .styled-form .or-box .or,
.dark-body .news-block-two .inner-box,
.dark-body .goal-section:before,
.dark-body .news-block-three .inner-box,
.dark-body .testimonial-block .inner-box,
.dark-body .service-block-three .inner-box:before,
.dark-body .testimonial-block-two .inner-box:before,
.dark-body .process-block .inner-box .process-number{
background-color:#2d3049;
}
.dark-body .project-summery-section,
.dark-body .services-section-three,
.dark-body .news-section-two,
.dark-body .goal-section,
.dark-body .header-top,
.dark-body .news-section,
.dark-body .faq-form-section,
.dark-body .news-section-three,
.dark-body .blog-detail .inner-box,
.dark-body .choose-section .image-column .image:before,
.dark-body .price-block .inner-box,
.dark-body .testimonial-section,
.dark-body .news-block .inner-box,
.dark-body .service-block .inner-box,
.dark-body .skill-section .inner-container,
.dark-body .about-section .inner-container,
.dark-body .team-block .inner-box:before,
.dark-body .process-block .inner-box .color-layer,
.dark-body .service-block-two .inner-box:before,
.dark-body .services-section-three .lower-text .text,
.dark-body .main-menu .navigation > li > ul > li > ul,
.dark-body .gallery-block .inner-box .lower-content,
.dark-body .project-section-two .lower-text .text,
.dark-body .request-quote-section .inner-container,
.dark-body .news-block-four .inner-box,
.dark-body .single-product-item .title-holder,
.dark-body .project-detail-section .social-box .box-inner,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar .search-box .form-group input[type="search"],
.dark-body .main-menu .navigation > li > ul{
background-color:#22253c;
}
.dark-body .testimonial-page-section{
background-color:#22253c;
padding-bottom:100px;
}
.dark-body .styled-form .form-group input,
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="text"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="password"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="email"],
.dark-body .shop-page .prod-tabs .add-review .form-group select,
.dark-body .shop-page .prod-tabs .add-review .form-group textarea,
.dark-body .comment-form .form-group input,
.dark-body .comment-form .form-group textarea,
.dark-body .default-form input[type="text"],
.dark-body .default-form input[type="email"],
.dark-body .default-form input[type="password"],
.dark-body .default-form select,
.dark-body .default-form textarea{
color:#ffffff;
background-color:#2d3049;
border-color:rgba(255,255,255,0.30);
}
.dark-body .header-style-one{
border-color:#ffffff;
}
.dark-body .main-header .info-box ul li a,
.dark-body .cart-section h3,
.dark-body .error-section h1,
.dark-body .error-section h2,
.dark-body .error-section .text,
.dark-body .blog-cat li a,
.dark-body .cart-table thead tr th,
.dark-body .service-list li,
.dark-body .privacy-section h2,
.dark-body .sec-title .text,
.dark-body .sec-title h2,
.dark-body .styled-form .or-box .or,
.dark-body .cart-section .totals-table .col,
.dark-body .project-mission-section .text p,
.dark-body .project-mission-section h3,
.dark-body .project-summery-section p,
.dark-body .project-summery-section h3,
.dark-body .service-list li a,
.dark-body .service-list li strong,
.dark-body .privacy-section h4,
.dark-body .privacy-section p,
.dark-body .news-block-four .inner-box h3 a,
.dark-body .sidebar .popular-tags a,
.dark-body .news-block-four .inner-box .text,
.dark-body .choose-block .inner-box h5,
.dark-body .list-style-three li,
.dark-body .blog-detail .inner-box h4,
.dark-body .blog-detail .inner-box p,
.dark-body .blog-detail .inner-box h3,
.dark-body .price-block .inner-box .price-list li,
.dark-body .price-block .inner-box .text,
.dark-body .price-block .inner-box .title,
.dark-body .process-block .inner-box h5,
.dark-body .goal-block .inner-box h4,
.dark-body .goal-block .inner-box .goal-text,
.dark-body .goal-block .inner-box .icon,
.dark-body .main-header .options-box .nav-btn,
.dark-body .news-block .inner-box h4 a,
.dark-body .team-block .inner-box .designation,
.dark-body .team-block .inner-box h4 a,
.dark-body .styled-form .form-group label,
.dark-body .styled-form .forgot,
.dark-body .service-block .inner-box .text,
.dark-body .service-block .inner-box h4 a,
.dark-body .news-block-two .inner-box h4 a,
.dark-body .news-block-two .inner-box .text,
.dark-body .about-section .content-column .text p,
.dark-body .shop-page .prod-tabs .add-review label,
.dark-body .shop-page .prod-tabs .add-review .rating .rate-box,
.dark-body .project-detail-section .social-box .social-list li.share,
.dark-body .main-menu .navigation > li > ul > li > ul > li > a,
.dark-body .main-menu .navigation > li > ul > li > ul > li:hover > a::before,
.dark-body .main-menu .navigation > li > ul > li.dropdown:hover > a:after,
.dark-body .main-menu .navigation > li > ul > li.dropdown > a:after,
.dark-body .main-menu .navigation > li > ul > li:hover > a::before,
.dark-body .main-menu .navigation > li > ul > li > a,
.dark-body .main-menu .navigation > li > a,
.dark-body .main-header .info-box ul li,
.dark-body .main-header .info-box strong,
.dark-body .project-section .filters li,
.dark-body .sidebar .sidebar-title h4,
.dark-body .news-block .inner-box .text,
.dark-body .accordion-box .block .acc-btn,
.dark-body .accordion-box .block .content .text,
.dark-body .service-block-two .inner-box .lower-box h6 a,
.dark-body .testimonial-block .inner-box .text,
.dark-body .testimonial-block .inner-box .author-image-outer h6,
.dark-body .gallery-block .inner-box .lower-content h5 a,
.dark-body .project-section-two .lower-text .text,
.dark-body .service-block-three .inner-box h5 a,
.dark-body .service-block-three .inner-box .text,
.dark-body .news-block-three .inner-box h4 a,
.dark-body .sidebar .popular-posts .post-info,
.dark-body .sidebar .popular-posts .post .text a,
.dark-body .team-single-section .content-column h2,
.dark-body .team-single-section .content-column .post-meta li a,
.dark-body .team-single-section .content-column .text p,
.dark-body .news-block-three .inner-box .lower-content .post-info li,
.dark-body .fact-counter-two .column .inner .counter-title,
.dark-body .fact-counter-two .column .inner .count-outer,
.dark-body .project-section-two .tab-btns-box .p-tab-btn,
.dark-body .gallery-block .inner-box .lower-content .title,
.dark-body .skills .skill-item .skill-header .skill-percentage,
.dark-body .services-section-three .lower-text .text,
.dark-body .skills .skill-item .skill-header .skill-title,
.dark-body .services-section .sec-title .text,
.dark-body .team-block-two .inner-box h5 a,
.dark-body .privacy-section .privacy-list li,
.dark-body .project-detail-section .social-box .social-list li a,
.dark-body .service-detail .inner-box .lower-content h3,
.dark-body .service-detail .inner-box .lower-content p,
.dark-body .service-detail .inner-box .lower-content h4,
.dark-body .service-detail .inner-box .lower-content h5,
.dark-body .team-block-two .inner-box .designation,
.dark-body .testimonial-block-two .inner-box .text,
.dark-body .testimonial-block-two .inner-box h6,
.dark-body .choose-block .inner-box .block-text,
.dark-body .main-header .header-lower .nav-btn,
.dark-body .blog-detail .post-share-options .tags a,
.dark-body .blog-detail .post-share-options .social-box li.share,
.dark-body .blog-detail .post-share-options .social-box li a,
.dark-body .project-detail-section .content-column h3,
.dark-body .blog-detail .more-posts .prev a,
.dark-body .blog-detail .more-posts .next a,
.dark-body .sidebar-page-container .group-title h4,
.dark-body .single-product-item .title-holder .title a,
.dark-body .single-product-item .title-holder .static-content span,
.dark-body .shop-single-section .info-column .details-header h2,
.dark-body .shop-single-section .info-column .details-header .rating,
.dark-body .sidebar-page-container .comments-area .comment-box .text,
.dark-body .shop-single-section .info-column .text,
.dark-body .shop-single-section .info-column .shop-list li strong,
.dark-body .shop-single-section .info-column .shop-list li,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn,
.dark-body .shop-page .prod-tabs .tabs-content .tab h4,
.dark-body .shop-page .prod-tabs .tabs-content .tab p,
.dark-body .cart-table tbody tr .prod-column .column-box h4,
.dark-body .cart-table tbody tr .sub-total,
.dark-body .cart-table tbody tr .total-price,
.dark-body .contact-info-section .info-column .inner-column a,
.dark-body .contact-page-section .contact-info li strong,
.dark-body .contact-page-section .contact-info li,
.dark-body .contact-page-section .contact-info li a,
.dark-body .contact-page-section .contact-info li .icon,
.dark-body .contact-info-section .info-column strong,
.dark-body .contact-info-section .info-column .inner-column,
.dark-body .cart-section .totals-table li .col:last-child,
.dark-body .shop-page .prod-tabs .reviews-container .rev-header .time,
.dark-body .sidebar-page-container .comments-area .comment-box strong,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-prev,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar-page-container .comments-area .comment-info .comment-time,
.dark-body .sidebar .search-box .form-group input[type="search"],
.dark-body .project-detail-section .carousel-column .owl-nav .owl-next{
color:#ffffff;
}
.dark-body .sec-title .title .separator-two:after,
.dark-body .sec-title .title .separator-two:before,
.dark-body .sec-title .title .separator:before,
.dark-body .sec-title .title .separator:after{
background-color:rgba(255,255,255,0.70);
}
.dark-body .service-list li,
.dark-body .fact-counter-two,
.dark-body .accordion-box .block,
.dark-body .sidebar .sidebar-title h4,
.dark-body .sidebar .sidebar-widget .widget-content,
.dark-body .service-block-three .inner-box,
.dark-body .services-section .owl-dots .owl-dot,
.dark-body .main-header .header-lower,
.dark-body .sidebar .popular-tags a,
.dark-body .project-mission-section .new-posts,
.dark-body .blog-detail .post-share-options,
.dark-body .blog-detail .more-posts,
.dark-body .shop-page .prod-tabs,
.dark-body .cart-table .cart-header,
.dark-body .cart-section .totals-table li,
.dark-body .shop-page .prod-tabs .reviews-container .review-box,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn:hover,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn.active-btn,
.dark-body .sidebar-page-container .comments-area .comment-box,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-prev,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-next,
.dark-body .project-detail-section .social-box .social-list li a,
.dark-body .service-detail .service-tabs .tabs-content .content,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar .search-box .form-group input[type="search"]{
border-color:rgba(255,255,255,0.15);
}
.dark-body .main-header .search-box-outer:before{
background: #FFFFFF;
background: -webkit-linear-gradient(to right, #FFFFFF 0%, #cccccc 100%);
background: -moz-linear-gradient(to right, #FFFFFF 0%, #cccccc 100%);
background: linear-gradient(to right, #FFFFFF 0%, #cccccc 100%);
}
.dark-body .main-header .search-box-btn{
color:#111111;
}
.dark-body .service-block .inner-box:hover .pattern-layer{
opacity:0.20;
}
.dark-body .styled-form .account-btn{
color:#ffffff;
border-color:rgba(255,255,255,0.40);
} .news-block-five{
position:relative;
margin-bottom:30px;
}
.news-block-five .inner-box{
position:relative;
}
.news-block-five .inner-box .image:before{
position:absolute;
content:'';
right:15px;
top:0px;
width:1px;
height:100%;
background-color:#dddddd;
}
.news-block-five .inner-box .image:after{
position:absolute;
content:'';
left:0px;
bottom:15px;
width:100%;
height:1px;
background-color:#dddddd;
}
.news-block-five .inner-box .image{
position:relative;
overflow:hidden;
padding-right:30px;
padding-bottom:30px;
}
.news-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;
}
.news-block-five .inner-box:hover .image img{
opacity:0.60;
}
.news-block-five .inner-box .image .post-date{
position:absolute;
right:30px;
bottom:30px;
color:#ffffff;
font-size:18px;
font-weight:700;
padding:10px 20px;
display:inline-block;
background-color:var(--thm-base);
}
.news-block-five .inner-box .lower-content{
position:relative;
padding-top:15px;
padding-bottom:30px;
border-bottom:2px solid #dddddd;
}
.news-block-five .inner-box .lower-content .upper-box{
position:relative;
margin-bottom:15px;
}
.news-block-five .inner-box .lower-content .upper-box .box-inner{
position:relative;
padding-top:8px;
min-height:80px;
padding-left:90px;
}
.news-block-five .inner-box .lower-content .upper-box .box-inner .author-image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
}
.news-block-five .inner-box .lower-content .upper-box .box-inner .author-name{
color:#222222;
font-size:24px;
font-weight:700;
}
.news-block-five .inner-box .lower-content .post-meta{
position:relative;
margin-top:15px;
}
.news-block-five .inner-box .lower-content .post-meta li{
position:relative;
color:#555555;
font-size:16px;
margin-right:10px;
font-weight:400;
padding-left:28px;
display:inline-block;
}
.news-block-five .inner-box .lower-content .post-meta li .icon{
position:absolute;
left:0px;
top:1px;
color:var(--thm-base);
font-size:18px;
margin-right:6px;
}
.news-block-five .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-block-five .inner-box .lower-content h4{
position:relative;
margin-top:15px;
line-height:1.5em;
}
.news-block-five .inner-box .lower-content h4 a{
position:relative;
color:#222222;
-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-five .inner-box .lower-content h4 a:hover{
color:var(--thm-base);
}
.dark-body .clients-section .sponsors-outer .image-box img{
opacity:1;
filter: invert(100%);
}
.dark-body .sticky-header{
background-color:#22253c;
border-color:rgba(255,255,255,0.30);
}
.dark-body .sticky-header .logo img{
filter: invert(100%);
}
.dark-body .main-header .logo-box .logo img{
filter: invert(100%);
}
.dark-body .main-header.header-style-three .logo-box .logo img{
filter: invert(0%);
}
.dark-body .about-section-two .content-column .author-box .box-inner{
filter: invert(100%);
}
.dark-body .sticky-header .main-menu .navigation > li > a{
color:#ffffff !important;
}
.dark-body .service-block-two .inner-box .lower-box .text{
color:#ffffff;
}
.dark-body .news-block-five .inner-box .lower-content .upper-box .box-inner .author-name,
.dark-body .news-block-five .inner-box .lower-content .post-meta li,
.dark-body .news-block-five .inner-box .lower-content .post-meta li .icon,
.dark-body .news-block-five .inner-box .lower-content h4 a{
color:#ffffff;
}
.dark-body .about-section .content-column .signature img{
filter: invert(100%);	
}
.dark-body .goal-section .content-column .signature{
filter: invert(100%);
}
.dark-body .header-top .top-list li .icon{
color:#ffffff;
}
.box-layout.dark-body .page-wrapper{
background-color:#2d3049;
} .header-style-four{
position:relative;
z-index:999;
width:100%;
min-height:90px;
background-color:#000000;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.header-style-four .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background: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;
}
.header-style-four .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.header-style-four .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.header-style-four .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.header-style-four .main-menu .navigation > li > a{
color:#ffffff;
padding:30px 0px;
}
.header-style-five .main-menu .navigation > li > a{
text-transform:uppercase;
}
.header-style-six .main-menu .navigation > li > a{
padding: 0px 0px;
} .updated-header-top{
position: relative;
width:100%;
background-color: var(--thm-base);
}
.updated-header-top .top-left{
position:relative;
float: left;
padding: 13px 0px;
}
.updated-header-top .top-left ul{
position:relative;
}
.updated-header-top .top-left ul li{
position:relative;
color: #ffffff;
font-size: 14px;
font-weight: 400;
}
.updated-header-top .top-left ul li .fa{
position:relative;
margin-right:8px;
color:#ffffff;
}
.updated-header-top .top-right{
position:relative;
float: right;
}
.updated-header-top .top-right .social-box{
position: relative;
display:inline-block;
padding: 13px 0px;
}
.updated-header-top .top-right .social-box li{
position: relative;
margin-left: 15px;
display: inline-block;
}
.updated-header-top .top-right .social-box li a{
position: relative;
color: #ffffff;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.updated-header-top .top-right .social-box li a:hover{
color:#222222 !important;
} .header-style-four .updated-header-top .language{
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.header-style-four .updated-header-top .language .flag-icon{
margin-right:8px;
}
.header-style-four .updated-header-top .language .dropdown-menu{
top:100%;
right:0px;
left:auto !important;
width:170px;	
border-radius:0px;
margin-top:0px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid var(--thm-base);
}
.header-style-four .updated-header-top .language > a{
color:#000000;
padding:17px 25px;
text-transform:uppercase;
display:inline-block;
border:0px;
font-weight:600;
font-size:16px;
line-height:1em;
border-radius: 0px;
letter-spacing:1px;
background-color:#ffffff;
font-family: 'Roboto', sans-serif;
}
.header-style-four .updated-header-top .language > a:focus{
box-shadow:none;
outline:none;
}
.header-style-four .updated-header-top .language > a:after{
display:none;
}
.header-style-four .updated-header-top language a:hover{
background:none;
}
.header-style-four .updated-header-top .language .dropdown-menu > li{
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.header-style-four .updated-header-top .language .dropdown-menu > li:last-child{
border-bottom:none;	
}
.header-style-four .updated-header-top .language .dropdown-menu > li > a{
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 13px;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-style-four .updated-header-top .language .dropdown-menu > li > a:hover{
color:#ffffff !important;
background-color:var(--thm-base);
}
.header-style-four .header-upper{
position:relative;
z-index:1;
}
.header-style-four .header-upper .outer-box{
position:relative;
float:right;
padding-top:35px;
padding-left:35px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-four .header-upper .outer-box .nav-toggler{
position:relative;
font-size:28px;
color:#ffffff;
cursor:pointer;
display:inline-block;
} .header-style-five.fixed-header{
position:relative !important;
}
.header-style-five.fixed-header .header-upper{
position:fixed;
left:0px;
top:0px;
right:0px;
background-color:#000000
}
.header-style-five.fixed-header .updated-header-top{
position:relative;
}
.header-style-four .nav-outer{
position:relative;
float: right;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-four .header-upper .logo-box{
position: relative;
padding: 15px 0px 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-four .header-upper .logo-box .logo{
position:relative;
}
.header-style-four .header-lower{
position:relative;
background-color:var(--thm-base);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-four .header-upper .outer-box .search-box-outer{
position: relative;
float:left;
margin-top:0px;
margin-right:25px;
}
.header-style-four .header-upper .outer-box .search-box-btn{
position:relative;
display:block;
font-size:20px;
color:#ffffff;
cursor: pointer;
background:none;
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;
}
.header-style-four.fixed-header{
position: fixed;
z-index: 999;
width: 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;
background-color:#000000;
}
.header-style-five.fixed-header .nav-outer{
padding-top:0px;
}
.header-style-five.fixed-header .main-menu .navigation > li > a{
overflow:hidden;
}
.header-style-six{
background-color:#ffffff;
}
.header-style-four .header-upper .upper-right{
position:relative;
padding-top: 20px;
}
.header-style-four .header-upper .upper-right .info-outer{
position:relative;
padding-bottom:10px;
}
.header-style-four .info-box{
position:relative;
float:left;
margin-right:60px;
font-size:14px;
color:#222222;
text-align:left;
text-transform:uppercase;
padding:0px 0px 0px 50px;
font-family: 'Roboto', sans-serif;
}
.header-style-four .info-box:last-child{
margin:0px;
}
.header-style-four .info-box .icon-box{
position:absolute;
left:0px;
top:8px;
color:var(--thm-base);
font-size:34px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.header-style-four .info-box li{
position:relative;
color:#222222;
font-size:14px;
font-weight:500;
line-height:1.8em;
text-transform:capitalize;
}
.header-style-four .info-box li span{
font-weight:700;
font-size:18px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
} .header-style-six .nav-outer{
width:100%;
}
.header-style-six .main-menu .navigation > li{
padding:18px 0px;
}
.header-style-six .main-menu .navigation > li > a:hover,
.header-style-six .main-menu .navigation > li.current > a{
color:#222222;
}
.header-style-six .nav-outer .outer-box{
position:relative;
float:right;
padding-top:22px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-six .nav-outer .outer-box .nav-toggler{
position:relative;
font-size:28px;
color:#ffffff;
cursor:pointer;
display:inline-block;
}
.header-style-six .nav-outer .outer-box .search-box-outer{
position: relative;
float:left;
margin-top:0px;
}
.header-style-six .nav-outer .outer-box .search-box-btn{
position:relative;
top:0px;
display:block;
font-size:20px;
color:#ffffff;
cursor: pointer;
background:none;
margin-right:22px;
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;
}
.header-style-six .nav-outer .outer-box .btn-box{
float:right;
margin-top:-22px;
margin-left:20px;
}
.header-style-six .nav-outer .outer-box .btn-box .quote-btn{
position:relative;
padding:21.2px 30px;
display:inline-block;
letter-spacing:1px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
background-color:#ffffff;
font-family: 'Roboto', sans-serif;
}
.header-style-six .nav-outer .outer-box .btn-box .quote-btn:hover{
background-color:#222222;
color:#ffffff;
}
.header-style-six.fixed-header{
background-color:#ffffff;
position: relative !important;
}
.header-style-six.fixed-header .header-lower{
position: fixed;
left: 0px;
top: 0px;
right: 0px;
} .header-style-four .header-upper .logo-box{
position: relative;
padding:0px;
z-index: 10;
background: none;
text-align: center;
line-height: 80px;
padding:5px 0px;
}
.header-style-four .nav-outer .main-menu .left-nav{
position: absolute;
left: 0px;
top: -90px;
z-index:10;
}
.header-style-four .nav-outer .main-menu .right-nav{
position: absolute;
right: 0px;
top: -90px;
z-index:10;
} .nav-outer .mobile-nav-toggler{
position: relative;
display: none;
}
.nav-outer .mobile-nav-toggler .icon{
display: block;
font-size: 24px;
line-height: 40px;
cursor: pointer;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;	
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn{
position: absolute;
right: 8px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
color:#000000;	
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.mobile-menu-two{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu-two .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;	
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu-two{
opacity: 1;
visibility: visible;
}
.mobile-menu-two .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu-two .menu-backdrop{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu-two .menu-box{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu-two .menu-box{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu-two .close-btn{
position: absolute;
right: 8px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 32px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu-two .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu-two .close-btn:hover{
opacity: 0.50;
}
.mobile-menu-two .navigation{
position: relative;
display: block;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu-two .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu-two .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu-two .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu-two .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu-two .navigation li.current > a,
.mobile-menu-two .navigation li > a:hover{
color:#000000;	
}
.mobile-menu-two .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu-two .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu-two .navigation li > ul,
.mobile-menu-two .navigation li > ul > li > ul{
display: none;
} .hidden-bar{
position: fixed;
top: 0;
width: 305px;
height: 100%;
background: #ffffff;
z-index: 9999;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.hidden-bar-wrapper {
height: 100%;
padding:0px 5px 30px 0px;
}
.hidden-bar .mCSB_inside > .mCSB_container{
margin-right:0px;	
}
.hidden-bar.right-align {
right: -400px;
}
.hidden-bar.right-align.visible-sidebar{
right:0px;
-webkit-transition-delay: 850ms;
-moz-transition-delay: 850ms;
-ms-transition-delay: 850ms;
-o-transition-delay: 850ms;
transition-delay: 850ms;
}
.hidden-bar .hidden-bar-closer {
position: absolute;
top: 20px;
right:25px;
font-size:18px;
background: none;
color: #ffffff;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
z-index: 999999;
}
.hidden-bar .hidden-bar-closer button{
background:none;
cursor:pointer;
}
.hidden-bar .hidden-bar-closer:hover {
color: #414857;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #ffffff;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
outline: none;
font-size: 14px;
}
.hidden-bar .inner-box{
position:relative;
background-color: #ffffff;
padding:60px 30px 100px;
}
.hidden-bar .inner-box .text{
position:relative;
color:#222222;
font-size:14px;
line-height:1.7em;
margin-top:20px;
margin-bottom:35px;
font-weight:500;
font-family: 'Roboto', sans-serif;
}
.hidden-bar .inner-box .cross-icon{
position:absolute;
right:20px;
top:20px;
cursor:pointer;
color:#555555;
font-size:20px;
}
.hidden-bar .inner-box .lower-box{
position:relative;
text-align:center;
margin-top:60px;
}
.hidden-bar .inner-box .lower-box .social-icons{
position:relative;
}
.hidden-bar .inner-box .lower-box .social-icons li{
position:relative;
margin:0px 3px 5px;
display:inline-block;
}
.hidden-bar .inner-box .lower-box .social-icons li a{
position:relative;
width:36px;
height:36px;
color:#ffffff;
line-height:36px;
line-height:36px;
text-align:center;
display:inline-block;
background-color:#222222;
}
.hidden-bar .inner-box .lower-box .social-icons li.facebook a{
background-color:#4e71a8;
}
.hidden-bar .inner-box .lower-box .social-icons li.twitter a{
background-color:#1cb7eb;
}
.hidden-bar .inner-box .lower-box .social-icons li.pinterest a{
background-color:#ca3737;
}
.hidden-bar .inner-box .lower-box .buy-btn{
position:relative;
font-size:14px;
font-weight:600;
padding:15px 40px;
display:inline-block;
border-radius:50px;
color:#ffffff;
margin-top:25px;
letter-spacing:1px;
border:2px solid #222222;
background-color:#222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
font-family: 'Roboto', sans-serif;
}
.hidden-bar .inner-box .lower-box .buy-btn:hover{
background:none;
color:#222222;
}
.form-back-drop{
position:fixed;
right:0px;
top:0px;
width:0%;
height:100%;
opacity:0;
background:rgba(0,0,0,0.90);
visibility:hidden;
z-index:9990;
transition:all 1200ms ease;
-moz-transition:all 1200ms ease;
-webkit-transition:all 1200ms ease;
-ms-transition:all 1200ms ease;
-o-transition:all 1200ms ease;
}
.background-visible .form-back-drop{
opacity:1;
width:100%;
visibility:visible;
} .search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); }
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:before{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(//zitaeng.com/wp-content/themes/montro/assets/images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup{
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: var(--thm-base);
width: 70px;
cursor:pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 30px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:0px;	
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:18px;
line-height: 50px;
color:#000000;
height:70px;
width:100%;
padding: 10px 30px;
background-color: #ffffff; -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-weight:500;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:24px;
color:#000000;
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color:#000000;
}
.search-popup .close-search.style-two{
position: absolute;
right: 25px;
left: auto;
color:#ffffff;
width:auto;
height:auto;
top:25px;
margin:0px;
border:none;
background:none !important;
box-shadow:none !important;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .close-search.style-two span{
font-size:20px;
color:#ffffff;
} .main-slider-four{
position: relative;
overflow:hidden;
}
.main-slider-four .overlay-bg {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background: #000000;
background: -webkit-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
}
.main-slider-four .slide{
position:relative;
text-align:center;
padding:180px 0px 180px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-four .content{
position:relative;
z-index:10;
display:inline-block;
padding:20px 20px 10px;
}
.main-slider-four .content:before{
position: absolute;
left: -130px;
top: -60px;
bottom: -50px;
width: 350px;
transform: scaleX(0);
transform-origin: left;
text-transform: uppercase;
border: 10px solid var(--thm-base);
border-right: 0;
content: "";
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-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 .swiper-slide-active .content:before{
opacity: 1;
transform: scaleX(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-four .swiper-slide .content:after {
position: absolute;
right: -130px;
top: -60px;
bottom: -50px;
width: 350px;
transform: scaleX(0);
transform-origin: right;
text-transform: uppercase;
border: 10px solid var(--thm-base);
border-left: 0;
z-index: -1;
content: "";
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-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 .swiper-slide-active .content:after {
opacity: 1;
transform: scaleX(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider-four .content .title{
position:relative;
font-size:18px;
color:#ffffff;
font-weight:600;
line-height:1em;
opacity: 0;
letter-spacing:3px;
text-transform:uppercase;
transform: scaleY(0);
transform-origin: top;
-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: 'Roboto', sans-serif;
}
.main-slider-four .swiper-slide-active .content .title{
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider-four .content .icon-box{
position:relative;
width:80px;
height:80px;
opacity:0;
line-height:80px;
text-align:center;
display:inline-block;
border-radius:50%;
margin-top:40px;
background-color:var(--thm-base);
transform: scaleY(0);
transform-origin: top;
-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 .swiper-slide-active .icon-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 1500ms;
}
.main-slider-four .content .icon-box .ripple,
.main-slider-four .content .icon-box .ripple:before,
.main-slider-four .content .icon-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:80px;
height: 80px;
border-radius:50px;
-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-four .content .icon-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-four .content .icon-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;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.main-slider-four .content .icon-box .play-icon{
position: relative;
color: #ffffff;
font-size: 22px;
z-index:1;
display:block;
}
.main-slider-four .content h1{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.2em;
opacity: 0;
margin-top:30px;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-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: 'Roboto', sans-serif;
}
.main-slider-four .swiper-slide-active .content h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 2200ms;
}
.main-slider-four .content .text{
position:relative;
font-size:16px;
color:#ffffff;
font-weight:400;
line-height:1.8em;
margin-top:22px;
margin-bottom:30px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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 .swiper-slide-active .content .text{
opacity: 1;
transform: scaleY(1);
transition-delay: 2600ms;
}
.main-slider-four .btn-box{
position:relative;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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 .btn-box .theme-btn{
float:left;
margin:0px 15px 15px 15px;
}
.main-slider-four .btn-box .btns-inner{
position:relative;
display:inline-block;
}
.main-slider-four .swiper-slide-active .btn-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 3000ms;
}
.main-slider-four .swiper-button-next{
right:30px;
width:50px;
height:50px;
font-size:16px;
line-height:49px;
text-align:center;
background-image:none;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
border:2px solid #ffffff;
}
.main-slider-four .swiper-button-next:before{
position:absolute;
content: "\f129";
left:0px;
top:0px;
width:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-four .swiper-button-prev{
left:30px;
width:50px;
height:50px;
font-size:16px;
text-align:center;
line-height:49px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
background-image:none;
border:2px solid #ffffff;
}
.main-slider-four .swiper-button-prev:before{
position:absolute;
content: "\f12a";
left:0px;
top:0px;
width:50px;
height:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-four .swiper-button-next:hover,
.main-slider-four .swiper-button-prev:hover{
background-color:var(--thm-base);
border-color:var(--thm-base);
}
.main-slider-four .swiper-button-next:hover::before,
.main-slider-four .swiper-button-prev:hover::before{
color:#ffffff;
}
.main-slider-four .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background:var(--thm-base);
} .main-slider-five{
position: relative;
overflow:hidden;
}
.main-slider-five .overlay-bg {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background: #000000;
background: -webkit-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
}
.main-slider-five .slide{
position:relative;
padding:150px 0px 150px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-five .content{
position:relative;
z-index:10;
}
.main-slider-five .content .title{
position:relative;
font-size:18px;
color:#ffffff;
font-weight:600;
line-height:1em;
opacity: 0;
letter-spacing:3px;
text-transform:uppercase;
transform: scaleY(0);
transform-origin: top;
-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: 'Roboto', sans-serif;
}
.main-slider-five .swiper-slide-active .content .title{
opacity: 1;
transform: scaleY(1);
transition-delay: 0ms;
}
.main-slider-five .content h1{
color:#ffffff;
font-weight:700;
line-height:1.2em;
opacity: 0;
font-size:50px;
margin-top:30px;
transform: scaleY(0);
transform-origin: top;
-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: 'Roboto', sans-serif;
}
.main-slider-five .swiper-slide-active .content h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-five .content .text{
position:relative;
font-size:16px;
color:#ffffff;
font-weight:400;
line-height:1.8em;
margin-top:22px;
margin-bottom:30px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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-five .swiper-slide-active .content .text{
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.main-slider-five .btn-box{
position:relative;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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-five .btn-box .theme-btn{
margin:0px 15px 15px 0px;
}
.main-slider-five .btn-box .btns-inner{
position:relative;
}
.main-slider-five .swiper-slide-active .btn-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 900ms;
}
.main-slider-five .swiper-button-next{
right:30px;
width:50px;
height:50px;
font-size:16px;
line-height:49px;
text-align:center;
background-image:none;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
border:2px solid #ffffff;
}
.main-slider-five .swiper-button-prev::after,
.main-slider-five .swiper-button-next::after{
display:none;
}
.main-slider-five .swiper-button-prev.swiper-button-disabled,
.main-slider-five .swiper-button-next.swiper-button-disabled{
display:none;
}
.main-slider-five .swiper-button-next:before{
position:absolute;
content: "\f129";
left:0px;
top:0px;
width:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-five .swiper-button-prev{
left:30px;
width:50px;
height:50px;
font-size:16px;
text-align:center;
line-height:49px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
background-image:none;
border:2px solid #ffffff;
}
.main-slider-five .swiper-button-prev:before{
position:absolute;
content: "\f12a";
left:0px;
top:0px;
width:50px;
height:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-five .swiper-button-next:hover,
.main-slider-five .swiper-button-prev:hover{
background-color:var(--thm-base);
border-color:var(--thm-base);
}
.main-slider-five .swiper-button-next:hover::before,
.main-slider-five .swiper-button-prev:hover::before{
color:#ffffff;
}
.main-slider-five .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background-color:var(--thm-base);
}
.main-slider-five.style-two .slide{
padding-bottom:200px;
}
.main-slider-five.style-two .content{
text-align:center !important;
}
.main-slider-five.style-two .content .btn-outer{
text-align:center;
}
.main-slider-five.style-two .content .btn-outer .btn-box{
display:inline-block;
}
.main-slider-five.style-two .swiper-pagination{
display:none;
} .services-section-four{
position: relative;
padding:100px 0px 60px;
}
.service-block-four{
position:relative;
margin-bottom:30px;
}
.service-block-four .inner-box{
position:relative;
padding-right:20px;
}
.service-block-four .inner-box .icon-box{
position:relative;
color:var(--thm-base);
font-size:64px;
line-height:1em;
font-weight:300;
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: "Flaticon2";
}
.service-block-four .inner-box:hover .icon-box{
color:#000048;
}
.service-block-four .inner-box h5{
margin-top:30px;
font-family: 'Roboto', sans-serif;
}
.service-block-four .inner-box h5 a{
position:relative;
color:#222222;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.service-block-four .inner-box h5 a:hover{
color:#222222;
}
.service-block-four .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:15px;
line-height:1.8em;
margin-top:15px;
} .about-section-three{
position:relative;
padding:100px 0px;
background-color:#f9f9f9;
}
.about-section-three .image-column .inner-column{
position:relative;
}
.about-section-three .image-column .inner-column .image img{
width:100%;
display:block;
}
.about-section-three .image-column .inner-column .image-two{
position:absolute;
left:0px;
top:0px;
}
.about-section-three .content-column{
position:relative;
}
.about-section-three .content-column .inner-column{
position:relative;
padding-left:20px;
}
.about-section-three .content-column .inner-column .sec-title-two{
margin-bottom:25px;
}
.about-section-three .content-column .inner-column .text{
position:relative;
margin-bottom:35px;
}
.about-section-three .content-column .inner-column .text p{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.8em;
margin-bottom:0px;
}
.about-section-three .content-column .inner-column .text h3{
position:relative;
color:#222222;
font-weight:500;
margin-bottom:15px;
}
.featured-block{
position:relative;
margin-bottom:30px;
}
.featured-block .inner-block{
position:relative;
padding-left:70px;
}
.featured-block .inner-block .icon{
position:absolute;
left:0px;
top:4px;
color:var(--thm-base);
font-size:45px;
line-height:1em;
}
.featured-block .inner-block h4{
color:#222222;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.featured-block .inner-block .text{
position:relative;
color:var(--thm-text);
font-size:16px;
font-weight:400;
margin-top:8px;
line-height:1.7em;
text-transform:capitalize;
} .portfolio-section{
position:relative;
padding:100px 0px 90px;
}
.project-tab{
position:relative;	
}
.project-tab .sec-title-two{
margin-bottom:40px;
}
.project-tab .project-carousel-two .owl-nav{
display:none;
}
.project-tab .project-carousel-two .owl-dots{
position:relative;
text-align:center;
}
.portfolio-section .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.portfolio-section .owl-dots .owl-dot:hover,
.portfolio-section .owl-dots .owl-dot.active{
background-color:var(--thm-base);
}
.project-tab .tabs-header{
position:relative;
padding-bottom:40px;
}
.project-tab .product-tab-btns{
position:relative;
}
.project-style-five .project-tab .product-tab-btns .p-tab-btn{
position:relative;
cursor:pointer;
color:#222222;
font-weight:500;
font-size:14px;
display:inline-block;
margin-bottom:10px;
letter-spacing:1px;
padding:8px 30px;
margin:0px 1px 4px;
text-transform:uppercase;
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;
}
.project-tab .product-tab-btns .p-tab-btn .left-border{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.project-tab .product-tab-btns .p-tab-btn .left-border:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:2px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn .left-border:before,
.project-tab .product-tab-btns .p-tab-btn:hover .left-border:before{
width:100%;
}
.project-tab .product-tab-btns .p-tab-btn .left-border:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:2px;
height:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn .left-border:after,
.project-tab .product-tab-btns .p-tab-btn:hover .left-border:after{
height:100%;
} .project-tab .product-tab-btns .p-tab-btn .right-border{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.project-tab .product-tab-btns .p-tab-btn .right-border:before{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:2px;
height:0px;
background-color:var(--thm-base);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn .right-border:before,
.project-tab .product-tab-btns .p-tab-btn:hover .right-border:before{
height:100%;
}
.project-tab .product-tab-btns .p-tab-btn .right-border:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:2px;
background-color:var(--thm-base);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn .right-border:after,
.project-tab .product-tab-btns .p-tab-btn:hover .right-border:after{
width:100%;
}
.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn{
color:var(--thm-base);
}
.project-tab .p-tabs-content{
position:relative;
display:block;	
}
.project-tab .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;	
}
.project-tab .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
} .portfolio-block{
position: relative;
margin-bottom: 30px;
}
.portfolio-block .inner-box{
position: relative;
overflow: hidden;
}
.portfolio-block .image-box{
position: relative;
}
.portfolio-block .image{
position: relative;
margin-bottom: 0;
}
.portfolio-block .image img{
display: block;
width: 100%;
height: auto;
}
.portfolio-block .overlay-box{
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
text-align: center;
visibility: hidden;	
}
.portfolio-block .inner-box:hover .overlay-box{
opacity: 1;
visibility: visible;
}
.portfolio-block .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:100%;
background-color: rgba(0,0,0,0.80);
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.portfolio-block .overlay-box:after{
position:absolute;
content:'';
right:0px;
top:0px;
width:0%;
height:100%;
background-color: rgba(0,0,0,0.80);
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.portfolio-block .inner-box:hover .overlay-box:before,
.portfolio-block .inner-box:hover .overlay-box:after{
width:100%;
}
.portfolio-block .overlay-box .inner{
position: absolute;
top: 50%;
width: 100%;
z-index:1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-block .overlay-box .inner .icon-box{
position: relative;
margin-bottom:20px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.portfolio-block .overlay-box .inner .icon{
position: relative;
display: inline-block;
height: 35px;
width: 35px;
background-color: #ffffff;
color: #002121;
line-height: 35px;
text-align: center;
margin-left: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.portfolio-block .overlay-box .inner .icon:hover{
background-color: var(--thm-base);
color: #ffffff;
}
.portfolio-block .inner-box:hover .overlay-box .inner .icon-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.portfolio-block .overlay-box h6{
display: inline-block;
color: #ffffff;
margin-bottom: 10px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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: 'Roboto', sans-serif;
}
.portfolio-block .overlay-box h6 a{
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;	
}
.portfolio-block .overlay-box h6 a:hover{
color: var(--thm-base);
}
.portfolio-block .inner-box:hover .overlay-box h6{
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.portfolio-block .overlay-box .cat{
position: relative;
display: block;
font-size: 15px;
color: var(--thm-base);
line-height: 25px;
font-weight: 500;
margin-bottom: 10px;
letter-spacing:1px;
text-transform:uppercase;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.portfolio-block .inner-box:hover .overlay-box .cat{
opacity: 1;
transform: scaleY(1);
transition-delay: 900ms;
}
.p-tab.active-tab .portfolio-block{
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
}
.p-tab .portfolio-block{
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:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);	
} .team-section-three{
position:relative;
padding:90px 0px 90px;
background-color:#f9f9f9;
}
.team-section-three .owl-nav{
display:none;
}
.team-section-three .owl-dots{
position:relative;
text-align:center;
}
.team-section-three .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-section-three .owl-dots .owl-dot:hover,
.team-section-three .owl-dots .owl-dot.active{
background-color:var(--thm-base);
}
.team-block-three{
position: relative;
margin-bottom: 30px;
}
.team-block-three .inner-box{
position: relative;
display:block;
}
.team-block-three .image-box{
position:relative;
display:block;
overflow:hidden;
}
.team-block-three .image-box img{
position:relative;
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;
}
.team-block-three .image-box:hover img{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
.team-block-three .image-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
display:block;
height:100%;
opacity:0;
text-align:center;
background-color:rgba(1,1,1,0.85);
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:translateY(100%) scaleY(0);
-ms-transform:translateY(100%) scaleY(0);
-moz-transform:translateY(100%) scaleY(0);
transform:translateY(100%) scaleY(0);
}
.team-block-three .image-box .overlay-box .lower-content{
position:absolute;
left:15px;
right:15px;
bottom:15px;
padding:15px 0px;
background-color:var(--thm-base);
}
.team-block-three .image-box .overlay-box .lower-content h4 a{
color:#ffffff;
margin-bottom:6px;
display:inline-block;
font-family: 'Roboto', sans-serif;
}
.team-block-three .image-box .overlay-box .lower-content .designation{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:14px;
}
.team-block-three .image-box .overlay-box .social-icons{
position:relative;
width:100%;
}
.team-block-three .image-box .overlay-box .social-icons li{
position:relative;
margin:0px 10px;
display:inline-block;
}
.team-block-three .image-box .overlay-box .social-icons li a{
position:relative;
color:#ffffff;
font-size:18px;
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;	
}
.team-block-three .image-box .overlay-box .social-icons li a:hover{
opacity:0.8;
}
.team-block-three .image-box:hover .overlay-box{
opacity:1;
-webkit-transform:translateY(0%) scaleY(1);
-ms-transform:translateY(0%) scaleY(1);
-moz-transform:translateY(0%) scaleY(1);
transform:translateY(0%) scaleY(1);
} .testimonial-section-three{
position:relative;
padding:90px 0px 90px;
}
.testimonial-section-three .sponsor-column{
position:relative;
}
.testimonial-section-three .sponsor-column .inner-column{
position:relative;
}
.sponsors-boxed{
position:relative;
}
.sponsors-boxed:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:-16px;
height:100%;
display:block;
z-index:9;
border:2px solid #ffffff;
}
.sponsors-boxed .column{
position:relative;
padding: 20px 0px;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.sponsors-boxed .column .image-box{
position:relative;
z-index:10;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sponsors-boxed .column .image-box a{
position:relative;
display:block;
width:100%;
text-align:center;
}
.sponsors-boxed .column .image-box img{
position:relative;
max-width:100%;
display:inline-block;
} .testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
text-align:center;
}
.testimonial-block-three .inner-box .quote-icon{
position:relative;
font-size:52px;
line-height:1em;
color:var(--thm-base);
font-family: "Flaticon2";
}
.testimonial-block-three .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.9em;
max-width:800px;
margin:0 auto;
margin-top:15px;
}
.testimonial-block-three .inner-box .author-name{
position:relative;
color:#222222;
font-size:16px;
margin-top:40px;
letter-spacing:1px;
text-transform:uppercase;
}
.testimonial-block-three .inner-box .designation{
position:relative;
color:#666666;
font-size:14px;
margin-top:0px;
}
.testimonial-section-three .client-thumb-outer{
position:relative;
max-width:260px;
margin:0 auto;
overflow:hidden;
padding-top:45px;
}
.testimonial-section-three .client-thumb-outer .owl-item.active  .author-info{
opacity:1;
visibility:visible;
}
.testimonial-section-three .client-thumb-outer .author-info{
position:relative;
opacity:0;
visibility:hidden;
margin-left:-40px;
margin-right:-40px;
margin-top:40px;
}
.testimonial-section-three .client-thumb-outer .author-info .author-name{
position:relative;
font-weight:600;
color:var(--thm-base);
font-size:18px;
line-height:1.3em;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.testimonial-section-three .client-thumb-outer .designation{
position:relative;
color:#222222;
font-size:14px;
margin-top:4px;
font-weight:500;
}
.testimonial-section-three .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
z-index:999;
}
.testimonial-section-three .client-thumb-outer .client-thumbs-carousel{
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.testimonial-section-three .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
overflow:visible;
}
.testimonial-section-three .client-thumb-outer .thumb-item .thumb-box{
width:60px;
height:60px;
cursor:pointer;
margin: 0 auto;
overflow:hidden;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.testimonial-section-three .client-thumb-outer .owl-item{
z-index:0;	
}
.testimonial-section-three .client-thumb-outer .owl-item.active{
z-index:10;	
}
.testimonial-section-three .client-thumb-outer .thumb-item .thumb-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:1;
background-color:rgba(255,255,255,0.50);
} 
.testimonial-section-three .client-thumb-outer .owl-item.active .thumb-box:before{
opacity:0;
}
.testimonial-section-three .client-thumb-outer .client-thumbs-carousel .thumb-item img{
overflow:hidden;
width:100%;
height:100%;
display:block;
}
.testimonial-section-three .owl-item.active .thumb-content{
opacity:1;
}
.testimonial-section-three .owl-nav{
display:none;
} .blog-section{
position:relative;
padding:100px 0px 70px;
background-color:#f9f9f9;
}
.news-blog{
position:relative;
margin-bottom:30px;
}
.news-blog .inner-box{
position:relative;
border:1px solid #f7f7f7;
-webkit-box-shadow: 0px 3px 4px -1px rgba(232,232,232,1);
-moz-box-shadow: 0px 3px 4px -1px rgba(232,232,232,1);
box-shadow: 0px 3px 4px -1px rgba(232,232,232,1);
}
.news-blog .inner-box .image{
position:relative;
margin-bottom:0px;
background-color:#000000;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-blog .inner-box .image img{
position:relative;
width:100%;
display: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;
}
.news-blog .inner-box:hover .image img{
opacity:0.3;
}
.news-blog .inner-box .image > a{
position:relative;
display:block;
}
.news-blog .inner-box .lower-content{
position:relative;
padding:30px 30px 0px 30px;
background-color:#ffffff;
}
.news-blog .inner-box .lower-content .image-column{
margin-bottom:25px;
}
.news-blog .inner-box .lower-content .author-info{
position:relative;
padding-left: 68px;
min-height: 60px;
}
.news-blog .inner-box .lower-content .author-info .designation{
position: relative;
font-size:16px;
color:var(--thm-base);
top: 20px;
}
.news-blog .inner-box .lower-content .author-info .author-thumb{
position:absolute;
left:0px;
top:0px;
}
.news-blog .inner-box .lower-content .author-info .author-thumb img{
width:58px;
height:58px;
border-radius:50%;
}
.news-blog .inner-box .lower-content h5{
margin-top:7px;
font-family: 'Roboto', sans-serif;
}
.news-blog .inner-box .lower-content h5 a{
position:relative;
color:#222222;
margin-top: 10px;
line-height:1.4em;
display:inline-block;
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;
}
.news-blog .inner-box .lower-content h5 a:hover{
color:var(--thm-base);
}
.news-blog .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
line-height:1.7em;
font-size:15px;
margin-top:10px;
}
.news-blog .inner-box .lower-content .comment-box{
position:relative;
padding:15px 0px;
margin-top:30px;
font-size:16px;
border-top:1px solid #ececec;
}
.news-blog .inner-box .lower-content .comment-box .comment{
float:left;
font-size:15px;
}
.news-blog .inner-box .lower-content .comment-box .comment a{
color:var(--thm-base);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-blog .inner-box .lower-content .comment-box .read-more{
color:var(--thm-base);
float:right;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-blog .inner-box .lower-content .comment-box .comment a:hover,
.news-blog .inner-box .lower-content .comment-box .read-more:hover{
color:var(--thm-base);
}
.news-blog .inner-box .lower-content .post-option{
padding-top:16px;
padding-bottom:32px;
margin-top:20px;
border-top:1px solid #ececec;
}
.news-blog .inner-box .lower-content .post-option .social-links a{
position:relative;
color:#777777;
font-size:13px;
margin:0px 4px;
min-width:40px;
line-height: 37px;
text-align:center;
display:inline-block;
border:1px solid #dddddd;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-blog .inner-box .lower-content .post-option .social-links a:hover{
color:#d09e49;
border-color:#d09e49;
}
.news-blog .inner-box .lower-content .post-option strong{
font-weight:400;
font-size:18px;
color:#34363b;
padding-right:10px;	
}
.news-blog .inner-box .lower-content .share-option{
line-height:30px;	
} .news-blog .inner-box .image .circular-menu,
.news-blog .inner-box .image .circular-menu-two,
.news-blog .inner-box .image .circular-menu-three{
position: absolute;
right: 20px;
top: 20px;
z-index: 2;
-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-blog .inner-box .image .circular-menu.active,
.news-blog .inner-box .image .circular-menu:hover,
.news-blog .inner-box .image .circular-menu-two.active,
.news-blog .inner-box .image .circular-menu-two:hover,
.news-blog .inner-box .image .circular-menu-three.active,
.news-blog .inner-box .image .circular-menu-three:hover{
opacity: 1;
}
.circular-menu .floating-btn{
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #ffffff;
color: #222222;
text-align: center;
line-height: 42px;
cursor: pointer;
outline: 0;
}
.circular-menu.active .floating-btn {
background-color: var(--thm-base);
color:#ffffff;
}
.circular-menu .floating-btn i {
font-size: 16px;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;  
}
.circular-menu.active .floating-btn i:before{
content: "\f00d";
}
.circular-menu:after {
display: block;
content: ' ';
height: 50px;
width: 50px;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
z-index: -2;
background-color: #ffbc00;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu.active:after {
-webkit-transform: scale3d(5.5, 5.5, 1);
transform: scale3d(5.5, 5.5, 1);
transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}
.circular-menu .items-wrapper{
padding: 0;
margin: 0;
}
.circular-menu .menu-item{
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
display: block;
display:inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu .menu-item span{
position:relative;
color: #222222;
font-size: 1em;
width: 3em;
height: 3em;
border-radius: 50%;
text-align: center;
line-height: 3;
display:inline-block;
background-color: rgba(255,255,255,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu .menu-item:hover span{
background-color: var(--thm-base);
color: #ffffff;
}
.circular-menu.active .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.circular-menu.active .menu-item:nth-child(1) {
-webkit-transform: translate3d(-7.2em,-1em,0);
transform: translate3d(-7.2em,-1em,0);
}
.circular-menu.active .menu-item:nth-child(2) {
-webkit-transform: translate3d(-5.8em,2.4em,0);
transform: translate3d(-5.8em,2.4em,0);
}
.circular-menu.active .menu-item:nth-child(3) {
-webkit-transform: translate3d(-2.9em,5em,0);
transform: translate3d(-2.9em,5em,0);
}
.circular-menu.active .menu-item:nth-child(4) {
-webkit-transform: translate3d(0.8em,6em,0);
transform: translate3d(0.8em,6em,0);
} .circular-menu-two .floating-btn{
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #ffffff;
color: #222222;
text-align: center;
line-height: 42px;
cursor: pointer;
outline: 0;
}
.circular-menu-two.active .floating-btn {
background-color: var(--thm-base);
color:#ffffff;
}
.circular-menu-two .floating-btn i {
font-size: 16px;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;  
}
.circular-menu-two.active .floating-btn i:before{
content: "\f00d";
}
.circular-menu-two:after {
display: block;
content: ' ';
height: 50px;
width: 50px;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
z-index: -2;
background-color: #ffbc00;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-two.active:after {
-webkit-transform: scale3d(5.5, 5.5, 1);
transform: scale3d(5.5, 5.5, 1);
transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}
.circular-menu-two .items-wrapper{
padding: 0;
margin: 0;
}
.circular-menu-two .menu-item{
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
display: block;
display:inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-two .menu-item span{
position:relative;
color: #222222;
font-size: 1em;
width: 3em;
height: 3em;
border-radius: 50%;
text-align: center;
line-height: 3;
display:inline-block;
background-color: rgba(255,255,255,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-two .menu-item:hover span{
background-color: var(--thm-base);
color: #ffffff;
}
.circular-menu-two.active .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.circular-menu-two.active .menu-item:nth-child(1) {
-webkit-transform: translate3d(-7.2em,-1em,0);
transform: translate3d(-7.2em,-1em,0);
}
.circular-menu-two.active .menu-item:nth-child(2) {
-webkit-transform: translate3d(-5.8em,2.4em,0);
transform: translate3d(-5.8em,2.4em,0);
}
.circular-menu-two.active .menu-item:nth-child(3) {
-webkit-transform: translate3d(-2.9em,5em,0);
transform: translate3d(-2.9em,5em,0);
}
.circular-menu-two.active .menu-item:nth-child(4) {
-webkit-transform: translate3d(0.8em,6em,0);
transform: translate3d(0.8em,6em,0);
} .circular-menu-three .floating-btn{
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #ffffff;
color: #222222;
text-align: center;
line-height: 42px;
cursor: pointer;
outline: 0;
}
.circular-menu-three.active .floating-btn {
background-color: var(--thm-base);
color:#ffffff;
}
.circular-menu-three .floating-btn i {
font-size: 16px;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;  
}
.circular-menu-three.active .floating-btn i:before{
content: "\f00d";
}
.circular-menu-three:after {
display: block;
content: ' ';
height: 50px;
width: 50px;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
z-index: -2;
background-color: #ffbc00;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-three.active:after {
-webkit-transform: scale3d(5.5, 5.5, 1);
transform: scale3d(5.5, 5.5, 1);
transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}
.circular-menu-three .items-wrapper{
padding: 0;
margin: 0;
}
.circular-menu-three .menu-item{
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
display: block;
display:inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-three .menu-item span{
position:relative;
color: #222222;
font-size: 1em;
width: 3em;
height: 3em;
border-radius: 50%;
text-align: center;
line-height: 3;
display:inline-block;
background-color: rgba(255,255,255,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.circular-menu-three .menu-item:hover span{
background-color: var(--thm-base);
color: #ffffff;
}
.circular-menu-three.active .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.circular-menu-three.active .menu-item:nth-child(1) {
-webkit-transform: translate3d(-7.2em,-1em,0);
transform: translate3d(-7.2em,-1em,0);
}
.circular-menu-three.active .menu-item:nth-child(2) {
-webkit-transform: translate3d(-5.8em,2.4em,0);
transform: translate3d(-5.8em,2.4em,0);
}
.circular-menu-three.active .menu-item:nth-child(3) {
-webkit-transform: translate3d(-2.9em,5em,0);
transform: translate3d(-2.9em,5em,0);
}
.circular-menu-three.active .menu-item:nth-child(4) {
-webkit-transform: translate3d(0.8em,6em,0);
transform: translate3d(0.8em,6em,0);
} .subscribe-section{
position: relative;
padding: 100px 0 80px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment:fixed;
}
.subscribe-section:before{
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.85;
background-color: #000000;
}
.subscribe-form{
position: relative;
max-width: 850px;
margin: 0 auto;
z-index: 1;
}
.subscribe-form .row{
margin: 0 -20px;
}
.subscribe-form .form-group{
position:relative;
padding: 0 20px;
margin-bottom:20px;	
}
.subscribe-form .form-group label{
position:absolute;
left:20px;
bottom:15px;
color:#ffffff;
font-size:14px;
z-index:-1;
-webkit-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
}
.subscribe-form .form-group input:focus ~ label,
.subscribe-form .form-group label:focus{
transform:translateY(-30px);
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],	
.subscribe-form .form-group textarea,
.subscribe-form .form-group select{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 500;
padding: 10px 0px;
width: 100%;
height: 46px;
border-bottom: 2px solid #ffffff;
background-color: 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;
}
.subscribe-form .form-group input:focus,	
.subscribe-form .form-group textarea:focus,
.subscribe-form .form-group select:focus{
border-color: var(--thm-base);
}
.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
width:100%;
top:-12px;
cursor:pointer;
} .contact-section{
position: relative;
padding: 100px 0 50px;
}
.contact-section .map-column{
position: relative;
margin-bottom: 50px;
}
.contact-section .map-column .map-outer{
position: relative;
}
.contact-section .map-column .map-canvas{
position: relative;
height: 450px;
width: 100%;
}
.contact-section .form-column{
position: relative;
}
.contact-section .form-column .inner-column{
position: relative;
}
.contact-form-two{
position: relative;
}
.contact-form-two .form-group{
position:relative;
padding: 0 20px;
margin-bottom:25px;	
}
.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],	
.contact-form-two .form-group textarea,
.contact-form-two .form-group select{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #666666;
font-weight: 300;
padding: 10px 0px;
width: 100%;
height: 46px;
border-bottom: 1px solid #dddddd;
background-color: 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;
}
.contact-form-two .form-group textarea{
height: 155px;
resize: none;
}
.contact-form-two .form-group input:focus,	
.contact-form-two .form-group textarea:focus,
.contact-form-two .form-group select:focus{
border-color: var(--thm-base);
}
.contact-form-two .form-group input[type="submit"],
.contact-form-two button{
display: block;
width: 100%;
cursor:pointer;
line-height: 28px;
} .footer-style-three{
position:relative;
background-color:#1d1d1d;
}
.footer-style-three .widgets-section{
position:relative;
padding:90px 0px 70px;
}
.footer-style-three .footer-title{
position:relative;
margin-bottom:28px;
}
.footer-style-three .footer-title h4{
font-weight:600;
color:#ffffff;
line-height:1.4em;
padding-bottom:15px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .logo-widget .logo{
position:relative;
margin-bottom:30px;
}
.footer-style-three .logo-widget h4{
color:#ffffff;
font-weight:600;
margin-bottom:18px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .logo-widget .list{
position:relative;
margin-bottom:8px;
}
.footer-style-three .logo-widget .list li{
position:relative;
width:50%;
float:left;
color:#848484;
font-size:16px;
line-height:1.8em;
}
.footer-style-three .logo-widget .branch{
position:relative;
color:#ffffff;
font-size:14px;
margin-bottom:28px;
display:inline-block;
text-decoration:underline;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.footer-style-three .logo-widget .branch:hover{
color:var(--thm-base);
} .news-widget .widget-content{
position:relative;
padding-left:30px;
border-left:1px solid rgba(255,255,255,0.05);
}
.news-widget-block{
position:relative;
margin-bottom:25px;
}
.news-widget-block .widget-inner{
position:relative;
}
.news-widget-block:before{
position:absolute;
content:'';
left:-31px;
width:1px;
top:0px;
bottom:0px;
opacity:0;
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(--thm-base);
}
.news-widget-block:hover::before{
opacity:1;
}
.news-widget-block:last-child .widget-inner{
padding-bottom:0px;
}
.news-widget-block .widget-inner .post-date{
position:relative;
color:var(--thm-base);
font-size:18px;
font-weight:400;
padding-left:24px;
margin-bottom:10px;
}
.news-widget-block .widget-inner .post-date:before{
position:absolute;
left:0px;
top:4px;
font-size:13px;
color:var(--thm-base);
line-height:1em;
content: "\f18a";
font-family: "Flaticon";
}
.news-widget-block .widget-inner h5{
color:#ffffff;
line-height:1.6em;
}
.news-widget-block .widget-inner h5 a{
position:relative;
color:#ffffff;
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;
}
.news-widget-block .widget-inner h5 a:hover{
color:var(--thm-base);
}
.news-widget .more-news{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
margin-top:0px;
letter-spacing:2px;
display:inline-block;
text-transform:uppercase;
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: 'Roboto', sans-serif;
}
.news-widget .more-news:before{
position: absolute;
content: "";
height: 1px;
width: 0;
background: #999;
right: 0;
bottom: 0;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.news-widget .more-news:hover:before{
right: auto;
left: 0;
width: 100%;
}
.news-widget .more-news:hover{
color:var(--thm-base);
} .footer-list{
position:relative;
}
.footer-list li{
position:relative;
margin-bottom:12px;
}
.footer-list li a{
position:relative;
color:#848484;
font-size:16px;
font-weight:400;
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;
}
.footer-list li a:before{
position: absolute;
content: "";
height: 1px;
width: 0;
background: #999;
right: 0;
bottom: 0;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.footer-list li a:hover:before{
right: auto;
left: 0;
width: 100%;
}
.footer-list li a:hover{
color:#ffffff;
}
.footer-style-three .footer-bottom{
position:relative;
padding:22px 0px;
background-color:#121212;
}
.footer-style-three .copyright{
position:relative;
color:#848484;
font-size:15px;
text-align:center;
}
.footer-style-three .footer-bottom .link-column{
position:relative;
text-align:right;
} .call-to-action{
position: relative;
background-repeat: no-repeat;
background-position:center;
background-size: cover;
background-attachment: fixed;
padding: 100px 0 50px;
}
.call-to-action:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: 0.85;
}
.call-to-action .content-column{
position: relative;
margin-bottom: 50px;
}
.call-to-action .content-column .inner-column{
position: relative;
}
.call-to-action .content-column .title{
position: relative;
display: block;
font-size: 15px;
line-height: 27px;
color: #ffffff;
font-weight: 400;
margin-bottom: 20px;
}
.call-to-action .content-column h3{
display: block;
color: #ffffff;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
}
.call-to-action .content-column .text{
position: relative;
display: block;
font-size: 15px;
line-height: 27px;
color: #ffffff;
font-weight: 400;
}
.call-to-action .btn-column{
position: relative;
margin-bottom: 50px;
}
.call-to-action .btn-column .inner-column{
position: relative;
text-align: right;
padding-top: 50px;
}
.call-to-action .btn-column .message-box{
position: relative;
top:-20px;
display: inline-block;
font-size: 24px;
line-height: 30px;
color: var(--thm-base);
font-weight: 500;
}
.call-to-action .btn-column .message-box span{
float: right;
line-height: 30px;
color: #ffffff;
margin-left: 25px;
margin-right: 40px;
}
.call-to-action .btn-column .btn-box{
position: relative;
display: inline-block;
} .service-block-seven{
position:relative;
margin-bottom:30px;
}
.service-block-seven .inner-box{
position:relative;
overflow:hidden;
}
.service-block-seven .inner-box .image-box{
position:relative;
}
.service-block-seven .inner-box .image-box img{
position:relative;
width:100%;
display:block;
}
.service-block-seven .inner-box .image-box .caption{
position:absolute;
width:100%;
left:0px;
bottom:0px;
color:#ffffff;
display:block;
padding:16px 0px;
text-align:center;
font-size: 18px;
font-weight:600;
letter-spacing:1px;
text-transform:capitalize;
background-color:rgba(0,0,0,0.80);
transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
-ms-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
font-family: 'Roboto', sans-serif;
}
.service-block-seven .inner-box .image-box .overlay-box{
position:absolute;
left:0px;
bottom:-300px;
padding:40px 35px;
width:100%;
text-align:center;
background-color:rgba(0,0,0,0.80);
transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
-ms-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
}
.service-block-seven .inner-box .image-box .overlay-box h5{
color:#ffffff;
margin-bottom:12px;
letter-spacing:1px;
text-transform:capitalize;
}
.service-block-seven .inner-box .image-box .overlay-box h5 a{
position:relative;
color:#ffffff;
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;
}
.service-block-seven .inner-box .image-box .overlay-box h5 a:hover{
color:var(--thm-base);
}
.service-block-seven .inner-box .image-box .overlay-box .text{
position:relative;
font-size:15px;
color:#ffffff;
margin-bottom:15px;
line-height:1.8em;
}
.service-block-seven .inner-box .image-box .overlay-box .read-more{
position:relative;
color:var(--thm-base);
font-size:13px;
font-weight:700;
letter-spacing:1px;
font-family: 'Roboto', sans-serif;
}
.service-block-seven .inner-box .image-box:hover .caption{
bottom:-60px;
}
.service-block-seven .inner-box .image-box:hover .overlay-box{
bottom:0px;
} .service-block-five{
position:relative;
margin-bottom:30px;
}
.service-block-five .inner-box{
position:relative;
}
.service-block-five .inner-box h4{
color:#222222;
font-weight:600;
margin-bottom:12px;
display:inline-block;
font-family: 'Roboto', sans-serif;
}
.service-block-five .inner-box h4:after{
position:absolute;
content:'';
left:110%;
bottom:6px;
height:1px;
width:35px;
background-color:var(--thm-base);
}
.service-block-five .inner-box .lower-content{
position:relative;
padding-left:110px;
}
.service-block-five .inner-box .lower-content .number-box{
position:absolute;
left:0px;
top:-6px;
font-size:85px;
font-weight:900;
color:#f1f1f1;
line-height:1em;
}
.service-block-five .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
font-size:14px;
line-height:1.8em;
} .about-section-four{
position:relative;
background-color:#f9f9f9;
padding:100px 0px 70px 0px;
color:var(--thm-text);
}
.about-section-four .image-column{
position:relative;
padding:60px 0px 45px;
margin-bottom:50px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.about-section-four .image-column .text{
position:absolute;
left:50px;
top:84%;
height:100%;
font-size:57px;
opacity:0.80;
color:#ffffff;
font-weight:700;
letter-spacing:4px;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: 'Roboto', sans-serif;
}
.about-section-four .image-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0.85;
background-color:var(--thm-base);
}
.about-section-four .image-column .image-box{
position:relative;
float: right;
margin-right: -35px !important;
}
.about-section-four .image-column .image-box img{
width:100%;
}
.about-section-four .content-column{
position:relative;
}
.about-section-four .content-column .inner-column{
position:relative;
padding-left: 85px;
}
.about-section-four .content-column .sec-title-two{
margin-bottom:20px;
}
.about-section-four .content-column .sec-title-two h3{
line-height:1.2em;
}
.about-section-four .content-column p{
position:relative;
margin-bottom:20px;
font-size:15px;
}
.about-section-four .content-column .read-more{
margin-top:8px;
}
.call-to-action-two{
position:relative;
text-align:center;
padding:100px 0px 100px;
background-attachment:fixed;
background-size:cover;
}
.call-to-action-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.80);
}
.call-to-action-two h2{
color:#ffffff;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.call-to-action-two .scroll-down{
position:absolute;
left:50%;
bottom:0px;
width:55px;
height:55px;
color:#ffffff;
line-height:55px;
margin-left:-27px;
border-radius:50px;
display:inline-block;
font-weight:800;
z-index:1;
cursor:pointer;
margin-bottom:-27px;
background-color:var(--thm-base);
} .portfolio-masonry-section{
position:relative;
padding:100px 0px 90px;
}
.portfolio-masonry-section .filters{
position:relative;
margin-bottom:50px;
}
.portfolio-masonry-section .filter-tabs{
position:relative;
text-align:center;
}
.portfolio-masonry-section .filter-tabs li{
position:relative;
margin:0px 2px;
padding:10px 22px;
cursor:pointer;
color: #222222;
font-weight: 500;
font-size: 14px;
letter-spacing:2px;
display:inline-block;
text-transform:uppercase;
}
.portfolio-masonry-section .filter-tabs li:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:2px;
background-color:var(--thm-base);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.portfolio-masonry-section .filter-tabs li:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:2px;
background-color:var(--thm-base);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.portfolio-masonry-section .filter-tabs li:hover:before,
.portfolio-masonry-section .filter-tabs li.active:before{
width:100%;
}
.portfolio-masonry-section .filter-tabs li:hover:after,
.portfolio-masonry-section .filter-tabs li.active:after{
width:100%;
} .team-block-three{
position:relative;
margin-bottom:30px;
}
.team-block-three .inner-box{
position:relative;
overflow:hidden;
}
.team-block-three .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--thm-base);
}
.team-block-three .inner-box .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;
}
.team-block-three .inner-box:hover .image img{
opacity:0.8;
transform:scale(1.08,1.08);
}
.team-block-three .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
right:0px;
bottom:-140px;
z-index:1;
text-align:center;
padding:15px 15px 15px;
display: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;
}
.team-block-three .inner-box:hover .image .overlay-box{
bottom:0px;
}
.team-block-three .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
background-color:var(--thm-base);
}
.team-block-three .inner-box .image .overlay-box .social-icons{
position:relative;
z-index:1;
}
.team-block-three .inner-box .image .overlay-box .social-icons li{
position:relative;
margin:0px 7px;
display:inline-block;
}
.team-block-three .inner-box .image .overlay-box .social-icons li a{
position:relative;
color:#ffffff;
font-size:15px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-three .inner-box .image .overlay-box .social-icons li a:hover{
color:#000000;
}
.team-block-three .inner-box .image .overlay-box .appointment{
position:relative;
z-index:1;
color:#ffffff;
margin-top:6px;
margin-left:12px;
display:inline-block;
letter-spacing:1px;
}
.team-block-three .inner-box .lower-content{
position:relative;
padding-top:25px;
text-align:center;
}
.team-block-three .inner-box .lower-content h5{
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.team-block-three .inner-box .lower-content h5 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-three .inner-box:hover .lower-content h5 a{
color:var(--thm-base);
}
.team-block-three .inner-box .lower-content .designation{
position:relative;
color:var(--thm-text);
font-size:16px;
margin-top:6px;
} .request-call-section{
position:relative;
overflow:hidden;
}
.request-call-section .call-inner{
position:relative;
padding:100px 0px 70px 0px;
}
.request-call-section .image-box{
position:relative;
text-align:center;
}
.request-call-section .image-box img{
position:relative;
top:90px;
} .form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:13px;
font-style:400;
height:50px;
padding:10px 0px;
line-height:28px;
color:#666666;
border: none;
border-radius:0px;
background:none;
border-bottom:1px solid #dddddd;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:2px;
text-indent:0px;
color:#333333;	
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#666666;
line-height:20px;
font-size:14px;
font-weight:300;
text-align:center;
z-index:5;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #dddddd;
}
.ui-menu .ui-menu-item:last-child{
border:none;	
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:var(--thm-base);
border-color:var(--thm-base);
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:var(--thm-base);
} .testimonial-section-four{
position:relative;
overflow:hidden;
padding:150px 0px 80px;
background-attachment:fixed;
background-size:cover;
}
.testimonial-section-four:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.85);
}
.testimonial-section-four .owl-nav{
position: absolute;
right: 0px;
top: -60px;
z-index: 99;
}
.testimonial-section-four .owl-prev, 
.testimonial-section-four .owl-next{
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #ffffff; 
margin-left:10px;
background-color: var(--thm-base);
display:inline-block;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section-four .owl-prev:hover, 
.testimonial-section-four .owl-next:hover{
color: #000000;
border-color:#ffffff;
background-color:#ffffff;
}
.testimonial-section-four .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.testimonial-section-four .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section-four .owl-dots .owl-dot:hover,
.testimonial-section-four .owl-dots .owl-dot.active{
background-color:var(--thm-base);
}
.testimonial-block-four{
position:relative;
}
.testimonial-block-four .inner-box{
position:relative;
}
.testimonial-block-four .inner-box .content-box{
position:relative;
background-color:#ffffff;
padding:40px 60px 40px;
}
.testimonial-block-four .inner-box .content-box:after{
position:absolute;
content:'';
left:45px;
bottom:-20px;
border-top: 20px solid #ffffff;
border-right: 25px solid transparent;
}
.testimonial-block-four .inner-box .content-box .text{
position:relative;
font-size:16px;
color:var(--thm-text);
line-height:1.6em;
padding-left:20px;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-four .inner-box .content-box .text:before{
position:absolute;
content: "\f12e";
font-family: "Flaticon";
left:-30px;
top:0px;
font-size:30px;
color:#222222;
}
.testimonial-block-four .inner-box .author-info{
position:relative;
padding-left:80px;
margin-top:40px;
padding-top:0px;
min-height: 80px;
}
.testimonial-block-four .inner-box .author-info .author-thumb{
position:absolute;
right:0px;
left:0px;
width:60px;
height:60px;
border-radius:50%;
overflow:hidden;
}
.testimonial-block-four .inner-box .author-info h4{
top:6px;
color:#ffffff;
margin-bottom:6px;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-four .inner-box .author-info .designation{
position:relative;
color:var(--thm-base);
font-size:15px;
margin-top:6px;
} .blog-section-two{
position:relative;
padding:100px 0px 100px;
}
.blog-section-two.style-two{
background-color:#f9f9f9;
padding-bottom:70px;
}
.news-blog-two{
position:relative;
margin-bottom:30px;
}
.news-blog-two .inner-box{
position:relative;
overflow:hidden;
border-radius:6px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-blog-two .inner-box .image{
position:relative;
overflow:hidden;
}
.news-blog-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-blog-two .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 60px;
background:rgba(0,0,0,0.80);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition: -webkit-transform 0.4s ease;
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: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.news-blog-two .inner-box:hover .image .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.news-blog-two .inner-box .overlay-box span{
position: relative;
width:60px;
height: 60px;
top: 40%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:18px;
text-align: center;
border-radius:50%;
padding-left:4px;
background-color: var(--thm-base);
display: inline-block;
margin-top: -30px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.news-blog-two .inner-box:hover .overlay-box span{
transform: rotate(360deg);
}
.news-blog-two .inner-box .lower-content{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:30px 30px 35px;
}
.news-blog-two .inner-box .lower-content .post-meta{
position:relative;
padding-bottom:16px;
border-bottom:1px solid #ececf0;
}
.news-blog-two .inner-box .lower-content .post-meta:before{
position: absolute;
content: "";
height: 1px;
width: 0;
right: 0;
bottom: -1px;
background-color:var(--thm-base);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.news-blog-two .inner-box:hover .lower-content .post-meta:before{
right: auto;
left: 0;
width: 100%;
}
.news-blog-two .inner-box .lower-content .post-meta li{
position:relative;
margin-right:20px;
color:#222222;
font-size:14px;
font-weight:600;
padding-left:22px;
display:inline-block;
letter-spacing:1px;
text-transform:uppercase;
}
.news-blog-two .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
}
.news-blog-two .inner-box .lower-content .post-meta li .fa{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
font-size:14px;
}
.news-blog-two .inner-box .lower-content h4{
margin-bottom:0px;
margin-top:18px;
font-family: 'Roboto', sans-serif;
}
.news-blog-two .inner-box .lower-content h4 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-blog-two .inner-box .lower-content h4 a:hover{
color:var(--thm-base);
} .footer-style-four{
position:relative;
background-color: #1b1b1b;
}
.footer-style-four .footer-widget{
position:relative;
z-index:1;
margin-bottom:40px;
}
.footer-style-four .widgets-section{
position:relative;
padding-bottom:40px;
}
.footer-style-four .footer-widget h5{
color: #ffffff;
letter-spacing:1px;
padding-bottom: 20px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.footer-style-four .logo-widget .logo{
position:relative;
margin-bottom:15px;
}
.footer-style-four .logo-widget .text{
position:relative;
color:#ffffff;
font-size: 15px;
font-weight: 400;
line-height: 1.9em;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
} .footer-style-four .list-link{
position:relative;
}
.footer-style-four .list-link li{
position:relative;
margin-bottom:15px;
}
.footer-style-four .list-link li a{
position:relative;
color:#ffffff;
font-size:14px;
padding-left:15px;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-style-four .list-link li a:hover{
color:var(--thm-base);
}
.footer-style-four .list-link li a:before{
position:absolute;
content: "\f105";
left:0px;
top:-3px;
font-family: 'FontAwesome';
}
.footer-style-four .list-link li a:after{
position: absolute;
content: "";
height: 1px;
width: 0;
background-color: var(--thm-base);
right: 0;
bottom: -6px;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.footer-style-four .list-link li a:hover:after{
right: auto;
left: 0;
width: 100%;
} .footer-style-four .gallery-widget{
position:relative;
}
.footer-style-four .gallery-widget .images-outer{
position:relative;
margin:0px -3px;
}
.footer-style-four .gallery-widget .image-box{
position:relative;
float:left;
width:33.333%;
padding:0px 3px;
margin-bottom:6px;
}
.footer-style-four .gallery-widget .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-style-four .gallery-widget .image-box img:hover{
opacity:0.70;	
}
.footer-style-four .footer-bottom{
position:relative;
padding:18px 0px;
background-color:var(--thm-base);
}
.footer-style-four .footer-bottom .copyright-column{
position:relative;
}
.footer-style-four .footer-bottom .copyright-column .copyright{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:500;
text-transform:uppercase;
}
.footer-style-four .footer-bottom .copyright-column .copyright a{
position:relative;
color:#ffffff;
text-decoration:underline;
}
.footer-style-four .footer-bottom .social-column{
position:relative;
text-align:right;
}
.footer-style-four .footer-bottom .social-column ul{
position:relative;
}
.footer-style-four .footer-bottom .social-column ul li{
position:relative;
margin-left:8px;
display:inline-block;
}
.footer-style-four .footer-bottom .social-column ul li.follow{
color:#000000;
font-size:14px;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
}
.footer-style-four .footer-bottom .social-column ul li a{
position:relative;
color:#ffffff;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-style-four .footer-bottom .social-column ul li a:hover{
color:#000000;
} .fact-counter-three-section{
position:relative;
padding:130px 0px 100px 0px;
background-attachment:fixed;
}
.fact-counter-three-section:before{
position:absolute;
content:'';
left:10px;
top:10px;
right:10px;
bottom:10px;
opacity:0.85;
background-color:#000000;
}
.fact-counter-three-section .fact-counter-three{
position: relative;
} .fact-counter-three{
position:relative;
}
.fact-counter-three .column{
position:relative;
z-index:5;
margin-bottom:30px;
}
.fact-counter-three .column .inner{
position:relative;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fact-counter-three .column .inner:before{
position:absolute;
content: '';
left: 50%;
top: -40px;
width: 80px;
height: 135px;
opacity:0.20;
margin-left: -40px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
border: 8px solid #ffffff;
}
.fact-counter-three .column .inner:hover::before{
transform: rotate(180deg);
}
.fact-counter-three .count-outer{
position:relative;
font-size:24px;
line-height:1em;
font-weight:400;
margin:0px 0px;
color:#ffffff;
}
.fact-counter-three .count-outer .count-text{
position:relative;
font-weight:700;
color:#ffffff;
font-size: 60px;
}
.fact-counter-three .column .counter-title{
color:var(--thm-base);
margin-top:20px;
display:block;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
} .contact-section-two{
position:relative;
padding:100px 0px 70px;
}
.contact-section-two .auto-container{
max-width:950px;
}
.contact-info-box{
position:relative;
margin-bottom:30px;
}
.contact-info-box .box-inner{
position:relative;
padding-left:30px;
margin-left:65px;
color:var(--thm-text);
font-size:15px;
line-height:1.8em;
border-left:1px solid var(--thm-base);
}
.contact-info-box .box-inner .icon{
position:absolute;
left:-65px;
top:6px;
color:var(--thm-base);
font-size:40px;
line-height:1em;
} .services-section-four-two{
position: relative;
padding:0px 0px 100px;
}
.services-section-four-two .inner-container{
position:relative;
margin-top:-80px;
padding:15px;
z-index:1;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
} .service-block-four-four{
position:relative;
margin-bottom:0px;
}
.service-block-four-four .inner-box{
position:relative;
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.service-block-four-four .inner-box .image{
position:relative;
}
.service-block-four-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.service-block-four-four .inner-box .image .overflow-box{
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
background-color:rgba(0,0,0,0.60);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transition: -webkit-transform 0.4s ease;
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;
}
.service-block-four-four .inner-box:hover .image .overflow-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block-four-four .inner-box .image .overflow-box .icon{
position:absolute;
left:50%;
top:50%;
width:50px;
height:50px;
color:#000000;
opacity:1;
font-size:18px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-left:-25px;
margin-top:-25px;
background-color:#ffffff;
}
.service-block-four-four .inner-box .lower-content{
position:relative;
padding:30px 20px 30px;
}
.service-block-four-four .inner-box .lower-content .upper-box{
position:relative;
padding-left:60px;
}
.service-block-four-four .inner-box .lower-content .upper-box .icon{
position:absolute;
left:0px;
top:0px;
font-size:40px;
color:var(--thm-base);
line-height:1em;
}
.service-block-four-four .inner-box .lower-content .upper-box h5{
font-family: 'Roboto', sans-serif;
}
.service-block-four-four .inner-box .lower-content .upper-box h5 a{
position:relative;
color:#222222;
line-height:1.3em;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block-four-four .inner-box .lower-content .upper-box h5 a:hover{
color:var(--thm-base);
}
.service-block-four-four .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
font-size:15px;
line-height:1.8em;
margin-top:15px;
} .fluid-section-one{
position:relative;
background-color:#f9f9f9;
}
.fluid-section-one .outer-container{
position:relative;
}
.fluid-section-one .image-column{
position: absolute;
right: 0px;
top:0px;
width: 50%;
bottom:0px;
float:right;
background-size: cover;
background-repeat: no-repeat;
}
.fluid-section-one .image-column .inner-column{
position:static;
}
.fluid-section-one .image-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.20);
}
.fluid-section-one .image-column .image{
width: 100%;
display: none;
}
.fluid-section-one .image-column .image img{
display: block;
width: 100%;
}
.fluid-section-one .image-column .overlay-link{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.03);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fluid-section-one .image-column .overlay-link .icon-box{
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
color: #ffffff;
font-size: 22px;
padding-left: 6px;
line-height: 72px;
text-align: center;
border-radius: 50%;
margin-bottom: 50px;
display: inline-block;
margin-left: -40px;
margin-top: -40px;
border:4px solid #ffffff;
}
.fluid-section-one .image-column .overlay-link .icon-box .ripple,
.fluid-section-one .image-column .overlay-link .icon-box .ripple:before,
.fluid-section-one .image-column .overlay-link .icon-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-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%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 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 .overlay-link .icon-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;
}
.fluid-section-one .image-column .overlay-link .icon-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;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
} .fluid-section-one .content-column{
position: relative;
width: 50%;
float:left;
padding:100px 50px 70px 15px;
}
.fluid-section-one .content-column .content-box{
position:relative;
max-width:530px;
float:right;
width:100%;
}
.fluid-section-one .content-column .content-box h2{
color:#222222;
font-family: 'Roboto', sans-serif;
}
.fluid-section-one .content-column .content-box .text{
position:relative;
margin-top:20px;
margin-bottom:30px;
}
.fluid-section-one .content-column .content-box .text p{
position:relative;
color:var(--thm-text);
font-size:15px;
line-height:1.8em;
margin-bottom:15px;
}
.fluid-section-one .content-column .content-box .text p:last-child{
margin-bottom:0px;
} .skills-two{
position:relative;
}
.skills-two .skill-item{
position:relative;
margin-bottom:20px;
}
.skills-two .skill-item .skill-bar{
position:relative;
width:100%;
}
.skills-two .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
border-bottom: 5px solid #cccccc;
}
.skills-two .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
width:0px;
border-bottom:5px solid #01050b;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.skills-two .skill-item .skill-bar .bar-inner .bar:before{
position:absolute;
content:'';
right:0px;
top:-7px;
width:8px;
height:18px;
border-radius:0px;
background-color:var(--thm-base);
border:1px solid var(--thm-base);
}
.skills-two .skill-item .skill-header{
position:relative;
margin-bottom:10px;
}
.skills-two .skill-item .skill-header .skill-title{
float:left;
color:#222222;
font-size:16px;
font-weight:700;
line-height:1.4em;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.skills-two .skill-item .skill-header .skill-percentage{
position:relative;
float:right;
font-weight:700;
color:#222222;
font-size:18px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
} .choose-section{
position:relative;
padding:100px 0px 70px 0px;
}
.featured-block-three{
position:relative;
margin-bottom:30px;
}
.featured-block-three .inner-box{
position:relative;
padding-left:90px;
}
.featured-block-three .inner-box h4{
color:#111111;
margin-bottom:6px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.featured-block-three .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:15px;
line-height:1.8em;
}
.featured-block-three .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
padding:3px;
width:60px;
height:60px;
text-align:center;
border:2px solid var(--thm-base);
}
.featured-block-three .inner-box .icon-box .inner-icon-box{
position:relative;
color:var(--thm-base);
height: 100%;
line-height:50px;
font-size:30px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.featured-block-three .inner-box:hover .icon-box .inner-icon-box{
background-color:var(--thm-base);
color:#ffffff;
}
.choose-section .graph-ratio{
position:relative;
}
.choose-section .graph-ratio h4{
color:#111111;
margin-bottom:28px;
text-align:center;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.choose-section .graph-ratio figure .image-box{
position:relative;
width:100%;
display:block;
} .portfolio-section-two{
position:relative;
padding:100px 0px 100px;
background-color:#f9f9f9;
}
.portfolio-section-two .filter-tabs{
position:relative;
text-align:center;
margin-bottom:40px;
}
.portfolio-section-two .filter-tabs li{
position: relative;
margin: 0px 2px;
padding: 7px 22px;
cursor: pointer;
color: #222222;
font-weight: 500;
font-size: 14px;
letter-spacing: 2px;
display: inline-block;
text-transform: uppercase;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
border-bottom:2px solid transparent;
}
.portfolio-section-two .filter-tabs li:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:2px;
height:0px;
background-color:var(--thm-base);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.portfolio-section-two .filter-tabs li:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:2px;
height:0px;
background-color:var(--thm-base);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.portfolio-section-two .filter-tabs li.active,
.portfolio-section-two .filter-tabs li:hover{
border-color:var(--thm-base);
color:var(--thm-base);
}
.portfolio-section-two .filter-tabs li:hover::before,
.portfolio-section-two .filter-tabs li:hover::after{
height:100%;
}
.portfolio-section-two .filter-tabs li.active::before,
.portfolio-section-two .filter-tabs li.active::after{
height:100%;
} .project-block-two{
position:relative;
margin-bottom:30px;
}
.project-block-two .inner-box{
position:relative;
}
.project-block-two .inner-box .image{
position:relative;
}
.project-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.project-block-two .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
padding:25px 25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block-two .inner-box:hover .image .overlay-box{
opacity:1;
}
.project-block-two .inner-box .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0.9;
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(--thm-base);
}
.project-block-two .inner-box .image .overlay-box .overlay-inner{
position:relative;
height:100%;
}
.project-block-two .inner-box .image .overlay-box .title{
position:relative;
color:#ffffff;
font-size:14px;
margin-bottom:6px;
letter-spacing:1px;
}
.project-block-two .inner-box .image .overlay-box h4{
color:#ffffff;
font-weight:600;
font-family: 'Roboto', sans-serif;
}
.project-block-two .inner-box .image .overlay-box h4 a{
position:relative;
color:#ffffff;
}
.project-block-two .inner-box .image .overlay-box .plus{
position:absolute;
right:0px;
bottom:0px;
width:54px;
height:54px;
color:#000000;
font-size:18px;
line-height:54px;
text-align:center;
border-radius:50%;
font-weight:700;
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block-two.mix{
display:none;
} .call-to-action-three{
position:relative;
padding:44px 0px;
background-color:var(--thm-base);
}
.call-to-action-three h3{
color:#ffffff;
letter-spacing:1px;
font-weight:600;
padding-top:0px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
} .team-section-four{
position:relative;
padding:90px 0px 90px;
}
.team-block-four{
position:relative;
margin-bottom:30px;
}
.team-block-four .inner-box{
position:relative;
text-align:center;
overflow:hidden;
border:1px solid #ececec;
}
.team-block-four .image-box{
position:relative;
display:block;
background:#fbfbfb;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.team-block-four .image-box .image{
position:relative;
display:block;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.team-block-four .image-box .image img{
position:relative;
display:inline-block;
max-width:100%;
}
.team-block-four .image-box .social-icon-three{
position:absolute;
right:15px;
top:0px;
text-align:center;
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
-moz-transform:translateY(-100%);
transform:translateY(-100%);
transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
}
.team-block-four .inner-box:hover .image-box .social-icon-three{
top:15px;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
-o-transform:translateY(0%);
-moz-transform:translateY(0%);
transform:translateY(0%);
}
.team-block-four .lower-content{
position:relative;
margin-left:15px;
margin-right:15px;
margin-top:-90px;
margin-bottom:15px;
padding:25px 15px 25px;
border:1px solid #ececec;
background-color:#ffffff;
}
.team-block-four .lower-content h5{
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.team-block-four .lower-content h5 a{
color:#222222;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.team-block-four .lower-content h5 a:hover{
color:var(--thm-base);
}
.team-block-four .lower-content .designation{
position:relative;
font-size:14px;
color:var(--thm-base);
margin-top:7px;
font-weight:600;
letter-spacing:1px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.team-block-four .lower-content .text{
position:relative;
color:#222222;
font-size:15px;
line-height:1.7em;
margin-top:8px;
font-family: 'Roboto', sans-serif;
}
.team-section-four .owl-nav{
position: absolute;
right: 0px;
top: -75px;
z-index: 99;
}
.team-section-four .owl-prev, 
.team-section-four .owl-next{
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #ffffff; 
margin-left:10px;
background: var(--thm-base);
display:inline-block;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.team-section-four .owl-prev:hover, 
.team-section-four .owl-next:hover{
color: #ffffff;
border-color:#222222;
background-color:#222222;
}
.team-section-four .owl-dots{
position:relative;
text-align:center;
margin-top:0px;
}
.team-section-four .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-section-four .owl-dots .owl-dot:hover,
.team-section-four .owl-dots .owl-dot.active{
background-color:var(--thm-base);
} .testimonial-section-six{
position:relative;
padding:100px 0px 100px;
background-color:#f9f9f9;
background-attachment:fixed;
background-size:cover;
}
.testimonial-section-six:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.80);
}
.testimonial-block-five{
position:relative;
}
.testimonial-block-five .inner-box{
position:relative;
}
.testimonial-block-five .inner-box .upper-box{
position:relative;
}
.testimonial-block-five .inner-box .upper-box .image{
position:relative;
width:80px;
height:80px;
margin:0 auto;
border-radius:50%;
overflow:hidden;
}
.testimonial-block-five .inner-box .upper-box .quote-icon{
position:relative;
width:44px;
height:44px;
color:#ffffff;
line-height:44px;
text-align:center;
border-radius:50%;
margin:0 auto;
font-size:24px;
margin-top:-16px;
background-color:var(--thm-base);
}
.testimonial-block-five .inner-box .text{
position:relative;
color:#ffffff;
font-size:17px;
font-weight:400;
line-height:1.8em;
text-align:center;
max-width:1000px;
margin:0 auto;
margin-top:30px;
}
.testimonial-block-five .inner-box .author{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:600;
text-align:center;
margin-top:20px;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.testimonial-section-six .owl-nav{
position: absolute;
left: 50%;
top: 50%;
width: 100%;
margin-top: -110px;
max-width: 520px;
margin-left: -260px;
}
.testimonial-section-six .owl-nav .owl-prev,
.testimonial-section-six .owl-nav .owl-next{
position:absolute;
display:inline-block;
color:#ffffff;
font-size:20px;
line-height:42px;
width:45px;
height:45px;
text-align:center;
background:none;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.testimonial-section-six .owl-nav .owl-prev{
left:0px;
}
.testimonial-section-six .owl-nav .owl-next{
right:0px;
}
.testimonial-section-six .owl-nav .owl-prev:hover,
.testimonial-section-six .owl-nav .owl-next:hover{
color:#ffffff;
border-color:var(--thm-base);
background-color:var(--thm-base);
}
.testimonial-section-six .owl-dots{
display:none;
} .call-to-action-four{
position:relative;
padding:140px 0px 140px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
text-align:center;
background-position:center center;
}
.call-to-action-four h2{
color:#222222;
font-weight:700;
letter-spacing:1px;
line-height:1.2em;
display:inline-block;
text-transform:uppercase;
}
.call-to-action-four h2:before{
position:absolute;
content:'';
right:0%;
top:-20px;
width:100%;
height:1px;
background-color:#222222;
}
.call-to-action-four h2:after{
position:absolute;
content:'';
left:0%;
bottom:-20px;
width:100%;
height:1px;
background-color:#222222;
} .news-blog-three{
position:relative;
margin-bottom:30px;
}
.news-blog-three .inner-box{
position:relative;
}
.news-blog-three .inner-box .image{
position:relative;
}
.news-blog-three .inner-box .image a{
position:relative;
display:block;
}
.news-blog-three .inner-box .image a:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
z-index:1;
height:0px;
opacity:0.60;
background-color:var(--thm-base);
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.news-blog-three .inner-box:hover .image a:before{
height:100%;
}
.news-blog-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-blog-three .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.news-blog-three .inner-box .lower-content h4{
color:#222222;
font-family: 'Roboto', sans-serif;
}
.news-blog-three .inner-box .lower-content h4 a{
position:relative;
color:#222222;
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;
}
.news-blog-three .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
font-size:15px;
margin-top:13px;
line-height:1.8em;
margin-bottom:17px;
}
.news-blog-three .inner-box .lower-content .post-date{
position:relative;
padding-left:25px;
color:#222222;
font-size:15px;
}
.news-blog-three .inner-box .lower-content .post-date:before{
position:absolute;
content: "\f1a4";
left:0px;
top:0px;
color:#222222;
font-weight:600;
font-family: "Flaticon";
}
.news-blog-three .inner-box .lower-content .comments{
position:relative;
padding-left:25px;
color:#222222;
font-size:15px;
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;
}
.news-blog-three .inner-box .lower-content .comments:before{
position:absolute;
content: "\f14a";
left:0px;
color:#222222;
font-weight:600;
font-family: "Flaticon";
}
.news-blog-three .inner-box .lower-content h4 a:hover,
.news-blog-three .inner-box .lower-content .comments:hover{
color:var(--thm-base);
} .footer-style-three{
position:relative;
background-color:#292b2c;
}
.footer-style-three .outer-container{
position:relative;
padding:0px 50px;
}
.footer-style-three .footer-widget{
position:relative;
margin-bottom:40px;
}
.footer-style-three .footer-widget:before{
position:absolute;
content:'';
right:-5px;
top:0px;
bottom:0px;
width:1px;
height:100%;
background-color:rgba(255,255,255,0.10);
}
.footer-style-three .footer-widget h5{
font-weight:600;
color:#ffffff;
line-height:1.4em;
margin-bottom:30px;
letter-spacing:1px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .widgets-section{
position:relative;
padding:90px 0px 40px;
}
.footer-style-three .footer-widget .info-list{
position:relative;
text-align:center;
}
.footer-style-three .footer-widget .info-list li{
position:relative;
color:#ffffff;
font-size:14px;
text-align:center;
margin-bottom:12px;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .footer-widget .info-list li .icon{
position:relative;
margin-right:12px;
color:var(--thm-base);
font-size:15px;
}
.footer-style-three .widgets-section .footer-column:last-child .footer-widget:before{
display:none;
}
.footer-style-three .social-widget{
text-align:center;
padding:0px 15px;
}
.footer-style-three .social-widget .text{
color:#e7e7e7;
font-size:15px;
line-height:1.7em;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .newsletter-form .form-group{
position:relative;
display:block;
text-align:center;
margin-bottom:10px;
}
.footer-style-three .newsletter-form .form-group input[type="text"],
.footer-style-three .newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
height:52px;
font-size:15px;
color:#888888;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.footer-style-three .newsletter-form .form-group button{
margin-top:5px;
cursor:pointer;
} .footer-style-three .footer-bottom{
position:relative;
padding:18px 0px;
text-align:center;
border-top:1px solid rgba(255,255,255,0.05);
}
.footer-style-three .footer-bottom .copyright{
position:relative;
color:#ffffff;
font-size:15px;
font-family: 'Roboto', sans-serif;
}
.footer-style-three .last-widget{
position:relative;
padding-left:50px;
} .map-info-section{
position:relative;
}
.map-info-section .outer-container{
position:relative;
}
.map-info-section .outer-container .left-column{
position: absolute;
width: 50%;
left: 0px;
height: 100%;
float:left;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.map-info-section .outer-container .right-column{
position: relative;
width: 50%;
float: right;
}
.map-info-section .outer-container .right-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,4,9,0.84);
}
.map-info-section .outer-container .right-column .content{
position:relative;
max-width: 600px;
float: left;
width: 100%;
padding: 85px 15px 90px 80px;
}
.map-info-section .outer-container .right-column .content h3{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.map-info-section .outer-container .right-column .content .text{
position:relative;
color:#ebecfe;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
.map-info-section .outer-container .right-column .content .consult{
position:relative;
color:#ebecfe;
font-size:16px;
line-height:1.7em;
margin-bottom:10px;
} .quote-form{
position:relative;
}
.quote-form .row{
margin:0px -4px;
}
.quote-form .form-group{
position:relative;
margin-bottom:8px;
padding:0px 4px;
}
.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"],
.quote-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:#333333;
height:50px;
font-size:15px;
border-radius:0px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group textarea:focus{
border-color:#ee2d50;
}
.quote-form .form-group textarea::-webkit-input-placeholder,
.quote-form .form-group input::-webkit-input-placeholder{
color:#333333;
}
.quote-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:15px 20px;
color:#333333;
height:125px;
resize:none;
font-size:15px;
background:none;
border-radius:4px;
border-bottom:1px solid rgba(255,255,255,0.50);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.quote-form .form-group .btn-detail{
position:relative;
text-align:center;
margin-left:30px;
color:#ffffff;
display:inline-block;
}
.quote-form button{
width:100%;
cursor:pointer;
font-weight:600;
border-radius:0px;
padding:8px 36px 8px;
}
.quote-form button .icon{
border-radius:0px 5px 5px 0px;
} .map-section{
position:relative;
}
.map-section .map-canvas{
height:370px;
} .main-slider-six{
position: relative;
overflow:hidden;
}
.main-slider-six .overlay-bg {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background: #000000;
background: -webkit-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to top right, #000000 0%, rgba(255,255,255,0) 100%);
}
.main-slider-six .slide{
position:relative;
padding:150px 0px 150px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-six .content{
position:relative;
z-index:10;
padding:45px 45px 40px;
display:inline-block;
background-color:rgba(0,0,0,0.80);
}
.main-slider-six .content .title{
position:relative;
font-size:18px;
color:#ffffff;
font-weight:600;
line-height:1em;
opacity: 0;
letter-spacing:3px;
text-transform:uppercase;
transform: scaleY(0);
transform-origin: top;
-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: 'Roboto', sans-serif;
}
.main-slider-six .swiper-slide-active .content .title{
opacity: 1;
transform: scaleY(1);
transition-delay: 0ms;
}
.main-slider-six .content h2{
color:#ffffff;
opacity: 0;
margin-top:30px;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-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: 'Roboto', sans-serif;
}
.main-slider-six .swiper-slide-active .content h2{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-six .content .text{
position:relative;
font-size:16px;
color:#ffffff;
font-weight:400;
line-height:1.8em;
margin-top:22px;
margin-bottom:30px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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-six .swiper-slide-active .content .text{
opacity: 1;
transform: scaleY(1);
transition-delay: 600ms;
}
.main-slider-six .btn-box{
position:relative;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-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-six .btn-box .theme-btn{
margin:0px 15px 15px 0px;
}
.main-slider-six .btn-box .btns-inner{
position:relative;
}
.main-slider-six .swiper-slide-active .btn-box{
opacity: 1;
transform: scaleY(1);
transition-delay: 900ms;
}
.main-slider-six .swiper-button-next{
right:30px;
width:50px;
height:50px;
font-size:16px;
line-height:49px;
text-align:center;
background-image:none;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
border:2px solid #ffffff;
}
.main-slider-six .swiper-button-next:before{
position:absolute;
content: "\f129";
left:0px;
top:0px;
width:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-six .swiper-button-prev{
left:30px;
width:50px;
height:50px;
font-size:16px;
text-align:center;
line-height:49px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
background-image:none;
border:2px solid #ffffff;
}
.main-slider-six .swiper-button-prev:before{
position:absolute;
content: "\f12a";
left:0px;
top:0px;
width:50px;
height:50px;
color:#ffffff;
font-size:16px;
font-weight:700;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
font-family: "Flaticon";
}
.main-slider-six .swiper-button-next:hover,
.main-slider-six .swiper-button-prev:hover{
background-color:var(--thm-base);
border-color:var(--thm-base);
}
.main-slider-six .swiper-button-next:hover::before,
.main-slider-six .swiper-button-prev:hover::before{
color:#ffffff;
}
.main-slider-six .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background:var(--thm-base);
display:none;
} .about-section-five{
position:relative;
padding:100px 0px 60px;
}
.about-section-five .image-column{
position:relative;
margin-bottom:40px;
}
.about-section-five .image-column .inner-column{
position:relative;
}
.about-section-five .image-column .inner-column .image{
position:relative;
}
.about-section-five .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
}
.about-section-five .content-column{
position:relative;
margin-bottom:40px;
}
.about-section-five .content-column .inner-column{
position:relative;
}
.about-section-five .content-column h3{
color:#222222;
font-weight:700;
line-height:1.2em;
margin-bottom:25px;
font-family: 'Roboto', sans-serif;
}
.about-section-five .content-column .text{
position:relative;
margin-bottom:32px;
}
.about-section-five .content-column .text p{
position:relative;
color:var(--thm-text);
font-size:15px;
line-height:1.7em;
margin-bottom:15px;
}
.about-section-five .content-column .text p:last-child{
margin-bottom:0px;
}
.featured-block-two{
position:relative;
}
.featured-block-two .inner-block{
position:relative;
padding-left:65px;
border-left:3px solid var(--thm-base);
}
.featured-block-two .inner-block .icon{
position:absolute;
left:12px;
top:6px;
color:var(--thm-base);
font-size:38px;
line-height:1em;
}
.featured-block-two .inner-block h5{
color:#222222;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.featured-block-two .inner-block .featured-text{
position:relative;
color:var(--thm-text);
font-size:14px;
margin-top:10px;
} .services-section-four-three{
position: relative;
padding:100px 0px 100px;
}
.services-section-four-three .left-column{
position:relative;
}
.services-section-four-three .left-column .inner-column{
position:relative;
}
.services-section-four-three .right-column{
position:relative;
}
.services-section-four-three .right-column .inner-column{
position:relative;
}
.services-section-four-three .image-column{
position:relative;
}
.services-section-four-three .image-column .inner-column{
position:relative;
padding-top:130px;
}
.service-block-six{
position:relative;
margin-bottom:30px;
}
.service-block-six .inner-box{
position:relative;
padding-right:25px;
}
.service-block-six .inner-box .icon-box{
position:relative;
color:var(--thm-base);
font-size:48px;
line-height:1em;
}
.service-block-six .inner-box h4{
color:#222222;
font-weight:600;
margin:15px 0px 10px;
font-family: 'Roboto', sans-serif;
}
.service-block-six .inner-box h4 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block-six .inner-box h4 a:hover{
color:var(--thm-base);
}
.service-block-six .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
}
.service-block-six .inner-box .read-more{
position:relative;
color:#222222;
font-size:14px;
letter-spacing:1px;
margin-top:15px;
font-weight:700;
display:inline-block;
text-transform:uppercase;
-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: 'Roboto', sans-serif;
}
.service-block-six .inner-box .read-more:after{
position: absolute;
content: "";
height: 1px;
width: 0;
background-color: var(--thm-base);
right: 0;
bottom: -6px;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.service-block-six .inner-box .read-more:hover:after{
right: auto;
left: 0;
width: 100%;
}
.service-block-six .inner-box .read-more:hover{
color:var(--thm-base);
}
.service-block-six.style-two{
text-align:right;
}
.service-block-six.style-two .inner-box{
padding-right:0px;
padding-left:25px;
} .call-to-action-five{
position:relative;
padding:120px 0px 100px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.call-to-action-five:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.50);
}
.call-to-action-five h3{
color:#ffffff;
font-weight:700;
letter-spacing:1px;
line-height:1.4em;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.call-to-action-five h2:before{
position:absolute;
content:'';
right:0%;
top:-20px;
width:100%;
height:1px;
background-color:#222222;
}
.call-to-action-five .text{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
letter-spacing:1px;
line-height:2em;
margin-top:20px;
margin-bottom:25px;
max-width:720px;
text-transform:capitalize;
} .choose-section-two{
position:relative;
padding:100px 0px 70px 0px;
}
.choose-block-three{
position:relative;
}
.choose-block-three .inner-box{
position:relative;
text-align:center;
padding:30px 15px 30px;
}
.choose-block-three .inner-box:before{
content:'';
position:absolute;
left:102%;
top:0px;
width:1px;
height:100%;
background:#e1e4e7;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
}
.choose-block-three .inner-box:after{
content:'';
position:absolute;
left:0%;
bottom:0px;
width:100%;
height:1px;
background:#e1e4e7;
background:-webkit-linear-gradient(left,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-moz-linear-gradient(left,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-ms-linear-gradient(left,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
background:-o-linear-gradient(left,rgba(0,0,0,0),#e1e4e7,rgba(0,0,0,0));
}
.choose-block-three:nth-child(3) .inner-box::before,
.choose-block-three:nth-child(6) .inner-box::before,
.choose-block-three:nth-child(9) .inner-box::before{
display:none;
}
.choose-block-three:nth-child(4) .inner-box::after,
.choose-block-three:nth-child(5) .inner-box::after,
.choose-block-three:nth-child(6) .inner-box::after,
.choose-block-three:nth-child(7) .inner-box::after,
.choose-block-three:nth-child(8) .inner-box::after,
.choose-block-three:nth-child(9) .inner-box::after{
display:none;
}
.choose-block-three .inner-box .icon-box{
position:relative;
font-size:48px;
line-height:1em;
color:var(--thm-base);
}
.choose-block-three .inner-box h4{
color:#222222;
font-weight:600;
margin:20px 0px 15px;
font-family: 'Roboto', sans-serif;
}
.choose-block-three .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:14px;
line-height:1.9em;
} .video-section{
position:relative;
padding:90px 0px 80px;
text-align:center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
.video-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.60);
}
.video-section .play-icon{
position:relative;
color:var(--thm-base);
font-size:26px;
line-height:76px;
width:80px;
height:80px;
line-height:76px;
text-align:center;
padding-left:4px;
border-radius:50px;
display:inline-block;
border:3px solid var(--thm-base);
}
.video-section .title{
position:relative;
color:var(--thm-base);
font-size:17px;
margin-top:25px;
letter-spacing:2px;
font-weight:600;
text-transform:uppercase;
}
.video-section h2{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.4em;
margin-top:20px;
margin-bottom:15px;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.video-section .text{
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.7em;
text-align:center;
font-family: 'Roboto', sans-serif;
} .portfolio-section-three{
position:relative;
padding:100px 0px 90px;
}
.portfolio-section-three.alternate{
background-color:#f9f9f9;
}
.portfolio-section-three .filter-tabs{
position:relative;
text-align:center;
margin-bottom:40px;
}
.portfolio-section-three .filter-tabs li{
position: relative;
margin: 0px 2px;
padding: 7px 22px;
cursor: pointer;
color: #222222;
font-weight: 500;
font-size: 14px;
letter-spacing: 2px;
display: inline-block;
text-transform: uppercase;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
border-bottom:2px solid transparent;
}
.portfolio-section-three .filter-tabs li:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
border:2px solid var(--thm-base);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateX(-90deg);
-moz-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
-o-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio-section-three .filter-tabs li.active,
.portfolio-section-three .filter-tabs li:hover{
color:var(--thm-base);
}
.portfolio-section-three .filter-tabs li:hover::before,
.portfolio-section-three .filter-tabs li.active::before{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.project-block-three.mix{
display:none;
}
.project-block-three{
position:relative;
margin-bottom:30px;
}
.project-block-three .inner-box{
position:relative;
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.project-block-three .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
height:0%;
opacity:0.5;
z-index:1;
background-color:#000000;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.project-block-three .inner-box:hover::before{
height:100%;
}
.project-block-three .inner-box .image{
position:relative;
}
.project-block-three .inner-box .image img{
position:relative;
}
.project-block-three .inner-box .image .overlay-box{
position:relative;
left:0px;
bottom:0px;
width:100%;
z-index:2;
background-color:#ffffff;
}
.project-block-three .inner-box .image .overlay-box .overlay-inner{
position:relative;
padding:25px 25px;
}
.project-block-three .inner-box .image .overlay-box .title{
position:relative;
letter-spacing:1px;
font-size:14px;
color:var(--thm-base);
text-transform:uppercase;
margin-bottom:5px;
}
.project-block-three .inner-box .image .overlay-box h5{
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.project-block-three .inner-box .image .overlay-box h5 a{
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-block-three .inner-box .image .overlay-box h5 a:hover{
color:var(--thm-base);
}
.team-section-five{
position:relative;
padding:100px 0px 70px;
background-color:#f9f9f9;
} .team-block-five{
position:relative;
margin-bottom:30px;
}
.team-block-five .inner-box{
position:relative;
}
.team-block-five .inner-box .image-box{
position:relative;
max-width:288px;
height:288px;
margin:0 auto;
border-radius:50%;
overflow:hidden;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.team-block-five .inner-box .image-box .image{
position:relative;
}
.team-block-five .inner-box .image-box .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
border-radius:50%;
border:15px solid transparent;
opacity:0;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateX(-90deg);
-moz-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
-o-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.team-block-five .inner-box .image-box .overlay-box .inner{
position: absolute;
padding-top: 45%;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
overflow:hidden;
background-color:rgba(0,0,0,0.40);	
}
.team-block-five .inner-box .image-box .overlay-box .inner .social-icon-two li a{
font-size:20px;
color:#ffffff;
}
.team-block-five .inner-box .image-box .overlay-box .inner .social-icon-two li a:hover{
color:#ffffff;
}
.team-block-five .inner-box .image-box img{
width:100%;
display:block;
border-radius: 50%;
}
.team-block-five .inner-box .lower-content{
position:relative;
text-align:center;
padding-top:25px;
}
.team-block-five .inner-box .lower-content h4{
color:#333333;
margin-bottom:5px;
font-weight:600;
letter-spacing:1px;
font-family: 'Roboto', sans-serif;
}
.team-block-five .inner-box .lower-content .designation{
position:relative;
color:#222222;
font-size:16px;
}
.team-block-five .inner-box:hover .image-box .overlay-box{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
} .testimonial-section-five{
position:relative;
padding:100px 0px 70px;
}
.testimonial-section-five.style-two{
background-color:#f9f9f9;
} .testimonial-block-six{
position:relative;
margin-bottom:30px;
}
.testimonial-block-six .inner-box{
position:relative;
padding:30px 30px;
border-radius:7px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.testimonial-block-six .inner-box .quote-icon{
position:absolute;
left:15px;
bottom:15px;
color:#f5f5f5;
font-size:100px;
line-height:1em;
}
.testimonial-block-six .inner-box .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.6em;
margin-top:25px;
font-weight:400;
}
.testimonial-block-six .inner-box .author-info{
position:relative;
}
.testimonial-block-six .inner-box .author-info .info-inner{
position:relative;
padding-right:0px;
min-height:60px;
padding-top:5px;
}
.testimonial-block-six .inner-box .author-info .info-inner .author-image{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
overflow:hidden;
border-radius:50%;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
.testimonial-block-six .inner-box .author-info .info-inner .author-image img{
width:100%;
height:100%;
display:block;
}
.testimonial-block-six .inner-box .author-info .info-inner h5{
color:#222222;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-six .inner-box .author-info .info-inner .designation{
position:relative;
color:var(--thm-base);
font-size:14px;
font-weight:400;
line-height:1.3em;
margin-top:8px;
}
.news-blog-four{
position:relative;
margin-bottom:60px;
}
.news-blog-four .inner-box{
position:relative;
}
.news-blog-four .inner-box .image-box{
position:relative;
overflow:hidden;
margin:0px;
}
.news-blog-four .inner-box .image-box .overlay-box{
position:absolute;
content:'';
left:0px;
top:-100%;
color:#ffffff;
width:100%;
height:100%;
display:block;
text-align:center;
background-color:rgba(0,0,0,0.75);
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;
}
.news-blog-four .inner-box .image-box .overlay-box a{
position:absolute;
left:50%;
top:50%;
width:46px;
height:46px;
line-height:46px;
margin:0 auto;
color:#111111;
font-size:18px;
display:inline-block;
border-radius:0px;
text-align:center;
margin-top:-23px;
margin-left:-23px;
background-color:#ffffff;
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;
}
.news-blog-four .inner-box .image-box .overlay-box a:hover{
background-color:var(--thm-base);
}
.news-blog-four .inner-box .image-box img{
position:relative;
width:100%;
display:block;
}
.news-blog-four .inner-box .lower-content{
border-top:3px solid var(--thm-base);
}
.news-blog-four .inner-box .lower-content .outer-link{
position:relative;
padding-left:80px;
}
.news-blog-four .inner-box .lower-content .outer-link .date{
position:absolute;
left:0px;
top:0px;
width:60px;
text-align:center;
font-size:25px;
line-height: 24px;
padding-top: 8px;
padding-bottom:5px;
font-weight:700;
background-color:var(--thm-base);
color:#ffffff;
}
.news-blog-four .inner-box .lower-content .outer-link .date span{
font-size:14px;
display:block;
text-transform:uppercase;
}
.news-blog-four .inner-box .lower-content .outer-link h5{
padding-top:8px;
color:#111111;
top:2px;
font-weight:600;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.news-blog-four .inner-box .lower-content .outer-link h5 a{
position:relative;
color:#444444;
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;
}
.news-blog-four .inner-box .lower-content .outer-link h5 a:hover{
color:var(--thm-base);
}
.news-blog-four .inner-box .lower-content .outer-link .meta{
position:relative;
margin-top: 5px;
}
.news-blog-four .inner-box .lower-content .outer-link .meta a{
position:relative;
color:#777777;
font-size:14px;
font-weight:400;
}
.news-blog-four .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
font-size:15px;
margin-top:18px;
margin-bottom:22px;
line-height:1.8em;
}
.news-blog-four .inner-box .lower-content .read-more{
position:relative;
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;
}
.news-blog-four .inner-box:hover .overlay-box{
top:0px;
}
.news-blog-four .inner-box .lower-content .read-more:hover{
position:relative;
background-color:#153e4d;
border-color:#fde953 !important;
color:#ffffff;
} .footer-style-five{
position:relative;
background-color:#171717;
}
.footer-style-five .widgets-section{
position:relative;
padding:80px 0px 10px;
}
.footer-style-five .footer-widget{
position:relative;
margin-bottom:30px;
}
.footer-style-five .footer-widget h5{
color:#ffffff;
font-weight:700;
text-transform:uppercase;
margin-bottom:20px;
font-family: 'Roboto', sans-serif;
}
.footer-style-five .logo-widget .logo{
position:relative;
margin-bottom:20px;
}
.footer-style-five .logo-widget .text{
position:relative;
color:#bcbcbc;
font-size:14px;
line-height:2em;
} .footer-style-five .instagram-widget .image{
position:relative;
float:left;
width:33.333%;
margin:0px;
padding:0px 8px 8px 0px;	
}
.footer-style-five .instagram-widget .image img{
position:relative;
display:block;
width:100%;
} .newsletter-widget form{
position:relative;
}
.newsletter-widget .form-group{
position: relative;
display: block;
margin-bottom:30px;
}
.newsletter-widget .form-group input[type="text"],
.newsletter-widget .form-group input[type="email"]{
position: relative;
display: block;
width: 100%;
height: 45px;
font-size: 14px;
line-height: 25px;
background: #ffffff;
padding: 10px 16px 10px 20px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-widget .form-group input[type="submit"],
.newsletter-widget .form-group .subscribe-btn {
position: absolute;
top: 0;
right: 0;
width:108px;
height:45px;
color:#ffffff;
font-size:12px;
font-weight:600;
text-align:center;
background:var(--thm-base);
cursor:pointer;
letter-spacing:2px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.footer-style-five .copyright{
position:relative;
color:#cccccc;
font-size:14px;
text-align:center;
padding:20px 0px;
margin-top:10px;
border-top:1px solid #363636;
} .contact-section-three{
position: relative;
}
.contact-section-three .form-column{
position: relative;
}
.contact-section-three .form-column .inner-column{
position: relative;
padding: 100px 0px 50px;
}
.contact-section-three .sec-title-two{
margin-bottom: 30px;
}
.contact-section-three .contact-form-two{
margin-bottom: 30px;
}
.contact-section-three .contact-info{
position: relative;
}
.contact-section-three .contact-info .info-block{
position: relative;
display: block;
margin-bottom: 40px;
}
.contact-section-three .contact-info .info-block .inner{
position: relative;
}
.contact-section-three .contact-info .info-block h4{
display: block;
color: #2f2f2f;
line-height: 1.2em;
font-weight: 700;
margin-bottom: 15px;
font-family: 'Roboto', sans-serif;
}
.contact-section-three .contact-info .info-block p{
position: relative;
display: block;
font-size: 14px;
line-height: 28px;
color: var(--thm-text);
font-weight: 400;
margin-bottom:0px;
}
.contact-section-three .contact-info .info-block p a{
color: var(--thm-text);
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-section-three .contact-info .info-block p a:hover{
color: var(--thm-base);
} .contact-section-three .map-column .inner-column{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
padding-left: 15px;
}
.contact-section-three .map-column .map-outer{
position: absolute;
height: 100%;
width: 100%;
}
.contact-section-three .map-column .map-canvas{
position:absolute;
height: 100%;
width: 100%;
} .fluid-section-two{
position:relative;
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-two .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;	
}
.fluid-section-two .image-column .image-box{
position:relative;
display:none;	
}
.fluid-section-two .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-two .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-two .content-column .inner-column{
position:relative;
max-width:600px;
width:100%;
float:left;
margin:0 auto;
padding:80px 15px 80px 50px;
}
.fluid-section-two .content-column .blocks-outer{
position:relative;
}
.fluid-section-two .content-column .blocks-outer .year-block{
position:relative;
margin-bottom:40px;
}
.fluid-section-two .content-column .blocks-outer .year-block:last-child{
margin-bottom:0px;
}
.fluid-section-two .content-column .blocks-outer .year-block .block-inner{
position:relative;
padding-left:120px;
}
.fluid-section-two .content-column .blocks-outer .year-block .block-inner .year{
position:absolute;
left:0px;
top:0px;
width:90px;
height:90px;
color:#ffffff;
font-size:24px;
font-weight:600;
text-align:center;
border-radius:50px;
line-height:90px;
display:inline-block;
background-color:var(--thm-base);
font-family: 'Roboto', sans-serif;
}
.fluid-section-two .content-column .blocks-outer .year-block .block-inner .year:before{
position:absolute;
content:'';
left:-5px;
top:-5px;
right:-5px;
bottom:-5px;
border-radius:50px;
border:1px solid var(--thm-base);
}
.fluid-section-two .content-column .blocks-outer h4{
position:relative;
color:#222222;
font-weight:600;
font-family: 'Roboto', sans-serif;
}
.fluid-section-two .content-column .blocks-outer .text{
position:relative;
color:var(--thm-text);
line-height:1.6em;
font-size:15px;
margin-top:5px;
} .transport-about-section{
position:relative;
padding:100px 0px 70px;
background-color:#f9f9f9;
}
.transport-about-section .left-column{
position:relative;
}
.transport-featured-block{
position:relative;
margin-bottom:30px;
}
.transport-featured-block .inner-box{
position:relative;
padding:30px 30px;
background-color:#ffffff;
}
.transport-featured-block .inner-box .content{
position:relative;
padding-left:70px;
}
.transport-featured-block .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
color:var(--thm-base);
font-size:48px;
line-height:1em;
}
.transport-featured-block .inner-box h5{
font-weight:700;
color:#222222;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.transport-featured-block .inner-box .text{
position:relative;
margin-top:18px;
color:var(--thm-text);
font-size:14px;
margin-top:10px;
line-height:1.8em;
}
.transport-about-section .right-column{
position:relative;
}
.transport-about-section .image-column{
position:relative;
}
.transport-about-section .image-column .inner-column{
position:relative;
padding-top:60px;
} .call-to-action-six{
position:relative;
padding:100px 0px 100px;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.call-to-action-six:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.85);
}
.call-to-action-six h3{
color:#ffffff;
letter-spacing:1px;
line-height:1.4em;
padding-top:10px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.call-to-action-six .text{
position:relative;
color:#ffffff;
font-weight:400;
letter-spacing:1px;
line-height:1.9em;
margin-top:20px;
font-size:14px;
text-transform:capitalize;
}
.call-to-action-six .blocks-column{
position:relative;
}
.call-to-action-six .blocks-column .block{
position:relative;
}
.call-to-action-six .blocks-column .block .block-inner{
position:relative;
padding:25px 10px;
text-align:center;
background-color:rgba(255,255,255,0.12);
}
.call-to-action-six .blocks-column .block .icon{
position:relative;
font-size:36px;
line-height:1em;
color:#ffffff;
}
.call-to-action-six .blocks-column .block h5{
color:#ffffff;
margin-top:16px;
letter-spacing:1px;
font-family: 'Roboto', sans-serif;
}
.call-to-action-six .blocks-column .block .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
display:block;
} .transport-services-section{
position:relative;
padding:90px 0px 70px;
}
.transport-service-block-four{
position:relative;
}
.transport-service-block-four .inner-box{
position:relative;
background-color:#f9f9f9;
}
.transport-service-block-four .inner-box .image{
position:relative;
}
.transport-service-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.transport-service-block-four .inner-box .lower-content{
position:relative;
padding:30px 20px;
}
.transport-block{
position:relative;
margin-bottom:30px;
}
.transport-block .inner-box{
position:relative;
}
.transport-block .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--thm-base);
}
.transport-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transform:scale(1.2,1.2);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.transport-block .inner-box:hover .image img{
transform:scale(1,1);
opacity:0.7;
}
.transport-block .inner-box .image .icon-box{
position:absolute;
left:0px;
bottom:0px;
color:#ffffff;
padding-left:28px;
}
.transport-block .inner-box .image .icon-box .icon{
position:relative;
color:#ffffff;
font-size:36px;
line-height:70px;
}
.transport-block .inner-box .image .icon-box:before{
position:absolute;
content:'';
left:-50px;
top:0px;
bottom:0px;
right:-35px;
background-color:var(--thm-base);
transform:skewX(30deg);
}
.transport-block .inner-box .lower-content{
position:relative;
padding:25px 0px 0px;
}
.transport-block .inner-box .lower-content h4{
color:#222222;
font-family: 'Roboto', sans-serif;
}
.transport-block .inner-box .lower-content h4 a{
position:relative;
color:#222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.transport-block .inner-box .lower-content h4 a:hover{
color:var(--thm-base);
}
.transport-block .inner-box .lower-content .text{
position:relative;
color:var(--thm-text);
font-size:16px;
line-height:1.7em;
margin-top:10px;
margin-bottom:18px;
}
.transport-block .inner-box .lower-content .read-more{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:500;
padding:12px 20px 10px;
display:inline-block;
background-color:var(--thm-base);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.transport-block .inner-box .lower-content .read-more .arrow{
position:relative;
top:-1px;
font-size:10px;
font-weight:700;
margin-left:4px;
}
.transport-block .inner-box .lower-content .read-more:hover{
background-color:#222222;
} .project-block-four{
position:relative;
margin-bottom:25px;
}
.project-block-four .inner-box{
position:relative;
width:100%;
}
.project-block-four .image-box{
position:relative;
display:block;
margin:0px;
}
.project-block-four .image-box img{
position:relative;
display:block;
width:100%;
}
.project-block-four .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
color:#ffffff;
opacity:0;
text-align:center;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.project-block-four .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:0px;
opacity:0.7;
background-color:var(--thm-base);
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-four .inner-box:hover .overlay-box::before{
height:100%;
}
.project-block-four .inner-box:hover .overlay-box{
opacity:1;
}
.project-block-four .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.project-block-four .overlay-inner .content{
position:relative;
display:table-cell;
opacity:0;
vertical-align:middle;
transform:scale(0.5,0.5);
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-four .inner-box:hover .overlay-inner .content{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.project-block-four .overlay-inner .category{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
line-height:1.3em;
}
.project-block-four .overlay-inner h4{
color:#ffffff;
margin:18px 0px 8px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.project-block-four .overlay-inner h4 a{
position:relative;
color:#ffffff;
}
.project-block-four .overlay-inner .link{
position:relative;
width:50px;
height:50px;
font-size:18px;
color:#ffffff;
line-height:48px;
border-radius:0px;
font-weight:600;
display:inline-block;
border:1px solid #ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.project-block-four .overlay-inner .link .icon{
position:relative;
}
.project-block-four .overlay-inner .link:hover{
color:#222222;
border-color:#ffffff;
background-color:#ffffff;
} .choose-block-two{
position:relative;
margin-bottom:30px;
}
.choose-block-two .inner-block{
position:relative;
}
.choose-block-two .inner-block h4{
color:#222222;
font-weight:700;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.choose-block-two .inner-block .text{
position:relative;
font-size:16px;
color:#222222;
font-weight:400;
line-height:1.9em;
margin-top:8px;
text-transform:capitalize;
} .fluid-section-three{
position:relative;
}
.fluid-section-three .outer-container{
position:relative;
min-height:250px;
background-color:#f9f9f9;
}
.fluid-section-three .image-column{
position:absolute;
right:0px;
top:0px;
width:35%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;	
}
.fluid-section-three .image-column .image-box{
position:relative;
display:none;	
}
.fluid-section-three .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-three .content-column{
position:relative;
float:left;
width:70%;
}
.fluid-section-three .content-column .inner-column{
position:relative;
max-width:800px;
width:100%;
margin:0 auto;
padding:90px 80px 70px 15px;
} .default-form{
position:relative;
}
.default-form .form-group{
position:relative;
margin-bottom:30px;
}
.default-form .form-group.time-group .icon{
position:absolute;
left: 25px;
top: 10px;
color:var(--thm-base);
line-height:1em;
font-size:36px;
font-weight:300;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea{
display:block;
width:100%;
line-height:28px;
height:50px;
font-size:14px;
padding:10px 0px;
background:none;
color:#222222;
font-weight:300;
box-shadow:none;
outline:none;
border:0px;
border-bottom:1px solid #dddddd;
border-radius:0;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-form .form-group input::-webkit-input-placeholder{
color:#222222;
}
.default-form textarea{
height:180px;
resize:none;
font-size:17px;
background:none;
font-weight:300;
border-bottom:1px solid #dddddd;
}
.default-form button{
cursor:pointer;
}
.default-form .phone{
position: relative;
color: #222222;
font-size: 15px;
font-weight:400;
text-transform:capitalize;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.default-form .phone a{
position:relative;
color:#222222;
}
.default-form .phone .icon{
position:relative;
color:var(--thm-base);
width:40px;
height:40px;
font-size:14px;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:15px;
display:inline-block;
border:2px solid var(--thm-base);
}
.traveler-team-section{
position:relative;
padding:100px 0px 70px;
}
.traveler-team-section .owl-nav{
position: absolute;
right: 0px;
bottom:0px;
z-index: 99;
}
.traveler-team-section .owl-prev, 
.traveler-team-section .owl-next{
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #ffffff; 
margin-left:10px;
background: var(--thm-base);
display:inline-block;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.traveler-team-section .owl-prev:hover,
.traveler-team-section .owl-next:hover{
color: #ffffff;
border-color:#222222;
background-color:#222222;
}
.traveler-team-section .owl-dots{
position:relative;
text-align:left;
margin-top:0px;
}
.traveler-team-section .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.traveler-team-section .owl-dots .owl-dot:hover,
.traveler-team-section .owl-dots .owl-dot.active{
background-color:var(--thm-base);
}
.team-block-six{
position:relative;
margin-bottom:40px;
}
.team-block-six .inner-box{
position:relative;
overflow:hidden;
}
.team-block-six .inner-box .social-icon-four{
position:absolute;
left:0px;
z-index:1;
top:-100%;
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
}
.team-block-six .inner-box:hover .social-icon-four{
top:0%;
}
.team-block-six .inner-box .image{
position:relative;
border:2px solid #dddddd;
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
}
.team-block-six .inner-box:hover .image{
border-color:var(--thm-base);
}
.team-block-six .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block-six .inner-box .lower-box{
position:relative;
padding-top:25px;
text-align:center;
}
.team-block-six .inner-box .lower-box h4{
color:#222222;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.team-block-six .inner-box .lower-box h4 a{
color:#222222;
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;
}
.team-block-six .inner-box .lower-box h4 a:hover{
color:var(--thm-base);
}
.team-block-six .inner-box .lower-box .designation{
position:relative;
color:var(--thm-text);
font-size:14px;
margin-top:5px;
text-transform:uppercase;
}
.testimonial-section-five .owl-nav{
position: absolute;
right: 0px;
bottom: 0px;
z-index: 99;
}
.testimonial-section-five .owl-prev, 
.testimonial-section-five .owl-next{
position: relative;
height: 38px;
width: 38px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #ffffff; 
margin-left:10px;
background: var(--thm-base);
display:inline-block;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section-five .owl-prev:hover, 
.testimonial-section-five .owl-next:hover{
color: #000000;
border-color:#ffffff;
background-color:#ffffff;
}
.testimonial-section-five .owl-dots{
position:relative;
top:-8px;
margin-top:30px;
}
.testimonial-section-five .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
display:inline-block;
background-color:#cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-section-five .owl-dots .owl-dot:hover,
.testimonial-section-five .owl-dots .owl-dot.active{
background-color:var(--thm-base);
}
.testimonial-section-five .testimonial-block-seven{
position:relative;
padding:0px 25px;
margin-bottom:30px;
}
.testimonial-block-seven{
position:relative;
}
.testimonial-block-seven .inner-box{
position:relative;
}
.testimonial-block-seven .inner-box .upper-content{
position:relative;
text-align:center;
border-radius:4px;
padding:40px 30px 110px;
background-color:#ffffff;
border:2px solid var(--thm-base);
}
.testimonial-block-seven .inner-box .upper-content .rating{
position:absolute;
right:-23px;
top:90px;
border-radius:50px;
padding:25px 18px;
display:inline-block;
background-color:#222222;
}
.testimonial-block-seven .inner-box .upper-content .rating .fa{
position:relative;
color:var(--thm-base);
display:block;
}
.testimonial-block-seven .inner-box .upper-content .comment-icon{
position:relative;
color:var(--thm-base);
font-size:60px;
line-height:1em;
}
.testimonial-block-seven .inner-box .upper-content .text{
position:relative;
color:var(--thm-text);
font-size:17px;
line-height:1.8em;
margin-top:25px;
padding:0px 30px;
}
.testimonial-block-seven .inner-box .upper-content .quote{
position:absolute;
left:50%;
top:130px;
color:#e8e8e8;
font-size:90px;
line-height:1em;
margin-left:-40px;
}
.testimonial-block-seven .inner-box .lower-content{
position:relative;
margin-left:45px;
margin-right:45px;
margin-top:-60px;
}
.testimonial-block-seven .inner-box .lower-content .lower-inner{
position:relative;
overflow:hidden;
border-radius:5px;
background-color:#ffffff;
padding:22px 30px 25px 110px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.testimonial-block-seven .inner-box .lower-content .lower-inner .image{
position:absolute;
left:20px;
top:20px;
width:70px;
height:70px;
}
.testimonial-block-seven .inner-box .lower-content h4{
color:var(--thm-base);
font-weight:700;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-seven .inner-box .lower-content .designation{
position:relative;
color:var(--thm-text);
font-size:14px;
margin-top:5px;
}
.rtl .header-style-four .header-upper .logo-box{
float:right;
}
.rtl .header-style-four .nav-outer{
float:left;
}
.rtl .header-style-four .header-upper .outer-box{
padding-left:0px;
padding-right:30px;
}
.rtl .service-block-four .inner-box{
text-align:right;
}
.rtl .sec-title-two,
.rtl .subscribe-form .form-group input[type="text"],
.rtl .subscribe-form .form-group input[type="email"],
.rtl .subscribe-form .form-group textarea,
.rtl .subscribe-form .form-group select,
.rtl .contact-form-two .form-group input[type="text"],
.rtl .contact-form-two .form-group input[type="email"],
.rtl .contact-form-two .form-group textarea,
.rtl .contact-form-two .form-group select,
.rtl .about-section-three .content-column .inner-column{
text-align:right;
}
.rtl .sec-title-two .title-inner::before{
right:0px;
left:auto;
}
.rtl .featured-block .inner-block{
text-align:right;
padding-left:0px;
padding-right:70px;
}
.rtl .featured-block .inner-block .icon{
right:0px;
left:auto;
}
.rtl .subscribe-form .form-group label{
left:auto;
right:20px;
}
.rtl .call-to-action .content-column{
order:2;
text-align:right;
}
.rtl .call-to-action .btn-column{
order:1;
}
.rtl .news-blog .inner-box .lower-content{
text-align:right;
}
.rtl .news-blog .inner-box .lower-content .author-info{
padding-left:0px;
padding-right:68px;
}
.rtl .news-blog .inner-box .lower-content .author-info .author-thumb{
right:0px;
left:auto;
}
.rtl .footer-style-three .footer-widget{
text-align:right;
}
.rtl .footer-style-three .footer-widget::before{
display:none;
}
.rtl .main-slider-five .content,
.rtl .hidden-bar .inner-box{
text-align:right;
}
.rtl .updated-list-style-one li{
padding-left:0px;
padding-right:60px;
}
.rtl .updated-list-style-one li .icon{
right:0px;
left:auto;
}
.rtl .main-slider-five .btn-box .theme-btn{
margin-right:0px;
margin-left:15px;
}
.rtl .about-section-four .content-column,
.rtl .service-block-five .inner-box{
text-align:right;
}
.rtl .service-block-five .inner-box h4::after{
left:auto;
right:110%;
}
.rtl .testimonial-block-four .inner-box{
text-align:right;
}
.rtl .testimonial-block-four .inner-box .author-info{
position:relative;
padding-left:0px;
padding-right:80px;
}
.rtl .testimonial-block-four .inner-box .author-info .author-thumb{
position:absolute;
right:0px;
left:auto;
}
.rtl .footer-style-four .footer-widget,
.rtl .news-blog-two .inner-box{
text-align:right;
}
.rtl .news-blog-two .inner-box .lower-content .post-meta li{
padding-left:0px;
padding-right:22px;
margin-right:0px;
margin-left:20px;
}
.rtl .news-blog-two .inner-box .lower-content .post-meta li .fa{
right:0px;
left:auto;
}
.rtl .contact-info-box .box-inner{
border:0px;
padding-left:0px;
padding-right:30px;
}
.rtl .contact-info-box .box-inner .icon{
right:0px;
left:auto;
}
.rtl .header-style-four .header-upper .upper-right{
float:left;
}
.rtl .header-style-four .info-box{
text-align:right;
padding-left:0px;
padding-right:50px;
}
.rtl .header-style-four .info-box .icon-box{
right:0px;
left:auto;
}
.rtl .header-style-six .nav-outer .outer-box{
float:left;
}
.rtl .service-block-four-four .inner-box .lower-content .upper-box{
text-align:right;
padding-left:0px;
padding-right:60px;
}
.rtl .service-block-four-four .inner-box .lower-content .upper-box .icon{
right:0px;
left:auto;
}
.rtl .main-slider-six .content,
.rtl .call-to-action-three h3,
.rtl .news-blog-three .inner-box .lower-content,
.rtl .project-block-two .inner-box .image .overlay-box h4,
.rtl .project-block-two .inner-box .image .overlay-box .title,
.rtl .map-info-section .outer-container .right-column .content,
.rtl .fluid-section-one .content-column .content-box,
.rtl .quote-form .form-group input[type="text"],
.rtl .quote-form .form-group input[type="tel"],
.rtl .quote-form .form-group input[type="email"],
.rtl .quote-form .form-group select{
text-align:right;
}
.rtl .featured-block-three .inner-box{
text-align:right;
padding-left:0px;
padding-right:90px;
}
.rtl .featured-block-three .inner-box .icon-box{
right:0px;
left:auto;
}
.rtl .team-section-four .owl-nav{
left:-10px;
right:auto;
}
.rtl .news-blog-three .inner-box .lower-content .comments,
.rtl .news-blog-three .inner-box .lower-content .post-date{
padding-left:0px;
padding-right:25px;
}
.rtl .news-blog-three .inner-box .lower-content .comments:before,
.rtl .news-blog-three .inner-box .lower-content .post-date:before{
right:0px;
left:auto;
}
.rtl .social-icon-two,
.rtl .footer-style-three .social-widget .text{
text-align:center;
}
.rtl .main-slider-six .btn-box .theme-btn{
margin-right:0px;
margin-left:15px;
}
.rtl .about-section-five .content-column .inner-column{
text-align:right;
}
.rtl .featured-block-two .inner-block{
text-align:right;
padding-left:0px;
padding-right:65px;
}
.rtl .featured-block-two .inner-block .icon{
right:12px;
left:auto;
}
.rtl .sec-title-three h2,
.rtl .call-to-action-five,
.rtl .news-blog-four .inner-box,
.rtl .service-block-six .inner-box,
.rtl .testimonial-block-six .inner-box,
.rtl .footer-style-five .footer-widget,
.rtl .contact-section-three .form-column .inner-column,
.rtl .header-style-four .updated-header-top .language .dropdown-menu > li > a,
.rtl .project-block-three .inner-box .image .overlay-box .overlay-inner{
text-align:right;
}
.rtl .call-to-action-five .text{
max-width:100%;
}
.rtl .fluid-section-two .content-column .blocks-outer .year-block .block-inner{
padding-left:0px;
padding-right:120px;
text-align:right;
}
.rtl .fluid-section-two .content-column .blocks-outer .year-block .block-inner .year{
right:0px;
left:auto;
}
.rtl .sec-title-three h2::before{
right:0px;
left:auto;
}
.rtl .testimonial-block-six .inner-box .author-info .info-inner .author-image{
left:0px;
right:auto;
}
.rtl .news-blog-four .inner-box .lower-content .outer-link{
padding-left:0px;
padding-right:80px;
}
.rtl .news-blog-four .inner-box .lower-content .outer-link .date{
right:0px;
left:auto;
}
.rtl .newsletter-widget .form-group input[type="text"],
.rtl .newsletter-widget .form-group input[type="email"]{
text-align:right;
}
.rtl .newsletter-widget .form-group input[type="submit"],
.rtl .newsletter-widget .form-group .subscribe-btn{
left:0px;
right:auto;
}
.rtl .transport-featured-block .inner-box .content{
text-align:right;
padding-left:0px;
padding-right:70px;
}
.rtl .transport-featured-block .inner-box .icon-box{
right:0px;
left:auto;
}
.rtl .choose-block-two .inner-block,
.rtl .transport-block .inner-box,
.rtl .call-to-action-six h3,
.rtl .call-to-action-six .text{
text-align:right;
}
.rtl .testimonial-block-seven .inner-box .lower-content .lower-inner{
text-align:right;
padding-left:30px;
padding-right:110px;
}
.rtl .testimonial-block-seven .inner-box .lower-content .lower-inner .image{
right:20px;
left:auto;
}
.want-sticky-header .header-style-four.fixed-header{
position: relative !important;
display: none;
}