/* Contra - Interior Creator HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style two / Style three / Style Four
5. Side Nav Bar
6. Hidden Sidebar
7. Banner Section / Two / Three
8. Page Title
9. Section Title
10. About Section
11. Services Section
12. Service Detail
13. Specialize Section / Two
14. Process Section
15. Fun Fact Section
16. Fun Fact And Features
17. Projects Section / Two
18. Product Details
19. Offer Section
20. Team Section
21. Testimonial Section / Two
22. Products Section
23. Video Section
24. FAQ Section
25. FAQ Form Section
26. App Section
27. News Section / Two / Three
28. Blog Section
29. Blog Detail / Style Two
30. Clients Section
31. Contact Section
32. Main Footer
33. Sidebar Page Container
34. Comment Area
35. Comment Form
36. Contact Page Section
37. Coming Soon
38. Login Section
39. Error Section
40. Right to Left Style
41. Box Layout
**********************************************/
/***
====================================================================
Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700');
@import url('flaticon.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('owl.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
/***
====================================================================
Reset
====================================================================
***/
*{
margin:0px;
padding:0px;
border:none;
outline:none;
font-size: 100%;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:14px;
color:#777777;
line-height: 28px;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Raleway', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color:#FF7F00;
}
a:hover,
a:focus,
a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.2em;
font-family: 'Raleway', sans-serif;
}
textarea{
overflow:hidden;
resize: none;
}
button{
outline: none !important;
cursor: pointer;
}
p,.text{
font-size: 16px;
line-height: 26px;
font-weight:normal;
color: #000;
margin: 0;
}
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
overflow: hidden;
z-index: 99;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
text-align: center;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.centered{
text-align:center !important;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
font-size:16px;
line-height:30px;
color:#ffffff;
padding: 10px 40px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
background-color:#FF8000;
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,138,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#FF7F00',GradientType=0 );*/
}
.btn-style-one:hover{
color: #ffffff;
-webkit-box-shadow: rgba(138, 69, 0, 1) 0 0px 0px 40px inset;
-moz-box-shadow: rgba(138, 69, 0, 1) 0 0px 0px 40px inset;
-ms-box-shadow: rgba(138, 69, 0, 1) 0 0px 0px 40px inset;
-o-box-shadow: rgba(138, 69, 0, 1) 0 0px 0px 40px inset;
box-shadow: rgba(138, 69, 0, 1) 0 0px 0px 40px inset;
}
.btn-style-one:before{
position: absolute;
top: -1px;
right: -1px;
left: -1px;
bottom: -1px;
content: "";
border-radius: 50px;
border:2px solid #8C4600;
transition: all 300ms ease;
opacity: 0;
}
.btn-style-one:hover:before{
opacity: 1;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
font-size:16px;
line-height:20px;
color:#222222;
padding: 13px 45px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
background-color: #ffffff;
border:2px solid #FF7F00;
-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}
.btn-style-two:hover{
color: #ffffff;
border:2px solid #FF7F00;
-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
font-size:16px;
line-height:20px;
color:#ffffff;
padding: 13px 45px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
background-color: #FF8000;
-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}
.btn-style-three:hover{
color: #ffffff;
-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}
/*Btn Style Four*/
.btn-style-four{
position:relative;
font-size:16px;
line-height:20px;
color:#ffffff;
padding: 13px 45px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
background-color: #222222;
-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}
.btn-style-four:hover{
color: #FF7F00;
-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}
/*Btn Style Five*/
.btn-style-five{
position:relative;
font-size:16px;
line-height:30px;
color:#ffffff;
padding: 10px 45px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
background-color: #FF7F00;
}
.btn-style-five:hover{
color: #ffffff;
background-color: #222222;
}
/*Btn Style Six*/
.btn-style-six{
position:relative;
font-size:16px;
line-height:30px;
color:#222222;
padding: 10px 45px;
text-transform: capitalize;
font-weight: normal;
border-radius: 50px;
background-color: #ffffff;
}
.btn-style-six:hover{
color: #ffffff;
background-color: #FF7F00;
}
/*Btn Style Seven*/
.btn-style-seven{
position:relative;
font-size:16px;
line-height:30px;
color:#222222;
padding: 10px 45px;
text-transform: capitalize;
font-weight: normal;
border-radius: 50px;
background-color: #ffffff;
}
.btn-style-seven:hover{
color: #ffffff;
background-color: #222222;
}
/*Btn Style c*/
.btn-style-eight{
position:relative;
font-size:16px;
line-height:26px;
color:#FF7F00;
padding: 10px 45px;
text-transform: capitalize;
font-weight:normal;
border-radius: 50px;
border:2px solid #FF7F00;
background-color: #ffffff;
}
.btn-style-eight:hover{
color: #ffffff;
background-color: #FF7F00;
}
/*=== List Style One ===*/
.list-style-one{
position: relative;
}
.list-style-one li{
position: relative;
float: left;
width: 50%;
font-size: 14px;
line-height: 28px;
color: #666666;
font-weight: normal;
padding-left: 35px;
}
.list-style-one li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 28px;
color: #ffb902;
content: "\f00c";
font-family: "FontAwesome";
}
/*=== List Style Two ===*/
.list-style-two{
position: relative;
display: block;
margin-bottom: 30px;
}
.list-style-two li{
position: relative;
font-size: 14px;
line-height: 20px;
color: #222222;
font-weight: normal;
padding-left: 35px;
margin-bottom: 15px;
font-family: "Rubik", sans-serif;
}
.list-style-two li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 20px;
color: #FF7F00;
font-weight: 900;
font-family: "FontAwesome";
content: "\f061";
}
.theme_color{
color:#25262c;
}
.pull-right{
float: right;
}
.pull-left{
float: left;
}
.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(../images/icons/preloader.svg);
}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:80px;
right:20px;
width:50px;
height:50px;
color:#ffffff;
font-size:40px;
line-height:50px;
text-align:center;
z-index:100;
cursor:pointer;
background:#ff8000;
display:none;
border-radius: 50%;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
background:#FF7F00;
color: #222222;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position: relative;
left: 0;
top: 0;
width:100%;
z-index: 9999;
}
.main-header .header-top{
position: relative;
background-color: #ffa900;
}
.main-header .top-left{
position: relative;
float: left;
}
.main-header .top-left .contact-list{
position: relative;
padding: 5px 0;
}
.main-header .top-left .contact-list li{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #222222;
font-weight: normal;
margin-right: 25px;
}
.main-header .top-left .contact-list li:last-child{
margin-right: 0;
}
.main-header .top-left .contact-list li i{
float: left;
font-size: 16px;
line-height: 30px;
margin-right: 10px;
color: #ffffff;
}
.main-header .top-left .contact-list li a{
color: #222222;
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;
}
.main-header .top-left .contact-list li a:hover{
color: #ffffff;
}
.main-header .top-right{
position: relative;
float: right;
padding:5px 0;
}
.social-icon-four{
position: relative;
}
.social-icon-four li{
position: relative;
float: left;
margin-left: 20px;
}
.social-icon-four li:first-child{
margin-left: 0;
}
.social-icon-four li a{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
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;
}
.social-icon-four li a:hover{
color: #222222;
}
.main-header .main-box{
position:relative;
display: block;
}
.main-header .inner-container{
position: relative;
padding: 0 15px;
}
.main-header .logo-box{
position: relative;
float: left;
}
.main-header .logo-box .logo{
position: relative;
padding: 15px 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;
}
.main-header .nav-outer{
position: static;
float: left;
}
.navbar-toggler{
border: 0 !important;
}
.main-menu {
position: static;
float: left;
font-family: "Rubik", sans-serif;
}
.main-menu .navbar-header{
display: none;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-left: 45px;
-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-menu .navigation > li > a{
position:relative;
display:block;
font-size:15px;
line-height:30px;
font-weight: normal;
color:#222222;
padding:35px 0;
opacity:1;
text-align:center;
text-transform: uppercase;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#25262c;
background:#ffffff;
}
.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:#292929;
line-height:20px;
font-size:13px;
font-weight: 900;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:110%;
width:200px;
padding:0px 0px;
z-index:100;
background:rgba(47,46,50,.90);
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-ms-transition:all 200ms linear;
-o-transition:all 200ms linear;
transition:all 200ms linear;
opacity: 1;
-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 > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px;
line-height:24px;
font-weight:400;
font-size:15px;
color:#ffffff;
text-align:left;
text-transform:capitalize;
border-left: 4px solid transparent;
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{
border-left: 4px solid #FF7F00;
background:#222222;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:11px;
width:10px;
height:20px;
display:block;
line-height:20px;
font-size:16px;
color: #ffffff;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:110%;
top:0%;
width:200px;
padding:0px 0px;
z-index:100;
background:rgba(47,46,50,.90);
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-ms-transition:all 200ms linear;
-o-transition:all 200ms linear;
transition:all 200ms linear;
-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 > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px;
line-height:24px;
font-weight:400;
font-size:15px;
color:#ffffff;
text-align:left;
text-transform:capitalize;
border-left: 4px solid transparent;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
color: #ffffff;
background:#222222;
border-left: 4px solid #FF7F00;
}
.main-menu .navigation > li.dropdown:hover > ul{
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-ms-transition:all 300ms linear;
-o-transition:all 300ms linear;
transition:all 300ms linear;
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top: 0;
left: 100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:8px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:30px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .outer-box{
position: relative;
float: right;
}
.social-icon-one{
position: relative;
}
.social-icon-one li{
position: relative;
float: left;
margin-left: 22px;
}
.social-icon-one li a{
position: relative;
display: block;
font-size: 13px;
line-height: 30px;
color: #222222;
font-weight: normal;
-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: #FF7F00;
}
.main-header .contact-info{
position: relative;
}
.main-header .contact-info li{
position: relative;
float: left;
margin-left: 35px;
font-size: 14px;
line-height: 30px;
color: #222222;
font-weight: normal;
}
.main-header .contact-info li span{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #aaaaaa;
font-weight: normal;
}
.main-header .contact-info li a{
color: #222222;
transition: all 300ms ease;
}
.main-header .contact-info li a:hover{
color: #FF7F00;
}
/*===================================
Header Style One
===================================*/
.header-style-one{
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.header-style-one .header-lower{
position: relative;
background-color:rgba(255,255,255,0.80);
margin: 0 30px;
padding: 0 40px;
}
.header-style-one .header-lower:before{
position: absolute;
top: 0;
left: -30px;
height: 0;
width: 0;
border-left: 30px solid transparent;
border-top: 100px solid rgba(255,255,255,0.80);
content:"";
}
.header-style-one .header-lower:after{
position: absolute;
top: 0;
right: -30px;
height: 0;
width: 0;
border-right: 30px solid transparent;
border-top: 100px solid rgba(255,255,255,0.80);
content:"";
}
.header-style-one .nav-outer{
float: right;
}
.header-style-one .main-menu .navigation > li{
margin-left: 35px;
}
.header-style-one .main-menu .navigation > li > a{
color: #222;
}
.header-style-one .main-menu .navigation > li > a:before{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
height:0px;
width: 2px;
background-color: #FF7F00;
content: "";
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-one .main-menu .navigation > li.current > a:before,
.header-style-one .main-menu .navigation > li:hover > a:before{
height: 30px;
}
.header-style-one .outer-box{
padding: 32.5px 0;
margin-left: 45px;
}
.header-style-one .search-box-btn:hover{
color: #ffffff !important;
}
.header-style-one .search-box-outer .dropdown-menu{
top: 20px !important;
}
/*search box btn*/
.main-header .search-box-outer{
position:relative;
-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-header .search-box-btn{
position: relative;
height: 35px;
width: 35px;
cursor: pointer;
background: none;
font-size: 15px;
color: #ffa600;
line-height: 33px;
border: 1px dashed #ffffff;
border-radius: 50%;
outline: none;
-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-header .search-box-btn:hover{
color: #FF7F00;
}
.dropdown-toggle::after{
display: none;
}
.main-header .search-box-outer .dropdown-menu{
top:62px !important;
right: 0 !important;
left: auto !important;
transform: none !important;
padding:0px;
width:280px;
border-radius:0px;
border-top:3px solid #25262c;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
font-size:14px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#25262c;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
/*===================================
Header Style Two
===================================*/
.header-style-two{
position: relative;
left: 0;
top: 0;
width: 100%;
}
.header-style-two .header-top .inner-container{
padding: 0 40px;
}
.header-style-two .header-lower{
position: relative;
}
.header-style-two .header-lower .auto-container{
position: relative;
max-width: 1170px;
}
.header-style-two .header-lower .main-box{
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0 40px;
background-color: rgba(0,0,0,0.90);
border-radius: 0 0 15px 15px;
}
.header-style-two .nav-outer{
float: right;
}
.header-style-two .main-menu .navigation > li{
margin-left: 35px;
}
.header-style-two .main-menu .navigation > li > a{
position: relative;
color: #ffffff;
font-weight: normal;
}
.header-style-two .main-menu .navigation > li > a:before{
position: absolute;
left: 50%;
width: 0;
height: 1px;
bottom: 35px;
content: "";
background-color: #ffa900;
transition: all 300ms ease;
}
.header-style-two .main-menu .navigation > li:hover > a:before,
.header-style-two .main-menu .navigation > li.current > a:before{
left: 0%;
width: 100%;
}
.header-style-two .outer-box{
padding: 32.5px 0;
margin-left: 45px;
}
.header-style-two .search-box-btn:hover{
color: #ffffff !important;
}
.header-style-two .search-box-outer .dropdown-menu{
top: 62px !important;
}
.header-style-two .search-box-outer{
float: right;
margin-left: 40px;
}
.main-header .cart-btn{
position: relative;
float: left;
}
.main-header .cart-btn a{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 35px;
color: #ffffff;
}
.main-header .cart-btn .count{
position: absolute;
right: -11px;
top: 0;
height: 22px;
width: 22px;
line-height: 22px;
color: #ffffff;
font-size: 12px;
text-align: center;
font-weight: normal;
background-color: #fb4848;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/*===================================
Header Style Three
===================================*/
.header-style-three{
position: relative;
background-color: #333333;
}
.header-style-three .logo-box:before{
position: absolute;
top: 0;
margin-right: -230px;
right: 100%;
height: 100%;
width: 1000%;
background-color: #ffffff;
content: "";
transform:skew(40deg);
}
.header-style-three .inner-container{
position: relative;
}
.header-style-three .nav-outer{
float: right;
}
.header-style-three .outer-box{
position: relative;
float: right;
padding: 35px 0;
}
.header-style-three .main-menu .navigation > li > a{
color: #ffffff;
}
.header-style-three .main-menu .navigation > li > a:before{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
height:0px;
width: 2px;
background-color: #FF7F00;
content: "";
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-style-three .main-menu .navigation > li.current > a:before,
.header-style-three .main-menu .navigation > li:hover > a:before{
height: 30px;
}
.header-style-three .outer-box{
margin-left: 80px;
}
.header-style-three .nav-toggler{
position: relative;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
font-size: 15px;
color: #222222;
font-weight: normal;
background-color: #ffffff;
border-radius: 5px;
cursor: pointer;
transition: all 300ms ease;
}
.header-style-three .nav-toggler:hover{
background-color: #ffa500;
color: #ffffff;
}
/*===================================
Header Style Four
===================================*/
.header-style-four{
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.header-style-four .header-top{
position: relative;
background-color: transparent !important;
}
.header-style-four .header-top .top-right{
float: right;
padding: 10px 0;
}
.header-style-four .header-top .top-right li a,
.header-style-four .header-top .top-right li{
color: #ffffff;
font-size: 14px;
}
.header-style-four .header-top .top-right li span{
font-weight: 700;
color: #ffffff;
border: 0;
width: auto;
}
.header-style-four .header-top .top-right li a:hover{
color: #FF7F00;
}
.header-style-four .header-lower{
position: relative;
background-color: rgba(255,255,255,0.8);
}
.header-style-four .nav-outer{
float: right;
}
.header-style-four .main-menu .navigation > li{
margin-left: 45px;
}
.header-style-four .main-menu .navigation > li > a{
color: #222;
}
.header-style-four .search-box-outer{
padding: 32.5px 0;
}
.header-style-four .search-box-btn{
color: #FF7F00;
margin-left: 55px;
}
.header-style-four .search-box-btn:hover{
color: #ffffff;
}
.header-style-four .search-box-outer .dropdown-menu{
top: 65px !important;
}
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
color:#FF7F00;
}
.header-style-four.fixed-header .search-box-outer{
padding: 22.5px 0;
}
/*===================================
Header Style Five
===================================*/
.header-style-five{
position: relative;
}
.header-style-five .logo-box .logo{
padding: 25px 0;
}
.header-style-five .inner-container{
position: relative;
padding-left: 120px;
padding-right: 55px;
}
.header-style-five .main-menu .navigation > li > a{
padding: 45px 0;
}
.header-style-five .main-menu .navigation > li > a:before{
position: absolute;
left: 0;
right: 0;
top: 0;
height: 0;
width: 2px;
background-color: #222222;
margin: 0 auto;
content: "";
transition: all 300ms ease;
z-index: 1;
}
.header-style-five .main-menu .navigation > li > a:hover:before,
.header-style-five .main-menu .navigation > li.current > a:before{
height: 43px;
}
.header-style-five .outer-box{
position: relative;
padding: 45px 0;
}
.header-style-five .outer-box .social-icon-one{
position: relative;
float: left;
}
.header-style-five .outer-box .contact-info{
position: relative;
float: right;
padding-left: 30px;
margin-left: 50px;
border-left: 1px solid #dddddd;
}
.header-style-five .outer-box{
position: relative;
float: right;
}
.header-style-five .contact-info li{
color: #222222;
}
.header-style-five .contact-info li a{
color: #222222;
transition: all 300ms ease;
}
.header-style-five .contact-info li a:hover{
color: #FF7F00;
}
/***
====================================================================
Header Style Six
====================================================================
***/
.header-style-six{
position: absolute;
left: 0;
}
.header-style-six .outer-container{
padding: 0 80px;
border-bottom: 1px solid rgba(255,255,255,.30);
}
.header-style-six .logo-box {
padding-right: 30px;
border-right: 1px solid rgba(255,255,255,.30);
}
.header-style-six .logo-box .logo{
padding: 15px 0;
}
.header-style-six .outer-box{
float: left;
margin-left: 100px;
}
.header-style-six .contact-info {
position: relative;
float: left;
padding: 35px 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;
}
.header-style-six .contact-info{
position: relative;
float: left;
}
.header-style-six .contact-info li span{
color: #FF7F00;
font-weight: 700;
}
.header-style-six .btn-box{
position: relative;
float: right;
}
.header-style-six .nav-toggler{
position: relative;
height: 40px;
}
.header-style-six .nav-toggler:hover{
color: #ffffff !important;
}
.header-style-six.fixed-header .outer-container{
position: fixed;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.90);
border-bottom: 1px solid transparent;
}
.header-style-six.fixed-header .nav-toggler{
background-color: #ffffff;
}
.header-style-six.fixed-header .nav-toggler:hover{
color: #222222 !important;
}
.header-style-six.fixed-header .logo-box .logo{
padding: 10px 0;
}
.header-style-six.fixed-header .contact-info{
padding: 30px 0;
}
.header-style-six.fixed-header .btn-box{
padding: 25px 0;
}
.box-layout .header-style-six.fixed-header .outer-container{
max-width: 1370px;
left: 0;
right: 0;
margin: 0 auto;
}
.header-style-six .contact-info{
position: relative;
}
.header-style-six .contact-info li{
position: relative;
float: left;
margin-left: 25px;
padding-left: 25px;
border-left: 1px solid rgba(255,255,255,0.40);
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
}
.header-style-six .contact-info li:first-child{
border-left: 0;
}
.header-style-six .contact-info li span{
position: relative;
float: left;
height: 30px;
width: 30px;
border: 1px solid rgba(255,255,255,0.40);
font-size: 14px;
line-height: 30px;
color: #FF7F00;
text-align: center;
font-weight: normal;
margin-right: 10px;
border-radius: 50%;
}
.header-style-six .contact-info li a{
color: #ffffff;
transition: all 300ms ease;
}
.header-style-six .contact-info li a:hover{
color: #FF7F00;
}
.header-style-six .btn-box{
position: relative;
float: right;
padding: 30px 0;
}
.header-style-six .nav-toggler{
position: relative;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffa500;
font-weight: normal;
background-color: #000000;
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;
}
/***
====================================================================
Header Style Seven
====================================================================
***/
.header-style-seven{
position: relative;
}
.header-style-seven .inner-container{
position: relative;
padding-left: 100px;
padding-right: 100px;
}
.header-style-seven .logo-box .logo{
padding: 25px 0;
}
.header-style-seven .nav-outer{
float: right;
}
.header-style-seven .main-menu .navigation > li{
margin-left: 45px;
}
.header-style-seven .main-menu .navigation > li > a{
font-size: 16px;
font-weight: normal;
padding: 45px 0;
}
.header-style-seven .outer-box{
position: relative;
float: right;
padding: 45px 0;
margin-left: 80px;
}
.nav-toggler{
position: relative;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
font-size: 15px;
color: #ffffff;
font-weight: normal;
background-color: #222222;
cursor: pointer;
transition: all 300ms ease;
}
.nav-toggler:hover{
background-color: #ffa500;
color: #000000;
}
.box-layout .header-style-seven .inner-container{
padding: 0 15px;
}
/***
====================================================================
Side Nav Bar
====================================================================
***/
.sidenav-bar{
position:fixed;
left:-350px;
top:0px;
width: 350px;
height:100%;
overflow-y:auto;
background:#111111;
z-index: 99999;
transition: all 500ms ease;
}
.active-side-nav .sidenav-bar{
left: 0;
}
.sidenav-bar .inner-box{
position: relative;
padding: 50px 30px;
}
.sidenav-bar:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/icon-dots-dark.jpg);
background-repeat: repeat;
background-position: center;
content: "";
}
.sidenav-bar .upper-box{
position: relative;
margin-bottom: 50px;
}
.sidenav-bar .upper-box .logo a{
position: relative;
}
.sidenav-bar .cross-icon{
position: absolute;
right: 0;
top: 15px;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 18px;
color: #222222;
font-weight: normal;
background-color: #ffffff;
cursor: pointer;
transition: all 300ms ease;
}
.sidenav-bar .cross-icon:hover{
background-color: #ffa500;
color: #ffffff;
}
.sidenav-bar .side-nav{
position: relative;
margin-bottom: 50px;
}
.sidenav-bar .side-nav .navigatio{
position: relative;
}
.sidenav-bar .side-nav .navigation > li,
.sidenav-bar .side-nav .navigation > li > ul > li{
position:relative;
display:block;
}
.sidenav-bar .side-nav .navigation > li > a{
position:relative;
display:block;
line-height:30px;
padding:10px 0px;
color:#ffffff;
font-weight:400;
font-size:16px;
text-transform:capitalize;
transition: all 300ms ease;
}
.sidenav-bar .side-nav .navigation > li > ul > li > a,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
line-height:20px;
padding:10px 20px;
color:#ffffff;
font-weight:400;
font-size:16px;
text-transform:capitalize;
transition: all 300ms ease;
}
.sidenav-bar .side-nav .navigation > li > ul > li,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li{
margin-bottom:0px;
}
.sidenav-bar .side-nav .navigation > li > ul > li:last-child,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li:last-child{
margin:0px;
}
.sidenav-bar .side-nav .navigation > li:hover > a,
.sidenav-bar .side-nav .navigation > li > ul > li:hover > a,
.sidenav-bar .side-nav .navigation > li.current > a,
.sidenav-bar .side-nav .navigation > li > ul > li.current > a{
color:#FF7F00;
}
.sidenav-bar .side-nav .navigation > li.dropdown > a{
padding-right:30px;
}
.sidenav-bar .side-nav .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:0px;
top: 10px;
line-height: 30px;
display:block;
font-size:16px;
z-index:5;
font-weight:300;
}
.sidenav-bar .side-nav .navigation > li.dropdown.active > a:before{
content: "\f107";
}
.sidenav-bar .side-nav .navigation > li.dropdown > ul,
.sidenav-bar .side-nav .navigation > li.dropdown > ul > li.dropdown > ul{
position:relative;
display:block;
left:0%;
top:0px;
width:100%;
z-index:100;
padding:10px 0px;
}
.sidenav-bar .side-nav .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:10px;
width:34px;
height:30px;
border:1px solid #e0e0e0;
text-align:center;
font-size:16px;
line-height:28px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.sidenav-bar .subscribe-form{
position: relative;
}
.sidenav-bar .subscribe-form h5{
position: relative;
display: block;
font-size: 20px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 25px;
}
.sidenav-bar .subscribe-form form{
position: relative;
}
.sidenav-bar .subscribe-form input[type="text"],
.sidenav-bar .subscribe-form input[type="email"]{
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 30px;
color: #999999;
font-weight: normal;
padding: 10px 30px;
background-color: #000000;
border-radius: 30px;
transition: all 300ms ease;
}
.sidenav-bar .subscribe-form button,
.sidenav-bar .subscribe-form input[type="submit"]{
position: relative;
display: block;
width: 100%;
margin-top: 10px;
height: 50px;
font-size: 16px;
line-height: 30px;
color: #000000;
font-weight: 600;
padding: 10px 30px;
text-transform: uppercase;
}
.sidenav-bar .subscribe-form button:hover,
.sidenav-bar .subscribe-form input[type="submit"]:hover{
color: #ffffff;
}
.form-back-drop{
position:fixed;
right:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background:rgba(0,0,0,0.70);
visibility:hidden;
z-index:99999;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.active-side-nav .form-back-drop{
opacity:1;
visibility:visible;
}
.mCSB_inside>.mCSB_container{
margin-right: 0;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.hidden-bar{
position: fixed;
left: -500px;
top: 0px;
max-width: 100%;
height:100%;
overflow-y:auto;
z-index: 99999;
opacity: 0;
background-color: #222222;
visibility: hidden;
-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;
}
.active-side-nav .hidden-bar{
left:0px;
opacity:1;
visibility:visible;
}
.hidden-bar .inner-box{
position:relative;
background-color: #222222;
padding:55px 30px 50px;
}
.hidden-bar .inner-box .cross-icon{
position:absolute;
right:30px;
top:30px;
cursor:pointer;
color:#ffffff;
font-size:20px;
}
.hidden-bar .inner-box h2{
position:relative;
font-size:28px;
font-weight: normal;
line-height:1.2em;
color:#ffffff;
margin-bottom:20px;
}
/*Appointment Form*/
.hidden-bar .appointment-form{
position:relative;
}
.hidden-bar .appointment-form .form-group{
position:relative;
margin-bottom:15px;
}
.hidden-bar .appointment-form input[type="text"],
.hidden-bar .appointment-form input[type="email"],
.hidden-bar .appointment-form textarea{
position:relative;
display:block;
width:100%;
line-height:23px;
padding:10px 25px;
height:45px;
color:#ffffff;
font-size:16px;
border:1px solid rgba(255,255,255,0.10);
background:none;
transition:all 300ms ease;
-ms-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
}
.hidden-bar .appointment-form input::placeholder,
.hidden-bar .appointment-form textarea::placeholder{
color:#bdbdbd;
}
.hidden-bar .appointment-form input:focus,
.hidden-bar .appointment-form textarea:focus{
border-color: #ffffff;
}
.hidden-bar .appointment-form textarea{
height:135px;
resize:none;
}
.hidden-bar .appointment-form .form-group button{
margin-top:10px;
display: block;
width: 100%;
border-radius: 0;
font-weight: 700;
background-color: #ffffff;
color: #222222;
}
.hidden-bar .appointment-form .form-group button:hover{
color: #ffffff;
}
.contact-info-box{
position:relative;
padding-top:20px;
}
.contact-info-box .info-list{
position:relative;
padding-bottom:18px;
margin-bottom:25px;
}
.contact-info-box .info-list li{
position:relative;
color:#ffffff;
font-size:18px;
font-weight: normal;
margin-bottom:5px;
}
.contact-info-box .info-list:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:1px;
background-color:#ffffff;
}
.contact-info-box .social-list{
position:relative;
}
.contact-info-box .social-list li{
position:relative;
width:50%;
float:left;
margin-bottom:6px;
display:inline-block;
}
.contact-info-box .social-list li a{
position:relative;
font-size:15px;
font-weight: normal;
color:rgba(255,255,255,0.50);
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;
}
.contact-info-box .social-list li a:hover{
color:rgba(255,255,255,0.80);
}
.mCSB_inside>.mCSB_container{
margin-right: 0;
}
/*===================================
Header Style Three
===================================*/
header-style-seven{
position: relative;
background-color: #333333;
}
header-style-seven .logo-box:before{
position: absolute;
top: 0;
margin-right: -230px;
right: 100%;
height: 100%;
width: 1000%;
background-color: #ffffff;
content: "";
transform:skew(40deg);
}
header-style-seven .inner-container{
position: relative;
}
header-style-seven .nav-outer{
float: right;
}
header-style-seven .outer-box{
position: relative;
float: right;
padding: 35px 0;
}
header-style-seven .main-menu .navigation > li > a{
color: #ffffff;
}
header-style-seven .outer-box{
margin-left: 80px;
}
header-style-seven .nav-toggler{
position: relative;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
font-size: 15px;
color: #222222;
font-weight: normal;
background-color: #ffffff;
border-radius: 5px;
cursor: pointer;
transition: all 300ms ease;
}
header-style-seven .nav-toggler:hover{
background-color: #ffa500;
color: #ffffff;
}
/***
====================================================================
Sticky Header
====================================================================
***/
.sticky-header{
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: -1;
background: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
-o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
box-shadow: 0 0 15px rgba(0,0,0,0.10);
-webkit-transition: top 300ms ease;
-moz-transition: top 300ms ease;
-ms-transition: top 300ms ease;
-o-transition: top 300ms ease;
transition: top 300ms ease;
}
.fixed-header .sticky-header{
opacity:1;
z-index: 9999;
visibility:visible;
}
.fixed-header .sticky-header .logo{
padding: 10px 0;
}
.sticky-header .main-menu .navigation > li{
margin-left: 30px !important;
padding: 0;
margin-right: 0;
background-color: transparent;
}
.sticky-header .main-menu .navigation > li > a:before,
.sticky-header .main-menu .navigation > li:after{
display: none !important;
}
.sticky-header .main-menu .navigation > li > a{
padding:20px 0px !important;
line-height:30px;
font-size:16px;
font-weight:400;
color:#222222;
text-transform:capitalize;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
opacity:1;
color: #FF7F00;
background-color: #ffffff;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li.dropdown > a:after{
display: none;
}
.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
margin-top: 0;
}
.header-style-four.fixed-header .header-lower{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: auto;
background-color: rgba(255,255,255,255.80);
}
.header-style-four.fixed-header .logo-box .logo{
padding: 10px 0;
}
.header-style-four.fixed-header .main-menu .navigation > li > a{
padding: 30px 0;
}
.header-style-four.fixed-header .search-box-btn{
top: 5px;
}
.header-style-four.fixed-header .search-box-outer .dropdown-menu{
top: 65px !important;
}
/************************ Mega Menu ***************************/
.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:rgba(47,46,50,.90);
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:#f1f1f1;
font-size:18px;
font-weight: normal;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li .mega-menu-bar > ul{
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
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;
padding:10px 20px;
line-height:24px;
font-weight:400;
font-size:15px;
color:#ffffff;
text-align:left;
text-transform:capitalize;
border-left: 4px solid transparent;
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:hover{
border-left: 4px solid #FF7F00;
background:#222222;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section{
position: relative;
}
.banner-carousel .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding:300px 0 100px;
overflow: hidden;
}
.banner-section:before{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 540px;
background-image: url(../images/icons/shap-1.png);
background-repeat: no-repeat;
background-position: right top;
content:"";
z-index: 9;
}
.banner-carousel .content-box{
position: relative;
}
.banner-carousel h2{
position: relative;
display: block;
font-size: 48px;
line-height: 72px;
color:#ff8000;
font-weight:normal;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-carousel .content-box .text{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight:normal;
margin-bottom: 55px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.banner-carousel .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-carousel .link-box{
position: relative;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.banner-carousel .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-carousel .link-box a{
position: relative;
display: inline-block;
padding: 13px 45px;
font-weight:normal;
}
.banner-carousel .owl-nav{
position: absolute;
right: 30%;
bottom: -80px;
z-index: 99;
}
.banner-carousel .owl-next,
.banner-carousel .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color:#FFCB26;
font-weight:normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: #222222;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover{
color: #FF7F00;
}
.banner-carousel .owl-next:before,
.banner-carousel .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #FFCB26;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-carousel .owl-next:hover:before,
.banner-carousel .owl-prev:hover:before{
border-color: #FF7F00;
}
.banner-carousel .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #FFCB26;
border-left: 0;
}
.banner-carousel .owl-next span{
margin-left: 5px;
}
.banner-carousel .owl-prev span{
margin-right: 5px;
}
.banner-section .bottom-box{
position: relative;
padding: 35px 0;
background-color: #222222;
}
.banner-section .bottom-box .contact-info{
position: relative;
float: left;
padding: 10px 0;
}
.banner-section .bottom-box .contact-info li{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #ffffff;
margin-right: 30px;
}
.banner-section .bottom-box .contact-info li a{
color: #ffffff;
}
.banner-section .bottom-box .contact-info li span{
color: #ffae00;
text-transform: uppercase;
}
.banner-section .bottom-box .contact-info li a:hover{
text-decoration: underline;
}
/***
====================================================================
Banner Section Two
====================================================================
***/
.banner-section-two{
position: relative;
}
.full-screen .banner-carousel{
position: relative;
height: 100%;
}
.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
height: 100% !important;
}
.banner-section-two .slide-item{
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 0;
}
.banner-section-two .slide-item:before{
position: absolute;
left: 0;
bottom:-5px;
height: 660px;
width: 100%;
content: "";
background-image: url(../images/icons/shape-2.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
}
.banner-section-two .slide-item .content-box{
position: relative;
padding: 390px 0 350px;
text-align: center;
}
.banner-section-two .slide-item .title{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2em;
color: #ffa900;
font-weight: normal;
margin-bottom: 30px;
text-transform: uppercase;
transition:all 300ms ease;
opacity: 0;
}
.banner-section-two .active .slide-item .title{
opacity: 1;
transition-delay: 300ms;
}
.banner-section-two .slide-item h2{
position: relative;
display: block;
font-size: 60px;
line-height: 1.2em;
color: #ffffff;
font-weight:normal;
transform: none;
}
.banner-section-two .content-box .video-link{
position: relative;
display: inline-block;
margin-top: 50px;
transition:all 300ms ease;
opacity: 0;
}
.banner-section-two .active .content-box .video-link{
opacity: 1;
transition-delay: 1000ms;
}
.banner-section-two .content-box .video-link a{
position: relative;
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
font-size: 16px;
color: #ffa500;
font-weight: normal;
border: 2px solid #ffffff;
border-radius: 50%;
background-color: rgba(0,0,0,0.46);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-two .content-box .video-link a:hover{
color: #ffffff;
border-color: #000000;
}
.banner-section-two .owl-nav{
display: none;
}
.banner-section-two .owl-dots{
position: absolute;
right: 80px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-section-two .owl-dot{
position: relative;
display: block;
height: 14px;
width: 14px;
background-color: #ffffff;
border-radius: 50%;
margin-bottom: 35px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-two .owl-dot.active{
background-color: #ff9c00;
}
.banner-section-two .social-links{
position: absolute;
left: 80px;
bottom: 100px;
z-index: 9;
}
.social-icon-three{
position: relative;
}
.social-icon-three li{
position: relative;
display: block;
margin-bottom: 25px;
}
/***
====================================================================
Banner Section Three
====================================================================
***/
.banner-section-three{
position: relative;
z-index: 99;
}
.banner-section-three .banner-carousel-two{
z-index: 99;
}
.banner-section-three .slide-item{
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding:240px 0;
}
.banner-carousel-two .content-box{
position: relative;
}
.banner-carousel-two .content-box .inner-box{
position: relative;
float: right;
max-width: 500px;
background-color: rgba(0,0,0,0.80);
padding: 70px 70px 60px;
padding-right: 30px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
.banner-carousel-two .content-box .inner-box:before{
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 1000%;
background-color: rgba(0,0,0,0.80);
content: "";
}
.banner-carousel-two .active .content-box .inner-box{
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(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;
-webkit--moz-transition-delay: 300ms;
-moz--moz-transition-delay: 300ms;
-ms--moz-transition-delay: 300ms;
-o--moz-transition-delay: 300ms;
-moz-transition-delay: 300ms;
}
.banner-carousel-two .content-box .title{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 22px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel-two .active .content-box .title{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-carousel-two .content-box h2{
position: relative;
display: block;
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel-two .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-carousel-two .content-box .text{
position: relative;
display: block;
font-size: 14px;
line-height: 26px;
color: #ffffff;
font-weight: normal;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.banner-carousel-two .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-carousel-two .link-box{
position: relative;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.banner-carousel-two .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-carousel-two .link-box a{
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffad00;
font-weight: normal;
padding: 0;
transition: all 300ms ease;
}
.banner-carousel-two .link-box a:hover{
color: #ffffff;
}
.banner-section-three .contact-info{
position: absolute;
left: 45px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: left;
bottom: 75px;
}
.banner-section-three .contact-info li{
position: relative;
float: left;
margin-right: 35px;
font-size: 14px;
line-height: 30px;
color: #222222;
font-weight: normal;
}
.banner-section-three .contact-info li span{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #aaaaaa;
font-weight: normal;
}
.banner-section-three .contact-info li a{
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;
}
.banner-section-three .contact-info li a:hover{
color: #FF7F00;
}
.banner-carousel-two .owl-nav{
position: absolute;
max-width: 1170px;
padding: 0 20px;
width: 180%;
text-align: right;
margin: 0 auto;
left: 0;
right: 0;
bottom: -30px;
height: 0;
}
.banner-carousel-two .owl-next,
.banner-carousel-two .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: transparent;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-carousel-two .owl-next:hover,
.banner-carousel-two .owl-prev:hover{
color: #FF7F00;
}
.banner-carousel-two .owl-next:before,
.banner-carousel-two .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-carousel-two .owl-next:hover:before,
.banner-carousel-two .owl-prev:hover:before{
border-color: #FF7F00;
}
.banner-carousel-two .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.banner-carousel-two .owl-next span{
margin-left: 5px;
}
.banner-carousel-two .owl-prev span{
margin-right: 5px;
}
.banner-section-three .bottom-box{
position: relative;
background-color: #333333;
}
.banner-section-three .bottom-box .outer-box{
position: relative;
padding: 35px 0;
}
.banner-section-three .bottom-box .outer-box:before{
position: absolute;
top: 0;
margin-left: -300px;
left: 100%;
height: 100%;
width: 1000%;
background-color: #ffffff;
content: "";
transform:skew(40deg);
}
.banner-section-three .social-links{
position: relative;
z-index: 1;
}
.banner-section-three .social-links li{
position: relative;
float: left;
margin-right: 55px;
font-size: 13px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-three .social-links li span{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #999999;
font-weight: normal;
margin-right: 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-three .social-links li 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;
}
.banner-section-three .social-links li a:hover span,
.banner-section-three .social-links li a:hover{
color: #FF7F00;
}
/***
====================================================================
Banner Section Four
====================================================================
***/
.banner-section-four{
position: relative;
padding-left: 120px;
}
.banner-carousel-three .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 250px 0;
overflow: hidden;
}
.banner-carousel-three .slide-item:before{
position: absolute;
left: -15%;
top: 0;
height: 100%;
width: 60%;
content: "";
background-color: #000000;
opacity: 0.7;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-o-transform: skew(-15deg);
transform: skew(-15deg);
}
.banner-carousel-three .content-box{
position: relative;
}
.banner-carousel-three h2{
position: relative;
display: block;
font-size: 48px;
line-height: 72px;
color: #ffffff;
font-weight: 700;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel-three .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-carousel-three .content-box .text{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 55px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.banner-carousel-three .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-carousel-three .link-box{
position: relative;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.banner-carousel-three .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-carousel-three .link-box a{
position: relative;
display: inline-block;
padding: 13px 45px;
font-weight: 700;
}
.banner-carousel-three .owl-nav{
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
}
.banner-carousel-three .owl-prev,
.banner-carousel-three .owl-next{
position: relative;
float: left;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 24px;
color: #ffffff;
font-weight: normal;
background: rgb(255,174,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,138,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#FF7F00',GradientType=0 );
text-align: center;
transition: all 300ms linear;
}
.banner-carousel-three .owl-prev:hover,
.banner-carousel-three .owl-next:hover{
color: #ffffff;
-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}
/***
====================================================================
Banner Section Five
====================================================================
***/
.banner-section-five{
position: relative;
}
.full-screen .banner-carousel{
position: relative;
height: 100%;
}
.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
height: 100% !important;
}
.banner-section-five .slide-item{
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 0;
}
.banner-section-five .slide-item:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: #000000;
opacity: 0.30;
}
.banner-section-five .slide-item .content-box{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1200px;
padding: 45px 15px;
bottom: 0;
}
.banner-section-five .slide-item .content-box:before{
position: absolute;
right: 0;
bottom: 64px;
height: 1px;
width: 100px;
background-color: #ffffff;
content: "";
}
.banner-section-five .content-box .title{
position: relative;
display: block;
font-size: 18px;
line-height: 1.2em;
color: #aaaaaa;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
opacity: 0;
visibility: hidden;
transform: translateY(-50px);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-five .active .content-box .title{
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition-delay: 1000ms;
}
.banner-section-five .content-box h2{
position: relative;
display: block;
font-size: 78px;
line-height: 1.2em;
margin-bottom: 0;
}
.banner-section-five .active .content-box h2{
animation: slideInRight 1s;
animation-delay: 500ms;
}
.banner-section-five .content-box .video-link{
position: absolute;
right: 15px;
top: 50%;
margin-top: -30px;
}
.banner-section-five .content-box .video-link a{
position: relative;
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
font-size: 16px;
color: #ffa500;
font-weight: normal;
border: 2px solid #ffffff;
border-radius: 50%;
background-color: rgba(0,0,0,0.46);
transform: translateY(-50px);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-five .content-box .video-link a:hover{
color: #ffffff;
border-color: #000000;
}
.banner-section-five .owl-nav{
display: none;
}
.banner-section-five .owl-dots{
position: absolute;
right: 80px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-section-five .owl-dot{
position: relative;
display: block;
height: 14px;
width: 14px;
background-color: #ffffff;
border-radius: 50%;
margin-bottom: 35px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-five .owl-dot.active{
background-color: #ff9c00;
}
.banner-section-five .social-links{
position: absolute;
left: 80px;
bottom: 100px;
z-index: 9;
}
.social-icon-three{
position: relative;
}
.social-icon-three li{
position: relative;
display: block;
margin-bottom: 25px;
}
.social-icon-three li a{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
-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-three li a:hover{
color: #FF7F00;
}
/***
====================================================================
Banner Section Six
====================================================================
***/
.banner-section-six{
position: relative;
padding-left: 100px;
padding-right: 100px;
}
.banner-section-six .slide-item{
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding:570px 0 0;
}
.banner-section-six .slide-item:before{
position: absolute;
left: 0;
bottom: 0;
height: 90px;
width: 100%;
background-color: #ffffff;
content: "";
}
.banner-section-six .content-box{
position: relative;
max-width: 740px;
background-color: #222222;
padding: 70px 70px 60px;
}
.banner-section-six .content-box .inner-box{
position: relative;
float: none;
transform: none;
max-width:none;
background-color: transparent;
padding:0;
padding-left: 70px;
}
.banner-section-six .content-box .inner-box:before{
display: none;
}
.banner-section-six .content-box .count{
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
line-height: 20px;
color: #ffad00;
font-weight: normal;
}
.banner-section-six .content-box .title{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 22px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-section-six .active .content-box .title{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-section-six .content-box h2{
position: relative;
display: block;
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-section-six .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section-six .content-box .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.banner-section-six .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section-six .link-box{
position: relative;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.banner-section-six .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.banner-section-six .link-box a{
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffad00;
font-weight: normal;
padding: 0;
}
.banner-section-six .contact-info{
position: absolute;
left: 50px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: left;
bottom: 75px;
}
.banner-section-six .contact-info li{
position: relative;
float: left;
margin-right: 35px;
font-size: 14px;
line-height: 30px;
color: #222222;
font-weight: normal;
}
.banner-section-six .contact-info li span{
position: relative;
float: left;
font-size: 14px;
line-height: 30px;
color: #aaaaaa;
font-weight: normal;
}
.banner-section-six .contact-info li a{
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;
}
.banner-section-six .contact-info li a:hover{
color: #FF7F00;
}
.banner-section-six .social-links{
position: absolute;
right: 30px;
z-index: 1;
bottom: 36%;
transform-origin: right;
-webkit-transform: rotate(90deg) translateY(70%);
-moz-transform: rotate(90deg) translateY(70%);
-ms-transform: rotate(90deg) translateY(70%);
-o-transform: rotate(90deg) translateY(70%);
transform: rotate(90deg) translateY(70%);
}
.banner-section-six .social-links li{
position: relative;
float: left;
margin-right: 55px;
font-size: 13px;
line-height: 30px;
color: #222222;
font-weight: normal;
text-transform: uppercase;
}
.banner-section-six .social-links li span{
position: relative;
float: left;
transform: rotate(-90deg);
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-right: 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-six .social-links li a{
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;
}
.banner-section-six .social-links li a:hover span,
.banner-section-six .social-links li a:hover{
color: #FF7F00;
}
.banner-section-six .banner-carousel-two .owl-nav{
position: absolute;
right: 25px;
bottom: 5px;
width: 180px;
max-width: 170px;
padding: 0;
margin: 0;
left: auto;
bottom: 0;
height: auto;
}
.banner-section-six .owl-next,
.banner-section-six .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: transparent;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-section-six .owl-next:hover,
.banner-section-six .owl-prev:hover{
color: #FF7F00;
}
.banner-section-six .owl-next:before,
.banner-section-six .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.banner-section-six .owl-next:hover:before,
.banner-section-six .owl-prev:hover:before{
border-color: #FF7F00;
}
.banner-section-six .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.banner-section-six .owl-next span{
margin-left: 5px;
}
.banner-section-six .owl-prev span{
margin-right: 5px;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:120px 0 50px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.page-title:before{
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background:#000000;
opacity: .70;
position:absolute;
}
.page-title .inner-container{
position: relative;
}
.page-title .title-box{
position: relative;
float: left;
margin-top: 50px;
}
i.fa.fa-sort-desc {
vertical-align: top;
margin-top: 4px;
}
.page-title h1{
position:relative;
display: block;
font-size:48px;
color:#ffffff;
line-height: 50px;
font-weight: normal;
margin-bottom: 35px;
}
.page-title .title{
position: relative;
display: block;
font-size: 24px;
line-height: 40px;
color: #ffffff;
font-weight: normal;
}
.page-title .bread-crumb {
position: relative;
float: right;
padding-top: 95px;
}
.page-title .bread-crumb li{
position: relative;
float: left;
font-size: 18px;
line-height: 30px;
color:#FF7F00;
font-weight: 700;
text-transform: capitalize;
cursor: default;
padding-right: 10px;
margin-right: 10px;
}
.page-title .bread-crumb li:before{
position: absolute;
right: -2px;
font-size: 16px;
line-height: 30px;
color: #ffffff;
content: "-";
}
.page-title .bread-crumb li:last-child:before{
display: none;
}
.page-title .bread-crumb li 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;
}
.page-title .bread-crumb li a:hover{
color:#FF7F00 ;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position: relative;
margin-bottom: 75px;
}
.sec-title .float-text{
position: absolute;
left: 0;
top: 0;
width: 100%;
font-size: 72px;
line-height: 1em;
color: #2f2f2f;
font-weight: 700;
text-transform: uppercase;
opacity: .10;
font-family: "Arimo", sans-serif;
}
.sec-title h2{
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color:#8C4600;
font-weight: normal;
padding: 16px 0;
}
.sec-title.light .float-text{
color: #f2f2f2;
opacity: 0.10;
}
.sec-title.light h2{
color: #ffffff;
}
.sec-title.text-center .float-text{
right: 0;
margin: 0 auto;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position: relative;
background-repeat: no-repeat;
background-position: center left;
padding: 100px 0;
}
.about-section .image-column{
position: relative;
}
.about-section .image-column .inner-column{
position: relative;
text-align: right;
margin-right: -15px;
}
.about-section .image-column .title-box{
position: absolute;
left: 95px;
bottom: 75px;
width: 100%;
text-align: left;
z-index: 9;
}
.about-section .image-column .title-box h2{
position: relative;
display: block;
font-size: 60px;
line-height: 78px;
color: #f2f2f2;
font-weight: 900;
text-transform: uppercase;
text-shadow: 0 0 10px #000;
font-family: "Rubik", sans-serif;
}
.about-section .image-column .image-box{
position: relative;
z-index: 1;
padding-top: 110px;
}
.about-section .image-column .image-box .image{
position: relative;
margin-bottom: 0;
}
.about-section .image-column .image-box .alphabet-img{
position: absolute;
left: 0;
top: 0;
}
.about-section .image-column .image-box .alphabet-img img{
max-width: 100%;
height: auto;
}
.about-section .image-column .image img{
display: inline-block;
max-width: 100%;
height: auto;
/*-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
-ms-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
-o-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
box-shadow: 0 8px 20px rgba(0,0,0,0.18);*/
}
.about-section .content-column{
position: relative;
}
.about-section .content-column .inner-column{
position: relative;
padding-top: 170px;
}
.about-section .content-column .content-box{
/*position: relative;
padding: 70px 90px 74px;
background-color: #ffffff;
border: 20px solid #f2f2f2;
border-left: 0;*/
position: relative;
padding: 70px 50px 74px;
background-color: #ffffff;
border: 20px solid #f2f2f2;
border-left: 0;
}
.about-section .content-column .content-box .title{
position: relative;
margin-bottom: 35px;
}
.about-section .content-column .content-box .title h2{
position: relative;
display: block;
font-size: 30px;
line-height: 42px;
color:#8C4600;
font-weight: normal;
padding-bottom: 35px;
}
.about-section .content-column .content-box .title h2:before{
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 45px;
background-color: #FF7F00;
content: "";
}
.about-section .content-column .content-box .text{
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
color: #000;
margin-bottom: 45px;
text-align:justify;
}
.about-section .content-column .content-box .link-box{
position: relative;
}
.about-section .content-column .content-box .link-box a{
font-weight: 700;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position: relative;
}
.services-section .upper-box{
position: relative;
padding: 85px 0 270px;
}
.services-section .upper-box:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .85;
}
.services-section .services-box{
position: relative;
margin-top: -270px;
padding-bottom: 100px;
}
.services-section .services-box .auto-container{
padding: 0;
}
.services-carousel{
position: relative;
padding-bottom: 75px;
}
.service-block{
position: relative;
padding: 0 15px 15px;
}
.service-block .inner-box{
position: relative;
}
.service-block .image-box{
position: relative;
}
.service-block .image-box .image{
position: relative;
background-color: #222222;
margin-bottom: 0;
overflow: hidden;
}
.service-block .image-box .image img{
display: block;
width: 100%;
height: auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .inner-box:hover .image-box .image img{
opacity: .70;
-webkit-transform: scale(1.2) rotate(-5deg);
-moz-transform: scale(1.2) rotate(-5deg);
-ms-transform: scale(1.2) rotate(-5deg);
-o-transform: scale(1.2) rotate(-5deg);
transform: scale(1.2) rotate(-5deg);
}
.service-block .lower-content{
position: relative;
padding: 35px 25px;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .inner-box:hover .lower-content{
-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
-ms-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
-o-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
box-shadow: 0 8px 15px rgba(0,0,0,0.10);
}
.service-block .lower-content h3{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
margin-bottom: 18px;
}
.service-block .lower-content h3 a{
color:#8C4600;
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;
}
.service-block .lower-content h3 a:hover{
color: #ffad00;
}
.service-block .lower-content .text{
position: relative;
display: block;
font-size:16px;
line-height: 30px;
color: #000;
font-weight: normal;
margin-bottom: 27px;
}
.service-block .lower-content .link-box{
position: relative;
}
.service-block .lower-content .link-box a{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
font-family: "Rubik", sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .lower-content .link-box a i{
margin-left: 5px;
}
.service-block .lower-content .link-box a:hover{
color: #ffad00;
}
.services-carousel .owl-nav{
display: none;
}
.services-carousel .owl-dots{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.services-carousel .owl-dot{
position: relative;
display: inline-block;
height: 16px;
width: 4px;
margin: 0 5px;
background-color: #b6b6b6;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 7px;
}
.services-carousel .owl-dot:hover,
.services-carousel .owl-dot.active{
height: 30px;
margin-bottom: 0;
background-color: #FF7F00;
}
/***
====================================================================
Service Detail
====================================================================
***/
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
display:block;
}
.service-detail .image-box{
position: relative;
margin-bottom: 35px;
}
.service-detail .image-box .owl-nav{
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -20px;
}
.service-detail .image-box .owl-next,
.service-detail .image-box .owl-prev{
position: absolute;
left: 40px;
top: 0;
height: 40px;
width: 40px;
background-color: #333333;
color: #ffffff;
font-size: 18px;
line-height: 40px;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-detail .image-box .owl-next{
left: auto;
right: 40px;
}
.service-detail .image-box .owl-next:hover,
.service-detail .image-box .owl-prev:hover{
background-color: #FF7F00;
}
.service-detail .inner-box .image{
position:relative;
margin-bottom: 0;
}
.service-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.service-detail .inner-box h2{
position:relative;
font-size:30px;
font-weight: normal;
color:#8C4600;
line-height:1.2em;
margin-bottom:25px;
}
.service-detail .inner-box .text{
position:relative;
}
.service-detail .inner-box .text .two-column{
margin-top:40px;
margin-bottom:30px;
}
.service-detail .inner-box .text p{
position:relative;
font-size:16px;
line-height: 30px;
color:#000;
margin-bottom:30px;
}
.service-detail .inner-box .text strong{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
margin-bottom: 10px;
font-family: "Rubik", sans-serif;
}
.service-detail .inner-box .text h3{
position:relative;
font-size:24px;
font-weight: normal;
color:#222222;
line-height:1.2em;
margin-bottom:30px;
}
.service-detail .inner-box ul{
position: relative;
}
.service-detail .inner-box ul li{
position: relative;
display: block;
font-size: 14px;
line-height: 26px;
color: #777777;
padding-left: 40px;
margin-bottom: 10px;
}
.service-detail .inner-box ul li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 26px;
color: #FF7F00;
font-weight: 300;
content: "\f05d";
font-family: "FontAwesome";
}
.service-detail blockquote{
position: relative;
background-color: #f5f5f5;
padding: 40px 40px 25px 50px;
font-size: 14px;
line-height: 28px;
color: #666666;
font-weight: normal;
font-style: italic;
margin-bottom: 60px;
border: 0;
}
.service-detail blockquote cite{
position: relative;
display: block;
text-align: right;
font-size: 15px;
line-height: 30px;
color: #222222;
font-weight: normal;
font-family: "Rubik", sans-serif;
font-style: normal;
margin-top: 20px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.service-detail .prod-tabs{
position:relative;
}
.tabs-box{
position: relative;
}
.tabs-box .tab{
display: none;
}
.tabs-box .tab.active-tab{
display: block;
}
.service-detail .prod-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #dddddd;
}
.service-detail .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#f3f3f3;
color:#222222;
text-transform:capitalize;
font-weight:400;
line-height:27px;
cursor:pointer;
border:1px solid transparent;
padding: 10px 25px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Rubik', sans-serif;
}
.service-detail .prod-tabs .tab-btns .tab-btn:hover:after,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after{
position:absolute;
content:'';
left:0px;
bottom:-3px;
width:100%;
height:5px;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.service-detail .prod-tabs .tab-btns .tab-btn:hover,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn{
color:#FF7F00;
border-color:#e2e2e2;
background:#ffffff;
}
.service-detail .prod-tabs .tabs-content{
position:relative;
padding:22px 22px 22px;
border:1px solid #dddddd;
border-top:0px;
}
.service-detail .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.service-detail .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.service-detail .prod-tabs .tabs-content .tab .content{
position:relative;
}
.service-detail .prod-tabs .tabs-content .tab .content p{
position:relative;
font-size:14px;
line-height: 30px;
color:#777777;
margin-bottom:0px;
}
/***
====================================================================
Specialize Section
====================================================================
***/
.specialize-section{
position: relative;
padding: 100px 0;
}
.specialize-section .sec-title{
margin-bottom: 60px;
}
.services-carousel-two{
position: relative;
padding-bottom: 80px;
}
.service-block-two{
position: relative;
}
.service-block-two .inner-box{
position: relative;
display: block;
}
.service-block-two .image-box{
position: relative;
}
.service-block-two .image-box .image{
position: relative;
margin-bottom: 0;
background-color: #222222;
overflow: hidden;
}
.service-block-two .image-box .image img{
position: relative;
display: block;
width: 100%;
height: auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 500ms ease;
}
.service-block-two .image-box:hover .image img{
opacity: .70;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.service-block-two .caption-box{
position: relative;
padding: 25px 0px;
}
.service-block-two .caption-box h3{
position: relative;
display: block;
font-size: 20px;
line-height: 1.3em;
color: #222222;
font-weight: normal;
margin-bottom: 5px;
}
.service-block-two .caption-box h3 a{
color: #222222;
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;
}
.service-block-two .caption-box h3 a:hover{
color: #FF7F00;
}
.service-block-two .link-box a{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 20px;
color: #FF7F00;
font-weight: normal;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-two .link-box a:hover{
color: #222222;
}
.services-carousel-two .owl-nav{
display: none;
}
.services-carousel-two .owl-dots{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.services-carousel-two .owl-dot{
position: relative;
display: inline-block;
height: 16px;
width: 4px;
margin: 0 5px;
background-color: #b6b6b6;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 7px;
}
.services-carousel-two .owl-dot:hover,
.services-carousel-two .owl-dot.active{
height: 30px;
margin-bottom: 0;
background-color: #FF7F00;
}
/***
====================================================================
Specialize Section Two
====================================================================
***/
.specialize-section-two{
position: relative;
padding: 100px 0;
}
.specialize-section-two .title-column{
position: relative;
}
.specialize-section-two .title-column .sec-title{
margin-bottom: 50px;
}
.specialize-section-two .title-column .text-box{
position: relative;
}
.specialize-section-two .title-column .text-box h4{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffac00;
font-weight: normal;
margin-bottom: 30px;
}
.specialize-section-two .title-column .text-box p{
position: relative;
display: block;
font-size:16px;
line-height: 30px;
color: #000;
font-weight: normal;
margin-bottom: 30px;
}
.specialize-section-two .title-column .link-box{
position: relative;
}
.specialize-section-two .title-column .link-box a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
font-family: "Rubik", sans-serif;
}
.specialize-section-two .carousel-column{
position: relative;
}
.specialize-section-two .carousel-column .inner-column{
position: relative;
padding-left: 40px;
}
.specialize-section-two .carousel-column .carousel-outer{
position: relative;
padding-left: 160px;
}
.specialize-section-two .thumbs-carousel{
position: absolute;
left: 75px;
top: -64px;
transform: rotate(90deg);
transform-origin: left;
max-width: 590px;
margin: 0 auto;
}
.specialize-section-two .thumbs-carousel .thumb-box{
position: relative;
cursor: pointer;
}
.specialize-section-two .thumbs-carousel .thumb-box figure{
position: relative;
margin-bottom: 0;
}
.specialize-section-two .thumbs-carousel .thumb-box .overlay{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.specialize-section-two .thumbs-carousel .thumb-box .overlay:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ff9f14;
opacity: .70;
content: "";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay:before{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.specialize-section-two .thumbs-carousel .thumb-box .overlay .icon{
position: absolute;
height: 40px;
width: 40px;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
text-align: center;
line-height: 40px;
font-size: 30px;
color: #222222;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay .icon{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition-delay: 300ms;
}
.specialize-section-two .carousel-outer .thumbs-carousel img{
transform: rotate(-90deg);
width: 130px;
height: auto;
}
.carousel-outer .thumbs-carousel .owl-nav{
position: absolute;
left: 96%;
bottom: -442%;
transform: rotate(-90deg);
transform-origin: left;
min-width: 300px;
}
.carousel-outer .thumbs-carousel .owl-next,
.carousel-outer .thumbs-carousel .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: #ffffff;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.carousel-outer .thumbs-carousel .owl-next:hover,
.carousel-outer .thumbs-carousel .owl-prev:hover{
color: #FF7F00;
}
.carousel-outer .thumbs-carousel .owl-next:before,
.carousel-outer .thumbs-carousel .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.carousel-outer .thumbs-carousel .owl-next:hover:before,
.carousel-outer .thumbs-carousel .owl-prev:hover:before{
border-color: #FF7F00;
}
.carousel-outer .thumbs-carousel .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.carousel-outer .thumbs-carousel .owl-next span{
margin-left: 5px;
}
.carousel-outer .thumbs-carousel .owl-prev span{
margin-right: 5px;
}
.specialize-section-two.alternate .title-column{
order: 12;
}
.specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav{
position: absolute;
left: 96%;
bottom: auto;
top: -442%;
transform: rotate(-90deg);
}
.specialize-section-two.alternate .carousel-column .inner-column{
padding-left: 0;
padding-right: 40px;
}
/***
====================================================================
Process Section
====================================================================
***/
.process-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 20px;
}
.process-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #222222;
opacity: 0.85;
content: "";
}
.process-section .sec-title{
margin-bottom: 90px;
}
.process-block{
position: relative;
margin-bottom: 80px;
}
.process-block .inner-box{
position: relative;
padding: 75px 30px 30px;
background-color: #222222;
border: 1px dashed #bbbbbb;
border-radius: 0 0 0 20px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .inner-box:hover{
border-color: #FF7F00;
}
.process-block .inner-box .count{
position: absolute;
right: 40px;
top: -40px;
height: 80px;
width: 80px;
background-color: #777777;
border-radius: 0 10px 0 0;
font-size: 30px;
line-height: 80px;
color: #ffffff;
font-weight: 700;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .inner-box:hover .count{
background-color: #FF7F00;
}
.process-block h4{
position: relative;
display: block;
font-size: 18px;
line-height: 25px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}
.process-block h4 a{
color: #ffffff;
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;
}
.process-block h4 a:hover{
color: #FF7F00;
}
.process-block .text{
display: block;
font-size: 14px;
line-height: 24px;
color: #bbbbbb;
font-weight: normal;
margin-bottom: 15px;
}
.process-block .link-box{
position: relative;
}
.process-block .link-box a{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #FF7F00;
font-weight: 700;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-block .link-box a:hover{
color: #ffffff;
}
/***
====================================================================
Fun Fact Section
====================================================================
***/
.fun-fact-section{
position: relative;
}
.fun-fact-section .outer-box{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
max-width: 1400px;
margin: 0 auto;
padding: 100px 0 60px;
}
.fact-counter{
position: relative;
}
.fact-counter .counter-column{
position:relative;
margin-bottom:40px;
}
.fact-counter .count-box{
position: relative;
font-size: 60px;
line-height: 1em;
color: #ffffff;
font-weight: 700;
padding: 20px 0;
padding-left: 20px;
}
.fact-counter .count-box:before{
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 50px;
border: 2px solid #FF7F00;
content: "";
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.fact-counter .count-box:hover:before{
-webkit-box-shadow: #FF7F00 0 0px 0px 40px inset;
-moz-box-shadow: #FF7F00 0 0px 0px 40px inset;
-ms-box-shadow: #FF7F00 0 0px 0px 40px inset;
-o-box-shadow: #FF7F00 0 0px 0px 40px inset;
box-shadow: #FF7F00 0 0px 0px 40px inset;
}
.fact-counter .count-box .count{
position: relative;
float: left;
margin-right: 15px;
}
.fact-counter .count-box .count-text{
position: relative;
display: inline-block;
font-size: 60px;
line-height: 1em;
color: #ffffff;
font-weight: 700;
}
.fact-counter .count-box .counter-title{
position: relative;
display: block;
font-size:18px;
line-height: 1.2em;
font-weight:400;
color:#dddddd;
padding: 9px 0;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Fun Fact And Features
====================================================================
***/
.fun-fact-and-features{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 0;
}
.fun-fact-and-features.alternate{
padding-bottom: 100px;
}
.fun-fact-and-features.alternate:before{
height: 270px;
}
.fun-fact-and-features:before{
position: absolute;
left: 0;
bottom: 0;
height: 170px;
width: 100%;
background-color: #ffffff;
content: "";
}
.fun-fact-and-features .outer-box{
position: relative;
}
.fun-fact-and-features .fact-counter{
position: relative;
margin-bottom: 60px;
}
.fun-fact-and-features .features{
position: relative;
}
.feature-block{
position: relative;
}
.feature-block .inner-box{
position: relative;
background-color: #ffffff;
padding: 35px 35px 30px;
-webkit-box-shadow: 0 0 32px rgba(0,0,0,0.20);
-moz-box-shadow: 0 0 32px rgba(0,0,0,0.20);
-ms-box-shadow: 0 0 32px rgba(0,0,0,0.20);
-o-box-shadow: 0 0 32px rgba(0,0,0,0.20);
box-shadow: 0 0 32px rgba(0,0,0,0.20);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block .inner-box:hover{
background-color: #FF7F00;
}
.feature-block .icon-box{
position: relative;
display: block;
margin-bottom: 30px;
}
.feature-block .icon-box .icon{
position: relative;
display: inline-block;
font-size: 52px;
line-height: 52px;
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;
}
.feature-block .inner-box:hover .icon-box .icon{
color: #ffffff;
}
.feature-block h3{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
padding-bottom: 12px;
margin-bottom: 30px;
}
.feature-block h3 a{
position: relative;
display: inline-block;
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;
}
.feature-block .inner-box:hover h3 a{
color: #ffffff;
}
.feature-block h3:before{
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 40px;
background-color: #222222;
content: "";
}
.feature-block .text{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #777777;
font-weight: normal;
margin-bottom: 28px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block .inner-box:hover .text{
color: #ffffff;
}
.feature-block .link-box{
position: relative;
}
.feature-block .link-box a{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #FF7F00;
font-weight: 700;
font-family: "Arimo", sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block .inner-box:hover .link-box a{
color: #222222;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section{
position: relative;
padding: 100px 0 0;
}
.projects-section .inner-container{
position: relative;
}
.project-block{
position: relative;
}
.project-block .image-box{
position: relative;
}
.project-block .image-box .image{
position: relative;
margin-bottom: 0;
}
.project-block .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.project-block .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.project-block .overlay-box h4{
position: absolute;
right: 30px;
top: 30px;
text-align: right;
opacity:0;
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.project-block .overlay-box h4 a{
color: #ffffff;
}
.project-block .image-box:hover .overlay-box h4{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.project-block .overlay-box:before{
position: absolute;
left: 50%;
top: 50%;
height: 0%;
width: 0%;
opacity: 0;
overflow:hidden;
content: "";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.project-block .image-box:hover .overlay-box:before{
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 1;
visibility: visible;
border-radius: 0%;
}
.project-block .overlay-box .btn-box{
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
opacity:0;
margin-top: -15px;
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.project-block .overlay-box .btn-box a{
position: relative;
display: inline-block;
font-size: 24px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
margin: 0 6px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.project-block .overlay-box .btn-box a:hover{
color: #FF7F00;
}
.project-block .image-box:hover .overlay-box .btn-box{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.project-block .overlay-box .tag{
position: absolute;
left: 30px;
bottom: 30px;
text-align: right;
opacity:0;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.project-block .image-box:hover .overlay-box .tag{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.projects-carousel{
position: relative;
}
.projects-carousel .owl-nav{
position: absolute;
left: 0;
right: 0;
top: -130px;
max-width: 1170px;
padding: 0 15px;
margin: 0 auto;
}
.projects-carousel .owl-next,
.projects-carousel .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: #ffffff;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.projects-carousel .owl-next:hover,
.projects-carousel .owl-prev:hover{
color: #FF7F00;
}
.projects-carousel .owl-next:before,
.projects-carousel .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.projects-carousel .owl-next:hover:before,
.projects-carousel .owl-prev:hover:before{
border-color: #FF7F00;
}
.projects-carousel .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.projects-carousel .owl-next span{
margin-left: 5px;
}
.projects-carousel .owl-prev span{
margin-right: 5px;
}
/*=== Projects Section Alternate ===*/
.projects-section.alternate{
position: relative;
padding:100px 0;
}
.mixitup-gallery .filters{
margin-bottom:50px;
text-align:center;
}
.mixitup-gallery .filters .filter-tabs{
position:relative;
display: inline-block;
border-bottom: 2px solid #777777;
}
.mixitup-gallery .filters li{
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #777777;
font-weight: normal;
cursor: pointer;
text-transform: capitalize;
padding: 0 5px 10px;
margin-right: 30px;
margin-bottom: -2px;
border-bottom: 2px solid transparent;
font-family: "Rubik", sans-serif;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.mixitup-gallery .filters li:last-child{
margin-right: 0;
}
.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
border-bottom: 2px solid #FF7F00;
}
.project-block.mix{
display: none;
margin-bottom: 30px;
}
.projects-section.alternate .styled-pagination{
margin-top: 50px;
}
/***
====================================================================
Projects Section Two
====================================================================
***/
.projects-section-two{
position: relative;
padding: 100px 0;
}
.projects-section-two .upper-box{
position: relative;
}
.projects-section-two .upper-box .sec-title{
float: left;
margin-bottom: 50px;
}
.projects-section-two .upper-box .link-box{
position: relative;
float: right;
margin-top: 25px;
}
.projects-section-two .upper-box .link-box a{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #FF7F00;
font-weight: 700;
font-family: "Arimo", sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.projects-section-two .upper-box .link-box a:hover{
color: #222222;
}
.projects-carousel-two{
position: relative;
}
.project-block-two{
position: relative;
padding-left: 200px;
transition: all 300ms ease;
}
.project-block-two .image-box{
position: relative;
}
.project-block-two .image-box .image{
position: relative;
margin-bottom: 0;
}
.project-block-two .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.project-block-two .info-box{
position: absolute;
left: 200px;
top: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.projects-carousel-two .active .project-block-two .info-box{
left: 18px;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.project-block-two .info-box .inner-box{
position: relative;
background: #ffffff;
max-width: 300px;
width: 100%;
padding: 35px 30px 20px;
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0 0 18px rgba(0,0,0,0.18);
-ms-box-shadow: 0 0 18px rgba(0,0,0,0.18);
-o-box-shadow: 0 0 18px rgba(0,0,0,0.18);
box-shadow: 0 0 18px rgba(0,0,0,0.18);
}
.project-block-two .info-box .title{
position: relative;
display: block;
font-size: 15px;
line-height: 1.2em;
color: #777777;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 15px;
}
.project-block-two .info-box h3{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
margin-bottom: 25px;
}
.project-block-two .info-box .text{
position: relative;
display: block;
font-size: 15px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-bottom: 65px;
}
.project-block-two .info-box .link-box{
position: relative;
}
.project-block-two .info-box .link-box a{
position: relative;
display: block;
font-size: 15px;
line-height: 30px;
color: #FF7F00;
font-weight: 700;
font-family: "Arimo", sans-serif;
-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-two .info-box .link-box a:hover{
color: #222222;
}
.projects-carousel-two .owl-nav{
position: absolute;
left: 15px;
bottom: 0;
width: 60px;
height: 30px;
}
.projects-carousel-two .owl-next,
.projects-carousel-two .owl-prev{
position: absolute;
left: 15px;
bottom: 0;
font-size: 12px;
line-height: 30px;
color: #222222;
font-weight: normal;
transition: all 300ms ease;
z-index: 9;
}
.projects-carousel-two .owl-next{
left: auto;
right: -15px;
}
.projects-carousel-two .owl-next:hover,
.projects-carousel-two .owl-prev:hover{
color: #FF7F00;
}
.projects-carousel-two .owl-dots {
position: absolute;
left: 15px;
bottom: 0;
height: 30px;
width: 60px;
z-index: 0;
counter-reset: slides-num;
}
.projects-carousel-two .owl-dots:after {
position: absolute;
left: 52px;
content:counter(slides-num);
display: inline-block;
line-height: 30px;
font-size: 16px;
font-weight: 700;
color: #222222;
}
.projects-carousel-two .owl-dot {
display: inline-block;
counter-increment: slides-num;
}
.projects-carousel-two .owl-dot span {
display: none;
}
.projects-carousel-two .owl-dot.active:before {
position: absolute;
content: counter(slides-num) " /";
line-height: 30px;
font-size: 16px;
font-weight: 700;
color: #222222;
left: 30px;
top: 0;
}
/***
====================================================================
Product Detail
====================================================================
***/
.project-details-section{
position: relative;
padding: 100px 0 60px;
}
.project-detail .upper-box{
position: relative;
}
.project-detail .project-tabs{
position: relative;
}
.project-detail .project-tabs .tab-btns{
position: relative;
float: left;
margin-right: 30px;
width: 170px;
}
.project-detail .project-tabs .tab-btn{
position: relative;
display: block;
cursor: pointer;
margin-bottom: 25px;
}
.project-detail .project-tabs .tab-btn img{
display: block;
width: 100%;
height: auto;
}
.project-detail .tabs-content{
position: relative;
float: right;
}
.project-detail .tabs-content .image{
position: relative;
}
.project-detail .tabs-content .image img{
display: block;
width: 100%;
height: auto;
}
.project-detail .lower-content{
position: relative;
padding-top: 50px;
}
.project-detail .lower-content .content-column{
position: relative;
}
.project-detail .lower-content h2{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
margin-bottom: 20px;
}
.project-detail .lower-content h3{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
margin-bottom: 27px;
}
.project-detail .lower-content h4{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
margin-bottom: 20px;
}
.project-detail .lower-content p{
position: relative;
display: block;
font-size: 14px;
line-height: 28px;
color: #666666;
font-weight: normal;
margin-bottom: 30px;
}
.project-detail .list-style-one{
position: relative;
margin-bottom: 30px;
}
.project-detail .list-style-one:after{
display: table;
clear: both;
content: "";
}
.project-detail .info-column{
position: relative;
margin-bottom: 40px;
}
.project-detail .info-list{
position: relative;
display: block;
margin-bottom: 30px;
}
.project-detail .info-list li{
position: relative;
font-size: 14px;
line-height: 28px;
color: #666666;
font-weight: normal;
}
.project-detail .info-list li strong{
position: relative;
float: left;
color: #222222;
font-weight: 700;
width: 180px;
}
/*Help Box Two*/
.help-box-two{
position:relative;
background-size:cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(../images/icons/help-bg.jpg);
}
.help-box-two .inner{
position:relative;
border: 1px solid #dddddd;
padding:35px 40px;
-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.07);
-moz-box-shadow: 0 0 16px rgba(0,0,0,0.07);
-ms-box-shadow: 0 0 16px rgba(0,0,0,0.07);
-o-box-shadow: 0 0 16px rgba(0,0,0,0.07);
box-shadow: 0 0 16px rgba(0,0,0,0.07);
}
.help-box-two .inner .title{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #ffb902;
font-weight: 700;
margin-bottom: 10px;
}
.help-box-two .inner h2{
position:relative;
color:#222222;
font-size:24px;
font-weight: normal;
line-height:1.2em;
text-transform: uppercase;
margin-bottom:30px;
}
.help-box-two .inner .text{
position:relative;
color:#777777;
font-size:15px;
line-height: 28px;
margin-bottom:30px;
}
.help-box-two .inner .theme-btn{
background-color: transparent;
border: 1px solid #222222;
padding: 10px 35px;
line-height: 20px;
color: #ffb902;
}
.help-box-two .inner .theme-btn:hover{
color: #ffffff;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
display: block;
width: 100%;
}
.styled-pagination ul{
position:relative;
width: 100%;
text-align: center;
}
.styled-pagination li{
position:relative;
display: inline-block;
margin: 0 5px 8px;
}
.styled-pagination li a{
position:relative;
display: block;
height:40px;
width: 40px;
text-align: center;
line-height:36px;
font-weight:400;
font-size:14px;
background:#ffffff;
color:#bbbbbb;
border:2px solid #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;
}
.styled-pagination li a:hover,
.styled-pagination li.active a{
color:#222222;
border-color:#222222;
}
.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
width: auto;
padding: 0 20px;
}
.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover{
color: #FF7F00;
border-color: #FF7F00;
}
/***
====================================================================
Offer Section
====================================================================
***/
.offer-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 0px;
}
.offer-section:before{
position: absolute;
left: 0;
bottom: 0;
height: 200px;
width: 100%;
background-color: #ffffff;
content: "";
}
.offer-section .content-column{
position: relative;
margin-bottom: 50px;
}
.offer-section .content-column .title{
position: relative;
display: block;
font-size: 18px;
line-height: 1.2em;
color: #FF7F00;
font-weight: 600;
margin-bottom: 20px;
}
.offer-section .content-column h2{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
color: #f2f2f2;
font-weight: 700;
font-family: "Arimo", sans-serif;
margin-bottom: 30px;
}
.offer-section .content-column h2 span{
text-transform: uppercase;
}
.offer-section .content-column .discount{
position: relative;
display: block;
font-size: 84px;
line-height: 1em;
color: #FF7F00;
font-weight: 800;
font-style: italic;
margin-bottom: 40px;
}
.offer-section .content-column .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #f2f2f2;
font-weight: normal;
}
.offer-section .form-column{
position: relative;
z-index: 9;
}
.offer-section .form-column .inner-column{
position: relative;
margin-left: -15px;
}
.discount-form{
position: relative;
background-color: #f7f7f7;
padding: 55px 50px 35px;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}
.discount-form .form-group{
position:relative;
margin-bottom:20px;
}
.discount-form .form-group input[type="text"],
.discount-form .form-group input[type="email"],
.discount-form .form-group input[type="url"],
.discount-form .form-group textarea,
.discount-form .form-group select{
position: relative;
display: block;
width: 100%;
font-size: 14px;
color: #777777;
line-height: 30px;
padding: 14px 25px;
background-color: #ffffff;
height: 60px;
border: 1px solid #bbbbbb;
font-weight: normal;
border-radius: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.discount-form .form-group input:focus,
.discount-form .form-group select:focus,
.discount-form .form-group textarea:focus{
border-color:#FF7F00;
}
.discount-form .form-group textarea{
height: 220px;
resize: none;
margin-bottom: 10px;
}
.discount-form .form-group button{
text-transform: capitalize;
font-size: 16px;
font-weight: 700;
padding: 15px 45px;
line-height: 30px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position: relative;
padding: 100px 0 40px;
}
.team-block{
position: relative;
margin-bottom: 60px;
}
.team-block .inner-box{
position: relative;
padding-right: 50px;
}
.team-block .image-box{
position: relative;
margin-bottom: 15px;
}
.team-block .image-box .image{
position: relative;
margin-bottom: 0;
overflow: hidden;
z-index: 9;
}
.team-block .image-box img{
display: block;
width: 100%;
height: auto;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .image-box img{
opacity: .80;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team-block .image-box .social-links{
position: absolute;
right: 0;
top: 0;
}
.team-block .image-box .social-links li{
position: relative;
display: block;
right: 0;
opacity: 0;
visibility: hidden;
}
.team-block .image-box .social-links li a{
display: block;
text-align: center;
font-size: 19px;
line-height: 50px;
width: 50px;
text-align: center;
color: #222222;
font-weight: normal;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block .image-box .social-links li a:hover{
color: #fbb216;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(2){
transition-delay: 100ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(3){
transition-delay: 200ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(4){
transition-delay: 300ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(5){
transition-delay: 400ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(6){
transition-delay: 500ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(7){
transition-delay: 600ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(8){
transition-delay: 700ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(9){
transition-delay: 800ms;
}
.team-block .inner-box:hover .image-box .social-links li:nth-child(10){
transition-delay: 900ms;
}
.team-block .inner-box:hover .image-box .social-links li{
right: -50px;
opacity: 1;
visibility: visible;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.team-block .image-box .name{
position: absolute;
right: -40px;
bottom: 40px;
min-width: 170px;
text-align: center;
background-color: #222222;
z-index: 9;
font-family: "Arimo", sans-serif;
transform: skewX(-30deg);
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.team-block .image-box .name a{
position: relative;
display: inline-block;
transform: skewX(30deg);
font-size: 18px;
line-height: 27px;
color: #ffffff;
font-weight: normal;
padding: 10px 20px;
min-width: 170px;
}
.team-block .inner-box:hover .image-box .name{
background-color: #FF7F00;
}
.team-block .inner-box .designation{
position: relative;
display: block;
width: 100%;
text-align: right;
font-size: 13px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position: relative;
}
.testimonial-section .outer-container{
position: relative;
}
.testimonial-section .title-column{
position: relative;
float: right;
width: 100%;
max-width: 35%;
}
.testimonial-section .title-column .inner-column{
position: relative;
padding:100px 15px 0;
max-width: 500px;
text-align: right;
margin: 0 auto;
}
.testimonial-section .title-column .sec-title{
margin-bottom: 60px;
}
.testimonial-section .title-column .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #777777;
font-weight: normal;
}
.testimonial-section .testimonial-column{
position: relative;
float: right;
width: 100%;
max-width: 65%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius:0 40px 40px 0;
overflow: hidden;
}
.testimonial-section .testimonial-column .inner-column{
position: static;
float: right;
max-width: 870px;
width: 100%;
padding: 100px 120px 100px 60px;
}
.testimonial-section .testimonial-column .inner-column:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: 0.90;
}
.testimonial-carousel{
position: relative;
}
.testimonial-block{
position: relative;
padding-right: 30px;
padding-bottom: 40px;
}
.testimonial-block:before{
position: absolute;
right: 30px;
bottom: 40px;
height: 150px;
width: 150px;
background-color: #ebebeb;
content: "";
opacity: 0;
transition: all 300ms ease;
transition-delay: 500ms;
}
.testimonial-carousel .active .testimonial-block:before{
opacity: .20;
right: 0px;
bottom: 0px;
}
.testimonial-block .inner-box{
position: relative;
min-height: 210px;
padding-right: 220px;
text-align: right;
}
.testimonial-block .image-box{
position: absolute;
right: 0;
top: 0;
height: 210px;
width: 150px;
}
.testimonial-block .image-box .image{
position: relative;
}
.testimonial-block .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.testimonial-block .text{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
margin-bottom: 40px;
}
.testimonial-block .info-box{
position: relative;
}
.testimonial-block .info-box .name{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: normal;
}
.testimonial-block .info-box .designation{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #FF7F00;
font-weight: normal;
}
.testimonial-carousel .owl-nav{
position: absolute;
left: 0;
bottom: 0;
}
.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
position: relative;
display: inline-block;
font-size: 16px;
color: #ffffff;
font-weight: normal;
margin-right: 15px;
padding-right: 15px;
transition: all 300ms ease;
}
.testimonial-carousel .owl-next{
margin-right: 0;
padding-right: 0;
}
.testimonial-carousel .owl-prev:before{
position: absolute;
right: -2px;
top: 0;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: normal;
content: "|";
}
.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
color: #FF7F00;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position: relative;
padding: 100px 0;
background-color: #f5f5f5;
}
.testimonial-carousel-two{
position: relative;
padding-left: 100px;
}
.testimonial-block-two{
position: relative;
}
.testimonial-block-two .inner-box{
position: relative;
padding: 40px 60px;
border: 1px dashed #bbbbbb;
background-color: #ffffff;
}
.testimonial-block-two .inner-box .text{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-bottom: 20px;
}
.testimonial-block-two .info-box{
position: relative;
padding-right: 125px;
min-height: 90px;
padding-top: 40px;
text-align: right;
}
.testimonial-block-two .info-box:before{
position: absolute;
left: 0;
top: 40px;
font-size: 48px;
line-height: 50px;
color: #f3f3f3;
font-weight: normal;
content: "\f10d";
font-family: "FontAwesome";
}
.testimonial-block-two .info-box .thumb{
position: absolute;
right: 0;
top: 0;
width: 90px;
height: 90px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
-ms-box-shadow: 0 0 10px rgba(0,0,0,0.10);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
box-shadow: 0 0 10px rgba(0,0,0,0.10);
}
.testimonial-block-two .info-box .thumb img{
display: block;
width: 100%;
height: auto;
}
.testimonial-block-two .info-box .name{
position: relative;
display: block;
font-size: 18px;
line-height: 25px;
color: #FF7F00;
font-weight: normal;
}
.testimonial-block-two .info-box .date{
position: relative;
display: block;
font-size: 12px;
line-height: 25px;
color: #222222;
font-weight: normal;
}
.testimonial-carousel-two .owl-nav{
position: absolute;
left: 65px;
bottom: 0;
transform: rotate(-90deg);
transform-origin: left bottom;
background-color: transparent;
}
.testimonial-carousel-two .owl-next,
.testimonial-carousel-two .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.testimonial-carousel-two .owl-next:hover,
.testimonial-carousel-two .owl-prev:hover{
color: #FF7F00;
}
.testimonial-carousel-two .owl-next:before,
.testimonial-carousel-two .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.testimonial-carousel-two .owl-next:hover:before,
.testimonial-carousel-two .owl-prev:hover:before{
border-color: #FF7F00;
}
.testimonial-carousel-two .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.testimonial-carousel-two .owl-next span{
margin-left: 5px;
}
.testimonial-carousel-two .owl-prev span{
margin-right: 5px;
}
/***
====================================================================
Products Section
====================================================================
***/
.products-section{
position: relative;
padding: 100px 0 80px;
}
.products-section .sec-title{
margin-bottom: 0;
}
.products-section .title-column{
position: relative;
margin-bottom: 40px;
}
.products-section .title-column .inner-column{
position: relative;
padding-top: 55px;
}
.products-section .title-column h4{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
margin-bottom: 26px;
}
.products-section .title-column .text{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-bottom: 30px;
}
.products-section .title-column .btn-box a{
padding: 15px 38px;
line-height: 20px;
}
.products-section .products-column{
padding: 0;
}
.products-carousel{
position: relative;
}
.products-carousel .product-block{
padding: 15px;
padding-top: 65px;
transition: all 400ms ease;
}
.products-carousel .center .product-block{
padding-top: 15px;
}
.products-carousel .center .product-block .inner-box{
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
-ms-box-shadow: 0 0 15px rgba(0,0,0,0.05);
-o-box-shadow: 0 0 15px rgba(0,0,0,0.05);
box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
.product-block{
position: relative;
}
.product-block .inner-box{
position: relative;
border:1px solid #e1e1e1;
transition: all 400ms ease;
}
.product-block .info-box{
position: relative;
padding: 25px 28px;
text-align: right;
}
.product-block .info-box .name{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
}
.product-block .info-box .price{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #ffad00;
}
.products-carousel .owl-nav{
position: absolute;
left: -32%;
bottom: 15px;
}
.products-carousel .owl-next,
.products-carousel .owl-prev{
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 14px;
color: #bbbbbb;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: #ffffff;
z-index: 9;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.products-carousel .owl-next:hover,
.products-carousel .owl-prev:hover{
color: #FF7F00;
}
.products-carousel .owl-next:before,
.products-carousel .owl-prev:before{
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #bbbbbb;
border-right: 0;
content: "";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.products-carousel .owl-next:hover:before,
.products-carousel .owl-prev:hover:before{
border-color: #FF7F00;
}
.products-carousel .owl-next:before{
left: auto;
right: -25px;
border: 2px solid #bbbbbb;
border-left: 0;
}
.products-carousel .owl-next span{
margin-left: 5px;
}
.products-carousel .owl-prev span{
margin-right: 5px;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position: relative;
}
.video-section .outer-box{
position: relative;
max-width: 1720px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0;
}
.video-section .outer-box:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #222222;
opacity: 0.90;
content: "";
}
.video-section .content-column{
position: relative;
order: 12;
}
.video-section .content-column .inner-column{
position: relative;
padding: 35px 35px 0px 40px;
}
.video-section .content-column .sec-title{
margin-bottom: 22px;
}
.video-section .content-column .title{
position: relative;
display: block;
font-size: 18px;
line-height: 25px;
color: #FF7F00;
font-weight: normal;
margin-bottom: 30px;
}
.video-section .content-column .text{
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: normal;
}
.video-section .video-column .inner-column{
position: relative;
padding-left: 50px;
}
.video-section .video-column .video-box{
position: relative;
}
.video-section .video-column .video-box .image{
position: relative;
margin-bottom: 0;
}
.video-section .video-column .video-box .image img{
display: block;
width: 100%;
height: auto;
}
.video-section .video-column .video-box .link{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.video-section .video-column .video-box .link:hover{
background-color: rgba(0,0,0,0.50);
}
.video-section .video-column .video-box .link .icon{
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
background-color: #fff;
padding-left: 4px;
font-size: 18px;
color: #FF7F00;
border-radius: 50%;
text-align: center;
line-height: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.video-section .video-column .video-box .link:hover .icon{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
/*== Video Section Style Two ==*/
.video-section.style-two .outer-box{
padding-bottom: 155px;
}
.video-section.style-two .outer-box:before{
display: none;
}
.video-section.style-two .content-column .text{
color: #000;
}
.video-section .video-column .video-box:before{
position: absolute;
left: -50px;
height: 320px;
width: 520px;
bottom: -55px;
background-image: url(../images/icons/icon-lines.jpg);
background-repeat: no-repeat;
background-position: center;
content: "";
}
/***
====================================================================
FAQ Section
====================================================================
***/
.faq-section{
position: relative;
padding: 100px 0 35px;
}
.faq-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 38%;
background-image: url(../images/icons/icon-dot.png);
background-repeat: repeat;
background-position: center;
content: "";
}
.faq-section:after{
position: absolute;
right: 15px;
bottom: 125px;
height: 488px;
width: 320px;
background-image: url(../images/icons/icon-flower.png);
background-position: center;
background-repeat: no-repeat;
content: "";
z-index: -1;
}
.faq-section .image-column{
position: relative;
margin-bottom: 50px;
}
.faq-section .image-column .inner-column{
position: relative;
}
.faq-section .image-column .image-box{
position: relative;
}
.faq-section .image-column .image{
position: relative;
margin-bottom: 0;
text-align: center;
}
.faq-section .title-column .image img{
display: inline-block;
max-width: 100%;
height: auto;
}
.faq-section .accordion-column{
position: relative;
}
.faq-section .accordion-column .inner-column{
position: relative;
padding-top: 45px;
padding-left: 30px;
}
.faq-section .accordion-column .sec-title{
margin-bottom: 35px;
}
.faq-section .accordion-box{
position: relative;
}
.accordion-box .block {
position: relative;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
line-height:28px;
color:#252525;
font-weight: normal;
cursor:pointer;
padding:15px 25px 15px;
padding-right: 50px;
border:1px solid #dddddd;
font-family: "Rubik", sans-serif;
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;
margin-bottom: 20px;
}
.accordion-box .block .acc-btn.active{
background-color: #FF7F00;
border-color: #FF7F00;
color:#ffffff;
margin-bottom: 0px;
}
.accordion-box .block .icon{
position:absolute;
right: 15px;
top:15px;
height: 30px;
width: 30px;
font-size: 18px;
line-height: 30px;
color: #252525;
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:before{
position: absolute;
left: 0;
top: 0;
height: 30px;
width: 30px;
line-height: 30px;
opacity:1;
z-index: 1;
color: #ffffff;
font-size: 18px;
content: "\f146";
font-family: "FontAwesome";
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-content{
position:relative;
display:none;
background-color: #ffffff;
}
.accordion-box .block .content{
position:relative;
padding: 20px 25px;
margin-bottom: 0;
}
.accordion-box .block .acc-content.current{
display: block;
}
.accordion-box .block .content .text{
display: block;
font-size: 14px;
line-height: 30px;
color: #777777;
}
/***
====================================================================
FAQ Form Section
====================================================================
***/
.faq-form-section{
position: relative;
padding: 100px 0 70px;
background-color: #f9f9f9;
}
.faq-form-section .sec-title{
position: relative;
margin-bottom: 15px;
}
.faq-form-section .faq-form{
position: relative;
}
.faq-form .form-group{
position:relative;
margin-bottom:30px;
}
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
position: relative;
display: block;
width: 100%;
font-size: 13px;
color: #777777;
line-height: 19px;
padding: 10px 0px;
background-color: transparent;
font-weight: normal;
height: 40px;
border-bottom: 1px solid #e1e1e1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
border-color:#FF7F00;
}
.faq-form .form-group textarea{
height: 150px;
resize: none;
}
.faq-form .form-group button{
padding: 15px 50px;
line-height: 20px;
}
/***
====================================================================
App Section
====================================================================
***/
.app-section{
position: relative;
padding-top: 100px;
}
.app-section .outer-box{
position: relative;
background-repeat: repeat;
background-position: center;
background-image: url(../images/icons/icon-lines-dark.jpg);
padding:135px 0;
}
.app-section .outer-box:after,
.app-section .outer-box:before{
position: absolute;
left: 0;
top: 0;
height: 135px;
width: 100%;
background-color: #ffffff;
content: "";
}
.app-section .outer-box:after{
top: auto;
bottom: 0;
}
.app-section .title-column{
position: relative;
}
.app-section .title-column .inner-column{
position: relative;
padding-top: 85px;
}
.app-section .title-column h1{
position: relative;
display: block;
font-size: 84px;
line-height: 72px;
color: #ffffff;
font-weight: 900;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: -0.03em;
}
.app-section .image-column{
position: relative;
}
.app-section .image-column .inner-column{
position: relative;
margin-top: -135px;
margin-bottom: -155px;
z-index: 99;
margin-left: -30px;
margin-right: -30px;
}
.app-section .content-column{
position: relative;
}
.app-section .content-column .inner-column{
position: relative;
padding-top: 85px;
}
.app-section .content-column h3{
position: relative;
display: block;
font-size: 30px;
color: #ffffff;
font-weight: 700;
margin-bottom: 15px;
}
.app-section .content-column .text{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position: relative;
padding: 100px 0 70px;
}
.news-section:before{
position: absolute;
right: 0;
top: 140px;
height: 347px;
width: 157px;
background-image: url(../images/icons/icon-dots.png);
background-repeat: no-repeat;
background-position: center;
content: "";
}
.news-section:after{
position: absolute;
left: 0;
top: 55px;
height: 576px;
width: 238px;
background-image: url(../images/icons/pentagon.png);
background-repeat: no-repeat;
background-position: center;
content: "";
z-index: 0;
}
.news-section .sec-title{
position: relative;
margin-bottom: 45px;
z-index: 1;
}
.news-block{
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.news-block .inner-box{
position: relative;
}
.news-block .image-box{
position: relative;
margin-right: 40px;
}
.news-block .image-box .image{
position: relative;
margin-bottom: 0;
}
.news-block .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.news-block .image-box .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 0%;
width: 100%;
background: #FF7F00 padding-box content-box;
content: "";
padding: 15px;
opacity: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.news-block .inner-box:hover .overlay-box{
height: 100%;
opacity: 0.70;
}
.news-block .overlay-box a{
position: absolute;
left: 50%;
top: 50%;
height: 40px;
width: 40px;
margin-left: -20px;
margin-top: -20px;
text-align: center;
font-size: 30px;
line-height: 40px;
color: #000000;
font-weight: normal;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.news-block .inner-box:hover .overlay-box a{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.news-block .overlay-box a i{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .overlay-box a:hover i{
color: #ffffff;
}
.news-block .caption-box{
position: relative;
margin-top: -50px;
margin-left: 40px;
padding: 28px 35px 30px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);
box-shadow: 0 0 21px rgba(0,0,0,0.21);
}
.news-block .caption-box h3{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #2f2f2f;
font-weight: normal;
margin-bottom: 10px;
}
.news-block .caption-box h3 a{
color: #2f2f2f;
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;
}
.news-block .inner-box:hover .caption-box h3 a{
color: #FF7F00;
}
.news-block .caption-box .info{
position: relative;
display: block;
}
.news-block .caption-box .info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #777777;
font-weight: normal;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box:hover .caption-box .info li{
color: #222222;
}
.news-block .caption-box .info li a{
color: #777777;
}
/* News Block Two */
.news-section.alternate{
padding: 100px 0 40px;
}
.news-block-two{
position: relative;
margin-bottom: 60px;
z-index: 1;
}
.news-block-two .inner-box{
position: relative;
}
.news-block-two .image-box{
position: relative;
}
.news-block-two .image-box .image{
position: relative;
margin-bottom: 0;
}
.news-block-two .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.news-block-two .image-box .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 0%;
width: 100%;
background: #FF7F00 padding-box content-box;
content: "";
padding: 15px;
opacity: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.news-block-two .inner-box:hover .overlay-box{
height: 100%;
opacity: 0.70;
}
.news-block-two .overlay-box a{
position: absolute;
left: 50%;
top: 50%;
height: 40px;
width: 40px;
margin-left: -20px;
margin-top: -20px;
text-align: center;
font-size: 30px;
line-height: 40px;
color: #000000;
font-weight: normal;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.news-block-two .inner-box:hover .overlay-box a{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.news-block-two .overlay-box a i{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .overlay-box a:hover i{
color: #ffffff;
}
.news-block-two .caption-box{
position: relative;
margin-top: -25px;
padding: 0 20px;
}
.news-block-two .caption-box .inner{
position: relative;
padding: 25px 30px 30px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);
-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);
box-shadow: 0 0 21px rgba(0,0,0,0.21);
}
.news-block-two .caption-box h3{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #2f2f2f;
font-weight: normal;
margin-bottom: 10px;
}
.news-block-two .caption-box h3 a{
color: #2f2f2f;
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;
}
.news-block-two .inner-box:hover .caption-box h3 a{
color: #FF7F00;
}
.news-block-two .caption-box .info{
position: relative;
display: block;
}
.news-block-two .caption-box .info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #777777;
font-weight: normal;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .inner-box:hover .caption-box .info li{
color: #222222;
}
.news-block-two .caption-box .info li a{
color: #777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .caption-box .info li a:hover{
color: #FF7F00;
}
.news-block-two .caption-box .text{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-top: 10px;
}
/***
====================================================================
News Section Three
====================================================================
***/
.news-section-two{
position: relative;
padding:50px 0 50px;
}
.news-section-two .sec-title{
margin-bottom: 30px;
}
.news-section-two .column{
position: relative;
}
.news-section-two .column .inner-column{
padding-right: 35px;
}
/*News Block Three*/
.news-block-three{
position: relative;
margin-bottom: 50px;
}
.news-block-three .inner-box{
position: relative;
}
.news-block-three .image-box{
position: relative;
}
.news-block-three .image-box .image{
position: relative;
margin-bottom: 0;
}
.news-block-three .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.news-block-three .image-box .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 0%;
width: 100%;
background: #FF7F00;
content: "";
opacity: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.news-block-three .inner-box:hover .overlay-box{
height: 100%;
opacity: 0.70;
}
.news-block-three .overlay-box a{
position: absolute;
left: 50%;
top: 50%;
height: 40px;
width: 40px;
margin-left: -20px;
margin-top: -20px;
text-align: center;
font-size: 30px;
line-height: 40px;
color: #000000;
font-weight: normal;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.news-block-three .inner-box:hover .overlay-box a{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.news-block-three .overlay-box a i{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-three .overlay-box a:hover i{
color: #ffffff;
}
.news-block-three .content-box{
position: relative;
padding: 35px 0 0;
}
.news-block-three .content-box h3{
position: relative;
display: block;
font-size: 24px;
line-height: 34px;
color: #000000;
font-weight: normal;
margin-bottom: 12px;
}
.news-block-three .content-box h3 a{
color: #2f2f2f;
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;
}
.news-block-three .inner-box:hover .content-box h3 a{
color: #FF7F00;
}
.news-block-three .content-box .info{
position: relative;
display: block;
margin-bottom: 10px;
}
.news-block-three .content-box .info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #777777;
font-weight: normal;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-three .inner-box:hover .content-box .info li{
color: #222222;
}
.news-block-three .content-box .info li a{
color: #777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-three .content-box .info li a:hover{
color: #FF7F00;
}
.news-block-three .content-box .text{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
}
/*News Block Four*/
.news-block-four{
position: relative;
margin-bottom: 50px;
}
.news-block-four .inner-box{
position: relative;
padding-left: 300px;
min-height: 200px;
}
.news-block-four .image-box{
position: absolute;
left: 0;
top: 0;
width: 270px;
height: auto;
}
.news-block-four .image-box .image{
position: relative;
margin-bottom: 0;
}
.news-block-four .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.news-block-four .image-box .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 0%;
width: 100%;
background: #FF7F00;
content: "";
opacity: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.news-block-four .inner-box:hover .overlay-box{
height: 100%;
opacity: 0.70;
}
.news-block-four .overlay-box a{
position: absolute;
left: 50%;
top: 50%;
height: 40px;
width: 40px;
margin-left: -20px;
margin-top: -20px;
text-align: center;
font-size: 30px;
line-height: 40px;
color: #000000;
font-weight: normal;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.news-block-four .inner-box:hover .overlay-box a{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.news-block-four .overlay-box a i{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-four .overlay-box a:hover i{
color: #ffffff;
}
.news-block-four .content-box{
position: relative;
padding: 20px 0 0;
}
.news-block-four .content-box h3{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #2f2f2f;
font-weight: normal;
margin-bottom: 12px;
}
.news-block-four .content-box h3 a{
color: #2f2f2f;
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;
}
.news-block-four .inner-box:hover .content-box h3 a{
color: #FF7F00;
}
.news-block-four .content-box .info{
position: relative;
display: block;
margin-bottom: 10px;
}
.news-block-four .content-box .info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #777777;
font-weight: normal;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-four .inner-box:hover .content-box .info li{
color: #222222;
}
.news-block-four .content-box .info li a{
color: #777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-four .content-box .info li a:hover{
color: #FF7F00;
}
.news-block-four .content-box .text{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
}
/***
====================================================================
Blog Section
====================================================================
***/
.blog-section{
position: relative;
padding:100px 0;
}
.blog-section .styled-pagination{
margin-top: 20px;
}
.blog-classic .news-block-two .caption-box .inner{
padding: 30px 35px 30px;
z-index: 99;
}
.blog-classic .news-block-two .caption-box h3{
font-size: 24px;
margin-bottom: 15px;
}
.blog-classic .news-block-two .caption-box .text{
margin-top: 15px;
}
.news-block-two .single-item-carousel{
position: relative;
}
.news-block-two .image-box .owl-nav{
position: absolute;
left: 0;
width: 100%;
top: 50%;
margin-top: -60px;
}
.news-block-two .image-box .owl-nav .owl-next,
.news-block-two .image-box .owl-nav .owl-prev{
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 120px;
text-align: center;
line-height: 120px;
font-size: 22px;
color: #000000;
font-weight: normal;
background-color: rgba(255,255,255,.70);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .image-box .owl-nav .owl-next{
left: auto;
right: 0;
}
.news-block-two .image-box .owl-nav .owl-next:hover,
.news-block-two .image-box .owl-nav .owl-prev:hover{
background-color: rgba(0,0,0,.70);
color: #ffffff;
}
.news-block-two .blockquote{
position: relative;
display: block;
border: 1px solid #d7d7d7;
padding: 85px 50px 110px;
margin-top: 100px;
margin-bottom: 0;
}
.news-block-two .blockquote:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
opacity: 0.80;
content: "";
}
.news-block-two .blockquote .icon{
position: absolute;
left: 70px;
top: -42px;
height: 84px;
width: 84px;
background-color: #ffffff;
line-height: 84px;
text-align: center;
font-size: 48px;
color: #bbbbbb;
font-weight: normal;
-webkit-box-shadow: 0 0 13px rgba(0,0,0,0.09);
-moz-box-shadow: 0 0 13px rgba(0,0,0,0.09);
-ms-box-shadow: 0 0 13px rgba(0,0,0,0.09);
-o-box-shadow: 0 0 13px rgba(0,0,0,0.09);
box-shadow: 0 0 13px rgba(0,0,0,0.09);
}
.news-block-two .blockquote h2{
position: relative;
display: block;
font-size: 50px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
letter-spacing: -0.04em;
font-family: 'BenchNine', sans-serif;
}
.news-block-two .blockquote h2 span{
color: #FF7F00;
text-transform: uppercase;
}
.news-block-two .blockquote .author{
position: absolute;
right: 0px;
bottom: 70px;
line-height: 25px;
color: #ffffff;
font-size: 14px;
background-color: #222222;
padding: 0 15px;
}
.news-block-two .image-box .link{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .image-box .link:hover{
background-color: rgba(0,0,0,0.50);
}
.news-block-two .image-box .link .icon{
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
background-color: rgba(0,0,0,0.65);
padding-left: 4px;
font-size: 18px;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
text-align: center;
line-height: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .image-box .link:hover .icon{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/***
====================================================================
Blog Detail
====================================================================
***/
.blog-detail .news-block-two .caption-box .inner{
padding: 35px 40px 5px;
}
.blog-detail .news-block-two .caption-box .info{
margin-bottom: 15px;
}
.blog-detail .news-block-two .caption-box h3{
font-size: 24px;
margin-bottom: 15px;
}
.blog-detail .news-block-two .caption-box p{
position: relative;
font-size: 14px;
line-height: 30px;
color: #777777;
font-weight: normal;
margin-bottom: 30px;
}
.blog-detail .news-block-two .caption-box blockquote{
position: relative;
display: block;
padding-left: 40px;
font-size: 16px;
line-height: 30px;
color: #252525;
font-weight: normal;
font-style: italic;
margin-bottom: 30px;
padding-top: 15px;
}
.blog-detail .news-block-two .caption-box blockquote .icon{
position: absolute;
left: 0;
top: 0;
font-size: 24px;
line-height: 30px;
color: #d7a449;
font-weight: normal;
}
.blog-detail .tags{
position: relative;
margin-bottom: 30px;
}
.blog-detail .tags .title{
position: relative;
float: left;
margin-right: 23px;
font-size: 15px;
line-height: 25px;
color: #222222;
font-weight: normal;
font-family: "Rubik", sans-serif;
padding: 5px 0;
margin-bottom: 10px;
}
.blog-detail .tags ul li{
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.blog-detail .tags ul li a{
position: relative;
display: block;
font-size: 14px;
line-height: 25px;
color: #939292;
font-weight: normal;
padding: 5px 25px;
border: 1px solid #e1e1e1;
border-radius: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog-detail .tags ul li a:hover{
background-color: #222222;
color: #ffffff;
}
.blog-detail .share-option{
position: relative;
margin-bottom: 60px;
}
.blog-detail .share-option .title{
position: relative;
display: block;
margin-right: 23px;
font-size: 15px;
line-height: 25px;
color: #222222;
font-weight: normal;
padding: 5px 0;
margin-bottom: 10px;
font-family: "Rubik", sans-serif;
}
.social-icon-colored{
position: relative;
}
.social-icon-colored li{
position: relative;
float: left;
margin-right: 6px;
margin-bottom: 10px;
}
.social-icon-colored li a{
position: relative;
display: block;
font-size: 14px;
line-height: 25px;
color: #ffffff;
font-weight: normal;
padding: 5px 15px;
background-color: #222222;
border-radius: 30px;
-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-colored li a i{
margin-right: 10px;
}
.social-icon-colored li.facebook a{
background-color: #3b5998;
}
.social-icon-colored li.twitter a{
background-color: #1da1f2;
}
.social-icon-colored li.google-plus a{
background-color: #d73d32;
}
.social-icon-colored li.pinterest a{
background-color: #bd081c;
}
.social-icon-colored li.mail a{
background-color: #7b8285;
}
.social-icon-colored li a:hover{
background-color: #222222;
color: #ffffff;
}
/***
====================================================================
Blog Detail Style Two
====================================================================
***/
.blog-detail.style-two{
position: relative;
padding: 100px 0 30px;
}
.blog-detail.style-two .inner-container{
position: relative;
max-width: 1000px;
padding: 0 15px;
margin: 0 auto;
}
.blog-detail.style-two .news-block-two .caption-box{
margin-top: 0;
padding: 0;
}
.blog-detail.style-two .news-block-two .caption-box .inner{
padding: 35px 35px;
}
.blog-detail.style-two .news-block-two .caption-box blockquote{
padding-left: 25px;
padding-top: 0;
margin-bottom: 50px;
}
.blog-detail.style-two .news-block-two .caption-box blockquote .icon{
position: relative;
display: block;
top: 0;
font-size: 30px;
margin-bottom: 10px;
}
.blog-detail.style-two .comments-area .comment-box{
margin-bottom: 40px;
}
.blog-detail.style-two .comments-area .comment{
padding-top: 0;
padding-left: 110px;
}
.blog-detail.style-two .comments-area .comment-box .author-thumb{
height: 80px;
width: 80px;
border-radius: 15px;
}
.blog-detail.style-two .group-title h2{
font-size: 24px;
}
.blog-detail.style-two .comment-form{
margin-bottom: 40px;
}
.blog-detail.style-two .comment-form .form-group textarea{
height: 230px;
margin-bottom: 40px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position: relative;
z-index: 9;
}
.clients-section:before{
position: absolute;
left: 0;
top: 0;
height: 50%;
width: 100%;
background-color: #ffffff;
content: "";
}
.clients-section .inner-container{
position: relative;
max-width: 1430px;
margin: 0 auto;
background-color: #ffffff;
}
.clients-section .sponsors-outer{
position: relative;
padding: 50px 55px;
-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.30);
-moz-box-shadow: 0 0 21px rgba(0,0,0,0.30);
-ms-box-shadow: 0 0 21px rgba(0,0,0,0.30);
-o-box-shadow: 0 0 21px rgba(0,0,0,0.30);
box-shadow: 0 0 21px rgba(0,0,0,0.30);
}
.clients-section .slide-item{
position: relative;
}
.clients-section .image-box{
position: relative;
margin: 0;
text-align: center;
}
.clients-section .image-box img{
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
}
.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
display: none;
}
.clients-section.style-two:before{
display: none;
}
.clients-section.style-two .sponsors-outer{
padding: 50px 0;
box-shadow: none;
}
/***
==================================================================
Contact Section
==================================================================
***/
.contact-section{
position: relative;
padding:100px 0;
background-color: #f9f9f9;
}
.contact-section .sec-title{
margin-bottom: 40px;
}
.contact-section .inner-container{
position: relative;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
}
.contact-section .info-column{
position: relative;
}
.contact-section .info-column .inner-column{
position: relative;
}
.contact-section .info-column h4{
position: relative;
font-size: 20px;
line-height: 1.2em;
color: #2f2f2f;
font-weight: normal;
margin-bottom: 25px;
}
.contact-section .info-column .contact-info{
position: relative;
}
.contact-section .info-column .contact-info li{
position: relative;
display: block;
font-size: 14px;
line-height: 28px;
color: #777777;
font-weight: normal;
margin-bottom: 28px;
}
.contact-section .info-column .contact-info li a{
display: inline-block;
color: #777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-section .info-column .contact-info li a:hover{
color: #FF7F00;
}
.contact-section .form-column{
position: relative;
}
.contact-section .form-column .inner-column{
margin-top: -20px;
}
.contact-section .contact-form{
position: relative;
}
.contact-form .form-group{
position:relative;
margin-bottom:30px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
position: relative;
display: block;
width: 100%;
font-size: 13px;
color: #777777;
line-height: 19px;
padding: 10px 0px;
background-color: transparent;
font-weight: normal;
height: 40px;
border-bottom: 1px solid #e1e1e1;
-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-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#FF7F00;
}
.contact-form .form-group textarea{
height: 90px;
resize: none;
}
.contact-form .form-group button{
padding: 15px 50px;
line-height: 20px;
text-transform: uppercase;
}
.contact-form .form-group label.error{
color: #ff0000;
}
/***
==================================================================
Main Footer
==================================================================
***/
.main-footer{
position:relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
.main-footer:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background:#000;
content: "";
opacity: 0.4;
}
.main-footer .widgets-section{
position:relative;
padding: 70px 0 60px;
margin-top: -100px;
}
.main-footer.alternate .widgets-section{
margin-top: 0;
padding-top: 95px;
}
.main-footer .footer-column{
position:relative;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:40px;
}
.main-footer .footer-column .widget-title{
position: relative;
font-size:18px;
font-weight: normal;
color:#FF8000;
line-height: 30px;
padding-left: 25px;
margin-bottom:45px;
font-weight:bold;
}
.main-footer .footer-column .widget-title:before{
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 30px;
color: #e39c05;
font-weight: normal;
content: "\f141";
font-family: "FontAwesome";
transform: rotate(90deg);
}
.main-footer .about-widget{
position: relative;
padding-right: 20px;
}
.main-footer .footer-logo{
position:relative;
margin-bottom: 15px;
}
.main-footer .footer-logo figure{
margin: 0;
margin-top: -20px;
}
.main-footer .footer-logo img{
display:block;
max-width:100%;
}
.main-footer .about-widget .text{
position: relative;
font-size: 15px;
line-height: 36px;
color: #fff;
font-weight: normal;
text-align:justify;
}
/*Recent Posts*/
.recent-posts{
position: relative;
}
.recent-posts .post{
position: relative;
min-height: 70px;
padding-left: 105px;
margin-bottom: 30px;
}
.recent-posts .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 70px;
width: 80px;
overflow: hidden;
}
.recent-posts .post .thumb a{
display: block;
}
.recent-posts .post .thumb img{
display: block;
width: 100%;
height: auto;
border: 2px solid;
}
.recent-posts .post h4{
position: relative;
font-size: 18px;
color: #f4f4f4;
line-height: 24px;
font-weight: normal;
margin-bottom: 3px;
}
.recent-posts .post h4 a{
color:#fff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.recent-posts .post h4 a:hover{
color: #FF7F00;
}
.recent-posts .post .info{
position: relative;
display: block;
}
.recent-posts .post .info li{
position: relative;
display: inline-block;
font-size: 12px;
line-height: 20px;
color: #f4f4f4;
font-weight: normal;
padding-right: 3px;
margin-right: 3px;
}
.recent-posts .post .info li:before{
position: absolute;
right: -4px;
top: 0;
font-size: 12px;
line-height: 20px;
color: #f4f4f4;
font-weight: normal;
content: "/";
}
.recent-posts .post .info li:last-child:before{
display: none;
}
/*=== links Widget ===*/
.main-footer .links-widget{
position: relative;
}
.main-footer .links-widget .list li{
position:relative;
display: block;
padding-left: 30px;
margin-bottom: 16px;
}
.main-footer .links-widget .list li:before{
position: absolute;
left: 0;
top: 0;
height: 20px;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: normal;
content: "\f22b";
font-family: "FontAwesome";
}
.main-footer .links-widget .list li a{
position:relative;
display: block;
line-height: 20px;
font-size: 14px;
color: #fff;
font-weight: normal;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.main-footer .links-widget .list li:hover:before,
.main-footer .links-widget .list li a:hover{
color:#FF7F00;
}
.main-footer .gallery-widget{
position: relative;
}
.main-footer .gallery-widget .outer{
position:relative;
margin: 0px -7px 0;
}
.main-footer .gallery-widget .outer .image{
position:relative;
float:left;
width:33.3333%;
padding:0px 7px;
margin-bottom:14px;
}
.main-footer .gallery-widget .image img{
display:block;
width:100%;
border: 2px solid;
}
.main-footer .gallery-widget .image a{
position: relative;
display: block;
}
.main-footer .gallery-widget .image a:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #FF7F00 padding-box content-box;
padding: 5px;
opacity: .80;
content: "";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.main-footer .gallery-widget .image a:hover:before{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.main-footer .gallery-widget .image a:after{
position: absolute;
height: 20px;
width: 20px;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
content: "\f0b2";
text-align: center;
line-height: 20px;
font-size: 14px;
color: #000000;
font-family: "FontAwesome";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.main-footer .gallery-widget .image a:hover:after{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/*=== Footer Bottom ===*/
.main-footer .footer-bottom{
position:relative;
border-top: 1px solid #FF8000;
}
.main-footer .footer-bottom .inner-container{
position: relative;
}
.main-footer .footer-bottom .inner-container:before{
position: absolute;
right: 100%;
top: 0;
height: 100%;
width: 1000%;
background-color: #FF7F00;
content: "";
}
.main-footer .footer-bottom .copyright-text{
position: relative;
float: left;
padding:20px 0;
padding-right: 40px;
background-color: #FF7F00;
}
.main-footer .footer-bottom .copyright-text:before{
position: absolute;
left: 100%;
top: 0;
border-right: 40px solid transparent;
border-bottom:70px solid #FF7F00;
content: "";
}
.main-footer .footer-bottom .copyright-text p{
position: relative;
line-height: 30px;
font-size: 16px;
color: #000000;
font-weight: 700;
}
.main-footer .footer-bottom .copyright-text a{
color: #000000;
-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 .copyright-text a:hover{
text-decoration: underline;
}
.main-footer .footer-bottom .social-links{
/*position: relative;
float: right;
padding: 20px 0;*/
position: relative;
float: right;
padding: 20px 0;
margin: 0px auto;
width: 24%;
}
a:hover {
color:#FFCB26;
}
.social-icon-two{
position: relative;
}
.social-icon-two li{
position: relative;
float: left;
margin-left: 26px;
}
.social-icon-two li a{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color:#fff;
font-weight: normal;
-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: #FF7F00;
}
/***
==================================================================
Sidebar Page Container
==================================================================
***/
.sidebar-page-container{
position: relative;
overflow: hidden;
padding: 100px 0 50px;
}
.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
position: relative;
margin-bottom: 50px;
}
.sidebar-widget{
position: relative;
margin-bottom:55px;
}
.sidebar-side .sidebar-widget:last-child{
margin-bottom: 0;
}
.sidebar-page-container .sidebar-title{
position: relative;
margin-bottom: 25px;
}
.sidebar-page-container .sidebar-title h3{
position: relative;
display: inline-block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
text-transform: capitalize;
}
/*Search Box Widget*/
.sidebar .search-box{
position: relative;
}
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
display:block;
font-size:14px;
color:#777777;
line-height:28px;
padding:15px 25px;
height:60px;
width:100%;
border:1px solid #e1e1e1;
background-color: #ffffff;
border-radius: 60px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
border-color:#FF7F00;
}
.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
position:absolute;
right:0;
top:0;
width:60px;
height:60px;
line-height: 60px;
text-align:center;
display:block;
font-size:18px;
background-color: #222222;
color:#ffffff;
font-weight:normal;
border-radius: 0 30px 30px 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;
}
.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
background-color: #FF7F00;
color: #222222;
}
/*=== Categories ===*/
.cat-list{
position:relative;
border :1px solid #e1e1e1;
}
.cat-list li{
position:relative;
margin-left: -1px;
font-family: "Rubik", sans-serif;
border-left: 7px solid 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;
}
.cat-list li:hover,
.cat-list li.active{
border-left: 7px solid #FF7F00;
}
.cat-list li a{
position:relative;
font-size:15px;
color:#252525;
line-height: 20px;
font-weight: normal;
padding: 20px 40px;
display:block;
border-bottom :1px solid #e1e1e1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.cat-list li a span{
float: right;
font-size: 16px;
line-height: 20px;
font-family: "Arimo", sans-serif;
}
.cat-list li:last-child a{
border-bottom: 0;
}
.cat-list li.active a,
.cat-list li:hover a{
color: #FF7F00;
}
.cat-list li.active a span,
.cat-list li:hover a span{
color: #FF7F00;
}
/*=== Latest News ===*/
.latest-news .post{
position: relative;
padding-left: 130px;
margin-bottom: 40px;
min-height: 90px;
}
.latest-news .post-thumb{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
margin-bottom: 20px;
}
.latest-news .post-thumb img{
position: relative;
display: block;
width: 100%;
}
.latest-news .post h3{
position: relative;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: normal;
margin-bottom: 10px;
}
.latest-news .post h3 a{
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;
}
.latest-news .post:hover h3 a{
color: #FF7F00;
}
.latest-news .post .post-info{
position: relative;
font-size: 14px;
line-height: 24px;
color: #bbbbbb;
font-weight: normal;
font-style: italic;
}
/*=== Tags ===*/
.tag-list{
position: relative;
display: block;
}
.tag-list li{
position: relative;
float: left;
margin-bottom: 13px;
margin-right: 10px;
}
.tag-list li a{
position: relative;
display: block;
font-size: 14px;
color: #777777;
line-height: 25px;
padding: 10px 35px;
font-weight: normal;
text-align: center;
border-radius: 50px;
text-transform: uppercase;
border: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tag-list li a:hover{
background-color: #222222;
color: #ffffff;
}
/***
====================================================================
Comment Area
====================================================================
***/
.group-title{
position: relative;
margin-bottom: 45px;
}
.group-title h2{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
}
.comments-area{
position:relative;
margin-bottom: 70px;
}
.comments-area .comment-box{
position:relative;
margin-bottom:56px;
}
.comments-area .comment-box.reply-comment{
margin-left: 100px;
}
.comments-area .comment-box.reply-comment.reply{
margin-left: 200px;
}
.comments-area .comment-box:last-child{
margin-bottom: 0;
}
.comments-area .comment{
position:relative;
min-height: 80px;
padding-top: 10px;
padding-left: 100px;
}
.comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
height: 75px;
width: 75px;
overflow: hidden;
border-radius: 50%;
}
.comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.comments-area .comment-info{
position: relative;
display: block;
}
.comments-area .comment-box .name{
position: relative;
display: block;
font-size:18px;
line-height:1.2em;
font-weight: normal;
color:#222222;
font-family: "Rubik", sans-serif;
margin-bottom: 7px;
}
.comments-area .comment-box .date{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #bbbbbb;
font-weight: normal;
}
.comments-area .comment-box .text{
font-size: 14px;
line-height: 28px;
color:#777777;
font-weight: normal;
}
.comments-area .comment-box .rating{
position: relative;
display: block;
font-size: 14px;
color:#FF7F00;
line-height: 20px;
}
.comments-area .comment-box .reply-btn{
position: absolute;
right: 0;
top: 8px;
font-size: 15px;
line-height: 25px;
color: #FF7F00;
font-weight: normal;
font-family: "Rubik", sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.comments-area .comment-box .reply-btn:hover{
color: #222222;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position: relative;
}
.comment-form .group-title{
margin-bottom: 30px;
}
.comment-form .form-group{
position:relative;
margin-bottom: 20px;
}
.comment-form .form-group:last-child{
margin-bottom: 0;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
position: relative;
display: block;
height: 50px;
width: 100%;
font-size: 14px;
color: #999999;
line-height: 20px;
font-weight: normal;
padding: 14px 22px;
background-color: #ffffff;
border: 1px solid #e1e1e1;
-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:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#FF7F00;
}
.comment-form .form-group textarea{
height: 120px;
resize: none;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position: relative;
}
.contact-page-section .form-column{
position: relative;
}
.contact-page-section .form-column .inner-column{
position: relative;
padding: 100px 0;
}
.contact-page-section .sec-title{
margin-bottom: 30px;
}
.contact-page-section .contact-form{
margin-bottom: 120px;
}
.contact-page-section .contact-info{
position: relative;
}
.contact-page-section .contact-info .info-block{
position: relative;
display: block;
margin-bottom: 40px;
}
.contact-page-section .contact-info .info-block .inner{
position: relative;
}
.contact-page-section .contact-info .info-block h4{
position: relative;
display: block;
font-size: 20px;
line-height: 1.2em;
color: #FF8000;
font-weight: normal;
margin-bottom: 15px;
}
.contact-page-section .contact-info .info-block p{
position: relative;
display: block;
font-size: 15px;
line-height: 28px;
color: #000;
font-weight: normal;
}
.contact-page-section .contact-info .info-block p a{
color: #000;
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 .info-block p a:hover{
color: #FF7F00;
}
/*== Map Column ===*/
.contact-page-section .map-column .inner-column{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
padding-left: 15px;
}
.contact-page-section .map-column .map-outer{
position: absolute;
height: 100%;
width: 100%;
background-color: #222222;
}
.contact-page-section .map-column .map-canvas{
position:absolute;
height: 100%;
width: 100%;
}
/***
====================================================================
Services Sidebar
====================================================================
***/
.services-sidebar{
position: relative;
}
.services-sidebar .sidebar-widget{
margin-bottom: 50px;
}
.services-sidebar .sidebar-title{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
margin-bottom: 30px;
}
/*Blog Category*/
.blog-cat{
position:relative;
border:1px solid #e1e1e1;
}
.blog-cat li{
position:relative;
}
.blog-cat li:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
border-bottom:4px solid transparent;
}
.blog-cat li a{
position:relative;
font-size:14px;
font-weight: normal;
line-height: 30px;
color:#222222;
display:block;
border-bottom:1px solid #acacac;
border-left: 5px solid transparent;
padding: 20px 40px 19px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Rubik', sans-serif;
}
.blog-cat li a:before{
position:absolute;
content:'\f105';
right:33px;
top:20px;
color:#222222;
font-size: 18px;
line-height: 30px;
font-family: 'FontAwesome';
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
background-color:#FF7F00;
border-left: 5px solid #222222;
}
/*Brochure Box*/
.brochure-box{
position:relative;
padding: 13px 25px;
border:1px solid #dddddd;
background-color: #f3f3f3;
margin-bottom:15px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner{
position:relative;
padding-left:45px;
}
.brochure-box .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.brochure-box .inner .icon{
position:absolute;
left:0px;
top:0px;
color:#222222;
font-size:20px;
line-height: 30px;
font-weight:400;
transition: all 300ms ease;
}
.brochure-box .inner .text{
position:relative;
font-size:16px;
font-weight:400;
line-height: 30px;
color:#222222;
font-family: 'Rubik', sans-serif;
transition: all 300ms ease;
}
.brochure-box:hover{
border-color:#FF7F00;
background-color:#FF7F00;
}
.brochure-box:hover .inner .icon,
.brochure-box:hover .inner .text{
color: #ffffff;
}
/*Help Box*/
.help-box{
position:relative;
background-size:cover;
background-repeat: no-repeat;
background-position: center;
}
.help-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color: #222222;
opacity: .90;
}
.help-box .inner{
position:relative;
padding:45px 45px;
}
.help-box .inner .title{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #ffb902;
font-weight: normal;
margin-bottom: 20px;
}
.help-box .inner h2{
position:relative;
color:#ffffff;
font-size:24px;
font-weight: normal;
line-height:1.2em;
text-transform: uppercase;
margin-bottom:30px;
}
.help-box .inner .text{
position:relative;
color:#bbbbbb;
font-size:16px;
line-height: 28px;
margin-bottom:45px;
}
.help-box .inner .theme-btn{
background-color: transparent;
border: 1px solid #ffffff;
padding: 10px 35px;
line-height: 20px;
color: #ffffff;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.coming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align:center;
vertical-align: middle;
}
.coming-soon .content .content-inner{
position: relative;
padding: 100px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo{
position:relative;
margin-bottom: 30px;
}
.coming-soon .content .content-inner h2{
position:relative;
color:#ffffff;
font-size:40px;
font-weight:600;
line-height:1.2em;
margin-bottom:30px;
letter-spacing: 0.1em;
text-transform:uppercase;
}
.coming-soon .content .content-inner .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:1.6em;
margin-top:0px;
margin-bottom:60px;
}
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
}
.time-counter .time-countdown .counter-column{
position:relative;
margin:0px 15px 0px;
width:140px;
height:120px;
text-align:center;
display:inline-block;
color:#FF7F00;
font-size:20px;
line-height:30px;
text-transform:uppercase;
border-radius:50%;
font-weight:700;
margin-bottom:60px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:80px;
line-height:40px;
padding:40px 0px 30px;
color:#ffffff;
letter-spacing:1px;
font-weight:700;
}
.coming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:770px;
margin:0 auto;
width:100%;
margin-bottom:20px;
}
.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:20px;
height:60px;
font-size:18px;
color:#222222;
overflow:hidden;
padding:20px 50px 20px 50px;
background:#ffffff;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
position:absolute;
right:0px;
top:0px;
width:195px;
height:60px;
line-height:40px;
padding: 10px 50px;
font-size:18px;
font-weight:700;
text-align:center;
text-transform:uppercase;
border-radius:0px 50px 50px 0px;
}
/*Sidebar Range slider */
.range-slider-one{
position:relative;
min-height:48px;
padding-top: 10px;
overflow: hidden;
margin-top:-20px;
}
.range-slider-one .title{
position:relative;
float:left;
color:#000000;
font-size:16px;
font-weight:400;
margin-top:8px;
}
.range-slider-one .title:before{
position:absolute;
content:'$';
right:-14px;
top:0px;
color:#848484;
font-size:16px;
font-weight:300;
}
.range-slider-one .input{
float:right;
left: 8px;
max-width:75px;
padding-left:8px;
margin-top:8px;
position: relative;
}
.range-slider-one .input input{
background:none;
color:#777777;
font-size:16px;
font-weight:300;
width:auto;
text-align:left;
}
.range-slider-one .ui-widget.ui-widget-content{
height:3px;
border:none;
margin-bottom:35px;
background:#eeeeee;
}
.range-slider-one .ui-slider .ui-slider-range{
top:0px;
height:3px;
background:#333333;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
top:-3px;
width:10px;
height:10px;
background:#FF7F00;
cursor:pointer;
border-radius:0px;
border-color:#FF7F00;
}
.range-slider-one .theme-btn{
padding:8px 35px;
border-radius:0px;
}
.range-slider-one .theme-btn:before{
display: none;
}
/*Sidebar Realated Posts */
.sidebar .related-posts .post{
position:relative;
padding:0px 0px;
padding-left:90px;
margin-bottom:20px;
}
.sidebar .related-posts .post:last-child{
margin-bottom:0px;
border:0px;
min-height:inherit;
}
.sidebar .related-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .related-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .related-posts .post h4{
top:-2px;
font-size:18px;
font-weight: normal;
color:#333333;
line-height:1.2em;
text-transform:capitalize;
}
.sidebar .related-posts .post h4 a{
color:#333333;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
color:#FF7F00;
}
.sidebar .related-posts .post .price{
font-size:18px;
letter-spacing:1px;
font-weight:400;
color:#777777;
}
.sidebar .related-posts .post .rating{
margin-bottom:1px;
line-height:1em;
}
.sidebar .related-posts .post .rating .fa{
position:relative;
display:inline-block;
font-size:16px;
line-height:26px;
color:#FF7F00;
}
.our-shop .styled-pagination{
margin-top:40px;
}
/*Shop Item*/
.shop-item{
position:relative;
margin-bottom:60px;
}
.shop-item .inner-box{
position:relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .image .overlay-box{
opacity:1;
}
.shop-item .inner-box .image{
position:relative;
z-index:11;
text-align:center;
background-color:#f8f8f8;
}
.shop-item .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
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;
}
.shop-item .inner-box .image .overlay-box .cart-option{
position:relative;
top:50%;
margin-top:-25px;
}
.shop-item .inner-box .image .overlay-box .cart-option li{
position:relative;
margin:0px 3px;
color:#FF7F00;
display:inline-block;
}
.shop-item .inner-box .image .overlay-box .cart-option li a{
position:relative;
width:64px;
height:64px;
color:#ffffff;
font-size:18px;
display:block;
line-height:64px;
text-align:center;
border-radius:50%;
background-color:#FF7F00;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{
display:block;
font-size:20px;
margin-bottom:8px;
}*/
.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
color:#ffffff;
}
.shop-item .inner-box .image img{
width:100%;
display:inline-block;
}
.shop-item .inner-box .lower-content{
position:relative;
z-index:11;
padding:20px 0px 0px;
}
.shop-item .inner-box .lower-content h3{
position:relative;
font-size:18px;
font-weight: normal;
margin-bottom:9px;
text-transform:capitalize;
}
.shop-item .inner-box .lower-content h3 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;
}
.shop-item .inner-box .lower-content h3 a:hover{
color:#FF7F00;
}
.shop-item .inner-box .lower-content .add-cart{
position:relative;
color:#666666;
font-weight:700;
font-size:18px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Arimo', sans-serif;
}
.shop-item .inner-box .lower-content .add-cart .fa{
margin-right:5px;
}
.shop-item .inner-box .lower-content .add-cart:hover{
color:#FF7F00;
}
.shop-item .inner-box .lower-content .price{
position:relative;
color:#FF7F00;
font-size:16px;
font-weight:700;
margin-bottom:10px;
}
.shop-item .inner-box .lower-content .price .discount{
position:relative;
color:#777777;
margin-right:8px;
text-decoration:line-through;
}
.shop-item .inner-box .lower-content .rating .fa{
position:relative;
display:inline-block;
font-size:16px;
color:#FF7F00;
}
.product-details .basic-details{
position:relative;
margin-bottom:50px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:20px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
background-color:#f7f7f7;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:16px;
}
.product-details .basic-details .details-header h4{
font-size:24px;
font-weight:700;
margin:5px 0px 20px;
line-height:1.4em;
color:#222222;
}
.product-details .basic-details .details-header h4 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:18px;
color:#FF7F00;
margin-bottom:15px;
display:inline-block;
}
.product-details .basic-details .details-header .reviews{
position:relative;
display:inline-block;
color:#777777;
font-weight:400;
margin-left:15px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
}
.product-details .basic-details .details-header .rating .txt{
font-size:14px;
padding-left:10px;
color:#777777;
}
.product-details .basic-details .details-header .item-price{
font-size:22px;
font-weight:700;
color:#FF7F00;
line-height:24px;
}
.product-details .basic-details .prod-info{
margin-bottom:15px;
line-height:1.6em;
font-size:13px;
}
.product-details .basic-details .prod-info strong{
font-weight:700;
color:#111111;
}
.product-details .basic-details .text{
margin-bottom:25px;
color:#777777;
font-size:16px;
font-weight:400;
line-height:1.8em;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important;
}
.cart-section .bootstrap-touchspin .input-group-btn-vertical{
position: absolute;
right: 20px;
top: 0;
z-index: 99;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:11px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:6px;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:25px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:12px 10px;
background:#f4f5f6;
border-radius:0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
top:8px;
}
.product-details .basic-details .add-to-cart{
padding:11px 30px;
font-weight:600;
font-size:16px;
border-radius:50px;
text-transform:uppercase;
margin-left: 20px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs{
position:relative;
}
.shop-single .product-details .prod-tabs .tab-btns{
position:relative;
z-index:1;
margin-bottom:50px;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
margin-right:10px;
font-size:16px;
background:#eeeeee;
color:#000000;
text-transform:uppercase;
font-weight:600;
line-height:24px;
cursor:pointer;
border-radius:50px;
padding:18px 43px 18px;
transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
color:#000000;
background:#FF7F00;
}
.shop-single .product-details .prod-tabs .tabs-content{
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content{
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
position:relative;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
color:#797979;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
margin-bottom:0px;
}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:#222222;
font-size:24px;
font-weight:600;
margin-bottom:30px;
font-family: 'Montserrat', sans-serif;
}
/*Comment Form*/
.shop-comment-form{
position:relative;
margin-top:50px;
}
.shop-comment-form h2{
position:relative;
color:#333333;
font-size:24px;
font-weight: normal;
margin-bottom:10px;
}
.shop-comment-form .mail-text{
position:relative;
color:#777777;
font-size:16px;
margin-bottom:15px;
}
.shop-comment-form .group-title{
margin-bottom:20px;
}
.shop-comment-form .rating-box{
position:relative;
margin-bottom:20px;
}
.shop-comment-form .rating-box .text{
position:relative;
font-size:16px;
color:#333333;
margin-bottom:15px;
}
.shop-comment-form .rating-box .rating{
position:relative;
margin-right:10px;
display:inline-block;
}
.shop-comment-form .rating-box .rating .fa{
position:relative;
margin-right:5px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a{
position:relative;
color:#cccccc;
font-size:14px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a:hover{
color:#FF7F00;
}
.shop-comment-form .form-group{
position:relative;
margin-bottom:20px;
}
.shop-comment-form .form-group label{
position:relative;
color:#333333;
font-size:16px;
font-weight:400;
}
.shop-comment-form .form-group:last-child{
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #dddddd;
height:50px;
color:#848484;
font-weight:300;
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;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:#FF7F00;
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#848484;
border:1px solid #dddddd;
height:120px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button{
position:relative;
font-weight:600;
font-size:16px;
padding:10px 32px;
margin-top:10px;
text-transform:uppercase;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
border-color:#f06529;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
padding:100px 0px 60px;
}
.cart-outer{
position:relative;
}
.checkout-page .cart-outer{
margin-bottom:40px;
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-outer .cart-table{
width:100%;
min-width:900px;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:13px;
background:#222222;
color:#ffffff;
border:1px solid #ebebeb;
}
.cart-table thead tr th{
line-height:24px;
padding:15px 25px;
font-weight:700;
font-size:16px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
border-right:1px solid #ffffff;
font-family: 'Arimo', sans-serif;
}
.cart-table thead tr th .fa{
font-size:18px;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 25px 30px;
}
.cart-table tbody tr .qty{
width:200px;
}
.cart-table tbody tr .qty .item-quantity{
max-width: 100px;
margin: 0 auto;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#ffffff;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:relative;
width:140px;
margin: 0 auto;
text-align: center;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:inline-block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:14px;
color:#444444;
font-weight:400;
line-height:90px;
}
.cart-table tbody tr .prod-column .author{
font-size:13px;
color:#333333;
margin-bottom:0px;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#222222;
font-size:16px;
}
.cart-table tbody tr .sub-total.price{
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:14px;
color:#FF7F00;
line-height:30px;
font-weight: normal;
-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:18px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover{
color:#444444;
}
.cart-table tbody tr{
border-bottom:1px solid #cccccc;
}
.cart-table tbody tr td{
vertical-align:middle;
color:#797979;
font-size:17px;
text-align:center;
border-left:1px solid #cccccc;
}
.cart-table tbody tr td.prod-column{
padding-left:48px;
}
.cart-table tbody tr td.total{
font-size:18px;
color:#333333;
}
.cart-table tbody tr td:last-child{
border-right:1px solid #ebebeb;
text-align:center;
}
.cart-table tbody tr td .prod-title{
position:relative;
font-size:16px;
color:#222222;
font-weight:400;
font-family: 'Arimo', sans-serif;
}
.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:40px 0px 10px;
margin-bottom:30px;
border-top:0px;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .cart-options .cart-btn{
padding:13px 36px;
line-height: 24px;
font-size:15px;
color:#ffffff;
font-weight:700;
border-radius:50px;
text-transform:capitalize;
background-color:#FF7F00;
font-family: 'Montserrat', sans-serif;
-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-section .cart-options .cart-btn:hover{
background-color:#222222;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:30px;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:28px;
padding:10px 25px;
border:1px solid #cccccc;
width:225px;
height:50px;
background:#ffffff;
border-radius:50px;
}
.cart-section .coupon-btn{
padding:13px 29px;
line-height: 24px;
font-size:16px;
color:#ffffff;
font-weight:700;
border-radius:50px;
text-transform:capitalize;
background-color:#FF7F00;
font-family: 'Montserrat', sans-serif;
-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-section .coupon-btn:hover{
background-color:#222222;
}
.cart-section .cart-options .btn-style-one{
top:-7px;
padding-left:32px;
padding-right:32px;
}
.cart-section .totals-table{
position:relative;
margin-bottom:20px;
border:1px solid #cccccc;
}
.cart-section .totals-table li{
line-height:24px;
padding:18px 30px;
border-bottom:1px solid #cccccc;
}
.cart-section .totals-table li:first-child{
background-color:#dddddd;
}
.cart-section .totals-table li h3{
position:relative;
font-weight:700;
color:#333333;
font-size:18px;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li:last-child{
border-bottom:none;
padding:40px 20px 50px;
}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
line-height:24px;
width:50%;
color:#222222;
font-size:16px;
font-weight:700;
text-transform:capitalize;
font-family: 'Arimo', sans-serif;
}
.cart-section .totals-table li .col:last-child{
text-align:right;
}
.cart-section .totals-table .total .price{
color:#FF7F00;
font-weight:400;
}
.cart-section .totals-table .proceed-btn{
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
border-radius:50px;
text-transform: capitalize;
background-color: #FF7F00;
font-family: 'Montserrat', sans-serif;
-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-section .totals-table .proceed-btn:hover{
background-color:#222222;
}
.shipping-block{
position:relative;
margin-bottom:60px;
}
.shipping-block .inner-box{
position:relative;
padding:20px 25px 10px;
border:1px solid #cccccc;
}
.shipping-block .inner-box h3{
position:relative;
color:#333333;
font-size:24px;
font-weight:700;
margin-bottom:4px;
text-transform:capitalize;
}
.shipping-block .inner-box h4{
position:relative;
color:#222222;
font-size:14px;
font-weight:400;
margin-bottom:22px;
text-transform:capitalize;
}
.shipping-form{
position:relative;
}
.shipping-form .row{
position:relative;
margin:0px -10px;
}
.shipping-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:23px;
padding:10px 20px;
height:45px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
border-color:#FF7F00;
}
.shipping-form button{
padding: 13px 33px;
line-height: 24px;
font-size: 15px;
color: #ffffff;
font-weight: 700;
margin-top:6px;
border-radius:50px;
text-transform: capitalize;
background-color: #FF7F00;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form button:hover{
background-color:#222222;
}
/*====================================================================
CheckOut Section
====================================================================*/
.checkout-page{
position:relative;
padding:100px 0px 50px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:50px;
}
.checkout-page .default-links li{
line-height:25px;
padding:25px 25px;
font-size:16px;
font-weight: normal;
color:#666666;
background-color :#eeeeee;
margin-bottom: 40px;
}
.checkout-page .default-links li .fa{
position:relative;
font-size:24px;
line-height: 25px;
color:#ff9f14;
margin-right:20px;
}
.checkout-page .default-links li a{
color:#666666;
font-size: 16px;
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;
}
.checkout-page .default-links li a:hover{
color: #ff9f14;
}
.checkout-page .sec-title{
margin-bottom: 20px;
}
.checkout-page .sec-title h3{
font-size: 30px;
line-height: 1.2em;
color: #222222;
font-weight: normal;
}
.checkout-form{
position:relative;
margin-bottom: 50px;
}
.checkout-form .column{
position: relative;
}
.checkout-form .form-group{
position:relative;
margin-bottom: 15px;
}
.checkout-form .form-group .field-label{
display:block;
line-height:24px;
text-transform:capitalize;
color:#222222;
font-size:15px;
font-weight: normal;
margin-bottom:10px;
}
.checkout-form .form-group .field-label span{
position: relative;
font-size: 16px;
color: #222222;
display: block;
font-weight: 600;
}
.checkout-form .form-group .field-label sup{
top:-1px;
font-size:15px;
color: #009fe9;
}
.checkout-form .form-group .text{
position:relative;
color:#777777;
font-size:14px;
line-height: 24px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
font-size: 16px;
line-height:26px;
color: #777777;
padding:12px 22px;
height:50px;
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;
}
.checkout-form select{
cursor:pointer;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
-moz-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.checkout-form textarea{
resize:none;
height:60px !important;
padding-left: 30px;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
border-color: #ff9f14;
}
.checkout-page .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:16px;
cursor:pointer;
color:#333333;
}
.checkout-page .lower-content{
margin-top:30px;
}
.checkout-page .lower-content .order-column{
margin-bottom:40px;
}
.checkout-page .lower-content .column h2{
position:relative;
color:#222222;
font-size:24px;
margin-bottom:30px;
padding-bottom:12px;
}
.checkout-page .lower-content .column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#fa9928;
}
/*Coupon Box*/
.coupon-box{
position:relative;
padding:25px 25px;
margin-bottom:25px;
background-color:#f5f5f5;
}
.coupon-form{
position:relative;
}
.coupon-form .form-group{
position:relative;
margin-bottom:0px;
}
.coupon-form .form-group input[type="text"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:44px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus{
border-color: #ff9f14;
}
.coupon-form button{
margin-top:0px;
font-size:16px;
font-weight:700;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
padding:8px 26px;
text-transform:capitalize;
}
.order-box{
position:relative;
margin-bottom: 50px;
}
.order-box .sec-title{
margin-bottom: 25px;
}
.order-box .sec-title h2{
font-size: 28px;
padding-bottom: 0;
}
.order-box .sec-title h2:before{
display: none;
}
.order-box .title-box{
position:relative;
padding:15px 30px;
font-weight: normal;
color: #ffffff;
background-color :#222222;
}
.order-box .title-box .col{
position:relative;
width:50%;
float:left;
color:#ffffff;
font-size: 16px;
line-height: 25px;
}
.order-box ul{
position:relative;
}
.order-box ul li{
position:relative;
padding: 25px 30px;
font-size: 16px;
font-weight: normal;
color: #777777;
line-height: 30px;
border-bottom:1px solid #cccccc;
}
.order-box ul li strong{
color:#222222;
font-weight: normal;
font-size:16px;
}
.order-box ul li span{
width:50%;
float:right;
color:#ff9f14;
font-size:16px;
}
.order-box ul li span.free{
color:#777777;
}
.order-box ul li:last-child{
border-bottom: 0;
}
.payment-box{
position:relative;
margin-bottom: 50px;
}
.payment-box .upper-box{
position:relative;
padding:15px 35px;
background-color:#f5f5f5;
border-bottom:1px solid #b7b7b7;
}
.payment-options{
position:relative;
margin-top:20px;
margin-bottom:20px;
}
.payment-box .payment-options li{
position:relative;
margin-bottom:15px;
}
.payment-box .payment-options li .radio-option{
position:relative;
}
.payment-box .payment-options li .radio-option label{
position:relative;
display:block;
padding-left:30px;
font-weight: normal;
text-transform:capitalize;
color:#222222;
cursor:pointer;
font-size:16px;
}
.payment-box .payment-options li .radio-option label strong{
font-weight: normal;
}
.payment-box .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.payment-box .payment-options li .radio-option label .small-text{
position:relative;
display:none;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:14px;
color:#ffffff;
line-height:1.8em;
padding:15px 20px;
margin-top:20px;
background-color :#ff9f14;
}
.payment-box .payment-options li .radio-option input:checked + label .small-text{
display:block;
}
.payment-box .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:30px;
top:-8px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #ff9f14;
}
.payment-box .payment-options li .radio-option label img{
position:relative;
display:block;
max-width:100%;
padding-left:30px;
margin-top:20px;
}
.payment-box .payment-options li .radio-option .what-paypall{
position:relative;
display:block;
color:#777777;
font-size:16px;
font-weight:700;
margin-left:120px;
margin-top:10px;
}
.payment-box .lower-box{
position:relative;
background-color: #f5f5f5;
padding: 30px 35px;
}
.payment-box .lower-box .theme-btn{
padding: 13px 32px;
font-weight: normal;
margin-right: 0;
}
/***
====================================================================
Login Section
====================================================================
***/
.login-section{
position:relative;
padding:120px 0px 90px;
}
.login-form.register-form{
padding-bottom:47px;
}
.login-section h2{
position:relative;
color:#222222;
font-size:36px;
font-weight: normal;
line-height:1.2em;
margin-bottom:25px;
}
.login-form{
position:relative;
margin-bottom:40px;
padding:30px 40px 25px;
background-color:#f9f9f9;
}
.login-form .form-group{
position:relative;
margin-bottom:16px;
}
.login-form .form-group.check-box{
margin-bottom:0px;
}
.login-form .form-group:nth-child(2){
margin-bottom:25px;
}
.login-section.style-two .login-form .form-group:nth-child(2){
margin-bottom:15px;
}
.login-form .form-group label{
position:relative;
top:-1px;
color:#666666;
font-weight:400;
font-size:14px;
margin-bottom:12px;
}
.login-form .form-group.no-margin{
margin-bottom:0px;
}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
color: #666666;
font-size:14px;
border:1px solid #e0e0e0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
border-color:#FF7F00;
}
.login-form button{
top:0px;
margin-top:0px;
font-size:16px;
font-weight:700;
padding:10px 36px;
line-height: 25px;
color:#ffffff;
text-transform:uppercase;
}
.login-form .psw{
position:relative;
color:#666666;
font-size:16px;
}
.login-form .psw:hover{
text-decoration: underline;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position:relative;
text-align:center;
padding:170px 0px 170px;
}
.error-section .error-title{
position:relative;
color:#222222;
font-size:200px;
font-weight:800;
line-height:1em;
}
.error-section .error-title span{
color: #FF7F00;
}
.error-section h4{
color:#333333;
font-size:40px;
font-weight: normal;
text-transform:capitalize;
}
.error-section .text{
color:#666666;
font-size:24px;
margin-top:18px;
margin-bottom:45px;
}
.error-section .theme-btn{
border-radius:5px;
font-size:18px;
font-weight:700;
text-transform:uppercase;
}
/***
==================================================================
Right To Left Style
==================================================================
***/
.rtl{
direction: rtl;
text-align: right;
}
.rtl .group-title h2,
.rtl .styled-pagination,
.rtl .owl-carousel{
direction: ltr !important;
}
.rtl .blog-detail .tags ul li,
.rtl .blog-detail .tags .title,
.rtl .page-title .title-box,
.rtl .project-detail .info-list li strong,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn,
.rtl .header-style-four .main-menu,
.rtl .header-style-three .main-menu,
.rtl .projects-section-two .upper-box .sec-title,
.rtl .main-footer .footer-bottom .copyright-text,
.rtl .testimonial-section .testimonial-column,
.rtl .main-header .top-left,
.rtl .main-menu .navigation > li,
.rtl .header-style-one .main-menu,
.rtl .header-style-five .nav-outer,
.rtl .banner-section .bottom-box .contact-info,
.rtl .main-header .contact-info li span,
.rtl .main-header .logo-box{
float: right;
}
.rtl .cat-list li a span,
.rtl .page-title .bread-crumb,
.rtl .header-style-four .header-top .top-right,
.rtl .header-style-four .outer-box,
.rtl .header-style-three .nav-outer,
.rtl .main-header .top-right,
.rtl .header-style-four .nav-outer,
.rtl .projects-section-two .upper-box .link-box,
.rtl .main-footer .footer-bottom .social-links,
.rtl .testimonial-section .title-column,
.rtl .main-header .nav-outer,
.rtl .header-style-five .outer-box,
.rtl .header-style-one .outer-box{
float: left;
}
.rtl .comments-area .comment-box .author-thumb,
.rtl .blog-detail .news-block-two .caption-box blockquote .icon,
.rtl .latest-news .post-thumb,
.rtl .feature-block h3:before,
.rtl .active-side-nav .sidenav-bar,
.rtl .banner-carousel-two .content-box .count,
.rtl .list-style-one li:before,
.rtl .news-block-four .image-box,
.rtl .main-footer .links-widget .list li:before,
.rtl .active-side-nav .hidden-bar,
.rtl .contact-info-box .info-list:before,
.rtl .main-footer .footer-column .widget-title:before,
.rtl .testimonial-carousel .owl-nav,
.rtl .recent-posts .post .thumb,
.rtl .brochure-box .inner .icon,
.rtl .service-detail .inner-box ul li:before,
.rtl .fact-counter .count-box:before,
.rtl .about-section .image-column .image-box .alphabet-img,
.rtl .about-section .content-column .content-box .title h2:before,
.rtl .main-menu .navigation > li > ul{
left: auto;
right: 0;
}
.rtl .comments-area .comment-box .reply-btn,
.rtl .news-block-two .blockquote .author,
.rtl .sidenav-bar .cross-icon,
.rtl .offer-section .form-column .upper-box .discount,
.rtl .banner-section-two .slide-item .content-box:before,
.rtl .banner-carousel-three .owl-nav,
.rtl .testimonial-block .image-box,
.rtl .team-block .image-box .social-links{
right: auto;
left: 0;
}
.rtl .testimonial-section .title-column .inner-column,
.rtl .team-block .inner-box .designation,
.rtl .projects-carousel .owl-nav,
.rtl .about-section .image-column .image-box .image{
text-align: left;
}
.rtl .header-style-three .logo-box:before{
margin-left: -230px;
right: auto;
left: 100%;
transform: skew(-40deg);
}
.rtl .sidenav-bar .side-nav .navigation > li.dropdown > a{
padding-right: 0;
padding-left: 30px;
}
.rtl .header-style-one .outer-box{
margin-left: 0;
margin-right: 45px;
}
.rtl .fixed-header .sticky-header .logo{
float: right !important;
}
.rtl .fixed-header .sticky-header .pull-right{
float: left !important;
}
.rtl .sidenav-bar .side-nav .navigation > li.dropdown > a:before{
right: auto;
left: 0;
content: "\f104";
}
.rtl .banner-section .bottom-box .contact-info li span{
float: right;
margin-left: 10px;
}
.rtl .sidenav-bar .side-nav .navigation > li.active > a:before{
content: "\f107";
}
.rtl .mCSB_inside>.mCSB_container{
margin-right: 0;
margin-left: 0 !important;
}
.rtl .social-icon-one li{
margin-left: 0;
margin-right: 22px;
}
.rtl .main-menu .navigation > li{
margin-right: 35px;
margin-left: 0;
}
.rtl .main-menu .navigation > li > ul > li > ul{
right: 110%;
left: auto;
}
.rtl .main-menu .navigation > li > ul > li:hover > ul{
right: 100%;
}
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
text-align: right !important;
}
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
border-left: 0;
border-right: 4px solid transparent;
}
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.rtl .main-menu .navigation > li > ul > li > ul > li:hover > a,
.rtl .main-menu .navigation > li > ul > li:hover > a{
border-left: 0;
border-right: 4px solid #FF7F00;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
left: 10px;
right: auto;
content: "\f104";
}
.rtl .sticky-header .main-menu .navigation > li{
margin-left: 0 !important;
}
.rtl .about-section .image-column .title-box h2{
text-align: center;
}
.rtl .fact-counter .count-box{
padding-right: 20px;
padding-left: 0;
}
.rtl .header-style-two .outer-box{
float: left;
margin-left: 0;
margin-right: 45px;
}
.rtl .header-style-two .main-menu{
float: right;
}
.rtl .header-style-two .search-box-outer{
float: left;
margin-right: 45px;
margin-left: 0;
}
.rtl .main-header .search-box-outer .dropdown-menu{
right: auto !important;
left: 0 !important;
}
.rtl .main-header .cart-btn{
float: right;
}
.rtl .fact-counter .count-box .count{
float: right;
margin-left: 15px;
margin-right: 0;
}
.rtl .project-block .overlay-box h4{
right: auto;
left: 30px;
}
.rtl .project-block .overlay-box .tag{
left: auto;
right: 30px;
}
.rtl .banner-carousel .owl-nav{
right: auto;
left: 30%;
}
.rtl .banner-section:before{
right: auto;
left: 0;
transform: scaleX(-1);
}
.rtl .team-block .inner-box{
padding-right: 0;
padding-left: 50px;
}
.rtl .team-block .inner-box:hover .image-box .social-links li{
right: auto;
left: -50px;
}
.rtl .team-block .image-box .name{
right: auto;
left: -40px;
}
.rtl .testimonial-block{
padding-right: 0;
}
.rtl .testimonial-block .inner-box{
padding-right: 0;
padding-left: 220px;
text-align: left;
}
.rtl .testimonial-block:before{
right: auto;
left: 0px;
}
.rtl .testimonial-carousel .active .testimonial-block:before{
left: 30px;
}
.rtl .main-footer .footer-column .widget-title{
padding-left: 0;
padding-right: 25px;
}
.rtl .recent-posts .post{
padding-left: 0;
padding-right: 105px;
}
.rtl .main-footer .links-widget .list li{
padding-left: 0;
padding-right: 30px;
}
.rtl .main-footer .footer-bottom .inner-container:before{
right: auto;
left: 100%;
}
.rtl .main-footer .footer-bottom .copyright-text:before{
left: auto;
right: 100%;
border-right: 0;
border-bottom: 0;
border-left: 40px solid transparent;
border-bottom: 70px solid #FF7F00;
}
.rtl .main-footer .footer-bottom .social-icon-two li{
margin-left: 0;
margin-right: 26px;
}
.rtl .main-footer .footer-bottom .copyright-text{
padding-right: 0;
padding-left: 40px;
}
.rtl .offer-section .form-column .upper-box{
padding-right: 0;
padding-left: 200px;
}
.rtl .products-carousel .owl-nav{
left: auto;
right: -32%;
}
.rtl .header-style-three .outer-box{
margin-left: 0;
margin-right: 80px;
float: left;
}
.rtl .hidden-bar .inner-box .cross-icon{
right: auto;
left: 30px;
}
.rtl .banner-carousel-two .content-box .inner-box{
padding-left: 0;
padding-right: 30px;
float: left;
}
.rtl .banner-carousel-two .content-box .inner-box:before{
left: auto;
right: 100%;
}
.rtl .banner-section-three .bottom-box .outer-box:before{
margin-left: 0;
margin-right: -300px;
left: auto;
right: 100%;
transform: skew(-40deg);
}
.rtl .banner-carousel-two .owl-nav{
text-align: left;
}
.rtl .banner-section-three .social-links{
float: right;
}
.rtl .carousel-outer .thumbs-carousel .owl-nav{
bottom: auto;
top: -525%;
}
.rtl .testimonial-carousel-two{
padding-left: 0;
padding-right: 100px;
}
.rtl .testimonial-carousel-two .owl-nav{
left: auto;
right: -135px;
}
.rtl .accordion-box .block .acc-btn{
padding-right: 25px;
padding-left: 50px;
}
.rtl .accordion-box .block .icon{
right: auto;
left: 15px;
}
.rtl .main-header .contact-info li:first-child{
margin-left: 0;
}
.rtl .news-block-two .caption-box .info li:first-child,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn:first-child,
.rtl .news-block-four .content-box .info li:first-child{
margin-right: 0;
}
.rtl .news-block-four .inner-box{
padding-left: 0;
padding-right: 300px;
}
.rtl .news-section-two .column .inner-column{
padding-right: 0;
padding-left: 25px;
}
.rtl .header-style-four .search-box-btn{
margin-left: 0;
margin-right: 55px;
}
.rtl .sidebar .search-box .form-group input[type="submit"],
.rtl .sidebar .search-box .form-group button,
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button{
right: auto;
left: 0;
border-radius: 50px 0px 0px 50px;
}
.rtl .specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav{
left: 96%;
top: 368%;
}
.rtl .blog-cat li a:before{
right: auto;
left: 33px;
content: "\f104";
}
.rtl .blog-cat li a{
border-left:0;
border-right: 5px solid transparent;
}
.rtl .blog-cat li.active a,
.rtl .blog-cat li a:hover{
border-left: 0;
border-right: 5px solid #222222;
}
.rtl .service-detail .inner-box ul li,
.rtl .brochure-box .inner{
padding-left: 0;
padding-right: 40px;
}
.rtl .mixitup-gallery .filters li{
float: right;
margin-right: 0;
margin-left: 30px;
}
.rtl .mixitup-gallery .filters li:last-child{
margin-left: 0;
}
.rtl .project-detail .project-tabs .tab-btns{
float: right;
margin-left: 30px;
margin-right: 0;
}
.rtl .list-style-one li{
padding-left: 0;
padding-right: 35px;
}
.rtl .news-block-two .blockquote .icon{
left: auto;
right: 70px;
}
.rtl .cat-list li{
border-left: 0;
border-right: 7px solid transparent;
}
.rtl .cat-list li.active,
.rtl .cat-list li:hover{
border-left: 0;
border-right: 7px solid #FF7F00;
}
.rtl .latest-news .post{
padding-left: 0;
padding-right: 130px;
}
.rtl .tag-list li{
float: right;
margin-left: 10px;
margin-right: 0;
}
.rtl .blog-detail .news-block-two .caption-box blockquote{
padding-left: 0;
padding-right: 40px;
}
.rtl .social-icon-colored li{
float: right;
margin-left: 6px;
margin-right: 0;
}
.rtl .social-icon-colored li a i{
margin-right: 0;
margin-left: 10px;
}
.rtl .comments-area .comment{
padding-left: 0;
padding-right: 100px;
}
.rtl .blog-detail.style-two .comments-area .comment{
padding-left: 0;
padding-right: 110px;
}
.rtl .comments-area .comment-box.reply-comment{
margin-left: 0;
margin-right: 100px;
}
.rtl .comments-area .comment-box.reply-comment.reply{
margin-left: 0;
margin-right: 200px;
}
.rtl .blog-detail.style-two .news-block-two .caption-box blockquote{
padding-left: 0;
padding-right: 25px;
}
.rtl .news-block .image-box{
margin-right: 0;
margin-left: 40px;
}
.rtl .news-block .caption-box{
margin-left: 0;
margin-right: 40px;
}
.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
float: right;
margin-right: 0;
margin-left: 10px;
}
.rtl .product-details .basic-details .item-quantity{
float: right;
margin-right: 0;
margin-left: 25px;
}
.rtl .product-details .basic-details .add-to-cart{
margin-left: 0;
margin-right: 20px;
}
.rtl .checkout-page .default-links li .fa{
margin-right: 0;
margin-left: 20px;
}
.rtl .payment-box .payment-options li .radio-option label{
padding-left: 0;
padding-right: 30px;
}
.rtl .payment-box .payment-options li .radio-option input[type="radio"]{
left: auto;
right: 0;
}
.rtl .payment-box .payment-options li .radio-option label .small-text:before{
left: auto;
right: 30px;
}
.rtl .shop-item .inner-box .lower-content .add-cart .fa{
margin-right: 0;
margin-left: 5px;
}
.rtl .banner-section .slide-item:before{
left: auto;
right: -15%;
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-ms-transform: skew(15deg);
-o-transform: skew(15deg);
transform: skew(15deg);
}
.rtl .main-header .contact-info li span{
margin-right: 0;
margin-left: 20px;
}
.rtl .banner-carousel-three .slide-item:before {
left: auto;
right: -15%;
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-ms-transform: skew(15deg);
-o-transform: skew(15deg);
transform: skew(15deg);
}
.rtl .header-style-six .btn-box{
float: left;
}
.rtl .header-style-six .outer-box{
float: right;
margin-right: 100px;
}
.rtl .header-style-six .logo-box{
padding-right: 0;
padding-left: 30px;
border-right: 0;
border-left: 1px solid rgba(255,255,255,.30);
}
.rtl .banner-section-five .content-box .video-link{
right: auto;
left: 15px;
}
.rtl .banner-section-five .social-links{
left: auto;
right: 80px;
text-align: center;
}
.rtl .banner-section-five .owl-dots{
right: auto;
left: 80px;
}
.rtl .banner-section-five .slide-item .content-box:before{
right: auto;
left: 0;
}
.rtl .header-style-seven .outer-box{
float: left;
margin-left: 0;
margin-right: 80px;
}
.rtl .header-style-seven .main-menu{
float: right;
}
.rtl .banner-section-six .content-box .inner-box{
float: none;
}
.rtl .header-style-five .nav-outer{
float: right;
}
/***
====================================================================
Box Layout
====================================================================
***/
.box-layout .page-wrapper{
max-width: 1400px;
margin: 0 auto;
border: 15px solid #ffffff;
overflow: hidden;
background-color: #ffffff;
}
.box-layout{
background-image: url(../images/background/3.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}
.box-layout .header-style-four.fixed-header .header-lower,
.box-layout .sticky-header{
max-width: 1370px;
left: 0;
right: 0;
margin: 0 auto;
}
.box-layout .header-style-one .inner-container{
padding: 0 30px;
}
.box-layout .banner-section{
padding-left: 0;
}
.box-layout .header-style-one .outer-box .contact-info{
padding-left: 0;
margin-left: 35px;
display: none;
}
.box-layout .header-style-one{
top: 15px;
}
.box-layout .header-style-six.fixed-header .outer-container,
.box-layout .header-style-one.fixed-header{
top: 0;
}
.box-layout .banner-section-six,
.box-layout .banner-section-three{
padding: 0;
}
.box-layout .banner-carousel-two .owl-nav{
right: 45px;
}
.box-layout .header-style-three .inner-container{
padding: 0 15px;
}
.box-layout .coming-soon{
position: relative;
}
.box-layout .coming-soon .content{
position: relative;
}
.box-layout .header-style-five .inner-container{
padding: 0 30px;
}
.box-layout .banner-section-six .contact-info,
.box-layout .banner-section-six .social-links,
.box-layout .header-style-five .outer-box .contact-info{
padding-left: 0;
margin-left: 35px;
display: none;
}
li a.current {
color: #ff7f00 !important;
}
.blog-cat a.active {
background-color: #FF7F00 !important;
color: #fff !important;
border-left: 5px solid #222222;
}
ul.contact-info.demo li {
font-size: 35px !important;
letter-spacing: 1px;
}