/* Handyman HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three / Style Four
5. Main Slider
6. Services Section
7. About Section
8. Call To Action Section
9. Projects Section
10. Call To Action Section Two
11. Expert Section
12. Clients Section
13. Two Fullwidth Column Section
14. Clients Section / Style Two
15. Main Footer / Style Two / Style Three
16. Industrial Section
17. Choose Section
18. Process Section
19. FullWidth Process Section
20. Faq Section
21. Testimonial Section
22. Blogs Section
23. NewsLetter Section / Style Two
24. Feature Section
25. Counter Section
26. Pricing Section
27. Contact Form Section
28. Page Title
29. Comming Soon Section
30. Services Single Section
31. Project Detail Section
32. Shop Items
33. Shoping Cart Section
34. Checkout Section
35. Shop Detail Section
36. Our Blogs Section
37. Blog Detail Section
38. Sidebar Widgets
39. Contact Info Section
40. Map Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
/* font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif; */
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family:'Roboto', sans-serif;
font-size:14px;
color:#0e0e0e;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
padding:0px 50px 0px;
}
a {
text-decoration:none;
cursor:pointer;
color:#fda700;
}
button {
cursor:pointer;
text-decoration:none;
outline:none !important;
}
a:hover, a:focus, a:visited {
text-decoration:none;
outline:none !important;
}
h1, h2, h3, h4, h5, h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family:'Oswald', sans-serif;
}
input, button, select, textarea {
}
textarea {
overflow:hidden;
}
p {
position:relative;
line-height:1.8em;
}
.auto-container {
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container {
max-width:850px;
}
.page-wrapper {
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul, li {
list-style:none;
padding:0px;
margin:0px;
}
img {
display:inline-block;
max-width:100%;
}
.theme-btn {
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered {
text-align:center;
}
/*List Style One*/
.list-style-one {
position:relative;
}
.list-style-one li {
position:relative;
color:#eeeeee;
font-size:15px;
font-weight:400;
margin-bottom:15px;
padding-left:30px;
line-height: 1.6em;
}
.list-style-one li:first-child .icon {
font-size:14px;
}
.list-style-one li .icon {
position:absolute;
left:0px;
top:0px;
font-weight:400;
color:#fda700;
font-size:20px;
}
.list-style-one li a:hover {
color:#fda700;
}
/* List Style Two */
.list-style-two {
position:relative;
}
.list-style-two li {
position:relative;
color:#ffffff;
font-size:15px;
font-weight:400;
margin-bottom:15px;
padding-left:30px;
line-height: 1.8em;
}
.list-style-two li:first-child .icon {
font-size:14px;
}
.list-style-two li .icon {
position:absolute;
left:0px;
top:0px;
font-weight:400;
color:#fda700;
font-size:20px;
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #2a2a2a;
padding: 10px 32px 10px;
font-weight: 400;
overflow: hidden;
overflow:hidden;
background:none;
letter-spacing:1px;
border-radius:50px;
text-transform: uppercase;
border:2px solid #fda700;
font-family:'Oswald', sans-serif;
}
.btn-style-one:before {
position: absolute;
content:'';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #fda700;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-one .txt {
position:relative;
z-index:1;
}
.btn-style-one:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover {
color: #ffffff;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #fda700;
padding: 10px 32px 10px;
font-weight: 400;
overflow: hidden;
overflow:hidden;
background:none;
letter-spacing:1px;
border-radius:50px;
text-transform: uppercase;
border:2px solid #fda700;
font-family:'Oswald', sans-serif;
}
.btn-style-two:before {
position: absolute;
content:'';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #fda700;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-two .txt {
position:relative;
z-index:1;
}
.btn-style-two:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover {
color: #ffffff;
}
/* Btn Style Three */
.btn-style-three {
position: relative;
font-size: 16px;
line-height: 30px;
color: #222222;
font-weight: 400;
margin-left:7px;
display: inline-block;
padding: 15px 46px 15px;
background-color:#fda700;
text-transform: uppercase;
border-radius:0px 0px 25px 0px;
font-family:'Oswald', sans-serif;
}
.btn-style-three:before {
position: absolute;
content:'';
top: -7px;
left: -7px;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
background-color: #ffffff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius:0px 0px 25px 0px;
}
.btn-style-three .txt {
position:relative;
z-index:1;
}
.btn-style-three:hover {
color:#000000;
background-color:#ffffff;
}
.btn-style-three:hover::before {
background-color:#fda700;
}
/* Btn Style Four */
.btn-style-four {
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
margin-left:7px;
display: inline-block;
padding: 15px 46px 15px;
background-color:#111111;
text-transform: uppercase;
border-radius:0px 0px 25px 0px;
font-family:'Oswald', sans-serif;
}
.btn-style-four:before {
position: absolute;
content:'';
top: -7px;
left: -7px;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
background-color: #cccccc;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius:0px 0px 25px 0px;
}
.btn-style-four .txt {
position:relative;
z-index:1;
}
.btn-style-four:hover {
color:#000000;
background-color:#fda700;
}
.btn-style-four:hover::before {
background-color:#cccccc;
}
/* Btn Style Five */
.btn-style-five {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ffffff;
padding:15px 37px 15px;
font-weight: 400;
overflow: hidden;
overflow:hidden;
background:#222222;
letter-spacing:1px;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-five:before {
position: absolute;
right: 0px;
top: 0px;
z-index:1;
border-right: 18px solid #ffb400;
border-bottom: 21px solid #222222;
content:"";
}
.btn-style-five:hover {
color: #ffffff;
}
/* Btn Style Six */
.btn-style-six {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: 400;
letter-spacing:1px;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-six .txt {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #222222;
background-color:#ffb400;
padding:15px 25px 15px 37px;
}
.btn-style-six:before {
position: absolute;
right: -17px;
top: 0px;
z-index:1;
border-right: 18px solid transparent;
border-bottom: 21px solid #ffb400;
content:"";
}
.btn-style-six:after {
position: absolute;
content:'';
right: -16px;
top: 20px;
z-index:1;
bottom:0px;
width:17px;
background-color:#ffb400;
}
.btn-style-six:hover {
color: #ffffff;
}
/* Btn Style Seven */
.btn-style-seven {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #1a232f;
font-weight: 400;
letter-spacing:1px;
border:1px solid #1a232f;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-seven .txt {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #1a232f;
z-index:1;
background-color:#ffffff;
padding:9px 30px 9px 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-seven:hover .txt {
background-color:#cea158;
color:#ffffff;
}
.btn-style-seven:before {
position: absolute;
content:'';
left: -6px;
top: -6px;
z-index:1;
bottom:-6px;
right:6px;
background-color:#1a232f;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-seven:hover::before {
border:1px solid #cea158;
background:none;
}
.btn-style-seven:hover {
color: #ffffff;
border-color:#cea158;
}
/* Btn Style Eight */
.btn-style-eight {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #1a232f;
font-weight: 400;
letter-spacing:1px;
border:1px solid #1a232f;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-eight .txt {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #1a232f;
z-index:1;
background-color:#ffffff;
padding:9px 30px 9px 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-eight:hover .txt {
background-color:#cea158;
color:#ffffff;
}
.btn-style-eight:before {
position: absolute;
content:'';
left: -6px;
top: -6px;
z-index:1;
bottom:-6px;
right:6px;
background-color:#cea158;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-eight:hover::before {
border:1px solid #cea158;
background:none;
}
.btn-style-eight:hover {
color: #ffffff;
border-color:#cea158;
}
/* Btn Style Nine */
.btn-style-nine {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #1a232f;
font-weight: 400;
letter-spacing:1px;
border:1px solid #1a232f;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-nine .txt {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
z-index:1;
background-color:#cea158;
padding:9px 30px 9px 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-nine:hover .txt {
background-color:#cea158;
color:#ffffff;
}
.btn-style-nine:before {
position: absolute;
content:'';
left: -6px;
top: -6px;
z-index:1;
bottom:-6px;
right:6px;
background-color:#1a232f;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-nine:hover::before {
border:1px solid #cea158;
background:none;
}
.btn-style-nine:hover {
color: #ffffff;
border-color:#cea158;
}
/* Btn Style Ten */
.btn-style-ten {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #1a232f;
font-weight: 400;
letter-spacing:1px;
border:1px solid #1a232f;
text-transform: uppercase;
font-family:'Oswald', sans-serif;
}
.btn-style-ten .txt {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #1a232f;
z-index:1;
background-color:#cea158;
padding:9px 30px 9px 30px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-ten:hover .txt {
background-color:#cea158;
color:#ffffff;
}
.btn-style-ten:before {
position: absolute;
content:'';
left: -6px;
top: -6px;
z-index:1;
bottom:-6px;
right:6px;
background-color:#ffffff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-ten:hover::before {
border:1px solid #cea158;
background:none;
}
.btn-style-ten:hover {
color: #ffffff;
border-color:#cea158;
}
/* Btn Style Eleven */
.btn-style-eleven {
position:relative;
font-size:18px;
line-height:27px;
color:#222222;
font-weight:400;
padding: 15px 41px 15px;
background-color: #ffffff;
overflow: hidden;
text-transform: uppercase;
transition: all 300ms linear;
font-family:'Oswald', sans-serif;
}
.btn-style-eleven .txt {
position: relative;
}
.btn-style-eleven:hover {
color:#24262d;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}
.btn-style-eleven:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content:"";
background-color: #fda700;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-eleven:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
/* Social Icon One */
.social-icon-one {
position:relative;
text-align:center;
padding-top:20px;
padding-bottom:15px;
display:inline-block;
background-color:#fda700;
}
.social-icon-one:after {
position:absolute;
content:'';
left:0px;
bottom:-50px;
border-top: 50px solid #fda700;
border-right: 65px solid transparent;
}
.social-icon-one li {
position:relative;
margin-bottom:2px;
}
.social-icon-one li:last-child {
margin-bottom:0px;
}
.social-icon-one li a {
position:relative;
font-size:18px;
color:#222222;
display:block;
padding:10px 25px 10px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-one li a:hover {
color:#ffffff;
background-color:#222222;
}
.theme_color {
color:#fda700;
}
.preloader {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:999999;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-image:url(../images/icons/preloader.svg);
background-size:200px;
}
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;
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:#fda700;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position:relative;
margin-bottom:35px;
}
.sec-title.mar-btm {
margin-bottom: 80px;
}
.sec-title .title {
position: relative;
color: #fda700;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.sec-title h2 {
position: relative;
color: #222222;
font-size: 48px;
font-weight: 400;
line-height: 1.3em;
margin-top: 15px;
text-transform: capitalize;
}
.sec-title .seperater {
position:relative;
margin-top:20px !important;
width:100px;
}
.sec-title .seperater:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:2px;
background-color:#222222;
}
.sec-title.light .seperater:before {
background-color:#ffffff;
}
.sec-title .seperater:after {
position:absolute;
content:'';
left:50%;
top:-6px;
width:15px;
height:15px;
margin-left:-6px;
border-radius:50%;
border:4px solid #ffffff;
background-color:#fda700;
}
.sec-title .seperater.style-two:after {
border-color:#f5f5f5;
}
.sec-title.brown .seperater:after {
background-color:#cea158;
}
.sec-title .text {
position: relative;
color: #bbbbbb;
font-size: 16px;
font-weight: 400;
line-height:1.9em;
margin-top:55px;
}
.sec-title.centered .seperater {
margin:0 auto;
}
.sec-title.light h2 {
color:#ffffff;
}
.sec-title.brown .title {
color:#d0a764;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title-two {
position:relative;
margin-bottom:35px;
}
.sec-title-two h2 {
position: relative;
color: #222222;
font-size: 48px;
font-weight: 400;
line-height: 1.3em;
text-transform: capitalize;
}
.sec-title-two .title {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 500;
margin-top:28px;
padding:0px 70px;
display:inline-block;
text-transform: capitalize;
}
.sec-title-two .title .left-separate {
position:absolute;
left:0px;
top:12px;
width:55px;
}
.sec-title-two .title .left-separate:before {
position:absolute;
content:'';
left:0px;
top:0px;
height:2px;
width:38px;
background-color:#222222;
}
.sec-title-two .title .left-separate:after {
position:absolute;
content:'';
right:0px;
top:-4px;
height:10px;
width:10px;
border-radius:50px;
background-color:#fda700;
}
.sec-title-two .title .right-separate {
position:absolute;
right:0px;
top:12px;
width:55px;
}
.sec-title-two .title .right-separate:before {
position:absolute;
content:'';
right:0px;
top:0px;
height:2px;
width:38px;
background-color:#222222;
}
.sec-title-two .title .right-separate:after {
position:absolute;
content:'';
left:0px;
top:-4px;
height:10px;
width:10px;
border-radius:50px;
background-color:#fda700;
}
.sec-title-two .text {
position:relative;
color:#222222;
font-size:16px;
line-height:1.9em;
margin-top:25px;
}
.sec-title-two.light h2, .sec-title-two.light .title {
color:#ffffff;
}
.sec-title-two.light .title .left-separate:before, .sec-title-two.light .title .right-separate:before {
background-color:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position:relative;
z-index:10;
width:100%;
}
.main-header .header-top {
position:relative;
background: #eeeeee;
}
/* Header Top */
.main-header .header-top .top-left {
position:relative;
float:left;
}
.main-header .header-top .top-left:before {
content:'';
position: absolute;
left: -100%;
top: 0px;
height: 100%;
width: 100%;
background: #222222;
}
.main-header .header-top .top-left .social-nav {
position:relative;
float:left;
padding:13px 45px 13px 20px;
background-color:#222222;
}
.main-header .header-top .top-left .social-nav li {
position:relative;
margin:0px 10px;
display:inline-block;
}
.main-header .header-top .top-left .social-nav li a {
position:relative;
color:#ffffff;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .top-left .social-nav li a:hover {
color:#fda700;
}
.main-header .header-top .top-left .trending-box {
position:relative;
float:left;
}
.main-header .header-top .top-left .trending-box .title-outer {
position:relative;
float:left;
}
.main-header .header-top .top-left .trending-box .title-outer:before {
position:absolute;
content:'';
left:-35px;
top:0px;
border-bottom: 50px solid #fda700;
border-left: 35px solid transparent;
}
.main-header .header-top .top-left .trending-box .title-outer .title {
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
display:inline-block;
background-color:#fda700;
padding:13.5px 20px 13.5px 10px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top .top-left .trending-box .text {
position:relative;
float:left;
color:#2a2a2a;
padding:13px 15px;
}
/* End Header Top */
.main-header .header-top .top-right {
position:relative;
text-align:right;
background-color:#222222;
padding:0px 0px 0px 30px;
}
.main-header .header-top .top-right:after {
position:absolute;
content:'';
left:100%;
top:0px;
width:4000px;
height:100%;
display:block;
background-color:#222222;
}
.main-header .header-top .top-right .phone {
position:relative;
float:left;
color:#ffffff;
font-size:14px;
padding:12.5px 0px;
}
.main-header .header-top .top-right .phone span {
position:relative;
color:#fda700;
font-size:15px;
font-weight:400;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
/*Language Dropdown*/
.main-header .header-top .language {
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.main-header .header-top .language .flag-icon {
margin-right:8px;
}
.main-header .header-top .language .dropdown-menu {
top:100%;
right:0px;
left:auto;
width:170px;
border-radius:0px;
margin-top:0px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #fda700;
}
.main-header .header-top .language > a {
color:#fda700;
padding:15px 20px;
background:none;
text-transform:capitalize;
display:inline-block;
border:0px;
top: 0px;
font-weight:400;
font-size:13px;
line-height:1em;
border-radius: 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top .language > a:after {
display:none;
}
.main-header .header-top language a:hover {
background:none;
}
.main-header .header-top .language .dropdown-menu > li {
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top .language .dropdown-menu > li:last-child {
border-bottom:none;
}
.main-header .header-top .language .dropdown-menu > li > a {
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .language .dropdown-menu > li > a:hover {
color:#ffffff !important;
background-color:#fda700;
}
/* Header Top Two */
.main-header .header-top-two {
position:relative;
}
.main-header .header-top-two .top-left {
position: relative;
background-color: #222222;
padding: 0px 0px 0px 30px;
}
.main-header .header-top-two .top-left .phone {
position:relative;
float:left;
color:#ffffff;
font-size:14px;
padding:12.5px 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top-two .top-left .phone span {
position:relative;
color:#fda700;
font-size:15px;
font-weight:400;
text-transform:uppercase;
}
/*Language Dropdown*/
.main-header .header-top-two .language {
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.main-header .header-top-two .language .flag-icon {
margin-right:8px;
}
.main-header .header-top-two .language .dropdown-menu {
top:100%;
right:0px;
left:auto;
width:170px;
border-radius:0px;
margin-top:0px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #fda700;
}
.main-header .header-top-two .language > a {
color:#fda700;
padding:15px 20px;
background:none;
text-transform:capitalize;
display:inline-block;
border:0px;
top: 0px;
font-weight:400;
font-size:13px;
line-height:1em;
border-radius: 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top-two .language > a:after {
display:none;
}
.main-header .header-top-two language a:hover {
background:none;
}
.main-header .header-top-two .language .dropdown-menu > li {
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top-two .language .dropdown-menu > li:last-child {
border-bottom:none;
}
.main-header .header-top-two .language .dropdown-menu > li > a {
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top-two .language .dropdown-menu > li > a:hover {
color:#ffffff !important;
background-color:#fda700;
}
/* Header Top Three */
.main-header .header-top-three {
position:relative;
background-color:#cea158;
}
.main-header .header-top-three .top-left {
position: relative;
float:left;
}
.main-header .header-top-three .top-left .phone {
position:relative;
float:left;
color:#ffffff;
font-size:14px;
padding:12.5px 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top-three .top-left .phone span {
position:relative;
color:#1a232f;
font-size:15px;
font-weight:400;
text-transform:capitalize;
}
.main-header .header-top-three .top-right {
position: relative;
float:right;
}
/*Language Dropdown*/
.header-top-three .language {
position:relative;
line-height:1em;
margin-left: 20px;
display:inline-block;
}
.main-header .header-top-three .language .flag-icon {
margin-right:8px;
}
.main-header .header-top-three .language .dropdown-menu {
top:100%;
right:0px;
left:auto;
width:170px;
border-radius:0px;
margin-top:0px;
background-color:#222222;
border:none;
padding:0px;
border-top:3px solid #cea158;
}
.main-header .header-top-three .language > a {
color:#1a232f;
padding:15px 20px;
background:none;
text-transform:capitalize;
display:inline-block;
border:0px;
top: 0px;
font-weight:400;
font-size:13px;
line-height:1em;
border-radius: 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top-three .language > a:after {
display:none;
}
.main-header .header-top-three language a:hover {
background:none;
}
.main-header .header-top-three .language .dropdown-menu > li {
padding-right:0px !important;
margin:0px !important;
float:none;
display:block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top-three .language .dropdown-menu > li:last-child {
border-bottom:none;
}
.main-header .header-top-three .language .dropdown-menu > li > a {
padding:12px 20px !important;
color:#ffffff;
display: block;
text-align:left;
font-size: 14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top-three .language .dropdown-menu > li > a:hover {
color:#ffffff !important;
background-color:#cea158;
}
.header-style-four .info-box .theme-btn {
border-radius:0px;
top:-5px;
}
/* Header Top Four */
.main-header .header-top-four {
position:relative;
background-color:#222222;
}
.main-header .header-top-four .top-left {
position: relative;
float:left;
padding:13.5px 0px;
}
.main-header .header-top-four .list {
position:relative;
}
.main-header .header-top-four .list li {
position:relative;
color:#ffffff;
font-size:14px;
padding-left:25px;
}
.main-header .header-top-four .list li .fa {
position:absolute;
left:0px;
top:0px;
color:#fda700;
}
.main-header .header-top-four .top-right {
position: relative;
float:right;
}
.main-header .header-top-four .top-right .phone {
position:relative;
float:left;
color:#ffffff;
font-size:14px;
padding:12.5px 0px;
font-family:'Oswald', sans-serif;
}
.main-header .header-top-four .top-right .phone span {
position:relative;
color:#fda700;
font-size:15px;
font-weight:400;
text-transform:uppercase;
}
.main-header .header-top-four .top-right .social-nav {
position:relative;
float:left;
margin-left:30px;
border-left:2px solid rgba(255, 255, 255, 0.15);
}
.main-header .header-top-four .top-right .social-nav li {
position:relative;
display:inline-block;
}
.main-header .header-top-four .top-right .social-nav li a {
position:relative;
padding:13.5px 18px;
display:inline-block;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top-four .top-right .social-nav li a:hover {
background-color:#fda700;
}
/* Main Header */
.main-header .main-box {
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container {
position:relative;
padding:0px 40px;
}
.main-header .main-box .logo-box {
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .logo-box .logo img {
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .nav-toggler {
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button {
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper {
position:relative;
}
.main-header .header-upper .upper-right {
position:relative;
padding-top:40px;
}
.main-header .nav-outer {
position:relative;
background-color:#eeeeee;
}
.main-header .header-lower {
position:relative;
}
.main-header.header-style-one .header-lower {
position: relative;
background-color: #eeeeee;
}
.main-header .header-upper .logo-box {
padding:26px 0px 25px;
}
.main-header .info-box {
position:relative;
float:left;
z-index:1;
min-height:56px;
margin-left:50px;
font-size:15px;
color:#0e0e0e;
text-align:left;
padding:0px 0px 20px 65px;
}
.main-header .info-box:last-child {
padding-left:0px;
float:right;
}
.main-header .info-box .icon-box {
position:absolute;
left:0px;
top:0px;
color:#292929;
font-size:46px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box > li {
position:relative;
line-height:20px;
color:#0e0e0e;
font-size:16px;
margin-top:8px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong {
position:relative;
font-weight:500;
color:#222222;
font-size:18px;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.main-menu {
position:static;
float:right;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse {
padding:0px;
}
.main-menu .navigation {
position:static;
margin:0px;
}
.main-menu .navigation > li {
position:relative;
float:left;
margin-right: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 .navigation > li:last-child {
margin-right:0px;
}
.main-menu .navigation > li:last-child::after {
display:none;
}
.main-menu .navigation > li:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:0%;
height:4px;
opacity:0;
background-color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover::before, .main-menu .navigation > li.current::before {
opacity:1;
width:100%;
z-index:1;
}
.sticky-header .main-menu .navigation > li > a {
padding:20px 0px !important;
color:#444444 !important;
}
.sticky-header .main-menu .navigation > li > a:after {
position: absolute;
left: 0;
right: 0;
bottom: -4px;
content:"\f0d8";
font-family:"FontAwesome";
color: #000;
font-size: 24px;
line-height: 16px;
text-align: center;
opacity: 0;
transition: all 500ms ease;
transition-delay: .2s;
}
.sticky-header .main-menu .navigation > li:hover > a:after, .sticky-header .main-menu .navigation > li.current > a:after {
opacity: 1;
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a {
color:#fda700;
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box {
margin-top:26px;
}
.cart-product {
position:relative;
margin-bottom:24px;
min-height:90px;
border-bottom:1px solid #e4e4e4;
}
.cart-product .inner {
position:relative;
padding-left:90px;
min-height:70px;
}
.cart-product .inner .cross-icon {
position:absolute;
right:0px;
top:-2px;
z-index:1;
color:#263120;
font-size:16px;
cursor:pointer;
}
.cart-product .inner .image {
position:absolute;
width:70px;
height:70px;
left:0px;
top:0px;
}
.cart-product .inner h3 {
position:relative;
font-weight:600;
font-size:15px;
margin:0px;
text-transform:uppercase;
}
.cart-product .inner h3 a {
color:#0e0e0e;
}
.cart-product .inner .quantity-text {
position:relative;
font-weight:400;
color:#0e0e0e;
line-height:1em;
margin-top:6px;
}
.cart-product .inner .price {
position:relative;
font-weight:600;
font-size:16px;
margin:0px;
color:#0e0e0e;
line-height:1em;
margin-top:6px;
}
.header-style-two .auto-container {
position:relative;
}
.header-style-two .header-upper .inner-container .logo-box {
position:absolute;
z-index:1;
padding:0px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
box-shadow: 0 0 15px rgba(0, 0, 0, .7);
}
.header-style-two .nav-outer {
background: none;
padding-left: 200px;
padding-top: 100px;
margin-bottom: 20px;
}
.header-style-two .info-boxed {
float: right;
margin-top: -50px;
position: relative;
right: 0px;
}
.header-style-two .info-box li {
color:#222222;
}
.header-style-two .info-boxed:before {
position:absolute;
content:'';
right:0px;
top:0px;
left:100%;
width:100%;
height:100%;
background-color:#ffb400;
}
.header-style-two .info-boxed .boxed-inner {
position:relative;
padding:30px 0px 0px 35px;
background-color:#ffb400;
}
.header-style-two .header-upper .info-boxed .info-box {
margin-left:30px;
}
.header-style-two .info-boxed .boxed-inner:before {
position:absolute;
content:'';
left:0px;
top:0px;
border-top: 50px solid #222222;
border-right: 35px solid transparent;
}
.header-style-two .info-boxed .boxed-inner .info-box:first-child {
margin-left:0px;
}
.header-style-two .info-box:last-child {
margin-top:-5px;
}
.header-style-two .options-box {
margin-top:-8px;
}
.main-header.header-style-three .main-menu .navbar-collapse.scroll-nav .navigation {
margin-top:14px;
}
.main-header.header-style-three .sticky-header .main-menu .navbar-collapse.scroll-nav .navigation {
margin-top: 0px;
}
.header-style-two .options-box .cart-box {
margin-top:5px !important;
background-color:inherit !important;
}
.header-style-two .header-upper .options-box .grid-box {
background-color:#222222;
color:#ffffff;
font-size:18px;
}
.header-style-two .header-upper .options-box .grid-box .icon {
color:#ffffff;
font-size:28px;
}
.header-style-two .header-upper .search-box-outer .dropdown-menu {
top:83px !important;
}
.header-style-two .header-upper .options-box .cart-box .cart-panel {
top:20px !important;
}
.header-style-two .social-box {
position:absolute;
left:0px;
top:0px;
z-index:1;
width:200px;
height:480px;
background-color:#ffb400;
padding:30px 30px 15px 15px;
}
.header-style-two .social-box .social-nav {
position:relative;
text-align:right;
}
.header-style-two .social-box .social-nav li {
position:relative;
margin-bottom:22px;
}
.header-style-two .social-box .social-nav li a {
position:relative;
color:#ffffff;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .social-box .social-nav li a:hover {
color:#222222;
}
.main-header.header-style-three .header-upper .logo-box {
float:left;
padding:9px;
}
.main-header.header-style-three .header-upper .upper-right {
padding-top:35px;
}
.main-header.header-style-three .info-box strong {
color:#cea158;
font-weight:400;
text-transform:capitalize;
}
.main-header.header-style-three .header-lower .inner-container {
padding-left:250px;
margin-top:-90px;
}
.main-header.header-style-three .nav-outer {
background-color:#1a232f;
}
.main-header.header-style-three .nav-outer:before {
position:absolute;
content:'';
left:100%;
top:0px;
width:1000%;
height:100%;
background-color:#1a232f;
}
.main-header.header-style-three .search-box-outer .dropdown-menu {
top:73px !important;
border-top-color:#cea158;
}
.main-header.header-style-three .search-panel .search-btn {
background-color:#cea158;
}
.main-header.header-style-three .options-box .cart-box .cart-panel {
border-color:#cea158;
}
.main-header.header-style-three .options-box .cart-box .cart-panel .btns-boxed li a:hover {
color:#cea158;
}
.main-header.header-style-three .options-box .cart-box .cart-panel .btns-boxed li a {
background-color:#cea158;
border-color:#cea158;
}
.main-header.header-style-three .main-menu .navigation > li > a {
font-size:17px;
font-weight:400;
padding:30px 25px;
padding-right:35px;
}
.main-header.header-style-three .main-menu .navigation > li > a, .main-header.header-style-three .main-menu .navigation > li.dropdown > a:before {
color:#cea158;
}
.main-header.header-style-three .main-menu .navigation > li:hover > a, .main-header.header-style-three .main-menu .navigation > li.current > a {
background:none;
color:#ffffff;
}
.main-header.header-style-three .main-menu .navigation > li:hover > a:before, .main-header.header-style-three .main-menu .navigation > li.current > a:before {
color:#ffffff;
}
.main-header.header-style-three .main-menu .navigation > li:before {
display:none;
}
.main-header.header-style-three .nav-outer .grid-box {
position:absolute;
left:-50px;
height:90px;
width:50px;
color:#ffffff;
line-height:90px;
text-align:center;
background-color:#cea158;
}
.main-header.header-style-three .nav-outer .grid-box .icon {
position:relative;
color:#ffffff;
font-size:24px;
}
.main-header.header-style-four .header-upper .auto-container {
position:relative;
}
.main-header.header-style-four .header-upper .logo-box {
position:absolute;
left:75px;
top:0px;
padding:0px;
z-index:1;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.main-header.header-style-four .nav-outer {
padding-left:225px;
background-color:#fda700;
}
.main-header.header-style-four .nav-outer .grid-box {
position:absolute;
left:0px;
height:60px;
width:60px;
color:#ffffff;
z-index:20;
line-height:60px;
text-align:center;
background-color:#222222;
}
.main-header.header-style-four .nav-outer .grid-box .icon {
position:relative;
color:#ffffff;
font-size:24px;
display:block;
}
.main-header.header-style-four .main-menu .navigation > li:before {
display:none;
}
.main-header.header-style-four .main-menu .navigation > li.dropdown > a:before {
content:'\f221';
font-size:10px;
font-weight:600;
margin-top:-6px;
font-family:'FontAwesome';
}
.main-header.header-style-four .options-box .login-box {
/*background-color:#ffffff;*/
}
/*Sticky Header*/
.sticky-header {
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, .7);
box-shadow: 0 0 15px rgba(0, 0, 0, .7);
}
.sticky-header .logo {
padding:9px 0px 9px;
}
.fixed-header .sticky-header {
z-index:999999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a {
position:relative;
display:block;
color:#2a2a2a;
text-align:center;
line-height:30px;
text-transform:uppercase;
letter-spacing:0px;
opacity:1;
font-weight:500;
padding:15px 25px;
font-size:14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.main-menu .navbar-collapse.scroll-nav .navigation > li > a {
padding: 15px 13px;
}
.main-menu.header-style-four .navbar-collapse.scroll-nav .navigation > li > a:nth-child(1) {
padding: 15px 13px 15px 20px;
}
.main-menu .navigation > li.dropdown > a, .main-menu .navbar-collapse.scroll-nav .navigation > li.dropdown > a {
padding-right:40px;
}
.main-header.header-style-two .main-menu .navigation > li.dropdown > a, .main-header.header-style-two .main-menu .navbar-collapse.scroll-nav .navigation > li.dropdown > a {
padding-right:0px;
}
.main-menu .navigation > li.dropdown > a:before {
position:absolute;
content:'+';
right:18px;
top:50%;
color:#2a2a2a;
font-size:30px;
line-height:1em;
margin-top:-16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li.dropdown:hover > a:before {
content:'-';
}
.sticky-header .main-menu .navigation > li {
position:relative;
margin-left:30px;
margin-right:0px;
}
.sticky-header .main-menu .navigation > li:last-child, .sticky-header .main-menu .navbar-collapse.scroll-nav .navigation > li:last-child {
margin-right:30px;
}
.sticky-header .main-menu .navigation > li.dropdown > a:before {
display:none;
}
.sticky-header .main-menu .navigation > li:before, .sticky-header .main-menu .navigation > li:after {
display:none;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
opacity:1;
background-color:#fda700;
}
.main-menu .navigation > li > ul {
position:absolute;
left:0px;
top:120%;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #fda700;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul.from-right {
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li {
position:relative;
width:100%;
border-bottom:1px solid rgba(0, 0, 0, 0.10);
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a {
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:16px;
text-transform:capitalize;
color:#2a2a2a;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.main-menu .navigation > li > ul > li:hover > a {
color:#ffffff;
background:#2c2c2c;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family:'FontAwesome';
content:"\f105";
position:absolute;
right:10px;
top:10px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul {
position:absolute;
left:100%;
top:20px;
width:250px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #fda700;
-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.from-right {
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position:relative;
width:100%;
border-bottom:1px solid rgba(0, 0, 0, 0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position:relative;
display:block;
padding:10px 15px;
line-height:24px;
font-weight:400;
font-size:16px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color:#ffffff;
background:#2c2c2c;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
font-family:'FontAwesome';
content:"\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility:visible;
opacity:1;
top:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .options-box {
position:relative;
float:right;
}
.main-header .sticky-header .options-box .cart-box, .main-header .sticky-header .options-box .search-box-outer .search-box-btn, .main-header .sticky-header .options-box .login-box, .main-header .sticky-header .options-box .grid-box {
width: 65px;
height: 70px;
line-height: 70px;
}
/* Grid Box */
.main-header .options-box .grid-box {
position:relative;
float:left;
width:60px;
height:60px;
display:block;
font-size:20px;
color:#000000;
padding:0px;
margin:0px;
cursor:pointer;
text-align:center;
line-height:60px;
background:#e1e1e1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .options-box .grid-box .icon {
position:relative;
color:#000000;
}
/* Login Box */
.main-header .options-box .login-box {
position:relative;
float:left;
width:60px;
height:60px;
display:block;
font-size:20px;
color:#000000;
padding:0px;
margin:0px;
cursor:pointer;
text-align:center;
line-height:60px;
background:#fda700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .options-box .login-box .icon {
position:relative;
color:#000000;
}
.main-header .options-box .cart-box {
position:relative;
float:left;
width:60px;
height:60px;
display:block;
font-size: 20px;
color: #ffffff;
padding: 0px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
margin:0px;
cursor:pointer;
text-align:center;
line-height:60px;
background-color:#222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .options-box .cart-box button {
background:none;
color:#ffffff;
}
.main-header.header-style-three .options-box {
margin-top:15px;
}
.main-header.header-style-three .header-lower .options-box .cart-box {
background:none;
color:#ffffff;
}
.main-header.header-style-three .options-box .cart-box button {
color:#ffffff;
}
.main-header.header-style-three .options-box .cart-box button .total {
background-color:#cea158;
}
.main-header.header-style-three .header-lower .search-box-btn {
width: 50px;
height: 50px;
margin-top: 5px;
line-height: 48px;
margin-right: 0px;
margin-left: 15px;
background: inherit !important;
border-radius: 50px;
color: #ffffff !important;
border: 1px solid #ffffff;
}
.main-header .options-box .cart-box button .total {
position:absolute;
right:10px;
top:10px;
width:20px;
height:20px;
font-size:10px;
line-height:20px;
text-align:center;
font-style:normal;
border-radius:50px;
background-color:#ffb400;
}
.main-header .options-box .cart-box button:after {
display:none;
}
.main-header .options-box .cart-box .icon {
position:relative;
color:#000000;
}
.header-style-two .main-menu .navigation > li {
margin-right:25px;
}
.header-style-two .sticky-header .main-menu .navigation > li, .header-style-two .main-menu .navbar-collapse.scroll-nav .navigation > li {
margin-right: 0px;
}
.header-style-two .main-menu .navigation > li > a {
background-color:inherit;
padding:6px 0px 20px;
}
.header-style-two .main-menu .navigation > li:first-child > a {
margin-right: 20px;
}
.header-style-two .main-menu .navigation > li.dropdown > a {
padding-right:25px;
}
.header-style-two .main-menu .navigation > li:before, .header-style-two .main-menu .navigation > li.dropdown > a:before {
display:none;
}
.main-header.header-style-two .options-box .cart-box button {
color:#0e0e0e;
}
.header-style-two .header-upper .search-box-btn {
width:50px;
height:50px;
margin-top:5px;
line-height:48px;
margin-right:40px;
margin-left:15px;
background:inherit !important;
border-radius:50px;
color:#0e0e0e !important;
border:1px solid #0e0e0e;
}
.search-box-outer {
position: relative;
float:left;
}
.main-header .search-box-btn {
position:relative;
float:left;
width:60px;
height:60px;
display:block;
font-size:20px;
color:#ffffff;
padding:0px;
margin:0px;
cursor:pointer;
background:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box-btn:after {
display:none;
}
.main-header .search-box-outer .dropdown-menu {
top:58px !important;
right:0px;
padding:0px;
width:280px;
left: auto !important;
border-radius:0px;
border-top:3px solid #fda700;
transform: translate3d(0px, 0px, 0px) !important;
}
.sticky-header .search-box-outer .dropdown-menu {
top:40px;
}
.main-header .search-box-outer .dropdown-menu > li {
padding:0px;
border:none;
background:none;
}
.main-header .search-panel .form-container {
padding:25px 20px;
}
.main-header .search-panel .form-group {
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select {
display:block;
width:100%;
color:#000000;
line-height:24px;
font-size:14px;
padding:7px 40px 7px 15px;
height:40px;
border:1px solid #777777;
background:#ffffff;
}
.main-header .search-panel input:focus, .main-header .search-panel select:focus {
border-color:#fda700;
}
.main-header .search-panel .search-btn {
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#000000;
font-size:12px;
background:#fda700;
cursor:pointer;
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu {
position:static;
}
.main-menu .navigation > li.has-mega-menu:before, .main-menu .navigation > li.has-mega-menu:after {
display:none;
}
.main-menu .navigation > li > .mega-menu {
position:absolute;
left:0px;
right: 0;
margin: auto;
width:100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index:100;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li:hover > .mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3 {
position:relative;
color:#020e28;
font-size:20px;
font-weight:500;
padding-bottom:10px;
border-bottom:1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul {
position:relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li {
position:relative;
width:100%;
border-bottom:1px solid #f2f2f2;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column {
position:relative;
margin-bottom:10px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
border:none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
position:relative;
display:block;
padding:14px 20px;
line-height:20px;
font-weight:400;
font-size:16px;
color:#222222;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
color:#ffffff;
background:#2c2c2c;
}
/***
====================================================================
Main Slider Banner
====================================================================
***/
.main-slider {
position:relative;
}
.main-slider .auto-container {
position:relative;
}
.main-slider .slide {
position:relative;
padding:230px 0px 260px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider .title {
position:relative;
color:#fda700;
font-size: 24px;
font-weight: 500;
margin-bottom: 24px;
text-transform: uppercase;
opacity: 0;
letter-spacing:1px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family:'Oswald', sans-serif;
}
.main-slider .active .title {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.main-slider h2 {
position:relative;
color:#ffffff;
font-size:60px;
font-weight:400;
line-height:1.2em;
margin-bottom:30px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active h2 {
opacity: 1;
transform: scaleY(1);
transition-delay: 1000ms;
}
.main-slider .text {
position:relative;
color:#eeeeee;
font-size:16px;
opacity:0;
transform: scaleY(0);
transform-origin: top;
line-height: 1.9em;
font-weight:400;
margin-bottom:42px !important;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .text.alternate {
color:#1f1f1f;
}
.main-slider .active .text {
opacity: 1;
transform: scaleY(1);
transition-delay: 1500ms;
}
.main-slider .link-box {
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .link-box {
opacity: 1;
transform: scaleY(1);
transition-delay: 2000ms;
}
.main-slider .link-box .theme-btn {
margin-right:20px;
float:left;
}
.main-slider .owl-dots {
display:none;
}
.main-slider .owl-nav {
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-10px;
}
.main-slider .owl-nav .owl-prev {
position:absolute;
left:20px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255, 255, 255, 0.60);
}
.main-slider .owl-nav .owl-next {
position:absolute;
right:20px;
color:#ffffff;
font-size:24px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255, 255, 255, 0.60);
}
.main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover {
color:#ffaa00;
}
.main-slider .mouse-btn-down {
position:absolute;
left:50%;
margin-left:-20px;
bottom:60px;
width:30px;
height:68px;
cursor:pointer;
display:block;
z-index:20;
color:#fda700;
font-size:30px;
}
.main-slider .mouse-btn-down {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
.main-slider .mouse-btn-down {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
.sidebar-info-contents {
position:relative;
}
.sidebar-info-contents .content-inner {
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding:0px 0px 40px;
}
.sidebar-info-contents .content-inner .logo img {
display:inline-block;
max-width:100%;
}
.sidebar-info-contents .content-inner .content-box {
position:relative;
}
.sidebar-info-contents .content-inner .content-box h2 {
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .content-box .text {
position:relative;
font-size:14px;
color:rgba(255, 255, 255, 0.90);
margin-bottom:25px;
}
.sidebar-info-contents .content-inner .contact-info {
position:relative;
margin-top:60px;
}
.sidebar-info-contents .content-inner .contact-info h2 {
position:relative;
font-size:20px;
color:#ffffff;
font-weight:500;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .social-box {
position:relative;
margin-top:20px;
margin-bottom:30px;
}
.sidebar-info-contents .content-inner .social-box li {
position:relative;
display:inline-block;
margin-right:6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a {
position:relative;
width:36px;
height:36px;
color:#222222;
z-index:1;
font-size:13px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
}
.close-side-widget, .close-side-widget:hover {
color:#ffffff;
font-size:24px;
}
/* Cart Panel */
.main-header .options-box .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius:0px;
padding:20px 20px;
min-width:300px;
margin-top:60px;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
border:3px solid #fda700;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .options-box .cart-box .cart-panel .cart-total {
color:#000000;
font-size:15px;
font-weight:400;
text-align:center;
line-height:1em;
margin-top:6px;
text-transform:capitalize;
}
.main-header .options-box .cart-box .cart-panel .cart-total span {
font-weight:800;
font-size:18px;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed {
position:relative;
text-align:center;
margin-top:15px;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li {
position:relative;
margin:0px 5px;
display:inline-block;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li a {
position:relative;
color:#ffffff;
font-weight:500;
font-size:12px;
line-height:1.9em;
padding:10px 20px 8px;
border-radius: 2px;
display:inline-block;
background-color:#fda700;
border:1px solid #fda700;
text-transform:uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .options-box .cart-box .cart-panel .btns-boxed li a:hover {
color:#fda700;
background:none;
}
.main-header .options-box .cart-box .icon a {
color:#999999;
}
/* Newsletter widget */
.login-group h3 {
position:relative;
color:#ffffff;
margin-bottom:20px;
padding-top:60px;
}
.sidebar-textwidget .newsletter-form .form-group {
position:relative;
display:block;
margin-bottom:10px;
}
.sidebar-textwidget .newsletter-form .form-group input[type="text"], .sidebar-textwidget .newsletter-form .form-group input[type="subject"], .sidebar-textwidget .newsletter-form .form-group input[type="email"] {
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
height:48px;
font-size:15px;
color:#222222;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-textwidget .newsletter-form .form-group button {
width:100%;
border-radius:0px;
padding:10px 15px;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section {
position:relative;
}
.featured-section .inner-container {
position:relative;
margin-top:-75px;
z-index:1;
}
.featured-section .inner-container .services-block {
padding:0px;
float:left;
}
.services-block {
position:relative;
}
.services-block .inner-box {
position:relative;
padding:45px 30px;
text-align:center;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box:before {
position:absolute;
content:'';
left:0px;
top:-20px;
right:0px;
bottom:-20px;
background-color:#fda700;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
transform:rotateY(90deg);
}
.services-block .inner-box:hover::before {
transform:rotateY(0deg);
}
.services-block .inner-box .number {
position:relative;
color:#000000;
font-size:24px;
font-weight:400;
line-height:1.3em;
font-family:'Oswald', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box h3 {
position:relative;
font-size:24px;
font-weight:400;
margin-top:10px;
}
.services-block .inner-box h3 a {
position:relative;
color:#000000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box .text {
position:relative;
font-size:15px;
font-weight:400;
color:#0e0e0e;
line-height:1.8em;
margin-top:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block .inner-box:hover .number, .services-block .inner-box:hover h3 a, .services-block .inner-box:hover .text {
color:#ffffff;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section {
position:relative;
padding:110px 0px 100px;
}
.about-section .video-column {
position:relative;
}
.about-section .video-column .inner-column {
position:relative;
padding-left:45px;
padding-right:70px;
}
.about-section .video-column .image {
position:relative;
z-index:1;
}
.about-section .video-column .image img {
position:relative;
width:100%;
display:block;
}
.about-section .video-column .image:before {
position:absolute;
content:'';
left:-40px;
top:40px;
right:40px;
bottom:-40px;
border:4px solid #fda700;
background-color:#ffffff;
}
.about-section .video-column .inner-column:before {
position:absolute;
content:'';
left:-75px;
bottom:-120px;
width:265px;
height:265px;
background:url(../images/icons/pattern-1.jpg) no-repeat;
}
.about-section .video-column .video-box {
position:absolute;
right:-20px;
top:90px;
width:200px;
height:182px;
z-index:1;
border:10px solid #ffffff;
}
/* Video Box */
.video-box {
position:relative;
overflow:hidden;
box-shadow:0px 10px 15px rgba(0, 0, 0, 0.10);
}
.video-box .video-image {
position:relative;
margin:0px;
}
.video-box .video-image img {
position:relative;
width:100%;
z-index:3;
}
.video-box .overlay-box {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 60px;
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;
}
.video-box .overlay-box span {
position: absolute;
width:60px;
height: 60px;
left:50%;
top: 50%;
z-index:9;
color: #ffffff;
font-weight:400;
font-size:16px;
text-align: center;
border-radius:50%;
padding-left:4px;
display: inline-block;
margin-top: -22px;
margin-left:-22px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:#fda700;
}
.video-box .ripple, .video-box .ripple:before, .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, .6);
-moz-box-shadow: 0 0 0 0 rgba(253, 167, 0, .6);
-ms-box-shadow: 0 0 0 0 rgba(253, 167, 0, .6);
-o-box-shadow: 0 0 0 0 rgba(253, 167, 0, .6);
box-shadow: 0 0 0 0 rgba(253, 167, 0, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content:"";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content:"";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
.about-section .content-column {
position:relative;
}
.about-section .content-column .inner-column {
position:relative;
padding-left:80px;
}
.about-section .content-column .title {
position:relative;
color:#fda700;
font-size:16px;
font-weight:700;
text-transform:uppercase;
}
.about-section .content-column h2 {
position:relative;
color:#222222;
font-size:48px;
font-weight:400;
line-height:1.3em;
margin-top:20px;
text-transform:capitalize;
}
.about-section .content-column .text {
position:relative;
color:#0e0e0e;
font-size:15px;
font-weight:400;
line-height:1.9em;
margin-top:30px;
margin-bottom:30px;
}
.about-section .content-column .info-boxed {
position:relative;
}
.about-section .content-column .info-boxed .btn-box {
position:relative;
float:left;
}
/* Skills Section */
.skills .skill-item {
position:relative;
margin-bottom:20px;
}
.skills .skill-item:last-child {
margin-bottom:0px;
}
.skills .skill-item .skill-bar {
position:relative;
width:100%;
height:5px;
}
.skills .skill-item .skill-bar .bar-inner {
position:relative;
width:100%;
overflow:hidden;
height:5px;
background:#cccccc;
}
.skills.style-two .skill-item .skill-bar .bar-inner {
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position:absolute;
left:0px;
top:0px;
height:5px;
width:0px;
border-bottom:5px solid #fda700;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.skills .skill-item .skill-header {
position:relative;
margin-bottom:6px;
}
.skills .skill-item .skill-header .skill-title {
position:relative;
}
.skills .skill-item .skill-header .skill-title {
float:left;
color:#333333;
font-size:18px;
font-weight:400;
line-height:1.4em;
text-transform:capitalize;
font-family:'Oswald', sans-serif;
}
.skills .skill-item .skill-header .skill-percentage {
position:relative;
float:right;
font-weight:400;
color:#333333;
font-size:18px;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.about-section .content-column .signature {
position:relative;
margin-top:10px;
}
.about-section .content-column .info-boxed {
position:relative;
margin-top:35px;
}
.about-section .content-column .contact-box {
position:relative;
float:left;
top:-6px;
margin-left:50px;
}
.about-section .content-column .contact-box .number-title {
position:relative;
color:#0e0e0e;
font-size:18px;
line-height:1.3em;
font-family:'Oswald', sans-serif;
}
.about-section .content-column .contact-box .number {
position:relative;
color:#222222;
font-size:30px;
font-weight:400;
line-height:1.3em;
margin-top:8px;
font-family:'Oswald', sans-serif;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section {
position:relative;
padding:110px 0px 110px;
background-color:#f5f5f5;
}
.services-section .owl-nav {
display:none;
}
.services-section .owl-dots {
position:relative;
text-align:center;
margin-top:30px;
}
.services-section .owl-dots .owl-dot {
position:relative;
width:8px;
height:8px;
margin:0px 4px;
display:inline-block;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-section .owl-dots .owl-dot.active, .services-section .owl-dots .owl-dot:hover {
background-color:#fda700;
}
.services-section .owl-carousel .owl-stage-outer {
padding:25px 0px;
}
.services-block-two {
position:relative;
}
.services-block-two .inner-box {
position:relative;
}
.services-block-two .inner-box .image {
position:relative;
}
.services-block-two .inner-box .image:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:0px;
opacity:0.8;
z-index:1;
background-color:#000000;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-two .inner-box:hover .image:before {
height:100%;
}
.services-block-two .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.services-block-two .inner-box .image .icon {
position:absolute;
left:30px;
top:-15px;
width:50px;
height:48px;
z-index:1;
color:#222222;
font-size:18px;
line-height:48px;
text-align:center;
background-color:#fda700;
}
.services-block-two .inner-box .image .icon:after {
position:absolute;
content:'';
left:-10px;
top:0px;
border-bottom: 15px solid #bbbbbb;
border-left: 10px solid transparent;
}
.services-block-two .inner-box .lower-content {
position:relative;
z-index:2;
margin-left:25px;
margin-right:25px;
margin-top:-55px;
text-align:center;
padding:30px 25px 45px;
background-color:#ffffff;
border-radius:20px 20px 0px 0px;
border-bottom:3px solid #fda700;
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;
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.20);
}
.services-block-two .inner-box:hover .lower-content {
border-color:#222222;
}
.services-block-two .inner-box .lower-content h3 {
position:relative;
font-size:24px;
color:#222222;
line-height:1.3em;
text-transform:uppercase;
}
.services-block-two .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-two .inner-box .lower-content h3 a:hover {
color:#fda700;
}
.services-block-two .inner-box .lower-content .text {
position:relative;
line-height:1.8em;
font-size:15px;
color:#0e0e0e;
margin-top:15px;
}
.services-block-two .inner-box .lower-content .plus {
position:absolute;
left:50%;
bottom:0px;
width:50px;
height:50px;
opacity:0;
color:#ffffff;
margin-bottom:-25px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-left:-25px;
background-color:#fda700;
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;
transform:scale(0.5, 0.5);
}
.services-block-two .inner-box .lower-content .plus:hover {
background-color:#222222;
}
.services-block-two .inner-box:hover .lower-content .plus {
transform:scale(1, 1);
opacity:1;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position:relative;
padding:100px 0px 200px;
background-size:cover;
background-repeat:no-repeat;
}
.counter-section .sec-title .seperater:after {
border-color:#111111;
}
/* Fact Counter */
.fact-counter {
position:relative;
}
.fact-counter .column {
position:relative;
margin-bottom:30px;
}
.fact-counter .column .inner {
position:relative;
}
.fact-counter .column .inner .content {
position:relative;
padding-left:85px;
}
.fact-counter .column .inner .icon {
position:absolute;
left:0px;
top:10px;
color:#bbbbbb;
font-size:60px;
text-align:center;
line-height:1em;
font-weight: 400;
margin-bottom:0px;
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;
}
.fact-counter .count-outer .percentage {
display:inline-block;
font-weight:600;
color:#020e28;
font-size:48px;
line-height:1em;
}
.fact-counter .column .inner .count-outer {
position:relative;
font-weight:400;
color:#f3a103;
font-size:36px;
line-height:1em;
display:inline-block;
font-family:'Oswald', sans-serif;
}
.fact-counter .column .inner .counter-title {
position:relative;
font-size:18px;
font-weight:300;
margin-top:10px;
color:#ffffff;
font-family:'Roboto', sans-serif;
}
.fact-counter.style-two .column .inner .content {
padding-left:75px;
text-align:left;
}
.fact-counter.style-two .column .inner .content {
padding-left:0px;
text-align:center;
}
.fact-counter.style-two .column .inner .count-outer {
font-size:60px;
color:#ffffff;
display:block;
}
.fact-counter.style-two .column .inner .counter-title {
color:#f9b000;
font-size:16px;
font-weight:700;
display:inline-block;
padding:5px 26px;
margin-top:35px;
text-transform:uppercase;
border:3px solid rgba(255, 255, 255, 0.20);
}
.fact-counter.style-three .column .inner .content {
padding-left:75px;
text-align:left;
}
.fact-counter.style-three .column .inner .content {
padding-left:0px;
text-align:center;
}
.fact-counter.style-three .column .inner .count-outer {
font-size:60px;
color:#fda700;
display:block;
font-weight:500;
}
.fact-counter.style-three .column .inner .counter-title {
color:#ffffff;
font-size:24px;
font-weight:400;
display:inline-block;
padding:5px 26px;
margin-top:35px;
line-height:1.3em;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.fact-counter.style-three .column .inner .counter-title:before {
position:absolute;
content:'';
left:0px;
right:0px;
top: 0px;
bottom: 32px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid #fda700;
}
.fact-counter.style-three .column .inner:hover .counter-title:before {
top:-10px;
bottom:-10px;
border-color:#fda700;
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section {
position:relative;
}
.quote-section .inner-container {
position:relative;
z-index:1;
margin-top:-100px;
}
.quote-section .inner-container .patern-layer {
position:absolute;
left:270px;
top:0px;
right:0px;
bottom:0px;
display:block;
background-repeat:no-repeat;
background-size:cover;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.quote-section .image-column {
position:relative;
}
.quote-section .image-column .inner-column {
position:relative;
margin-top:-70px;
margin-right:-30px;
}
.quote-section .image-column .inner-column .image {
position:relative;
overflow:hidden;
}
.quote-section .image-column .inner-column .image img {
position:relative;
width:100%;
display:block;
}
.quote-section .form-column {
position:relative;
}
.quote-section .form-column .inner-column {
position:relative;
padding:100px 60px 70px 100px;
}
/* Default Form */
.default-form {
position: relative;
z-index:1;
}
.default-form .form-group {
position:relative;
margin-bottom:20px;
}
.ui-selectmenu-button.ui-button, .default-form .form-group input[type="text"], .default-form .form-group input[type="email"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="url"], .default-form .form-group textarea, .default-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #ffffff;
font-weight: 400;
padding: 14px 22px;
z-index:1;
height:50px;
background-color: #0e0e0e;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-form .form-group input:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus {
border-color:#fda700;
}
.default-form .form-group textarea {
height: 120px;
resize: none;
border-radius:0px;
}
.default-form .form-group input[type="submit"], .default-form button {
margin-top:5px;
cursor:pointer;
}
.default-form .form-group input[type="submit"]:hover, .default-form button:hover {
}
.default-form .form-group .icon {
position: absolute;
right: 14px;
top: 14px;
width: 50px;
z-index:1;
line-height: 20px;
text-align: center;
font-size: 14px;
color: #aaaaaa;
padding-left:0px;
border-left:1px solid #aaaaaa;
}
.default-form.style-two .form-group input, .default-form.style-two .form-group textarea, .default-form.style-two .form-group .ui-selectmenu-button.ui-button {
border:none;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width:100%;
font-size:14px;
font-style:normal;
height:50px;
padding:10px 20px 10px 20px;
line-height:28px;
border-radius:0px;
background:#0e0e0e;
}
.form-group .ui-button .ui-icon {
background:none;
position:relative;
top:2px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before {
font-family:'FontAwesome';
content:"\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#999999;
line-height:20px;
font-size:16px;
font-weight:600;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content {
}
.ui-menu .ui-menu-item {
font-size:14px;
}
.ui-menu .ui-menu-item:last-child {
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background:#fda700;
border-color:#fda700;
}
.ui-menu .ui-menu-item-wrapper {
position:relative;
display:block;
padding:8px 20px;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover {
background-color:#fda700;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section {
position:relative;
padding:95px 0px 95px;
}
.projects-section .filters {
position:relative;
}
.projects-section .filters .filter-tabs {
position:relative;
margin-top: 45px;
margin-bottom:40px;
text-align:center;
}
.projects-section .filters .filter-tabs .filter {
position:relative;
color:#222222;
font-size:18px;
cursor:pointer;
margin-bottom:15px;
font-weight:500;
margin:0px 15px 4px;
padding:14px 0px 10px;
display:inline-block;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.projects-section .filters .filter-tabs .filter:after {
position:absolute;
content:'';
right:0px;
bottom:0px;
width:0px;
height:2px;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.projects-section .filters .filter-tabs .filter.active::after, .projects-section .filters .filter-tabs .filter:hover::after {
width:100%;
}
.projects-section .filters .filter-tabs .filter.active, .projects-section .filters .filter-tabs .filter:hover {
color:#fbb908;
}
/* Project Block */
.project-block {
position:relative;
margin-bottom:50px;
}
.project-block .inner-box {
position:relative;
}
.project-block .inner-box .image {
position:relative;
}
.project-block .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.project-block .inner-box .image .overlay-box {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0, 0, 0, 0.80);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.project-block .inner-box .image .overlay-box .content {
position:absolute;
left:0px;
top:0px;
width:100%;
padding:40px 30px 30px;
}
.project-block .inner-box .image .overlay-box .content .category {
position:relative;
font-size:14px;
font-weight:400;
color:#ffffff;
opacity:0.9;
}
.project-block .inner-box .image .overlay-box .content h3 {
position:relative;
font-size:22px;
font-weight:400;
margin-top:4px;
color:#ffffff;
text-transform:uppercase;
}
.project-block .inner-box .image .overlay-box .content h3 a {
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-block .inner-box .image .overlay-box .content h3 a:hover {
color:#fda700;
}
.project-block .inner-box .image .overlay-box .content .read-more {
position:relative;
color:#ffffff;
font-size:15px;
margin-top:2px;
text-transform:capitalize;
}
.project-block .inner-box .image .overlay-box .plus-icon {
position:absolute;
bottom:-22px;
right:50px;
width:40px;
height:40px;
color:#000000;
font-size:20px;
line-height:40px;
text-align:center;
background-color:#fda700;
}
.project-block .inner-box:hover .image .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.project-block.mix {
display:none;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position:relative;
padding:110px 0px 80px;
}
.team-section .sec-title .seperater:after {
border-color:#000000;
}
.team-section:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0, 0, 0, 0.80);
}
.team-block {
position:relative;
margin-bottom:30px;
}
.team-block .inner-box {
position:relative;
padding-right:30px;
}
.team-block .inner-box:before {
position:absolute;
content:'';
left:30px;
top:30px;
right:0px;
bottom:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:1px solid rgba(255, 255, 255, 0.20);
}
.team-block .inner-box:hover::before {
border-color:#fda700;
}
.team-block .inner-box .image {
position:relative;
overflow:hidden;
}
.team-block .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.team-block .inner-box .image .social-nav {
position:absolute;
left:-250px;
bottom:30px;
padding:12px 0px;
padding-left:20px;
display:inline-block;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block .inner-box .image .social-nav:before {
position:absolute;
content:'';
left:-30px;
top:0px;
right:-35px;
bottom:0px;
transform:skewX(30deg);
background-color:rgba(253, 167, 0, 0.80);
}
.team-block .inner-box .image .social-nav li {
position:relative;
margin:0px 10px;
display:inline-block;
}
.team-block .inner-box .image .social-nav li a {
position:relative;
font-size:16px;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .inner-box .image .social-nav li a:hover {
color:#222222;
}
.team-block .inner-box:hover .image .social-nav {
left:0px;
}
.team-block .inner-box .lower-content {
position:relative;
text-align:right;
padding:25px 0px 20px;
}
.team-block .inner-box .lower-content h3 {
position:relative;
font-size:24px;
color:#fda700;
text-transform:uppercase;
}
.team-block .inner-box .lower-content .designation {
position:relative;
font-size:14px;
color:#ffffff;
margin-top:4px;
font-weight: bold;
}
.team-block.style-two .inner-box:before {
border-color:#222222;
}
.team-block.style-two .inner-box .lower-content .designation {
color:#222222;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position:relative;
padding:120px 0px 80px;
}
.testimonial-section.style-two {
padding-bottom:190px;
}
.testimonial-section .pattern-layer {
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
display:block;
background-repeat:repeat;
}
.testimonial-section .testimonial-column {
position:relative;
}
.testimonial-section .testimonial-column .owl-dots {
display:none;
}
.testimonial-section .testimonial-column .owl-nav {
position:absolute;
right:0px;
bottom:0px;
}
.testimonial-section .testimonial-column .owl-nav .owl-prev, .testimonial-section .testimonial-column .owl-nav .owl-next {
position:relative;
width:40px;
height:40px;
color:#222222;
font-size:20px;
line-height:36px;
text-align:center;
margin-left:10px;
display:inline-block;
background-color:#ffffff;
border:2px solid #222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section .testimonial-column .owl-nav .owl-prev:hover, .testimonial-section .testimonial-column .owl-nav .owl-next:hover {
border-color:#ff8a00;
color:#ff8a00;
}
.testimonial-section .testimonial-column .inner-column {
position:relative;
padding-right:70px;
}
.testimonial-section .testimonial-column .owl-carousel .owl-stage-outer {
position:relative;
padding-top:25px;
}
.testimonial-block {
position:relative;
}
.testimonial-block .inner-box {
position:relative;
}
.testimonial-block .inner-box .quote {
position:absolute;
right:0px;
top:-20px;
color:#dddddd;
font-size:60px;
line-height:1em;
}
.testimonial-block .inner-box .rating {
position:relative;
}
.testimonial-block .inner-box .rating .fa {
position:relative;
margin-right:0px;
color:#fda700;
font-size:16px;
}
.testimonial-block .inner-box .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.8em;
margin-top:25px;
padding-right:70px;
}
.testimonial-block .inner-box .info-box {
position:relative;
margin-top:45px;
}
.testimonial-block .inner-box .info-box .box-inner {
position:relative;
padding-top:35px;
padding-left:125px;
}
.testimonial-block .inner-box .info-box .box-inner .image {
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
}
.testimonial-block .inner-box .info-box h4 {
position:relative;
color:#222222;
font-size:24px;
font-weight:500;
}
.testimonial-block .inner-box .info-box .designation {
position:relative;
color:#0e0e0e;
font-size:18px;
font-weight:700;
margin-top:2px;
}
.testimonial-section .clients-column {
position:relative;
}
.testimonial-section .clients-column .inner-column {
position:relative;
padding-left:40px;
}
.testimonial-section .clients-column .image {
position:relative;
margin-bottom:30px;
border:1px solid #cccccc;
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;
}
.testimonial-section .clients-column .image:hover {
box-shadow:0px 10px 10px rgba(0, 0, 0, 0.10);
}
.testimonial-section .clients-column .image img {
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Blog Section
====================================================================
***/
.blog-section {
position:relative;
padding:100px 0px 200px;
background-color:#f5f5f5;
}
.blog-section .owl-nav {
display:none;
}
.blog-section .owl-dots {
position:relative;
text-align:center;
margin-top:30px;
}
.blog-section .owl-dots .owl-dot {
position:relative;
width:8px;
height:8px;
margin:0px 4px;
display:inline-block;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-section .owl-dots .owl-dot.active, .blog-section .owl-dots .owl-dot:hover {
background-color:#fda700;
}
.news-block {
position:relative;
}
.news-block .inner-box {
position:relative;
}
.news-block .inner-box .image {
position:relative;
overflow:hidden;
padding-right:20px;
}
.news-block .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.news-block .inner-box .image .overlay {
position:absolute;
left:-50%;
top:0px;
width:50%;
height:100%;
background-color:rgba(0, 0, 0, 0.80);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.news-block .inner-box:hover .image .overlay {
left:0%;
}
.news-block .inner-box .image .overlay .read-more {
position:absolute;
left:25px;
bottom:20px;
color:#ffffff;
font-size:16px;
font-weight:500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .image .overlay .read-more:hover {
color:#fda700;
}
.news-block .inner-box .image .category {
position:absolute;
bottom:25px;
right:0px;
color:#000000;
font-size:14px;
padding:8px 18px;
font-weight:700;
display:inline-block;
text-transform:capitalize;
background-color:#fda700;
}
.news-block .inner-box .image .category:before {
position:absolute;
content:'';
right:0px;
top:-15px;
border-bottom: 15px solid #bbbbbb;
border-right: 20px solid transparent;
}
.news-block .inner-box .lower-content {
position:relative;
padding-top:35px;
padding-bottom:40px;
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;
border-bottom:2px solid #bbbbbb;
}
.news-block .inner-box:hover .lower-content {
border-color:#000000;
}
.news-block .inner-box .lower-content .post-meta {
position:relative;
}
.news-block .inner-box .lower-content .post-meta li {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.news-block .inner-box .lower-content h3 {
position:relative;
font-size:30px;
font-weight:500;
color:#222222;
line-height:1.4em;
margin-top:10px;
}
.news-block .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover {
color:#fda700;
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section {
position:relative;
z-index:1;
}
.newsletter-section.style-two {
background-color:#fda700;
}
.newsletter-section.margin {
margin-top:-115px;
margin-bottom:-115px;
}
.newsletter-section .auto-container {
max-width:1300px;
}
.newsletter-section .inner-container {
position:relative;
padding:65px 60px 65px;
}
.newsletter-section .inner-container:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:#fda700;
border-radius:30px;
}
.newsletter-section .title-column {
position:relative;
}
.newsletter-section .title-column .inner-column {
position:relative;
}
.newsletter-section .title-column .inner-column h2 {
position:relative;
color:#222222;
font-size:40px;
line-height:1.3em;
font-weight:400;
}
.newsletter-section .title-column .inner-column .text {
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.7em;
margin-top:5px;
margin-left:40px;
}
.newsletter-section .title-column .inner-column .text span {
position:relative;
font-size:24px;
}
.newsletter-section .form-column {
position:relative;
}
.newsletter-section .form-column .inner-column {
position:relative;
padding-top:15px;
padding-left:40px;
}
/*Subscribe Form*/
.subscribe-form {
position:relative;
}
.subscribe-form .form-group {
position:relative;
display:block;
margin:0px;
width:100%;
}
.subscribe-form .form-group input[type="text"], .subscribe-form .form-group input[type="tel"], .subscribe-form .form-group input[type="email"], .subscribe-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:28px;
height:60px;
font-size:14px;
color:#222222;
border-radius:50px;
padding-right:170px;
background:#ffffff;
border:1px solid #222222;
padding:10px 15px 10px 30px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form .form-group input[type="submit"], .subscribe-form button {
position:absolute;
right:0px;
top:0px;
cursor:pointer;
font-size:18px;
color:#ffffff;
font-weight:400;
padding:18.5px 30px;
text-transform:uppercase;
background-color:#222222;
border-radius:0px 50px 50px 0px;
}
.subscribe-form .form-group input[type="submit"]:hover, .subscribe-form button:hover {
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position:relative;
padding:210px 0px 0px;
background-color:#010100;
}
.main-footer .pattern-layer {
position:absolute;
right:0px;
top:0px;
width:30%;
height:100%;
display:block;
background-repeat:repeat;
}
.main-footer:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0, 0, 0, 1);
}
.main-footer.style-three {
padding-top:95px;
}
.main-footer.style-three .footer-title:after {
background-color:#d0a764;
}
.main-footer.style-three .links-widget .list-link-two li a:hover, .main-footer.style-three .list-style-two li .icon, .main-footer.style-three .news-widget-block .widget-inner h3 a:hover, .main-footer.style-three .links-widget .list-link li a:hover {
color:#d0a764;
}
.main-footer.style-three:before {
display:none;
}
.main-footer .footer-widget {
position:relative;
z-index:1;
margin-bottom:40px;
}
.main-footer .widgets-section {
position:relative;
padding-bottom:55px;
}
.main-footer .footer-title {
position:relative;
padding-bottom:30px;
margin-bottom:38px;
}
.main-footer .footer-widget h4 {
position:relative;
font-weight:400;
color:#ffffff;
font-size:24px;
line-height:1.2em;
text-transform:capitalize;
}
.main-footer .footer-title:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
height:2px;
width:38px;
background-color:#ffffff;
}
.main-footer .footer-title:after {
position:absolute;
content:'';
left:46px;
bottom:-3px;
height:8px;
width:8px;
border-radius:50px;
background-color:#fda700;
}
.main-footer .logo-widget {
position:relative;
}
.main-footer .logo-widget .logo {
position:relative;
margin-bottom:20px;
}
.main-footer .logo-widget .text {
position:relative;
color:#ffffff;
font-size: 15px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 30px;
}
.main-footer .logo-widget .emergency {
position:relative;
color:#f9b000;
font-size:16px;
}
.main-footer .logo-widget .emergency span {
position:relative;
font-size:30px;
color:#ffffff;
font-family:'Oswald', sans-serif;
}
.main-footer .links-widget .list-link {
position:relative;
}
.main-footer .links-widget .list-link li {
position:relative;
margin-bottom:15px;
}
.main-footer .links-widget .list-link li a {
position:relative;
color:#ffffff;
font-size:16px;
padding-left:30px;
-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 .links-widget .list-link li a:hover {
color:#fda700;
}
.main-footer .links-widget .list-link li a:before {
position: absolute;
content:'â–º';
left: 0px;
top: -2px;
font-size: 14px;
letter-spacing: -3px;
}
.main-footer.style-two {
padding-top:100px;
}
.main-footer.style-four {
padding-top:100px;
background-color:#222222;
}
.main-footer .newsletter-widget .text {
position:relative;
font-size:16px;
color:#ffffff;
line-height:1.9em;
margin-bottom:25px;
}
/* Newslettter Form */
.main-footer .newsletter-form .form-group {
position:relative;
display:block;
margin-bottom:10px;
}
.main-footer .newsletter-form .form-group input[type="text"], .main-footer .newsletter-form .form-group input[type="email"] {
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
height:50px;
font-size:15px;
color:#ffffff;
background:none;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .newsletter-form .form-group button {
position:relative;
padding:13px 36px;
font-size:18px;
color:#212a36;
margin-top:10px;
display:inline-block;
background-color:#d0a764;
cursor:pointer;
font-family:'Oswald', sans-serif;
}
.main-footer .newsletter-form.style-two .form-group button {
background-color:#fda700;
}
/* footer bottom two */
.footer-bottom-two {
position:relative;
padding:28px 0px;
background-color:#d0a764;
}
.footer-bottom-two .copyright {
position:relative;
font-size:16px;
color:#1a232f;
font-weight:700;
}
.footer-bottom-two .copyright a {
font-size:16px;
color:#1a232f;
}
.footer-bottom-two .social-nav {
position:relative;
text-align:right;
}
.footer-bottom-two .social-nav li {
position:relative;
margin-left:20px;
display:inline-block;
}
.footer-bottom-two .social-nav li a {
position:relative;
color:#ffffff;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.footer-bottom-two .social-nav li a:hover {
color:#222222;
}
/* News Widget Block */
.news-widget-block {
position:relative;
margin-bottom:30px;
}
.news-widget-block:last-child {
margin-bottom:0px;
}
.news-widget-block:last-child {
margin-bottom:0px;
}
.news-widget-block .widget-inner {
position:relative;
padding-left:120px;
min-height:100px;
}
.news-widget-block .widget-inner .image {
position:absolute;
left:0px;
top:0px;
width:100px;
height:0px;
}
.news-widget-block .widget-inner .post-date {
position:relative;
color:#bbbbbb;
font-size:14px;
font-weight:400;
margin-top:5px;
}
.news-widget-block .widget-inner h3 {
position:relative;
margin-top:-5px;
color:#ffffff;
font-size:20px;
line-height:1.7em;
font-weight:400;
}
.news-widget-block .widget-inner h3 a {
position:relative;
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;
}
.news-widget-block .widget-inner h3 a:hover {
color:#fda700;
}
.main-footer .links-widget .list-link-two {
position:relative;
}
.main-footer .links-widget .list-link-two li {
position:relative;
margin-bottom:15px;
}
.main-footer .links-widget .list-link-two li a {
position:relative;
color:#ffffff;
font-size:16px;
padding-left:30px;
-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 .links-widget .list-link-two li a:hover {
color:#fda700;
}
.main-footer .links-widget .list-link-two li a:before {
position:absolute;
content:"...";
left:0px;
top:-11px;
color:#ffffff;
font-size:32px;
font-family:"Flaticon";
}
.main-footer .footer-bottom {
position:relative;
}
.main-footer .footer-bottom .inner-container {
position:relative;
padding:26px 35px;
}
.main-footer .footer-bottom .inner-container:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:1000%;
height:100%;
background-color:#444444;
}
.main-footer .footer-bottom.style-two .inner-container:before {
width:100%;
border-radius:20px 20px 0px 0px;
background:url(../images/background/10.jpg) no-repeat;
}
.main-footer .footer-bottom .inner-container .copyright {
position:relative;
font-size:14px;
color:#ffffff;
}
.main-footer .footer-bottom .inner-container .copyright a {
font-weight: bold;
}
.main-footer .footer-bottom .inner-container .copyright a:hover {
color: #fff;
text-decoration:underline;
}
.main-footer .footer-bottom .footer-nav {
position:relative;
text-align:right;
}
.main-footer .footer-bottom .footer-nav li {
position:relative;
padding:0px 15px;
line-height:1.2em;
display:inline-block;
border-right:1px solid #ffffff;
}
.main-footer .footer-bottom .footer-nav li:last-child {
padding-right:0px;
border-right:0px;
}
.main-footer .footer-bottom .footer-nav li a {
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .footer-bottom .footer-nav li a:hover {
color:#fda700;
}
.main-footer .instagram-widget .images-outer {
position:relative;
margin:0px -4px;
}
.main-footer .instagram-widget .images-outer .image-box {
position:relative;
float:left;
width:50%;
padding:0px 5px;
margin-bottom:10px;
}
.main-footer .instagram-widget .images-outer .image-box:nth-child(4), .main-footer .instagram-widget .images-outer .image-box:nth-child(8) {
}
.main-footer .instagram-widget .images-outer .image-box .overlay-box {
position:absolute;
content:'';
left:20px;
top:10px;
bottom:10px;
right:20px;
display:block;
z-index:1;
opacity:0;
text-align:center;
padding:8px;
color:#ffffff;
font-size:20px;
line-height:44px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:#fbb908;
}
.main-footer .instagram-widget .images-outer .image-box .overlay-box:before {
position:absolute;
top:50%;
color: #ffffff;
content:"\f16d";
margin-left:-12px;
margin-top:-22px;
font-size: 26px;
display:inline-block;
font-family:'FontAwesome';
}
.main-footer .instagram-widget .images-outer .image-box:hover .overlay-box {
opacity:1;
}
.main-footer .instagram-widget .images-outer .image-box img {
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
/***
====================================================================
Main Slider Two
====================================================================
***/
.main-slider-two {
position:relative;
padding:0px 70px;
z-index:1;
}
.main-slider-two .auto-container {
position:relative;
}
.main-slider-two .construction {
position: absolute;
left: 22px;
bottom: -20px;
z-index: 10;
color: #222222;
font-size: 24px;
font-weight: 400;
letter-spacing:8px;
transform: rotate(-90deg);
text-transform: uppercase;
transform-origin: 0% 0%;
font-family:'Oswald', sans-serif;
}
.main-slider-two .slider-outer {
position:relative;
}
.main-slider-two .slider-block {
position:relative;
}
.main-slider-two .slider-block .inner-block {
position:relative;
margin-left:160px;
display:inline-block;
padding:220px 0px 220px;
}
.main-slider-two .slider-block .inner-block:before {
position:absolute;
content:'';
left:-160px;
top:80px;
width:300px;
height:570px;
border:20px solid rgba(255, 255, 255, 0.10);
}
.main-slider-two .slider-block .inner-block h2 {
position:relative;
color:#ffffff;
font-size:60px;
font-weight:400;
line-height:1.1em;
text-transform:capitalize;
}
.main-slider-two .slider-block .inner-block .text {
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
line-height:1.9em;
margin-top:25px;
margin-bottom:30px;
}
.main-slider-two .slider-block .image {
position:relative;
float:right;
}
.main-slider-two .slider-block .image img {
position: relative;
max-width: inherit;
width: auto;
right: 0px;
bottom: -50px;
}
.main-slider-two .slider-outer .client-thumb-outer {
position: absolute;
max-width: 300px;
margin: 0 auto;
overflow: hidden;
right: 10%;
bottom: 40px;
width: 100%;
}
.main-slider-two .slider-carousel .owl-item.active .author-info {
opacity:1;
visibility:visible;
}
.main-slider-two .slider-carousel .client-thumb-outer .owl-item.active .thumb-item .thumb-box {
z-index:999;
-o-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.main-slider-two .client-thumb-outer .slider-thumb-carousel {
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.main-slider-two .client-thumb-outer .slider-thumb-carousel .owl-stage-outer {
overflow:visible;
}
.main-slider-two .client-thumb-outer .thumb-item .thumb-box {
width:80px;
height:80px;
cursor:pointer;
margin: 0 auto;
overflow:hidden;
border:7px solid #252525;
-o-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
-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-slider-two .client-thumb-outer .owl-item {
z-index:0;
}
.main-slider-two .client-thumb-outer .owl-item.active {
z-index:10;
}
.main-slider-two .client-thumb-outer .thumb-item .thumb-box:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:1;
background-color:rgba(255, 180, 0, 0.70);
}
.main-slider-two .client-thumb-outer .owl-item.active .thumb-box:before {
opacity:0;
}
.main-slider-two .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow:hidden;
width:100%;
height:100%;
display:block;
}
.main-slider-two .owl-item.active .thumb-content {
opacity:1;
}
.main-slider-two .owl-dots {
display:none;
}
.main-slider-two .owl-nav {
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-35px;
}
.main-slider-two .owl-nav .owl-prev {
position:absolute;
left:-35px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-two .owl-nav .owl-next {
position:absolute;
right:-35px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-two .owl-nav .owl-prev:hover, .main-slider-two .owl-nav .owl-next:hover {
background-color:#ebebeb;
box-shadow:none;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two {
position:relative;
padding:110px 0px 110px;
}
.services-section-two .side-box {
position:absolute;
right:0px;
top:-300px;
width:275px;
height:730px;
background-color:#f5f5f5;
}
.services-section-two .owl-carousel .owl-stage-outer {
padding-bottom:40px;
}
.services-section-two .owl-nav {
display:none;
}
.services-section-two .owl-dots {
position:relative;
text-align:center;
margin-top:10px;
}
.services-section-two .owl-dots .owl-dot {
position:relative;
width:8px;
height:8px;
margin:0px 4px;
display:inline-block;
background-color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-section-two .owl-dots .owl-dot.active, .services-section-two .owl-dots .owl-dot:hover {
background-color:#fda700;
}
.services-block-three {
position:relative;
}
.services-block-three .inner-box {
position:relative;
padding-right:22px;
}
.services-block-three .inner-box:before {
position:absolute;
content:'';
right:2px;
top:40px;
width:20px;
height:110px;
background-color:#f9b000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover::before {
background-color:#222222;
}
.services-block-three .inner-box .content-box {
position:relative;
padding-right:38px;
}
.services-block-three .inner-box .content-box:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:60px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 25px rgba(0, 0, 0, 0.10);
background-color:#252525;
}
.services-block-three .inner-box:hover .content-box:before {
background-color:#f9b000;
}
.services-block-three .inner-box .upper-box {
position:relative;
padding:35px 20px 30px 40px;
}
.services-block-three .inner-box .upper-box .icon-outer {
position:relative;
padding-top:22px;
padding-left:55px;
}
.services-block-three .inner-box .upper-box .icon-outer .icon {
position:absolute;
left:0px;
top:0px;
color:#ffffff;
font-size:40px;
line-height:1em;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover .upper-box .icon-outer .icon {
color:#222222;
}
.services-block-three .inner-box .upper-box .icon-outer .line {
margin-bottom:6px;
}
.services-block-three .inner-box .upper-box .icon-outer .line-one {
position:relative;
height:2px;
width:60px;
display:block;
background-color:#ffffff;
}
.services-block-three .inner-box .upper-box .icon-outer .line-two {
position:relative;
height:2px;
width:100px;
display:block;
background-color:#ffffff;
}
.services-block-three .inner-box .upper-box .icon-outer .line-three {
position:relative;
height:2px;
width:140px;
display:block;
background-color:#ffffff;
}
.services-block-three .inner-box .upper-box h3 {
position:relative;
}
.services-block-three .inner-box .upper-box h3 a {
position:relative;
color:#f9b000;
font-size:30px;
font-weight:400;
margin-top:10px;
display:inline-block;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover .upper-box h3 a {
color:#222222;
}
.services-block-three .inner-box .image {
position:relative;
z-index:1;
background-color:#000000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-three .inner-box:hover .image img {
opacity:0.5;
}
.services-block-three .inner-box .image:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
box-shadow:5px 5px 0px rgba(255, 255, 255, 1);
}
.services-block-three .inner-box .image:after {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
box-shadow:10px 10px 0px rgba(234, 234, 234, 1);
}
.services-block-three .inner-box .image .theme-btn {
position:absolute;
right:-50px;
bottom:-30px;
z-index:1;
opacity:0;
visibility:hidden;
transform:translateX(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;
}
.services-block-three .inner-box:hover .image .theme-btn {
transform:translateX(-100px);
opacity:1;
visibility:visible;
}
/***
====================================================================
Counter Section Two
====================================================================
***/
.counter-section-two {
position:relative;
padding:110px 0px 220px;
background-size:cover;
background-repeat:no-repeat;
}
.counter-section-two:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(34, 34, 34, 0.90);
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-section-two {
position:relative;
padding:0px 0px 70px;
}
.about-section-two .inner-container {
position:relative;
margin-top:-175px;
}
.about-section-two .video-column {
position:relative;
margin-bottom:40px;
}
.about-section-two .video-column .inner-column {
position:relative;
padding:70px 35px 130px 45px;
background-color:#f9b000;
}
.about-section-two .video-column .inner-column:before {
position:absolute;
content:'';
left:-75px;
bottom:-85px;
width:170px;
height:170px;
z-index:-1;
background:url(../images/background/9.jpg) no-repeat;
background-size:cover;
}
.about-section-two .video-column .title {
position:relative;
color:#ffffff;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
}
.about-section-two .video-column h2 {
position:relative;
color:#222222;
font-size:48px;
line-height:1.4em;
margin-top:15px;
}
.about-section-two .video-column .inner-column .text {
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-top:30px;
}
.about-section-two .video-column .theme-btn {
position:absolute;
right:70px;
bottom:-30px;
}
.about-section-two .video-column .inner-column .video-box {
position: absolute;
width:75px;
height: 75px;
right:-35px;
top: 135px;
z-index:99;
color: #303030;
font-weight:700;
font-size:22px;
text-align: center;
border-radius:50%;
padding-left:4px;
line-height:75px;
overflow:visible;
display: inline-block;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.20);
}
.about-section-two .video-column .inner-column .video-box .ripple, .about-section-two .video-column .inner-column .video-box .ripple:before, .about-section-two .video-column .inner-column .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 75px;
width: 75px;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
}
.about-section-two .video-column .inner-column .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content:"";
position: absolute;
}
.about-section-two .video-column .inner-column .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content:"";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 0, 0);
}
}
.about-section-two .content-column {
position:relative;
margin-bottom:40px;
}
.about-section-two .content-column .inner-column {
position:relative;
}
.about-section-two .content-column .inner-column .image {
position:relative;
text-align:right;
margin-bottom:80px;
}
.about-section-two .content-column .about-option {
position:relative;
}
.about-section-two .content-column .about-option li {
position: relative;
color: #222222;
font-size: 24px;
margin-bottom:35px;
padding: 14px 0px 13px 70px;
font-family:'Oswald', sans-serif;
}
.about-section-two .content-column .about-option li .icon {
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
font-size:18px;
color:#fbb908;
line-height:48px;
text-align:center;
border:1px dashed #bbbbbb;
}
.about-section-two .content-column .lower-box {
position:relative;
}
.about-section-two .content-column .lower-box .signature {
position:relative;
float:left;
}
.about-section-two .content-column .lower-box .info {
position: relative;
color: #0e0e0e;
float:left;
font-size: 18px;
line-height: 1.3em;
font-family:'Oswald', sans-serif;
}
.about-section-two .content-column .lower-box .info span {
position: relative;
color: #222222;
font-size: 30px;
font-weight: 400;
line-height: 1.3em;
margin-top: 8px;
display:block;
font-family:'Oswald', sans-serif;
}
/***
====================================================================
Project Section
====================================================================
***/
.projects-section-two {
position:relative;
padding:90px 0px 0px;
}
.projects-section-two .sec-title {
margin-bottom:60px;
}
.project-tab {
position:relative;
}
.project-tab .project-carousel .owl-nav, .project-tab .project-carousel .owl-dots {
display:none;
}
.project-tab .tabs-header {
position:relative;
}
.project-tab .product-tab-btns {
position:relative;
padding-top:42px;
top:20px;
}
.project-tab .product-tab-btns .p-tab-btn {
position:relative;
cursor:pointer;
color:#222222;
font-weight:400;
font-size:18px;
display:inline-block;
margin-bottom:10px;
margin-left:25px;
padding:0px 16px 12px;
text-transform:uppercase;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family:'Oswald', sans-serif;
}
.project-tab .product-tab-btns .p-tab-btn:before {
position:absolute;
content:'';
left:0px;
top:-15px;
height:15px;
right:18px;
opacity:0;
background-color:#f9b000;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-tab .product-tab-btns .p-tab-btn:after {
position: absolute;
right: 0px;
top: -15px;
z-index: 1;
opacity:0;
border-right: 18px solid #ffffff;
border-bottom: 15px solid #f9b000;
content:"";
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn, .project-tab .product-tab-btns .p-tab-btn:hover {
color:#ffffff;
background-color:#f9b000;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn::before, .project-tab .product-tab-btns .p-tab-btn.active-btn::after, .project-tab .product-tab-btns .p-tab-btn:hover::before, .project-tab .product-tab-btns .p-tab-btn:hover::after {
opacity:1;
}
.project-tab .product-tab-btns .p-tab-btn.active-btn .total, .project-tab .product-tab-btns .p-tab-btn:hover .total {
opacity:1;
}
.project-tab .product-tab-btns .p-tab-btn .total {
position:absolute;
left:-10px;
top:-25px;
width:24px;
height:24px;
color:#ffffff;
font-size:10px;
text-align:center;
line-height:24px;
opacity:0;
border-radius:50px;
background-color:#222222;
}
.project-tab .p-tabs-content {
position:relative;
display:block;
}
.project-tab .p-tab {
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;
}
.project-tab .p-tab.active-tab {
position:relative;
visibility:visible;
z-index:5;
}
.project-block-two {
position:relative;
}
.project-block-two .inner-box {
position:relative;
border-radius:3px;
overflow:hidden;
}
.project-block-two .inner-box .image {
position:relative;
}
.project-block-two .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.project-block-two .inner-box .image .overlay-box {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(34, 34, 37, 0.90);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.project-block-two .inner-box .image .overlay-box .content {
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:0px 26px 26px;
}
.project-block-two .inner-box .image .overlay-box .content h3 {
position:relative;
font-size:36px;
font-weight:400;
text-transform: uppercase;
}
.project-block-two .inner-box .image .overlay-box .content h3 a {
color:#ffffff;
}
.project-block-two .inner-box .image .overlay-box .content .category {
position:relative;
color:#ffffff;
margin-top:6px;
font-size:16px;
}
.project-block-two .inner-box .image .overlay-box .content .read-more {
position:absolute;
right:17px;
bottom:0px;
width:70px;
height:145px;
color:#ffffff;
font-size:15px;
margin-top:2px;
text-align:center;
line-height:140px;
text-transform:capitalize;
background-color:#f9b000;
display:inline-block;
}
.project-block-two .inner-box .image .overlay-box .content .read-more .icon {
padding-left:16px;
}
.project-block-two .inner-box .image .overlay-box .content .read-more:before {
position: absolute;
right: -18px;
top: 0px;
z-index: 1;
border-right: 18px solid transparent;
border-bottom: 21px solid #f9b000;
content:"";
}
.project-block-two .inner-box .image .overlay-box .content .read-more:after {
position: absolute;
content:'';
right: -17px;
top: 20px;
z-index: 1;
bottom: 0px;
width: 17px;
background-color: #f9b000;
}
.project-block-two .inner-box .image .overlay-box .plus-icon {
position:absolute;
top:50%;
left:50%;
color:#ffffff;
font-size:38px;
margin-left:-16px;
margin-top:-20px;
}
.project-block-two .inner-box:hover .image .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.p-tab.active-tab .project-block-two {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
}
.p-tab .project-block-two {
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section-two {
position:relative;
z-index:1;
padding:80px 60px 75px;
}
.newsletter-section-two .title-column {
position:relative;
}
.newsletter-section-two .title-column .inner-column {
position:relative;
}
.newsletter-section-two .title-column .inner-column h2 {
position:relative;
color:#f9b000;
font-size:40px;
line-height:1.3em;
font-weight:400;
}
.newsletter-section-two .title-column .inner-column .text {
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.7em;
margin-top:5px;
margin-left:40px;
}
.newsletter-section-two .title-column .inner-column .text span {
position:relative;
font-size:24px;
}
.newsletter-section-two .form-column {
position:relative;
}
.newsletter-section-two .form-column .inner-column {
position:relative;
padding-top:10px;
padding-left:40px;
}
/*Subscribe Form*/
.subscribe-form-two {
position:relative;
}
.subscribe-form-two .form-group {
position:relative;
display:block;
margin:0px;
width:100%;
}
.subscribe-form-two .form-group input[type="text"], .subscribe-form-two .form-group input[type="tel"], .subscribe-form-two .form-group input[type="email"], .subscribe-form-two .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:28px;
height:60px;
font-size:14px;
color:#222222;
padding-right:170px;
background:#ffffff;
letter-spacing:0px;
padding:10px 15px 10px 30px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form-two .form-group input[type="submit"], .subscribe-form-two button {
position:absolute;
right:0px;
top:0px;
cursor:pointer;
text-transform:uppercase;
}
.subscribe-form-two button .txt {
color:#ffffff;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two {
position:relative;
padding:100px 0px 90px;
}
.testimonial-section-two .images-column {
position:relative;
}
.testimonial-section-two .images-column .inner-column {
position:relative;
padding-right:0px;
}
.testimonial-section-two .images-column .inner-column .images-outer {
position:relative;
}
.testimonial-section-two .images-column .inner-column .image {
position:relative;
display:inline-block;
}
.testimonial-section-two .images-column .inner-column .image img {
position:relative;
overflow:hidden;
border-radius:50%;
display:inline-block;
}
.testimonial-section-two .images-column .inner-column .image.one {
position:relative;
margin-top:90px;
display:inline-block;
border:2px solid #ffffff;
}
.testimonial-section-two .images-column .inner-column .image.one:before {
position:absolute;
content:'';
left:-45px;
top:-5px;
right:-35px;
width:370px;
height:370px;
border-radius:50%;
background-color:#f5f5f5;
}
.testimonial-section-two .images-column .inner-column .image.two {
position:absolute;
right:-25px;
top:0px;
display:inline-block;
border-radius:50%;
box-shadow:0px 0px 15px rgba(0, 10, 0, 0.15);
}
.testimonial-section-two .images-column .inner-column .image.three {
position:relative;
margin-left:110px;
margin-top:20px;
display:inline-block;
}
.testimonial-section-two .images-column .inner-column .image.four {
position:absolute;
right:-60px;
top:280px;
margin-left:110px;
margin-top:20px;
display:inline-block;
}
.testimonial-section-two .images-column .inner-column .image.four:before {
position:absolute;
content:'';
left:0px;
top:-5px;
right:-35px;
width:235px;
height:235px;
border-radius:50%;
background-color:#f5f5f5;
}
.testimonial-section-two .images-column .circle-one {
position:absolute;
left:56%;
top:49%;
width:100px;
height:100px;
border-radius:50px;
background-color:#e1e1e1;
}
.testimonial-section-two .images-column .circle-two {
position:absolute;
left:64%;
top:70%;
width:64px;
height:64px;
border-radius:50px;
background-color:#f9b000;
}
.testimonial-section-two .images-column .circle-three {
position:absolute;
right:-10%;
top:37%;
width:64px;
height:64px;
border-radius:50px;
background-color:#f9b000;
}
.testimonial-section-two .images-column .circle-four {
position:absolute;
left:66%;
top:82%;
width:30px;
height:30px;
border-radius:50px;
background-color:#ebebeb;
}
.testimonial-section-two .carousel-column {
position:relative;
}
.testimonial-section-two .carousel-column .inner-column {
position:relative;
padding-left:70px;
}
.testimonial-section-two .carousel-column .owl-dots {
display:none;
}
.testimonial-section-two .carousel-column .owl-nav {
position:absolute;
right:120px;
bottom:5px;
}
.testimonial-section-two .carousel-column .owl-nav .owl-prev, .testimonial-section-two .carousel-column .owl-nav .owl-next {
position:relative;
width:40px;
height:40px;
border-radius:0px;
color:#222222;
font-size:20px;
line-height:38px;
text-align:center;
margin-left:10px;
display:inline-block;
border:1px solid #222222;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-two .carousel-column .owl-nav .owl-prev:hover, .testimonial-section-two .carousel-column .owl-nav .owl-next:hover {
color:#ffb155;
border-color:#ffb155;
}
.testimonial-section-two .carousel-column .owl-carousel .owl-stage-outer {
padding:25px 15px;
}
.testimonial-section-two .carousel-column .inner-column .owl-carousel {
margin:0px -10px;
width:auto;
}
/* Testimonial Block Two */
.testimonial-block-two {
position:relative;
}
.testimonial-block-two .inner-box {
position:relative;
padding-right:70px;
}
.testimonial-block-two .inner-box .content-box {
position:relative;
border-radius:5px;
padding:35px 35px 70px;
background-color:#ffffff;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.testimonial-block-two .inner-box .upper-box {
position:relative;
}
.testimonial-block-two .inner-box .upper-box:before {
position:absolute;
content:'';
left:-47px;
top:25px;
width:12px;
height:90px;
background-color:#f6ae00;
}
.testimonial-block-two .inner-box .upper-box .upper-inner {
position:relative;
padding-top:20px;
}
.testimonial-block-two .inner-box .upper-box .upper-inner .image {
position:absolute;
right:-75px;
top:0px;
width:124px;
height:124px;
border-radius:5px;
overflow:hidden;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.testimonial-block-two .inner-box .upper-box h4 {
position:relative;
color:#222222;
font-weight:500;
line-height:1.3em;
text-transform:capitalize;
}
.testimonial-block-two .inner-box .upper-box .designation {
position:relative;
color:#0e0e0e;
font-weight:400;
font-size:16px;
line-height:1.3em;
margin:12px 0px;
text-transform:capitalize;
}
.testimonial-block-two .inner-box .upper-box .rating {
position:relative;
}
.testimonial-block-two .inner-box .upper-box .rating .fa {
position:relative;
margin-right:0px;
color:#fda700;
font-size:16px;
}
.testimonial-block-two .inner-box .text {
position: relative;
color: #0e0e0e;
font-size: 15px;
line-height: 1.9em;
margin-top: 50px;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two {
position:relative;
padding:120px 0px 90px;
background-color:#f5f5f5;
}
.team-section-two .title-column {
position:relative;
}
.team-section-two .title-column .inner-column {
position:relative;
}
.team-section-two .title-column .sec-title {
margin-bottom:55px;
}
.team-section-two .title-column .text {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.8em;
margin-bottom:35px;
}
.team-section-two .blocks-column {
position:relative;
}
.team-section-two .blocks-column .inner-column {
position:relative;
margin-left:-400px;
}
.team-section-two .big-title {
position: absolute;
left:30%;
top:0px;
width:170px;
height:100%;
background-color:#f9b000;
}
.team-section-two .big-title .txt {
position:absolute;
left:50px;
top:50%;
color:#ffffff;
font-size:18px;
font-weight:400;
letter-spacing:2px;
display:block;
width:300px;
text-transform:uppercase;
transform: rotate(-90deg);
transform-origin: 0% 0%;
}
.team-section-two .blocks-column .inner-column .team-block-two:first-child {
margin-top:345px;
}
.team-block-two {
position:relative;
margin-bottom:30px;
}
.team-block-two .inner-box {
position:relative;
}
.team-block-two .inner-box .image {
position:relative;
overflow:hidden;
}
.team-block-two .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.team-block-two .inner-box .image .overlay-box {
position:absolute;
left:-100%;
bottom:0px;
right:0px;
width:100%;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.team-block-two .inner-box:hover .image .overlay-box {
left:0%;
}
.team-block-two .inner-box .image .overlay-box .upper-box {
position:relative;
padding:18px 30px 22px;
background-color:rgba(255, 255, 255, 0.90);
}
.team-block-two .inner-box .image .overlay-box .upper-box .upper-inner {
position:relative;
padding-left:60px;
padding-top:4px;
}
.team-block-two .inner-box .image .overlay-box .upper-box .icon {
position: absolute;
left:0px;
top:0px;
color:#f9b000;
font-size:40px;
line-height:1em;
}
.team-block-two .inner-box .image .overlay-box .upper-box h3 {
position:relative;
color:#222222;
font-size:24px;
font-weight:400;
line-height:1.3em;
}
.team-block-two .inner-box .image .overlay-box .upper-box h3 a {
position:relative;
color:#222222;
display:block;
}
.team-block-two .inner-box .image .overlay-box .upper-box h3 .designation {
position:absolute;
right:0px;
color:#0e0e0e;
font-size:14px;
text-align:right;
}
.team-block-two .inner-box .image .overlay-box .lower-box {
position:relative;
text-align:center;
padding:14px 30px 12px;
background-color:rgba(0, 0, 0, 0.90);
}
.team-block-two .inner-box .image .overlay-box .lower-box .lower-inner {
position:relative;
}
.team-block-two .inner-box .image .overlay-box .lower-box .social-nav {
position:relative;
}
.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li {
position:relative;
margin:0px 10px;
display:inline-block;
}
.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li a {
position:relative;
color:#ffffff;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li a:hover {
color:#f9b000;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.blog-section-two {
position:relative;
padding:110px 0px 90px;
}
.blog-section-two .pattern-layer {
position:absolute;
left:0px;
top:0px;
width:170px;
height:100%;
display:block;
background-repeat:no-repeat;
}
.blog-section-two .pattern-layer-two {
position:absolute;
right:0px;
top:0px;
width:170px;
height:100%;
display:block;
background-repeat:no-repeat;
}
.news-block-two {
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box {
position:relative;
}
.news-block-two .inner-box .image-column {
position:relative;
}
.news-block-two .inner-box .image-column .inner-column {
position:relative;
}
.news-block-two .inner-box .image-column .image {
position:relative;
background-color:#f9b000;
}
.news-block-two .inner-box .image-column .image img {
position:relative;
width:100%;
display:block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box:hover .image-column .image img {
opacity:0.6;
}
.news-block-two .inner-box .image-column .post-date {
position:absolute;
left:0px;
bottom:0px;
color:#ffffff;
font-size:16px;
line-height:1.6em;
padding:8px 9px;
text-align:center;
display:inline-block;
background-color:#f9b000;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.news-block-two .inner-box .image-column .image .category {
position:absolute;
left:43px;
bottom:0px;
color:#ffffff;
padding:4px 10px;
display:inline-block;
background-color:#222222;
}
.news-block-two .inner-box .content-column {
position:relative;
}
.news-block-two .inner-box .content-column .inner-column {
position:relative;
}
.news-block-two .inner-box .content-column .post-meta {
position:relative;
}
.news-block-two .inner-box .content-column .post-meta li {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.news-block-two .inner-box .content-column .post-meta li:last-child {
margin-right:0px;
}
.news-block-two .inner-box .content-column h3 {
position:relative;
color:#222222;
font-size:26px;
line-height:1.4em;
margin-top:14px;
}
.news-block-two .inner-box .content-column h3 a {
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box .content-column h3 a:hover {
color:#f9b000;
}
.news-block-two .inner-box .content-column .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.9em;
margin-top:15px;
}
.news-block-three {
position:relative;
margin-bottom:30px;
}
.news-block-three .inner-box {
position:relative;
}
.news-block-three .inner-box .image {
position:relative;
background-color:#f9b000;
}
.news-block-three .inner-box .image img {
position:relative;
width:100%;
display:block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-three .inner-box:hover .image img {
opacity:0.6;
}
.news-block-three .inner-box .image .post-date {
position:absolute;
left:0px;
bottom:0px;
color:#ffffff;
font-size:16px;
line-height:1.6em;
padding:8px 9px;
text-align:center;
display:inline-block;
background-color:#f9b000;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.news-block-three .inner-box .image .category {
position:absolute;
left:43px;
bottom:0px;
color:#ffffff;
padding:4px 10px;
display:inline-block;
background-color:#222222;
}
.news-block-three .inner-box .lower-content {
position:relative;
margin-top:25px;
}
.news-block-three .inner-box .lower-content .inner-content {
position:relative;
}
.news-block-three .inner-box .lower-content .post-meta {
position:relative;
}
.news-block-three .inner-box .lower-content .post-meta li {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child {
margin-right:0px;
}
.news-block-three .inner-box .lower-content h3 {
position:relative;
color:#222222;
font-size:30px;
line-height:1.4em;
margin-top:10px;
}
.news-block-three .inner-box .lower-content h3 a {
position:relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-three .inner-box .lower-content h3 a:hover {
color:#f9b000;
}
.news-block-three .inner-box .lower-content .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.9em;
margin-top:15px;
margin-bottom:20px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
position:relative;
padding:60px 0px 60px;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.clients-section .sponsors-outer .owl-dots, .clients-section .sponsors-outer .owl-nav {
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box {
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img {
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover {
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section {
position:relative;
}
.default-section:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:50%;
height:100%;
background-color:#f9b000;
}
.default-section .outer-container {
position:relative;
}
.default-section .form-column {
position:relative;
float:left;
width:50%;
}
.default-section .form-column .inner-column {
position:relative;
max-width:600px;
width:100%;
float:right;
width:100%;
padding:100px 60px 80px 15px;
}
.default-section .form-column .title-box {
position:relative;
margin-bottom:30px;
}
.default-section .form-column .title-box .title {
position:relative;
color:#ffffff;
font-size:16px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.default-section .form-column .title-box h2 {
position:relative;
color:#222222;
font-size:48px;
font-weight:400;
margin-top:15px;
text-transform:capitalize;
}
.default-section .info-column {
position:relative;
float:left;
width:50%;
}
.default-section .info-column .inner-column {
position:relative;
width:100%;
float:left;
width:100%;
}
.default-section .info-column .social-box {
position:relative;
padding:50px 80px;
background-color:#222222;
}
.default-section .info-column .social-box .social-nav {
position:relative;
}
.default-section .info-column .social-box .social-nav li {
position:relative;
margin-right:50px;
display:inline-block;
}
.default-section .info-column .social-box .social-nav li a {
position:relative;
color:#ffffff;
font-size:20px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-section .info-column .social-box .social-nav li a:hover {
color:#f9b000;
}
.default-section .info-column .info-boxed {
position:relative;
}
.default-section .info-column .content-boxed {
position:relative;
max-width:600px;
padding:120px 15px 100px 100px;
}
.default-section .info-column .info-boxed .title {
position:relative;
color:#fda700;
font-size:16px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.default-section .info-column .info-boxed h2 {
position:relative;
color:#222222;
font-size:48px;
font-weight:400;
letter-spacing:1px;
margin-bottom:20px;
text-transform:capitalize;
}
.default-section .info-column .info-style {
position:relative;
}
.default-section .info-column .info-style li {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
padding-left:40px;
}
.default-section .info-column .info-style li .icon {
position:absolute;
left:0px;
top:4px;
color:#0e0e0e;
line-height:1em;
font-size:20px;
}
/***
====================================================================
Main Slider Three
====================================================================
***/
.main-slider-three {
position:relative;
background-color:#1a232f;
}
.main-slider-three .slider-outer {
position:relative;
}
.main-slider-three .slider-block {
position:relative;
text-align:right;
padding:120px 0px 280px;
background-size:cover;
background-repeat:no-repeat;
}
.main-slider-three .slider-block:before {
position:absolute;
content:'';
right:0px;
top:0px;
width:30%;
height:100%;
z-index:2;
background-color:#1a232f;
}
.main-slider-three .slider-block .inner-block {
position:relative;
display:inline-block;
background-color:#ffffff;
padding:50px 60px 100px 50px;
}
.main-slider-three .slider-block .inner-block:before {
position:absolute;
content:'';
left:-30px;
top:0px;
bottom:0px;
width:30px;
background-color:#cea158;
}
.main-slider-three .slider-block .inner-block h2 {
position:relative;
color:#1a232f;
font-size:48px;
font-weight:400;
line-height:1.3em;
text-transform:capitalize;
}
.main-slider-three .slider-block .inner-block .text {
position:relative;
color:#0e0e0e;
font-size:16px;
font-weight:400;
line-height:1.9em;
margin-top:25px;
margin-bottom:30px;
}
.main-slider-three .slider-block .inner-block .theme-btn {
position:absolute;
right:70px;
bottom:-25px;
}
.main-slider-three .slider-block .inner-block {
position:relative;
z-index:3;
}
.main-slider-three .slider-outer .client-thumb-outer {
position: absolute;
left:-10%;
top:22%;
height:285px;
max-width: 300px;
margin: 0 auto;
overflow: hidden;
width: 100%;
z-index:1;
transform:rotate(90deg);
}
.main-slider-three .slider-carousel .owl-item.active .author-info {
opacity:1;
visibility:visible;
}
.main-slider-three .slider-carousel .client-thumb-outer .owl-item.active .thumb-item .thumb-box {
z-index:999;
-o-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.main-slider-three .client-thumb-outer .slider-thumb-carousel {
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.main-slider-three .client-thumb-outer .slider-thumb-carousel .owl-stage-outer {
overflow:visible;
}
.main-slider-three .client-thumb-outer .thumb-item .thumb-box {
width:80px;
height:80px;
cursor:pointer;
margin: 0 auto;
overflow:hidden;
border-radius:50px;
overflow:hidden;
border:5px solid rgba(255, 255, 255, 0.50);
-o-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
-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-slider-three .client-thumb-outer .owl-item {
z-index:0;
}
.main-slider-three .client-thumb-outer .owl-item.active {
z-index:10;
}
.main-slider-three .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow:hidden;
width:100%;
height:100%;
display:block;
}
.main-slider-three .owl-item.active .thumb-content {
opacity:1;
}
.main-slider-three .owl-dots {
display:none;
}
.main-slider-three .owl-nav {
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-35px;
}
.main-slider-three .owl-nav .owl-prev {
position:absolute;
left:15px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-three .owl-nav .owl-next {
position:absolute;
right:15px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-three .owl-nav .owl-prev:hover, .main-slider-three .owl-nav .owl-next:hover {
background-color:#ebebeb;
box-shadow:none;
}
.main-slider-three .options-box {
position: absolute;
right:0px;
bottom:0px;
z-index:3;
width:30%;
padding:0px 55px;
}
.main-slider-three .options-box .social-box {
position:relative;
padding-bottom:30px;
}
.main-slider-three .options-box .social-box .social-nav {
position:relative;
}
.main-slider-three .options-box .social-box .social-nav li {
position:relative;
margin-right:40px;
display:inline-block;
}
.main-slider-three .options-box .social-box .social-nav li a {
position:relative;
color:#ffffff;
font-size:18px;
-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-slider-three .options-box .social-box .social-nav li a:hover {
color:#cea158;
}
/***
====================================================================
About Section Three
====================================================================
***/
.about-section-three {
position:relative;
overflow:hidden;
padding:120px 0px 60px;
}
.about-section-three .image-column {
position:relative;
margin-bottom:40px;
}
.about-section-three .image-column .inner-column {
position:relative;
padding-right:100px;
}
.about-section-three .image-column .inner-column:after {
position:absolute;
content:'';
right:0px;
top:-120px;
width:270px;
height:470px;
background-color:#1a232f;
}
.about-section-three .image-column .inner-column:before {
position:absolute;
content:'';
left:-75px;
bottom:-100px;
width:270px;
height:470px;
background:url(../images/background/pattern-2.png) no-repeat;
}
.about-section-three .image-column .image {
position:relative;
}
.about-section-three .image-column .image img {
position:relative;
width:100%;
display:block;
z-index:1;
}
.about-section-three .image-column .small-image {
position:absolute;
left:-100px;
bottom:90px;
z-index:1;
}
.about-section-three .image-column .small-image:before {
position:absolute;
content:'';
left:10px;
top:10px;
right:-10px;
bottom:-10px;
z-index:-1;
background-color:#ffffff;
}
.about-section-three .image-column .inner-column .theme-btn {
position:absolute;
bottom:70px;
right:0px;
}
.about-section-three .image-column .inner-column .btn-style-seven .txt {
padding:9px 40px 9px 40px;
}
.about-section-three .image-column .inner-column .play-icon {
position:absolute;
right:60px;
top:41%;
width:85px;
height:85px;
z-index:2;
font-size:22px;
line-height:85px;
text-align:center;
display:inline-block;
background-color:#cea158;
}
.about-section-three .image-column .inner-column .play-icon span {
color:#ffffff;
}
.about-section-three .content-column {
position:relative;
margin-bottom:40px;
}
.about-section-three .content-column .inner-column {
position:relative;
padding-left:100px;
}
.about-section-three .content-column .sec-title {
margin-bottom:35px;
}
.about-section-three .content-column .text {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:2em;
margin-bottom:40px;
}
.about-section-three .content-column .about-number {
position:relative;
}
.about-section-three .content-column .about-number .number {
position:relative;
color:#0e0e0e;
font-size:24px;
margin-bottom:35px;
font-family:'Oswald', sans-serif;
}
.about-section-three .content-column .about-number .number span {
position:relative;
color:#283648;
}
.about-section-three .content-column .lower-box {
position:relative;
margin-top:25px;
}
.about-section-three .content-column .lower-box .signature {
position:relative;
float:left;
}
.about-section-three .content-column .lower-box .info {
position: relative;
color: #cea158;
float:left;
font-size: 17px;
line-height: 1.3em;
font-family:'Oswald', sans-serif;
}
.about-section-three .content-column .lower-box .info span {
position: relative;
color: #222222;
font-size: 30px;
font-weight: 400;
line-height: 1.3em;
margin-top: 8px;
display:block;
font-family:'Oswald', sans-serif;
}
/***
====================================================================
Services Section Three
====================================================================
***/
.services-section-three {
position:relative;
padding:105px 0px 0px;
}
.services-section-three .sec-title {
margin-bottom:100px;
}
.services-block-four {
position:relative;
z-index:1;
margin-bottom:30px;
}
.services-block-four .inner-box {
position:relative;
}
.services-block-four .inner-box:before {
position:absolute;
content:'';
right:0px;
top:-40px;
width:70px;
height:70px;
background:url(../images/background/pattern-3.jpg) no-repeat;
}
.services-block-four .inner-box .image {
position:relative;
}
.services-block-four .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.services-block-four .inner-box .overlay-box {
position:absolute;
left:0px;
top:0px;
right:125px;
bottom:0px;
border:2px solid #2a333d;
background-color:rgba(255, 255, 255, 0.90);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.services-block-four .inner-box:hover .overlay-box {
right:70px;
border-color:rgba(208, 167, 100, 0.90);
background-color:rgba(208, 167, 100, 0.90);
}
.services-block-four .inner-box .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 15px 10px 28px;
}
.services-block-four .inner-box .overlay-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.services-block-four .inner-box .overlay-box .icon-box {
position:relative;
font-size:60px;
line-height:1em;
color:#2a333d;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box:hover .overlay-box .icon-box {
color:#ffffff;
}
.services-block-four .inner-box .overlay-box h3 {
position:relative;
color:#2a333d;
font-size:30px;
font-weight:400;
line-height:1.3em;
margin:35px 0px;
}
.services-block-four .inner-box .overlay-box h3 a {
position:relative;
color:#2a333d;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.services-block-four .inner-box .overlay-box h3 a:hover {
}
.services-block-four .inner-box .overlay-box .text {
position:relative;
color:#0e0e0e;
font-size:16px;
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;
}
.services-block-four .inner-box:hover .overlay-box .text {
color:#ffffff;
}
.services-block-four .inner-box .overlay-box .plus {
position:absolute;
right:-58px;
bottom:-42px;
width:60px;
height:60px;
color:#ffffff;
font-size:24px;
text-align:center;
line-height:60px;
display:inline-block;
background-color:#cea158;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-four .inner-box:hover .overlay-box .plus {
background-color:#ffffff;
color:#000000;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two {
position:relative;
margin-top:-190px;
padding:300px 0px 110px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
.clients-section-two .inner-container {
position:relative;
text-align:center;
}
.clients-section-two:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(26, 35, 47, 0.70);
}
.clients-section-two .sponsors-outer .owl-dots, .clients-section-two .sponsors-outer .owl-nav {
position:relative;
display:none;
}
.clients-section-two .sponsors-outer .image-box {
position:relative;
text-align:center;
margin:0px;
display:inline-block;
}
.clients-section-two .sponsors-outer .image-box img {
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box .line-one {
position:absolute;
content:'';
right:0px;
top:0px;
left:0px;
bottom:0px;
opacity:0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box .line-one:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:40px;
height:40px;
border-left:2px solid #776342;
border-top:2px solid #776342;
}
.clients-section-two .sponsors-outer .image-box .line-one:after {
position:absolute;
content:'';
right:0px;
top:0px;
width:40px;
height:40px;
border-right:2px solid #ffffff;
border-top:2px solid #ffffff;
}
.clients-section-two .sponsors-outer .image-box .line-two {
position:absolute;
content:'';
right:0px;
top:0px;
left:0px;
bottom:0px;
opacity:0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box .line-two:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:40px;
border-left:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}
.clients-section-two .sponsors-outer .image-box .line-two:after {
position:absolute;
content:'';
right:0px;
bottom:0px;
width:40px;
height:40px;
border-right:2px solid #776342;
border-bottom:2px solid #776342;
}
.clients-section-two .sponsors-outer .image-box:hover .line-one, .clients-section-two .sponsors-outer .image-box:hover .line-two {
opacity:1;
}
/***
====================================================================
Case Section
====================================================================
***/
.case-section {
position:relative;
padding:110px 0px 110px;
}
.case-section .owl-nav {
display:none;
}
.case-section .owl-dots {
position:relative;
margin-top:-20px;
}
.case-section .owl-dots .owl-dot {
position:relative;
width:30px;
height:4px;
margin-right:10px;
display:inline-block;
background-color:#cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.case-section .owl-dots .owl-dot.active, .case-section .owl-dots .owl-dot:hover {
background-color:#cea158;
}
.case-section .pattern-layer {
position:absolute;
left:0px;
top:250px;
width:164px;
height:640px;
display:block;
background-repeat:no-repeat;
}
.case-section:before {
position:absolute;
content:'';
right:0px;
top:0px;
width:45%;
height:100%;
background-color:#f5f5f5;
}
.case-section .sec-title .theme-btn {
margin-top:35px;
}
.case-block {
position:relative;
}
.case-block .inner-box {
position:relative;
}
.case-block .inner-box .content-column {
position:relative;
}
.case-block .inner-box .content-column .inner-column {
position:relative;
padding-top:40px;
padding-right:30px;
}
.case-block .inner-box .content-column .title {
position:relative;
color:#cea158;
font-size:14px;
font-weight:400;
text-transform:capitalize;
}
.case-block .inner-box .content-column h3 {
position:relative;
color:#1a232f;
font-size:36px;
font-weight:400;
margin-top:15px;
text-transform:capitalize;
}
.case-block .inner-box .content-column .sub-title {
position:relative;
color:#0e0e0e;
font-size:12px;
font-weight:400;
margin-top:5px;
text-transform:capitalize;
}
.case-block .inner-box .content-column .text {
position:relative;
color:#0e0e0e;
font-size:14px;
font-weight:400;
margin-top:15px;
line-height:2em;
margin-bottom:40px;
text-transform:capitalize;
}
.case-block .inner-box .image-column {
position:relative;
}
.case-block .inner-box .image-column .inner-column {
position:relative;
}
.case-block .inner-box .image-column .image {
position:relative;
}
.case-block .inner-box .image-column .image img {
position:relative;
width:100%;
display:block;
}
.case-block .inner-box .image-column .image {
position:relative;
}
.case-block .inner-box .image-column .image .icon {
position:absolute;
left:0px;
bottom:0px;
width:100px;
height:100px;
color:#ffffff;
font-size:30px;
text-align:center;
line-height:100px;
display:inline-block;
background-color:#cea158;
}
/***
====================================================================
Help Section
====================================================================
***/
.help-section {
position:relative;
z-index:1;
padding:110px 0px 0px;
}
.help-section .inner-container {
position:relative;
max-width:770px;
margin:0 auto;
text-align:center;
padding:60px 30px 60px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.help-section .inner-container:before {
position:absolute;
content:'';
left:-200px;
top:50%;
right:-200px;
height:144px;
z-index:-1;
margin-top:-85px;
background-color:#dddddd;
}
.help-section .inner-container .title {
position:relative;
color:#0e0e0e;
font-size:17px;
}
.help-section .inner-container h2 {
position:relative;
color:#1a232f;
font-size:48px;
margin-top:10px;
margin-bottom:35px;
text-transform:uppercase;
}
/***
====================================================================
Quality Section
====================================================================
***/
.quality-section {
position:relative;
padding:220px 0px 90px;
}
.quality-section.margin-top {
margin-top:-100px;
}
.quality-section .auto-container {
max-width:1500px;
}
.quality-section:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:60%;
height:100%;
background-color:#1a232f;
}
.quality-section .pattern-layer {
position:absolute;
right:0px;
top:0px;
width:40%;
height:100%;
display:block;
background-repeat:no-repeat;
background-size:cover;
}
.quality-section .sec-title .seperater:after {
border-color:#1a232f;
}
.quality-section .title-column {
position:relative;
}
.quality-section .title-column .sec-title {
margin-bottom:55px;
}
.quality-section .title-column .inner-column {
position:relative;
}
.quality-section .title-column .inner-column .text {
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-bottom:50px;
}
.quality-section .blocks-column {
position:relative;
}
.quality-section .blocks-column .inner-column {
position:relative;
}
.quality-block {
position:relative;
margin-bottom:30px;
}
.quality-block .inner-box {
position:relative;
padding:45px 25px 45px 40px;
background-color:#cea158;
}
.quality-block .inner-box .number {
position:relative;
font-size:48px;
font-weight:400;
color:#ffffff;
line-height:1em;
font-family:'Oswald', sans-serif;
}
.quality-block .inner-box .category {
position:relative;
font-size:36px;
font-weight:400;
color:#1a232f;
line-height:1em;
padding-bottom:26px;
margin-top:20px;
font-family:'Oswald', sans-serif;
}
.quality-block .inner-box .category:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:3px;
background-color:#ffffff;
}
.quality-block .inner-box .text {
position:relative;
font-size:16px;
font-weight:400;
color:#ffffff;
line-height:1.7em;
margin-top:20px;
}
/***
====================================================================
Team Section Three
====================================================================
***/
.team-section-three {
position:relative;
padding:100px 0px 90px;
}
.team-block-three {
position:relative;
margin-bottom:30px;
}
.team-block-three .inner-box {
position:relative;
padding-right:50px;
}
.team-block-three .inner-box:before {
position:absolute;
content:'';
left:30px;
top:30px;
right:0px;
bottom:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:1px dashed #1a232f;
}
.team-block-three .inner-box:hover::before {
border-color:#cea158;
}
.team-block-three .inner-box .image {
position:relative;
}
.team-block-three .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.team-block-three .inner-box .image .social-nav {
position:absolute;
right:-51px;
top:0px;
display:inline-block;
background-color:#ffffff;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block-three .inner-box .image .social-nav li {
position:relative;
margin:0px 0px 1px;
}
.team-block-three .inner-box .image .social-nav li a {
position:relative;
width:50px;
height:50px;
font-size:16px;
color:#ffffff;
line-height:50px;
text-align:center;
display:inline-block;
background-color:#1a232f;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block-three .inner-box .image .social-nav li a:hover {
background-color:#cea158;
}
.team-block-three .inner-box .lower-content {
position:relative;
padding:20px 30px 20px;
margin-top:3px;
background-color:#1a232f;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block-three .inner-box .lower-content h3 {
position:relative;
font-size:24px;
color:#ffffff;
text-transform:capitalize;
}
.team-block-three .inner-box .lower-content .designation {
position:relative;
font-size:14px;
color:#ffffff;
margin-top:4px;
}
.team-block-three .inner-box:hover .lower-content {
background-color:#cea158;
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-three {
position:relative;
padding:125px 0px 0px;
background-color:#1a232f;
}
.testimonial-section-three .form-box {
position:relative;
padding:30px 30px;
max-width:550px;
float:left;
display:inline-block;
background-color:#f9f9f9;
}
.testimonial-section-three:before {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:125px;
z-index:1;
background-color:#ffffff;
}
.testimonial-section-three .image-layer {
position:absolute;
left:0px;
top:0px;
width:70%;
height:100%;
display:block;
background-size:cover;
background-repeat:no-repeat;
}
.testimonial-section-three .outer-container {
position:relative;
text-align:right;
}
.testimonial-section-three .outer-container .carousel-box {
position:relative;
text-align:left;
max-width:570px;
width:100%;
z-index:2;
display:inline-block;
padding:48px 60px 80px 50px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.testimonial-section-three .owl-dots {
display:none;
}
.testimonial-section-three .owl-nav {
position: absolute;
left: -280px;
bottom: -75px;
}
.testimonial-section-three .owl-next, .testimonial-section-three .owl-prev {
position: relative;
display: inline-block;
padding-left: 25px;
font-size: 16px;
color: #1a232f;
font-weight: 400;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background-color: #ffffff;
z-index: 9;
margin-right:10px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
font-family:'Oswald', sans-serif;
}
.testimonial-section-three .owl-next:hover, .testimonial-section-three .owl-prev:hover {
color: #cea158;
}
.testimonial-section-three .owl-next:before, .testimonial-section-three .owl-prev:before {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 60px;
border: 2px solid #1a232f;
border-right: 0;
content:"";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.testimonial-section-three .owl-next:hover:before, .testimonial-section-three .owl-prev:hover:before {
border-color: #cea158;
}
.testimonial-section-three .owl-next:before {
left: auto;
right: -25px;
border: 2px solid #1a232f;
border-left: 0;
}
.testimonial-section-three .owl-next span {
margin-left: 5px;
}
.testimonial-section-three .owl-prev span {
margin-right: 5px;
}
.testimonial-block-three {
position:relative;
}
.testimonial-block-three .inner-box {
position:relative;
}
.testimonial-block-three .inner-box .upper-box {
position:relative;
}
.testimonial-block-three .inner-box .upper-box .box-inner {
position:relative;
padding-top:10px;
padding-left:160px;
}
.testimonial-block-three .inner-box .upper-box .image {
position:absolute;
left:0px;
top:0px;
width:103px;
height:103px;
z-index:1;
}
.testimonial-block-three .inner-box .upper-box .image:before {
position:absolute;
content:'';
left:15px;
top:15px;
right:-15px;
bottom:-15px;
z-index:-1;
border:5px solid #e3e3e3;
}
.testimonial-block-three .inner-box .upper-box .designation {
position:relative;
color:#cea158;
font-size:16px;
font-weight:500;
text-transform:capitalize;
font-family:'Roboto', sans-serif;
}
.testimonial-block-three .inner-box .upper-box h3 {
position:relative;
color:#1a232f;
font-size:24px;
font-weight:700;
margin:5px 0px 8px;
text-transform:uppercase;
}
.testimonial-block-three .inner-box .upper-box .social-nav {
position:relative;
}
.testimonial-block-three .inner-box .upper-box .social-nav li {
position:relative;
margin-right:20px;
display:inline-block;
}
.testimonial-block-three .inner-box .upper-box .social-nav li a {
position:relative;
color:#1a232f;
font-size:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-block-three .inner-box .upper-box .social-nav li a:hover {
color:#d0a764;
}
.testimonial-block-three .inner-box .text {
position:relative;
margin-top:50px;
color:#0e0e0e;
font-size:18px;
line-height:1.8em;
}
.testimonial-block-three .inner-box .rating {
position:relative;
margin-top:20px;
}
.testimonial-block-three .inner-box .rating .fa {
position:relative;
margin-right:0px;
color:#cea158;
font-size:16px;
}
.testimonial-section-three .outer-container .carousel-box .quote {
position:absolute;
right:50px;
bottom:0px;
width:40px;
height:40px;
color:#ffffff;
text-align:center;
line-height:40px;
display:inline-block;
background-color:#d0a764;
}
/***
====================================================================
Team Section Three
====================================================================
***/
.blog-section-three {
position:relative;
padding:120px 0px 90px;
}
.news-block-four {
position:relative;
}
.news-block-four .inner-box {
position:relative;
padding-top:35px;
padding-right:45px;
}
.news-block-four .inner-box:before {
position:absolute;
content:'';
right:0px;
top:0px;
width:152px;
height:463px;
background:url(../images/background/pattern-6.jpg) no-repeat;
}
.news-block-four .inner-box .image {
position:relative;
}
.news-block-four .inner-box .image:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:0%;
display:block;
z-index:1;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:rgba(26, 35, 47, 0.70);
}
.news-block-four .inner-box:hover .image:before {
height:100%;
display:block;
}
.news-block-four .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.news-block-four .inner-box .lower-content {
position:relative;
padding-top:30px;
}
.news-block-four .inner-box .lower-content .post-meta {
position:relative;
}
.news-block-four .inner-box .lower-content .post-meta li {
position:relative;
color:#1a232f;
font-size:14px;
line-height:1.2em;
padding-right:15px;
margin-right:15px;
display:inline-block;
border-right:1px solid #1a232f;
}
.news-block-four .inner-box .lower-content .post-meta li:last-child {
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.news-block-four .inner-box .lower-content h3 {
position: relative;
font-size: 30px;
font-weight: 400;
color: #222222;
line-height: 1.4em;
margin-top: 20px;
}
.news-block-four .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box .lower-content h3 a:hover {
color:#d0a764;
}
.news-block-five {
position:relative;
margin-bottom:50px;
}
.news-block-five .inner-box {
position:relative;
}
.news-block-five .inner-box .image {
position:relative;
overflow:hidden;
}
.news-block-five .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.news-block-five .inner-box .image .overlay-box {
position:absolute;
left:-100%;
top:0px;
right:0px;
bottom:0px;
width:100%;
display:block;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color:rgba(26, 35, 47, 0.70);
}
.news-block-five .inner-box:hover .image .overlay-box {
left:0%;
}
.news-block-five .inner-box .image .overlay-inner {
position:absolute;
left:25px;
bottom:25px;
}
.news-block-five .inner-box .image .overlay-box .post-meta {
position:relative;
}
.news-block-five .inner-box .image .overlay-box .post-meta li {
position:relative;
color:#ffffff;
font-size:14px;
line-height:1.2em;
padding-right:15px;
margin-right:15px;
display:inline-block;
border-right:1px solid #ffffff;
}
.news-block-five .inner-box .image .overlay-box .post-meta li:last-child {
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.news-block-five .inner-box .image .overlay-box h3 {
position: relative;
font-size: 24px;
font-weight: 400;
color: #ffffff;
line-height: 1.4em;
margin-top: 15px;
}
.news-block-five .inner-box .image .overlay-box h3 a {
position: relative;
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;
}
.news-block-five .inner-box .image .overlay-box h3 a:hover {
color:#d0a764;
}
/***
====================================================================
Main Slider Four
====================================================================
***/
.main-slider-four {
position:relative;
}
.main-slider-four .slider-outer {
position:relative;
}
.main-slider-four .slider-block {
position:relative;
}
.main-slider-four .slider-block .inner-block {
position:relative;
margin-left:160px;
display:inline-block;
padding:220px 0px 220px;
}
.main-slider-four .slider-block .inner-block:before {
position:absolute;
content:'';
left:-160px;
top:100px;
width:300px;
height:400px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:10px solid rgba(255, 255, 255, 0.10);
}
.main-slider-four .slider-block .inner-block:hover:before {
border-color:rgba(255, 255, 255, 0.30);
}
.main-slider-four .slider-block .inner-block h2 {
position:relative;
color:#fda700;
font-size:60px;
font-weight:500;
line-height:1.5em;
text-transform:capitalize;
}
.main-slider-four .slider-block .inner-block .text {
position:relative;
color:#ffffff;
font-size:18px;
font-weight:400;
line-height:1.9em;
margin-top:25px;
margin-bottom:30px;
}
.main-slider-four .slider-block .image {
position:relative;
float:right;
}
.main-slider-four .slider-block .image img {
position: relative;
max-width: inherit;
width: auto;
right: 0px;
bottom: -130px;
}
.main-slider-four .slider-outer .client-thumb-outer {
position: absolute;
right:5%;
top:22%;
height:285px;
max-width: 300px;
margin: 0 auto;
overflow: hidden;
width: 100%;
z-index:1;
transform:rotate(90deg);
}
.main-slider-four .slider-carousel .owl-item.active .author-info {
opacity:1;
visibility:visible;
}
.main-slider-four .slider-carousel .client-thumb-outer .owl-item.active .thumb-item .thumb-box {
z-index:999;
-o-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.main-slider-four .client-thumb-outer .slider-thumb-carousel {
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.main-slider-four .client-thumb-outer .slider-thumb-carousel .owl-stage-outer {
overflow:visible;
}
.main-slider-four .client-thumb-outer .thumb-item .thumb-box {
width:80px;
height:80px;
cursor:pointer;
margin: 0 auto;
overflow:hidden;
border-radius:50px;
overflow:hidden;
border:5px solid rgba(255, 255, 255, 0.50);
-o-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
-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-slider-four .client-thumb-outer .owl-item {
z-index:0;
}
.main-slider-four .client-thumb-outer .owl-item.active {
z-index:10;
}
.main-slider-four .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow:hidden;
width:100%;
height:100%;
display:block;
}
.main-slider-four .owl-item.active .thumb-content {
opacity:1;
}
.main-slider-four .owl-dots {
display:none;
}
.main-slider-four .owl-nav {
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-35px;
display:none;
}
.main-slider-four .owl-nav .owl-prev {
position:absolute;
left:-35px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-four .owl-nav .owl-next {
position:absolute;
right:-35px;
width:70px;
height:70px;
color:#222222;
line-height:70px;
font-size:24px;
text-align:center;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-slider-four .owl-nav .owl-prev:hover, .main-slider-four .owl-nav .owl-next:hover {
background-color:#ebebeb;
box-shadow:none;
}
/***
====================================================================
About Section Four
====================================================================
***/
.about-section-four {
position:relative;
}
.about-section-four .blocks-column {
position:relative;
margin-bottom:25px;
}
.about-section-four .blocks-column .inner-column {
position:relative;
padding:60px 50px;
border-bottom:20px solid #222222;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.about-section-four .blocks-column .inner-column .blocks-outer {
position:relative;
}
.about-block {
position:relative;
}
.about-block .inner-block {
position:relative;
padding-left:85px;
padding-bottom:0px;
margin-bottom:12px;
border-bottom:1px solid #cccccc;
}
.about-block:last-child .inner-block {
border-bottom:none;
margin-bottom:0px;
padding-bottom:0px;
}
.about-block .inner-block .icon {
position:absolute;
left:0px;
top:2px;
color:#fda700;
line-height:1em;
font-size:64px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.about-block .inner-block:hover .icon {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.about-block .inner-block .title {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.3em;
}
.about-block .inner-block h3 {
position:relative;
color:#222222;
font-size:36px;
text-transform:capitalize;
}
.about-section-four .content-column {
position:relative;
margin-bottom:25px;
}
.about-section-four .content-column .inner-column {
position:relative;
padding-top:60px;
padding-left:40px;
}
.about-section-four .content-column .upper-box {
position:relative;
padding-bottom:40px;
}
.about-section-four .content-column .upper-box .image {
position:relative;
}
.about-section-four .content-column .upper-box .small-image {
position: absolute;
right:0px;
bottom:0px;
}
.about-section-four .content-column .experiance-box {
position:absolute;
left:50%;
z-index:1;
margin-top:35px;
margin-left:-50px;
}
.about-section-four .content-column .experiance-box .box-inner {
position:relative;
padding:25px 25px;
min-width:200px;
width:100%;
text-align:center;
background-color:#fda700;
}
.about-section-four .content-column .experiance-box .box-inner:before {
position:absolute;
content:'';
left:10px;
top:10px;
right:10px;
bottom:10px;
z-index:1;
border:2px solid #ffffff;
}
.about-section-four .content-column .experiance-box .number {
position:relative;
color:#ffffff;
font-size:100px;
font-weight:700;
line-height:1em;
text-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
font-family:'Oswald', sans-serif;
}
.about-section-four .content-column .experiance-box .txt {
position:relative;
color:#222222;
font-size:14px;
font-weight:500;
margin-top:15px;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.about-section-four .content-column .lower-box {
position:relative;
}
.about-section-four .content-column .lower-box .title {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.3em;
}
.about-section-four .content-column .lower-box h3 {
position:relative;
color:#222222;
font-size:36px;
line-height:1.3em;
margin-top:20px;
}
.about-section-four .content-column .lower-box .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.9em;
margin-top:20px;
margin-bottom:30px;
}
.about-section-four .content-column .lower-box .theme-btn {
float:left;
}
.about-section-four .content-column .lower-box .signature {
position:relative;
float:left;
padding-left:20px;
}
.about-section-four .content-column .lower-box .info {
position: relative;
color: #0e0e0e;
float:left;
font-size: 14px;
line-height: 1.3em;
font-family:'Oswald', sans-serif;
}
.about-section-four .content-column .lower-box .info span {
position: relative;
color: #222222;
font-size: 30px;
font-weight: 400;
line-height: 1.3em;
margin-top: 8px;
display:block;
font-family:'Oswald', sans-serif;
}
/***
====================================================================
Services Section Four
====================================================================
***/
.services-section-four {
position:relative;
padding:100px 0px 100px;
background-color:#f5f5f5;
}
.services-section-four .owl-carousel .owl-stage-outer {
padding:15px 0px;
}
.services-block-five {
position:relative;
}
.services-block-five .inner-box {
position:relative;
}
.services-block-five .inner-box .image {
position:relative;
overflow:hidden;
background-color:#000000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-five .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-five .inner-box:hover .image img {
opacity:0.3;
}
.services-block-five .inner-box .image .read-more {
position:absolute;
right:-200px;
top:30px;
color:#222222;
font-size:16px;
font-weight:400;
padding:5px 20px;
padding-left:15px;
display:inline-block;
text-transform:capitalize;
background-color:#fda700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.services-block-five .inner-box .image .read-more:before {
position: absolute;
content:'';
left: -20px;
top: 0px;
border-top: 33px solid #fda700;
border-left: 20px solid transparent;
}
.services-block-five .inner-box:hover .image .read-more {
right:0px;
}
.services-block-five .inner-box .lower-content {
position:relative;
margin-left:25px;
margin-right:25px;
margin-top:-35px;
padding:55px 30px 25px;
background-color:#ffffff;
border-top:3px solid #fda700;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.services-block-five .inner-box .lower-content .icon {
position:absolute;
left:30px;
top:-30px;
width:60px;
height:60px;
color:#382500;
font-size:38px;
line-height:60px;
text-align:center;
display:inline-block;
background-color:#fda700;
}
.services-block-five .inner-box .lower-content h3 {
position:relative;
color:#222222;
font-size:24px;
line-height:1.3em;
}
.services-block-five .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-block-five .inner-box .lower-content h3 a:hover {
color:#fda700;
}
.services-block-five .inner-box .lower-content .text {
position:relative;
line-height:1.9em;
color:#222222;
font-size:14px;
margin-top:15px;
}
.services-section-four .owl-nav {
display:none;
}
.services-section-four .owl-dots {
position:relative;
text-align:center;
margin-top:10px;
}
.services-section-four .owl-dots .owl-dot {
position:relative;
width:10px;
height:5px;
margin:0px 5px;
display:inline-block;
background-color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.services-section-four .owl-dots .owl-dot.active, .services-section-four .owl-dots .owl-dot:hover {
background-color:#fda700;
width:30px;
}
/***
====================================================================
Counter Section Four
====================================================================
***/
.counter-section-four {
position:relative;
padding:100px 0px 100px;
background-size:cover;
background-repeat:no-repeat;
}
.counter-section-four .sec-title-two .text {
color: #ffffff;
}
.counter-section-four:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0, 0, 0, 0.95);
}
.counter-section-four .btn-box {
position:relative;
margin-top:25px;
}
/***
====================================================================
Project Section Three
====================================================================
***/
.projects-section-three {
position:relative;
padding:100px 0px 100px;
background-size:cover;
}
.projects-section-three .project-block-three {
position:relative;
max-width:770px;
margin:0 auto;
}
/* .projects-section-three .owl-carousel .owl-stage-outer{
padding:20px 0px;
} */
.project-block-three {
position:relative;
}
.project-block-three .inner-box {
position:relative;
}
.project-block-three .inner-box .image {
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#000000;
}
.project-block-three .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block-three .inner-box:hover .image img {
opacity:0.5;
}
.project-block-three .inner-box .lower-content {
position:relative;
margin-top:-115px;
}
.project-block-three .inner-box .lower-content .post-info {
position:relative;
text-align:center;
}
.project-block-three .inner-box .lower-content .post-info li {
position:relative;
margin:0px -2px;
display:inline-block;
}
.project-block-three .inner-box .lower-content .post-info li a {
position:relative;
font-size:16px;
color:#ffffff;
padding:14px 40px;
display:inline-block;
background-color:#fda700;
}
.project-block-three .inner-box .lower-content .post-info li:nth-child(2) a {
background-color:#222222;
}
.project-block-three .inner-box .lower-content .content {
position:relative;
padding:25px 30px;
margin-left:100px;
margin-right:100px;
background-size:cover;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);
}
.project-block-three .inner-box .lower-content .content .content-inner {
position:relative;
padding-right:60px;
}
.project-block-three .inner-box .lower-content .content h3 {
position:relative;
color:#222222;
font-size:30px;
font-weight:400;
}
.project-block-three .inner-box .lower-content .content h3 a {
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.project-block-three .inner-box .lower-content .content h3 a:hover {
color:#fda700;
}
.project-block-three .inner-box .lower-content .content .designation {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-top:7px;
}
.project-block-three .inner-box .lower-content .content .arrow {
position:absolute;
color:#000000;
right:0px;
top:10px;
width:60px;
height:60px;
line-height:60px;
font-size:18px;
text-align:center;
display:inline-block;
background-color:#fda700;
}
.projects-section-three .owl-dots {
display:none;
}
.projects-section-three .owl-nav {
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-10px;
}
.projects-section-three .owl-nav .owl-prev {
position:absolute;
left:0px;
width:60px;
height:60px;
color:#fda700;
line-height:56px;
font-size:24px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid #fda700;
}
.projects-section-three .owl-nav .owl-next {
position:absolute;
right:0px;
color:#fda700;
font-size:24px;
width:60px;
height:60px;
color:#fda700;
line-height:56px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid #fda700;
}
.projects-section-three .owl-nav .owl-prev:hover, .projects-section-three .owl-nav .owl-next:hover {
color:#ffffff;
background-color:#fda700;
}
.projects-section-three .more-projects {
position:relative;
margin-top:40px;
text-align:center;
}
.projects-section-three .more-projects .projects-inner {
position:relative;
padding:8px 8px;
border-radius:50px;
display:inline-block;
border:2px dashed #dddddd;
}
.projects-section-three .more-projects .text {
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
padding:14px 20px;
margin-right:30px;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.projects-section-three .more-projects .view-btn {
position:relative;
font-size:16px;
color:#ffffff;
padding:13px 41px;
border-radius:50px;
display:inline-block;
background-color:#fda700;
font-family:'Oswald', sans-serif;
}
/***
====================================================================
Steps Section
====================================================================
***/
.steps-section {
position:relative;
padding:100px 0px 70px;
}
.steps-section:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(253, 167, 0, 0.90);
}
.steps-section .sec-title-two .title .right-separate:after, .steps-section .sec-title-two .title .left-separate:after {
background-color:#222222;
}
.steps-section .sec-title-two .text {
color:#222222;
}
.step-block {
position:relative;
margin-bottom:30px;
}
.step-block .inner-box {
position:relative;
}
.step-block .inner-box .icon-box {
position:relative;
display:inline-block;
}
.step-block .inner-box .icon-box .icon {
position:relative;
width:230px;
height:230px;
font-size:80px;
text-align:center;
font-weight:400;
line-height:230px;
display:inline-block;
background-color:#222222;
color:rgba(255, 255, 255, 0.70);
}
.step-block .inner-box .icon-box .number {
position:absolute;
right:-30px;
top:30%;
width:60px;
height:60px;
z-index:1;
color:#222222;
font-size:24px;
line-height:60px;
text-align:center;
display:inline-block;
font-family:'Oswald', sans-serif;
}
.step-block .inner-box .icon-box .number:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:60px;
height:60px;
z-index:-1;
background-color:#ffffff;
transform:rotate(45deg);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.step-block .inner-box:hover .icon-box .number:before {
transform:rotate(180deg);
;
}
.step-block .inner-box h3 {
position:relative;
color:#ffffff;
font-size:30px;
font-weight:600;
margin-top:35px;
font-family:'Oswald', sans-serif;
}
.step-block .inner-box .text {
position:relative;
color:#222222;
font-size:17px;
font-weight:400;
margin-top:12px;
line-height:1.5em;
}
/***
====================================================================
Testimonial Section Four
====================================================================
***/
.testimonial-section-four {
position:relative;
padding:100px 0px 100px;
background-position:center bottom;
background-repeat:no-repeat;
}
.testimonial-section-four .owl-carousel {
margin:0px 0px;
width:auto;
}
.testimonial-section-four .owl-carousel .owl-stage-outer {
padding:15px 0px;
margin:0px 0px;
}
.testimonial-section-four .testimonial-block-four {
margin:0px 25px;
}
.testimonial-section-four .owl-nav {
display:none;
}
.testimonial-section-four .owl-dots {
position:absolute;
right:0px;
top:-100px;
}
.testimonial-section-four .owl-dots .owl-dot {
position:relative;
width:10px;
height:8px;
margin:0px 5px;
display:inline-block;
background-color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-section-four .owl-dots .owl-dot.active, .testimonial-section-four .owl-dots .owl-dot:hover {
background-color:#fda700;
width:30px;
}
.testimonial-block-four {
position:relative;
}
.testimonial-block-four .inner-box {
position:relative;
}
.testimonial-block-four .inner-box .upper-content {
position:relative;
text-align:center;
border-radius:20px;
padding:40px 30px 110px;
background-color:#f5f5f5;
}
.testimonial-block-four .inner-box .upper-content .rating {
position:absolute;
right:-23px;
top:90px;
border-radius:50px;
padding:25px 18px;
display:inline-block;
background-color:#222222;
}
.testimonial-block-four .inner-box .upper-content .rating .fa {
position:relative;
color:#fda700;
display:block;
}
.testimonial-block-four .inner-box .upper-content .comment-icon {
position:relative;
color:#fda700;
font-size:60px;
line-height:1em;
}
.testimonial-block-four .inner-box .upper-content .text {
position:relative;
color:#0e0e0e;
font-size:17px;
line-height:1.8em;
margin-top:25px;
padding:0px 30px;
}
.testimonial-block-four .inner-box .upper-content .quote {
position:absolute;
left:50%;
top:130px;
color:#e8e8e8;
font-size:90px;
line-height:1em;
margin-left:-40px;
}
.testimonial-block-four .inner-box .lower-content {
position:relative;
margin-left:45px;
margin-right:45px;
margin-top:-60px;
}
.testimonial-block-four .inner-box .lower-content .lower-inner {
position:relative;
overflow:hidden;
border-radius:8px;
background-color:#ffffff;
padding:25px 30px 25px 170px;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.testimonial-block-four .inner-box .lower-content .lower-inner .image {
position:absolute;
left:0px;
top:0px;
width:133px;
height:133px;
}
.testimonial-block-four .inner-box .lower-content h3 {
position:relative;
color:#fda700;
font-size:24px;
text-transform:uppercase;
}
.testimonial-block-four .inner-box .lower-content .designation {
position:relative;
color:#0e0e0e;
font-size:14px;
margin-top:5px;
}
/***
====================================================================
Team Section Four
====================================================================
***/
.team-section-four {
position:relative;
padding:100px 0px 70px;
background-color:#eeeeee;
}
.team-block-four {
position:relative;
margin-bottom:30px;
}
.team-block-four .inner-box {
position:relative;
padding-right:30px;
}
.team-block-four .inner-box .image {
position:relative;
z-index:1;
}
.team-block-four .inner-box .image .social-nav {
position:absolute;
right:0px;
top:20px;
opacity:0;
display:inline-block;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.team-block-four .inner-box .image .social-nav li {
position:relative;
margin:0px 0px 1px;
}
.team-block-four .inner-box .image .social-nav li a {
position:relative;
width:50px;
height:50px;
font-size:16px;
color:#222222;
line-height:50px;
text-align:center;
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;
}
.team-block-four .inner-box .image .social-nav li a:hover {
background-color:#222222;
color:#fda700;
}
.team-block-four .inner-box:hover .image .social-nav {
opacity:1;
right:-50px;
}
.team-block-four .inner-box .image img {
position:relative;
width:100%;
border:5px solid #ffffff;
}
.team-block-four .inner-box .image:before {
position:absolute;
content:'';
left:20px;
top:20px;
bottom:-20px;
right:-20px;
z-index:-2;
background-color:#dddddd;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block-four .inner-box:hover .image:before {
right:-50px;
}
.team-block-four .inner-box .author {
position:absolute;
left:0px;
bottom:45px;
color:#ffffff;
font-size:16px;
font-weight:400;
padding:16px 35px;
display:inline-block;
background-color:#fda700;
}
.team-block-four .inner-box .lower-content {
position:relative;
margin-top:50px;
text-align:center;
}
.team-block-four .inner-box .lower-content h3 {
position:relative;
color:#222222;
font-size:25px;
font-weight:500;
}
.team-block-four .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block-four .inner-box .lower-content h3 a:hover {
color:#fda700;
}
/***
====================================================================
Team Section Five
====================================================================
***/
.team-section-five {
position:relative;
padding:100px 0px 100px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
.team-section-five:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0, 0, 0, 0.90);
}
.team-section-five .sec-title-two h2 {
color:#fda700;
}
.team-section-five .owl-carousel .owl-stage-outer {
padding-bottom:30px;
}
.price-block {
position:relative;
}
.price-block .inner-box {
position:relative;
text-align:center;
padding:50px 30px 90px;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.price-block .inner-box:hover {
background-color:#fda700;
}
.price-block .inner-box:before {
position:absolute;
content:'';
left:20px;
top:20px;
right:20px;
bottom:20px;
border:2px dashed #fda700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.price-block .inner-box:hover::before {
border-color:#ffffff;
}
.price-block .inner-box .icon-box {
position:relative;
font-size:90px;
line-height:1em;
color:#000000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.price-block .inner-box .title {
position:relative;
color:#fda700;
font-size:24px;
font-weight:700;
margin-top:45px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.price-block .inner-box:hover .title {
color:#ffffff;
}
.price-block .inner-box .save {
position:relative;
color:#222222;
font-size:48px;
font-weight:400;
margin-top:45px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.price-block .inner-box .text {
position:relative;
color:#0e0e0e;
font-size:18px;
font-weight:700;
margin-top:45px;
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;
}
.price-block .inner-box:hover .text {
color:#ffffff;
}
.price-block .inner-box .print-btn {
position:absolute;
bottom:-29px;
left:50%;
transform:translateX(-50%);
color:#222222;
font-size:18px;
font-weight:700;
padding:18px 30px;
display:inline-block;
background-color:#fda700;
font-family:'Oswald', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.price-block .inner-box:hover .print-btn {
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.10);
}
.team-section-five .owl-nav {
display:none;
}
.team-section-five .owl-dots {
position:relative;
text-align:center;
margin-top:60px;
}
.team-section-five .owl-dots .owl-dot {
position:relative;
width:10px;
height:8px;
margin:0px 5px;
display:inline-block;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-section-five .owl-dots .owl-dot.active, .team-section-five .owl-dots .owl-dot:hover {
background-color:#fda700;
width:30px;
}
/***
====================================================================
Blog Section Four
====================================================================
***/
.blog-section-four {
position:relative;
padding:100px 0px 80px;
}
.blog-section-four .column:first-child .news-block-six {
margin-bottom:160px;
}
.news-block-six {
position:relative;
margin-bottom:35px;
}
.news-block-six .inner-box {
position:relative;
}
.news-block-six .inner-box .image {
position:relative;
overflow:hidden;
background-color:#222222;
}
.news-block-six .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-six .inner-box:hover .image img {
opacity:0.6;
transform:scale(1.04, 1.04);
}
.news-block-six .inner-box .lower-content {
position:relative;
padding:30px 35px 0px;
margin-left:35px;
margin-right:35px;
margin-top:-40px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.news-block-six .inner-box .lower-content .post-meta {
position:relative;
}
.news-block-six .inner-box .lower-content .post-meta li {
position:relative;
display:inline-block;
color:#0e0e0e;
font-size:15px;
line-height:1.2em;
padding-right:15px;
margin-right:15px;
border-right:1px solid #777777;
}
.news-block-six .inner-box .lower-content .post-meta li:last-child {
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.news-block-six .inner-box .lower-content h3 {
position:relative;
font-size:34px;
color:#222222;
font-weight:400;
line-height:1.3em;
margin-top:12px;
}
.news-block-six .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-six .inner-box .lower-content h3 a:hover {
color:#fda700;
}
.news-block-six .inner-box .lower-content .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.8em;
margin-top:22px;
margin-bottom:18px;
}
.news-block-six .inner-box .lower-content .read-more {
position:relative;
color:#fda700;
font-size:18px;
text-transform:capitalize;
font-family:'Oswald', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-six .inner-box .lower-content .read-more:hover {
color:#000000;
}
.news-block-six .inner-box .lower-content .author-box {
position:relative;
top:30px;
margin-bottom:-35px;
background-color:#f5f5f5;
}
.news-block-six .inner-box .lower-content .author-box .box-inner {
position:relative;
padding-left:110px;
min-height:80px;
padding-top:14px;
}
.news-block-six .inner-box .lower-content .author-box .author-image {
position:absolute;
left:0px;
top:0px;
width:80px;
}
.news-block-six .inner-box .lower-content .author-box .author {
position:relative;
color:#222222;
font-size:14px;
font-weight:500;
}
.news-block-six .inner-box .lower-content .author-box .author span {
position:relative;
color:#222222;
font-size:18px;
display:block;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.news-block-six .inner-box .lower-content .author-box .post-date {
position:absolute;
right:0px;
top:0px;
color:#222222;
font-size:18px;
min-height:80px;
min-width:60px;
padding:17px 5px 0px;
text-align:center;
background-color:#fda700;
font-family:'Oswald', sans-serif;
}
.update-block {
position:relative;
}
.update-block a {
position:relative;
color:#222222;
font-size:28px;
padding:18px 30px;
display:block;
text-align:center;
border-radius:50px;
border:2px dashed #fda700;
font-family:'Oswald', sans-serif;
}
.update-block a span {
color:#fda700;
}
.news-block-six.style-two {
margin-bottom:100px;
}
.news-block-six.style-two .inner-box .lower-content h3 {
font-size:28px;
}
/***
====================================================================
Quote Section Two
====================================================================
***/
.quote-section-two {
position:relative;
background-color:#0d140d;
}
.quote-section-two .image-column {
position:relative;
}
.quote-section-two .image-column .inner-column {
position:relative;
padding-top:30px;
}
.quote-section-two .image-column .image {
position:relative;
text-align:center;
}
.quote-section-two .form-column {
position:relative;
}
.quote-section-two .form-column .inner-column {
position:relative;
padding-top:115px;
}
.quote-section-two .form-column .sec-title-two {
margin-bottom:30px;
}
.quote-section-two .form-column .sec-title-two h2 {
color:#fda700;
}
.quote-section-two .form-column .sec-title-two .text {
color:#ffffff;
}
/* Quote Form */
.quote-form {
position: relative;
z-index:1;
}
.quote-form .form-group {
position:relative;
margin-bottom:20px;
}
.ui-selectmenu-button.ui-button, .quote-form .form-group input[type="text"], .quote-form .form-group input[type="email"], .quote-form .form-group input[type="tel"], .quote-form .form-group input[type="url"], .quote-form .form-group textarea, .quote-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #888888;
font-weight: 400;
padding: 14px 22px;
z-index:1;
height:50px;
background:none;
border: 1px solid #555555;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.quote-form .form-group .ui-selectmenu-button.ui-button {
background:none;
border: 1px solid #555555;
}
.quote-form .form-group input:focus, .quote-form .form-group select:focus, .quote-form .form-group textarea:focus {
border-color:#fda700;
}
.quote-form .form-group textarea {
height: 100px;
resize: none;
border-radius: 0px;
margin-right: 60px;
position: relative;
width: 75%;
max-width: 100%;
display: block;
}
.quote-form .form-group input[type="submit"], .quote-form button {
margin-top:0px;
position:absolute;
right:0px;
top:0px;
color:#ffffff;
width:100px;
height:100px;
font-size:40px;
text-align:center;
background-color:#fda700;
}
.quote-form .form-group input[type="submit"]:hover, .quote-form button:hover {
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section-three {
position:relative;
padding:100px 0px 100px;
}
.clients-section-three.bg-color {
background: #eeeeee;
}
.clients-section-three.style-two {
padding-bottom:220px;
padding-top:0px;
}
.clients-section-three.style-two .owl-nav, .clients-section-three.style-two .owl-dots {
display:none;
}
.clients-section-three .owl-nav {
display:none;
}
.clients-section-three .owl-dots {
position:absolute;
right:0px;
top:-100px;
}
.clients-section-three .owl-dots .owl-dot {
position:relative;
width:10px;
height:8px;
margin:0px 5px;
display:inline-block;
background-color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.clients-section-three .owl-dots .owl-dot.active, .clients-section-three .owl-dots .owl-dot:hover {
background-color:#fda700;
width:30px;
}
.clients-section-three .sponsors-outer .image-box {
position:relative;
text-align:center;
margin:0px;
border:1px solid #e1e1e1;
}
.clients-section-three.bg-color .sponsors-outer .image-box {
border:1px solid #777777;
}
.clients-section-three .sponsors-outer .image-box img {
max-width:100%;
width:auto;
display:inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-three .sponsors-outer .image-box img:hover {
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* Footer Bottom Three */
.footer-bottom-three {
position:relative;
padding:20px 0px;
background-color:#fda700;
}
.footer-bottom-three:before {
position: absolute;
content:'';
right: 0px;
top: 0px;
width: 40%;
height: 100%;
display: block;
background-color:#222222;
}
.footer-bottom-three .copyright {
position:relative;
font-size:16px;
color:#ffffff;
font-weight:400;
}
.footer-bottom-three .copyright a {
font-size:14px;
font-weight: bold;
color:#1a232f;
}
.footer-bottom-three .social-nav {
position:relative;
text-align:right;
}
.footer-bottom-three .social-nav li {
position:relative;
margin-left:20px;
display:inline-block;
}
.footer-bottom-three .social-nav li a {
position:relative;
color:#ffffff;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.footer-bottom-three .social-nav li a:hover {
color:#fda700;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position:relative;
overflow:hidden;
background-position:center bottom;
background-size:cover;
}
.page-title:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0, 0, 0, 0.45);
}
.page-title .inner-container {
position: relative;
z-index:5;
padding: 165px 0px 165px;
}
.page-title .auto-container {
position:relative;
}
.page-title h1 {
position:relative;
font-size:60px;
color:#ffffff;
line-height: 1.3em;
font-weight: 400;
}
.page-title .bread-crumb {
position: relative;
padding: 15px 0px 16px 45px;
}
.page-title .bread-crumb:before {
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:-1500px;
background-color:#fda700;
-ms-transform: skewX(35deg);
-webkit-transform: skewX(35deg);
transform: skewX(35deg);
}
.page-title .bread-crumb li {
position: relative;
float: left;
font-size: 30px;
line-height: 30px;
color: #222222;
font-weight: 400;
text-transform: capitalize;
cursor: default;
padding-right: 25px;
margin-right: 12px;
font-family:'Oswald', sans-serif;
}
.page-title .bread-crumb li:before {
position: absolute;
right: -2px;
font-size: 14px;
line-height: 30px;
color: #ffffff;
content:"...";
font-weight:700;
letter-spacing:2px;
}
.page-title .bread-crumb li:last-child {
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before {
display: none;
}
.page-title .bread-crumb li a {
color:#ffffff;
font-weight: 400;
font-family:'Oswald', sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-title .bread-crumb li a:hover {
color:#222222;
}
.price-page-section {
position:relative;
padding:100px 0px 180px;
}
.price-page-section .price-block {
margin-bottom:60px;
}
/***
====================================================================
Faq Page Section
====================================================================
***/
.faq-page-section {
position:relative;
padding:110px 0px 220px;
}
.faq-page-section .title-column {
position:relative;
}
.faq-page-section .title-column .inner-column {
position:relative;
margin-bottom:40px;
padding-right:100px;
}
.faq-page-section .title-column .sec-title {
margin-bottom:25px;
}
.faq-page-section .title-column .text {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box {
position:relative;
}
.accordion-box .heading {
position:relative;
color:#000000;
font-size:28px;
font-weight:600;
margin-bottom:45px;
}
.accordion-box .block {
position: relative;
padding-bottom: 30px;
}
.accordion-box .block:last-child {
padding-bottom: 0px;
}
.accordion-box .block .acc-btn {
font-size:18px;
padding-right:0px;
padding-left:50px;
position:relative;
cursor:pointer;
line-height:30px;
color:#000000;
font-weight:600;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.accordion-box .block .icon-outer {
position:absolute;
left:0px;
top:0px;
width:30px;
height:30px;
text-align:center;
border-radius:50%;
font-size:14px;
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;
background-color:#fda700;
}
.accordion-box .block .icon-outer .icon {
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
line-height: 30px;
font-size: 14px;
color: #ffffff;
}
.accordion-box .block .icon-outer .icon-plus {
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus {
opacity:0;
color:#ffffff;
font-weight:400;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
opacity:1;
color:#ffffff;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer {
border-color:#ff3548;
color:#ff3548;
}
.accordion-box .block .acc-content {
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text {
padding-bottom:6px;
}
.accordion-box .block .acc-content.current {
display:block;
}
.accordion-box .block .content {
position:relative;
font-size:14px;
padding:10px 0px 0px 0px;
}
.accordion-box .block .content p {
margin-bottom:0px;
line-height:1.8em;
font-size:16px;
color:#0e0e0e;
padding-left:50px;
}
.accordion-box .block .content p:last-child {
margin-bottom:0px;
}
.accordion-box.style-two .block {
margin-bottom:10px;
padding-bottom:0px;
}
.accordion-box.style-two .block .acc-btn {
background-color:#eeeeee;
color:#333333;
font-size:18px;
font-weight:400;
padding:20px 32px;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.accordion-box.style-two .block .icon-outer {
right:20px;
left:auto;
top:20px;
background-image:none;
background-color:#333333;
}
.accordion-box.style-two .block .content {
padding:30px 30px;
border:2px solid #eeeeee;
}
.accordion-box.style-two .block .content p {
padding:0px;
}
/***
====================================================================
Team Page Section
====================================================================
***/
.team-page-section {
position:relative;
padding:100px 0px 200px;
}
.team-page-section .team-block.style-two {
padding-bottom:60px;
}
.team-page-section .sec-title .text {
color:#222222;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position:relative;
}
.styled-pagination li {
position:relative;
margin:0px 4px 10px;
display:inline-block;
}
.styled-pagination li a {
position:relative;
width:40px;
height:40px;
color:#0e0e0e;
font-size:16px;
font-weight:700;
line-height:36px;
text-align:center;
display:inline-block;
border:2px solid #333333;
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;
}
.styled-pagination li.active a, .styled-pagination li:hover a {
color:#ffffff;
background-color:#333333;
}
.styled-pagination li.prev a {
font-size:10px;
color:#ffffff;
border-color:#333333;
border-radius:50px 0px 0px 50px;
background-color:#333333;
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;
}
.styled-pagination li.next a {
font-size:10px;
color:#ffffff;
border-color:#333333;
background-color:#333333;
border-radius:0px 50px 50px 0px;
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;
}
.styled-pagination li.prev a:hover, .styled-pagination li.next a:hover {
background-color:#fda700;
border-color:#fda700;
}
/*Error Section*/
.error-section {
position:relative;
padding:100px 0px 100px;
}
.error-section .content {
position:relative;
text-align:center;
}
.error-section h1 {
position:relative;
color:#222222;
font-size:180px;
font-weight:600;
line-height:1em;
margin-bottom:10px;
}
.error-section h2 {
position:relative;
color:#222222;
font-size:50px;
font-weight:400;
line-height:1.2em;
margin-bottom:10px;
}
.error-section .text {
position:relative;
color:#222222;
font-size:20px;
font-weight:400;
margin-top:20px;
margin-bottom:30px;
}
.testimonial-page-section {
position:relative;
padding:100px 0px 70px;
}
.testimonial-page-section .testimonial-block-four {
position:relative;
padding:0px 25px;
margin-bottom:30px;
}
/* Comming Soon */
.comming-soon {
position:relative;
text-align:center;
padding:100px 0px 100px;
}
.comming-soon .content {
position: relative;
}
.comming-soon .content .content-inner {
position: relative;
}
.comming-soon .content .content-inner h2 {
position:relative;
color:#222222;
font-size:90px;
font-weight:400;
line-height:1.2em;
margin-bottom:80px;
}
.comming-soon .content .content-inner .text {
position:relative;
color:#222222;
font-size:20px;
font-weight:400;
line-height:1.6em;
margin-top:28px;
margin-bottom:60px;
letter-spacing:1px;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter {
position:relative;
}
.time-counter .time-countdown {
position:relative;
}
.time-counter .time-countdown .counter-column {
position:relative;
margin:0px 15px 0px;
width:170px;
height:170px;
text-align:center;
display:inline-block;
padding:10px 0px 10px;
border:2px solid #222222;
color:#222222;
font-size:18px;
line-height:30px;
text-transform:uppercase;
font-weight:400;
margin-bottom:30px;
}
.time-counter .time-countdown .counter-column .count {
position:relative;
display:block;
font-size:65px;
line-height:40px;
padding:30px 10px;
color:#222222;
letter-spacing:1px;
font-weight:400;
}
.comming-soon .emailed-form .form-group {
position:relative;
display:block;
max-width:650px;
margin:0 auto;
width:100%;
margin-bottom:20px;
}
.comming-soon .emailed-form .form-group input[type="text"], .comming-soon .emailed-form .form-group input[type="tel"], .comming-soon .emailed-form .form-group input[type="email"], .comming-soon .emailed-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:20px;
height:60px;
font-size:14px;
color:#0e0e0e;
overflow:hidden;
padding:10px 50px 10px 30px;
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;
border:1px solid #555555;
}
.comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button {
position:absolute;
right:5px;
top:5px;
width:160px;
height:50px;
line-height:40px;
color:#ffffff;
font-size:14px;
font-weight:300;
text-align:center;
background:#222222;
letter-spacing:1px;
text-transform:capitalize;
}
.services-page-section {
position:relative;
padding:100px 0px 100px;
background-color:#f5f5f5;
}
.services-page-section .services-block-two {
margin-bottom:50px;
}
/***
====================================================================
Services Detail Section
====================================================================
***/
.services-detail-section {
position:relative;
padding:110px 0px 210px;
}
.services-detail-section .services-links-box {
position:relative;
text-align:center;
padding-bottom:35px;
border-bottom:4px solid #ebebeb;
}
.services-detail-section .services-links-box li {
position:relative;
display:inline-block;
margin:0px 15px;
font-size:24px;
color:#222222;
text-transform: uppercase;
font-weight:400;
line-height:24px;
cursor:pointer;
text-align:center;
line-height:1.1em;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family:'Oswald', sans-serif;
}
.services-detail-section .services-links-box li a {
position:relative;
color:#222222;
}
.services-detail-section .services-links-box li .icon {
position:relative;
display:block;
color:#222222;
font-size:46px;
line-height:1em;
margin-bottom:0px;
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;
}
.services-detail-section .services-links-box li:hover .icon, .services-detail-section .services-links-box li.active-btn .icon {
color:#fbb908;
}
.services-detail-section .services-links-box li:before {
position:absolute;
content:'\f103';
left:0px;
bottom:-80px;
right:0px;
width:100%;
height:40px;
opacity:0;
color:#ffffff;
line-height:40px;
text-align:center;
background-color:#222222;
font-family:'FontAwesome';
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;
}
.services-detail-section .services-links-box li:hover::before, .services-detail-section .services-links-box li.active-btn::before {
opacity:1;
}
.services-detail-section .lower-content {
position:relative;
max-width:900px;
margin:0 auto;
}
.services-detail-section .lower-content .image {
position:relative;
margin-bottom:30px;
}
.services-detail-section .lower-content h2 {
position:relative;
color:#333333;
font-size:36px;
line-height:1.2em;
margin-bottom:20px;
}
.services-detail-section .lower-content .text {
position:relative;
}
.services-detail-section .lower-content .text p {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.services-detail-section .lower-content h3 {
position:relative;
color:#333333;
font-size:36px;
line-height:1.2em;
margin-bottom:20px;
}
.services-detail-section .lower-content h4 {
position:relative;
color:#333333;
font-size:30px;
line-height:1.2em;
margin-bottom:20px;
}
.services-detail-section .lower-content .owl-dots {
display:none;
}
.services-detail-section .lower-content .owl-nav {
position: absolute;
left: 0px;
top:50%;
width:100%;
}
.services-detail-section .lower-content .owl-prev {
position: absolute;
left:-120px;
display: inline-block;
padding-left: 25px;
font-size: 18px;
color: #1a232f;
font-weight: 400;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background: none;
z-index: 9;
margin-right:10px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
font-family:'Oswald', sans-serif;
}
.services-detail-section .lower-content .owl-next {
position: absolute;
right:-120px;
display: inline-block;
padding-left: 25px;
font-size: 18px;
color: #1a232f;
font-weight: 400;
text-transform: uppercase;
line-height: 30px;
padding-top: 6px;
background: none;
z-index: 9;
margin-right:10px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
font-family:'Oswald', sans-serif;
}
.services-detail-section .lower-content .owl-next:hover, .services-detail-section .lower-content .owl-prev:hover {
color: #fdb323;
}
.services-detail-section .lower-content .owl-next:before, .services-detail-section .lower-content .owl-prev:before {
position: absolute;
left: 0;
top: 0;
height: 43px;
width: 60px;
border: 2px solid #1a232f;
border-right: 0;
content:"";
z-index: -1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.services-detail-section .lower-content .owl-next:hover:before, .services-detail-section .lower-content .owl-prev:hover:before {
border-color: #fdb323;
}
.services-detail-section .lower-content .owl-next:before {
left: auto;
right: -25px;
border: 2px solid #1a232f;
border-left: 0;
}
.services-detail-section .lower-content .owl-next span {
margin-left: 5px;
}
.services-detail-section .lower-content .owl-prev span {
margin-right: 5px;
}
/***
====================================================================
Service Tabs Style
====================================================================
***/
.services-detail-section .service-tabs {
position:relative;
}
.services-detail-section .service-tabs .tab-btns {
position:relative;
z-index:1;
border-bottom:1px solid #dddddd;
}
.services-detail-section .service-tabs .tab-btns .tab-btn {
position:relative;
top:1px;
display:block;
float:left;
margin-right:5px;
font-size:16px;
background:#f3f3f3;
color:#333333;
text-transform:uppercase;
font-weight:600;
line-height:24px;
cursor:pointer;
border:1px solid transparent;
padding:11px 26px 11px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family:'Oswald', sans-serif;
}
.services-detail-section .service-tabs .tab-btns .tab-btn:hover:after, .services-detail-section .service-tabs .tab-btns .tab-btn.active-btn:after {
position:absolute;
content:'';
left:0px;
bottom:-3px;
width:100%;
height:5px;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-detail-section .service-tabs .tab-btns .tab-btn:hover, .services-detail-section .service-tabs .tab-btns .tab-btn.active-btn {
color:#fbb908;
border-color:#e2e2e2;
background:#ffffff;
}
.services-detail-section .service-tabs .tabs-content {
position:relative;
padding:22px 22px 22px;
border:1px solid #dddddd;
border-top:0px;
}
.services-detail-section .service-tabs .tabs-content .tab {
position:relative;
display:none;
border-top:0px;
}
.services-detail-section .service-tabs .tabs-content .tab.active-tab {
display:block;
}
.services-detail-section .service-tabs .tabs-content .tab .content {
position:relative;
}
.services-detail-section .service-tabs .tabs-content .tab .content p {
position:relative;
font-size:16px;
line-height:1.7em;
color:#0e0e0e;
margin-bottom:10px;
}
.services-detail-section .accordion-box.style-two {
margin-bottom:50px;
}
.project-page-section {
padding-bottom:220px;
}
.project-detail-section {
position:relative;
padding:100px 0px 215px;
}
.project-detail-section .upper-section {
position:relative;
}
.project-detail-section .image-column {
position:relative;
}
.project-detail-section .image-column .inner-column {
position:relative;
}
.project-detail-section .image-column .inner-column .image {
position:relative;
}
.project-detail-section .image-column .inner-column .image img {
position:relative;
width:100%;
display:block;
}
.project-detail-section .info-column {
position:relative;
}
.project-detail-section .info-column .inner-column {
position:relative;
}
.project-detail-section .info-column .info-list {
position:relative;
padding:25px 25px;
border-radius:7px;
border:3px solid #dddddd;
}
.project-detail-section .info-column .info-list li {
position:relative;
padding-left:45px;
color:#002121;
font-weight:700;
font-size:16px;
line-height:1.7em;
margin-bottom:29px;
}
.project-detail-section .info-column .info-list li i {
font-style:normal;
font-weight:400;
color:#0e0e0e;
display:block;
}
.project-detail-section .info-column .info-list li .icon {
position:absolute;
left:0px;
top:5px;
color:#fda700;
font-size:22px;
}
.project-detail-section .lower-section {
position:relative;
padding-top:30px;
}
.project-detail-section .lower-section h2 {
position:relative;
color:#222222;
font-weight:400;
font-size:36px;
line-height:1.3em;
}
.project-detail-section .lower-section .bold-text {
position:relative;
color:#0e0e0e;
font-size:20px;
margin-top:22px;
line-height:1.5em;
}
.project-detail-section .lower-section h3 {
position:relative;
color:#222222;
font-weight:400;
font-size:30px;
line-height:1.3em;
margin-top:20px;
}
.project-detail-section .lower-section p {
position:relative;
color:#0e0e0e;
font-weight:400;
font-size:16px;
line-height:1.8em;
margin-top:20px;
}
.project-detail-section .lower-section .lower-box {
position:relative;
margin-top:50px;
}
/*Video Box*/
.video-box-two {
position:relative;
}
.video-box-two .image {
position:relative;
overflow:hidden;
margin:0px;
}
.video-box-two .image img {
position:relative;
width:100%;
}
.video-box-two .overlay-box {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 80px;
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;
}
.video-box-two .overlay-box span {
position: absolute;
width:80px;
height: 80px;
left:50%;
top: 50%;
z-index:99;
color: #000000;
font-weight:400;
font-size:24px;
text-align: center;
border-radius:50%;
padding-left:4px;
background-color: #ffffff;
display: inline-block;
margin-top: -40px;
margin-left:-40px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.video-box-two .ripple, .video-box-two .ripple:before, .video-box-two .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box-two .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content:"";
position: absolute;
}
.video-box-two .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content:"";
position: absolute;
}
.project-info-block {
position:relative;
margin-bottom:35px;
}
.project-info-block .block-info {
position:relative;
padding:30px 30px 15px;
border-radius:5px;
border:3px solid #dddddd;
}
.project-info-block .block-info h4 {
position:relative;
color:#222222;
font-size:18px;
font-weight:700;
margin-bottom:25px;
}
.project-info-block .block-info .project-info {
position:relative;
color:#0e0e0e;
font-size:14px;
margin-bottom:15px;
padding-left:30px;
}
.project-info-block .block-info .project-info .icon {
position:absolute;
left:0px;
top:2px;
color:#ffaa00;
font-size:18px;
line-height:1em;
}
.project-info-block .block-info .project-info strong {
color:#000048;
}
/* New Posts */
.new-posts {
position:relative;
margin-top:50px;
}
.new-posts .prev {
position:relative;
color:#ffffff;
font-size:18px;
font-weight:700;
padding:14px 30px;
display:inline-block;
border-radius:50px 0px 0px 50px;
background-color:#0e0e0e;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.new-posts .next {
position:relative;
color:#ffffff;
font-size:18px;
font-weight:700;
padding:14px 30px;
display:inline-block;
border-radius:0px 50px 50px 0px;
background-color:#0e0e0e;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.new-posts a:hover {
color:#ffffff;
background-color:#000000;
}
.new-posts .grid-view {
position:absolute;
left:50%;
top:19px;
font-size:30px;
line-height:1em;
color:#fda700;
margin-left:-10px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position:relative;
padding:110px 0px 0px;
}
.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar {
position:relative;
}
/*Sidebar Widget*/
.sidebar-widget {
position: relative;
margin-bottom: 30px;
}
/*Search Box Widget*/
.sidebar .search-box .form-group {
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
position:relative;
line-height:43px;
padding:10px 50px 10px 20px;
border:1px solid #eeeeee;
background:#222222;
display:block;
font-size:14px;
width:100%;
height:60px;
color:#ffffff;
border-radius:5px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button {
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:16px;
color:#222222;
border-radius:5px;
line-height:100%;
font-weight:normal;
background:#fda700;
}
/***
====================================================================
Section Title
====================================================================
***/
.sidebar-title {
position:relative;
margin-bottom:70px;
}
.sidebar-title h2 {
position: relative;
color: #333333;
font-size: 30px;
font-weight: 400;
line-height: 1.3em;
margin-top: 15px;
text-transform: capitalize;
}
.sidebar-title .seperater {
position:relative;
margin-top:20px !important;
width:40px;
}
.sidebar-title .seperater:before {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:2px;
background-color:#333333;
}
.sidebar-title .seperater:after {
position:absolute;
content:'';
left:102%;
top:-8px;
width:18px;
height:18px;
margin-left:-6px;
border-radius:50%;
border:4px solid #ffffff;
background-color:#fda700;
}
.categories-widget .widget-content {
position:relative;
padding:15px 25px 15px;
border-radius:8px;
background-color:#222222;
}
.categories-widget .blog-cat {
position:relative;
}
.categories-widget .blog-cat li {
position:relative;
}
.categories-widget .blog-cat li a {
position:relative;
color:#ffffff;
padding:15px 0px;
display:block;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-bottom:1px dashed #ffffff;
}
.categories-widget .blog-cat li a:hover {
color:#fda700;
}
.categories-widget .blog-cat li:last-child a {
border-bottom:none;
}
.categories-widget .blog-cat li a span {
position:absolute;
right:0px;
}
.popular-posts .widget-content {
position:relative;
padding:40px 30px;
border-radius:10px;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
/*Post Widget*/
.sidebar .popular-posts .post {
position:relative;
font-size:14px;
color:#0e0e0e;
padding:0px 0px;
padding-left:125px;
min-height:100px;
margin-bottom:30px;
border-bottom:1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child {
margin-bottom:0px;
border-bottom:none;
min-height:auto;
}
.sidebar .popular-posts .post .post-thumb {
position:absolute;
left:0px;
top:0px;
width:100px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box {
position: absolute;
content:'';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #fbb908;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(51, 51, 51, 0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa {
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img {
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text {
position:relative;
top:0px;
font-size:18px;
margin:0px 0px 0px;
font-weight:400;
color:#333333;
line-height:1.5em;
text-transform:capitalize;
font-family:'Oswald', sans-serif;
}
.sidebar .popular-posts .post .text a {
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover {
color:#fda700;
}
.sidebar .popular-posts .post-info {
position:relative;
font-size:14px;
color:#0e0e0e;
font-weight:400;
margin-top:4px;
}
/*Popular Tags*/
.sidebar .popular-tags a {
position:relative;
display:inline-block;
line-height:24px;
padding:12px 26px 12px;
margin:0px 3px 6px 0px;
color:#0e0e0e;
text-align:center;
font-size:15px;
background:#f5f5f5;
font-weight:400;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover {
background-color:#222222;
color:#ffffff;
border-radius:50px;
}
.news-block-seven {
position:relative;
margin-bottom:70px;
}
.news-block-seven .inner-box {
position:relative;
}
.news-block-seven .inner-box .image {
position:relative;
overflow:hidden;
padding-right:20px;
}
.news-block-seven .inner-box .image img {
position:relative;
width:100%;
display:block;
}
.news-block-seven .inner-box .image .overlay {
position:absolute;
left:-50%;
top:0px;
width:50%;
height:100%;
background-color:rgba(0, 0, 0, 0.80);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.news-block-seven .inner-box:hover .image .overlay {
left:0%;
}
.news-block-seven .inner-box .image .overlay .read-more {
position:absolute;
left:25px;
bottom:20px;
color:#ffffff;
font-size:16px;
font-weight:500;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-seven .inner-box .image .overlay .read-more:hover {
color:#fda700;
}
.news-block-seven .inner-box .image .category {
position:absolute;
bottom:25px;
right:0px;
color:#000000;
font-size:14px;
padding:8px 18px;
font-weight:700;
display:inline-block;
text-transform:capitalize;
background-color:#fda700;
}
.news-block-seven .inner-box .image .category:before {
position:absolute;
content:'';
right:0px;
top:-15px;
border-bottom: 15px solid #bbbbbb;
border-right: 20px solid transparent;
}
.news-block-seven .inner-box .lower-content {
position:relative;
padding-top:35px;
padding-bottom:35px;
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;
border-bottom:2px dashed #aaaaaa;
}
.news-block-seven .inner-box:hover .lower-content {
border-color:#000000;
}
.news-block-seven .inner-box .lower-content .post-meta {
position:relative;
}
.news-block-seven .inner-box .lower-content .post-meta li {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-right:20px;
display:inline-block;
}
.news-block-seven .inner-box .lower-content h3 {
position:relative;
font-size:36px;
font-weight:500;
color:#222222;
line-height:1.4em;
margin-top:10px;
}
.news-block-seven .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block-seven .inner-box .lower-content h3 a:hover {
color:#fda700;
}
.news-block-seven .inner-box .lower-content .text {
position:relative;
margin-top:20px;
color:#0e0e0e;
font-size:16px;
line-height:1.9em;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section {
position:relative;
padding:110px 0px 80px;
}
/* Contact Form */
.contact-form {
position: relative;
z-index:1;
}
.contact-form .form-group {
position:relative;
margin-bottom:20px;
}
.ui-selectmenu-button.ui-button, .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select {
position: relative;
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
color: #888888;
font-weight: 400;
padding: 14px 22px;
z-index:1;
height:60px;
background:none;
border: 1px solid #aaaaaa;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group .ui-selectmenu-button.ui-button {
background:none;
height:60px;
line-height:40px;
border: 1px solid #aaaaaa;
}
.contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus {
border-color:#fda700;
}
.contact-form .form-group textarea {
height: 200px;
resize: none;
border-radius: 0px;
margin-right: 60px;
position: relative;
width: 100%;
max-width: 100%;
display: block;
}
.contact-form .form-group input[type="submit"], .contact-form button {
margin-top:0px;
position:relative;
color:#1a232f;
font-size:24px;
padding:20px 36px;
background-color:#fda700;
font-family:'Oswald', sans-serif;
}
.contact-form .form-group input[type="submit"]:hover, .contact-form button:hover {
}
.contact-form input.error, .contact-form select.error, .contact-form textarea.error {
border-color:#ff0000 !important;
}
.contact-form label.error {
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.contact-page-section .map-column {
position:relative;
}
.contact-page-section .map-column .inner-column {
position:relative;
}
.contact-page-section .map-column .map-canvas {
position:relative;
height:770px;
}
.contact-info-section {
position:relative;
}
.contact-info-section .inner-container {
position:relative;
padding:60px 30px;
background-color:#222222;
}
.contact-info-section .inner-container .info-box .box-inner:before {
position:absolute;
content:'';
right:-25px;
top:0px;
bottom:0px;
width:1px;
height:100%;
background-color:#ffffff;
}
.contact-info-section .inner-container .info-box:last-child .box-inner:before {
display:none;
}
.contact-info-section .inner-container .info-box {
position:relative;
}
.contact-info-section .inner-container .info-box .box-inner {
position:relative;
text-align:center;
}
.contact-info-section .inner-container .info-box .box-inner h3 {
position:relative;
color:#ffffff;
font-size:30px;
margin:20px 20px;
text-transform:uppercase;
}
.contact-info-section .inner-container .info-box .box-inner .icon {
position:relative;
color:#fda700;
font-size:40px;
line-height:1em;
}
.contact-info-section .inner-container .info-box .box-inner .text {
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
}
.contact-info-section .inner-container .info-box .box-inner ul {
position:relative;
}
.contact-info-section .inner-container .info-box .box-inner ul li {
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:5px;
}
/*Shop Item*/
.shop-item {
position:relative;
margin-bottom:70px;
}
.shop-item .inner-box {
position:relative;
outline:15px solid #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box:hover .image .overlay-box {
opacity:1;
}
.shop-item .inner-box .image {
position:relative;
text-align:center;
background-color:#f8f8f8;
}
.shop-item .inner-box .image .overlay-box {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
text-align:center;
background-color:rgba(51, 51, 51, 0.85);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .image .overlay-box .cart-option {
position:relative;
top:50%;
margin-top:-25px;
}
.shop-item .inner-box .image .overlay-box .cart-option li {
position:relative;
margin:0px 3px;
color:#fbb908;
display:inline-block;
}
.shop-item .inner-box .image .overlay-box .cart-option li a {
position:relative;
color:#ffffff;
font-size:18px;
display: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;
}
.shop-item .inner-box .image .overlay-box .cart-option li a .fa {
font-size: 16px;
margin-bottom: 8px;
border: 1px solid #ffffff;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
margin-right:10px;
}
.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
color:#ffffff;
}
.shop-item .inner-box .image img {
width:100%;
display:inline-block;
}
.shop-item .inner-box .lower-content {
position:relative;
z-index:11;
padding:20px 0px 0px;
}
.shop-item .inner-box .lower-content h3 {
position:relative;
font-size:18px;
font-weight:400;
margin-bottom:6px;
}
.shop-item .inner-box .lower-content h3 a {
color:#000000;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .lower-content h3 a:hover {
color:#fbb908;
}
.shop-item .inner-box .lower-content .price {
position:relative;
color:#fbb908;
font-size:18px;
font-weight:700;
}
.shop-item .inner-box .lower-content .price .discount {
position:relative;
color:#0e0e0e;
margin-right:8px;
text-decoration:line-through;
}
.shop-item .inner-box .lower-content .rating .fa {
position:relative;
display:inline-block;
font-size:16px;
color:#fbb908;
}
.product-details .basic-details {
position:relative;
margin-bottom:50px;
}
.product-details .image-column, .product-details .info-column {
margin-bottom:20px;
}
.product-details .image-column .image-box img {
position:relative;
display:block;
width:100%;
background-color:#f7f7f7;
}
.product-details .basic-details .details-header {
position:relative;
margin-bottom:16px;
}
.product-details .basic-details .details-header h4 {
font-size:24px;
font-weight:700;
margin:5px 0px 20px;
line-height:1.4em;
color:#333333;
}
.product-details .basic-details .details-header h4 a {
color:#333333;
}
.product-details .basic-details .details-header .rating {
font-size:18px;
color:#fbb908;
margin-bottom:15px;
display:inline-block;
}
.product-details .basic-details .details-header .reviews {
position:relative;
display:inline-block;
color:#0e0e0e;
font-weight:700;
margin-left:15px;
}
.product-details .basic-details .details-header .rating .fa {
display:inline-block;
}
.product-details .basic-details .details-header .rating .txt {
font-size:14px;
padding-left:10px;
color:#0e0e0e;
}
.product-details .basic-details .details-header .item-price {
font-size:22px;
font-weight:700;
color:#fbb908;
line-height:24px;
}
.product-details .basic-details .prod-info {
margin-bottom:15px;
line-height:1.6em;
font-size:13px;
}
.product-details .basic-details .prod-info strong {
font-weight:700;
color:#111111;
}
.product-details .basic-details .text {
margin-bottom:25px;
color:#0e0e0e;
font-size:16px;
font-weight:400;
line-height:1.8em;
}
.product-details .basic-details .item-quantity .field-label {
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner {
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding:11px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top:6px;
}
.product-details .basic-details .item-quantity {
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:20px;
}
.product-details .basic-details .item-quantity .field-label {
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px;
}
.product-details .basic-details .quantity-spinner, .cart-table input.quantity-spinner {
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding:12px 10px;
display:none;
background:#f4f5f6;
border-radius:0px;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-table .bootstrap-touchspin .input-group-btn-vertical i {
top:8px;
}
.product-details .basic-details .add-to-cart {
padding:11px 20px;
font-weight:700;
border-radius:0px;
text-transform:uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs {
position:relative;
padding-bottom:60px;
margin-bottom:80px;
border-bottom:1px solid #cccccc;
}
.shop-single .product-details .prod-tabs .tab-btns {
position:relative;
z-index:1;
margin-bottom:50px;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn {
position:relative;
top:1px;
display:block;
float:left;
margin-right:10px;
font-size:16px;
background:#eeeeee;
color:#000000;
text-transform:uppercase;
font-weight:700;
line-height:24px;
cursor:pointer;
padding:13px 43px 13px;
transition:all 500ms ease;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover, .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
color:#000000;
background:#fbb908;
}
.shop-single .product-details .prod-tabs .tabs-content {
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab {
position:relative;
display:none;
border-top:0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
display:block;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content {
position:relative;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p {
position:relative;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
color:#0e0e0e;
}
.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child {
margin-bottom:0px;
}
.prod-tabs .tabs-content .tab .title {
position:relative;
color:#000000;
font-size:24px;
font-weight:700;
margin-bottom:35px;
}
/*Comment Form*/
.shop-comment-form {
position:relative;
margin-top:50px;
}
.shop-comment-form h2 {
position:relative;
color:#333333;
font-size:24px;
font-weight:700;
margin-bottom:10px;
text-transform:uppercase;
}
.shop-comment-form .mail-text {
position:relative;
color:#0e0e0e;
font-size:16px;
margin-bottom:15px;
}
.shop-comment-form .group-title {
margin-bottom:20px;
}
.shop-comment-form .rating-box {
position:relative;
margin-bottom:20px;
}
.shop-comment-form .rating-box .text {
position:relative;
font-size:16px;
color:#333333;
margin-bottom:15px;
}
.shop-comment-form .rating-box .rating {
position:relative;
display:inline-block;
}
.shop-comment-form .rating-box .rating .fa {
position:relative;
display:inline-block;
}
.shop-comment-form .rating-box .rating a {
position:relative;
color:#333333;
font-size:14px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a:hover {
color:#fbb908;
}
.shop-comment-form .form-group {
position:relative;
margin-bottom:20px;
}
.shop-comment-form .form-group label {
position:relative;
color:#333333;
font-size:16px;
font-weight:400;
}
.shop-comment-form .form-group:last-child {
margin-bottom:0px;
}
.shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 15px;
border:1px solid #dddddd;
height:50px;
color:#848484;
font-weight:300;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus {
border-color:#fbb908;
}
.shop-comment-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 15px;
color:#848484;
border:1px solid #dddddd;
height:120px;
font-weight:300;
background:#ffffff;
resize:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shop-comment-form button {
position:relative;
font-weight:700;
border-radius:0px;
font-size:16px;
padding:7px 28px;
text-transform:uppercase;
}
.shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus {
border-color:#f06529;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position:relative;
padding:100px 0px 180px;
}
.cart-outer {
position:relative;
}
.checkout-page .cart-outer {
margin-bottom:40px;
}
.cart-outer .table-outer {
position:relative;
width:100%;
overflow-x: auto;
}
.cart-outer .cart-table {
width:100%;
min-width:900px;
}
.cart-table .cart-header {
position:relative;
width:100%;
text-transform:uppercase;
font-size:13px;
background:#333333;
color:#ffffff;
border:1px solid #ebebeb;
}
.cart-table thead tr th {
line-height:24px;
padding:13px 25px;
font-weight:700;
font-size:16px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
border-right:1px solid #cccccc;
}
.cart-table thead tr th .fa {
font-size:18px;
}
.cart-table tbody tr td {
line-height:24px;
padding:25px 25px 20px;
}
.cart-table tbody tr .qty {
width:200px;
padding-right:80px;
}
.cart-table tbody tr .qty .quantity-spinner {
background:#ffffff;
}
.cart-table tbody tr .prod-column .column-box {
position:relative;
min-height:110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position:relative;
width:100px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4 {
font-size:14px;
color:#444444;
font-weight:400;
line-height:90px;
}
.cart-table tbody tr .prod-column .author {
font-size:13px;
color:#333333;
margin-bottom:0px;
}
.cart-table tbody tr .sub-total {
font-weight:400;
color:#0e0e0e;
font-size:17px;
}
.cart-table tbody tr .sub-total.price {
}
.cart-table tbody tr .remove-btn {
position:relative;
font-size:14px;
color:#1c1c1c;
line-height:30px;
font-weight:500;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position:relative;
font-size:18px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover {
color:#fbb200;
}
.cart-table tbody tr {
border-bottom:1px solid #cccccc;
}
.cart-table tbody tr td {
vertical-align:middle;
color:#0e0e0e;
font-size:17px;
text-align:center;
border-left:1px solid #cccccc;
}
.cart-table tbody tr td.prod-column {
padding-left:48px;
}
.cart-table tbody tr td.total {
font-size:18px;
color:#333333;
}
.cart-table tbody tr td:last-child {
border-right:1px solid #ebebeb;
text-align:center;
}
.cart-table tbody tr td .prod-title {
position:relative;
font-size:16px;
color:#333333;
font-weight:400;
}
.cart-table tbody tr td .quantity-spinner {
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info {
position:relative;
padding-left:50px;
}
.cart-table tbody .available-info .icon {
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#223555;
border-radius:50%;
}
.cart-section .cart-options {
position:relative;
padding:20px 0px 10px;
margin-bottom:30px;
border-top:0px;
}
.cart-section .apply-coupon {
position:relative;
}
.cart-section .cart-options .cart-btn {
padding:10px 39px 10px;
line-height: 24px;
font-size:13px;
font-weight:700;
border-radius:0px;
text-transform:uppercase;
}
.cart-section .apply-coupon .form-group {
position:relative;
float:left;
margin-right:30px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display:block;
line-height:15px;
padding:8px 20px;
border:1px solid #cccccc;
width:225px;
height:44px;
background:#ffffff;
}
.cart-section .coupon-btn {
padding:10px 39px 10px;
line-height: 24px;
font-size:13px;
color:#333333;
font-weight:700;
text-transform:uppercase;
background-color:#fbb200;
}
.cart-section .cart-options .btn-style-one {
top:-7px;
padding-left:32px;
padding-right:32px;
}
.cart-section .totals-table {
position:relative;
margin-bottom:20px;
border:1px solid #cccccc;
}
.cart-section .totals-table li {
line-height:24px;
padding:14px 30px;
border-bottom:1px solid #cccccc;
}
.cart-section .totals-table li:first-child {
}
.cart-section .totals-table li h3 {
position:relative;
font-weight:700;
color:#333333;
font-size:18px;
}
.cart-section .totals-table li:last-child {
border-bottom:none;
padding:50px 30px;
}
.cart-section .totals-table .col {
position:relative;
display:block;
float:left;
line-height:24px;
width:50%;
color:#333333;
font-size:16px;
font-weight:700;
text-transform:capitalize;
}
.cart-section .totals-table li .col:last-child {
text-align:right;
}
.cart-section .totals-table .total .price {
color:#fbb908;
font-weight:700;
}
.cart-section .totals-table .proceed-btn {
padding: 13px 34px 13px;
line-height: 24px;
font-size: 14px;
font-weight: 700;
border-radius: 0px;
text-transform: uppercase;
}
.shipping-block {
position:relative;
margin-bottom:40px;
}
.shipping-block .inner-box {
position:relative;
padding:16px 20px 6px;
border:1px solid #cccccc;
}
.shipping-block .inner-box h3 {
position:relative;
color:#333333;
font-size:15px;
font-weight:700;
margin-bottom:10px;
text-transform:capitalize;
}
.shipping-block .inner-box h4 {
position:relative;
color:#fbb200;
font-size:14px;
font-weight:600;
margin-bottom:15px;
text-transform:capitalize;
}
.shipping-form {
position:relative;
}
.shipping-form .form-group {
position:relative;
margin-bottom:15px;
}
.shipping-form .form-group input[type="text"], .shipping-form .form-group input[type="password"], .shipping-form .form-group input[type="tel"], .shipping-form .form-group input[type="email"] {
position:relative;
display:block;
width:100%;
line-height:18px;
padding:10px 20px;
height:40px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.shipping-form .form-group input[type="text"]:focus, .shipping-form .form-group input[type="password"]:focus, .shipping-form .form-group input[type="tel"]:focus, .shipping-form .form-group input[type="email"]:focus, .shipping-form .form-group select:focus, .shipping-form .form-group textarea:focus {
border-color:#fbb908;
}
.shipping-form button {
margin-top:0px;
font-size:15px;
font-weight:700;
border-radius:0px;
padding:6px 26px;
text-transform:capitalize;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page {
position:relative;
padding:100px 0px 220px;
}
.checkout-page .default-links {
position:relative;
margin-bottom:30px;
}
.checkout-page .default-links li {
line-height:24px;
padding:14px 30px 18px;
background:#333333;
color:#ffffff;
font-size:16px;
}
.checkout-page .default-links li .fa {
position:relative;
top:2px;
margin-right:20px;
font-size:24px;
color:#fbb908;
}
.checkout-page .default-links li a {
color:#fa9928;
}
.checkout-form {
position:relative;
}
.checkout-form .checkout-title {
position:relative;
}
.checkout-form .checkout-title h2 {
position:relative;
color:#222222;
font-size:30px;
margin-bottom:15px;
}
.checkout-form .form-group {
position:relative;
margin-bottom:5px;
}
.checkout-form .form-group .field-label {
display:block;
line-height:24px;
margin-bottom:6px;
text-transform:capitalize;
color:#222222;
font-size:16px;
font-weight:400;
}
.checkout-form .form-group .field-label sup {
top:-1px;
font-size:16px;
}
.checkout-form .form-group .text {
position:relative;
color:#0e0e0e;
font-size:15px;
margin-bottom:5px;
}
.checkout-form input[type="text"], .checkout-form input[type="email"], .checkout-form input[type="password"], .checkout-form input[type="tel"], .checkout-form input[type="number"], .checkout-form input[type="url"], .checkout-form select, .checkout-form textarea {
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:22px;
padding:12px 15px;
height:48px;
margin-bottom:10px;
border:1px solid #777777;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-form textarea {
resize:none;
height:60px !important;
}
.checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus {
border-color:#fa9928;
}
.checkout-page .check-box {
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page .check-box label {
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:16px;
cursor:pointer;
color:#333333;
}
.checkout-page .lower-content {
margin-top:30px;
}
.checkout-page .lower-content .order-column {
margin-bottom:40px;
}
.checkout-page .lower-content .column h2 {
position:relative;
color:#222222;
font-size:24px;
margin-bottom:30px;
padding-bottom:12px;
}
.checkout-page .lower-content .column h2:after {
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#fa9928;
}
/*Coupon Box*/
.coupon-box {
position:relative;
padding:25px 25px;
margin-bottom:25px;
background-color:#f5f5f5;
}
.coupon-form {
position:relative;
}
.coupon-form .form-group {
position:relative;
margin-bottom:0px;
}
.coupon-form .form-group input[type="text"] {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:44px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus {
border-color:#fbb908;
}
.coupon-form button {
margin-top:0px;
font-size:16px;
font-weight:700;
border-radius:0px;
padding:8px 26px;
text-transform:capitalize;
}
.order-box {
position:relative;
margin-top:15px;
}
.order-box h2 {
position:relative;
color:#333333;
font-size:28px;
font-weight:700;
margin-bottom:20px;
}
.order-box .title-box {
position:relative;
padding:13px 30px;
background-color:#333333;
}
.order-box .title-box .col {
position:relative;
width:50%;
float:left;
color:#ffffff;
font-size:16px;
font-weight:700;
}
.order-box ul {
position:relative;
}
.order-box ul li {
position:relative;
padding:25px 30px;
border-bottom:1px solid #cccccc;
}
.order-box ul li strong {
color:#333333;
font-weight:700;
font-size:16px;
}
.order-box ul li span {
width:50%;
float:right;
color:#fbb908;
font-size:16px;
font-weight:700;
}
.order-box ul li span.free {
color:#0e0e0e;
font-size:16px;
}
.order-box ul li:last-child {
border-bottom:none;
}
.payment-box {
position:relative;
margin-top:20px;
background-color:#f5f5f5;
}
.payment-box .upper-box {
position:relative;
padding:15px 35px;
border-bottom:1px solid #b7b7b7;
}
.payment-options {
position:relative;
margin-top:20px;
margin-bottom:20px;
}
.payment-box .payment-options li {
position:relative;
margin-bottom:10px;
}
.payment-box .payment-options li .radio-option {
position:relative;
}
.payment-box .payment-options li .radio-option label {
position:relative;
display:inline-block;
padding-left:30px;
font-weight:700 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#333333;
cursor:pointer;
font-size:18px;
}
.payment-box .payment-options li .radio-option label strong {
}
.payment-box .payment-options li .radio-option input[type="radio"] {
position:absolute;
left:0px;
top:3px;
}
.payment-box .payment-options li .radio-option label .small-text {
position:relative;
display:block;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:14px;
color:#0e0e0e;
line-height:1.8em;
padding:15px 20px;
margin-top:20px;
background-color:#ededed;
}
.payment-box .payment-options li .radio-option label .small-text:before {
position:absolute;
content:'';
left:30px;
top:-13px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #ededed;
}
.payment-box .payment-options li .radio-option label img {
position:relative;
display:block;
max-width:100%;
padding-left:30px;
margin-top:20px;
}
.payment-box .payment-options li .radio-option .what-paypall {
position:relative;
display:block;
color:#0e0e0e;
font-size:16px;
font-weight:700;
margin-left:120px;
margin-top:10px;
}
.payment-box .lower-box {
position:relative;
padding:15px 15px;
}
.payment-box .lower-box .btn-style-one {
font-size: 18px;
font-weight: 700;
border-radius: 0px;
padding: 8px 19px;
text-transform: capitalize;
}
.login-form {
position:relative;
}
.login-form .form-group {
position:relative;
margin-bottom:12px;
}
.login-form .form-group:nth-child(2) {
margin-bottom:30px;
}
.login-section.style-two .login-form .form-group:nth-child(2) {
margin-bottom:15px;
}
.login-form .form-group label {
position:relative;
color:#333333;
font-weight:400;
font-size:16px;
}
.login-form .form-group.no-margin {
margin-bottom:0px;
}
.login-form .form-group input[type="text"], .login-form .form-group input[type="password"], .login-form .form-group input[type="tel"], .login-form .form-group input[type="email"] {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.login-form .form-group input[type="text"]:focus, .login-form .form-group input[type="password"]:focus, .login-form .form-group input[type="tel"]:focus, .login-form .form-group input[type="email"]:focus, .login-form .form-group select:focus, .login-form .form-group textarea:focus {
border-color:#fbb908;
}
.login-form button {
margin-top:0px;
font-size:16px;
font-weight:700;
border-radius:0px;
padding:6px 19px;
text-transform:capitalize;
}
.login-form .psw {
position:relative;
color:#333333;
font-size:16px;
}
/* Box Version */
.box-version {
display:none;
}
.color-palate .rtl-version.option-box {
margin-left:0px;
float:none;
}
.color-palate .rtl-version.option-box > li {
position: relative;
color:#ffffff;
width: 40%;
margin:0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding:6px 12px;
display: inline-block;
background-color: #fda700;
text-transform:capitalize;
}
.color-palate .option-box > li {
position: relative;
color:#ffffff;
width: 40%;
margin:0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding:6px 12px;
display: inline-block;
background-color: #fda700;
text-transform:uppercase;
}
.color-trigger .fas {
-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
/* RTL */
.rtl .main-menu .navigation > li, .rtl .main-header .header-upper .logo-box, .rtl .main-header .header-top .top-left {
float:right;
}
.rtl .main-header .header-upper .upper-right, .rtl .main-header .header-top .top-right {
float:left;
}
.rtl .main-header .header-top .top-right:after {
right:100%;
left:auto;
}
.rtl .main-header .info-box {
margin-left:0px;
margin-right:50px;
padding-left:0px;
padding-right:65px;
text-align:right;
}
.rtl .main-header .info-box .icon-box {
right:0px;
left:auto;
}
.rtl .header-style-one .options-box {
float:left;
}
.rtl .header-style-one .main-menu {
float:right;
}
.rtl .main-header .search-box-outer .dropdown-menu, .rtl .main-header .options-box .cart-box .cart-panel {
left:0px !important;
right:auto;
}
.rtl .sidebar-info-contents .content-inner {
text-align:right;
}
.rtl .list-style-one li {
padding-left:0px;
padding-right:30px;
}
.rtl .list-style-one li .icon {
right:0px;
left:auto;
}
.rtl .main-menu .navigation > li > ul {
right:0px;
left:auto;
text-align:right;
}
.rtl .main-menu .navigation > li > ul > li > ul {
right:100%;
left:auto;
text-align:right;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
left:15px;
right:auto;
transform:rotate(180deg);
}
.rtl .main-slider .content-column {
order:2;
text-align:right;
}
.rtl .main-slider .image-column {
order:1;
}
.rtl .about-section .content-column .inner-column {
text-align:right;
}
.rtl .skills .skill-item .skill-header .skill-title {
float:right;
}
.rtl .skills .skill-item .skill-header .skill-percentage {
float:left;
}
.rtl .fact-counter .column .inner .content {
padding-left:0px;
padding-right:85px;
text-align:right;
}
.rtl .fact-counter .column .inner .icon {
right:0px;
left:auto;
}
.rtl .quote-section .form-column .inner-column {
text-align:right;
}
.rtl .sec-title .seperater {
float:right;
}
.rtl .form-group .ui-selectmenu-button.ui-button, .rtl .default-form .form-group input, .rtl .default-form .form-group textarea {
text-align:right;
}
.rtl .default-form .form-group .icon {
left:14px;
right:auto;
border-left:0px;
border-right:1px solid #aaaaaa;
}
.rtl .sec-title.centered {
text-align:center !important;
}
.rtl .sec-title.centered .seperater {
margin:0 auto !important;
float:none;
margin-top:20px !important;
}
.rtl .project-block .inner-box .image .overlay-box {
text-align:right;
}
.rtl .project-block .inner-box .image .overlay-box .plus-icon {
left:45px;
right:auto;
}
.rtl .sec-title, .rtl .news-block .inner-box .lower-content, .rtl .testimonial-block .inner-box {
text-align:right;
}
.rtl .testimonial-block .inner-box .text {
padding-right:0px;
}
.rtl .testimonial-block .inner-box .quote {
left:0px;
right:auto;
}
.rtl .testimonial-block .inner-box .info-box .box-inner {
padding-left:0px;
padding-right:125px;
text-align:right;
}
.rtl .testimonial-block .inner-box .info-box .box-inner .image {
right:0px;
left:auto;
}
.rtl .testimonial-section .testimonial-column .owl-nav {
left:0px;
right:auto;
}
.rtl .news-block .inner-box .lower-content .post-meta li {
margin-right:0px;
margin-left:15px;
}
.rtl .newsletter-section .title-column {
order:2;
}
.rtl .newsletter-section .form-column {
order:1;
}
.rtl .newsletter-section .title-column .inner-column {
text-align:right;
}
.rtl .subscribe-form .form-group input[type="text"], .rtl .subscribe-form .form-group input[type="tel"], .rtl .subscribe-form .form-group input[type="email"], .rtl .subscribe-form .form-group textarea {
text-align:right;
}
.rtl .subscribe-form .form-group input[type="submit"], .rtl .subscribe-form button {
left:0px;
right:auto;
border-radius:50px 0px 0px 50px;
}
.rtl .main-footer .footer-widget {
text-align:right;
}
.rtl .list-style-two li {
padding-left:0px;
padding-right:30px;
}
.rtl .list-style-two li {
right:0px;
left:auto;
}
.rtl .news-widget-block .widget-inner {
padding-left:0px;
padding-right:120px;
}
.rtl .list-style-two li .icon, .rtl .news-widget-block .widget-inner .image {
right:0px;
left:auto;
}
.rtl .services-block-three .inner-box .upper-box h3, .rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li, .rtl .main-menu .navigation > li .mega-menu-bar h3, .rtl .main-footer .footer-bottom .inner-container .copyright {
text-align:right;
}
.rtl .header-style-two .header-upper .info-boxed .info-box {
margin-right:0px;
margin-left:30px;
}
.rtl .main-header.header-style-two .info-box:last-child {
padding-right:0px;
}
.rtl .main-header.header-style-two .info-box .icon {
right:0px;
}
.rtl .header-style-two .info-boxed {
float:left;
}
.rtl .header-style-two .info-boxed .boxed-inner {
padding-right:30px;
}
.rtl .main-header .header-top-two .top-left {
float:right;
}
.rtl .header-style-two .info-boxed:before {
right:100%;
left:auto;
}
.rtl .header-style-two .info-boxed .boxed-inner:before {
right:0px;
left:auto;
border-top: 50px solid #222222;
border-left: 35px solid transparent;
border-right:none;
}
.rtl .main-header .header-top .top-right {
padding-left:0px;
}
.rtl .main-header .header-top-two .language .dropdown-menu {
right:0px !important;
left:auto !important;
}
.rtl .main-header.header-style-two .options-box {
float:left;
}
.rtl .main-header.header-style-two .main-menu {
float:right;
}
.rtl .header-style-two .header-upper .inner-container .logo-box {
right:0px;
left:auto;
}
.rtl .header-style-two .nav-outer {
padding-left:0px;
padding-right:200px;
}
.rtl .main-header .header-top-three .top-right, .rtl .main-slider-two .slider-block .image {
float:left;
}
.rtl .main-slider-two .slider-block .inner-block {
float:right;
text-align:right;
}
.rtl .services-block-three .inner-box .upper-box .icon-outer {
padding-left:0px;
padding-right:55px;
text-align:right;
}
.rtl .services-block-three .inner-box .upper-box .icon-outer .icon {
right:0px;
left:0px;
}
.rtl .fact-counter.style-two .column .inner .content {
padding-right:0px;
text-align:center;
}
.rtl .about-section-two .content-column .lower-box, .rtl .about-section-two .video-column .inner-column {
text-align:right;
}
.rtl .about-section-two .video-column .inner-column .video-box {
left:-35px;
right:auto;
}
.rtl .about-section-two .content-column .about-option li {
padding-left:0px;
padding-right:70px;
text-align:right;
}
.rtl .about-section-two .content-column .about-option li .icon {
right:0px;
left:auto;
}
.rtl .project-block-two .inner-box .image .overlay-box .content {
text-align:right;
}
.rtl .project-block-two .inner-box .image .overlay-box .content .read-more {
left:0px;
right:auto;
}
.rtl .newsletter-section-two .title-column {
order:2;
}
.rtl .newsletter-section-two .form-column {
order:1;
}
.rtl .newsletter-section-two .title-column .inner-column {
text-align:right;
}
.rtl .newsletter-section-two .form-column .inner-column {
padding-left:0px;
}
.rtl .subscribe-form-two .form-group input[type="text"], .rtl .subscribe-form-two .form-group input[type="tel"], .rtl .subscribe-form-two .form-group input[type="email"], .rtl .subscribe-form-two .form-group textarea {
text-align:right;
}
.rtl .subscribe-form-two .form-group input[type="submit"], .rtl .subscribe-form-two button {
left:0px;
right:auto;
}
.rtl .testimonial-block-two .inner-box .upper-box .upper-inner {
text-align:right;
}
.rtl .testimonial-block-two .inner-box .upper-box .upper-inner .image {
left:-75px;
right:auto;
}
.rtl .testimonial-block-two .inner-box .upper-box:before {
right:-47px;
left:auto;
}
.rtl .default-section .form-column .title-box, .rtl .team-section-two .title-column .inner-column, .rtl .testimonial-block-two .inner-box .text {
text-align:right;
}
.rtl .testimonial-block-two .inner-box {
padding-right:40px;
padding-left:70px;
}
.rtl .team-block-two .inner-box .image .overlay-box .upper-box .upper-inner {
padding-left:0px;
padding-right:60px;
text-align:right;
}
.rtl .team-block-two .inner-box .image .overlay-box .upper-box h3 .designation {
left:0px;
right:auto;
}
.rtl .team-block-two .inner-box .image .overlay-box .upper-box .icon {
right:0px;
left:auto;
}
.rtl .news-block-two .inner-box .image-column {
order:2;
}
.rtl .news-block-two .inner-box .content-column {
order:1;
text-align:right;
}
.rtl .news-block-three .inner-box .lower-content .inner-content {
text-align:right;
}
.rtl .default-section .info-column .info-boxed, .rtl .default-section .info-column .social-box .social-nav {
text-align:right;
}
.rtl .default-section .info-column .social-box .social-nav li {
margin-right:0px;
margin-left:50px;
}
.rtl .default-section .info-column .info-style li {
text-align:right;
padding-left:0px;
padding-right:40px;
}
.rtl .default-section .info-column .info-style li .icon {
right:0px;
left:auto;
}
.rtl .main-footer .footer-title:before {
right:0px;
left:auto;
}
.rtl .main-footer .footer-title:after {
right:46px;
left:auto;
}
.rtl .main-header.header-style-three .header-upper .logo-box {
float:right;
}
.rtl .main-header.header-style-three .header-lower .inner-container {
padding-left:0px;
padding-right:250px;
}
.rtl .main-header.header-style-three .nav-outer:before {
right:100%;
left:auto;
}
.rtl .main-header.header-style-three .nav-outer .grid-box {
left:auto;
right:-50px;
}
.rtl .main-header.header-style-three .nav-outer {
padding-right:0px;
}
.rtl .main-header.header-style-three .options-box {
padding-right:4px;
}
.rtl .main-header.header-style-three .options-box .cart-box .cart-panel, .rtl .main-header.header-style-three .search-box-outer .dropdown-menu {
right:0px;
left:auto !important;
}
.rtl .quality-block .inner-box, .rtl .testimonial-block-three .inner-box, .rtl .news-block-four .inner-box .lower-content, .rtl .news-block-five .inner-box .image .overlay-box, .rtl .team-block-three .inner-box .lower-content, .rtl .quality-section .title-column .inner-column, .rtl .case-block .inner-box .content-column .inner-column, .rtl .services-block-four .inner-box .overlay-box, .rtl .about-section-three .content-column .lower-box .info, .rtl .about-section-three .content-column .about-number .number, .rtl .main-slider-three .slider-block .inner-block, .rtl .footer-bottom-two .copyright, .rtl .services-block-five .inner-box .lower-content, .rtl .about-section-four .content-column .lower-box, .rtl .main-footer .newsletter-form .form-group input[type="text"], .rtl .main-footer .newsletter-form .form-group input[type="email"], .rtl .ui-selectmenu-button.ui-button, .rtl .quote-form .form-group input[type="text"], .rtl .quote-form .form-group input[type="email"], .rtl .quote-form .form-group input[type="tel"], .rtl .quote-form .form-group input[type="url"], .rtl .quote-form .form-group textarea, .rtl .quote-form .form-group select, .rtl .footer-bottom-three .copyright {
text-align:right;
}
.rtl .main-header .header-top-three .top-left, .rtl .about-section-three .content-column .lower-box .signature {
float:right;
}
.rtl .quality-block .inner-box .category:before {
right:0px;
left:auto;
}
.rtl .testimonial-block-three .inner-box .upper-box .box-inner {
padding-left:0px;
padding-right:145px;
text-align:right;
}
.rtl .testimonial-block-three .inner-box .upper-box .image {
right:15px;
left:auto;
}
.rtl .testimonial-block-three .inner-box .upper-box .social-nav li {
margin-right:0px;
margin-left:10px;
}
.rtl .news-block-five .inner-box .image .overlay-inner {
right:25px;
}
.rtl .header-top-three .language {
margin-left:0px;
}
a:focus {
outline:none;
box-shadow: inherit !important;
}
.rtl .main-header.header-style-four .header-upper .logo-box {
float:none;
right:75px;
left:auto;
}
.rtl .main-header.header-style-four .nav-outer .grid-box {
right:0px;
left:auto;
}
.rtl .main-header.header-style-four .nav-outer {
padding-left:0px;
padding-right:225px;
}
.rtl .main-header .options-box {
float:left;
}
.rtl .main-header.header-style-four .main-menu {
float:right;
}
.rtl .main-slider-four .slider-block .inner-block {
float:right;
text-align:right;
}
.rtl .about-block .inner-block {
padding-right:85px;
padding-left:0px;
}
.rtl .about-block .inner-block .icon {
right:0px;
left:auto;
}
.rtl .services-block-five .inner-box .lower-content .icon {
left:auto;
right:30px;
}
.rtl .fact-counter.style-three .column .inner .content {
padding-right:0px;
text-align:center;
}
.rtl .step-block .inner-box h3, .rtl .step-block .inner-box .text {
text-align:right;
}
.rtl .sec-title-two {
text-align:right;
}
.rtl .sec-title-two.centered {
text-align:center !important;
}
.rtl .testimonial-section-four .owl-dots {
left:0px;
right:auto;
}
.rtl .testimonial-block-four .inner-box .lower-content .lower-inner {
padding:25px 170px 25px 25px;
text-align:right;
}
.rtl .testimonial-block-four .inner-box .lower-content .lower-inner .image {
right:0px;
left:auto;
}
.rtl .news-block-six .inner-box .lower-content {
text-align:right;
}
.rtl .news-block-six .inner-box .lower-content .author-box .box-inner {
padding-left:0px;
padding-right:110px;
}
.rtl .news-block-six .inner-box .lower-content .author-box .post-date {
left:0px;
right:auto;
}
.rtl .news-block-six .inner-box .lower-content .author-box .author-image {
right:0px;
left:auto;
}
.rtl .page-title .inner-container .pull-left {
float:right;
}
.rtl .page-title .inner-container .pull-right {
float:left;
}
.rtl .page-title .bread-crumb:before {
left: 0px;
right: -40px;
}
.rtl .accordion-box .block .acc-btn, .rtl .faq-page-section .title-column .inner-column {
text-align:right;
}
.rtl .accordion-box .block .acc-btn {
padding-left:0px;
padding-right:45px;
}
.rtl .accordion-box .block .icon-outer {
right:0px;
left:auto;
}
.rtl .accordion-box .block .content p {
padding-left:0px;
padding-right:50px;
text-align:right;
}
.rtl .comming-soon .emailed-form .form-group input[type="submit"], .rtl .comming-soon .emailed-form button {
left:5px;
right:auto;
}
.rtl .services-detail-section .lower-content, .rtl .project-detail-section .lower-section, .rtl .comming-soon .emailed-form .form-group input[type="text"], .rtl .comming-soon .emailed-form .form-group input[type="tel"], .rtl .comming-soon .emailed-form .form-group input[type="email"], .rtl .comming-soon .emailed-form .form-group textarea {
text-align:right;
}
.rtl .accordion-box.style-two .block .content p {
padding-right:0px;
}
.rtl .accordion-box.style-two .block .icon-outer {
right:10px;
}
.rtl .project-detail-section .info-column .info-list li {
padding-left:0px;
padding-right:45px;
text-align:right;
}
.rtl .project-detail-section .info-column .info-list li .icon {
right:0px;
left:auto;
}
.rtl .project-info-block .block-info .project-info {
padding-left:0px;
padding-right:30px;
}
.rtl .sidebar .popular-posts .post .post-thumb {
right:0px;
left:auto;
}
.rtl .project-info-block .block-info .project-info .icon {
right:0px;
left:auto;
}
.rtl .sidebar .search-box .form-group button {
left:0px;
right:auto;
}
.rtl .sidebar-title, .rtl .popular-tags, .rtl .blog-detail .inner-box .lower-content, .rtl .news-block-seven .inner-box .lower-content, .rtl .categories-widget .blog-cat li a, .rtl .sidebar .search-box .form-group input[type="text"], .rtl .sidebar .search-box .form-group input[type="search"] {
text-align:right;
}
.rtl .sidebar-title .seperater {
float:right;
margin-right:10px;
}
.rtl .categories-widget .blog-cat li a span {
left:0px;
right:auto;
}
.rtl .sidebar .popular-posts .post {
padding-left:0px;
padding-right:125px;
text-align:right;
}
.rtl .shop-comment-form, .rtl .comment-form .form-group, .rtl .product-details .image-column, .rtl .product-details .info-column, .rtl .shipping-block .inner-box, .rtl .login-form .form-group, .rtl .checkout-form .form-group, .rtl .login-form .form-group input, .rtl .coupon-form .form-group input[type="text"], .rtl .checkout-page .default-links li, .rtl .cart-section .totals-table li h3, .rtl .cart-section .apply-coupon .form-group input[type="text"], .rtl .shop-single .product-details .prod-tabs .tabs-content .tab .content, .rtl .shop-item .inner-box .lower-content h3, .rtl .comment-form .form-group input[type="text"], .rtl .comment-form .form-group input[type="password"], .rtl .comment-form .form-group input[type="tel"], .rtl .comment-form .form-group input[type="email"], .rtl .comment-form .form-group select, .rtl .comment-form .form-group textarea, .rtl .blog-detail .inner-box .lower-content .text blockquote, .rtl .shop-comment-form .form-group input[type="text"], .rtl .shop-comment-form .form-group input[type="password"], .rtl .shop-comment-form .form-group input[type="tel"], .rtl .shop-comment-form .form-group input[type="email"], .rtl .shop-comment-form .form-group select, .rtl .shop-comment-form .form-group textarea, .rtl .shipping-form .form-group input, .rtl .checkout-form input[type="text"], .rtl .checkout-form input[type="email"], .rtl .checkout-form input[type="password"], .rtl .checkout-form input[type="tel"], .rtl .checkout-form input[type="number"], .rtl .checkout-form input[type="url"], .rtl .checkout-form select, .rtl .checkout-form textarea, .rtl .order-box, .rtl .payment-options, .rtl .contact-form .form-group, .rtl .ui-selectmenu-button.ui-button, .rtl .contact-form .form-group input[type="text"], .rtl .contact-form .form-group input[type="email"], .rtl .contact-form .form-group input[type="tel"], .rtl .contact-form .form-group input[type="url"], .rtl .contact-form .form-group textarea, .rtl .contact-form .form-group select {
text-align:right;
}
.rtl .sidebar-page-container .comments-area .comment {
padding-left:0px;
text-align:right;
padding-right:125px;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb {
right:0px;
left:auto;
}
.rtl .sidebar-page-container .comments-area .comment .comment-reply {
left:0px;
right:auto;
}
.rtl .payment-box .payment-options li .radio-option label {
padding-left:0px;
padding-right:30px;
}
.rtl .payment-box .payment-options li .radio-option input[type="radio"] {
right:0px;
left:auto;
}
.rtl .about-section-four .content-column .lower-box {
padding-top:25px;
}
.rtl .main-slider-four .slider-outer .client-thumb-outer {
left:0%;
right:auto;
margin-left:-180px;
}
/*Search Box Widget*/
.sidebar .search-box-two .form-group {
position:relative;
margin:0px;
}
.sidebar .search-box-two .form-group input[type="text"], .sidebar .search-box-two .form-group input[type="search"] {
position:relative;
line-height:43px;
padding:10px 50px 10px 20px;
border:1px solid #eeeeee;
background:none;
display:block;
font-size:14px;
width:100%;
height:60px;
color:#000000;
border-radius:0px;
border:1px solid #a1a1a1;
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-two .form-group button {
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:16px;
color:#ffffff;
border-radius:0px;
line-height:100%;
font-weight:normal;
background:#222222;
}
/* Blog Cat Two */
.blog-cat-two {
position:relative;
}
.blog-cat-two li {
position:relative;
padding:18px 0px 18px 10px;
border-bottom:1px solid #d7d7d7;
}
.blog-cat-two li:first-child {
padding-top:0px;
}
.blog-cat-two li a {
position:relative;
color:#0e0e0e;
font-size:16px;
padding-left:20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat-two li a:before {
position:absolute;
content:'>';
left:0px;
top:0px;
color:#707070;
font-size:16px;
line-height:1em;
font-weight:600;
}
.blog-cat-two li a:hover {
color:#fbb908;
}
.popular-posts .widget-content.style-two {
padding:0px;
box-shadow:none;
}
.blog-classic .news-block-six {
margin-bottom:130px;
}
.blog-classic .styled-pagination {
margin-top:30px;
}
.sidebar-page-container.alternate {
padding-bottom:60px;
}
.blog-detail {
position:relative;
margin-bottom:35px;
}
.blog-detail .inner-box {
position:relative;
}
.blog-detail .inner-box .image {
position:relative;
overflow:hidden;
background-color:#222222;
}
.blog-detail .inner-box .image img {
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box:hover .image img {
opacity:0.6;
transform:scale(1.04, 1.04);
}
.blog-detail .inner-box blockquote {
border-left:3px solid #f9b000;
margin-left:60px;
padding-left:40px;
color:#0e0e0e;
font-size:16px;
margin-top:25px;
margin-bottom:25px;
}
.blog-detail .inner-box .lower-content {
position:relative;
padding:30px 35px 0px;
margin-left:35px;
margin-right:35px;
margin-top:-40px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
}
.blog-detail .inner-box .lower-content .post-meta {
position:relative;
}
.blog-detail .inner-box .lower-content .post-meta li {
position:relative;
display:inline-block;
color:#0e0e0e;
font-size:15px;
line-height:1.2em;
padding-right:15px;
margin-right:15px;
border-right:1px solid #777777;
}
.blog-detail .inner-box .lower-content .post-meta li:last-child {
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.blog-detail .inner-box .lower-content h3 {
position:relative;
font-size:34px;
color:#222222;
font-weight:400;
line-height:1.3em;
margin-top:12px;
}
.blog-detail .inner-box .lower-content h3 a {
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box .lower-content h3 a:hover {
color:#fda700;
}
.blog-detail .inner-box .lower-content .text {
position:relative;
color:#0e0e0e;
font-size:15px;
line-height:1.8em;
margin-top:22px;
margin-bottom:18px;
}
.blog-detail .inner-box .lower-content .read-more {
position:relative;
color:#fda700;
font-size:18px;
text-transform:capitalize;
font-family:'Oswald', sans-serif;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box .lower-content .read-more:hover {
color:#000000;
}
.blog-detail .inner-box .lower-content .author-box {
position:relative;
top:30px;
margin-bottom:-35px;
background-color:#f5f5f5;
}
.blog-detail .inner-box .lower-content .author-box .box-inner {
position:relative;
padding-left:110px;
min-height:80px;
padding-top:14px;
}
.blog-detail .inner-box .lower-content .author-box .author-image {
position:absolute;
left:0px;
top:0px;
width:80px;
}
.blog-detail .inner-box .lower-content .author-box .author {
position:relative;
color:#222222;
font-size:14px;
font-weight:500;
}
.blog-detail .inner-box .lower-content .author-box .author span {
position:relative;
color:#222222;
font-size:18px;
display:block;
text-transform:uppercase;
font-family:'Oswald', sans-serif;
}
.blog-detail .inner-box .lower-content .author-box .post-date {
position:absolute;
right:0px;
top:0px;
color:#222222;
font-size:18px;
min-height:80px;
min-width:60px;
padding:17px 5px 0px;
text-align:center;
background-color:#fda700;
font-family:'Oswald', sans-serif;
}
.blog-detail .video-box {
margin-bottom:25px;
}
/* post share options */
.blog-detail .post-share-options {
position:relative;
margin-top: 120px;
padding:22px 30px;
border:1px dashed #aaaaaa;
}
.blog-detail .post-share-options .tags span {
font-size:16px;
color:#222222;
font-weight:400;
margin-right:8px;
text-transform: capitalize;
font-family:'Oswald', sans-serif;
}
.blog-detail .post-share-options .tags a {
position:relative;
color:#222222;
font-size:16px;
font-weight:400;
line-height: 1em;
padding-right: 12px;
margin-right: 10px;
display: inline-block;
text-transform:capitalize;
border-right: 1px solid #ebebeb;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:'Oswald', sans-serif;
}
.blog-detail .post-share-options .tags a:last-child {
border-right:none;
margin-right: 0px;
padding-right: 0px;
}
.blog-detail .post-share-options .tags {
position:relative;
color:#ff4800;
font-size:16px;
font-weight:400;
margin-top:3px;
}
.blog-detail .post-share-options .tags a:hover {
color:#020e28;
}
.blog-detail .post-share-options .social-box {
position:relative;
}
.blog-detail .post-share-options .social-box li {
position:relative;
margin-left:15px;
display:inline-block;
}
.blog-detail .post-share-options .social-box li a {
position:relative;
font-size:16px;
color:#0e0e0e;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-detail .post-share-options .social-box li a:hover {
color:#000048;
}
/* Comment Area */
.sidebar-page-container .comments-area {
position:relative;
margin-top:40px;
}
.sidebar-page-container .group-title {
position:relative;
margin-bottom:50px;
}
.sidebar-page-container .group-title h2 {
position:relative;
font-size:36px;
color:#222222;
font-weight:400;
}
.sidebar-page-container .group-title h2 span {
font-weight:700;
}
.sidebar-page-container .comments-area .comment-box {
position:relative;
padding:0px 0px 28px;
margin-bottom:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border-bottom:1px solid #ebebeb;
}
.sidebar-page-container .comments-area .comment-box:last-child {
margin-bottom:0px;
}
.sidebar-page-container .comments-area .comment {
position:relative;
min-height:100px;
padding:0px 0px 0px 125px;
font-size:14px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
position:relative;
}
.sidebar-page-container .comments-area .comment .comment-reply {
position:absolute;
right:0px;
bottom:-50px;
color:#222222;
font-size:14px;
text-align:center;
font-weight:500;
padding:9px 18px;
display:inline-block;
text-transform:capitalize;
background-color:#fbb908;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family:'Oswald', sans-serif;
}
.sidebar-page-container .comments-area .reply-comment {
padding-left:100px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position:absolute;
left:0px;
top:0px;
width:100px;
overflow:hidden;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
}
.sidebar-page-container .comments-area .comment-info {
color:#0e0e0e;
line-height:24px;
font-size:15px;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size:20px;
font-weight:400;
color:#222222;
line-height:18px;
display:inline-block;
text-transform:capitalize;
font-family:'Oswald', sans-serif;
}
.sidebar-page-container .comments-area .comment-box .text {
color:#0e0e0e;
font-size:15px;
line-height: 1.8em;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-info .location {
position:relative;
font-size:13px;
color:#0e0e0e;
display:inline-block;
margin-left:15px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form {
position:relative;
margin-top:80px;
}
.comment-form .group-title {
margin-bottom:25px;
}
.comment-form .form-group {
position:relative;
margin-bottom:30px;
}
.comment-form .form-group:last-child {
margin-bottom:0px;
}
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
height:50px;
font-size:14px;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.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:#fbb908;
}
.comment-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px;
color:#a5a5a5;
height:190px;
font-size:14px;
resize:none;
border:2px solid #dddddd;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .comment-btn {
margin-top:4px;
color:#ffffff;
font-size:16px;
font-weight:400;
padding:17px 36px;
display:inline-block;
background-color:#222222;
font-family:'Oswald', sans-serif;
}
.rtl .blog-detail .inner-box .lower-content .author-box .author-image {
right:0px;
left:auto;
}
.rtl .blog-detail .inner-box .lower-content .author-box .box-inner {
padding-right:110px;
padding-left:15px;
}
.rtl .blog-detail .inner-box .lower-content .author-box .post-date {
left:0px;
right:auto;
}
.related-projects .shop-item {
margin-bottom:30px;
}
/***
====================================================================
Contact Info Section
====================================================================
***/
.update-contact-info-section {
position:relative;
padding:100px 0px 90px;
}
.update-contact-info-section .info-column {
position:relative;
}
.update-contact-info-section .info-column .inner-column {
position:relative;
}
.update-contact-info-section .info-column .logo {
position:relative;
margin-bottom:40px;
}
.update-contact-info-section .info-column .text {
position:relative;
color:#0e0e0e;
font-size:16px;
line-height:1.8em;
margin-bottom:35px;
}
.update-contact-info-section .form-column {
position:relative;
}
.update-contact-info-section .form-column .sec-title {
margin-bottom:40px;
}
/*List Style Three*/
.update-contact-info-section .list-style-three {
position:relative;
}
.update-contact-info-section .list-style-three li {
position:relative;
color:#0e0e0e;
font-size:16px;
padding-left:70px;
font-weight:400;
margin-bottom:30px;
}
.update-contact-info-section .list-style-three li:last-child {
margin-right:0px;
}
.update-contact-info-section .list-style-three li strong {
position:relative;
color:#333333;
font-size:17px;
font-weight:700;
display:block;
}
.update-contact-info-section .list-style-three li .icon {
position:absolute;
left:0px;
top:0px;
width:42px;
height:42px;
color:#fda700;
font-size:20px;
line-height:40px;
font-weight:300;
text-align:center;
border-radius:50%;
border:1px solid #fda700;
}
/***
====================================================================
Default Form
====================================================================
***/
.update-default-form {
position:relative;
}
.update-default-form .form-group {
position:relative;
margin-bottom:15px;
}
.update-default-form .form-group input[type="text"], .update-default-form .form-group input[type="password"], .update-default-form .form-group input[type="tel"], .update-default-form .form-group input[type="email"], .update-default-form .form-group select {
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:14px;
border:2px solid #888888;
color:#0e0e0e;
border-radius: 0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.update-default-form .form-group input[type="text"]:focus, .update-default-form .form-group input[type="password"]:focus, .update-default-form .form-group input[type="tel"]:focus, .update-default-form .form-group input[type="email"]:focus, .update-default-form .form-group select:focus, .update-default-form .form-group textarea:focus {
border-color:#fda700;
}
.update-default-form .form-group textarea {
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 20px;
color:#a5a5a5;
height:180px;
font-size:14px;
resize:none;
border:2px solid #888888;
color:#0e0e0e;
border-radius: 0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.update-default-form button {
margin:0px;
padding:0px;
background: none;
}