/* Valencia - Car Hire HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style One / Style Two / Style Three
5. Main Slider
6. Welcome Section
7. Booking Form
8. Drive Cars
9. Fun Facts Section
10. Products Section
11. Subscribe Section
12. News Section
13. Testimonials Section
14. Sponsors Section / Style One / Style two
15. Call To Action Footer
16. Main Footer / Style One / Style Two / Style Three
17. Why Choose Us
18. Latest Vehicles
19. About Us
20. Best Services / Style One / Style Two
21. Video Box
22. Booking Form Section
23. App Section
24. Our Cars
25. Gallery Three Column
26. Gallery Masonry
27. Blog Grid
28. Blog List
29. Blog Single
30. Sidebar Widgets
31. Shop
32. Shop Single
33. Billing
34. Billing Confirmation
35. Contact Section
36. Map Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800,900|PT+Sans:400,400i,700,700i');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'PT Sans', sans-serif;
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
a{
text-decoration:none;
cursor:pointer;
color:#18ba60;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-family: 'Heebo', sans-serif;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
}
input,button,select,textarea{
font-family: 'PT Sans', sans-serif;
}
p{
position:relative;
line-height:1.8em;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
.btn-style-one{
position:relative;
padding:7px 30px;
line-height:24px;
text-transform:uppercase;
background:#18ba60;
color:#ffffff;
border:2px solid #18ba60;
font-size:13px;
letter-spacing: 1px;
font-weight:800;
border-radius:3px;
}
.btn-style-one:hover{
background:none;
color:#18ba60;
color:#ffffff;
}
.btn-style-two{
position:relative;
padding:7px 30px;
line-height:24px;
text-transform:uppercase;
background:#ffffff;
color:#333333;
border:2px solid #ffffff;
font-size:13px;
letter-spacing: 1px;
font-weight:800;
border-radius:3px;
}
.btn-style-two:hover{
background:#333333;
border-color: #333333;
color:#ffffff;
}
.btn-style-three{
position:relative;
padding:8px 30px;
line-height:24px;
text-transform:uppercase;
background:#062d55;
color:#ffffff;
border:2px solid #062d55;
font-size:13px;
letter-spacing: 1px;
font-weight:800;
border-radius:3px;
}
.btn-style-three:hover{
background:#18ba60;
color:#ffffff;
border-color:#18ba60;
}
.btn-style-four{
position:relative;
padding:7px 30px;
line-height:24px;
text-transform:uppercase;
background:#18ba60;
color:#ffffff;
border:2px solid #18ba60;
font-size:13px;
letter-spacing: 1px;
font-weight:800;
border-radius:3px;
}
.btn-style-four:hover{
background:#062d55;
border-color:#062d55;
color:#ffffff;
}
.btn-style-five{
position:relative;
padding:7px 30px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#777777;
border:2px solid #d0d0d0;
font-size:13px;
letter-spacing: 1px;
font-weight:800;
border-radius:3px;
}
.btn-style-five:hover{
background:#18ba60;
border-color:#18ba60;
color:#ffffff;
}
.theme-btn .icon-left{
padding-right:10px;
}
.theme-btn .icon-right{
padding-left:10px;
}
.theme_color{
color:#18ba60;
}
.light-font{
font-weight:300;
}
.regular-font{
font-weight:400;
}
.semibold-font{
font-weight:600;
}
.bold-font{
font-weight:700;
}
.ex-bold-font{
font-weight:800;
}
.heavy-font{
font-weight:900;
}
.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.gif);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#ffffff;
font-size:13px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
border-radius:50%;
background:#0a0a0a;
display: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;
}
.scroll-to-top:hover{
color:#ffffff;
background:#18ba60;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-top-one{
position:relative;
font-size:14px;
color:#ffffff;
background:#062d55;
}
.main-header.header-style-three{
position:absolute;
}
.main-header .header-top-one .top-left{
position:relative;
float:left;
padding:13px 50px 13px 0px;
line-height:24px;
background:#18ba60;
}
.main-header .header-top-one .top-left:before{
content:'';
position:absolute;
right:-20px;
top:0px;
background:#18ba60;
height:100%;
width:2000px;
-webkit-transform:skewX(20deg);
-ms-transform:skewX(20deg);
-o-transform:skewX(20deg);
-moz-transform:skewX(20deg);
transform:skewX(20deg);
}
.main-header .header-top-one .top-left .text{
position:relative;
z-index:1;
}
.main-header .header-top-one .top-right{
position:relative;
float:right;
padding:13px 0px;
line-height:24px;
}
.main-header .header-top-one .top-right ul li{
position:relative;
float:left;
margin-left:40px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-one .top-right ul li a{
position:relative;
display:block;
padding-left:26px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-one .top-right ul li .icon{
position:absolute;
left:0px;
top:0px;
line-height:24px;
font-size:16px;
color:#18ba60;
}
.main-header .header-top-one a:hover{
color:#18ba60;
}
.main-header .header-top-two{
position:relative;
font-size:14px;
color:#ffffff;
background:rgba(0,0,0,0.80);
}
.main-header .header-top-two .top-left{
position:relative;
float:left;
}
.main-header .header-top-two .top-left ul li{
position:relative;
float:left;
margin-right:40px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-two .top-left ul li a{
position:relative;
display:block;
padding:13px 0px 13px 26px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-two .top-left ul li .icon{
position:absolute;
left:0px;
top:13px;
line-height:24px;
font-size:16px;
color:#18ba60;
}
.main-header .header-top-two .top-left ul li a:hover{
color:#18ba60;
}
.main-header .header-top-two .top-right{
position:relative;
float:right;
}
.main-header .header-top-two .top-right ul li{
position:relative;
float:left;
margin-left:40px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-two .top-right ul li a{
position:relative;
display:block;
padding:13px 0px 13px 26px;
line-height:24px;
color:#e3e3e3;
}
.main-header .header-top-two .top-right .booking-btn{
padding:13px 50px;
text-align:center;
font-family: 'Heebo', sans-serif;
font-size:13px;
font-weight:700;
text-transform:uppercase;
color:#ffffff;
background:#18ba60;
}
.main-header .header-top-two .top-right ul li .icon{
position:absolute;
left:0px;
top:13px;
line-height:24px;
font-size:16px;
color:#18ba60;
}
.main-header .header-top-two ul li a:hover{
color:#18ba60;
}
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #cccccc;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:5px 0px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .header-upper{
position:relative;
padding:15px 0px;
background:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
z-index:5;
}
.main-header.header-style-two .header-upper{
padding:0px 0px;
}
.main-header.header-style-three .header-upper{
background:none;
}
.main-header .logo-outer{
position:relative;
float: left;
z-index:25;
}
.main-header.header-style-two .logo-outer{
padding:15px 0px;
}
.main-header .logo-outer .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-upper .upper-right{
position:relative;
float: right;
padding:20px 0px 0px;
}
.main-header.header-style-two .header-upper .upper-right{
padding:0px;
}
.main-header.header-style-three .header-upper .upper-right{
padding-top:15px;
}
.main-header .info-box{
position:relative;
float:left;
min-height:50px;
margin-left:40px;
font-size:13px;
text-transform:capitalize;
color:#222222;
padding:0px 0px 0px 45px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:0px;
width:45px;
line-height:48px;
color:#18ba60;
font-size:28px;
border-radius:50%;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
line-height:24px;
font-weight:500;
margin:0px 0px;
}
.main-header .info-box li a{
color:#777777;
}
.main-header .info-box strong{
display:block;
font-family: 'Heebo', sans-serif;
font-weight:500;
color:#222222;
font-size:14px;
margin-bottom:0px;
}
.main-header .upper-right .btn-box{
padding-top: 3px;
padding-left: 0px;
}
.main-header .upper-right .btn-box .theme-btn{
display: inline-block;
padding: 10px 34px 8px;
line-height: 24px;
background: #18ba60;
color: #ffffff;
font-family: 'Heebo', sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1px;
border-radius: 3px;
}
.main-header .upper-right .btn-box .theme-btn:hover{
background: #062d55;
}
.main-header .header-lower{
position:relative;
left:0px;
top:0px;
width:100%;
background:none;
z-index:5;
}
.header-style-one .nav-outer{
position:relative;
background: #062d55;
border: 4px solid #ffffff;
padding:0px 200px 0px 30px;
margin-bottom: -24px;
}
.header-style-two .nav-outer{
padding-right:150px;
}
.header-style-three .nav-outer{
padding-right:200px;
}
.header-style-two .nav-outer .booking-btn{
position:absolute;
right:0px;
top:50%;
margin-top:-21px;
width:150px;
}
.header-style-three .nav-outer .contact-info{
position:absolute;
right:0px;
top:10px;
color:#ffffff;
padding-left:40px;
}
.header-style-three .nav-outer .contact-info .icon-box{
position:absolute;
left:0px;
top:0px;
font-size:24px;
line-height:50px;
}
.header-style-three .nav-outer .contact-info .info-title{
font-size:14px;
font-weight:700;
line-height:20px;
}
.header-style-three .nav-outer .contact-info .info{
font-size:18px;
font-weight:700;
line-height:30px;
}
.header-style-two .nav-outer .booking-btn .theme-btn{
display:block;
text-align:center;
}
.header-style-two .nav-outer .booking-btn .theme-btn:hover{
color:#18ba60;
}
.main-header .nav-outer .social-links{
position:absolute;
right:30px;
line-height:20px;
top:0px;
padding:15px 0px;
}
.main-header .nav-outer .social-links a{
display:inline-block;
line-height:20px;
height: 20px;
margin-left:20px;
color:#d8d8d8;
font-size: 13px;
background:none;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-header .nav-outer .social-links a:hover{
color:#18ba60;
}
.main-menu{
position:relative;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
font-family: 'Heebo', sans-serif;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:50px;
}
.sticky-header .main-menu .navigation > li{
margin:0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:13px 0px;
font-size:14px;
color:#ffffff;
line-height:24px;
font-weight:500;
text-transform:capitalize;
opacity:1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li > a{
color:#062d55;
padding-top:43px;
padding-bottom:43px;
}
.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
padding-top:8px;
padding-bottom:8px;
}
.sticky-header .main-menu .navigation > li > a{
color:#181818;
padding:17px 15px;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
color:#18ba60;
opacity:1;
}
.main-menu .navigation > li.dropdown > a{
padding-right:20px;
}
.main-menu .navigation > li > a:before{
content: "";
position:absolute;
left:0px;
bottom: -4px;
width:100%;
border-bottom: 4px solid #18ba60;
display:block;
opacity: 0;
}
.header-style-two .main-menu .navigation > li > a:before{
display:none;
}
.header-style-three .main-menu .navigation > li > a:before{
border-bottom-width:3px;
bottom:0px;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li.current-menu-item > a:before{
opacity:1;
}
.main-menu .navigation > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:50%;
margin-top: -15px;
width:10px;
height:30px;
display:block;
line-height:30px;
font-size:14px;
font-weight:normal;
}
.sticky-header .main-menu .navigation > li > a{
padding: 17px 15px !important;
}
.sticky-header .main-menu .navigation > li.dropdown > a:after{
display: none;
}
.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{
background:#18ba60;
color:#ffffff;
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:120%;
width:220px;
padding:0px;
z-index:100;
display:none;
background:#062d55;
border-top: 3px solid #18ba60;
-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);
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.from-right{
left:auto;
right:100%;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.15);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:12px 20px;
line-height:22px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
background:#18ba60;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:12px;
width:10px;
height:20px;
display:block;
color:#ffffff;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:20px;
width:220px;
padding:0px;
z-index:100;
display:none;
border-top: 3px solid #18ba60;
background:#062d55;
-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.15);
}
.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:12px 20px;
line-height:22px;
font-weight:400;
font-size:14px;
text-transform:capitalize;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
background:#18ba60;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:28px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index: 10;
}
.main-slider .tp-caption{
z-index:5;
}
.main-slider .tp-dottedoverlay{
background-color:rgba(0,0,0,0.50) !important;
}
.main-slider .small-title{
font-weight:700;
line-height:1.3em;
color:#ffffff;
font-size:20px;
text-transform:capitalize;
}
.main-slider .big-title{
font-weight:500;
line-height:1.2em;
color:#ffffff;
font-size:54px;
text-transform:capitalize;
}
.main-slider .text{
font-weight:400;
line-height:1.8em;
color:#ffffff;
font-size:16px;
}
.main-slider .theme-btn{
border-width: 2px !important;
}
.main-slider .btn-style-one{
color: #FFFFFF;
}
.main-slider .btn-style-one:hover{
color: #18ba60;
}
.main-slider .btn-style-two{
color: #333333;
}
.main-slider .btn-style-two:hover{
color: #ffffff;
}
.tp-bullets{
display: none !important;
}
.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
background:none !important;
width:50px !important;
overflow:hidden;
margin-top:-10px !important;
height:50px !important;
}
.main-slider .tparrows.preview3::after{
top:0px;
background:#ffffff;
border:none;
color:#333333;
font-size:20px;
height:50px !important;
line-height:48px;
width:46px !important;
padding:0px;
border-radius:0px;
}
.main-slider .tparrows.tp-leftarrow.preview3::after{
content: '\f104';
font-family:'FontAwesome';
}
.main-slider .tparrows.tp-rightarrow.preview3::after{
content: '\f105';
font-family:'FontAwesome';
}
.main-slider .tparrows.preview3.tp-leftarrow{
left:30px !important;
}
.main-slider .tparrows.preview3.tp-rightarrow{
right:30px !important;
}
.main-slider .tparrows.preview3:hover::after{
color:#ffffff;
background:#18ba60;
border-color:#18ba60;
}
.main-slider .tparrows.preview3 .tp-arr-iwrapper{
visibility:hidden;
opacity:0;
display:none;
}
.main-slider .tp-bannertimer{
display:none !important;
}
/***
====================================================================
Title Styles
====================================================================
***/
.sec-title{
position:relative;
margin-bottom: 50px;
}
.sec-title.light-version{
margin-bottom:60px;
}
.sec-title h2{
font-size:30px ;
color: #222222;
font-weight: 500;
line-height: 1.3em;
text-transform: capitalize;
}
.sec-title .desc-text{
position: relative;
padding-top: 10px;
font-size:16px ;
color: #777777;
line-height: 1.8em;
}
.sec-title.centered{
text-align: center;
}
.sec-title.centered .desc-text{
max-width: 750px;
margin: 0 auto;
}
.sec-title .icon-box{
position: absolute;
display: block;
left: 50%;
top: -10px;
width: 80px;
height: 64px;
font-size: 64px;
text-align: center;
line-height: 64px;
margin-left: -40px;
color: #f5f5f5;
}
.sec-title.light-version h2{
color:#ffffff;
}
.sec-title.light-version .desc-text{
color:#dadada;
}
.sec-title.light-version .icon-box{
color:rgba(255,255,255,0.10);
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section{
position:relative;
padding: 130px 0px 90px;
z-index:12;
}
.welcome-section .content-column{
position:relative;
padding-left:35px;
}
.service-block{
position: relative;
margin-bottom: 40px;
}
.service-block .inner-box{
position: relative;
min-height: 62px;
padding-left: 90px;
}
.service-block .icon-box{
position: absolute;
left: 0px;
top: 3px;
width: 62px;
height: 62px;
font-size: 24px;
line-height: 60px;
text-align: center;
border: 1px solid #e0e0e0;
background: none;
color:#18ba60;
border-radius: 3px;
-ms-border-radius: 3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block .inner-box:hover .icon-box{
color: #ffffff;
border-color: #18ba60;
background: #18ba60;
}
.service-block h3{
font-size: 18px;
color: #222222;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 12px;
}
.service-block .text{
font-size: 15px;
line-height: 1.8em;
}
.form-column .form-box{
position: relative;
border: 1px solid #e3e3e3;
margin-top: -190px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
-ms-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
-o-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
}
/***
====================================================================
Tabs Box
====================================================================
***/
.tabs-box{
position:relative;
}
.tabs-box .tab-buttons{
position: relative;
}
.tabs-box .tab-buttons .tab-btn{
position: relative;
}
.tabs-box .tabs-content{
position: relative;
}
.tabs-box .tab{
position: relative;
display: none;
}
.tabs-box .tab.active-tab{
display: block;
}
/***
====================================================================
Booking Tabs
====================================================================
***/
.booking-tabs .tab-buttons{
position: relative;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
font-family: 'Heebo', sans-serif;
}
.booking-tabs .tab-buttons .tab-btn{
position: relative;
display: block;
float: left;
width: 50%;
font-size: 20px;
color: #222222;
text-transform: capitalize;
font-weight: 500;
text-align: center;
line-height: 30px;
padding: 15px 10px;
background: #e3e3e3;
cursor: pointer;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.booking-tabs .tab-buttons .tab-btn.active-btn{
background: #ffffff;
}
.booking-tabs .tab-buttons .tab-btn .icon-box{
position: absolute;
display: block;
left: 50%;
top: 50%;
width: 80px;
height: 50px;
font-size: 52px;
text-align: center;
line-height: 50px;
margin-top: -25px;
margin-left: -40px;
color: #d0d0d0;
}
.booking-tabs .tab-buttons .tab-btn.active-btn .icon-box{
color: #eeeeee;
}
.booking-tabs .tab-buttons .tab-btn .txt{
position: relative;
display: block;
z-index: 2;
}
.booking-tabs .tabs-content{
position: relative;
padding: 35px 35px 20px;
}
.span-bottom-20{
margin-bottom:20px;
}
.booking-tabs button[type="button"],
.booking-tabs button[type="submit"],
.booking-tabs input[type="submit"]{
display:block;
width:100%;
text-align:center;
}
/***
====================================================================
Default Form Styling
====================================================================
***/
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.booking-tabs .default-form .row .form-group{
padding:0px 10px;
margin-bottom:16px;
}
.booking-tabs .default-form .row{
margin:0px -10px;
}
.default-form .form-group .field-inner{
position:relative;
}
.default-form .form-group .field-inner .input-icon{
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
line-height: 20px;
font-size: 12px;
color: #18ba60;
}
.default-form .field-label{
display:block;
line-height:24px;
margin-bottom:10px;
color:#777777;
font-weight:400;
font-size:16px;
}
.default-form .form-group .field-label sup,
.default-form .form-group .field-label .req{
color:#18ba60;
font-size:16px;
padding-left:3px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="tel"],
.default-form input[type="url"],
.default-form select,
.default-form textarea{
display:block;
width:100%;
line-height:22px;
height:44px;
font-size:14px;
border:1px solid #e3e3e3;
padding:10px 20px;
background-color:#ffffff;
color:#222222;
border-radius:3px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-form select{
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea{
height:120px;
resize:none;
}
.default-form select option{
text-indent:20px;
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
border-color:#18ba60;
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error{
border-color:#ff0000 !important;
}
.default-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.default-form .check-box{
position:relative;
padding:15px 0px 0px;
}
.default-form .check-box input{
position:absolute;
opacity:0;
visibility:hidden;
}
.default-form .check-box label{
position:relative;
display:block;
font-weight:normal;
padding-left:26px;
font-size:14px;
line-height:24px;
cursor:pointer;
}
.default-form .check-box input:checked + label{
color:#18ba60;
}
.default-form .check-box label .icon{
position:absolute;
left:0px;
top:4px;
display:block;
width:16px;
height:16px;
}
.default-form .check-box label .square{
position:absolute;
left:0px;
top:0px;
width:14px;
height:14px;
border:1px solid #eeeeee;
}
.default-form .check-box label .fa{
position:absolute;
left:0px;
top:0px;
color:#18ba60;
padding-right:2px;
width:16px;
height:16px;
line-height:16px;
font-size:10px;
text-align:center;
opacity:0;
}
.default-form .check-box input:checked + label .fa{
opacity:1;
}
/***
====================================================================
Hire Cars
====================================================================
***/
.drive-cars-section{
position:relative;
padding: 130px 0px 80px;
border-top:1px solid rgba(0,0,0,0.05);
z-index:12;
}
.drive-cars-section.style-two{
background:#fafafa;
border:none;
}
.drive-cars-section.style-three{
padding-top:100px;
padding-bottom:130px;
border-top:1px solid#18ba60;
}
.drive-cars-section.style-three .service-block{
margin-bottom:50px;
}
.drive-cars-section .big-image{
position:relative;
margin-bottom:40px;
}
.drive-cars-section.style-three .big-image{
margin-bottom:80px;
}
.drive-cars-section .big-image img{
display:block;
width:100%;
}
.drive-cars-section .sec-title{
margin-bottom:70px;
}
.floated-title{
position:absolute;
left:0px;
top:-23px;
width:100%;
text-align:center;
}
.floated-title .inner{
position:relative;
display:inline-block;
text-align:center;
background:#f9f9f9;
border-radius:23px;
font-family: 'Heebo', sans-serif;
color:#222222;
font-size:18px;
}
.floated-title .inner .heading-block{
position:relative;
display:inline-block;
line-height:25px;
padding:10px 32px;
}
.floated-title .inner .or{
position:relative;
top:0px;
display:inline-block;
font-size:13px;
font-weight:700;
font-family: 'Heebo', sans-serif;
color:#ffffff;
background:#18ba60;
width:48px;
height:48px;
line-height:48px;
border-top:none;
border-bottom:none;
margin:0px 0px;
border-radius:24px;
box-shadow:0px 0px 1px 3px #ffffff,0px 0px 1px 3px #ffffff;
}
.floated-title .inner .or .icon{
font-size:20px;
font-weight:normal;
}
.service-block-two{
position: relative;
margin-bottom: 50px;
}
.service-block-two .inner-box{
position: relative;
max-width:320px;
margin:0 auto;
text-align:center;
}
.service-block-two .inner-box:before{
content:'';
position:absolute;
left:100%;
margin-left:-60px;
top:10px;
width:200px;
height:20px;
background:url(../images/icons/direction-arrow.png) center center no-repeat;
}
.drive-cars-section .service-block-two:nth-child(3n+3) .inner-box:before{
display:none;
}
.service-block-two .icon-box{
position:relative;
width: 62px;
height: 62px;
font-size: 28px;
line-height: 60px;
text-align: center;
border: 1px solid #e0e0e0;
background: none;
color:#18ba60;
margin:0 auto 30px;
border-radius: 3px;
-ms-border-radius: 3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-two .inner-box:hover .icon-box{
color: #ffffff;
border-color: #18ba60;
background: #18ba60;
}
.service-block-two h3{
font-size: 18px;
color: #222222;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 10px;
}
.service-block-two .text{
font-size: 15px;
line-height: 1.8em;
}
.service-block-three{
position: relative;
margin-bottom: 40px;
}
.service-block-three .inner-box{
position: relative;
min-height: 62px;
padding-right: 90px;
text-align:right;
}
.service-block-three .icon-box{
position: absolute;
right: 0px;
top: 3px;
width: 62px;
height: 62px;
font-size: 24px;
line-height: 60px;
text-align: center;
border: 1px solid #e0e0e0;
background: none;
color:#18ba60;
border-radius: 3px;
-ms-border-radius: 3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-three .inner-box:hover .icon-box{
color: #ffffff;
border-color: #18ba60;
background: #18ba60;
}
.service-block-three h3{
font-size: 18px;
color: #222222;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 12px;
}
.service-block-three .text{
font-size: 15px;
line-height: 1.8em;
}
.service-block-four{
position: relative;
margin-bottom: 30px;
}
.service-block-four .inner-box{
position: relative;
display:block;
padding:30px 30px;
text-align:center;
border:1px solid rgba(0,0,0,0.10);
background:#ffffff;
border-radius:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-four .inner-box:hover{
background:#062d55;
border-color:#062d55;
}
.service-block-four .inner-box .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
opacity:0;
border-radius:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-four .inner-box:hover .image-layer{
opacity:0.10;
}
.service-block-four .icon-box{
position:relative;
font-size: 32px;
line-height: 50px;
text-align: center;
background: none;
color:#18ba60;
margin:0 auto 10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-four h3{
font-size: 18px;
color: #222222;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-four .inner-box:hover h3{
color:#ffffff;
}
.service-block-four .text{
position:relative;
z-index:1;
font-size: 15px;
line-height: 1.8em;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block-four .inner-box:hover .text{
color:#c8c8c8;
}
/***
====================================================================
Fun Facts Section
====================================================================
***/
.fun-facts-section{
position:relative;
padding: 100px 0px 60px;
background-color:#062d55;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
.fun-facts-section.style-two{
position:relative;
padding: 0px 0px 20px;
}
.fun-facts-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(6,45,85,0.95);
}
.fun-facts-section .auto-container{
position:relative;
z-index:1;
}
.fun-facts-section .column{
position:relative;
margin-bottom:40px;
}
.fun-facts-section .column .inner{
position:relative;
padding-left:80px;
}
.fun-facts-section .column .icon-box{
position:absolute;
left:10px;
top:0px;
width:80px;
height:54px;
border-right:1px dashed #ffffff;
color:#ffffff;
line-height:54px;
font-size:42px;
}
.fun-facts-section .column .content{
position:relative;
margin-top:-7px;
padding-left:30px;
}
.fun-facts-section .count-outer{
position:relative;
font-size:30px;
line-height:1em;
font-family: 'Heebo', sans-serif;
color:#ffffff;
}
.fun-facts-section .count-outer .count-text{
font-weight:700;
}
.fun-facts-section .column .counter-title{
position:relative;
font-size:18px;
line-height:1.4em;
font-weight:400;
color:#18ba60;
margin-bottom:5px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:130px 0px 100px;
}
.gallery-section .outer-box{
position:relative;
}
.gallery-section .filters{
position:relative;
text-align:center;
margin-bottom:40px;
font-family: 'Heebo', sans-serif;
}
.gallery-section .filters li{
position:relative;
display:inline-block;
padding:5px 25px;
line-height:24px;
color:#222222;
cursor:pointer;
text-transform:capitalize;
border:1px solid #e0e0e0;
border-radius:3px;
font-size:15px;
font-weight:400;
margin:0px 3px 7px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-section .filters li:hover,
.gallery-section .filters li.active{
color:#18ba60;
border-color:#18ba60;
}
.default-car-item{
position:relative;
margin-bottom:30px;
}
.default-car-item.mix{
display:none;
}
.default-car-item .inner-box{
position:relative;
width:100%;
text-align:center;
overflow:hidden;
}
.default-car-item .image-box{
position:relative;
display:block;
margin-bottom:10px;
}
.default-car-item .image-box img{
position:relative;
display:inline-block;
max-width:100%;
}
.default-car-item .lower-content{
position:relative;
padding:0px 20px;
}
.default-car-item .lower-content h3{
font-weight:500;
color:#222222;
font-size:18px;
margin-bottom:20px;
text-transform:capitalize;
}
.default-car-item .lower-content h3 a{
color:#222222;
}
.default-car-item .lower-content h3 a:hover{
color:#18ba60;
}
.default-car-item .lower-content .info{
position:relative;
display:block;
border:1px solid #e0e0e0;
margin-bottom:30px;
color:#222222;
border-radius:3px;
}
.default-car-item .lower-content .info li{
position:relative;
float:left;
width:50%;
line-height:24px;
padding:8px 10px;
border-right:1px solid #e0e0e0;
}
.default-car-item .lower-content .info .price{
color:#18ba60;
}
.default-car-item .lower-content .info .price strong{
font-family: 'Heebo', sans-serif;
font-size:18px;
font-weight:500;
}
.default-car-item .lower-content .info li:nth-child(2n+2){
border-right:none;
}
.default-portfolio-item{
position:relative;
margin-bottom:30px;
}
.default-portfolio-item.mix{
display:none;
}
.full-width .default-portfolio-item{
padding:0px !important;
margin:0px !important;
}
.masonry-gallery .items-container{
position:relative;
margin:0px -5px;
}
.masonry-gallery .masonry-item{
position:relative;
padding:0px 4px;
margin-bottom:8px;
}
.default-portfolio-item .inner-box{
position:relative;
width:100%;
border-radius:3px;
overflow:hidden;
}
.default-portfolio-item .image-box{
position:relative;
display:block;
border-radius:3px;
}
.default-portfolio-item .image-box img{
position:relative;
display:block;
border-radius:3px;
width:100%;
}
.default-portfolio-item .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:0px;
color:#ffffff;
opacity:0;
text-align:center;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);
}
.style-two .default-portfolio-item .overlay-box{
border:none;
}
.default-portfolio-item .inner-box:hover .overlay-box{
top:0px;
opacity:1;
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
}
.default-portfolio-item .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 20px;
background:rgba(6,45,65,0.90);
}
.default-portfolio-item .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .overlay-inner .option-btn{
position:relative;
display:inline-block;
line-height:36px;
color:#222222;
font-size:13px;
width:36px;
height:36px;
margin:0px 4px;
background:#ffffff;
border-radius:3px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.default-portfolio-item .overlay-inner .option-btn:hover{
background:#18ba60;
color:#ffffff;
}
.default-portfolio-item .overlay-inner h3{
font-size:18px;
color:#18ba60;
font-weight:500;
text-transform:capitalize;
}
.default-portfolio-item .overlay-inner h3 a{
color:#18ba60;
}
.default-portfolio-item .overlay-inner h3 a:hover{
color:#ffffff;
}
.default-portfolio-item .overlay-inner .cat-links{
position:relative;
margin:0px 0px 20px;
}
.default-portfolio-item .overlay-inner .cat-links a{
color:#ffffff;
}
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section{
position:relative;
padding: 110px 0px 100px;
background-color:#062d55;
text-align:center;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
.subscribe-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(6,45,85,0.95);
}
.subscribe-section .auto-container{
position:relative;
max-width:800px;
z-index:1;
}
.subscribe-section .logo{
margin-bottom:20px;
}
.subscribe-section .form{
position:relative;
margin:0px;
}
.subscribe-section .form .form-group{
position:relative;
margin:0px;
padding-right:150px;
}
.subscribe-section .form .form-group input[type="text"],
.subscribe-section .form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
height:42px;
line-height:26px;
padding:8px 20px;
background:#e9ecf1;
color:#222222;
border-radius:3px;
}
.subscribe-section .form .form-group button{
position:absolute;
right:0px;
top:0px;
width:142px;
text-align:center;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:130px 0px 80px;
}
.news-section .sec-title{
margin-bottom:60px;
}
.news-style-one{
position:relative;
margin-bottom:50px;
}
.news-style-one .inner-box{
position:relative;
display:block;
}
.news-style-one .image-box{
position:relative;
display:block;
margin-bottom:20px;
}
.news-style-one .image-box img{
position:relative;
display:block;
width:100%;
border-radius:3px;
}
.news-style-one .date-box{
position:absolute;
left:20px;
bottom:20px;
width:50px;
text-align:center;
color:#ffffff;
font-family: 'Heebo', sans-serif;
background:#18ba60;
}
.news-style-one .date-box .day{
display:block;
font-size:20px;
font-weight:700;
line-height:30px;
}
.news-style-one .date-box .month{
display:block;
font-size:13px;
font-weight:500;
line-height:20px;
background:#062d55;
}
.news-style-one .lower-content{
position:relative;
display:block;
}
.news-style-one .lower-content h3{
position:relative;
font-size:18px;
color:#222222;
font-weight:500;
margin-bottom:5px;
}
.news-style-one .lower-content h3 a{
color:#222222;
}
.news-style-one .lower-content h3 a:hover{
color:#18ba60;
}
.news-style-one .lower-content .post-meta{
position:relative;
margin-bottom:15px;
line-height:24px;
}
.news-style-one .lower-content .post-meta li{
position:relative;
line-height:24px;
font-size:13px;
display:inline-block;
margin-right:15px;
}
.news-style-one .lower-content .post-meta li a{
position:relative;
color:#777777;
}
.news-style-one .lower-content .post-meta li .fa{
position:relative;
color:#18ba60;
padding-right:5px;
}
.news-style-one .lower-content .text{
position:relative;
line-height:1.8em;
margin-bottom:20px;
}
.news-style-one .lower-content .text p{
position:relative;
margin-bottom:20px;
}
.news-style-one blockquote{
position:relative;
margin:20px 0px;
padding:0px 20px 0px 30px;
color:#222222;
font-size:16px;
font-style:italic;
line-height:1.8em;
border:none;
}
.news-style-one blockquote .quote-icon{
position:relative;
line-height:1em;
font-size:10px;
}
.sidebar-page-container .two-column{
position:relative;
}
.sidebar-page-container .two-column .column{
position:relative;
margin-bottom:20px;
}
.sidebar-page-container .two-column .image img{
position:relative;
display:block;
width:100%;
}
/***
====================================================================
Testimonials Section
====================================================================
***/
.testimonials-section{
position:relative;
background:#fafafa;
padding:80px 0px 60px;
}
.testimonials-section .slide-item{
position:relative;
color:#ffffff;
text-align:center;
}
.testimonials-section .slide-item .inner-box{
position:relative;
padding:40px 40px 35px;
border-radius:5px;
background:#2ec06f url(../images/background/map-pattern.png) center center no-repeat;
}
.testimonials-section .slide-item .author-thumb{
position:relative;
width:95px;
height:95px;
margin:0 auto 30px;
}
.testimonials-section .slide-item .text{
position:relative;
color:#f0f0f0;
margin-bottom:25px;
line-height:1.8em;
}
.testimonials-section .slide-item .author-info{
position:relative;
}
.testimonials-section .slide-item .author-title{
position:relative;
font-size:15px;
font-weight:500;
color:#062d55;
}
.testimonials-section .slide-item .designation{
position:relative;
font-size:14px;
color:#f0f0f0;
font-style:italic;
}
.testimonials-section .owl-theme .owl-controls{
padding:0px;
margin:50px 0px 0px;
}
.testimonials-section .owl-theme .owl-controls .owl-nav{
display:none !important;
}
.testimonials-section .owl-theme .owl-controls .owl-dots{
padding:0px;
margin:0px;
}
.testimonials-section .owl-theme .owl-controls .owl-dots .owl-dot span{
width:12px;
height:12px;
border:2px solid #062d55;
background:#062d55;
margin:0px 3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-transform:scale(0.6,0.6);
-ms-transform:scale(0.6,0.6);
-o-transform:scale(0.6,0.6);
-moz-transform:scale(0.6,0.6);
transform:scale(0.6,0.6);
}
.testimonials-section .owl-theme .owl-controls .owl-dots .owl-dot:hover span,
.testimonials-section .owl-theme .owl-controls .owl-dots .owl-dot.active span{
border-color:#18ba60;
background:none;
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
transform:scale(1,1);
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
padding:100px 0px;
}
.sponsors-section.style-two{
position:relative;
padding:50px 0px;
background-color:#062d55;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
.sponsors-section.style-two:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(6,45,85,0.95);
}
.sponsors-section.style-two .auto-container{
position:relative;
z-index:1;
}
.sponsors-section .image-box{
position:relative;
text-align:center;
}
.sponsors-section .image-box img{
position:relative;
display:inline-block;
width:auto;
max-width:100%;
opacity:0.80;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section .image-box img:hover{
opacity:1;
}
.sponsors-section .owl-theme .owl-controls,
.sponsors-section .owl-theme .owl-controls .owl-nav{
margin:0px;
padding:0px;
}
.sponsors-section .owl-theme .owl-controls .owl-dots{
display:none !important;
}
.sponsors-section .owl-theme .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
top:50%;
padding:0px;
margin:0px;
margin-top:-20px;
width:40px;
height:40px;
line-height:36px;
border:2px solid #d0d0d0;
color:#d0d0d0;
text-align:center;
font-size:18px;
background:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section.style-two .owl-theme .owl-controls .owl-nav [class*="owl-"]{
color:#18ba60;
border-color:#18ba60;
}
.sponsors-section .owl-theme .owl-controls .owl-nav [class*="owl-prev"]{
left:-80px;
}
.sponsors-section .owl-theme .owl-controls .owl-nav [class*="owl-next"]{
right:-80px;
}
.sponsors-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
background:#18ba60;
border-color:#18ba60;
color:#ffffff;
}
.sponsors-section.style-two .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
color:#18ba60;
border-color:#ffffff;
background:#ffffff;
}
/***
====================================================================
Call TO Action Footer
====================================================================
***/
.call-to-action-footer{
position:relative;
background:#222222;
color:#ffffff;
}
.call-to-action-footer:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background:#18ba60;
}
.call-to-action-footer:after{
content:'';
position:absolute;
left:50%;
top:-25px;
width:50%;
height:100%;
background:#222222;
}
.call-to-action-footer .auto-container{
position:relative;
z-index:1;
}
.call-to-action-footer .left-column .inner-box{
position:relative;
padding:32px 0px;
font-family: 'Heebo', sans-serif;
font-size:16px;
line-height:44px;
}
.call-to-action-footer .left-column .inner-box strong{
font-weight:500;
font-size:20px;
}
.call-to-action-footer .left-column .icon-box{
position:relative;
display:inline-block;
width:44px;
height:44px;
border:3px solid #ffffff;
line-height:38px;
text-align:center;
font-size:18px;
margin-right:20px;
border-radius:50%;
}
.call-to-action-footer .right-column .inner-box{
position:relative;
padding:35px 0px 20px 0px;
margin-top:-25px;
background:#222222;
color:#c8c8c8;
line-height:1.8em;
}
.call-to-action-footer .right-column .inner-box:before{
content:'';
position:absolute;
left:-35px;
top:0px;
width:70px;
height:100%;
background:#222222;
-webkit-transform:skewX(-25deg);
-ms-transform:skewX(-25deg);
-o-transform:skewX(-25deg);
-moz-transform:skewX(-25deg);
transform:skewX(-25deg);
}
.call-to-action-footer .right-column .inner-box .content-box{
position:relative;
padding-left:190px;
}
.call-to-action-footer .right-column .inner-box .content-box .logo-box{
position:absolute;
left:0px;
top:0px;
padding:15px 0px;
width:160px;
height:80px;
border-right:1px solid #555555;
}
.call-to-action-footer .right-column .inner-box .content-box .text{
position:relative;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background:#222222;
background-size:cover;
background-repeat:no-repeat;
background-position:center bottom;
color:#c8c8c8;
}
.footer-style-two{
background:#012142;
}
.footer-style-three:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.90);
}
.main-footer .widgets-section{
position:relative;
padding:80px 0px 30px;
z-index:1;
}
.footer-style-two .widgets-section{
padding:60px 0px 20px;
border-top:1px solid rgba(255,255,255,0.10);
}
.footer-style-three .widgets-section{
padding:90px 0px 50px;
}
.main-footer .centered-widget{
position:relative;
padding:30px 0px;
text-align:center;
}
.main-footer .centered-widget .widget-content{
position:relative;
max-width:700px;
margin:0 auto;
}
.main-footer .centered-widget .logo{
position:relative;
margin-bottom:10px;
}
.main-footer .centered-widget .text{
position:relative;
line-height:1.8em;
margin-bottom:20px;
}
.main-footer .social-links{
position:relative;
}
.main-footer .social-links a{
position:relative;
display:inline-block;
line-height:24px;
font-size:13px;
color:#d8d8d8;
margin-right:15px;
}
.main-footer .centered-widget .social-links a{
margin:0px 10px;
}
.main-footer .social-links a:hover{
color:#18ba60;
}
.main-footer .footer-column{
margin-bottom:30px;
}
.main-footer .footer-widget{
position:relative;
}
.main-footer .footer-logo-one{
position:relative;
margin-bottom:20px;
}
.main-footer .footer-logo-one img{
display:block;
max-width:100%;
}
.main-footer .footer-column h2{
font-size:18px;
font-weight:500;
text-transform:capitalize;
margin-bottom:25px;
color:#ffffff;
}
.main-footer .work-hours-widget .text{
margin-bottom:20px;
line-height:1.8em;
padding-right:20px;
}
.main-footer .work-hours-widget .hours-info{
position:relative;
max-width:300px;
}
.main-footer .work-hours-widget .hours-info li{
position:relative;
line-height:24px;
margin-bottom:15px;
}
.main-footer .work-hours-widget .hours-info li .pull-right{
color:#18ba60;
}
.main-footer .about-widget .logo{
position:relative;
margin-top:-27px;
}
.main-footer .about-widget .text{
margin-bottom:20px;
line-height:1.8em;
}
.main-footer .gallery-widget .images-outer{
position:relative;
margin:0px -2px;
}
.main-footer .gallery-widget .image-box{
position:relative;
float:left;
width:33.333%;
padding:0px 2px;
margin-bottom:4px;
}
.main-footer .gallery-widget .image-box img{
position:relative;
display:block;
width:100%;
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .gallery-widget .image-box img:hover{
opacity:0.70;
}
.main-footer .links-widget{
padding-left:30px;
}
.main-footer .links-widget .list li{
position:relative;
margin-bottom:6px;
}
.main-footer .links-widget .list li a{
position:relative;
display:block;
line-height:24px;
padding:4px 0px 4px 20px;
color:#c8c8c8;
text-transform:capitalize;
}
.main-footer .links-widget .list li a:before{
content:'\f105';
position:absolute;
left:0px;
top:2px;
line-height:24px;
font-size:16px;
font-family: 'FontAwesome';
color:#18ba60;
}
.main-footer .links-widget .list li a:hover{
color:#18ba60;
}
.main-footer .subscribe-widget{
position:relative;
}
.main-footer .subscribe-widget .text{
position:relative;
line-height:1.8em;
margin-bottom:30px;
}
.main-footer .subscribe-widget .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="tel"],
.main-footer .subscribe-widget .form-group input[type="email"],
.main-footer .subscribe-widget .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 16px;
height:42px;
color:#222222;
font-size:13px;
border-radius:3px;
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;
}
.main-footer .subscribe-widget .form-group input[type="text"]:focus,
.main-footer .subscribe-widget .form-group input[type="tel"]:focus,
.main-footer .subscribe-widget .form-group input[type="email"]:focus,
.main-footer .subscribe-widget .form-group textarea:focus{
background:#f1f1f1;
}
.main-footer .subscribe-widget .form-group input[type="submit"],
.main-footer .subscribe-widget button{
position:relative;
display:block;
width:100%;
text-align:center;
}
.main-footer .posts-widget .post{
position:relative;
padding-left:75px;
min-height:55px;
margin-bottom:20px;
}
.main-footer .posts-widget .post .image{
position:absolute;
left:0px;
top:5px;
width:60px;
border-radius:5px;
}
.main-footer .posts-widget .post .image img{
position:relative;
display:block;
width:60px;
border-radius:5px;
}
.main-footer .posts-widget .post .text{
position:relative;
line-height:24px;
font-size:14px;
}
.main-footer .posts-widget .post .text a{
position:relative;
color:#c8c8c8;
}
.main-footer .posts-widget .post .time{
position:relative;
color:#18ba60;
line-height:20px;
font-size:12px;
}
.main-footer .contact-info{
position:relative;
margin-bottom:30px;
}
.main-footer .contact-info li{
position:relative;
line-height:24px;
padding-left:30px;
margin-bottom:15px;
color:#e3e3e3;
font-size:14px;
}
.main-footer .contact-info li .icon{
position:absolute;
left:0px;
top:0px;
line-height:24px;
font-size:16px;
color:#18ba60;
}
.main-footer a{
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .footer-bottom{
position:relative;
font-size:14px;
padding:13px 0px;
line-height:24px;
text-align:center;
background:#171717;
color:#c8c8c8;
z-index:1;
}
.footer-style-two .footer-bottom{
background:#001b36;
}
.footer-style-three .footer-bottom{
background:#18ba60;
color:#ffffff;
}
/***
====================================================================
Why Us Section
====================================================================
***/
.why-us-section{
position:relative;
padding: 130px 0px 0px;
}
.why-us-section.extended{
padding-bottom:80px;
}
.why-us-section .content-column,
.why-us-section .image-column{
position:relative;
margin-bottom:20px;
}
.why-us-section .image-box img{
display:block;
width:100%;
}
.why-us-section .form-box{
position: relative;
background:#052b51;
padding:40px 120px 40px 60px;
}
.why-us-section .form-box{
position: relative;
background:#052b51 url(../images/background/pattern-1.png) center center repeat;
padding:40px 100px 40px 60px;
}
.why-us-section .form-box .field-label{
color:#ffffff;
}
.why-us-section .form-box .check-box label{
color:#ffffff;
}
.why-us-section .form-box .column .row{
margin:0px -10px;
}
.why-us-section .form-box .column .row .form-group{
padding:0px 10px;
}
.why-us-section .form-box button{
position:absolute;
right:0px;
top:0px;
width:42px;
height:100%;
padding:20px 10px;
background:#18ba60;
border-color:#18ba60;
line-height:14px;
text-align:center;
border-radius:0px;
}
/***
====================================================================
Latest Vehicles Section
====================================================================
***/
.latest-vehicles-section{
position:relative;
padding: 130px 0px;
background:url(../images/background/faded-image.png) center -100% no-repeat;
}
.latest-vehicles-section .big-image{
position:relative;
margin-bottom:40px;
}
.latest-vehicles-section .big-image img{
display:block;
width:100%;
}
.latest-vehicles-section .sec-title{
margin-bottom:0px;
}
.latest-vehicles-section .carousel-outer{
text-align:center;
overflow:hidden;
}
.latest-vehicles-section .carousel-outer .single-item-carousel{
position:relative;
max-width:420px;
margin:0 auto;
}
.latest-vehicles-section .carousel-outer .owl-stage-outer{
overflow:visible;
}
.latest-vehicles-section .slide-tem{
position:relative;
}
.latest-vehicles-section .carousel-outer .image-box{
position:relative;
margin-bottom:20px;
-webkit-transform:scale(0.9,0.9) translate(0,40px);
-ms-transform:scale(0.9,0.9) translate(0,40px);
-o-transform:scale(0.9,0.9) translate(0,40px);
-moz-transform:scale(0.9,0.9) translate(0,40px);
transform:scale(0.9,0.9) translate(0,40px);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.latest-vehicles-section .carousel-outer .active .image-box{
position:relative;
-webkit-transform:scale(1,1) translate(0,0);
-ms-transform:scale(1,1) translate(0,0);
-o-transform:scale(1,1) translate(0,0);
-moz-transform:scale(1,1) translate(0,0);
transform:scale(1,1) translate(0,0);
}
.latest-vehicles-section .carousel-outer .lower-content{
position:relative;
visibility:hidden;
opacity:0;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.latest-vehicles-section .carousel-outer .active .lower-content{
visibility:visible;
opacity:1;
}
.latest-vehicles-section .carousel-outer .lower-content h3{
position:relative;
font-size:18px;
font-weight:500;
color:#222222;
line-height:1.4em;
text-transform:capitalize;
}
.latest-vehicles-section .carousel-outer .lower-content h3 a{
color:#222222;
}
.latest-vehicles-section .carousel-outer .lower-content h3 a:hover{
color:#18ba60;
}
.latest-vehicles-section .carousel-outer .lower-content .rating{
position:relative;
font-size:12px;
color:#18ba60;
line-height:24px;
padding:5px 0px;
}
.latest-vehicles-section .carousel-outer .lower-content .price{
position:relative;
color:#222222;
line-height:24px;
}
.latest-vehicles-section .carousel-outer .lower-content .price strong{
font-family: 'Heebo', sans-serif;
font-size:18px;
font-weight:500;
color:#18ba60;
}
.latest-vehicles-section .carousel-outer .lower-content .price duration{
color:#18ba60;
}
.latest-vehicles-section .carousel-outer .lower-content .rating .fa{
position:relative;
display:inline-block;
margin:0px 2px;
}
.latest-vehicles-section .owl-theme .owl-controls,
.latest-vehicles-section .owl-theme .owl-controls .owl-nav{
margin:0px;
padding:0px;
}
.latest-vehicles-section .owl-theme .owl-controls .owl-dots{
display:none !important;
}
.latest-vehicles-section .owl-theme .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
bottom:20px;
padding:0px;
margin:0px;
width:40px;
height:40px;
line-height:36px;
border:2px solid #d0d0d0;
color:#d0d0d0;
text-align:center;
font-size:20px;
background:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.latest-vehicles-section .owl-theme .owl-controls .owl-nav [class*="owl-prev"]{
left:0px;
}
.latest-vehicles-section .owl-theme .owl-controls .owl-nav [class*="owl-next"]{
right:0px;
}
.latest-vehicles-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
border-color:#18ba60;
color:#18ba60;
}
/***
====================================================================
About Us Section
====================================================================
***/
.about-us-section{
position:relative;
padding:130px 0px 100px;
border-top:1px solid rgba(0,0,0,0.05);
}
.about-us-section .column{
position:relative;
margin-bottom:30px;
}
.about-us-section .map-image img{
position:relative;
display:block;
max-width:100%;
}
.about-us-section .content-column h2{
position:relative;
font-size:32px;
color:#222222;
font-weight:500;
line-height:1.3em;
margin:30px 0px 15px;
}
.about-us-section .content-column .text{
position:relative;
font-size:15px;
color:#777777;
line-height:1.8em;
margin-bottom:25px;
}
/***
====================================================================
Best Services Section
====================================================================
***/
.best-services-section{
position:relative;
padding:130px 0px 80px;
}
.best-services-section.style-two{
position:relative;
padding:130px 0px 100px;
}
.best-services-section.style-two .floated-image{
position:absolute;
right:0px;
bottom:20%;
}
.best-services-section.style-two .outer-box{
position:relative;
padding-right:180px;
}
.best-services-section .sec-title{
margin-bottom:60px;
}
.best-services-section .column{
position:relative;
margin-bottom:30px;
padding-top:30px;
}
.best-services-section .image-column{
position:relative;
padding-top:0px;
text-align:center;
}
.best-services-section .image-column .image-box{
position:relative;
max-width:300px;
margin:0 auto;
border:5px solid #e9e9e9;
}
.best-services-section .image-column .image img{
position:relative;
display:block;
width:100%;
}
.best-services-section .image-column .key-image{
position:relative;
display:block;
margin-top:-150px;
}
.best-services-section .image-column .image-box .overlay-box{
position:absolute;
left:0px;
top:0px;
display:block;
width:100%;
height:100%;
padding:50px 25px 15px;
color:#ffffff;
line-height:1.8em;
background:rgba(0,0,0,0.80);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.best-services-section .image-column .image-box .logo{
position:relative;
margin-bottom:10px;
}
.best-services-section .image-column .image-box .text{
position:relative;
line-height:1.8em;
}
/***
====================================================================
Default Video Box
====================================================================
***/
.default-video-box{
position:relative;
text-align:center;
}
.fun-facts-section .default-video-box{
top:-70px;
}
.default-video-box .inner-box{
position:relative;
display:block;
}
.default-video-box .image-box{
position:relative;
display:block;
}
.default-video-box .image-box img{
position:relative;
display:block;
width:100%;
}
.default-video-box .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(45,45,45,0.20);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.default-video-box .overlay-link:hover{
background:rgba(45,45,45,0.40);
}
.default-video-box .overlay-link .icon-box{
position:absolute;
left:50%;
margin-left:-40px;
top:50%;
margin-top:-40px;
width:80px;
height:80px;
background:none;
color:#ffffff;
border:8px solid rgba(24,186,96,0.40);
border-radius:50%;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.default-video-box .overlay-link .icon-box .icon{
position:relative;
padding-left:3px;
display:block;
width:64px;
height:64px;
line-height:64px;
font-size:24px;
background:#18ba60;
border-radius:50%;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
/***
====================================================================
Booking Form Section
====================================================================
***/
.booking-form-section{
position:relative;
padding:50px 0px 30px;
background:#052b51 url(../images/background/pattern-1.png) center center repeat;
}
.booking-form-section .form-box .field-label{
color:#ffffff;
}
.booking-form-section .form-box .check-box label{
color:#ffffff;
}
.booking-form-section .form-box .column .row{
margin:0px -10px;
}
.booking-form-section .form-box .column .row .form-group{
padding:0px 10px;
}
.booking-form-section .form-box .column .theme-btn{
display:block;
text-align:center;
width:100%;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:130px 0px 100px;
}
.team-member{
position:relative;
margin-bottom:30px;
}
.team-member .inner-box{
position:relative;
overflow:hidden;
}
.team-member .inner-box .image-box{
position:relative;
}
.team-member .inner-box .image-box img{
position:relative;
width:100%;
display:block;
}
.team-member .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}
.team-member .inner-box .overlay-box .content-box{
position:absolute;
width:100%;
left:0px;
bottom:0px;
text-align:center;
padding:7px 15px;
background-color:rgba(24,186,96,0.90);
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.team-member .inner-box .overlay-box .content-box h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:500;
text-transform:capitalize;
}
.team-member .inner-box .overlay-box .content-box .designation{
position:relative;
color:#ffffff;
font-size:14px;
font-style:italic;
}
.team-member .inner-box .overlay-box .hover-box{
position:absolute;
left:0px;
top:-100%;
width:100%;
height:100%;
display:table;
padding:20px 30px;
text-align:center;
background-color:rgba(24,186,96,0.90);
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner{
position:relative;
display:table-cell;
vertical-align:middle;
}
.team-member .inner-box .overlay-box .hover-box h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:500;
text-transform:capitalize;
}
.team-member .inner-box .overlay-box .hover-box .designation{
position:relative;
color:#ffffff;
font-size:14px;
font-style:italic;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .text{
position:relative;
padding:20px 0px 25px;
color:#ffffff;
line-height:1.8em;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .social-links{
position:relative;
display:inline-block;
padding-top:20px;
border-top:1px dashed #ffffff;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .social-links li{
position:relative;
display:inline-block;
margin:0px 7px;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .social-links li:first-child{
margin-left:0px;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .social-links li:last-child{
margin-right:0px;
}
.team-member .inner-box .overlay-box .hover-box .hover-inner .social-links li a{
position:relative;
font-size:12px;
display:inline-block;
color:#ffffff;
line-height:24px;
}
.team-member .inner-box:hover .content-box{
bottom:-100%;
}
.team-member .inner-box:hover .hover-box{
top:0%;
}
/***
====================================================================
App Section
====================================================================
***/
.app-section{
position:relative;
padding: 0px 0px;
background:#fafafa;
}
.app-section .content-column{
position:relative;
padding-top:110px;
padding-bottom:100px;
}
.app-section .content-column h2{
position:relative;
font-size:32px;
color:#222222;
font-weight:500;
line-height:1.3em;
margin:30px 0px 15px;
}
.app-section .content-column .text{
position:relative;
padding-right:40px;
font-size:15px;
color:#777777;
line-height:1.8em;
margin-bottom:30px;
}
.app-section .content-column .text .discount{
color:#222222;
}
.app-section .content-column .theme-btn{
position:relative;
margin-right:10px;
margin-bottom:10px;
}
.app-section .content-column .theme-btn .fa{
font-weight:normal;
}
.app-section .image-column{
position:relative;
padding-top:80px;
}
.app-section .image-column .image-box img{
position:relative;
display:block;
max-width:100%;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title{
position:relative;
padding:104px 0px 70px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
}
.page-title:before{
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
position:absolute;
background:rgba(0,0,0,0.80);
}
.page-title .auto-container{
position:relative;
z-index:1;
}
.page-title h1{
position:relative;
font-size:32px;
font-weight:500;
color:#ffffff;
margin-bottom:10px;
line-height:1.4em;
text-transform:capitalize;
font-family: 'Heebo', sans-serif;
}
.page-title .bread-crumb-outer{
position:relative;
display:inline-block;
padding:0px 0px;
font-family: 'Heebo', sans-serif;
}
.page-title .bread-crumb-outer .bread-crumb li{
position:relative;
float:left;
margin-right:30px;
color:#ffffff;
line-height:24px;
}
.page-title .bread-crumb-outer .bread-crumb li:last-child{
margin-right:0px;
}
.page-title .bread-crumb-outer .bread-crumb li:after{
content:'/';
position:absolute;
right:-22px;
width:10px;
line-height:24px;
font-size:14px;
color:#ffffff;
}
.page-title .bread-crumb-outer .bread-crumb li:last-child:after{
display:none;
}
.page-title .bread-crumb-outer .bread-crumb li a{
color:#ffffff;
}
.page-title .bread-crumb-outer .bread-crumb li a:hover{
color:#18ba60;
}
.page-title .bread-crumb-outer .bread-crumb li.active{
color:#18ba60;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 5px 7px 0px;
}
.styled-pagination li a{
position:relative;
display:block;
line-height:20px;
padding:10px 5px;
font-size:14px;
text-transform:capitalize;
min-width:42px;
border:1px solid #e0e0e0;
background:none;
color:#111111;
font-weight:400;
text-align:center;
border-radius:2px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a.next{
font-size:16px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#062d55;
background:#062d55;
}
/***
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:130px 0px 100px;
}
.sidebar-page-container .sidebar,
.sidebar-page-container .content-side{
margin-bottom:30px !important;
}
.sidebar-title{
position:relative;
margin-bottom:20px;
}
.sidebar-title h3{
position:relative;
line-height:1.3em;
font-size:18px;
color:#222222;
font-weight:500;
text-transform:capitalize;
}
.sidebar .sidebar-widget{
position:relative;
margin-bottom:40px;
}
.sidebar .sidebar-widget .widget-box{
position:relative;
padding:25px 25px;
border:1px solid rgba(0,0,0,0.10);
border-radius:3px;
}
.sidebar .search-cars .widget-box{
padding:25px 25px 10px;
}
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:24px;
padding:8px 40px 8px 20px;
border:1px solid #e0e0e0;
background:#ffffff;
color:#1c1c1c;
display:block;
font-size:14px;
width:100%;
height:42px;
border-radius:3px;
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:#18ba60;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:42px;
width:42px;
line-height:42px;
text-align:center;
display:block;
font-size:14px;
color:#777777;
background:none;
font-weight:normal;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
color:#18ba60;
}
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#cccccc;
padding:0px 0px;
padding-left:80px;
min-height:60px;
margin-bottom:20px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:65px;
border-radius:3px;
background:#333333;
}
.sidebar .popular-posts .post:hover .post-thumb img{
opacity:0.50;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
border-radius:3px;
}
.sidebar .popular-posts .post h4{
font-size:14px;
margin:0px;
font-weight:400;
line-height:20px;
color:#222222;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
color:#18ba60;
}
.sidebar .popular-posts .post h4 a{
color:#222222;
}
.sidebar .popular-posts .post-info{
font-size:13px;
color:#18ba60;
}
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:6px 18px;
margin:0px 4px 9px 0px;
border:1px solid #e0e0e0;
color:#777777;
text-align:center;
font-size:13px;
border-radius:2px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#18ba60;
border-color:#18ba60;
color:#ffffff;
}
.sidebar .list{
position:relative;
}
.sidebar .list li{
position:relative;
line-height:24px;
margin-bottom:10px;
}
.sidebar .list li:last-child{
margin-bottom:0px;
}
.sidebar .list li a{
position:relative;
display:block;
color:#777777;
font-size:14px;
font-weight:400;
line-height:24px;
padding:0px;
}
.sidebar .list li a:hover{
color:#18ba60;
}
/* Range Slider*/
.rangeslider-widget .outer-box{
position:relative;
padding:10px 0px 0px;
}
.rangeslider-widget .form-group{
position:relative;
color:#1c1c1c;
font-weight:500;
font-size:14px;
margin:10px 0px 0px;
}
.rangeslider-widget .val-box{
position:relative;
display:inline-block;
margin:10px 5px 0px 0px;
line-height:24px;
font-size:13px;
padding:5px 0px;
width:50px;
text-align:center;
color:#5a5a5a;
font-weight:500;
}
.rangeslider-widget .noUi-connect{
background:#18ba60 !important;
box-shadow:none;
}
.rangeslider-widget .noUi-background{
background:#ededed !important;
}
.rangeslider-widget .noUi-handle{
top:-6px !important;
background-color:transparent !important;
box-shadow:none;
border-color:transparent;
cursor:pointer;
width:5px;
height:16px;
background:#18ba60 !important;
border:none;
margin-left:14px;
border-radius:0%;
}
.rangeslider-widget .noUi-horizontal{
height:5px !important;
box-shadow:none !important;
background:#18ba60;
}
.rangeslider-widget .btn-style-one{
padding-left:35px;
padding-right:35px;
}
.sidebar .related-posts .post{
position:relative;
font-size:14px;
color:#cccccc;
padding:0px 0px;
padding-left:90px;
min-height:56px;
margin-bottom:25px;
}
.sidebar .related-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .related-posts .post .post-thumb{
position:absolute;
left:0px;
top:4px;
width:72px;
}
.sidebar .related-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .related-posts .post h4{
font-size:13px;
margin:0px;
font-weight:500;
color:#1c1c1c;
}
.sidebar .related-posts .post h4 a{
color:#1c1c1c;
}
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
color:#18ba60;
}
.sidebar .related-posts .post .price{
font-size:13px;
font-weight:500;
color:#18ba60;
}
.sidebar .related-posts .post .rating .fa{
position:relative;
display:inline-block;
margin-right:3px;
font-size:13px;
line-height:20px;
color:#ff9c01;
}
.sidebar .related-posts .post .rating .fa-star-o{
color:#999999;
}
/***
====================================================================
Post Controls
====================================================================
***/
.sidebar-page-container .post-controls{
position:relative;
margin-bottom:50px;
}
.sidebar-page-container .post-controls .inner{
position:relative;
padding:35px;
font-size:14px;
background:#f5f5f5;
font-weight:500;
text-align:center;
}
.sidebar-page-container .post-controls .inner .prev-post{
position:relative;
color:#777777;
line-height:30px;
float:left;
}
.sidebar-page-container .post-controls .inner .next-post{
position:relative;
color:#777777;
line-height:30px;
float:right;
}
.sidebar-page-container .post-controls .inner .see-all{
position:relative;
font-size:18px;
color:#777777;
line-height:30px;
}
.sidebar-page-container .post-controls .inner .prev-post:hover,
.sidebar-page-container .post-controls .inner .next-post:hover,
.sidebar-page-container .post-controls .inner .see-all:hover{
color:#18ba60;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-bottom:50px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:25px;
}
.sidebar-page-container .group-title h2{
font-size:18px;
text-transform:capitalize;
color:#1c1c1c;
font-weight:500;
}
.comments-area .comment-box{
position:relative;
}
.comments-area .comment{
position:relative;
margin-bottom:30px;
}
.comments-area .comment .comment-content{
position:relative;
padding:0px;
}
.comments-area .comment:last-child .comment-content{
border:0px;
padding-bottom:0px;
margin-bottom:0px;
}
.comments-area .reply-comment{
margin-left:80px;
}
.comments-area .comment .comment-inner{
position:relative;
padding-left:80px;
}
.comments-area .comment .author-thumb{
position:absolute;
left:0px;
top:0px;
width:60px;
}
.comments-area .comment .author-thumb img{
width:100%;
display:block;
border-radius:3px;
}
.comments-area .comment .comment-header{
position:relative;
top: -5px;
color:#222222;
font-size:14px;
font-weight:400;
margin-bottom:5px;
}
.comments-area .comment .comment-header .comment-info{
color:#777777;
font-size:13px;
line-height:24px;
display: inline-block;
font-weight:400;
}
.comments-area .comment .comment-header h4{
color:#222222;
font-size:16px;
font-weight:500;
margin-right:36px;
line-height:24px;
display:inline-block;
}
.comments-area .comment .comment-header h4:after{
position:absolute;
content:'|';
right:-20px;
top:1px;
font-size:16px;
color:#999999;
display:block;
}
.comments-area .comment .comment-header .comment-info a{
color:#fc721e;
font-style:italic;
}
.comments-area .comment .text{
line-height:1.8em;
font-size:14px;
color:#777777;
margin-bottom:10px;
}
.comments-area .comment .reply{
color:#222222;
font-size:14px;
font-family: 'Heebo', sans-serif;
font-weight:500;
display: inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.comments-area .comment .reply .fa{
color:#18ba60;
font-size:12px;
padding-right:5px;
font-weight:400;
}
.comments-area .comment .reply:hover,
.comments-area .comment .reply:hover .fa{
color:#18ba60;
}
.sidebar-page-container .post-options{
position:relative;
font-family: 'Heebo', sans-serif;
padding:10px 0px 25px;
border-bottom:1px solid #e0e0e0;
}
.sidebar-page-container .post-options .post-tags a{
font-size:14px;
line-height:24px;
font-weight:400;
color:#222222;
text-transform:capitalize;
}
.sidebar-page-container .post-options .post-tags a:hover,
.sidebar-page-container .post-options .post-tags .fa{
color:#18ba60;
}
.sidebar-page-container .post-options .social-links a{
position:relative;
display:inline-block;
line-height:24px;
font-size:13px;
color:#777777;
margin-left:15px;
transition:all 300ms ease;
}
.sidebar-page-container .post-options .social-links a:hover{
color:#18ba60;
}
/***
====================================================================
Author Info
====================================================================
***/
.post-author{
position:relative;
margin-bottom:50px;
}
.post-author .inner{
position:relative;
min-height:80px;
padding-left:100px;
}
.post-author .author-image{
position:absolute;
left:0px;
top:0px;
width:80px;
border-radius:3px;
}
.post-author .author-image img{
display:block;
width:100%;
border-radius:3px;
}
.post-author h4{
font-size:18px;
line-height:24px;
color:#222222;
font-weight:500;
margin-bottom:10px;
}
.post-author .text{
line-height:1.8em;
margin-bottom:10px;
}
.post-author .social-links a{
position:relative;
display:inline-block;
line-height:24px;
font-size:13px;
color:#777777;
margin-right:10px;
transition:all 300ms ease;
}
.post-author a:hover{
color:#18ba60;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .row{
margin-left:-8px;
margin-right:-8px;
}
.comment-form .form-group{
position:relative;
margin-bottom:16px;
padding:0px 8px;
}
.comment-form .form-group .field-label{
position:relative;
display:block;
font-size:13px;
margin-bottom:7px;
color:#3e5773;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 15px;
color:#1c1c1c;
border:1px solid #e0e0e0;
height:44px;
font-size:13px;
background:#ffffff;
border-radius:2px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#18ba60;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 15px;
color:#1c1c1c;
border:1px solid #e0e0e0;
height:120px;
background:#ffffff;
resize:none;
font-size:13px;
border-radius:2px;
-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 button{
position:relative;
padding:10px 50px;
text-transform:uppercase;
}
form ::-webkit-input-placeholder { font-style:italic;}
form ::-moz-placeholder { font-style:italic;}
form :-ms-input-placeholder { font-style:italic;}
form input:-moz-placeholder { font-style:italic;}
/***
====================================================================
Map Section
====================================================================
***/
.map-section{
position:relative;
}
.map-canvas{
position:relative;
left:0px;
top:0px;
width:100%;
}
.map-canvas .map-data{
text-align:center;
font-size:13px;
font-weight:400;
}
.map-canvas .map-data h6{
text-transform:uppercase;
font-size:14px;
font-weight:600;
text-align:center;
margin-bottom:5px;
color:#181818;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:130px 0px;
}
.contact-section .contact-info{
position:relative;
margin-bottom:50px;
}
.contact-section .contact-info .info-column{
position:relative;
margin-bottom:30px;
}
.contact-section .contact-info li{
position:relative;
line-height:24px;
font-size:14px;
padding-left:30px;
margin-bottom:12px;
}
.contact-section .contact-info li:last-child{
margin-bottom:0px;
}
.contact-section .contact-info li .icon{
position:absolute;
left:0px;
top:0px;
line-height:24px;
font-size:16px;
color:#18ba60;
}
.contact-section .contact-info .info-column h3{
font-size:18px;
font-weight:500;
color:#222222;
margin-bottom:20px;
}
.contact-section .form-container .sec-title{
margin-bottom:30px;
}
.contact-section .contact-form .form-group{
margin-bottom:20px;
}
.contact-section .contact-form .form-group textarea{
height:150px;
padding:20px 20px;
}
.contact-section .contact-form button{
padding:9px 50px;
margin-top:10px;
}
/***
====================================================================
Car Single
====================================================================
***/
.single-car{
position:relative;
padding:130px 0px 80px;
}
.single-car .basic-details{
position:relative;
margin-bottom:30px;
}
.single-car .basic-details .carousel-column,
.single-car .basic-details .info-column{
margin-bottom:30px;
}
.single-car .basic-details .image-column img{
display:block;
width:100%;
height:auto;
}
.single-car .basic-details .prod-image-carousel{
position:relative;
padding:0px 50px;
}
.single-car .basic-details .prod-thumbs-carousel img{
border-radius:3px;
}
.sponsors-section .owl-theme .owl-controls,
.sponsors-section .owl-theme .owl-controls .owl-nav{
margin:0px;
padding:0px;
}
.single-car .basic-details .owl-theme .owl-controls .owl-dots{
display:none !important;
}
.single-car .basic-details .owl-theme .owl-controls .owl-nav [class*="owl-"]{
position:absolute;
top:50%;
padding:0px;
margin:0px;
margin-top:-20px;
width:40px;
height:40px;
line-height:36px;
border:2px solid #d0d0d0;
color:#d0d0d0;
text-align:center;
font-size:18px;
background:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.single-car .basic-details .owl-theme .owl-controls .owl-nav [class*="owl-prev"]{
left:0px;
}
.single-car .basic-details .owl-theme .owl-controls .owl-nav [class*="owl-next"]{
right:0px;
}
.single-car .basic-details .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
border-color:#18ba60;
color:#18ba60;
}
.single-car .basic-details .info-column{
position:relative;
padding-left:40px;
}
.single-car .basic-details .info-column .theme-btn{
display:block;
width:100%;
text-align:center;
}
.single-car .basic-details .info-outer{
position:relative;
border:1px solid rgba(0,0,0,0.10);
border-radius:3px;
margin-bottom:20px;
}
.single-car .basic-details .info-outer .upper-info{
position:relative;
padding:25px 30px 20px;
}
.single-car .basic-details .info-outer .list{
position:relative;
}
.single-car .basic-details .info-outer .list li{
position:relative;
line-height:24px;
margin-bottom:10px;
}
.single-car .basic-details .info-outer .list li .col{
position:relative;
float:left;
width:50%;
}
.single-car .basic-details .info-outer .list li .col:nth-child(2){
color:#18ba60;
}
.single-car .basic-details .info-outer .list li:last-child{
margin-bottom:0px;
}
.single-car .basic-details .info-outer .list li a{
position:relative;
display:block;
color:#777777;
font-size:14px;
font-weight:400;
line-height:24px;
padding:0px;
}
.single-car .basic-details .info-outer .list li a:hover{
color:#18ba60;
}
.single-car .basic-details .info-outer .info{
position:relative;
text-align:center;
display:block;
border-top:1px solid rgba(0,0,0,0.10);
color:#222222;
}
.single-car .basic-details .info-outer .info li{
position:relative;
float:left;
width:50%;
line-height:24px;
padding:8px 10px;
border-right:1px solid #e0e0e0;
}
.single-car .basic-details .info-outer .info .price{
color:#18ba60;
}
.single-car .basic-details .info-outer .info .price strong{
font-family: 'Heebo', sans-serif;
font-size:18px;
font-weight:500;
}
.single-car .basic-details .info-outer .info li:nth-child(2n+2){
border-right:none;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.product-info-tabs{
position:relative;
}
.prod-tabs{
position:relative;
}
.prod-tabs .tab-btns{
position:relative;
margin-bottom:50px;
font-family: 'Heebo', sans-serif;
}
.prod-tabs .tab-btns .tab-btn{
position:relative;
float:left;
font-size:15px;
color:#222222;
text-transform:capitalize;
font-weight:400;
padding:8px 50px;
line-height:24px;
border:1px solid #e0e0e0;
margin-right:10px;
border-radius:3px;
cursor:pointer;
}
.prod-tabs .tab-btns .tab-btn.active-btn{
color:#18ba60;
border-color:#18ba60;
}
.prod-tabs .tabs-container{
position:relative;
}
.prod-tabs .tabs-container .tab{
position:relative;
display:none;
}
.prod-tabs .tabs-container .tab.active-tab{
display:block;
}
.prod-tabs .tabs-container .tab p,
.prod-tabs .tabs-container .tab h2,
.prod-tabs .tabs-container .tab h3,
.prod-tabs .tabs-container .tab h4,
.prod-tabs .tabs-container .tab h5,
.prod-tabs .tabs-container .tab h6{
margin-bottom:20px;
}
.prod-tabs .tabs-container .tab h3{
font-size:18px;
font-weight:500;
text-transform:capitalize;
color:#222222;
margin-bottom:15px;
}
.prod-tabs .tabs-container .tab h4{
font-size:16px;
font-weight:500;
text-transform:capitalize;
color:#222222;
margin-bottom:15px;
}
.prod-tabs .tabs-container .tab p{
font-size:14px;
}
.prod-tabs .reviews-container{
position:relative;
}
.prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:100px;
min-height:100px;
}
.prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:0px;
width:82px;
height:82px;
border:1px solid #e0e0e0;
background:#ffffff;
border-radius:3px;
}
.prod-tabs .reviews-container .rev-thumb img{
display:block;
width:80px;
height:80px;
border-radius:3px;
}
.prod-tabs .reviews-container .rev-content{
position:relative;
padding:15px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.prod-tabs .reviews-container .rating{
color:#ff9c01;
font-size:13px;
}
.prod-tabs .reviews-container .rating .fa{
margin-right:1px;
}
.prod-tabs .reviews-container .rev-info{
font-size:12px;
letter-spacing:1px;
margin-bottom:10px;
}
.prod-tabs .reviews-container .rev-text{
font-size:14px;
}
.prod-tabs .add-review{
position:relative;
margin:30px 0px 20px;
font-size:14px;
}
.prod-tabs .add-review .rating{
position:relative;
padding-top:8px;
}
.prod-tabs .add-review .rating .rate-box{
position:relative;
display:inline-block;
margin-right:10px;
font-size:14px;
color:#555555;
}
.prod-tabs .add-review .rating .rate-box:hover,
.prod-tabs .add-review .rating .rate-box:focus,
.prod-tabs .add-review .rating .rate-box:active{
color:#fa6f1c;
}
.prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:5px;
font-weight:400;
color:#303030;
}
.prod-tabs .add-review h3{
margin-bottom:20px;
}
.prod-tabs .add-review .form-group{
position:relative;
margin-bottom:20px;
}
.prod-tabs .add-review .form-group input[type="text"],
.prod-tabs .add-review .form-group input[type="password"],
.prod-tabs .add-review .form-group input[type="tel"],
.prod-tabs .add-review .form-group input[type="email"],
.prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
border:1px solid #e0e0e0;
height:150px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review button{
padding:8px 35px;
}
.prod-tabs .two-column{
position:relative;
}
.prod-tabs .two-column .column{
position:relative;
margin-bottom:20px;
}
.prod-tabs .two-column .image img{
position:relative;
display:block;
width:100%;
}
.styled-list-one{
position:relative;
margin-bottom:30px;
}
.styled-list-one li{
position:relative;
margin-bottom:10px;
font-style:italic;
line-height:24px;
font-size:14px;
padding-left:25px;
}
.styled-list-one li:before{
content: "\f0a9";
font-family: 'FontAwesome';
position:absolute;
left:0px;
top:0px;
line-height:24px;
font-size:13px;
color:#18ba60;
font-style:normal;
display:block;
}
.prod-tabs .default-video-box .overlay-link{
background:rgba(0,0,0,0.60);
}
/***
====================================================================
Related Cars
====================================================================
***/
.related-cars{
position:relative;
padding:100px 0px 130px;
}
.no-padding-top{
padding-top:0px;
}
.no-padding-bottom{
padding-bottom:0px;
}
.no-padding{
padding:0px;
}
.padding-50{
padding:50px 0px 0px;
}
.no-margin-top{
margin-top:0px;
}
.no-margin-bottom{
margin-bottom:0px;
}
.no-margin{
margin:0px;
}
/***
====================================================================
Billing Section
====================================================================
***/
.billing-section{
position:relative;
padding:130px 0px;
}
.billing-section .sec-title{
position:relative;
margin-bottom:30px;
}
.billing-section .billing-form{
position:relative;
margin-bottom:70px;
}
.billing-section .billing-details .product-column{
position:relative;
text-align:center;
margin-bottom:30px;
}
.billing-section .billing-details .product-column .inner-box{
position:relative;
padding:35px 30px 40px;
text-align:center;
background:#f7f7f7;
border-radius:3px;
}
.billing-section .billing-details .product-column h3{
font-weight:500;
color:#222222;
font-size:18px;
margin-bottom:0px;
text-transform:capitalize;
}
.billing-section .billing-details .product-column h3 a{
color:#222222;
}
.billing-section .billing-details .product-column h3 a:hover{
color:#18ba60;
}
.billing-section .billing-details .product-column .image-box{
position:relative;
display:block;
margin-bottom:10px;
}
.billing-section .billing-details .product-column .image-box img{
position:relative;
display:inline-block;
max-width:100%;
}
.billing-section .billing-details .product-column.lower-content{
position:relative;
padding:0px 20px;
}
.billing-section .billing-details .product-column .info{
position:relative;
display:inline-block;
border:1px solid #d0d0d0;
margin-bottom:20px;
color:#222222;
border-radius:3px;
}
.billing-section .billing-details .product-column .info li{
position:relative;
float:left;
line-height:24px;
padding:8px 25px;
border-right:1px solid #d0d0d0;
}
.billing-section .billing-details .product-column .info .price{
color:#18ba60;
}
.billing-section .billing-details .product-column .info .price strong{
font-family: 'Heebo', sans-serif;
font-size:18px;
font-weight:500;
}
.billing-section .billing-details .product-column .info li:nth-child(2n+2){
border-right:none;
}
.billing-section .billing-details .billing-column{
position:relative;
margin-bottom:30px;
}
.billing-section .billing-details .billing-column .text{
position:relative;
font-size:14px;
margin-bottom:25px;
}
.billing-section .billing-details .billing-column .inner-box{
position:relative;
padding:40px 40px;
background:#f7f7f7;
border-radius:3px;
}
.billing-section .billing-details .billing-column .theme-btn{
position:relative;
padding:8px 50px;
margin-top:7px;
}
.billing-section .billing-details .billing-column .check-box{
position:relative;
margin-bottom:18px;
}
.billing-section .billing-details .billing-column .check-box input{
position:absolute;
opacity:0;
visibility:hidden;
}
.billing-section .billing-details .billing-column .check-box label{
position:relative;
display:block;
font-weight:400;
font-family:'Heebo',sans-serif;
padding-left:26px;
color:#222222;
font-size:14px;
line-height:24px;
cursor:pointer;
}
.billing-section .billing-details .billing-column .check-box label img{
position:relative;
padding-top:8px;
}
.billing-section .billing-details .billing-column .check-box input:checked + label{
color:#18ba60;
}
.billing-section .billing-details .billing-column .check-box label .icon{
position:absolute;
left:0px;
top:4px;
display:block;
width:16px;
height:16px;
}
.billing-section .billing-details .billing-column .check-box label .square{
position:absolute;
left:0px;
top:0px;
width:14px;
height:14px;
border:1px solid #d0d0d0;
}
.billing-section .billing-details .billing-column .check-box label .fa{
position:absolute;
left:0px;
top:0px;
color:#18ba60;
padding-right:2px;
width:16px;
height:16px;
line-height:16px;
font-size:10px;
text-align:center;
opacity:0;
}
.billing-section .billing-details .billing-column .check-box input:checked + label .fa{
opacity:1;
}
/***
====================================================================
Confirmation Popup
====================================================================
***/
body.popup-visible{
height:100%;
overflow:hidden;
}
.backdrop-overlay{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background:rgba(0,0,0,0.80);
z-index:9999;
}
.popup-outer{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:9999;
overflow:auto;
}
.popup-outer .popup-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:30px 15px;
}
.popup-outer .popup-box .popup-container{
position:relative;
display:table-cell;
vertical-align:middle;
}
.popup-outer .confirmation-popup{
position:relative;
max-width:830px;
padding:50px 50px;
background:#ffffff;
margin:0 auto;
border-radius:3px;
}
.popup-outer .confirmation-popup .close-btn{
position:absolute;
right:10px;
top:10px;
line-height:30px;
width:30px;
height:30px;
text-align:center;
}
.popup-outer .confirmation-popup .close-btn a{
position:relative;
display:block;
color:#d0d0d0;
font-size:16px;
line-height:30px;
width:30px;
height:30px;
}
.popup-outer .confirmation-popup .close-btn a:hover{
color:#18ba60;
}
.confirmation-popup .image-column{
position:relative;
margin-bottom:20px;
}
.confirmation-popup .image-box{
position:relative;
display:block;
text-align:center;
}
.confirmation-popup .image-box img{
position:relative;
display:inline-block;
max-width:100%;
}
.confirmation-popup h3{
font-weight:500;
color:#222222;
font-size:18px;
margin-bottom:10px;
text-transform:capitalize;
}
.confirmation-popup h3 a{
color:#222222;
}
.confirmation-popup h3 a:hover{
color:#18ba60;
}
.confirmation-popup .content-column{
position:relative;
}
.confirmation-popup .content-column .text{
position:relative;
margin-bottom:20px;
line-height:1.8em;
font-size:14px;
}
.confirmation-popup .content-column .info{
position:relative;
border:1px solid #d0d0d0;
margin-bottom:20px;
color:#222222;
text-align:center;
border-radius:3px;
}
.confirmation-popup .content-column .info li{
position:relative;
float:left;
width:50%;
line-height:24px;
padding:8px 25px;
border-right:1px solid #d0d0d0;
}
.confirmation-popup .content-column .info .price{
color:#18ba60;
}
.confirmation-popup .content-column .info .price strong{
font-family: 'Heebo', sans-serif;
font-size:18px;
font-weight:500;
}
.confirmation-popup .content-column .info li:nth-child(2n+2){
border-right:none;
}
.confirmation-popup .content-column .count{
position:relative;
font-family: 'Heebo', sans-serif;
font-size:15px;
color:#222222;
font-weight:500;
line-height:24px;
margin-bottom:40px;
}
.confirmation-popup .content-column .count .value{
color:#18ba60;
font-size:16px;
}
.confirmation-popup .message-outer{
position:relative;
text-align:center;
}
.confirmation-popup .message{
position:relative;
display:inline-block;
font-family: 'Heebo', sans-serif;
font-size:13px;
font-weight:500;
padding:10px 40px;
line-height:22px;
background:#062d55;
text-align:center;
text-transform:uppercase;
color:#ffffff;
border-radius:3px;
}
.confirmation-popup .message .fa{
padding-right:5px;
color:#18ba60;
}
.bg-lightgrey{
background-color:#f7f7f7;
}
.no-bg{
background:none;
}
.text-uppercase{
text-transform:uppercase;
}
.fit{
width:100%;
height:380px;
object-fit:cover;
}
.fir{
width:100%;
height:180px;
object-fit:cover;
}