* {
margin:0px;
padding:0px;
border:none;
outline:none;
} body {
font-family: 'Arimo', sans-serif;
font-size:16px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#f7941d;
}
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;	
margin-bottom:0px;
}
.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%;
overflow:hidden;
min-width:300px;
}
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{
font-size:48px;
}
h2{
font-size:36px;
}
h3{
font-size:28px;
}
h4{
font-size:24px;
}
h5{
font-size:20px;
}
h6{
font-size:18px;
} .list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#777777;
font-size:16px;
font-weight:400;
margin-bottom:10px;
padding-left:25px;
line-height: 1.8em;
}
.list-style-one li:before{
position:absolute;
content:'\f101';
left:0px;
top:0px;
font-weight:400;
color:#f7941d;
font-size:20px;
font-family: 'FontAwesome';
} .list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#777777;
font-size:16px;
font-weight:400;
margin-bottom:10px;
padding-left:25px;
line-height: 1.8em;
}
.list-style-two li:before{
position:absolute;
content:'\f14a';
left:0px;
top:-1px;
font-weight:400;
color:#f7941d;
font-size:15px;
font-family: 'FontAwesome';
} .btn-style-one{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
overflow: hidden;
background:none;
border-radius:7px;
padding: 15px 42px 15px;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
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%);
}
.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-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%);
}
.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: #ffffff;
padding: 12px 32px 12px;
font-weight: 400;
overflow: hidden;
background:none;
letter-spacing:1px;
border-radius:5px;
text-transform: capitalize;
border:2px solid #ffffff;
}
.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-image: -ms-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -moz-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -o-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7951D), color-stop(100, #ffc009));
background-image: -webkit-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: linear-gradient(to right, #F7951D 0%, #ffc009 100%);
}
.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;
border-color:#f7941d;
} .btn-style-three{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #222222;
font-weight: 700;
overflow: hidden;
background:none;
border-radius:5px;
padding: 14px 40px 14px;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
background-image: -ms-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -moz-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -o-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7951D), color-stop(100, #ffc009));
background-image: -webkit-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: linear-gradient(to right, #F7951D 0%, #ffc009 100%);
}
.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-image: -ms-linear-gradient(right, #F7951D 0%, #FFC009 100%);
background-image: -moz-linear-gradient(right, #F7951D 0%, #FFC009 100%);
background-image: -o-linear-gradient(right, #F7951D 0%, #FFC009 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #F7951D), color-stop(100, #FFC009));
background-image: -webkit-linear-gradient(right, #F7951D 0%, #FFC009 100%);
background-image: linear-gradient(to left, #F7951D 0%, #FFC009 100%);
}
.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: #ffffff;
} .btn-style-four{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:none;
border-radius:5px;
letter-spacing:1px;
padding: 14px 44px 14px;
text-transform: uppercase;
background-image: -ms-linear-gradient(left, #0C0F47 0%, #02108b 100%);
background-image: -moz-linear-gradient(left, #0C0F47 0%, #02108b 100%);
background-image: -o-linear-gradient(left, #0C0F47 0%, #02108b 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0C0F47), color-stop(100, #02108b));
background-image: -webkit-linear-gradient(left, #0C0F47 0%, #02108b 100%);
background-image: linear-gradient(to right, #0C0F47 0%, #02108b 100%);
}
.btn-style-four: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-image: -ms-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -moz-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -o-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #0C0F47), color-stop(100, #02108B));
background-image: -webkit-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: linear-gradient(to left, #0C0F47 0%, #02108B 100%);
}
.btn-style-four .txt{
position:relative;
z-index:1;
}
.btn-style-four:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-four:hover{
color: #ffffff;
} .btn-style-five{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #f7951c ;
padding: 12px 38px 12px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
border-radius:0px;
text-transform: uppercase;
border:2px solid #f7951c;
background-color:#ffffff;
}
.btn-style-five:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #f7951c;
-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:#f7951c;
} .btn-style-six{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
overflow: hidden;
background:none;
border-radius:0px;
padding: 14px 46px 14px;
text-transform: uppercase;
background-image: -ms-linear-gradient(left, #2193b0  0%, #6dd5ed 100%);
background-image: -moz-linear-gradient(left, #2193b0  0%, #6dd5ed 100%);
background-image: -o-linear-gradient(left, #2193b0  0%, #6dd5ed 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2193b0 ), color-stop(100, #6dd5ed));
background-image: -webkit-linear-gradient(left, #2193b0  0%, #6dd5ed 100%);
background-image: linear-gradient(to right, #2193b0  0%, #6dd5ed 100%);
}
.btn-style-six: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-image: -ms-linear-gradient(right, #2193b0  0%, #6dd5ed 100%);
background-image: -moz-linear-gradient(right, #2193b0  0%, #6dd5ed 100%);
background-image: -o-linear-gradient(right, #2193b0  0%, #6dd5ed 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #2193b0 ), color-stop(100, #6dd5ed));
background-image: -webkit-linear-gradient(right, #2193b0  0%, #6dd5ed 100%);
background-image: linear-gradient(to left, #2193b0  0%, #6dd5ed 100%);
}
.btn-style-six .txt{
position:relative;
z-index:1;
}
.btn-style-six:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-six:hover{
color: #ffffff;
} .btn-style-seven{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #18212e;
padding: 12px 38px 12px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
border-radius:0px;
text-transform: uppercase;
background-color:#ffffff;
}
.btn-style-seven:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #18212e;
-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;
} .btn-style-eight{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #2193b0;
padding: 11px 34px 11px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
border-radius:0px;
text-transform: capitalize;
border:1px solid #2193b0 ;
background-color:#ffffff;
}
.btn-style-eight:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #222222;
-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-eight .txt{
position:relative;
z-index:1;
}
.btn-style-eight:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-eight:hover{
color: #ffffff;
border-color:#222222;
} .btn-style-nine{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
overflow: hidden;
background:none;
border-radius:6px;
padding:15px 44px 15px;
text-transform: capitalize;
background-image: -ms-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
background-image: -moz-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
background-image: -o-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #B17827), color-stop(100, #5e3c1a));
background-image: -webkit-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
background-image: linear-gradient(to right, #B17827 0%, #5e3c1a 100%);
}
.btn-style-nine: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-image: -ms-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
background-image: -moz-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
background-image: -o-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #B17827), color-stop(100, #5E3C1A));
background-image: -webkit-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
background-image: linear-gradient(to left, #B17827 0%, #5E3C1A 100%);
}
.btn-style-nine .txt{
position:relative;
z-index:1;
}
.btn-style-nine:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-nine:hover{
color: #ffffff;
}
.btn-style-nine.style-two{
border-radius:0px;
} .btn-style-ten{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #361b00;
padding: 12px 38px 12px;
font-weight: 600;
overflow: hidden;
background:none;
border-radius:2px;
text-transform: capitalize;
background-color:#ffffff;
}
.btn-style-ten:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #000000;
-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-ten .txt{
position:relative;
z-index:1;
}
.btn-style-ten:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-ten:hover{
color: #ffffff;
} .btn-style-eleven{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 11px 34px 11px;
font-weight: 600;
overflow: hidden;
background:none;
letter-spacing:1px;
border-radius:2px;
text-transform: capitalize;
border:1px solid #ffffff;
}
.btn-style-eleven:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #ffffff;
-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-eleven .txt{
position:relative;
z-index:1;
}
.btn-style-eleven:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-eleven:hover{
color: #361b00;
border-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: #f8951c;
width:40px;
height:40px;
line-height:36px;
text-align:center;
display:inline-block;
border:2px solid #f8951c;
-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;
} .social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
margin:0px 4px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:40px;
height:40px;
color:#ffffff;
font-size:14px;
text-align:center;
line-height:38px;
border-radius:50px;
display:inline-block;
border:1px solid #b27927;
-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:#ffffff;
border-color:#b27927;
background-color:#b27927;
}
.theme_color{
color:#f7941d;
}
.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(//trefal.dz/wp-content/themes/manzil/assets/images/icons/preloader.svg); background-size:140px;}
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 #f7951d;
}
.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: #777777;
font-size: 18px;
font-weight: 700;
margin-left:12px;
margin-bottom: 30px;
display:inline-block;
text-transform: capitalize;
font-family: 'Arimo', sans-serif;
}
.sec-title h2{
position: relative;
color: #222222;
font-weight: 700;
line-height: 1.3em;
text-transform: capitalize;
}
.sec-title .text{
position: relative;
color: #222222;
font-size: 16px;
font-weight: 400;
line-height:1.8em;
margin-top:15px;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .title,
.sec-title.light .text{
color:#ffffff;
}
.sec-title.centered{
text-align:center !important;
}
.title-effect {width: 50px; height: 50px; top: -14px; position: absolute; left: -10px; opacity: 0.4; animation: rotation 12.8s steps(1) 0s infinite; z-index:-1;}
.title-effect .bar {background: #ffc009;}
.title-effect .bar-top {width: 100%; height: 7px; position: absolute; top: 0; left: 0; transform-origin: left top; transform: scale(0, 1); animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 7px; height: 100%; position: absolute; top: 0; right: 0; transform-origin: left top; transform: scale(1, 0); animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%; height: 7px; position: absolute; right: 0; bottom: 0; transform-origin: right top; transform: scale(0, 1); animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 7px; height: 100%; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transform: scale(1, 0); animation: bar-left 3.2s linear 0s infinite;} .main-header{
position:relative;
z-index:20;
width:100%;
}
.main-header .header-top{
position:relative;
}
.main-header .header-top:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
height:20px;
background-color:#dddddd;
} .main-header .header-top .top-left{
position:relative;
float:left;
padding:7px 0px;
padding-right:35px;
}
.main-header .header-top .top-left:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:200%;
transform: skewX(-30deg);
background-color:#222222;
}
.main-header .header-top .top-left .text{
position:relative;
color:#ffffff;
font-size:14px;
line-height:1.3em;
padding:9px 0px;
font-weight:500;
font-family: 'Montserrat', sans-serif;
}
.header-top-two{
position:relative;
padding:11px 0px;
background-color:#222222;
}
.header-top-two .inner-container{
position:relative;
padding-left:300px;
}
.header-top-two .top-left{
position:relative;
float:left;
}
.header-top-two .top-left .top-list{
position:relative;
}
.header-top-two .top-left .top-list li{
position:relative;
font-size:14px;
color:#ffffff;
margin-right:20px;
padding-left:25px;
display:inline-block;
}
.header-top-two .top-left .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-two .top-left .top-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#ffc009;
font-size:14px;
}
.header-top-two .top-left .top-list li a:hover{
color:#ffc009;
}
.header-top-two .top-right{
position:relative;
float:right;
}
.header-top-two .top-right .social-box{
position:relative;
}
.header-top-two .top-right .social-box li{
position:relative;
margin-left:20px;
display:inline-block;
}
.header-top-two .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-two .top-right .social-box li a:hover{
color:#ffc108;
}
.header-top-two.style-two .inner-container{
padding-left:0px;
} .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 .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .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;	
}
.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:5px;
}
.main-header .nav-outer{
position:relative;
float:right;
padding-left:50px;
}
.main-header.header-style-one .nav-outer:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:150%;
background-image: -ms-linear-gradient(left, #F7941D 0%, #ffc008 100%);
background-image: -moz-linear-gradient(left, #F7941D 0%, #ffc008 100%);
background-image: -o-linear-gradient(left, #F7941D 0%, #ffc008 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7941D), color-stop(100, #ffc008));
background-image: -webkit-linear-gradient(left, #F7941D 0%, #ffc008 100%);
background-image: linear-gradient(to right, #F7941D 0%, #ffc008 100%);
}
.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;
bottom:0px;
height:5px;
right:0px;
opacity:0;
background-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;
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;
}
.main-header .header-lower .logo-box{
position: relative;
margin-top:-55px;
}
.main-header .header-lower .logo-box .logo{
position: relative;
}
.main-header .info-box{
position:relative;
float:left;
z-index:1;
min-height:56px;
margin-left:50px;
font-size:15px;
color:#777777;
text-align:left;
padding:0px 0px 20px 65px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:3px;
font-size:42px;
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;
color:#434343;
line-height:1em;
}
.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:23px;
}
.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:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#f7941d;
background-color:inherit !important;
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 .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:#ffffff;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0px;
opacity:1;
font-weight:400;
padding:25px 0px;
font-size:14px;
font-family: 'Arimo', sans-serif;
}
.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;
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{
position:absolute;
left:-30px;
top:100%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
padding:20px 15px;
border-radius:10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;	
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
}
.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:hover > a{
color:#f7941d;
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.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;
right:120%;
top:-20px;
width:230px;
z-index:100;
display:none;
padding:20px 15px;
border-radius:10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.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:hover > a{
color:#f8941d;
}
.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.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
left: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;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:-20px;
right:100%;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.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:10px 0px;
} .main-header .options-box .btn-box{
position:relative;
float:left;
height:60px;
}
.main-header .options-box .btn-box .theme-btn{
padding:14px 30px 14px;
}
.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:400;
font-size:14px;
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: #f7941d;
padding-left: 30px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover::before{
opacity: 1;
color: #000000;
text-shadow: 8px 0 #f7941d, -8px 0 #f7941d;
}
.main-header.header-style-two .header-lower .logo-box{
margin-top:-45px;
padding:20px 0px;
}
.main-header.header-style-two .nav-outer{
position:static;
padding-left:0px;
}
.main-header.header-style-two .header-lower .logo-box:before{
position:absolute;
content:'';
right:-30px;
top:0px;
bottom:0px;
width:200%;
background-image: -ms-linear-gradient(left, #0b0f48 0%, #02108C 100%);
background-image: -moz-linear-gradient(left, #0b0f48 0%, #02108C 100%);
background-image: -o-linear-gradient(left, #0b0f48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0b0f48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(left, #0b0f48 0%, #02108C 100%);
background-image: linear-gradient(to right, #0b0f48 0%, #02108C 100%);
}
.main-header.header-style-two .main-menu .navigation > li > a{
color:#222222;
} .main-header.header-style-three .nav-outer{
padding-left:0px;
}
.main-header.header-style-three .header-lower{
background-image: linear-gradient(to bottom, #0c0f46, #0a1053, #081160, #06116d, #04117a, #04117a, #04117a, #04117a, #06116d, #081160, #0a1053, #0c0f46);
}
.main-header.header-style-three .header-lower .logo-box{
margin-top:0px;
padding:18px 0px;
}
.main-header.header-style-three .main-menu .navigation > li{
margin:0px;
}
.main-header.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
padding:45px 18px;
}
.main-header.header-style-three .main-menu .navigation > li.dropdown > a{
padding-right:28px !important;
}
.main-header.header-style-three .main-menu .navigation > li.dropdown > a:before{
right:14px;
}
.main-header.header-style-three .main-menu .navigation > li:before{
background-color:#f7941d;
bottom:-1px;
height:4px;
z-index:1;
}
.main-header.header-style-three .main-menu .navigation > li.current > a{
background-image: -ms-linear-gradient(top, #f7941d 0%, #02108B 100%);
background-image: -moz-linear-gradient(top, #f7941d 0%, #02108B 100%);
background-image: -o-linear-gradient(top, #f7941d 0%, #02108B 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7941d), color-stop(100, #02108B));
background-image: -webkit-linear-gradient(top, #f7941d 0%, #02108B 100%);
background-image: linear-gradient(to bottom, #f7941d 0%, #02108B 100%);
}
.main-header.header-style-three .search-box-btn{
color:#000000;
}
.main-header.header-style-three .search-box-outer:before{
background-image:none;
background-color:#ffffff;
}
.main-header.header-style-three .options-box{
padding:30px 0px;
}
.main-header.header-style-three .sticky-header .options-box{
padding:5px 0px;
}
.main-header.header-style-three .sticky-header .options-box .cart-box .cart-box-btn{
color:#000000;
}
.main-header.header-style-three .sticky-header .search-box-outer:before{
background-color:#f7951d;
}
.main-header.header-style-three .sticky-header .options-box .cart-box .cart-panel{
margin-top:46px;
}
.main-header.header-style-three .sticky-header .main-menu .navigation > li{
margin-left:15px;
}
.main-header.header-style-three .sticky-header .main-menu .navigation > li.current > a{
background-image:none;
} .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:#f7941d;
border-color:#f7941d;
}
.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:#f7941d;
} .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;
background-color: #f7941d;
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:#ffffff;
display: none;
}
.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%);
}
.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 500ms;
-moz-transition:all 0.7s ease 500ms;
-ms-transition:all 0.7s ease 500ms;
-o-transition:all 0.7s ease 500ms;
transition:all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn{
position: absolute;
right: 3px;
top: 3px;
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);
}
.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:#F7941D;
}
.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;
}
.sticky-header .navbar-header{
display:none;
} .main-slider{
position:relative;
z-index:10;
direction :ltr;
padding:0px 70px;
} .main-slider .slider-icon-scroll,
.main-slider .slider-icon-scroll:before{
position: absolute;
left: 50%;
z-index:10;
}
.main-slider .slider-icon-scroll{
position:absolute;
content:'';
left:50%;
bottom:30px;
width: 30px;
height: 60px;
cursor:pointer;
margin-left: -20px;
cursor:pointer;
display:block;
z-index:10;
margin-top: -35px;
box-shadow: inset 0 0 0 2px #ffffff;
border-radius: 25px;
}
.main-slider .slider-icon-scroll:before{
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll;
}
.main-slider .rev_slider li.tp-revslider-slidesli{
background-position:left bottom;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:none !important;	
}
.main-slider .title{
position: relative;
color: #f99b1a;
font-weight: 600;
font-size: 24px;
line-height: 1.4em;
margin-bottom: 30px;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.main-slider h1{
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 30px;
font-family: 'Montserrat', sans-serif;
}
.main-slider .text{
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.8em;
margin-bottom: 40px;
font-weight: 400;
}
.main-slider .btns-box{
position:relative;
}
.main-slider .btns-box .theme-btn{
position:relative;
margin-right:15px;
display:inline-block;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;	
}
.main-slider .metis.tparrows{
background-color:rgba(247,149,28,0.30);
}
.main-slider .metis.tparrows:before{
color:#ffffff;
}
.main-slider .metis.tparrows:hover{
background-color:#ffffff;
}
.main-slider .metis.tparrows:hover::before{
color:#000000 !important;
} .main-slider-two{
position:relative;
z-index:10;
direction :ltr;
} .main-slider-two .slider-icon-scroll,
.main-slider-two .slider-icon-scroll:before{
position: absolute;
left: 50%;
z-index:10;
}
.main-slider-two .slider-icon-scroll{
position:absolute;
content:'';
left:50%;
bottom:30px;
width: 30px;
height: 60px;
cursor:pointer;
margin-left: -20px;
cursor:pointer;
display:block;
z-index:10;
margin-top: -35px;
box-shadow: inset 0 0 0 1px #ffffff;
border-radius: 25px;
}
.main-slider-two .slider-icon-scroll:before{
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll;
}
.main-slider-two .rev_slider li.tp-revslider-slidesli{
background-position:left bottom;
}
.main-slider-two .tp-caption{
z-index:5 !important;
}
.main-slider-two .tp-dottedoverlay{
background:none !important;	
}
.main-slider-two .title{
position: relative;
color: #f99b1a;
font-weight: 600;
font-size: 24px;
text-align:center;
line-height: 1.4em;
margin-bottom: 30px;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.main-slider-two h1{
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 30px;
text-align:center;
font-family: 'Montserrat', sans-serif;
}
.main-slider-two .text{
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.8em;
margin-bottom: 40px;
font-weight: 400;
text-align:center;
}
.main-slider-two .btns-box{
position:relative;
}
.main-slider-two .btns-box .theme-btn{
position:relative;
margin-right:15px;
display:inline-block;
}
.main-slider-two .tp-bannertimer,
.main-slider-two .tp-bullets{
display:none !important;	
}
.main-slider-two .metis.tparrows{
border:1px solid #ffffff;
background:none;
}
.main-slider-two .metis.tparrows:before{
color:#ffffff;
}
.main-slider-two .metis.tparrows:hover{
background-color:#ffffff;
}
.main-slider-two .metis.tparrows:hover::before{
color:#000000 !important;
} .main-slider-three{
position:relative;
z-index:10;
direction :ltr;
}
.main-slider-three .rev_slider li.tp-revslider-slidesli{
background-position:left bottom;
}
.main-slider-three .tp-caption{
z-index:5 !important;
}
.main-slider-three .tp-dottedoverlay{
background:none !important;	
}
.main-slider-three .title{
position: relative;
color: #f99b1a;
font-weight: 600;
font-size: 24px;
line-height: 1.4em;
margin-bottom: 30px;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.main-slider-three h1{
position: relative;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 30px;
font-family: 'Montserrat', sans-serif;
}
.main-slider-three .text{
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.8em;
margin-bottom: 40px;
font-weight: 400;
}
.main-slider-three .btns-box{
position:relative;
}
.main-slider-three .btns-box .theme-btn{
position:relative;
margin-right:15px;
display:inline-block;
}
.main-slider-three .tp-bannertimer,
.main-slider-three .tp-bullets{
display:none !important;	
}
.main-slider-three .metis.tparrows{
background-color:rgba(247,149,28,0.30);
}
.main-slider-three .metis.tparrows:before{
color:#ffffff;
}
.main-slider-three .metis.tparrows:hover{
background-color:#ffffff;
}
.main-slider-three .metis.tparrows:hover::before{
color:#000000 !important;
} .about-section{
position:relative;
padding:90px 0px 90px;
}
.about-section .inner-container{
position:relative;
padding:100px 50px 0px 100px;
}
.about-section .inner-container:after{
position: absolute;
content: '';
left: 0px;
bottom: 100%;
z-index:-1;
border-bottom: 1000px solid #222222;
border-left: 1800px solid transparent;
}
.about-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:130px;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.about-section .image-column{
position:relative;
}
.about-section .image-column .inner-column{
position:relative;
padding-right:50px;
}
.about-section .image-column .image{
position:relative;
}
.about-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.about-section .image-column .image:before{
position:absolute;
content:'';
left:-30px;
top:-30px;
width:330px;
height:105px;
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%);
}
.about-section .image-column .image:after{
position:absolute;
content:'';
left:-30px;
bottom:-30px;
width:200px;
height:213px;
z-index:-1;
background:url(//trefal.dz/wp-content/themes/manzil/assets/images/background/pattern-1.png) no-repeat;
}
.about-section .image-column .image .video-box{
position:absolute;
bottom:-45px;
right:40px;
width:100px;
height:100px;
color:#ffffff;
font-size:26px;
text-align:center;
border-radius:10px;
line-height: 100px;
display:inline-block;
z-index:1;
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-image: -ms-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -moz-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -o-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7951D), color-stop(100, #FFC009));
background-image: -webkit-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: linear-gradient(to top, #F7951D 0%, #FFC009 100%);
}
.about-section .image-column .image .video-box .overlay-box span{
position: absolute;
width:100px;
height:100px;
left:50%;
top: 50%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:16px;
text-align: center;
border-radius:10px;
padding-left:7px;
display: inline-block;
margin-top: -30px;
margin-left:-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.10);
}
.about-section .image-column .image .video-box .ripple,
.about-section .image-column .image .video-box .ripple:before,
.about-section .image-column .image .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:100px;
height:100px;
margin-left:.5px;
-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: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
-moz-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
-ms-box-shadow: 0 0 0 0 rgba(248, 153 , 26, .4);
-o-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
box-shadow: 0 0 0 0 rgba(248, 153, 26, .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;
}
.about-section .image-column .image .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.about-section .image-column .image .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .sec-title{
margin-bottom:22px;
}
.about-section .content-column .inner-column{
position:relative;
margin-left:-10px;
}
.about-section .content-column .experiance{
position:relative;
color:#f7941d;
font-size:18px;
font-weight:700;
line-height:1.4em;
font-family: 'Arimo', sans-serif;
}
.about-section .content-column .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-top:20px;
margin-bottom:30px;
}
.about-section .content-column .btn-box{
position:relative;
margin-bottom:90px;
}
.about-section .content-column .btn-box .theme-btn{
float:left;
}
.about-section .content-column .btn-box .signature{
position:relative;
color:#f7941d;
font-size:40px;
font-weight:300;
display:inline-block;
margin-top:15px;
margin-left:35px;
text-transform:lowercase;
font-family: 'Great Vibes', cursive;
}
.about-section .content-column .fact-counter .column{
} .fact-counter{
position:relative;
z-index:1;
}
.fact-counter .column{
position:relative;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
margin-right:-30px;
}
.fact-counter .column .inner .content{
position:relative;
padding-left:70px;
}
.fact-counter .column .inner .icon{
position:absolute;
left:8px;
top:-4px;
color:#000000;
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:#222222;
font-size:30px;
line-height:1em;
font-family: 'Montserrat', sans-serif;
}
.fact-counter .column .inner .count-outer{
position:relative;
font-weight:600;
color:#222222;
font-size:30px;
line-height:1em;
}
.fact-counter .column .inner .counter-title{
position:relative;
color:#777777;
font-size:15px;
font-weight:400;
margin-top:7px;
}
.fact-counter.style-two .column{
margin-bottom:60px;
}
.fact-counter.style-two .column .inner .counter-title,
.fact-counter.style-two .column .inner .count-outer{
color:#ffffff;
} .services-section{
position:relative;
padding:110px 0px 110px;
}
.services-section .side-image-layer{
position:absolute;
left:0px;
bottom:60px;
width:340px;
height:266px;
background-repeat:no-repeat;
}
.services-section .side-image-layer-two{
position:absolute;
right:0px;
bottom:180px;
width:276px;
height:205px;
background-repeat:no-repeat;
}
.services-section .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:480px;
background-size:cover;
}
.services-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.40);
}
.services-section .owl-nav{
display:none;
}
.services-section .owl-dots{
position:relative;
text-align:center;
}
.services-section .owl-dots .owl-dot{
position:relative;
width:15px;
height:6px;
margin:0px 3px;
display:inline-block;
background-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;
}
.services-section .owl-dots .owl-dot.active,
.services-section .owl-dots .owl-dot:hover{
background-color:#f7941d;
width:30px;
} .service-block{
position:relative;
margin-bottom:55px;
}
.service-block .inner-box{
position:relative;
width:100%;
}
.service-block .image-box{
position:relative;
display:block;
margin:0px;
overflow:hidden;
border-radius:15px;
}
.service-block .image-box img{
position:relative;
display:block;
width:100%;
}
.service-block .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
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;
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;
}
.service-block .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.80;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.service-block .inner-box:hover .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;
}
.service-block .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px;
}
.service-block .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.service-block .overlay-inner .icon-box{
position:relative;
font-size:56px;
color:#000000;
line-height:1em;
font-weight:400;
text-align:center;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.service-block .overlay-inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-top:30px;
}
.service-block .overlay-inner .read-more{
position:relative;
color:#222222;
font-size:16px;
line-height:1.8em;
margin-top:20px;
font-weight:700;
display:inline-block;
text-decoration:underline;
}
.service-block .inner-box .lower-box{
position:relative;
padding-top:25px;
text-align:center;
}
.service-block .inner-box .lower-box h5{
position:relative;
color:#222222;
font-weight:600;
line-height:1.3em;
}
.service-block .inner-box .lower-box h5 a{
position:relative;
color:#222222;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.service-block .inner-box .lower-box h5 a:hover{
color:#f7941d;
} .call-to-action-section{
position:relative;
}
.call-to-action-section .inner-container{
position:relative;
padding:60px 100px;
border-radius:10px;
background-image: -ms-linear-gradient(left, #F7941D 0%, #FEBE09 100%);
background-image: -moz-linear-gradient(left, #F7941D 0%, #FEBE09 100%);
background-image: -o-linear-gradient(left, #F7941D 0%, #FEBE09 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7941D), color-stop(100, #FEBE09));
background-image: -webkit-linear-gradient(left, #F7941D 0%, #FEBE09 100%);
background-image: linear-gradient(to right, #F7941D 0%, #FEBE09 100%);
}
.call-to-action-section .inner-container.margin-bottom{
margin-bottom:-100px;
z-index:1;
}
.call-to-action-section h4{
position:relative;
color:#222222;
font-weight:700;
line-height:1.5em;
}
.call-to-action-section .inner-container .image-layer{
position:absolute;
right:-100px;
top:-20px;
width:324px;
height:255px;
}
.call-to-action-section.style-two .inner-container{
background-image: -ms-linear-gradient(left, #0C0F46 0%, #031088 100%);
background-image: -moz-linear-gradient(left, #0C0F46 0%, #031088 100%);
background-image: -o-linear-gradient(left, #0C0F46 0%, #031088 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0C0F46), color-stop(100, #031088));
background-image: -webkit-linear-gradient(left, #0C0F46 0%, #031088 100%);
background-image: linear-gradient(to right, #0C0F46 0%, #031088 100%);
}
.call-to-action-section.style-two h4{
color:#ffffff;
} .skill-section{
position:relative;
padding:190px 0px 0px;
background-size:cover;
}
.skill-section.style-two{
padding-top:110px;
}
.skill-section .image-layer{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:414px;
background-repeat:repeat-x;
background-position:left bottom;
animation: 10s linear 0s infinite normal none running slide;
}
.skill-section .skill-column{
position:relative;
padding-top:60px;
top:7px;
}
.skill-section .skill-column .inner-column{
position:relative;
}
.skill-section .image-column{
position:relative;
}
.skill-section .image-column .inner-column{
position:relative;
text-align:center;
}
.skill-block{
position: relative;
}
.skill-block .inner-box{
position: relative;
}
.skill-block .bar-item{
position:relative;
padding-left:40px;
margin: 0px 20px 0px;
display:inline-block;
}
.skill-block .bar-item .skill-bar{
position:relative;
height: 400px;
width: 40px;
}
.skill-block .bar-item .skill-bar .bar-inner{
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 400px;
background: #242324;
}
.skill-block .bar-item .skill-bar .bar-inner .bar{
position:absolute;
left: 0px;
bottom: 0px;
height:0%;
width:40px;
background-color: #f7941d;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.skill-block .bar-item .skill-title{
position:absolute;
width:380px;
font-size:18px;
line-height:24px;
color:#222222;
font-weight:700;
padding-bottom: 7px;
left: 0px;
bottom: 0px;
display:block;
text-transform:capitalize;
transform: rotate(-90deg);
transform-origin: 0% 0%;
font-family: 'Arimo', sans-serif;
}
.skill-block .skill-percentage{
position:absolute;
left:0px;
top:-35px;
width:40px;
font-size:18px;
line-height:24px;
color:#222222;
font-weight:700;
text-align:center;
text-transform:capitalize;
padding-bottom: 7px;
font-family: 'Montserrat', sans-serif;
} .testimonial-section{
position:relative;
padding:100px 0px 100px;
background-size:cover;
background-attachment:fixed;
}
.testimonial-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.70);
}
.testimonial-section .owl-carousel .owl-stage-outer{
padding-bottom:50px;
}
.testimonial-section .owl-carousel .owl-stage-outer .owl-item.center .testimonial-block .inner-box{
border-color:#f7941d;
}
.testimonial-section .owl-dots{
position:relative;
display:none;
}
.testimonial-section .owl-nav{
position:absolute;
right:0px;
top:-90px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color:#ffffff;
font-size:22px;
border-radius:3px;
line-height:44px;
text-align:center;
margin-left:15px;
display:inline-block;
border:2px solid #ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
background-color:#f7961c;
border-color:#f7961c;
}
.testimonial-section .lower-text{
position:relative;
color:#ffffff;
font-size:16px;
text-align:center;
}
.testimonial-section .lower-text a{
position:relative;
color:#f7941d;
}
.testimonial-block{
position:relative;
margin-bottom:40px;
}
.testimonial-block .inner-box{
position:relative;
border-radius:15px;
text-align:center;
padding:45px 32px 0px;
border:3px solid transparent;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-image: -ms-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -moz-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -o-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #010100), color-stop(100, #222121));
background-image: -webkit-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: linear-gradient(to top, #010100 0%, #222121 100%);
}
.testimonial-block .inner-box .quote-icon{
position:relative;
color:#565656;
font-size:28px;
line-height:1em;
}
.testimonial-block .inner-box .rating{
position:relative;
margin-top:20px;
color:#ffc108;
font-size:14px;
}
.testimonial-block .inner-box .text{
position:relative;
margin-top:20px;
color:#ffffff;
font-size:16px;
line-height:1.9em;
margin-bottom:20px;
}
.testimonial-block .inner-box h6{
position:relative;
color:#f7941d;
font-weight:700;
margin-bottom:25px;
font-family: 'Montserrat', sans-serif;
}
.testimonial-block .inner-box .author-image{
position:relative;
width:100px;
height:100px;
margin:0 auto;
overflow:hidden;
margin-bottom:-50px;
border-radius:50px;
display:inline-block;
border:4px solid #f7941d;
} .gallery-section{
position:relative;
padding:100px 0px 100px;
}
.gallery-section .filters{
position:relative;
margin-bottom:60px;
text-align:center;
}
.gallery-section .filters .filter-tabs{
position:relative;
padding:0px 30px;
border-radius:5px;
display:inline-block;
border:1px dashed #f7941d;
}
.gallery-section .filters li{
position: relative;
display: inline-block;
color: #222222;
padding:18px 0px;
cursor: pointer;
font-size: 16px;
font-weight: 700;
margin:0px 30px 0px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
color:#222222;
}
.gallery-section .filters li:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:4px;
width:100%;
opacity:0;
transform: scale(0.5,1);
background-color:#f7941d;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-section .filters li:hover:before,
.gallery-section .filters li.active::before{
opacity:1;
transform: scale(1,1);
}
.gallery-section .lower-text{
position:relative;
text-align:center;
margin-top:30px;
}
.gallery-section .lower-text .text{
position:relative;
color:#222222;
font-size:15px;
font-weight:600;
padding:18px 40px;
border-radius:5px;
display:inline-block;
border:1px dashed #222222;
font-family: 'Montserrat', sans-serif;
}
.gallery-section .lower-text .text a{
position:relative;
color:#f7941d;
text-decoration:underline;
}
.gallery-block.mix{
display:none;
} .gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
width:100%;
}
.gallery-block .image-box{
position:relative;
display:block;
margin:0px;
overflow:hidden;
}
.gallery-block .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-block .overlay-box{
position:absolute;
left:18px;
top:18px;
right:18px;
bottom:18px;
opacity:0;
color:#ffffff;
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;
-moz-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.gallery-block .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
outline: 2px solid #ffffff;
outline-offset: -20px;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.gallery-block .inner-box:hover .overlay-box{
opacity:1;
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
visibility: visible;
}
.gallery-block .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block .overlay-box h6{
position:relative;
font-weight:600;
line-height:1.4em;
margin-bottom:12px;
}
.gallery-block .overlay-box h6 a{
position:relative;
color:#222222;
}
.gallery-block .overlay-box .category{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:18px;
}
.gallery-block .inner-box .link{
position:absolute;
left:-90px;
bottom:0px;
width:70px;
height:70px;
font-size:24px;
color:#faa514;
line-height:70px;
margin:0px 3px;
font-weight:400;
text-align:center;
border-radius:0px;
display:inline-block;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-image: -ms-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -moz-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -o-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #010100), color-stop(100, #222121));
background-image: -webkit-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: linear-gradient(to top, #010100 0%, #222121 100%);
}
.gallery-block .overlay-inner .link .icon{
position:relative;
z-index:1;
}
.gallery-block .overlay-inner .link:hover{
box-shadow:inset 0 0 10px rgba(0,0,0,0.90);
}
.gallery-block .inner-box:hover .link{
left:-3px;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
} .team-section{
position:relative;
padding:100px 0px 100px;
}
.team-section .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:600px;
background-attachment:fixed;
background-size:cover;
}
.team-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.90);
}
.team-section .owl-nav{
display:none;
}
.team-section .owl-dots{
position:relative;
text-align:center;
margin-top:35px;
}
.team-section .owl-dots .owl-dot{
position:relative;
width:15px;
height:6px;
margin:0px 3px;
display:inline-block;
background-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;
}
.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover{
background-color:#f7941d;
width:30px;
}
.team-block{
position:relative;
}
.team-block .inner-box{
position:relative;
overflow:hidden;
}
.team-block .inner-box .image{
position:relative;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
border-radius:15px 15px 0px 15px;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.team-block .inner-box .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:100%;
z-index:1;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-color:rgba(0,0,0,0.30);
border-radius:15px 15px 0px 15px;
}
.team-block .inner-box:hover .image:before{
width:100%;
}
.team-block .inner-box .image .social-box{
position:absolute;
left:30px;
top:-100%;
opacity:0;
z-index:2;
padding-top:20px;
display:inline-block;
transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.team-block .inner-box:hover .image .social-box{
top:0%;
opacity:1;
}
.team-block .inner-box .image .social-box:before{
position:absolute;
content:'';
left:0px;
top:-30px;
right:0px;
bottom:-20px;
-ms-transform: skewY(25deg);
transform: skewY(25deg);
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.team-block .inner-box .image .social-box li:hover a:after{
opacity:1;
}
.team-block .inner-box .image .social-box li{
position:relative;
text-align:center;
margin-bottom:1px;
display:block;
}
.team-block .inner-box .image .social-box li a{
position:relative;
font-size:18px;
color:#ffffff;
display:block;
z-index:1;
padding:14px 15px;
}
.team-block .inner-box .image .social-box li a:after{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
opacity:0;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-color:#222222;
-ms-transform: skewY(25deg);
transform: skewY(25deg);
}
.team-block .inner-box .image .social-box li:last-child{
margin-bottom:0px;
}
.team-block .inner-box .lower-content{
position:relative;
margin-left:40px;
margin-top:-50px;
z-index:4;
padding:22px 40px 22px 60px;
}
.team-block .inner-box .lower-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
background-image: -ms-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -moz-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -o-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7941D), color-stop(100, #fec108));
background-image: -webkit-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: linear-gradient(to right, #F7941D 0%, #fec108 100%);
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 9% 50%, 0% 0%);
}
.team-block .inner-box .lower-content:after{
position:absolute;
content:'';
left:-10px;
top:26px;
width:30px;
height:50px;
bottom:26px;
background-image: -ms-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -moz-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -o-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7941D), color-stop(100, #fec108));
background-image: -webkit-linear-gradient(left, #F7941D 0%, #fec108 100%);
background-image: linear-gradient(to right, #F7941D 0%, #fec108 100%);
clip-path: polygon(52% 0, 100% 50%, 55% 100%, 0% 100%, 50% 50%, 0% 0%);
}
.team-block .inner-box .lower-content h5{
position:relative;
line-height:1.3em;
font-weight:700;
}
.team-block .inner-box .lower-content h5 a{
position:relative;
color:#222222;
}
.team-block .inner-box .lower-content .designation{
position:relative;
color:#ffffff;
font-size:15px;
margin-top:8px;
}
.team-block .inner-box .lower-content .team-arrows-right{
position:absolute;
right:20px;
top:40px;
width:60px;
height:40px;
cursor:pointer;
display:block;
z-index:20;
cursor:pointer;
transform:rotate(-90deg);
} .team-block-two{
position:relative;
margin-bottom:0px;
z-index:4;
}
.team-block-two .inner-box{
position:relative;
overflow:hidden;
border-radius:8px;
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;
}
.team-block-two .inner-box:hover{
box-shadow:30px 20px 40px 0px rgba(0,0,0,0.05);
}
.team-block-two .image{
position:relative;
}
.team-block-two .image img{
position:relative;
width:100%;
display:block;
}
.team-block-two .image .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.team-block-two .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
top:100%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #030f83 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #030f83 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #030f83 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #030f83));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #030f83 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #030f83 100%);
}
.team-block-two .inner-box:hover .overlay-box:before{
opacity:1;
top:0%;
}
.team-block-two .inner-box .overlay-box .overlay-inner{
position:relative;
height:100%;
}
.team-block-two .inner-box .overlay-box .member-content{
position:absolute;
left:30px;
bottom:-120px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block-two .inner-box:hover .overlay-box .member-content{
bottom:10px;
}
.team-block-two .inner-box .overlay-box .member-content h4{
position:relative;
line-height:1.3em;
font-weight:700;
}
.team-block-two .inner-box .overlay-box .member-content h4 a{
position:relative;
color:#ffffff;
}
.team-block-two .inner-box .overlay-box .member-content .designation{
position:relative;
color:#ffffff;
font-size:14px;
margin-top:10px;
} .team-social-box{
position: absolute;
right: -30px;
bottom: 38px;
}
.team-social-box li{
position: relative;
right: -30px;
margin-bottom: 10px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-social-box li a{
position: relative;
width: 36px;
height: 36px;
color: #25a9e0;
z-index: 1;
font-size: 15px;
line-height: 36px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
}
.team-social-box li .social-name{
position: absolute;
right:80%;
padding: 0px 10px;
top: 2px;
opacity: 0;
visibility: hidden;
font-size: 12px;
text-transform: capitalize;
display: inline-block;
border-radius: 50px 0px 0px 50px;
background-color: #ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.team-social-box li:last-child{
margin-bottom:0px;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li{
right:60px;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2){
transition-delay: 250ms;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3){
transition-delay: 500ms;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4){
transition-delay: 750ms;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li:nth-child(5){
transition-delay: 1000ms;
}
.team-block-two .inner-box:hover .image .overlay-box .team-social-box li:nth-child(6){
transition-delay: 1250ms;
}
.team-social-box li:hover .social-name{
opacity:1;
visibility:visible;
}
.team-social-box li a{
position:relative;
width:36px;
height:36px;
color:#25a9e0;
z-index:1;
font-size:15px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
}
.team-social-box li.youtube a{
color:#ff0000;
}
.team-social-box li.youtube .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#ff0000;
}
.team-social-box li.linkedin a{
color:#0077b5;
}
.team-social-box li.linkedin .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#0077b5;
}
.team-social-box li.facebook a{
color:#3b5998;
}
.team-social-box li.facebook .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#3b5998;
}
.team-social-box li.twitter a{
color:#1da1f2;
}
.team-social-box li.twitter .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#1da1f2;
}
.team-social-box li.instagram a{
color:#c2328a;
}
.team-social-box li.instagram .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#c2328a;
}
.team-social-box li.pinterest a{
color:#e60023;
}
.team-social-box li.pinterest .social-name{
color:#ffffff;
padding:4px 14px 4px 15px;
background-color:#e60023;
} .team-block .inner-box .lower-content .chevron {
position: absolute;
width: 40px;
height: 8px;
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
animation: move 3s ease-out infinite;
}
.team-block .inner-box .lower-content .chevron:first-child {
animation: move 3s ease-out 1s infinite;
}
.team-block .inner-box .lower-content .chevron:nth-child(2) {
animation: move 3s ease-out 2s infinite;
}
.team-block .inner-box .lower-content .chevron:before,
.team-block .inner-box .lower-content .chevron:after {
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 51%;
opacity:0.10;
background: #000000;
}
.team-block .inner-box .lower-content .chevron:before {
left: 0;
transform: skew(0deg, 30deg);
}
.team-block .inner-box .lower-content .chevron:after {
right: 0;
width: 50%;
transform: skew(0deg, -30deg);
}
.news-section{
position:relative;
padding-bottom:140px;
}
.news-section .owl-dots{
position:relative;
display:none;
}
.news-section .owl-nav{
position:absolute;
right:0px;
top:-90px;
}
.news-section .owl-nav .owl-prev,
.news-section .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color:#444444;
font-size:22px;
border-radius:3px;
line-height:44px;
text-align:center;
margin-left:15px;
display:inline-block;
border:2px solid #444444;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.news-section .owl-nav .owl-prev:hover,
.news-section .owl-nav .owl-next:hover{
background-color:#f7961c;
border-color:#f7961c;
color:#ffffff;
} .news-block{
position:relative;
margin-bottom:40px;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
border-radius:8px;
overflow:hidden;
background-color:#f7941d;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.6;
transform:scale(1.04,1.04);
}
.news-block .inner-box .image .post-date{
position:absolute;
left:30px;
top:30px;
color:#ffffff;
z-index:1;
padding:3px 12px;
border-radius:4px;
display:inline-block;
background-color:#222222;
}
.news-block .inner-box .lower-content{
position:relative;
padding-top:32px;
}
.news-block .inner-box .lower-content .post-meta{
position:relative;
}
.news-block .inner-box .lower-content .post-meta li{
position:relative;
color:#f7941d;
font-size:14px;
font-weight:700;
padding-right:15px;
margin-right:12px;
line-height:1.1em;
display:inline-block;
border-right:2px solid #f7941d;
}
.news-block .inner-box .lower-content .post-meta li:last-child{
border-right:0px;
padding-right:0px;
margin-right:0px;
}
.news-block .inner-box .lower-content h3{
position:relative;
line-height:1.4em;
font-weight:700;
margin-top:15px;
}
.news-block .inner-box .lower-content h3 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-block .inner-box .lower-content h3 a:hover{
color:#f7941d;
} .news-block-two{
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image{
position:relative;
border-radius:8px;
overflow:hidden;
background-color:#f7941d;
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.6;
transform:scale(1.04,1.04);
}
.news-block-two .inner-box .image .post-date{
position:absolute;
left:15px;
top:15px;
color:#ffffff;
z-index:1;
padding:3px 12px;
border-radius:4px;
display:inline-block;
background-color:#222222;
}
.news-block-two .inner-box .lower-content{
position:relative;
padding-top:32px;
}
.news-block-two .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-two .inner-box .lower-content .post-meta li{
position:relative;
color:#f7941d;
font-size:14px;
font-weight:700;
padding-right:15px;
margin-right:12px;
line-height:1.1em;
display:inline-block;
border-right:2px solid #f7941d;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child{
border-right:0px;
padding-right:0px;
margin-right:0px;
}
.news-block-two .inner-box .lower-content h4{
position:relative;
line-height:1.4em;
font-weight:700;
margin-top:15px;
}
.news-block-two .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-block-two .inner-box .lower-content h4 a:hover{
color:#f7941d;
} .main-footer{
position:relative;
padding-top:0px;
background-attachment:fixed;
background-size:cover;
}
.main-footer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.95;
background-image: -ms-linear-gradient(top, #222221 0%, #020302 100%);
background-image: -moz-linear-gradient(top, #222221 0%, #020302 100%);
background-image: -o-linear-gradient(top, #222221 0%, #020302 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222221), color-stop(100, #020302));
background-image: -webkit-linear-gradient(top, #222221 0%, #020302 100%);
background-image: linear-gradient(to bottom, #222221 0%, #020302 100%);
}
.main-footer .widgets-section{
position:relative;
padding:90px 0px 50px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:40px;
}
.main-footer .footer-widget h4{
position:relative;
font-weight:700;
color:#ffffff;
line-height:1.2em;
margin-bottom:30px;
padding-bottom:20px;
text-transform:capitalize;
}
.main-footer .footer-widget h4:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:4px;
width:60px;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .widget-content{
position:relative;
margin-top:-170px;
padding:40px 40px 40px;
border-top:10px solid #f89b1a;
background-image: -ms-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -moz-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -o-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #010100), color-stop(100, #222121));
background-image: -webkit-linear-gradient(bottom, #010100 0%, #222121 100%);
background-image: linear-gradient(to top, #010100 0%, #222121 100%);
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:25px;
}
.main-footer .logo-widget .text{
position:relative;
margin-bottom: 25px;
}
.main-footer .logo-widget .text p{
position:relative;
color:#ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 25px;
}
.main-footer .logo-widget .social-box{
position:relative;
}
.main-footer .logo-widget .social-box li{
position:relative;
margin-right:5px;
display:inline-block;
width:auto;
margin-bottom:0px;
padding-left:0px;
}
.main-footer .logo-widget .social-box li a{
position:relative;
color:#ffffff;
font-size:15px;
width:40px;
height:40px;
padding-left:0px;
line-height:38px;
text-align:center;
border-radius:50px;
border:1px dashed #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;
}
.main-footer .logo-widget .social-box li a:hover{
background-color:#f7941d;
border-color:#f7941d;
color:#ffffff;
}
.main-footer .logo-widget .social-box li:before{
display:none;
} .list-link{
position:relative;
}
.list-link li{
position:relative;
margin-bottom:17px;
}
.list-link li a{
position:relative;
color:#ffffff;
font-size:16px;
padding-left:25px;
-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:#f7941d;
}
.list-link li a:before{
position:absolute;
content: "--";
left:0px;
top:-2px;
line-height:1em;
font-family: 'FontAwesome';
} .list-link-two{
position:relative;
}
.list-link-two li{
position:relative;
margin-bottom:17px;
}
.list-link-two li a{
position:relative;
color:#ffffff;
font-size:16px;
padding-left:30px;
font-weight:400;
-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-two li a:hover{
color:#f7941d;
}
.list-link-two li a:before{
position:absolute;
content: "";
left:0px;
top:0px;
width:14px;
height:14px;
border-radius:50px 50px 50px 0px;
border:4px 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;
}
.list-link-two li a:hover::before{
transform:rotate(-135deg);
border-color:#f7941d;
}
.main-footer .contact-widget{
position:relative;
}
.main-footer .contact-widget ul{
position:relative;
}
.main-footer .contact-widget ul li{
position:relative;
color:#ffffff;
font-size:18px;
padding-left:70px;
margin-bottom:28px;
line-height:1.6em;
width:100%;
}
.main-footer .contact-widget ul li:before{
display:none;	
}
.main-footer .contact-widget ul li strong{
position:relative;
display:block;
}
.main-footer .contact-widget ul li .icon{
position:absolute;
left:0px;
top:6px;
font-size:44px;
line-height:1em;
color:#fbac12;
}
.main-footer .contact-widget ul 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;
}
.main-footer .contact-widget ul li a:hover{
color:#fdb110;
} .main-footer .news-widget{
position: relative;
}
.main-footer .news-widget .post{
position: relative;
min-height: 90px;
padding-left: 120px;
margin-bottom: 30px;
}
.main-footer .news-widget .post:last-child{
margin-bottom: 0;
}
.main-footer .news-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 100px;
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.7em;
font-weight: 700;
padding-top: 5px;
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: #f7941d;
}
.main-footer .news-widget .post .date{
position: relative;
display: block;
font-size: 14px;
line-height: 1.3em;
color: #ffffff;
margin-top:8px;
text-transform:uppercase;
}
.main-footer .footer-bottom{
position:relative;
padding:20px 0px;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
}
.main-footer .footer-bottom .copyright a{
position:relative;
font-weight:600;
color:#222222;
}
.main-footer .footer-nav{
position:relative;
text-align:right;
}
.main-footer .footer-nav li{
position:relative;
padding-right:14px;
margin-right:14px;
line-height:1em;
display:inline-block;
border-right:2px solid #222222;
}
.main-footer .footer-nav li a{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
}
.main-footer .footer-nav li:last-child{
position:relative;
margin-right:0px;
padding-right:0px;
border:none;
}
.main-footer .footer-bottom .social-box{
position:relative;
text-align:right;
}
.main-footer .footer-bottom .social-box li{
position:relative;
margin-left:8px;
display:inline-block;
}
.main-footer .footer-bottom .social-box li a{
position:relative;
width:40px;
height:40px;
color:#222222;
font-size:15px;
line-height:38px;
border-radius:50px;
text-align:center;
display:inline-block;
border:1px dashed #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;
}
.main-footer .footer-bottom .social-box li a:hover{
background-color:#02108b;
border-color:#02108b;
color:#ffffff;
}
.main-footer.style-two .logo-widget .widget-content{
padding:0px;
border:none;
margin-top:0px;
background-image:none;
}
.main-footer.style-two .footer-widget h4{
padding-top:30px;
}
.main-footer.style-two .footer-bottom{
padding:12px 0px;
}
.main-footer.style-two .footer-bottom .copyright{
margin-top:10px;
} .services-section-two{
position:relative;
padding:95px 0px 110px;
}
.services-section-two .inner-container{
position:relative;
margin-top:-250px;
z-index:10;
}
.service-block-two{
position:relative;
}
.service-block-two .inner-box{
position:relative;
text-align:center;
padding:45px 40px 50px;
background-color:#f5f5f5;
}
.service-block-two .inner-box .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
background-size:cover;
transform: scale(0.5,1);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.service-block-two .inner-box:hover .image-layer{
transform: scale(1,1);
opacity:1;
}
.service-block-two .inner-box .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.service-block-two .inner-box:before{
position:absolute;
content:'';
left:35px;
right:35px;
bottom:-10px;
height:10px;
background-color:#bbbbbb;
-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-two .inner-box:hover::before{
background-color:#f7941d;
}
.service-block-two .inner-box .service-number{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
color:#ffffff;
font-size:24px;
line-height:60px;
font-weight:700;
text-align:center;
z-index:1;
-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-two .inner-box .service-number .circle-animation{
position:absolute;
left:0px;
top:0px;
z-index:-1;
width: 100%;
height: 100%;
background: #f7941d;
border-radius: 50%;
animation: ellipse-animation 2.4s cubic-bezier(0, -0.26, 0.32, 1.22) 0s infinite;
transform: rotate(0deg);
}
.service-block-two .inner-box .icon-box{
position:relative;
margin-bottom:25px;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.service-block-two .inner-box .icon-box .icon{
position:relative;
font-size:70px;
line-height:1em;
color:#777777;
-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-two .inner-box:hover .icon-box{
color:#ffffff;
transform:rotateY(360deg);
}
.service-block-two .inner-box:hover .text,
.service-block-two .inner-box:hover .icon-box .icon{
color:#ffffff;
}
.service-block-two .inner-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
}
.service-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;
}
.service-block-two .inner-box:hover h4 a{
color:#f7941d;
}
.service-block-two .inner-box .text{
position:relative;
margin-top:15px;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-bottom: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;
}
.service-block-two .inner-box .read-more{
position:relative;
margin-top:15px;
color:#f8941c;
font-size:16px;
line-height:1.3em;
font-weight:600;
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;
-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-two .inner-box .read-more:hover{
color:#222222;
} .reason-section{
position:relative;
padding:20px 0px 110px;
}
.reason-section.style-two{
padding-top:110px;
}
.reason-section .image-column{
position:relative;
}
.reason-section .image-column .inner-column{
position:relative;
padding-left:70px;
padding-top:55px;
padding-bottom:55px;
padding-right:40px;
}
.reason-section .image-column .inner-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:335px;
height:96%;
background-color:#f7941d;
border-radius:0px 100px 0px 0px;
}
.reason-section .image-column .image{
position:relative;
}
.reason-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.reason-section .image-column .image-text{
position:absolute;
right:40px;
bottom:0px;
padding:30px 45px;
border-radius:25px 0px 0px 0px;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.reason-section .image-column .image-text .text{
position:relative;
font-size:20px;
color:#ffffff;
font-weight:700;
line-height:1.6em;
}
.reason-section .content-column{
position:relative;
}
.reason-section .content-column .sec-title{
margin-bottom:20px;
}
.reason-section .content-column .inner-column{
position:relative;
margin-left:-10px;
padding-top:30px;
}
.reason-section .content-column .inner-column .bold-text{
position:relative;
line-height:1.5em;
color:#02108c;
font-size:24px;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
.reason-section .content-column .text{
position:relative;
margin-top:20px;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-bottom:25px;
} .video-section{
position:relative;
padding:100px 0px 100px;
}
.video-section .image-layer{
position:absolute;
left:0px;
top:0px;
width:60%;
height:100%;
background-size:cover;
}
.video-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.80);
}
.video-section .pattern-layer{
position:absolute;
right:0px;
top:0px;
width:40%;
height:100%;
background-size:cover;
}
.video-section .side-image-layer{
position:absolute;
right:0px;
bottom:140px;
width:276px;
height:205px;
background-repeat:no-repeat;
}
.video-section .fact-counter{
position:absolute;
left:0px;
top:50px;
display:inline-block;
}
.video-section .inner-container{
position:relative;
padding-left:230px;
}
.video-section .inner-container .video-box{
position:relative;
clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
}
.video-section .inner-container .video-box .inner-box{
position:relative;
}
.video-section .inner-container .video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.9;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.video-section .inner-container .video-box img{
position:relative;
width:100%;
display:block;
}
.video-section .inner-container .video-box .overlay-box .content{
position:relative;
padding:150px 60px 115px 180px;
}
.video-section .inner-container .video-box .play-box{
position:relative;
color:#ffffff;
font-size:18px;
line-height: 70px;
z-index:1;
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;
clip-path:none;
font-family: 'Montserrat', sans-serif;
}
.video-section .inner-container .video-box .play-box .play-btn{
position: relative;
width:70px;
height:70px;
z-index:99;
color: #f7941d;
font-weight:400;
font-size:24px;
text-align: center;
border-radius:50px;
padding-left:7px;
margin-right:20px;
display: inline-block;
background-color:#ffffff;
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);
}
.video-section .inner-container .video-box .ripple,
.video-section .inner-container .video-box .ripple:before,
.video-section .inner-container .video-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: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
-moz-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
-ms-box-shadow: 0 0 0 0 rgba(248, 153 , 26, .4);
-o-box-shadow: 0 0 0 0 rgba(248, 153, 26, .4);
box-shadow: 0 0 0 0 rgba(248, 153, 26, .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;
}
.video-section .inner-container .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-section .inner-container .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.video-section .inner-container .video-box .overlay-box .content h2{
position:relative;
font-weight:700;
color:#f7941d;
margin-top:35px;
line-height:1.3em;
font-family: 'Montserrat', sans-serif;
}
.video-section .inner-container .video-box .overlay-box .content .text{
position:relative;
font-weight:400;
color:#ffffff;
margin-top:20px;
font-size:16px;
line-height:1.9em;
} .services-section-three{
position:relative;
padding:105px 0px 90px;
}
.services-section-three .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-repeat: repeat;
background-position: left bottom;
animation: 10s linear 0s infinite normal none running slide;
}
.service-block-three{
position:relative;
margin-bottom:30px;
}
.service-block-three .inner-box{
position:relative;
padding:35px 35px 35px;
border-bottom:2px solid #ebebeb;
}
.service-block-three .inner-box .color-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
background-size:cover;
transform: scale(0.5,1);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.service-block-three .inner-box:hover .color-layer{
transform: scale(1,1);
opacity:1;
}
.service-block-three .inner-box .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.service-block-three .inner-box .icon-box{
position:relative;
margin-bottom:25px;
display:inline-block;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.service-block-three .inner-box .icon-box .icon{
position:relative;
font-size:70px;
line-height:1em;
color:#ffbf09;
line-height:1em;
background: linear-gradient(to top, #ffbf09 0%, #f7941d 100%);
-webkit-background-clip: text;
-webkit-text-fill-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;
}
.service-block-three .inner-box:hover .icon-box{
color:#ffffff;
transform:rotateY(180deg);
}
.service-block-three .inner-box:hover h4 a,
.service-block-three .inner-box:hover .text,
.service-block-three .inner-box:hover .icon-box .icon{
color:#ffffff;
}
.service-block-three .inner-box h4{
position:relative;
line-height:1.3em;
font-weight:700;
}
.service-block-three .inner-box h4 a{
position:relative;
color:#02108c;
-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-three .inner-box .text{
position:relative;
color:#777777;
font-size:16px;
margin-top:16px;
line-height:1.8em;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
} .request-quote-section{
position:relative;
padding:100px 0px 100px;
}
.request-quote-section .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:600px;
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.90;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.request-quote-section .inner-container{
position:relative;
padding:65px 65px;
border-radius:12px;
background-color:#ffffff;
background-position:right top;
background-repeat:no-repeat;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.request-quote-section .form-column{
position:relative;
}
.request-quote-section .form-column .inner-column{
position:relative;
}
.request-quote-section .form-column .title-box{
position:relative;
text-align:center;
margin-bottom:40px;
}
.request-quote-section .form-column .title-box h2{
position:relative;
color:#222222;
font-weight:700;
line-height:1.3em;
}
.request-quote-section .form-column .title-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-top:15px;
} .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:170px;
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:#ffc108;
}
.default-form .theme-btn{
cursor:pointer;
}
.request-quote-section .image-column{
position:relative;
}
.request-quote-section .image-column .inner-column{
position:relative;
}
.request-quote-section .image-column .image{
position:relative;
padding-top:80px;
} .pricing-section{
position:relative;
padding:110px 0px 110px;
background-attachment:fixed;
background-size:cover;
}
.pricing-section.style-two::before{
display:none;
}
.pricing-section.style-two .price-block .inner-box{
border:1px solid #dddddd;
}
.pricing-section.style-two .pricing-tabs .tab-buttons .tab-btn{
color:#222222;
}
.pricing-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.9;
background-image: -ms-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -moz-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -o-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0F48), color-stop(100, #02108C));
background-image: -webkit-linear-gradient(bottom, #0B0F48 0%, #02108C 100%);
background-image: linear-gradient(to top, #0B0F48 0%, #02108C 100%);
}
.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;
border-radius:8px;
border:1px solid #ffbf09;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.pricing-tabs .tab-buttons .tab-btn{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:600;
float:left;
cursor:pointer;
padding:16px 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;
font-family: 'Montserrat', sans-serif;
}
.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:#ffbf09;
}
.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;
padding:60px 30px;
border-radius:12px;
text-align:center;
background-color:#ffffff;
background-position:right bottom;
background-repeat:no-repeat;
}
.price-block .inner-box .title{
position:relative;
color:#02108b;
font-size:12px;
font-weight:700;
letter-spacing:5px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.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:hover .image{
transform:rotateY(180deg);
}
.price-block .inner-box .price{
position:relative;
color:#02108b;
font-size:60px;
font-weight:700;
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;
}
.price-block .inner-box .price-list{
position:relative;
margin-top:20px;
margin-bottom:35px;
display:inline-block;
}
.price-block .inner-box .price-list li{
position:relative;
padding-left:30px;
color:#777777;
font-size:16px;
margin-bottom:12px;
display:block;
text-align:left;
}
.price-block .inner-box .price-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:#f7941d;
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;
}
.price-block .inner-box:hover .price{
color:#f7941d;
}
.price-block .inner-box:hover .price-list li:before{
color:#222222;
} .news-section-two{
position:relative;
padding:110px 0px 80px;
}
.news-block-three{
position:relative;
margin-bottom:30px;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
border-radius:10px;
}
.news-block-three .inner-box .image a{
position:relative;
display:block;
}
.news-block-three .inner-box .image a:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:50%;
z-index:1;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-three .inner-box .image a:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0%;
height:50%;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-three .inner-box:hover .image a:before,
.news-block-three .inner-box:hover .image a:after{
width:100%;
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-three .inner-box .image .post-date{
position:absolute;
left:15px;
top:15px;
width:50px;
height:60px;
color:#ffffff;
font-size:24px;
font-weight:700;
text-align:center;
border-radius:5px;
padding-top:5px;
z-index:2;
text-transform:uppercase;
background-image: -ms-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -moz-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -o-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7951D), color-stop(100, #ffc009));
background-image: -webkit-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: linear-gradient(to right, #F7951D 0%, #ffc009 100%);
}
.news-block-three .inner-box .image .post-date span{
position:absolute;
left:0px;
right:0px;
bottom:0px;
display:block;
font-size:14px;
padding:2px 0px;
border-radius:0px 0px 5px 5px;
background-image: -ms-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -moz-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -o-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #0C0F47), color-stop(100, #02108B));
background-image: -webkit-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: linear-gradient(to left, #0C0F47 0%, #02108B 100%);
}
.news-block-three .inner-box .lower-content{
position:relative;
padding-top:25px;
}
.news-block-three .inner-box .lower-content h4{
position:relative;
font-weight:700;
line-height:1.4em;
}
.news-block-three .inner-box .lower-content 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 .lower-content h4 a:hover{
color:#02108b;
}
.news-block-three .inner-box .lower-content .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-top:15px;
margin-bottom:22px;
}
.news-block-three .inner-box .lower-content .post-meta{
position:relative;
padding:16px 15px;
text-align:center;
border-radius:5px;
border:1px dashed #cccccc;
}
.news-block-three .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;
border-right:1px solid #777777;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child{
border-right:none;
padding-right:0px;
margin-right:0px;
} .clients-section{
position:relative;
padding:80px 0px 80px;
background-color:#f5f5f5;
}
.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%);
}
.clients-section.style-two{
background:none;
padding-top:20px;
padding-bottom:180px;
} .services-section-four{
position:relative;
padding:120px 0px 90px;
}
.services-section-four .owl-dots{
position:relative;
display:none;
}
.services-section-four .owl-nav{
position:absolute;
right:0px;
top:-90px;
}
.services-section-four .owl-nav .owl-prev,
.services-section-four .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color:#f7951c;
font-size:22px;
border-radius:3px;
line-height:44px;
text-align:center;
margin-left:15px;
display:inline-block;
border:2px solid #f7951c;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-section-four .owl-nav .owl-prev:hover,
.services-section-four .owl-nav .owl-next:hover{
background-color:#f7951c;
border-color:#f7951c;
color:#ffffff;
}
.service-block-four{
position:relative;
margin-bottom:30px;
}
.service-block-four .inner-box{
position:relative;
}
.service-block-four .inner-box .image{
position:relative;
border-radius:5px;
overflow:hidden;
background-color:#f7951d;
}
.service-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.service-block-four .inner-box:hover .image img{
opacity:0.5;
transform:scale(1.05,1.05);
}
.service-block-four .inner-box .lower-content{
position:relative;
padding-top:35px;
padding-bottom:30px;
border-bottom:2px solid #ededed;
}
.service-block-four .inner-box .lower-content:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
height:2px;
right:0px;
width:100%;
opacity:0;
transform:scale(0.2,1);
background-color:#ffc009;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.service-block-four .inner-box:hover .lower-content:before{
transform:scale(1,1);
opacity:1;
}
.service-block-four .inner-box .lower-content .icon-box{
position:absolute;
right:40px;
top:-40px;
width:80px;
height:80px;
color:#000000;
font-size:38px;
line-height:80px;
text-align:center;
border-radius:50px;
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;
background-image: -ms-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -moz-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -o-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7951D), color-stop(100, #FFC009));
background-image: -webkit-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: linear-gradient(to top, #F7951D 0%, #FFC009 100%);
}
.service-block-four .inner-box:hover .lower-content .icon-box{
color:#ffffff;
background-image: -ms-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -moz-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -o-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000101), color-stop(100, #444344));
background-image: -webkit-linear-gradient(top, #000101 0%, #444344 100%);
background-image: linear-gradient(to bottom, #000101 0%, #444344 100%);
}
.service-block-four .inner-box .lower-content h5{
position:relative;
line-height:1.3em;
font-weight:700;
}
.service-block-four .inner-box .lower-content h5 a{
position:relative;
color:#222222;
font-size:22px;
-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 .inner-box .lower-content h5 a:hover{
color:#f7951d;
}
.service-block-four .inner-box .lower-content .text{
position:relative;
margin-top:12px;
color:#777777;
font-size:16px;
line-height:1.8em;
} .about-section-two{
position:relative;
padding:20px 0px 90px;
}
.about-section-two.style-two{
margin-top:100px;
}
.about-section-two .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:414px;
background-repeat:repeat-x;
background-position:left top;
animation: 10s linear 0s infinite normal none running slide;
}
.about-section-two .image-layer{
position:absolute;
left:0px;
top:410px;
width:100%;
height:550px;
background-size:cover;
}
.about-section-two .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.90);
}
.about-section-two .content-column{
position:relative;
}
.about-section-two .content-column .inner-column{
position:relative;
padding:38px 38px;
border-radius:10px;
background-image: -ms-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -moz-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -o-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7941D), color-stop(100, #febe09));
background-image: -webkit-linear-gradient(bottom, #F7941D 0%, #febe09 100%);
background-image: linear-gradient(to top, #F7941D 0%, #febe09 100%);
}
.about-section-two .content-column h3{
position:relative;
color:#ffffff;
line-height:1.4em;
font-weight:700;
}
.about-section-two .content-column h3 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;
}
.about-section-two .content-column h3 a:hover{
color:#222222;
}
.about-section-two .content-column .text{
position:relative;
color:#222222;
font-size:16px;
line-height:1.8em;
margin-top:20px;
margin-bottom:25px;
}
.about-section-two .content-column .read-more{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
padding:14px 32px;
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%);
}
.about-section-two .image-column{
position:relative;
}
.about-section-two .image-column .inner-column{
position:relative;
overflow:hidden;
border-radius:10px;
} .counter-section{
position:relative;
padding:20px 0px 20px;
} .default-section{
position:relative;
padding:120px 0px 60px;
}
.default-section.style-two{
padding-top:40px;
}
.default-section .testimonial-column{
position:relative;
margin-bottom:40px;
}
.default-section .testimonial-column .owl-carousel .owl-stage-outer{
padding-bottom:20px;
}
.default-section .testimonial-column .inner-column{
position:relative;
padding-right:60px;
}
.default-section .testimonial-column .carousel-outer{
position:relative;
padding-bottom:30px;
}
.default-section .testimonial-column .carousel-outer:before{
position:absolute;
content:'';
left:0px;
top:45px;
right:0px;
bottom:45px;
border-radius:15px;
border:2px solid #cccccc;
}
.default-section .testimonial-column .owl-dots{
display:none;
}
.default-section .testimonial-column .owl-nav{
position:absolute;
left:0px;
bottom:0px;
right:0px;
}
.default-section .testimonial-column .owl-nav .owl-prev{
position:absolute;
left:45px;
bottom:-10px;
width:50px;
height:50px;
color:#777777;
font-size:22px;
text-align:center;
line-height:46px;
border-radius:5px;
background-color:#ffffff;
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;
}
.default-section .testimonial-column .owl-nav .owl-next{
position:absolute;
right:45px;
width:50px;
height:50px;
color:#777777;
bottom:-10px;
font-size:22px;
text-align:center;
line-height:46px;
border-radius:5px;
background-color:#ffffff;
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;
}
.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#f8961c;
background-color:#f8961c;
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
text-align:center;
}
.testimonial-block-two .inner-box .author-image{
position:relative;
width:100px;
height:100px;
margin:0 auto;
overflow:hidden;
border-radius:50px;
border:4px solid #f7941d;
}
.testimonial-block-two .inner-box .rating{
position:relative;
color:#ffc108;
font-size:18px;
margin-top:25px;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-top:15px;
}
.testimonial-block-two .inner-box h6{
position:relative;
color:#222222;
font-weight:700;
margin-top:14px;
}
.testimonial-block-two .inner-box .quote-icon{
position:relative;
top:20px;
color:#dddddd;
font-size:32px;
line-height:1em;
margin-top:20px;
padding:0px 15px;
display:inline-block;
background-color:#ffffff;
}
.testimonial-block-two.style-two{
margin-bottom:40px;
}
.testimonial-block-two.style-two .inner-box{
padding:45px 30px;
box-shadow:0px 0px 15px rgba(0,0,0,0.12);
}
.testimonial-block-two.style-two .inner-box .quote-icon{
top:0px;
}
.default-section .accordian-column{
position:relative;
margin-bottom:40px;
}
.default-section .accordian-column .inner-column{
position:relative;
}
.accordion-box{
position: relative;
}
.accordion-box .block{
position: relative;
margin-bottom:10px;
border-radius:8px;
border:1px solid #e1e1e1;
}
.accordion-box .block.active-block{
border:1px solid transparent;
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;
font-family: 'Montserrat', sans-serif;
}
.accordion-box .block .acc-btn.active{
color: #021089;
margin-bottom:0px;
}
.accordion-box .block .icon{
position:absolute;
right: 10px;
top:12px;
height: 35px;
width: 35px;
font-size: 20px;
line-height: 35px;
color: #f7961c !important;
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: #222222 !important;
transform:rotate(90deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .content{
position:relative;
padding: 0px 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: #777777;
} .request-quote-section-two{
position:relative;
padding:120px 0px 100px;
}
.request-quote-section-two .auto-container{
position:relative;
}
.request-quote-section-two .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:700px;
background-attachment:fixed;
background-size:cover;
}
.request-quote-section-two .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background-image: -ms-linear-gradient(left, #0C0F46 0%, #021089 100%);
background-image: -moz-linear-gradient(left, #0C0F46 0%, #021089 100%);
background-image: -o-linear-gradient(left, #0C0F46 0%, #021089 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0C0F46), color-stop(100, #021089));
background-image: -webkit-linear-gradient(left, #0C0F46 0%, #021089 100%);
background-image: linear-gradient(to right, #0C0F46 0%, #021089 100%);
}
.request-quote-section-two .content-box{
position:relative;
display:inline-block;
}
.request-quote-section-two .content-box .play-box{
position:relative;
color:#ffffff;
font-size:18px;
line-height: 70px;
z-index:1;
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;
clip-path:none;
font-family: 'Montserrat', sans-serif;
}
.request-quote-section-two .content-box .play-box .play-btn{
position: relative;
width:70px;
height:70px;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:24px;
text-align: center;
border-radius:50px;
padding-left:7px;
margin-right:20px;
display: inline-block;
background-color:#faa515;
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-two .content-box .play-box .ripple,
.request-quote-section-two .content-box .play-box .ripple:before,
.request-quote-section-two .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: 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, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .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-two .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-two .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-two .content-box h2{
position:relative;
font-weight:700;
color:#ffffff;
margin-top:35px;
line-height:1.3em;
font-family: 'Montserrat', sans-serif;
}
.request-quote-section-two .content-box .text{
position:relative;
font-weight:400;
color:#ffffff;
margin-top:20px;
font-size:16px;
line-height:1.9em;
}
.request-quote-section-two .side-image{
position:absolute;
right:0px;
top:-40px;
z-index:1;
}
.request-quote-section-two .inner-container{
position:relative;
padding:70px 80px;
margin-top:85px;
border-radius:10px;
background-color:#ffffff;
background-position:right top;
background-repeat:no-repeat;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.request-quote-section-two .inner-container .title-box{
position:relative;
margin-bottom:30px;
}
.request-quote-section-two .inner-container .title-box h2{
position:relative;
color: #222222;
font-weight: 700;
line-height: 1.3em;
}
.request-quote-section-two .inner-container .title-box .text{
position: relative;
color: #777777;
font-size: 16px;
line-height: 1.9em;
margin-top: 15px;
}
.request-quote-section-two .inner-container .default-form textarea{
height:130px;
} .steps-section{
position:relative;
padding:0px 0px 70px;
}
.step-block{
position:relative;
margin-bottom:30px;
}
.step-block .inner-box{
position:relative;
text-align:center;
}
.step-block .inner-box:before{
position:absolute;
content:'';
right:-35px;
top:80px;
width:48px;
height:37px;
background:url(//trefal.dz/wp-content/themes/manzil/assets/images/icons/steps-arrow.png) no-repeat;
}
.step-block:last-child .inner-box:last-child::before{
display:none;
}
.step-block .inner-box .icon-box{
position:relative;
width:170px;
height:170px;
color:#ffffff;
font-size:68px;
line-height:170px;
text-align:center;
display:block;
margin:0 auto;
border-radius:50%;
background-color:#031085;
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:inset 0px 0px 30px 20px rgba(0,0,0,0.40);
}
.step-block .inner-box .icon-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
z-index:-1;
width:170px;
height:170px;
border-radius:50%;
background-color:#f8961c;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.step-block .inner-box:hover .icon-box:before{
margin-left:10px;
margin-top:10px;
}
.step-block .inner-box .icon-box .number{
position:absolute;
left:50%;
bottom:-20px;
width:40px;
height:40px;
color:#222222;
font-size:18px;
line-height:36px;
text-align:center;
border-radius:50px;
margin-left:-20px;
background-color:#ebebeb;
border:1px solid #cfcfcf;
}
.step-block:nth-child(2n + 0) .inner-box .icon-box .number{
bottom:auto;
top:-20px;
}
.step-block .inner-box h5{
position:relative;
color:#222222;
font-weight:700;
line-height:1.4em;
margin-top:45px;
} .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.80);
}
.page-title .auto-container{
position:relative;
}
.page-title h1{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.2em;
margin-bottom: 0px;
text-transform:uppercase;
}
.page-breadcrumb{
position:relative;
margin-top:20px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffc008;
font-size:18px;
font-weight:300;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: ":";
right:-2px;
top:-1px;
color:#ffffff;
font-size:14px;
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:#ffffff;
font-weight:300;
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:#ffc008;
} .faq-page-section{
position:relative;
padding:120px 0px 110px;
} .team-page-section{
position:relative;
padding:120px 0px 60px;
}
.team-page-section .team-block{
margin-bottom:60px;
} .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:15px;
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;
border-radius:4px;
margin-left:15px;
background-color:#fbab13;
}
.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:#fbab13;
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:#222222;
font-size:15px;
font-weight:500;
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:110px 0px 110px;
} .coming-soon{
position:fixed;
width:100%;
height:100%;
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: .30;
}
.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,.40);
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: #f7941d;
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: #f7941d;
}
.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: #f7941d;
}
.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: #f7941d;
}
.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: #f7941d;
}
.clock-hour{
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #f7941d;
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: #f7941d;
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:800;
}
.privacy-section p{
position:relative;
color:#4a4a4a;
font-size:16px;
line-height:1.7em;
margin-bottom:15px;
font-weight:400;
}
.privacy-section .date{
position:relative;
color:#fda50f;
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:#fda50f;
} .sidebar-page-container{
position:relative;
padding:110px 0px 80px;
}
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sticky-top{
top:30px;
z-index:1;
}
.sidebar-widget{
margin-bottom:45px;
}
.blog-cat{
position:relative;
border-radius:8px;
overflow:hidden;
border:1px solid #d7d7d7;
}
.blog-cat li{
position:relative;
}
.blog-cat li a{
position:relative;
color:#222222;
font-size:16px;
padding:18px 30px;
display:block;
z-index:1;
font-weight:500;
background-color:#f5f5f5;
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-bottom:1px solid #d7d7d7;
font-family: 'Montserrat', sans-serif;
}
.blog-cat li a:after{
position:absolute;
content:'\f105';
right:20px;
top:18px;
color:#f7951c;
font-size:20px;
font-family: 'FontAwesome';
}
.blog-cat li a:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:0%;
height:100%;
z-index:-1;
opacity:0;
border-left:4px solid #f7951d;
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, #02108B 0%, #0c0f46 100%);
background-image: -moz-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: -o-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02108B), color-stop(100, #0c0f46));
background-image: -webkit-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: linear-gradient(to right, #02108B 0%, #0c0f46 100%);
}
.blog-cat li a:hover::before{
width:100%;
opacity:1;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
}
.blog-cat li:last-child a{
border-bottom:0px;
}
.blog-cat li.active a:before{
width:100%;
opacity:1;
} .brochures-widget .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
padding-right:20px;
}
.sidebar-title{
position:relative;
margin-bottom:28px;
}
.sidebar-title h3{
position: relative;
color: #222222;
font-size: 20px;
font-weight: 600;
line-height: 1.3em;
padding-bottom:15px;
text-transform: capitalize;
}
.sidebar-title h3:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:3px;
width:40px;
background-color:#071069;
}
.broucher-box{
position:relative;
padding:18px 25px;
border-radius:7px;
overflow:hidden;
margin-bottom:10px;
background-color:#f3f3f3;
}
.broucher-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
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;
background-image: -ms-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -moz-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -o-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FEC008), color-stop(100, #f7941c));
background-image: -webkit-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: linear-gradient(to right, #FEC008 0%, #f7941c 100%);
}
.broucher-box:hover:before{
height:100%;
}
.broucher-box .overlay-link{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:block;
z-index:1;
}
.broucher-box .broucher-inner{
position:relative;
padding-left:45px;
font-size:16px;
color:#666666;
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;
}
.broucher-box .broucher-inner .file-icon{
position:absolute;
left:0px;
top:1px;
color:#02108c;
font-size:22px;
line-height:1em;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.broucher-box .broucher-inner .download-icon{
position:absolute;
right:0px;
top:0px;
color:#222222;
font-size:24px;
line-height:1em;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.broucher-box:hover .broucher-inner{
color:#ffffff;
}
.broucher-box:hover .broucher-inner .download-icon,
.broucher-box:hover .broucher-inner .file-icon{
color:#ffffff;
}
.sidebar .contact-widget ul{
position:relative;
}
.sidebar .contact-widget ul li{
position:relative;
color:#777777;
font-size:18px;
padding-left:70px;
margin-bottom:28px;
line-height:1.6em;
}
.sidebar .contact-widget ul li:last-child{
margin-bottom:0px;
}
.sidebar .contact-widget ul li strong{
position:relative;
display:block;
color:#222222;
}
.sidebar .contact-widget ul li .icon{
position:absolute;
left:0px;
top:6px;
font-size:44px;
line-height:1em;
color:#fbac12;
}
.sidebar .contact-widget ul li a{
position:relative;
color:#777777;
-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 .contact-widget ul li a:hover{
color:#fdb110;
}
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
}
.service-detail .inner-box .image{
position:relative;
border-radius:5px;
overflow:hidden;
background-color:#f7951d;
}
.service-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.service-detail .inner-box:hover .image img{
opacity:0.5;
transform:scale(1.05,1.05);
}
.service-detail .inner-box .lower-content{
position:relative;
padding-top:35px;
}
.service-detail .inner-box .lower-content .icon-box{
position:absolute;
right:40px;
top:-40px;
width:80px;
height:80px;
color:#000000;
font-size:38px;
line-height:80px;
text-align:center;
border-radius:50px;
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;
background-image: -ms-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -moz-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -o-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F7951D), color-stop(100, #FFC009));
background-image: -webkit-linear-gradient(bottom, #F7951D 0%, #FFC009 100%);
background-image: linear-gradient(to top, #F7951D 0%, #FFC009 100%);
}
.service-detail .inner-box:hover .lower-content .icon-box{
color:#ffffff;
background-image: -ms-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -moz-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -o-linear-gradient(top, #000101 0%, #444344 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000101), color-stop(100, #444344));
background-image: -webkit-linear-gradient(top, #000101 0%, #444344 100%);
background-image: linear-gradient(to bottom, #000101 0%, #444344 100%);
}
.service-detail .inner-box .lower-content h3{
position:relative;
line-height:1.3em;
font-weight:700;
color:#222222;
}
.service-detail .inner-box .lower-content .text{
position:relative;
margin-top:12px;
color:#777777;
font-size:16px;
line-height:1.9em;
}
.service-detail .inner-box .lower-content .image-gallery{
position:relative;
margin-top:20px;
margin-bottom:40px;
}
.service-detail .inner-box .lower-content .image-gallery img{
position:relative;
width:100%;
display:block;
border-radius:6px;
} .service-detail .service-tabs{
position:relative;	
padding-bottom:40px;
border-bottom:1px solid #ebebeb;
}
.service-detail .service-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:20px;
}
.service-detail .service-tabs .tab-btns .tab-btn{
position:relative;
display:block;
width:32.9%;
margin-right:0px;
font-size:16px;
background:none;
color:#ffffff;
font-weight:500;
line-height:24px;
cursor:pointer;
margin-bottom:12px;
display:inline-block;
padding:14px 40px 14px;
transition:all 500ms ease;
text-transform:capitalize;
background-image: -ms-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: -moz-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: -o-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02108B), color-stop(100, #0c0f46));
background-image: -webkit-linear-gradient(left, #02108B 0%, #0c0f46 100%);
background-image: linear-gradient(to right, #02108B 0%, #0c0f46 100%);
}
.service-detail .service-tabs .tab-btns .tab-btn:hover,
.service-detail .service-tabs .tab-btns .tab-btn.active-btn{
background-image: -ms-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -moz-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -o-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FEC008), color-stop(100, #f7941c));
background-image: -webkit-linear-gradient(left, #FEC008 0%, #f7941c 100%);
background-image: linear-gradient(to right, #FEC008 0%, #f7941c 100%);
}
.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 .tab p{
font-size:16px;
line-height:1.9em;
color:#777777;
margin-bottom:20px;
}
.service-detail .service-tabs .tabs-content .tab p:last-child{
margin-bottom:0px;
} .gallery-detail-section{
position:relative;
padding:110px 0px 60px;
}
.gallery-detail-section.style-two{
padding-bottom:0px;
padding-top:0px;
}
.gallery-detail-section.style-two .inner-box .carousel-boxed .owl-nav .owl-prev{
left:20px;
color:#ffffff;
border-color:#ffffff;
}
.gallery-detail-section.style-two .inner-box .carousel-boxed .owl-nav .owl-next{
right:20px;
color:#ffffff;
border-color:#ffffff;
}
.gallery-detail-section .inner-container{
position:relative;
max-width:970px;
margin:0 auto;
padding-bottom:40px;
border-bottom:2px solid #dddddd;
}
.gallery-detail-section .inner-box{
position:relative;
}
.gallery-detail-section .inner-box .carousel-boxed{
position:relative;
}
.gallery-detail-section .inner-box .carousel-boxed .image{
position:relative;
border-radius:7px;
overflow:hidden;
}
.gallery-detail-section .inner-box .carousel-boxed .owl-dots{
display:none;
}
.gallery-detail-section .inner-box .carousel-boxed .owl-nav{
position:absolute;
left:0px;
top:50%;
right:0px;
margin-top:-20px;
}
.gallery-detail-section .inner-box .carousel-boxed .owl-nav .owl-prev{
position:absolute;
left:-80px;
top:0px;
width:50px;
height:50px;
color:#000000;
color:#f7941d;
font-size:22px;
text-align:center;
line-height:48px;
border-radius:5px;
display:inline-block;
border:1px solid #f7941d;
-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-detail-section .inner-box .carousel-boxed .owl-nav .owl-next{
position:absolute;
right:-80px;
top:0px;
width:50px;
height:50px;
color:#000000;
color:#f7941d;
font-size:22px;
text-align:center;
line-height:48px;
border-radius:5px;
display:inline-block;
border:1px solid #f7941d;
-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-detail-section .inner-box .carousel-boxed .owl-nav .owl-prev:hover,
.gallery-detail-section .inner-box .carousel-boxed .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#f7941d;
background-color:#f7941d;
}
.gallery-detail-section .lower-content{
position:relative;
padding-top:30px;
}
.gallery-detail-section .lower-content .title{
position:relative;
color:#f7941d;
font-size:16px;
font-weight:600;
}
.gallery-detail-section .lower-content h2{
position:relative;
font-weight:700;
color:#222222;
line-height:1.3em;
margin-bottom:20px;
}
.gallery-detail-section .lower-content p{
position:relative;
font-weight:400;
color:#777777;
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
.project-info-boxed{
position:relative;
padding:30px 30px;
border-radius:8px;
border:1px solid #dddddd;
}
.project-info-boxed ul{
position:relative;
}
.project-info-boxed ul li{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:20px;
}
.project-info-boxed ul li:last-child{
margin-bottom:0px;
}
.project-info-boxed ul li span{
position:relative;
display:block;
color:#02108c;
font-size:18px;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
.project-info-boxed ul li a{
position:relative;
color:#222222;
margin-top:5px;
margin-right: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;
}
.project-info-boxed ul li a:hover{
color:#f7941d;
}
.gallery-detail-section .lower-content h3{
position:relative;
font-weight:700;
color:#02108c;
line-height:1.3em;
margin-bottom:20px;
}
.project-related-section{
position:relative;
padding:60px 0px 110px;
}
.project-related-section.style-two{
padding-top:0px;
}
.project-related-section .owl-nav{
display:none;
}
.project-related-section .owl-dots{
position:relative;
text-align:center;
}
.project-related-section .owl-dots .owl-dot{
position:relative;
width:15px;
height:6px;
margin:0px 3px;
display:inline-block;
background-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;
}
.project-related-section .owl-dots .owl-dot.active,
.project-related-section .owl-dots .owl-dot:hover{
background-color:#f7941d;
width:30px;
} .sidebar .search-box .form-group,
.footer-widget .search-box .form-group{
position:relative;
margin:0px;	
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"],
.footer-widget .search-box .form-group input{
position:relative;
line-height:28px;
padding:10px 50px 10px 20px;
border:1px solid #cccccc;
background:none;
display:block;
font-size:15px;
width:100%;
height:60px;
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;
}
.footer-widget .search-box .form-group input{
color:#ffffff;
}
.footer-widget .search-box .form-group input::-webkit-input-placeholder{
color:#ffffff;
}
.sidebar .search-box .form-group button,
.footer-widget .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:16px;
color:#ffffff;
line-height:100%;
font-weight:normal;
background:#fbb908;
border-radius:0px 5px 5px 0px;
} .cat-list{
position:relative;
}
.cat-list li{
position:relative;
margin-bottom:15px;
}
.cat-list li a{
position:relative;
color:#666666;
font-size:16px;
font-weight:400;
padding-left:50px;
padding-bottom:15px;
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;
border-bottom:1px dashed #dddddd;
}
.cat-list li a:before{
position:absolute;
content:'\f1c1';
left:20px;
top:5px;
color:#666666;
font-size:14px;
line-height:1em;
font-family: 'FontAwesome';
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.cat-list li a:hover,
.cat-list li a:hover::before{
color:#fbb908;
}
.cat-list li a:hover{
padding-left:70px;
}
.cat-list li a:hover:before{
left:40px;
}
.cat-list li:last-child a{
border-bottom:none;
} .sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:108px;
min-height: 100px;
margin-bottom: 20px;
border-bottom:1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
border-bottom:none;
min-height:auto;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:85px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #fbb908;
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(51,51,51,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:-4px;
font-size:18px;
margin:0px 0px 0px;
font-weight:600;
color:#222222;
line-height:1.6em;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.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:#f7941d;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:14px;
color:#777777;
font-weight:400;
}
.solution-box{
position:relative;
background-size:cover;
}
.solution-box .inner{
position:relative;
overflow:hidden;
padding:32px 25px 35px 35px;
}
.solution-box .inner:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(2,16,140,0.85);
}
.solution-box .inner .title{
position:relative;
color:#ffb902;
font-size:14px;
line-height:1.4em;
margin-bottom:8px;
}
.solution-box .inner h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
margin-bottom:15px;
text-transform:uppercase;
}
.solution-box .inner .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-bottom:30px;
}
.solution-box .inner .solution-btn{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:500;
padding:8px 24px;
display:inline-block;
border:1px solid #ffffff;
}
.solution-box .inner .solution-btn:hover{
background-color:#ffb902;
border-color:#ffb902;
} .gallery-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;
background:#ffffff;
border:1px solid #cccccc;
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;
} .news-block-four{
position:relative;
margin-bottom:50px;
}
.news-block-four .inner-box{
position:relative;
}
.news-block-four .inner-box .image{
position:relative;
overflow:hidden;
border-radius:10px;
}
.news-block-four .inner-box .image a{
position:relative;
display:inline-block;
vertical-align:bottom;
}
.news-block-four .inner-box .image a:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:50%;
z-index:1;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-four .inner-box .image a:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0%;
height:50%;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-four .inner-box:hover .image a:before,
.news-block-four .inner-box:hover .image a:after{
width:100%;
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-block-four .inner-box .image .post-date{
position:absolute;
left:15px;
top:15px;
width:50px;
height:60px;
color:#ffffff;
font-size:22px;
font-weight:700;
text-align:center;
border-radius:5px;
padding-top:1px;
z-index:2;
text-transform:uppercase;
background-image: -ms-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -moz-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -o-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7951D), color-stop(100, #ffc009));
background-image: -webkit-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: linear-gradient(to right, #F7951D 0%, #ffc009 100%);
}
.news-block-four .inner-box .image .post-date span{
position:absolute;
left:0px;
right:0px;
bottom:0px;
display:block;
font-size:14px;
padding:2px 0px;
border-radius:0px 0px 5px 5px;
background-image: -ms-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -moz-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -o-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #0C0F47), color-stop(100, #02108B));
background-image: -webkit-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: linear-gradient(to left, #0C0F47 0%, #02108B 100%);
}
.news-block-four .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.news-block-four .inner-box .lower-content h4{
position:relative;
font-weight:700;
line-height:1.4em;
}
.news-block-four .inner-box .lower-content 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-four .inner-box .lower-content h4 a:hover{
color:#02108b;
}
.news-block-four .inner-box .lower-content .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-top:15px;
margin-bottom:28px;
}
.news-block-four .inner-box .lower-content .lower-box{
position:relative;
border-radius:5px;
border:1px solid #cccccc;
}
.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:15.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:13px;
margin-right:13px;
border-right:1px solid #777777;
}
.news-block-four .inner-box .lower-content .post-meta li:last-child{
border-right:none;
}
.news-block-four .inner-box .lower-content .post-meta li .icon{
position:relative;
color:#777777;
font-size:15px;
margin-right:6px;
font-weight:400;
}
.news-block-four .inner-box .lower-content .social-box{
position:relative;
float:left;
padding:15px 0px;
}
.news-block-four .inner-box .lower-content .social-box li{
position:relative;
margin-left: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: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;
}
.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:#f7941d;
}
.blog-page-container{
position:relative;
padding:110px 0px 110px;
}
.blog-page-container .styled-pagination{
margin-top:40px;
}
.news-detail{
position:relative;
}
.news-detail .inner-box{
position:relative;
}
.news-detail .inner-box .image{
position:relative;
}
.news-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.news-detail .inner-box .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:50%;
z-index:1;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-detail .inner-box .image:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0%;
height:50%;
opacity:0.5;
background-color:#02108b;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-detail .inner-box:hover .image:before,
.news-detail .inner-box:hover .image:after{
width:100%;
}
.news-detail .inner-box .image .post-date{
position:absolute;
left:15px;
top:15px;
width:50px;
height:60px;
color:#ffffff;
font-size:22px;
font-weight:700;
text-align:center;
border-radius:5px;
padding-top:1px;
z-index:2;
text-transform:uppercase;
background-image: -ms-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -moz-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -o-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F7951D), color-stop(100, #ffc009));
background-image: -webkit-linear-gradient(left, #F7951D 0%, #ffc009 100%);
background-image: linear-gradient(to right, #F7951D 0%, #ffc009 100%);
}
.news-detail .inner-box .image .post-date span{
position:absolute;
left:0px;
right:0px;
bottom:0px;
display:block;
font-size:14px;
padding:2px 0px;
border-radius:0px 0px 5px 5px;
background-image: -ms-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -moz-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -o-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #0C0F47), color-stop(100, #02108B));
background-image: -webkit-linear-gradient(right, #0C0F47 0%, #02108B 100%);
background-image: linear-gradient(to left, #0C0F47 0%, #02108B 100%);
}
.news-detail .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.news-detail .inner-box .lower-content h3{
position:relative;
font-weight:700;
color:#222222;
line-height:1.4em;
}
.news-detail .inner-box .lower-content p{
position:relative;
line-height:1.8em;
}
.news-detail .inner-box .lower-content .post-meta{
position:relative;
margin-top:15px;
}
.news-detail .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
font-weight:400;
line-height:1.2em;
display:inline-block;
padding-right:13px;
margin-right:13px;
border-right:1px solid #777777;
}
.news-detail .inner-box .lower-content .post-meta li:last-child{
border-right:0px;
margin-right:0px;
border-right:0px;
}
.news-detail .inner-box .lower-content .post-meta li .icon{
position:relative;
color:#777777;
font-size:15px;
margin-right:6px;
font-weight:400;
} .news-detail .post-share-options{
position:relative;
margin-top: 40px;
border-top:2px solid #e1e1e1;
}
.p-a22{
padding:22px 0px;
}
.news-detail .post-share-options .tags span{
font-size:15px;
color:#f7941d;
font-weight:400;
margin-right:10px;
text-transform: capitalize;
}
.news-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;
}
.news-detail .post-share-options .tags a:last-child{
border-right:none;
margin-right: 0px;
padding-right: 0px;
}
.news-detail .post-share-options .tags{
position:relative;
color:#ff4800;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.news-detail .post-share-options .tags a:hover{
color:#f7941d;
}
.news-detail .post-share-options .social-box{
position:relative;
}
.news-detail .post-share-options .social-box li.share{
position:relative;
color:#777777;
font-weight:700;
}
.news-detail .post-share-options .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.news-detail .post-share-options .social-box li a{
position:relative;
font-size:16px;
color:#777777;
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;
}
.news-detail .post-share-options .social-box li a:hover{
color:#f7941d;
}
.news-detail .more-posts{
position:relative;
padding:18px 25px;
border-radius:4px;
border:1px solid #cccccc;
}
.news-detail .more-posts .prev{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
}
.news-detail .more-posts .next{
position:relative;
color:#222222;
font-size:16px;
font-weight:700;
}
.news-detail .more-posts .prev a,
.news-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;
}
.news-detail .more-posts .prev a:hover,
.news-detail .more-posts .next a:hover{
color:#f7941d;
} .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{
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;
border-radius:50%;
margin-bottom:20px;
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;
}
.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:#f7961d;
font-family: 'FontAwesome';
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-size:16px;
color:#f7961d;
font-weight:600;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#3d415b;
} .comment-form .group-title h4{
position:relative;
margin-bottom:20px;
color:#03382e;
font-weight:700;
}
.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:4px;
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:#f7961d;
}
.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:145px;
background:#ffffff;
resize:none;
border-radius:4px;
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;
}
.comment-form .theme-btn{
position:relative;
padding:10px 40px;
} .error-section{
position:relative;
padding:100px 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;
} .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: 22px 0 24px;
-webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
box-shadow: 0 2px 27px rgba(54,54,54,.13);
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
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: #f99e19;
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: 20px;
line-height: 22px;
font-weight: 600;
padding: 0 0 3px;
}
.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 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
position: relative;
display: block;
padding: 23px 0 23px;
width: 153px;
margin: 0 auto;
transform: scale(0);
transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
transform: scale(1);
transition: all 700ms ease 600ms;    
}
.single-product-item .title-holder .overlay-content ul li{
position: relative;
display: inline-block;
float: left;
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;
padding-left:40px;
}
.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{
color:#161e39;
font-size:16px;
margin-bottom:15px;
display:inline-block;
}
.shop-single-section .info-column .details-header .rating span{
color:#fbab13;
}
.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:#fbab13;
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:18px;
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 .btns-box .theme-btn{
padding:16px 62px 16px;
}
.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:#fbab13;
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;
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;
background:#ffffff;	
}
.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:#fbab13;
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:#fbab13;
}
.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:#fbab13;
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:#ffffff;
}
.cart-section .btn-style-three{
padding:10px 35px;
margin-right:15px;
border-radius:0px;
font-weight:600;
}
.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:#fda50f;
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(//trefal.dz/wp-content/themes/manzil/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:#f99e18;	
} .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:#f99e18;
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;
border-bottom:1px solid #dee4e8;
}
.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;
background: #ffffff;
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: #fbab13;
}
.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:#f8971c;
} .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;
background: #ffffff;
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: #f8971c;
-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:#031086;
color:#ffffff;
border-color:#031086;
} .map-section{
position: relative;
padding: 110px 0px 90px;
}
.map-section .map-outer{
position: relative;
}
.map-section .map-canvas{
position: relative;
height: 500px;
width: 100%;
} .map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
} .contact-info-section{
position:relative;
padding-bottom:70px;
}
.contact-info-section .info-box{
position:relative;
margin-bottom:30px;
}
.contact-info-section .info-box .icon{
position:relative;
margin-bottom:15px;
}
.contact-info-section .info-box h5{
position:relative;
color:#02108c;
font-weight:700;
margin-bottom:6px;
}
.contact-info-section .info-box .email,
.contact-info-section .info-box .phone{
position:relative;
color:#777777;
font-size:16px;
}
.contact-info-section .info-box .text{
position:relative;
color:#777777;
font-size:18px;
}
.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 0px;
}
.contact-page-section .title-box{
position:relative;
margin-bottom:35px;
}
.contact-page-section .title-box h3{
position:relative;
color:#161e39;
font-size:36px;
font-weight:600;
line-height:1.3em;
}
.contact-page-section .title-box .text{
position:relative;
color:#404040;
font-size:18px;
line-height:1.6em;
margin-top:10px;
}
.contact-page-section .form-column{
position:relative;
margin-bottom:0px;
}
.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: #404040;
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: #282835;
}
.contact-page-section .contact-info li strong{
display: block;
font-size: 18px;
line-height: 26px;
color: #404040;
font-weight: 600;
margin-bottom: 5px;
}
.contact-page-section .contact-info li a{
color: #404040;
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-page-section .contact-info li a:hover{
color: #031086;
} .contact-page-section-two{
position:relative;
padding:120px 0px 0px;
}
.contact-page-section-two .inner-container{
position:relative;
max-width:650px;
margin:0 auto;
border-radius:5px;
padding:40px 30px 10px;
background-color:#f9f9f9;
box-shadow:0px 15px 25px rgba(0,0,0,0.07);
} .project-section{
position:relative;
padding:40px 0px 120px;
}
.project-section .side-image-layer{
position:absolute;
left:0px;
top:-70px;
width:340px;
height:266px;
background-repeat:no-repeat;
}
.project-section .side-image-layer-two{
position:absolute;
right:10px;
bottom:0px;
width:324px;
height:255px;
background-repeat:no-repeat;
}
.project-section .owl-dots{
display:none;
}
.project-section .owl-nav{
position:absolute;
left:0px;
top:50%;
right:0px;
margin-top:-20px;
}
.project-section .owl-nav .owl-prev{
position:absolute;
left:-80px;
top:0px;
width:40px;
height:40px;
color:#000000;
color:#f7941d;
font-size:22px;
text-align:center;
line-height:36px;
border-radius:0px;
display:inline-block;
border:1px solid #f7941d;
-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-section .owl-nav .owl-next{
position:absolute;
right:-80px;
top:0px;
width:40px;
height:40px;
color:#000000;
color:#f7941d;
font-size:22px;
text-align:center;
line-height:36px;
border-radius:0px;
display:inline-block;
border:1px solid #f7941d;
-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-section .owl-nav .owl-prev:hover,
.project-section .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#f7941d;
background-color:#f7941d;
}
.project-section .inner-container{
position:relative;
max-width:970px;
margin:0 auto;
}
.project-block{
position:relative;
}
.project-block .inner-box{
position:relative;
background-color:#f5f5f5;
}
.project-block .inner-box .image-column{
position:relative;
padding:0px;
float:left;
}
.project-block .inner-box .image-column .image{
position:relative;
}
.project-block .inner-box .image-column .image img{
position:relative;
width:100%;
display:block;
}
.project-block .inner-box .content-column{
position:relative;
padding:0px;
float:left;
}
.project-block .inner-box .content-column .inner-column{
position:relative;
padding:40px 35px;
}
.project-block .inner-box .content-column .title{
position:relative;
color:#f7941d;
font-size:16px;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
.project-block .inner-box .content-column h4{
position:relative;
line-height:1.3em;
font-weight:700;
margin-top:8px;
}
.project-block .inner-box .content-column 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;
}
.project-block .inner-box .content-column h4 a:hover{
color:#f7941d;
}
.project-block .inner-box .content-column .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-top:20px;
margin-bottom:20px;
} .rtl .main-header .header-lower .logo-box{
float:right;
}
.rtl .main-header .nav-outer{
float:left;
padding-left:0px;
padding-right:50px;
}
.rtl .main-header.header-style-one .nav-outer:before{
right:0px;
}
.rtl .main-header .header-top .top-left{
float:right;
}
.rtl .main-header .header-top .top-left:before{
left:-40px;
right:auto;
}
.rtl .main-header .header-upper .upper-right{
float:left;
}
.rtl .main-header .info-box{
margin-left:0px;
margin-right:50px;
padding-right:65px;
padding-left:0px;
text-align:right;
}
.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 .main-menu{
float:right;
}
.rtl .main-header .options-box{
float:left;
margin-right:20px;
}
.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 .about-section .image-column .inner-column{
padding-right:0px;
padding-left:50px;
}
.rtl .about-section .content-column .inner-column{
text-align:right;
}
.rtl .fact-counter .column .inner .content{
padding-right:70px;
padding-left:0px;
text-align:right;
}
.rtl .fact-counter .column .inner .icon{
right:-10px;
left:auto;
}
.rtl .about-section .content-column .btn-box .theme-btn{
float:right;
}
.rtl .about-section .content-column .btn-box .signature{
margin-left:0px;
margin-right:25px;
}
.rtl .call-to-action-section .inner-container .column,
.rtl .call-to-action-section h4{
text-align:right;
}
.rtl .call-to-action-section .inner-container .image-layer{
right:auto;
left:-100px;
}
.rtl .sec-title{
text-align:right;
}
.rtl .testimonial-section .owl-nav{
right:auto;
left:0px;
}
.rtl .testimonial-section .owl-nav .owl-prev,
.rtl .testimonial-section .owl-nav .owl-next{
margin-left:0px;
margin-right:15px;
}
.rtl .team-block .inner-box .lower-content:before{
clip-path: polygon(100% 0%, 89% 50%, 100% 100%, 10% 100%, 0% 50%, 9% 0);
}
.rtl .team-block .inner-box .lower-content{
margin-left:0px;
margin-right:35px;
text-align:right;
}
.rtl .team-block .inner-box .lower-content:after{
left:auto;
right:-5px;
transform:rotate(180deg);
}
.rtl .team-block .inner-box .image img{
border-radius:15px 15px 15px 0px;
}
.rtl .team-block .inner-box .lower-content .team-arrows-right{
right:auto;
left:20px;
top:20px;
transform:rotate(90deg);
}
.rtl .news-section .owl-nav{
left:0px;
right:auto;
}
.rtl .news-section .owl-nav .owl-prev,
.rtl .news-section .owl-nav .owl-next{
margin-left:0px;
margin-right:15px;
}
.rtl .news-block .inner-box .image .post-date{
left:auto;
right:30px;
text-align:right;
}
.rtl .news-block-two .inner-box .image .post-date{
left:auto;
right:15px;
text-align:right;
}
.rtl .news-block .inner-box .lower-content,
.rtl .news-block-two .inner-box .lower-content{
text-align:right;
}
.rtl .news-block-two .inner-box .lower-content .post-meta li:last-child,
.rtl .news-block .inner-box .lower-content .post-meta li:last-child{
padding-right:15px;
margin-right:15px;
border-right:2px solid #f7941d;
}
.rtl .main-footer .footer-widget,
.rtl .main-footer .logo-widget .widget-content{
text-align:right;
}
.rtl .main-footer .footer-widget h4:before{
right:0px;
left:auto;
}
.rtl .main-footer .contact-widget ul li{
padding-left:0px;
padding-right:70px;
}
.rtl .main-footer .contact-widget ul li .icon{
right:0px;
left:auto;
}
.rtl .main-footer .footer-bottom .copyright{
text-align:right;
}
.rtl .main-header.header-style-two .header-lower .logo-box:before{
left:-30px;
right:auto;
}
.rtl .header-top-two .inner-container{
padding-left:0px;
padding-right:300px;
}
.rtl .header-top-two .top-left .top-list li{
padding-left:0px;
padding-right:25px;
text-align:right;
}
.rtl .header-top-two .top-left .top-list li .icon{
right:0px;
left:auto;
}
.rtl .service-block-three .inner-box,
.rtl .project-block .inner-box .content-column .inner-column,
.rtl .video-section .inner-container .video-box .overlay-box .content,
.rtl .reason-section .content-column .inner-column{
text-align:right;
}
.rtl .list-style-one li{
padding-left:0px;
padding-right:25px;
text-align:right;
}
.rtl .list-style-one li:before{
right:0px;
left:auto;
transform:rotate(180deg);
}
.rtl .video-section .inner-container .video-box .overlay-box .content{
padding-right:140px;
padding-left:100px;
}
.rtl .video-section .inner-container .video-box .play-box .play-btn{
margin-right:0px;
margin-left:30px;
}
.rtl .price-block .inner-box .price-list li{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .price-block .inner-box .price-list li:before{
right:0px;
left:auto;
}
.rtl .news-block-three .inner-box .image .post-date{
right:15px;
left:auto;
}
.rtl .news-block-three .inner-box .lower-content{
text-align:right;
}
.rtl .news-block-three .inner-box .lower-content .post-meta li:first-child{
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #777777;
}
.rtl .news-block-three .inner-box .lower-content .post-meta li:last-child{
border-right: none;
padding-right: 0px;
margin-right: 0px;
}
.rtl .list-link-two li a{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .main-footer .news-widget .post .thumb,
.rtl .list-link-two li a:before{
right:0px;
left:auto;
}
.rtl .main-footer .news-widget .post{
padding-left:0px;
padding-right:120px;
text-align:right;
}
.rtl .list-link-two li a:hover::before{
transform: rotate(45deg);
}
.rtl .header-top-two.style-two .inner-container{
padding-right:0px;
}
.rtl .main-header.header-style-three .nav-outer{
padding-right:0px;
}
.rtl .main-header .options-box .cart-box{
margin-right:25px;
}
.rtl .main-header .options-box .cart-box .cart-panel{
left:0px !important;
right:auto !important;
}
.rtl .main-header .options-box .cart-product .inner{
padding-left:0px;
padding-right:90px;
text-align:right;
}
.rtl .main-header .options-box .cart-product .inner .image{
right:0px;
left:auto;
}
.rtl .main-header .options-box .cart-product .inner .cross-icon{
left:0px;
right:auto;
}
.rtl .services-section-four .owl-nav{
left:0px;
right:auto;
}
.rtl .services-section-four .owl-nav .owl-prev,
.rtl .services-section-four .owl-nav .owl-next{
margin-left:0px;
margin-right:15px;
}
.rtl .accordion-box .block,
.rtl .about-section-two .content-column .inner-column,
.rtl .service-block-four .inner-box .lower-content{
text-align:right;
}
.rtl .service-block-four .inner-box .lower-content .icon-box{
left:20px;
right:auto;
}
.rtl .request-quote-section-two .content-box{
text-align:right;
}
.rtl .team-block-two .inner-box .overlay-box .member-content{
left:auto;
right:30px;
text-align:right;
}
.rtl .team-social-box{
right:auto;
left:0px;
}
.rtl .team-block-two .inner-box:hover .image .overlay-box .team-social-box li{
right:auto;
left:30px;
}
.rtl .team-social-box li .social-name{
display:none;
}
.rtl .team-single-section .content-column .inner-column{
text-align:right;
}
.rtl .team-single-section .content-column .post-meta li{
margin-right:0px;
padding-left:0px;
text-align:right;
padding-right:40px;
margin-left:30px;
}
.rtl .team-single-section .content-column .post-meta li .icon{
right:0px;
left:auto;
}
.rtl .team-single-section .image-column{
order:2;
}
.rtl .team-single-section .content-column{
order:1;
}
.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-content{
text-align:right;
}
.rtl .privacy-section .privacy-list li{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .privacy-section .privacy-list li:before{
right:0px;
left:auto;
}
.rtl .service-detail .service-tabs .tabs-content,
.rtl .service-detail .inner-box .lower-content{
text-align:right;
}
.rtl .service-detail .inner-box .lower-content .icon-box{
right:auto;
left:30px;
}
.rtl .list-style-two li{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .list-style-two li:before{
right:0px;
left:auto;
}
.rtl .sidebar .contact-widget ul li{
text-align:right;
padding-left:0px;
padding-right:70px;
}
.rtl .sidebar .contact-widget ul li .icon{
right:0px;
left:auto;
}
.rtl .sidebar-title{
text-align:right;
}
.rtl .sidebar-title h3:before{
left:auto;
right:0px;
}
.rtl .brochures-widget .text{
padding-left:20px;
padding-right:0px;
text-align:right;
}
.rtl .broucher-box .broucher-inner{
padding-left:0px;
padding-right:45px;
text-align:right;
}
.rtl .broucher-box .broucher-inner .file-icon{
right:0px;
left:auto;
}
.rtl .broucher-box .broucher-inner .download-icon{
left:0px;
right:auto;
}
.rtl .blog-cat li a{
text-align:right;
}
.rtl .blog-cat li a:after{
left:25px;
right:auto;
}
.rtl .cat-list li a{
padding-left:0px;
padding-right:50px;
text-align:right;
}
.rtl .cat-list li a:before{
left:auto;
right:20px;
}
.rtl .sidebar .search-box .form-group button{
left:0px;
right:auto;
border-radius:5px 0px 0px 5px;
}
.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
text-align:right;
padding-right:20px;
padding-left:60px;
}
.rtl .sidebar .popular-posts .post{
padding-left:0px;
text-align:right;
padding-right:108px;
}
.rtl .sidebar .popular-posts .post .post-thumb{
right:0px;
left:auto;
}
.rtl .comment-form .form-group,
.rtl .sidebar-page-container .group-title,
.rtl .news-block-four .inner-box,
.rtl .news-detail .inner-box .lower-content,
.rtl .gallery-detail-section .lower-content,
.rtl .solution-box .inner{
text-align:right;
}
.rtl .project-info-boxed ul li a{
margin-right:0px;
margin-left:15px;
}
.rtl .news-detail .inner-box .image .post-date,
.rtl .news-block-four .inner-box .image .post-date{
right:15px;
left:auto;
}
.rtl .sidebar-page-container .comments-area .comment{
padding-left:0px;
padding-right:110px;
text-align:right;
}
.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 .sidebar-page-container .comments-area .reply-comment{
margin-left:0px;
margin-right:100px;
}
.rtl .default-form,
.rtl .styled-form,
.rtl .cart-section h3,
.rtl .cart-section .totals-table,
.rtl .shop-page .prod-tabs,
.rtl .shop-form input,
.rtl .contact-info-section .info-box,
.rtl .styled-form .form-group input,
.rtl .shop-form textarea,
.rtl .shop-order-box .order-list,
.rtl .shop-order-box .order-list li span,
.rtl .checkout-page .payment-options li .radio-option label .small-text,
.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 textarea,
.rtl .checkout-page .default-links li,
.rtl .shop-page .prod-tabs .add-review .form-group input,
.rtl .shop-page .prod-tabs .add-review .form-group textarea{
text-align:right;
}
.rtl .shop-single-section .info-column .inner-column{
order:1;
}
.rtl .shop-single-section .image-column{
order:2;
}
.rtl .shop-single-section .info-column .inner-column{
text-align:right;
padding-left:0px;
padding-right:40px;
}
.rtl .shop-single-section .info-column .other-options .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;
text-align:right;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box .rev-thumb{
right:0px;
left:auto;
}
.rtl .cart-section .totals-table .col,
.rtl .cart-section .apply-coupon .form-group{
float:right;
}
.rtl .shop-form .billing-inner{
padding-right:0px;
text-align:right;
}
.rtl .checkout-page .payment-options li .radio-option label{
text-align:right;
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 input[type="radio"]:checked + label .small-text{
margin-left:10px;
}
.rtl .styled-form .form-group .check-box label,
.rtl .styled-form .form-group .radio-box label{
padding-left:0px;
padding-right:22px;
text-align:right;
}
.rtl .styled-form .form-group .check-box label:before,
.rtl .styled-form .form-group .radio-box label:before{
left:auto;
right:0px;
}
.rtl .styled-form .form-group .pull-left{
float:right;
}
.rtl .contact-page-section .info-column,
.rtl .contact-page-section .form-column,
.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{
text-align:right;
}
.rtl .contact-page-section .contact-info li{
padding-left:0px;
padding-right:40px;
text-align:right;
}
.rtl .contact-page-section .contact-info li .icon{
right:0px;
left:auto;
}
.rtl .mobile-menu .navigation li > a{
text-align:right;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn{
left:0px;
right:auto;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn:after{
left:auto;
right:0px;
}
.rtl .reason-section .image-column .image-text .text{
text-align:right;
}
.rtl .news-block-four .inner-box .lower-content .lower-box .theme-btn{
float:right;
}