/* Sawmall HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Welcome Section
7. Services 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=Archivo:400,500,600,700|Raleway:300,400,500,600,700,800,900&display=swap');
/* font-family: 'Archivo', sans-serif;
font-family: 'Raleway', sans-serif; */
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.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: 'Archivo', sans-serif;
font-size:14px;
color:#777777;
line-height:1.7em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:#154665;
}
button,
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: 'Raleway', 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{
cursor:pointer;
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:#322f2f;
font-size:20px;
padding-left:70px;
font-weight:700;
line-height:1.4em;
margin-bottom:40px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:0px;
color:#154665;
font-size:46px;
line-height:1em;
font-weight:300;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
/* List Style Two */
.list-style-two{
position:relative;
}
.list-style-two li{
position:relative;
color:#777777;
font-size:14px;
padding-left:40px;
font-weight:400;
line-height:1.4em;
margin-bottom:15px;
}
.list-style-two li:before{
position:absolute;
content:'\f178';
left:0px;
top:0px;
color:#154665;
font-size:20px;
line-height:1em;
font-weight:300;
font-family: 'FontAwesome';
}
/* List Style Three */
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
color:#777777;
font-size:14px;
padding-left:30px;
font-weight:400;
line-height:1.4em;
margin-bottom:10px;
}
.list-style-three li:before{
position:absolute;
content:'\f101';
left:0px;
top:0px;
color:#777777;
font-size:16px;
line-height:1em;
font-weight:300;
font-family: 'FontAwesome';
}
/* List Style Four */
.list-style-four{
position:relative;
}
.list-style-four li{
position:relative;
color:#777777;
font-size:14px;
padding-left:30px;
font-weight:400;
line-height:1.4em;
margin-bottom:10px;
}
.list-style-four li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:#154665;
font-size:16px;
line-height:1em;
font-weight:300;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 12px 36px;
font-weight: 400;
overflow: hidden;
overflow:hidden;
background: #154665;
border-radius:50px;
text-transform: capitalize;
}
.btn-style-one .txt{
position:relative;
z-index:1;
}
.btn-style-one:before{
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-bottom: 55px solid #ffffff;
border-right: 30px solid transparent;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.btn-style-one:after{
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
border-bottom: 55px solid #ffffff;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.btn-style-one:hover::before{
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.btn-style-one:hover::after{
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.btn-style-one:hover{
color: #000000;
}
/* Btn Style Two */
.btn-style-two{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 15px 45px 15px;
font-weight: 500;
overflow: hidden;
letter-spacing:1px;
border-radius:50px;
background-color: #322f2f;
text-transform: capitalize;
}
.btn-style-two .txt{
position:relative;
z-index:1;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.btn-style-two:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #154665;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
}
.btn-style-two:hover::before{
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.btn-style-two:hover{
color: #ffffff;
}
/* Btn Style Three */
.btn-style-three{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 14px 40px 14px;
font-weight: 700;
overflow: hidden;
border-radius:50px;
background: none;
border:1px solid #ffffff;
text-transform: capitalize;
}
.btn-style-three .txt{
position:relative;
z-index:1;
}
.btn-style-three:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #154665;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
}
.btn-style-three:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover{
color: #ffffff;
border-color:#154665;
}
/* Btn Style Four */
.btn-style-four{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #322f2f;
padding: 12px 42px 12px;
font-weight: 700;
overflow: hidden;
border-radius:50px;
border:2px solid #ffffff;
background-color: #ffffff;
text-transform: capitalize;
}
.btn-style-four:hover{
color: #ffffff;
background:none;
}
/* Btn Style Five */
.btn-style-five{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 11px 40px 11px;
font-weight: 700;
overflow: hidden;
border-radius:50px;
background-color: #25a9e0;
text-transform: capitalize;
}
.btn-style-five .txt{
position:relative;
z-index:1;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.btn-style-five:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #ffffff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
}
.btn-style-five:hover::before{
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.btn-style-five:hover{
color: #25a9e0;
}
/* Social Icon One */
.social-icon-one{
position: relative;
display: block;
}
.social-icon-one .title{
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
margin-right: 15px;
}
.social-icon-one li{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 22px;
}
.social-icon-one li:last-child{
margin-right: 0;
}
.social-icon-one li a{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover{
color: #154665;
}
/* Social Icon Two */
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:40px;
height:40px;
color:#322f2f;
font-size:14px;
text-align:center;
line-height:38px;
border-radius:50px;
display:inline-block;
border:1px solid transparent;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-two li a:hover{
color:#154665;
border-color:#154665;
}
/***
====================================================================
Social Icon Three
====================================================================
***/
.social-icon-three{
position:relative;
}
.social-icon-three .share{
color:#222222;
font-size:16px;
font-weight:700;
}
.social-icon-three li{
position:relative;
margin-right:18px;
display:inline-block;
}
.social-icon-three li a{
position:relative;
font-size:18px;
color:#777777;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-three li a:hover{
color:#154665;
}
.theme_color{
color:#154665;
}
.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:100px;}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:35px;
}
.sec-title h2{
position: relative;
font-size: 36px;
color:#322f2f;
font-weight: 700;
line-height: 1.3em;
padding-bottom:22px;
}
.sec-title .separate{
position:relative;
width:130px;
float:left;
}
.sec-title .separate:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:130px;
height:2px;
background-color:#cccccc;
}
.sec-title .separate:after{
position:absolute;
content:'';
left:0px !important;
bottom:0px;
width:30px;
height:4px;
background-color:#154665;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.centered{
text-align: center;
}
.sec-title.centered .separate{
margin:0 auto;
}
.sec-title.centered .separate:after{
left:50% !important;
margin-left:-15px !important;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:999;
width:100%;
}
.header-top-one{
position:relative;
padding:14px 0px;
background-color:#434343;
}
.header-top-one .text{
position:relative;
color:#ffffff;
font-size:14px;
margin-left: -50px;
}
.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 .header-upper{
position:relative;
}
.header-style-one .header-upper{
margin-top:-51px;
}
.main-header .header-upper .outer-container{
position:relative;
padding: 0px 60px;
}
.main-header .nav-outer{
position:relative;
}
.header-style-two{
position: absolute;
left:0px;
right:0px;
background:none;
margin-top:50px;
}
.main-header.header-style-two .header-upper .inner-container{
position:relative;
background-color:#ffffff;
border-radius:100px;
padding:0px 50px;
}
.main-header.header-style-two .header-upper .inner-container:before{
position:absolute;
content:'';
left:30px;
top:-15px;
right:30px;
bottom:-15px;
border-radius:100px;
background-color:rgba(255,255,255,0.20);
}
.main-header.header-style-two .header-lower{
background-color:#000048;
}
.main-header.header-style-two .nav-outer:after{
position:absolute;
content:'';
left:100%;
top:0px;
height:100%;
width:20000px;
background-color:#ffffff;
}
.main-header.header-style-two .nav-outer{
width:100%;
}
.header-style-three{
background:none;
}
.main-header.header-style-three .inner-container{
position:absolute;
top:100%;
width:100%;
margin-top:-40px;
padding-left:30px;
border-radius:50px;
padding-right:30px;
background-color:#322f2f;
}
.main-header.header-style-three .auto-container{
position:relative;
}
.main-header .header-upper .logo-box{
position: relative;
margin-top:50px;
}
@media(min-width: 1280px) {
.main-header .header-upper .logo-box{
margin-top: 80px;
transform: scale(1.15) translateX(-31px);
}
}
.testimonial-block-three .inner-box .upper-box {
min-height: 395px;
}
.main-header.header-style-three .header-upper .logo-box{
margin:0px;
padding:5px 0px;
}
.main-header.header-style-two .header-upper .logo-box{
padding:0px 0px;
margin:0px;
}
.main-header .header-upper .logo-box .logo{
position:relative;
}
.main-header .outer-box{
position: relative;
float:right;
padding: 19px 0px;
}
.main-header.header-style-two .outer-box{
margin-left:35px;
padding:39px 0px;
}
.main-header .outer-box .cart-box{
position:relative;
float:left;
color:#ffffff;
font-size:16px;
background:none;
margin-top:10px;
display:inline-block;
margin-right: 28px;
}
.main-header .outer-box .cart-box .cart-box-btn{
background:none;
color:#ffffff;
cursor: pointer;
font-size: 24px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .outer-box .cart-box .cart-box-btn:after{
display:none;
}
.main-header .outer-box .cart-box .cart-box-btn .total-cart{
position:absolute;
right: -8px;
top: -8px;
width:18px;
height:18px;
color:#000000;
font-weight:700;
font-size:12px;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:#ffffff;
}
.main-header.header-style-three .outer-box .cart-box .cart-box-btn:hover{
color:#ffffff;
}
.main-header .outer-box .cart-box .cart-box-btn:hover{
color:#222222;
}
.main-header .outer-box .cart-product{
position:relative;
margin-bottom:18px;
min-height:90px;
border-bottom:1px solid #e4e4e4;
}
.main-header .outer-box .cart-product .inner{
position:relative;
padding-left:90px;
min-height:70px;
}
.main-header .outer-box .cart-product .inner .cross-icon{
position:absolute;
right:0px;
top:-2px;
z-index:1;
color:#263120;
font-size:16px;
cursor:pointer;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .outer-box .cart-product .inner .cross-icon:hover{
color:#154665;
}
.main-header .outer-box .cart-product .inner .image{
position:absolute;
width:70px;
height:70px;
left:0px;
top:0px;
}
.main-header .outer-box .cart-product .inner h3{
position:relative;
font-weight:600;
font-size:15px;
margin:0px;
letter-spacing: 1px;
text-transform:capitalize;
}
.main-header .outer-box .cart-product .inner h3 a{
color:#222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .outer-box .cart-product .inner h3 a:hover{
color:#154665;
}
.main-header .outer-box .cart-product .inner .quantity-text{
position:relative;
font-weight:300;
color:#666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .outer-box .cart-product .inner .price{
position:relative;
font-weight:700;
font-size:16px;
margin:0px;
color:#222222;
}
.main-header .outer-box .cart-box .cart-panel{
left: auto !important;
right: 0px !important;
border-radius:0px;
padding:20px 20px;
min-width:300px;
margin-top:50px;
z-index: -1;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
border:3px solid #154665;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header.header-style-two .outer-box .cart-box .cart-panel{
margin-top:71px;
}
.main-header .outer-box .cart-box .cart-panel .cart-total{
color:#000000;
font-size:15px;
font-weight:400;
text-align:center;
text-transform:capitalize;
}
.main-header .outer-box .cart-box .cart-panel .cart-total span{
font-weight:800;
font-size:18px;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed{
position:relative;
text-align:center;
margin-top:20px;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.main-header .outer-box .cart-box .cart-panel .btns-boxed li a{
position:relative;
color:#ffffff;
font-weight:500;
font-size:12px;
padding:10px 20px 8px;
border-radius: 2px;
display:inline-block;
background-color:#154665;
border:1px solid #154665;
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 .outer-box .cart-box .cart-panel .btns-boxed li a:hover{
color:#154665;
background:none;
}
.main-header .outer-box .cart-box .icon a{
color:#999999;
}
.main-header.header-style-two .outer-box .cart-box{
}
.main-header.header-style-two .outer-box .cart-box .cart-box-btn{
color:#000000;
}
.main-header.header-style-two .outer-box .cart-box .cart-box-btn .total-cart{
background-color:#154665;
color:#ffffff;
}
.main-header.header-style-two .header-lower .search-box-outer{
margin-top:23px;
margin-right:20px;
}
/* Search Box Outer */
.main-header .search-box-outer{
position:relative;
float:left;
}
.main-header .search-box-btn{
position:relative;
top: 0px;
display:block;
float:left;
margin-top:10px;
font-size:20px;
color:#ffffff;
line-height:20px !important;
cursor:pointer;
background:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-box-btn:after{
display:none;
}
.main-header .search-box-outer .dropdown-menu{
top:49px !important;
right:0px;
padding:0px;
width:280px;
left: auto !important;
border-radius:0px;
border-top:3px solid #154665;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header.header-style-two .search-box-btn{
color:#000000;
}
.main-header .btn-box{
position:relative;
float:right;
margin-left:30px;
}
.main-header .btn-box .quote-btn{
position:relative;
color:#ffffff;
font-size:14px;
padding:8px 20px;
border-radius:0px 0px 8px 0px;
border:1px solid #ffffff;
}
.main-header .btn-box .quote-btn:hover{
background-color:#ffffff;
color:#000000;
}
.main-header.header-style-two .btn-box .quote-btn{
color:#154665;
border-color:#154665;
}
/* Header Lower */
.main-header .header-lower .search-box{
float:right;
}
.main-header .header-lower .search-box .form-group{
position:relative;
margin:0px;
top:-1px;
}
.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
padding:10px 50px 10px 25px;
background:none;
display:block;
font-size:14px;
width:200px;
height:74px;
color:#222222;
font-weight:400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffffff;
border-radius:0px 50px 50px 0px;
}
.main-header .header-lower .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:74px;
width:45px;
font-size:14px;
color:#000048;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:left;
cursor:pointer;
}
/* Main Menu */
.main-menu{
position:relative;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .cart-box{
position: relative;
float:left;
font-size: 26px;
margin: 32px 0px;
padding-left: 20px;
border-left: 1px solid #dde4db;
}
.main-menu .cart-box a{
position: relative;
color: #154665;
}
.main-menu .cart-box .number{
position: absolute;
right: -15px;
top: -15px;
color: #154665;
font-size: 18px;
}
.main-menu .navbar-collapse{
padding:0px;
float: left;
display:block !important;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.sticky-header .main-menu .navigation > li > a{
color:#444444 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#154665;
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:45px;
}
.main-header .header-upper .upper-right{
position:relative;
}
.main-header.header-style-three .header-upper .upper-right{
padding-left:0px;
padding-top:20px;
}
.main-header.header-style-two .header-upper .upper-right{
padding-left:0px;
padding-top:0px;
}
.main-header.header-style-two .main-menu .navigation > li > a{
color:#322f2f;
font-size:16px;
font-weight:700;
padding:45px 0px;
font-family: 'Archivo', sans-serif;
}
.main-header .header-upper .upper-right .header-lower{
position:relative;
background-color:#154665;
}
.header-style-one .header-upper .upper-right .info-outer{
padding-left:40px;
}
.header-style-one .header-upper .upper-right .info-outer:before{
position:absolute;
content:'';
left:0%;
top:0px;
width:10000px;
height:100%;
background:url(../images/background/1.jpg) repeat;
}
.header-style-one .header-upper .upper-right .header-lower{
padding-left:40px;
}
.header-style-one .header-upper .upper-right .header-lower:before{
position:absolute;
content:'';
left:100%;
top:0px;
width:10000px;
height:100%;
background-color:#154665;
}
.main-header.header-style-three .header-upper{
background-color:#ffffff;
border-top:30px solid #154665;
padding-bottom:40px;
}
.main-header.header-style-three .info-box .icon-box{
color:#154665;
}
.main-header.header-style-three .info-box li{
color:#322f2f;
}
.main-header .header-upper .upper-right .info-outer{
position:relative;
padding-top: 26px;
padding-bottom:26px;
}
.main-header .header-upper .upper-right .info-outer .info-box{
float:left;
}
.main-header .info-box{
position:relative;
float:right;
margin-left:32px;
font-size:14px;
color:#98b2c4;
text-align:left;
text-transform:uppercase;
padding:0px 0px 0px 60px;
}
.main-header .info-box:last-child{
/* margin:0px; */
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:8px;
color:#ffffff;
font-size:34px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
line-height:1.7em;
text-transform:capitalize;
}
.main-header .info-box li span{
font-weight:700;
font-size:16px;
}
.main-header.header-style-two .info-box li{
color:#777777;
}
.main-header.header-style-two .info-box li span{
color:#000048;
font-size:20px;
font-weight:700;
}
.main-header.header-style-two .info-box:last-child{
padding-left:50px;
}
.main-header .info-box .social-box{
position:relative;
padding-top:8px;
}
.main-header .info-box .social-box li{
position:relative;
margin-left:2px;
display:inline-block;
}
.main-header .info-box .social-box li a{
position:relative;
width:34px;
height:34px;
color:#ffffff;
font-size:14px;
line-height:34px;
text-align:center;
display:inline-block;
background-color:#154665;
-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 .social-box li a span{
font-size:13px;
}
.main-header .info-box .social-box li a:hover{
background-color:#000048;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e8f1f7;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:0px 0px 0px;
}
.sticky-header .logo img{
width:53%;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform: capitalize;
letter-spacing:0px;
opacity:1;
font-weight:400;
padding:25px 0px;
font-size: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:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0%;
height:2px;
opacity:0;
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;
}
/* .main-header.header-style-three .main-menu .navigation > li:before{
display:none;
} */
.main-header.header-style-three .main-menu .navigation > li{
margin-right:40px;
}
.header-style-three .sticky-header .main-menu .navigation > li{
margin-right:0px;
}
/* .main-header.header-style-three .main-menu .navigation > li > a:before{
position:absolute;
content:'';
right:-20px;
top:50%;
width:1px;
height:20px;
margin-top:-10px;
background-color:rgba(255,255,255,0.25);
} */
.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{
position:relative;
margin-left:30px;
margin-right:0px;
}
.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;
color:#ffffff;
}
.main-menu .navigation > li > ul{
position:absolute;
left:-30px;
top:100%;
width:230px;
z-index:100;
display:none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
border: 3px solid #154665;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul:before{
position:absolute;
content:'';
left:0px;
top:-30px;
width:100%;
height:30px;
display:block;
}
.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 #f9f9f9;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 18px;
line-height:24px;
font-weight:400;
font-size:15px;
text-transform:capitalize;
color:#7c7b7b;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .main-menu .navigation > li > a{
padding:19px 0px !important;
}
.sticky-header .main-menu .navigation > li > a:before{
display: none;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#154665;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:13px;
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:120%;
top:0%;
width:230px;
z-index:100;
display:none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 0px 0px;
background-color: #ffffff;
border: 3px solid #154665;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #f9f9f9;
}
.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 18px;
line-height:24px;
font-weight:400;
font-size:15px;
text-transform:capitalize;
color:#7c7b7b;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background:#154665;
}
.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;
left:0px;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
left:100%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
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 Slider Banner
====================================================================
***/
.main-slider{
position:relative;
padding:0px 70px;
}
.main-slider.style-two{
padding:0px 0px;
}
.main-slider .auto-container{
position:relative;
}
.main-slider .mouse-btn-down{
position:absolute;
left:50%;
margin-left:-20px;
bottom:20px;
width:30px;
height:68px;
cursor:pointer;
display:block;
background:url(../images/icons/mouse-icon.png) center center no-repeat;
z-index:20;
}
.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); }
}
.main-slider .slide{
position:relative;
text-align:center;
padding:220px 0px 220px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider.style-two .slide{
text-align:left;
}
.main-slider .title{
position:relative;
color:#ffffff;
font-size: 16px;
font-weight: 600;
margin-bottom: 24px;
text-transform: capitalize;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .title{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 500ms;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:60px;
font-weight:700;
line-height:1.2em;
margin-bottom:20px;
opacity: 0;
text-transform:capitalize;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1000ms;
}
.main-slider .text{
position:relative;
color:#ffffff;
font-size:16px;
opacity:0;
line-height: 1.8em;
font-weight:400;
margin-bottom:32px !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;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .text.alternate{
color:#1f1f1f;
}
.main-slider .active .text{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1500ms;
}
.main-slider .link-box{
opacity:0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider .link-box .theme-btn{
margin-right:20px;
}
.main-slider .content.centered .theme-btn{
margin:0px 10px;
}
.main-slider .content.centered .text{
margin:0 auto;
}
.main-slider .owl-dots{
position:absolute;
right:50px;
top:50%;
margin-top:-30px;
}
.main-slider .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:15px 4px;
border-radius: 50px;
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;
}
.main-slider .owl-dots .owl-dot:before{
position: absolute;
content: '';
left: -4px;
bottom: -4px;
top:-4px;
opacity:0;
right:-4px;
border-radius:50px;
border:1px solid #ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider .owl-dots .owl-dot.active,
.main-slider .owl-dots .owl-dot:hover{
background-color:#154665;
}
.main-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before{
opacity:1;
}
.main-slider .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-60px;
}
.main-slider .owl-nav .owl-prev{
position:absolute;
bottom:-150px;
right:40px;
color:#ffffff;
font-size:38px;
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-slider .owl-nav .owl-next{
position:absolute;
right:40px;
color:#ffffff;
font-size:38px;
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-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
color:#154665;
}
.main-slider .color-one{
position:absolute;
left:0px;
top:0px;
width:300px;
height:420px;
background-color:#d0d0d0;
}
.main-slider .color-two{
position:absolute;
right:0px;
top:0px;
width:300px;
height:420px;
background-color:#154665;
}
/***
====================================================================
Experiance Section
====================================================================
***/
.experiance-section{
position:relative;
padding-top:115px;
}
.experiance-section .pattern-layer{
position:absolute;
right:0px;
top:0px;
width:844px;
height:670px;
}
.experiance-section .title-column{
position:relative;
margin-bottom:40px;
}
.experiance-section .title-column .inner-column{
position:relative;
}
.experiance-section .title-column .upper-box{
position:relative;
margin-bottom:90px;
}
.experiance-section .title-column .upper-box .upper-inner{
position:relative;
padding-left:200px;
}
.experiance-section .title-column .upper-box .upper-inner:before{
position:absolute;
content:'';
left:0px;
top:-45px;
width:110px;
height:172px;
border:12px solid #eaeaea;
}
.experiance-section .title-column .upper-box .number{
position:absolute;
left:116px;
top:-20px;
color:#154665;
font-weight:700;
line-height:1em;
font-size:120px;
}
.experiance-section .title-column .upper-box h3{
position:relative;
color:#322f2f;
font-size:30px;
font-weight:700;
line-height:1.3em;
text-transform:uppercase;
}
.experiance-section .title-column .upper-box .upper-title{
position:relative;
color:#154665;
font-size:20px;
font-weight:600;
line-height:1.3em;
margin-top:7px;
text-transform:uppercase;
}
.experiance-section .title-column .inner-column .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.7em;
margin-bottom:40px;
}
.experiance-section .title-column .lower-box .theme-btn{
position:relative;
float:left;
}
.experiance-section .title-column .lower-box .signature{
position:relative;
float:left;
margin-top:-10px;
margin-left:40px;
}
.experiance-section .video-column{
position:relative;
}
.experiance-section .video-column .inner-column{
position:relative;
padding-left:40px;
padding-bottom:40px;
}
.experiance-section .video-column .image{
position:relative;
padding-right:60px;
}
.experiance-section .video-column .image img{
position:relative;
width:100%;
display:block;
}
.experiance-section .video-column .image .video-box{
position:absolute;
right:-20px;
bottom:-90px;
width:270px;
height:180px;
z-index:1;
overflow:hidden;
}
.experiance-section .video-column .image .video-box .video-image{
position:relative;
margin:0px;
}
.experiance-section .video-column .image .video-box .video-image img{
position:relative;
width:100%;
z-index:3;
}
.experiance-section .video-column .image .video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
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;
}
.experiance-section .video-column .image .video-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
background-color:rgba(171,116,66,0.95);
}
.experiance-section .video-column .image .video-box .overlay-box span{
position: absolute;
width:60px;
height: 60px;
left:50%;
top: 50%;
z-index:99;
color: #ffffff;
font-weight:400;
font-size:16px;
text-align: center;
border-radius:50%;
padding-left:4px;
display: inline-block;
margin-top: -30px;
margin-left:-30px;
line-height:60px;
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(255,255,255,0.30);
}
.experiance-section .video-column .image .video-box .overlay-box span:after{
position:absolute;
content:'';
left:-9px;
top:-9px;
right:-9px;
bottom:-9px;
border-radius:50px;
border:1px dashed #ffffff;
}
.experiance-section .video-column .image .video-box .ripple,
.experiance-section .video-column .image .video-box .ripple:before,
.experiance-section .video-column .image .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-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;
}
.experiance-section .video-column .image .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.experiance-section .video-column .image .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-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);}
}
.experiance-section .video-column .info-box{
position:relative;
margin-top:90px;
}
.experiance-section .video-column .info-box .info-inner{
position:relative;
padding-left:85px;
display:inline-block;
}
.experiance-section .video-column .info-box .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
color:#3c3939;
font-size:28px;
text-align:center;
border-radius:50px;
line-height:58px;
border:1px solid #3c3939;
background-color:#ffffff;
}
.experiance-section .video-column .info-box h3{
position:relative;
color:#322f2f;
top:-2px;
font-size:18px;
font-weight:700;
text-transform:capitalize;
}
.experiance-section .video-column .info-box .number{
position:relative;
color:#777777;
font-size:24px;
font-weight:700;
text-transform:capitalize;
}
.experiance-section.style-two{
padding-bottom:120px;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
z-index:1;
padding-top:115px;
}
.services-section .owl-nav{
display:none;
}
.services-section .owl-dots{
position:relative;
}
.services-section .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 5px;
border-radius:50px;
background-color:#154665;
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;
}
.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active{
background-color:#ffffff;
}
.services-block{
position:relative;
margin-bottom:30px;
}
.services-block .inner-box{
position:relative;
}
.services-block .inner-box .image{
position:relative;
}
.services-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
@media(min-width: 1000px) {
.services-block .inner-box .image img {
height: 470px;
object-fit: cover;
}
}
.services-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
opacity:0;
text-align:center;
background:rgba(21,70,101,0.7);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateX(-90deg);
-moz-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
-o-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.services-block .inner-box:hover .image .overlay-box{
opacity:1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.services-block .inner-box .image .overlay-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px;
}
.services-block .inner-box .image .overlay-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.services-block .inner-box .image .overlay-box .icon{
position:relative;
color:#ffffff;
font-size:70px;
line-height:1em;
}
.services-block .inner-box .image .overlay-box .text{
position:relative;
line-height:1.9em;
font-size:16px;
font-weight:400;
margin-top:10px;
margin-bottom:25px;
}
.services-block .inner-box .lower-box{
position:relative;
text-align:center;
padding:25px 15px 25px;
background-color:#ffffff;
border-left:2px solid #154665;
border-right:2px solid #154665;
height: 100%;
}
.services-block .inner-box .lower-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:2px;
background-color:#154665;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.services-block .inner-box {
height: 100%;
display: flex;
flex-direction: column;
}
.services-block .inner-box:hover .lower-box:before{
height:100%;
}
.services-block .inner-box .lower-box h3{
position:relative;
font-size:22px;
font-weight:600;
color: #154665;
height: 100%;
}
.services-block .inner-box:hover .lower-box h3 {
color: white
}
.services-block .inner-box .lower-box h3 a{
position:relative;
color:#322f2f;
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 .inner-box:hover .lower-box h3 a{
color:#ffffff;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
}
.default-section.margin-top{
margin-top:-112px;
}
.default-section .outer-container{
position:relative;
}
.default-section .outer-container:before{
position: absolute;
content:'';
right:0px;
top:0px;
width:50%;
height:100%;
background-color:#f5f5f5;
}
.default-section .counter-column .image-layer{
position:absolute;
left:0px;
top:-130px;
width:100%;
bottom:-30px;
background-size:cover;
background-repeat:no-repeat;
}
.default-section .counter-column .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(50,47,47,0.80);
}
.default-section .outer-container{
position:relative;
}
.default-section .counter-column{
position:relative;
float:left;
width:50%;
}
.default-section .counter-column .inner-column{
position:relative;
max-width:600px;
width:100%;
float:right;
width:100%;
padding:180px 60px 80px 15px;
}
.default-section .counter-column .inner-column .fact-counter:before{
position:absolute;
content:'';
left:50%;
top:0px;
width:2px;
height:100%;
margin-left:-45px;
background:#154665;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
}
.default-section .counter-column .inner-column .fact-counter:after{
position:absolute;
content:'';
left:0px;
top:50%;
width:100%;
height:2px;
margin-top:-35px;
background:#154665;
background:-webkit-linear-gradient(left,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-moz-linear-gradient(left,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-ms-linear-gradient(left,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
background:-o-linear-gradient(left,rgba(0,0,0,0),#154665,rgba(0,0,0,0));
}
/* Fact Counter */
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:1;
margin-bottom:70px;
}
.fact-counter .column .inner{
position:relative;
}
.fact-counter .column .inner .content{
position:relative;
}
.fact-counter .count-outer .percentage{
display:inline-block;
font-weight:600;
color:#020e28;
font-size:48px;
line-height:1em;
font-family: 'Archivo', sans-serif;
}
.fact-counter .column .inner .count-outer{
position:relative;
font-weight:600;
color:#ffffff;
font-size:60px;
line-height:1em;
padding-bottom:20px;
display:inline-block;
}
.fact-counter .column .inner .count-outer:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:2px;
width:40px;
background-color:#154665;
}
.fact-counter .column .inner .counter-title{
position:relative;
font-size:16px;
font-weight:500;
margin-top:22px;
color:#ffffff;
line-height:1.7em;
font-family: 'Raleway', sans-serif;
}
.default-section .accordian-column{
position:relative;
float:left;
width:50%;
}
.default-section .accordian-column .inner-column{
position:relative;
width:100%;
float:left;
max-width:590px;
padding:180px 15px 70px 50px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:12px;
border-radius:8px;
border:1px solid #bbbbbb;
}
.accordion-box .block.active-block{
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
cursor:pointer;
line-height:34px;
color:#322f2f;
font-weight:500;
background:none;
padding:13px 50px 13px 30px;
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 .acc-btn.active{
}
.accordion-box .block .icon-outer{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
font-size:20px;
color: #ffffff;
border-radius:0px 8px 8px 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;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
right: 0px;
width:60px;
height:60px;
color:#ffffff;
font-size: 14px;
text-align: center;
line-height:60px;
border-radius:0px 8px 8px 0px;
background-color:#322f2f;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
background-color:#154665;
border-radius:0px 8px 0px 0px;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.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;
color:#777777;
line-height:1.7em;
padding:5px 35px 30px 30px;
}
.accordion-box .block .content .accordian-text{
line-height:1.9em;
font-size:16px;
color:#84858a;
font-weight:600;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two .block{
background-color:#ffffff;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
background-color:#8c8c8c;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:105px 0px 85px;
}
.gallery-section .filters{
position:relative;
margin-bottom:55px;
}
.gallery-section .filters .filter-tabs{
position:relative;
text-align:center;
}
.gallery-section .filters li{
position: relative;
display: inline-block;
margin: 0px 2px;
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: #322f2f;
z-index:1;
cursor: pointer;
padding:12px 22px 9px;
text-transform: capitalize;
border: 1px solid transparent;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li .total-post{
position:absolute;
right:6px;
top:-6px;
width:15px;
height:15px;
color:#ffffff;
opacity:0;
font-size:10px;
line-height:15px;
border-radius:5px;
background-color:#322f2f;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li.active .total-post,
.gallery-section .filters li:hover .total-post{
opacity:1;
}
.gallery-section .filters li.active,
.gallery-section .filters li:hover{
color:#154665;
border-color:#154665;
}
/* Gallery Block */
.gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
}
.gallery-block .inner-box .image{
position:relative;
}
.gallery-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.gallery-block .inner-box .image .overlay-box{
position:absolute;
left:20px;
top:20px;
right:20px;
bottom:20px;
display:block;
background-color:rgba(50,47,47,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;
}
.gallery-block .inner-box .image .overlay-box .content{
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:40px 30px 30px;
}
.gallery-block .inner-box .image .overlay-box .content .category{
position:relative;
font-size:14px;
font-weight:400;
color:#ffffff;
opacity:0.9;
margin-top:3px;
}
.gallery-block .inner-box .image .overlay-box .content h3{
position:relative;
font-size:18px;
font-weight:400;
color:#ffffff;
text-transform:uppercase;
}
.gallery-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;
}
.gallery-block .inner-box .image .overlay-box .content h3 a:hover{
color:#154665;
}
.gallery-block .inner-box .image .overlay-box .content .read-more{
position:relative;
color:#ffffff;
font-size:15px;
margin-top:2px;
text-transform:capitalize;
}
.gallery-block .inner-box .image .overlay-box .options{
position:absolute;
right:30px;
top:30px;
}
.gallery-block .inner-box .image .overlay-box .plus-icon{
position:relative;
width:30px;
height:30px;
color:#ffffff;
font-size:14px;
line-height:28px;
margin:0px 2px;
text-align:center;
display:inline-block;
background-color:#154665;
border:1px solid #154665;
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;
}
.gallery-block .inner-box .image .overlay-box .plus-icon:before{
position:absolute;
content:'';
right:-5px;
top:-5px;
width:14px;
height:14px;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.gallery-block .inner-box .image .overlay-box .plus-icon:after{
position:absolute;
content:'';
left:-5px;
bottom:-5px;
width:14px;
height:14px;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
.gallery-block .inner-box .image .overlay-box .plus-icon:hover{
color:#ffffff;
border-color:#ffffff;
background-color:#322f2f;
}
.gallery-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;
}
.gallery-block.style-two .inner-box .image .overlay-box{
left:0px;
top:0px;
right:0px;
bottom:0px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:100px 0px 100px;
}
.testimonial-section .auto-container{
position:relative;
}
.testimonial-section .sec-title{
margin-bottom:0px;
}
.testimonial-section .owl-carousel .owl-stage-outer{
padding-top:70px;
padding-bottom:70px;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .inner-box .content-column{
position:relative;
}
.testimonial-block .inner-box .content-column .inner-column{
position:relative;
padding-left:80px;
padding-top:50px;
}
.testimonial-block .inner-box .content-column .inner-column:before{
position:absolute;
content:'';
left:28px;
top:50px;
width:2px;
height:200px;
background-color:#cacaca;
}
.testimonial-block .inner-box .content-column .quote-icon{
position:absolute;
left:0px;
top:50px;
}
.testimonial-block .inner-box .content-column .quote-icon .icon{
position:absolute;
left:10px;
top:30px;
width:40px;
height:40px;
z-index:1;
color:#777777;
line-height:40px;
text-align:center;
border-radius:50px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.testimonial-block .inner-box .content-column .quote-icon:before{
position:absolute;
content:'';
left:22px;
top:50px;
width:2px;
height:110px;
background-color:#cacaca;
}
.testimonial-block .inner-box .content-column .quote-icon:after{
position:absolute;
content:'';
left:34px;
top:50px;
width:2px;
height:110px;
background-color:#cacaca;
}
.testimonial-block .inner-box .content-column .text{
position:relative;
color:#777777;
font-size:16px;
line-height:2em;
}
.testimonial-block .inner-box .content-column .author-info{
position:relative;
margin-top:40px;
z-index:1;
}
.testimonial-block .inner-box .content-column .author-info .author-name{
position:relative;
color:#154665;
font-size:24px;
font-weight:700;
line-height:1.3em;
font-family: 'Raleway', sans-serif;
}
.testimonial-block .inner-box .content-column .author-info .designation{
position:relative;
color:#322f2f;
font-size:18px;
line-height:1.3em;
margin-top:10px;
}
.testimonial-block .inner-box .image-column{
position:relative;
}
.testimonial-block .inner-box .image-column .pattern-one{
position:absolute;
right:0px;
top:-70px;
width:329px;
height:494px;
background:url(../images/background/pattern-2.jpg) no-repeat;
}
.testimonial-block .inner-box .image-column .pattern-two{
position:absolute;
left:0px;
bottom:-70px;
width:329px;
height:494px;
background:url(../images/background/pattern-2.jpg) no-repeat;
}
.testimonial-block .inner-box .image-column .inner-column{
position:relative;
padding:0px 70px;
}
.testimonial-block .inner-box .image-column .image{
position:relative;
border:3px solid #a1a1a1;
}
.testimonial-block .inner-box .image-column .image:before{
position:absolute;
content:'';
left:-12px;
top:-12px;
right:-12px;
bottom:-12px;
border:12px solid #ffffff;
}
.testimonial-section .client-thumb-outer{
position: absolute;
width: 300px;
left: 30px;
overflow: hidden;
padding-bottom: 5px;
bottom: 150px;
}
.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
z-index:999;
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box img{
opacity:0.5;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel{
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
overflow:visible;
padding:0px;
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
width:70px;
height:70px;
cursor:pointer;
border-radius:0%;
margin: 0 auto;
overflow:hidden;
background-color:#154665;
-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 .client-thumb-outer .owl-item{
z-index:0;
}
.testimonial-section .client-thumb-outer .owl-item.active{
z-index:10;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
overflow:hidden;
width:100%;
height:100%;
display:block;
border-radius:0%;
}
.testimonial-section .owl-nav{
position:absolute;
left:15px;
bottom:0px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:#383535;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #383535;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
color:#154665;
border-color:#154665;
}
.testimonial-section .owl-dots{
display:none;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:60px 0px 60px;
background-color:#f3f3f3;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
opacity:0.5;
display:inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.clients-section.style-two{
background:none;
}
.clients-section.style-two .sponsors-outer .image-box img{
opacity:1;
-webkit-filter: grayscale(0%);
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:110px 0px 110px;
}
.news-section .owl-carousel .owl-stage-outer{
padding-bottom:40px;
}
.news-section .owl-nav{
display:none;
}
.news-section .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.news-section .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 5px;
border-radius:50px;
display:inline-block;
background-color:#154665;
-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-section .owl-dots .owl-dot.active,
.news-section .owl-dots .owl-dot:hover{
background-color:#322f2f;
}
.news-block{
position:relative;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
overflow:hidden;
padding-left:100px;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
background-color:#000000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.7;
transform:scale(1.05,1.05);
}
.news-block .inner-box .lower-content{
position:relative;
padding:30px 30px;
margin-right:100px;
margin-top:-20px;
margin-left:15px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block .inner-box .lower-content:before{
position:absolute;
content:'';
top:0px;
right:-100px;
width:374px;
height:249px;
z-index:-2;
background:url(../images/background/pattern-3.png) no-repeat;
}
.news-block .inner-box .lower-content .post-meta{
position:relative;
}
.news-block .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
padding-right:10px;
margin-right:8px;
line-height:1.1em;
display:inline-block;
border-right:1px solid #777777;
}
.news-block .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.news-block .inner-box .lower-content h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
line-height:1.4em;
margin-top:15px;
}
.news-block .inner-box .lower-content h3 a{
position:relative;
color:#322f2f;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block .inner-box .lower-content h3 a:hover{
color:#154665;
}
.news-block .inner-box .lower-content .read-more{
position:relative;
color:#154665;
font-size:18px;
font-weight:700;
line-height:1.3em;
margin-top:12px;
display:inline-block;
text-decoration:underline;
font-family: 'Raleway', sans-serif;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
padding:0px 0px 0px;
background-color:#111111;
background-position:center center;
background-repeat:no-repeat;
}
.main-footer .footer-social-box{
position:relative;
text-align:center;
border-bottom:1px solid #000000;
}
.main-footer .footer-social-box .social-nav{
position:relative;
}
.main-footer .footer-social-box .social-nav li{
position:relative;
width:19%;
padding:15px 10px;
display:inline-block;
border-left:1px solid #000000;
}
.main-footer .footer-social-box .social-nav li:last-child{
border-right:1px solid #000000;
}
.main-footer .footer-social-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;
}
.main-footer .footer-social-box .social-nav li a:hover{
color:#154665;
}
.main-footer .footer-widget{
position:relative;
z-index:1;
margin-bottom:40px;
}
.main-footer .widgets-section{
position:relative;
padding:100px 0px 70px;
}
.main-footer .footer-title{
position:relative;
padding-bottom:30px;
margin-bottom:38px;
}
.main-footer .footer-widget h4{
position:relative;
font-weight:600;
color:#ffffff;
font-size:18px;
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:0px;
height:2px;
width:18px;
background-color:#154665;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:30px;
}
.main-footer .logo-widget .text{
position:relative;
color:#777777;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 30px;
}
.main-footer .contact-link{
position:relative;
}
.main-footer .contact-link li{
position:relative;
color:#777777;
font-size:15px;
margin-bottom:12px;
}
.main-footer .contact-link li span{
color:#ffffff;
}
.main-footer .newsletter-widget .text{
position:relative;
color:#777777;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 30px;
}
/* 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 140px 10px 15px;
height:50px;
font-size:15px;
color:#ffffff;
background:none;
border:1px solid #363636;
-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:absolute;
right:0px;
top:0px;
padding:13px 30px;
font-size:16px;
color:#ffffff;
display:inline-block;
background-color:#154665;
cursor:pointer;
}
.main-footer .footer-bottom{
position:relative;
background-color:#000000;
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#777777;
font-size:16px;
padding:17px 0px;
}
.main-footer .footer-bottom .scroll-to-top{
position:relative;
height:57px;
color:#ffffff;
font-size:16px;
text-transform:capitalize;
line-height:57px;
text-align:center;
z-index:100;
cursor:pointer;
background:#222222;
font-weight:700;
padding:0px 35px;
-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 .scroll-to-top:hover{
color:#ffffff;
background:#154665;
}
/***
====================================================================
Main Slider Two
====================================================================
***/
.main-slider-two{
position:relative;
}
.main-slider-two .auto-container{
position:relative;
}
.main-slider-two .mouse-btn-down{
position:absolute;
left:50%;
margin-left:-20px;
bottom:20px;
width:30px;
height:68px;
cursor:pointer;
display:block;
background:url(../images/icons/mouse-icon.png) center center no-repeat;
z-index:20;
}
.main-slider-two .mouse-btn-down {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
.main-slider-two .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); }
}
.main-slider-two .slide{
position:relative;
text-align:center;
padding:350px 0px 400px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.main-slider-two h2{
position:relative;
color:#ffffff;
font-size:72px;
font-weight:700;
line-height:1.2em;
margin-bottom:20px;
opacity: 0;
text-transform:uppercase;
text-shadow:0px 10px 10px rgba(0,0,0,0.90);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider-two .active h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1000ms;
}
.main-slider-two h3{
position:relative;
color:#ffffff;
font-size:48px;
opacity:0;
line-height: 1.3em;
font-weight:700;
text-shadow:0px 10px 10px rgba(0,0,0,0.90);
margin-bottom:32px !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;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider-two .active h3{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 1500ms;
}
.main-slider-two .link-box{
opacity:0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main-slider-two .active .link-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2000ms;
}
.main-slider-two .link-box .theme-btn{
margin-right:20px;
}
.main-slider-two .owl-dots{
position:absolute;
right:50px;
top:50%;
margin-top:-30px;
}
.main-slider-two .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:15px 4px;
border-radius: 50px;
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;
}
.main-slider-two .owl-dots .owl-dot:before{
position: absolute;
content: '';
left: -4px;
bottom: -4px;
top:-4px;
opacity:0;
right:-4px;
border-radius:50px;
border:1px solid #ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-slider-two .owl-dots .owl-dot.active,
.main-slider-two .owl-dots .owl-dot:hover{
background-color:#154665;
}
.main-slider-two .owl-dots .owl-dot.active::before,
.main-slider-two .owl-dots .owl-dot:hover::before{
opacity:1;
}
.main-slider-two .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
margin-top:-60px;
}
.main-slider-two .owl-nav .owl-prev{
position:absolute;
bottom:-150px;
right:40px;
color:#ffffff;
font-size:38px;
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-slider-two .owl-nav .owl-next{
position:absolute;
right:40px;
color:#ffffff;
font-size:38px;
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-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
color:#154665;
}
.main-slider-two:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
z-index:2;
border-bottom: 80px solid #ffffff;
border-left: 3000px solid transparent;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
z-index:2;
padding-bottom:100px;
}
.services-section-two .owl-theme .services-block-two{
margin:0px 15px;
}
.services-section-two .owl-carousel{
margin:0px -15px;
width:auto;
}
.services-section-two .owl-nav{
display:none;
}
.services-section-two .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.services-section-two .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 5px;
display:inline-block;
background-color:#2d353d;
-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-section-two .owl-dots .owl-dot.active,
.services-section-two .owl-dots .owl-dot:hover{
width:30px;
background-color:#154665;
}
.services-section-two .owl-carousel .owl-stage-outer{
padding:25px 0px;
}
.services-section-two .inner-container{
position:relative;
}
.services-section-two .inner-container.margin-top{
position:relative;
margin-top:-200px;
}
.services-block-two{
position:relative;
}
.services-block-two .inner-box{
position:relative;
padding:35px 35px;
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;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
height: 220px;
}
.services-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:0px;
background-color:#154665;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.services-block-two .inner-box:hover::before{
height:100%;
}
.services-block-two .inner-box:hover h3 a {
color: white;
}
.services-block-two .inner-box .icon-box{
position:relative;
line-height:1em;
font-size:64px;
color:#154665;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.services-block-two .inner-box:hover .icon-box{
color:#ffffff;
}
.services-block-two .inner-box h3{
position:relative;
color:#322f2f;
font-size:22px;
font-weight:600;
line-height:1.3em;
margin-top:12px;
}
.services-block-two .inner-box h3 a{
position:relative;
color:#322f2f;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.services-block-two .inner-box .text{
position:relative;
color:#777777;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-top:12px;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
.services-block-two .inner-box:hover .read-more,
.services-block-two .inner-box:hover .text{
color:#ffffff;
}
.services-block-two .inner-box .read-more{
position:relative;
color:#154665;
font-size:16px;
font-weight:600;
margin-top:15px;
display:inline-block;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position:relative;
padding:0px 0px 0px;
}
.video-section .inner-container{
position:relative;
}
.video-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background:url(../images/background/pattern-4.png) center center no-repeat;
}
/*Video Box*/
.video-section .video-box{
position:relative;
z-index:1;
clip-path: polygon(18% 0, 100% 0, 82% 100%, 0% 100%);
}
.video-section .video-box .image{
position:relative;
overflow:hidden;
margin:0px;
}
.video-section .video-box .image img{
position:relative;
width:100%;
}
.video-section .video-box .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;
background-color:rgba(171,116,66,0.80);
}
.video-section .video-box .overlay-box span{
position: absolute;
width:80px;
height: 80px;
left:50%;
top: 50%;
z-index:99;
color: #322f2f;
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-section .video-box .ripple,
.video-section .video-box .ripple:before,
.video-section .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-section .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-section .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, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
margin-top:-110px;
overflow:hidden;
padding:195px 0px 90px;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
.call-to-action-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(50,47,47,0.50);
}
.call-to-action-section .content{
position:relative;
text-align:center;
}
.call-to-action-section .content h2{
position:relative;
color:#ffffff;
font-size:46px;
font-weight:700;
line-height:1.3em;
}
.call-to-action-section .content .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
margin-top:20px;
margin-bottom:25px;
}
.call-to-action-section .content .image{
position:absolute;
right:-100px;
top:0px;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section{
position:relative;
padding:110px 0px 110px;
}
.featured-section .sec-title .view{
position:relative;
margin-top:50px;
color:#154665;
z-index:1;
font-size:16px;
font-weight:500;
display:inline-block;
}
.featured-section .inner-container{
position:relative;
padding-left:70px;
padding-bottom:60px;
}
.featured-section .inner-container:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:630px;
height:530px;
background:url(../images/background/pattern-5.png) no-repeat;
}
.featured-section .sec-title{
margin-bottom:60px;
}
.featured-section .owl-nav{
position:absolute;
right:0px;
bottom:0px;
width:100%;
max-width:285px;
}
.featured-section .owl-nav .owl-prev{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
color:#154665;
font-size:24px;
line-height:56px;
text-align:center;
border:2px solid #154665;
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;
}
.featured-section .owl-nav .owl-next{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
color:#154665;
font-size:24px;
line-height:56px;
text-align:center;
border:2px solid #154665;
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;
}
.featured-section .owl-nav .owl-prev:hover,
.featured-section .owl-nav .owl-next:hover{
background-color:#322f2f;
border-color:#322f2f;
color:#ffffff;
}
.featured-section .owl-dots{
position:absolute;
right:85px;
bottom:-42px;
width:100%;
max-width:110px;
}
.featured-section .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 6px;
display:inline-block;
background-color:#2d353d;
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;
}
.featured-section .owl-dots .owl-dot:before{
position:absolute;
content:'';
left:-3px;
top:-3px;
right:-3px;
bottom:-3px;
opacity:0;
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:1px solid #154665;
}
.featured-section .owl-dots .owl-dot.active,
.featured-section .owl-dots .owl-dot:hover{
background-color:#154665;
}
.featured-section .owl-dots .owl-dot.active:before,
.featured-section .owl-dots .owl-dot:hover::before{
opacity:1;
}
.featured-block{
position:relative;
}
.featured-block .inner-box{
position:relative;
padding-bottom:60px;
}
.featured-block .inner-box .image{
position:relative;
padding-left:130px;
}
.featured-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.featured-block .inner-box .image .options{
position:absolute;
right:45px;
bottom:45px;
}
.featured-block .inner-box .image .options .plus-icon{
position:relative;
width:30px;
height:30px;
color:#ffffff;
font-size:14px;
line-height:28px;
margin-left:12px;
text-align:center;
display:inline-block;
background-color:#154665;
border:1px solid #154665;
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;
}
.featured-block .inner-box .image .options .plus-icon:before{
position:absolute;
content:'';
right:-5px;
top:-5px;
width:14px;
height:14px;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.featured-block .inner-box .image .options .plus-icon:after{
position:absolute;
content:'';
left:-5px;
bottom:-5px;
width:14px;
height:14px;
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
.featured-block .inner-box .image .options .plus-icon:hover{
color:#ffffff;
border-color:#ffffff;
background-color:#322f2f;
}
.featured-block .inner-box .image .content-box{
position:absolute;
left:0px;
bottom:-60px;
padding:35px 115px 35px 35px;
}
.featured-block .inner-box .image .content-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(255,255,255,0.95);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.featured-block .inner-box .image .content-box .title{
position:relative;
color:#777777;
font-size:14px;
}
.featured-block .inner-box .image .content-box h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
line-height:1.3em;
margin-top:10px;
text-transform:uppercase;
}
.featured-block .inner-box .image .content-box h3 a{
position:relative;
color:#322f2f;
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;
}
.featured-block .inner-box .image .content-box h3 a:hover{
color:#154665;
}
.featured-block .inner-box .image .content-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.7em;
margin-top:12px;
max-width:340px;
margin-bottom:25px;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section{
position:relative;
padding:100px 0px 100px;
background-size:cover;
}
.pricing-section .sec-title{
margin-bottom:50px;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;
}
.pricing-tabs{
position:relative;
}
.pricing-tabs .title-column{
position:relative;
text-align:center;
margin-top:30px;
}
.pricing-tabs .tab-buttons{
position:relative;
overflow:hidden;
padding:1px;
text-align:center;
border-radius:50px;
display:inline-block;
border:1px solid #ffffff;
background-color:#322f2f;
}
.pricing-tabs .tab-buttons .tab-btn{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
float:left;
cursor:pointer;
padding:11px 45px;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
color:#ffffff;
background-color:#154665;
}
.price-block{
position:relative;
margin-bottom:30px;
}
.price-block .inner-box{
position:relative;
padding:55px 50px;
background:none;
background-color:rgba(255,255,255,0.03);
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
border:6px solid rgba(255,255,255,0.20);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.price-block .inner-box:hover{
border-color:#ffffff;
}
.price-block .inner-box .upper-box{
position:relative;
text-align:right;
margin-bottom:35px;
}
.price-block .inner-box .title{
position:relative;
font-size:16px;
color:#ffffff;
font-weight:700;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
}
.price-block .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:100%;
display:block;
background-color:#322f2f;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block .inner-box:hover::before,
.price-block.active .inner-box::before{
width:100%;
display:block;
}
.price-block .inner-box h3{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:400;
margin-top:5px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block .inner-box .icon-box{
position:relative;
}
.price-block .inner-box .icon-box .icon{
position:relative;
}
.price-block .inner-box .price{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:400;
line-height:1.3em;
margin-top:5px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block .inner-box .month{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.price-block .inner-box .price sup{
position:relative;
top:8px;
font-size:24px;
font-weight:400;
}
.price-block .inner-box .price-list{
position:relative;
margin-top:18px;
margin-bottom:40px;
}
.price-block .inner-box .price-list li{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:12px;
padding-left:22px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block .inner-box .price-list li:before{
position:absolute;
content: "\f179";
left:0px;
top:0px;
color:#ffffff;
font-size:12px;
font-weight:700;
font-family: "Flaticon";
}
.price-block .inner-box .price-list li:last-child{
margin-bottom:0px;
}
.price-block .inner-box .btn-box{
position:relative;
}
.price-block .inner-box .btn-box .start-btn{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
padding:14px 46px;
display:inline-block;
border-radius:50px;
border:1px solid #ffffff;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:100px 0px 100px;
}
.team-section .owl-nav{
display:none;
}
.team-section .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.team-section .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 5px;
display:inline-block;
background-color:#2d353d;
-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-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover{
width:30px;
background-color:#154665;
}
.team-block{
position:relative;
margin-bottom:30px;
}
.team-block .inner-box{
position:relative;
padding-top:25px;
padding-left:25px;
}
.team-block .inner-box:before{
position: absolute;
content:'';
left:0px;
top:0px;
width:170px;
height:300px;
border:5px solid #154665;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block .inner-box:hover::before{
border-color:#322f2f;
}
.team-block .inner-box .image{
position:relative;
overflow:hidden;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
clip-path: polygon(0 0, 100% 0, 100% 82%, 0% 100%);
}
.team-block .inner-box .image .social-box{
position:absolute;
left:30px;
bottom:-500px;
width:40px;
text-align:center;
padding:35px 0px 30px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.team-block .inner-box:hover .image .social-box{
bottom:-10px;
}
.team-block .inner-box .image .social-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:#ffffff;
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}
.team-block .inner-box .image .social-box li{
position:relative;
margin-bottom:12px;
}
.team-block .inner-box .image .social-box li a{
position:relative;
color:#322f2f;
font-size:16px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block .inner-box .image .social-box li a:hover{
color:#154665;
}
.team-block .inner-box .lower-box{
position:relative;
text-align:right;
}
.team-block .inner-box .lower-box .designation{
position:relative;
color:#777777;
font-size:16px;
font-weight:700;
}
.team-block .inner-box .lower-box h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
margin-top:4px;
}
.team-block .inner-box .lower-box h3 a{
position:relative;
color:#322f2f;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block .inner-box .lower-box h3 a:hover{
color:#154665;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section-two{
position:relative;
padding:110px 0px 100px;
}
.testimonial-section-two .image-layer{
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:70%;
height:760px;
background-repeat:no-repeat;
border-radius:0px 10px 10px 0px;
}
.testimonial-section-two .carousel-column{
position:relative;
}
.testimonial-section-two .carousel-column .inner-column{
position:relative;
}
.testimonial-section-two .carousel-column .inner-column .owl-nav{
position:absolute;
left:15px;
bottom:-220px;
}
.testimonial-section-two .carousel-column .inner-column .owl-nav .owl-prev,
.testimonial-section-two .carousel-column .inner-column .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:#ffffff;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-two .carousel-column .inner-column .owl-nav .owl-prev:hover,
.testimonial-section-two .carousel-column .inner-column .owl-nav .owl-next:hover{
color:#154665;
border-color:#154665;
}
.testimonial-section-two .carousel-column .inner-column .owl-dots{
display:none;
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
padding-left:80px;
}
.testimonial-block-two .inner-box:before{
position:absolute;
content:'';
left:28px;
top:0px;
width:2px;
height:200px;
background-color:#cacaca;
}
.testimonial-block-two .inner-box .quote-icon{
position:absolute;
left:0px;
top:0px;
}
.testimonial-block-two .inner-box .quote-icon .icon{
position:absolute;
left:10px;
top:30px;
width:40px;
height:40px;
z-index:1;
color:#777777;
line-height:40px;
text-align:center;
border-radius:50px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.testimonial-block-two .inner-box .quote-icon:before{
position:absolute;
content:'';
left:22px;
top:50px;
width:2px;
height:110px;
background-color:#cacaca;
}
.testimonial-block-two .inner-box .quote-icon:after{
position:absolute;
content:'';
left:34px;
top:50px;
width:2px;
height:110px;
background-color:#cacaca;
}
.testimonial-block-two .inner-box .text{
position:relative;
color:#ffffff;
font-size:16px;
line-height:2em;
}
.testimonial-block-two .inner-box .author-info{
position:relative;
margin-top:30px;
}
.testimonial-block-two .inner-box .author-info .author-name{
position:relative;
color:#154665;
font-size:24px;
font-weight:700;
line-height:1.3em;
font-family: 'Raleway', sans-serif;
}
.testimonial-block-two .inner-box .author-info .designation{
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.3em;
margin-top:10px;
}
.testimonial-section-two .carousel-column .client-thumb-outer{
position: relative;
width: 300px;
overflow: hidden;
padding-bottom: 5px;
margin-top:70px;
}
.testimonial-section-two .carousel-column .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
z-index:999;
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.testimonial-section-two .carousel-column .client-thumb-outer .owl-item.active .thumb-item .thumb-box img{
opacity:0.5;
}
.testimonial-section-two .carousel-column .client-thumb-outer .client-thumbs-carousel{
position: relative;
max-width: 80px;
margin: 0 auto;
text-align:center;
}
.testimonial-section-two .carousel-column .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
overflow:visible;
padding:0px;
}
.testimonial-section-two .carousel-column .client-thumb-outer .thumb-item .thumb-box{
width:70px;
height:70px;
cursor:pointer;
border-radius:0%;
margin: 0 auto;
overflow:hidden;
background-color:#154665;
-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 .client-thumb-outer .owl-item{
z-index:0;
}
.testimonial-section-two .carousel-column .client-thumb-outer .owl-item.active{
z-index:10;
}
.testimonial-section-two .carousel-column .client-thumb-outer .client-thumbs-carousel .thumb-item img{
overflow:hidden;
width:100%;
height:100%;
display:block;
border-radius:0%;
}
.testimonial-section-two .form-column{
position:relative;
}
.testimonial-section-two .form-column .inner-column{
position:relative;
margin-top:-100px;
border-radius:10px;
padding:50px 40px 50px;
background-color:#154665;
}
.testimonial-section-two .form-column .inner-column:before{
position:absolute;
right:-100px;
top:-100px;
content:'';
width:168px;
height:168px;
z-index:-1;
background:url(../images/background/pattern-6.png) no-repeat;
}
.testimonial-section-two .form-column h2{
position:relative;
color:#ffffff;
font-size:36px;
font-weight:600;
text-align:center;
margin-bottom:20px;
}
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.default-form .form-group:last-child{
margin-bottom:0px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px;
color:#ffffff;
height:50px;
font-size:14px;
background:none;
font-weight:400;
border-radius:5px;
border:1px solid #ffffff;
background:rgba(255,255,255,0.10);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form .form-group input::-webkit-input-placeholder,
.default-form .form-group textarea::-webkit-input-placeholder{
color:#ffffff;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus{
border-color:#322f2f;
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px;
color:#ffffff;
height:150px;
background:rgba(255,255,255,0.10);
resize:none;
font-size:14px;
font-weight:400;
border-radius:5px;
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;
}
.default-form .form-group .theme-btn{
cursor:pointer;
}
.default-form.style-two .form-group input,
.default-form.style-two .form-group textarea{
background-color:#ffffff;
color:#000000;
}
.default-form.style-two .form-group textarea{
height:200px;
}
.default-form.style-two .form-group input::-webkit-input-placeholder,
.default-form.style-two .form-group textarea::-webkit-input-placeholder{
color:#000000;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:90px 0px 70px;
}
.news-section-two .image-layer{
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 55%;
height: 760px;
background-color:#b07c4d;
background-repeat: no-repeat;
border-radius: 10px 0px 0px 0px;
}
.news-section-two .image-column{
position:relative;
margin-bottom:40px;
}
.news-section-two .image-column .sec-title{
margin-bottom:70px;
}
.news-section-two .image-column .inner-column{
position:relative;
}
.news-section-two .image-column .image{
position:relative;
background-color:#000000;
}
.news-section-two .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-section-two .image-column .image:hover img{
opacity:0.4;
}
.news-section-two .image-column .owl-nav{
display:none;
}
.news-section-two .image-column .owl-dots{
position:absolute;
left:0px;
bottom:25px;
right:0px;
text-align:center;
}
.news-section-two .image-column .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
margin:0px 5px;
border-radius:50px;
display:inline-block;
border:2px 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;
}
.news-section-two .image-column .owl-dots .owl-dot.active,
.news-section-two .image-column .owl-dots .owl-dot:hover{
background-color:#ffffff;
}
.news-section-two .blocks-column{
position:relative;
margin-bottom:40px;
}
.news-section-two .blocks-column .inner-column{
position:relative;
padding-left:70px;
}
.news-section-two .blocks-column .inner-column .owl-dots{
display:none;
}
.news-section-two .blocks-column .inner-column .owl-nav{
position:absolute;
right:0px;
top:-10px;
}
.news-section-two .blocks-column .inner-column .owl-nav .owl-prev,
.news-section-two .blocks-column .inner-column .owl-nav .owl-next{
position:relative;
width:30px;
height:30px;
color:#49392c;
text-align:center;
line-height:28px;
margin-left:10px;
display:inline-block;
border:1px solid #49392c;
-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-section-two .blocks-column .inner-column .owl-nav .owl-prev:hover,
.news-section-two .blocks-column .inner-column .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#ffffff;
}
.news-block-two{
position:relative;
}
.news-block-two .inner-box{
position:relative;
padding-top:40px;
padding-left:30px;
padding-bottom:40px;
border-bottom:2px solid rgba(255,255,255,0.15);
}
.news-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
width:0px;
opacity:0;
background-color:#ffffff;
border-left:3px solid #000000;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-two .inner-box:hover::before{
width:100%;
opacity:1;
}
.news-block-two:last-child .inner-box{
border-bottom:0px;
margin-bottom:0px;
}
.news-block-two .inner-box .post-meta{
position:relative;
}
.news-block-two .inner-box .post-meta li{
position:relative;
color:#222222;
font-size:14px;
padding-right:10px;
margin-right:8px;
line-height:1.1em;
display:inline-block;
border-right:1px solid #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:hover h3 a{
color:#222222;
}
.news-block-two .inner-box .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.news-block-two .inner-box h3{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
line-height:1.4em;
margin-top:15px;
}
.news-block-two .inner-box h3 a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box h3 a:hover{
opacity:0.7;
}
/***
====================================================================
Footer Style Two
====================================================================
***/
.footer-style-two{
position:relative;
padding:0px 0px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.footer-style-two .footer-widget{
position:relative;
margin-bottom:40px;
}
.footer-style-two .widgets-section{
position:relative;
padding:90px 0px 50px;
}
.footer-style-two .footer-title{
position:relative;
padding-bottom:24px;
margin-bottom:30px;
}
.footer-style-two .footer-widget h4{
position:relative;
font-weight:600;
color:#ffffff;
font-size:20px;
line-height:1.2em;
text-transform:capitalize;
}
.footer-style-two .footer-title:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:2px;
width:40px;
background-color:#154665;
}
.footer-style-two .logo-widget{
position:relative;
}
.footer-style-two .logo-widget .logo{
position:relative;
margin-bottom:30px;
}
.footer-style-two .logo-widget .text{
position:relative;
color:#ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 30px;
}
.footer-style-two .contact-link{
position:relative;
}
.footer-style-two .contact-link li{
position:relative;
color:#777777;
font-size:15px;
margin-bottom:12px;
}
.footer-style-two .contact-link li span{
color:#ffffff;
}
/* Recent Posts */
.footer-style-two .news-widget{
position: relative;
}
.footer-style-two .news-widget .post{
position: relative;
min-height: 90px;
padding-left: 110px;
margin-bottom: 30px;
}
.footer-style-two .news-widget .post:last-child{
margin-bottom: 0;
}
.footer-style-two .news-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
}
.footer-style-two .news-widget .post .thumb a{
display: block;
}
.footer-style-two .news-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.footer-style-two .news-widget .post h4{
position: relative;
font-size: 16px;
color: #ffffff;
line-height: 30px;
font-weight: 700;
top: -5px;
}
.footer-style-two .news-widget .post h4 a{
color:#ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-style-two .news-widget .post h4 a:hover{
color: #154665;
}
.footer-style-two .news-widget .post .date{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #bbbbbb;
}
.footer-style-two .newsletter-widget .text{
position:relative;
color:#777777;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 30px;
}
/* Newslettter Form */
.footer-style-two .newsletter-form{
margin-bottom:35px;
}
.footer-style-two .newsletter-form .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.footer-style-two .newsletter-form .form-group input[type="text"],
.footer-style-two .newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 85px 10px 15px;
height:50px;
font-size:15px;
color:#ffffff;
background:none;
border:1px solid #363636;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.footer-style-two .newsletter-form .form-group button{
position:absolute;
right:0px;
top:0px;
padding:13px 30px;
font-size:16px;
color:#ffffff;
display:inline-block;
background-color:#154665;
cursor:pointer;
}
.footer-style-two .footer-bottom{
position:relative;
padding:20px 0px;
background-color:#154665;
}
.footer-style-two .footer-bottom .copyright{
position:relative;
color:#ffffff;
font-size:16px;
}
.footer-style-two .footer-bottom .footer-nav{
position:relative;
}
.footer-style-two .footer-bottom .footer-nav li{
position:relative;
display:inline-block;
padding-right:16px;
margin-right:14px;
line-height:1.1em;
border-right:1px solid #ffffff;
}
.footer-style-two .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;
}
.footer-style-two .footer-bottom .footer-nav li:last-child{
padding-right:0px;
margin-right:0px;
border-right:0px;
}
.footer-style-two .footer-bottom .footer-nav li a:hover{
color:#222222;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two{
position:relative;
padding:100px 0px 80px;
background-size:cover;
}
.team-section-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.85);
}
.team-block-two{
position:relative;
margin-bottom:30px;
}
.team-block-two .inner-box{
position:relative;
padding-right:30px;
}
.team-block-two .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-two .inner-box:hover::before{
border-color:#154665;
}
.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 .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-two .inner-box .image .social-nav:before{
position:absolute;
content:'';
left:-30px;
top:0px;
right:-35px;
bottom:0px;
transform:skewX(30deg);
background-color:rgba(171,116,66,0.80);
}
.team-block-two .inner-box .image .social-nav li{
position:relative;
margin:0px 10px;
display:inline-block;
}
.team-block-two .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-two .inner-box .image .social-nav li a:hover{
color:#222222;
}
.team-block-two .inner-box:hover .image .social-nav{
left:0px;
}
.team-block-two .inner-box .lower-content{
position:relative;
text-align:right;
padding:25px 0px 20px;
}
.team-block-two .inner-box .lower-content h3{
position:relative;
font-size:24px;
color:#154665;
font-weight:700;
text-transform:capitalize;
}
.team-block-two .inner-box .lower-content .designation{
position:relative;
font-size:14px;
color:#ffffff;
margin-top:4px;
}
/***
====================================================================
What We Section
====================================================================
***/
.what-we-section{
position:relative;
padding-top:100px;
}
.what-we-section .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-repeat:no-repeat;
}
.what-we-section .title-column{
position:relative;
}
.what-we-section .title-column .inner-column{
position:relative;
padding-right:45px;
}
.what-we-section .title-column .text{
position:relative;
margin-bottom:30px;
}
.what-we-section .title-column .text p{
position:relative;
line-height:1.7em;
color:#777777;
font-size:16px;
margin-bottom:20px;
}
.what-we-section .title-column .text p:last-child{
margin-bottom:0px;
}
.what-we-section .title-column .image{
position:relative;
margin-top:100%;
}
.what-we-section .blocks-column{
position:relative;
}
.what-we-section .blocks-column .inner-column{
position:relative;
padding-top:50px;
}
.what-we-section .blocks-column .services-block-two{
position:relative;
margin-bottom:40px;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two{
position:relative;
margin-bottom: 100px;
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-two .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-two .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-two .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-two .image-column:before{
position:absolute;
content:'';
right:-60px;
top:0px;
bottom:-220px;
width:671px;
height:850px;
z-index:-1;
background:url(../images/background/pattern-8.png) no-repeat;
}
.fluid-section-two .image-column:after{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:100px;
height:99px;
z-index:1;
background:url(../images/icons/icon-1.png) no-repeat;
}
.fluid-section-two .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-two .content-column .inner-column{
position:relative;
max-width:600px;
width:100%;
padding:100px 15px 60px 100px;
}
.fluid-section-two .content-column .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:60px;
}
.fact-counter-section{
position:relative;
padding-top:125px;
}
.fact-counter-section .inner-container{
position:relative;
padding:70px 15px 0px 60px;
}
.fact-counter-section .inner-container:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:100px;
height:99px;
z-index:1;
background:url(../images/icons/icon-2.png) no-repeat;
}
.fact-counter-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:2000px;
right:0px;
bottom:0px;
z-index:1;
background-color:rgba(50,47,47,0.90);
}
.fact-counter-section .inner-container .image-layer{
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:2000px;
background-size:cover;
background-repeat:no-repeat;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
padding-top:100px;
background-size:cover;
background-repeat:no-repeat;
}
.faq-section .accordian-column{
position:relative;
}
.faq-section .accordian-column .inner-column{
position:relative;
padding-bottom:90px;
}
.faq-section .image-column{
position:relative;
}
.faq-section .image-column .inner-column{
position:relative;
text-align:right;
}
.faq-section .image-column .image{
position:relative;
text-align:right;
margin-top:-80px;
display:inline-block;
}
/***
====================================================================
Project Section
====================================================================
***/
.project-section{
position:relative;
padding:100px 0px 90px;
}
.project-tab{
position:relative;
}
.project-tab .tabs-header{
position:relative;
text-align:center;
}
.project-tab .product-tab-btns{
position:relative;
text-align:center;
padding-bottom:30px;
}
.project-tab .product-tab-btns .p-tab-btn{
position: relative;
display: inline-block;
margin: 0px 2px;
font-size: 14px;
line-height: 22px;
font-weight: 700;
color: #322f2f;
z-index: 1;
cursor: pointer;
margin-bottom:10px;
padding: 12px 22px 9px;
text-transform: capitalize;
border: 1px solid transparent;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn{
color: #154665;
border-color: #154665;
}
.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;
}
.p-tab.active-tab .gallery-block{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.p-tab .gallery-block{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
}
.project-section .owl-nav{
position:absolute;
left:-60px;
top:50%;
right:-70px;
margin-top:-40px;
}
.project-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:40px;
height:40px;
color:#383535;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #383535;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-section .owl-nav .owl-next{
position:absolute;
right:0px;
width:40px;
height:40px;
color:#383535;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #383535;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-section .owl-nav .owl-prev:hover,
.project-section .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#154665;
background-color:#154665;
}
.project-section .owl-dots{
display:none;
}
/***
====================================================================
Call To Action Section Two
====================================================================
***/
.call-to-action-section-two{
position:relative;
overflow:hidden;
padding:45px 0px;
background-repeat:repeat-x;
}
.call-to-action-section-two .title-column{
position:relative;
}
.call-to-action-section-two .title-column .inner-column{
position:relative;
}
.call-to-action-section-two .title-column h2{
position:relative;
color:#ffffff;
font-size:26px;
font-weight:700;
padding-top:10px;
text-transform:uppercase;
}
.call-to-action-section-two .btn-column{
position:relative;
}
.call-to-action-section-two .btn-column:before{
position:absolute;
content:'';
left:0px;
top:-100px;
bottom:-100px;
width:2000px;
border-left:4px solid #ffffff;
transform:skewX(20deg);
background-color:#154665;
}
.call-to-action-section-two .btn-column:after{
position:absolute;
content:'';
left:-10px;
top:-100px;
bottom:-100px;
width:4px;
background-color:#ffffff;
transform:skewX(20deg);
}
.call-to-action-section-two .btn-column .inner-column{
position:relative;
text-align:right;
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-three{
position:relative;
padding:100px 0px 100px;
background-size:cover;
}
.testimonial-section-three .auto-container{
max-width:1030px;
margin:0 auto;
}
.testimonial-section-three .owl-nav{
position:absolute;
left:-90px;
top:50%;
right:-100px;
margin-top:-40px;
}
.testimonial-section-three .owl-nav .owl-prev{
position:absolute;
left:0px;
width:40px;
height:40px;
color:#ffffff;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-three .owl-nav .owl-next{
position:absolute;
right:0px;
width:40px;
height:40px;
color:#ffffff;
line-height:38px;
text-align:center;
border-radius:50px;
margin-right:10px;
display:inline-block;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
color:#ffffff;
border-color:#154665;
background-color:#154665;
}
.testimonial-section-three .owl-dots{
display:none;
}
.testimonial-block-three{
position:relative;
}
.testimonial-block-three .inner-box{
position:relative;
}
.testimonial-block-three .inner-box .upper-box{
position:relative;
padding:25px 35px 30px;
background-color:#f4f4f4;
}
.testimonial-block-three .inner-box .upper-box .title{
position:relative;
color:#222222;
font-size:14px;
font-weight:600;
padding-bottom:4px;
display:inline-block;
text-transform:capitalize;
border-bottom:2px solid #dddddd;
}
.testimonial-block-three .inner-box .upper-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.9em;
margin-top:20px;
}
.testimonial-block-three .inner-box .upper-box .rating-outer{
position:relative;
text-align:right;
margin-top:30px;
}
.testimonial-block-three .inner-box .upper-box .rating-outer .rating{
position:relative;
}
.testimonial-block-three .inner-box .upper-box .rating-outer .rating .fa{
position:relative;
color:#154665;
font-size:16px;
}
.testimonial-block-three .inner-box .lower-box{
position:relative;
margin-top:-50px;
padding:0px 35px 30px;
}
.testimonial-block-three .inner-box .lower-box .lower-inner{
position:relative;
padding-top:80px;
padding-left:150px;
}
.testimonial-block-three .inner-box .lower-box .author-image{
position:absolute;
left:0px;
top:0px;
width:120px;
height:120px;
}
.testimonial-block-three .inner-box .lower-box .designation{
position:relative;
font-style:italic;
color:#bbbbbb;
font-size:10px;
}
.testimonial-block-three .inner-box .lower-box h3{
position:relative;
color:#f4f4f4;
font-size:14px;
font-weight:500;
}
.testimonial-block-three.style-two .inner-box .lower-box h3,
.testimonial-block-three.style-two .inner-box .lower-box .designation{
color:#222222;
}
.news-section .owl-theme .news-block-three{
margin:0px 15px;
}
.news-section .owl-carousel{
margin:0px -15px;
width:auto;
}
.news-block-three{
position:relative;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
background-color:#000000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.5;
transform:scale(1.15,1.15) rotate(5deg);
}
.news-block-three .inner-box .lower-content{
position:relative;
padding:30px 30px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-three .inner-box .lower-content:before{
position:absolute;
content:'';
top:0px;
right:0px;
width:374px;
bottom:-50px;
z-index:-2;
background:url(../images/background/pattern-3.png) repeat;
background-position:right bottom;
}
.news-block-three .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-three .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
padding-right:10px;
margin-right:8px;
line-height:1.1em;
display:inline-block;
border-right:1px solid #777777;
}
.news-block-three .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.news-block-three .inner-box .lower-content h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
line-height:1.4em;
margin-top:15px;
}
.news-block-three .inner-box .lower-content h3 a{
position:relative;
color:#322f2f;
-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:#154665;
}
.news-block-three .inner-box .lower-content .read-more{
position:relative;
color:#154665;
font-size:18px;
font-weight:700;
line-height:1.3em;
margin-top:15px;
display:inline-block;
text-decoration:underline;
font-family: 'Raleway', sans-serif;
}
.news-block-three .inner-box .lower-content .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.7em;
margin-top:12px;
}
/***
====================================================================
Call To Action Section Three
====================================================================
***/
.call-to-action-section-three{
position:relative;
overflow:hidden;
padding:100px 0px;
background-size:cover;
}
.call-to-action-section-three:before{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
opacity:0.90;
background-color:#154665;
}
.call-to-action-section-three .title-column{
position:relative;
}
.call-to-action-section-three .title-column .inner-column{
position:relative;
}
.call-to-action-section-three .title-column .experiance{
position:relative;
color:white;
font-size:18px;
padding-right:85px;
display:inline-block;
}
.call-to-action-section-three .title-column .experiance:before{
position:absolute;
content:'';
right:0px;
bottom:0px;
height:2px;
width:60px;
background-color:#ffffff;
}
.call-to-action-section-three .title-column h2{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:700;
padding-top:20px;
line-height:1.4em;
}
.call-to-action-section-three .btn-column{
position:relative;
}
.call-to-action-section-three .btn-column .number{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:400;
margin-bottom:25px;
}
.call-to-action-section-three .btn-column .inner-column{
position:relative;
text-align:center;
}
.call-to-action-section-three .btn-column .inner-column:before{
position: absolute;
content:'';
left:0px;
top:0px;
width:1px;
height:100%;
background-color:#ffffff;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:120px 0px 110px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment: fixed;
}
.page-title:before{
position:absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0,0,0,0.80);
}
.page-title .auto-container{
position:relative;
}
.page-title .title{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:12px;
}
.page-title h2{
position:relative;
color:#ffffff;
font-weight:800;
line-height:1.2em;
margin-bottom: 10px;
font-size:40px;
padding-bottom:18px;
text-transform:capitalize;
}
.page-title h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:120px;
height:2px;
background-color:#cccccc;
}
.page-title h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:25px;
height:3px;
background-color:#154665;
}
.page-breadcrumb{
position:relative;
padding:18px 30px;
margin-top:10px;
display:inline-block;
background-color:#154665;
border-radius:0px 0px 10px 0px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffffff;
font-size:15px;
font-weight:500;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: "\f105";
right:-2px;
top:-1px;
color:#ffffff;
font-size:14px;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#ffffff;
font-weight:500;
text-transform: capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
}
.faq-page-section{
position:relative;
padding:100px 0px 60px;
}
.faq-page-section .column{
position:relative;
margin-bottom:40px;
}
.faq-form-section{
position: relative;
padding-top: 100px;
background-size: cover;
background-repeat: no-repeat;
}
.faq-form-section .form-column{
position:relative;
}
.faq-form-section .form-column .sec-title{
margin-bottom:18px;
}
.faq-form-section .form-column .question{
position:relative;
font-size:14px;
color:#ffffff;
margin-bottom:45px;
}
.faq-form-section .form-column .sec-title .separate:after{
background-color:#ffffff;
}
.faq-form-section .form-column .inner-column{
position:relative;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-page-section{
position:relative;
padding:100px 0px 100px;
background-size:cover;
}
.pricing-page-section .title-column{
margin-top:0px;
margin-bottom:70px;
}
.price-block-two{
position:relative;
margin-bottom:30px;
}
.price-block-two .inner-box{
position:relative;
padding:105px 50px;
background:none;
background-color:rgba(255,255,255,0.03);
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
clip-path: polygon(0 15%, 100% 0%, 100% 88%, 0% 100%);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.price-block-two .inner-box:hover{
border-color:#ffffff;
}
.price-block-two .inner-box .upper-box{
position:relative;
text-align:right;
margin-bottom:35px;
}
.price-block-two .inner-box .title{
position:relative;
font-size:16px;
color:#ffffff;
font-weight:700;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
}
.price-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:0px;
height:100%;
display:block;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
background:url(../images/background/14.jpg);
}
.price-block-two .inner-box:hover::before,
.price-block-two.active .inner-box::before{
width:100%;
display:block;
}
.price-block-two .inner-box h3{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:400;
margin-top:5px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block-two .inner-box .icon-box{
position:relative;
}
.price-block-two .inner-box .icon-box .icon{
position:relative;
}
.price-block-two .inner-box .price{
position:relative;
color:#ffffff;
font-size:48px;
font-weight:400;
line-height:1.3em;
margin-top:5px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block-two .inner-box .month{
position:relative;
color:#ffffff;
font-size:16px;
font-weight:400;
}
.price-block-two .inner-box .price sup{
position:relative;
top:8px;
font-size:24px;
font-weight:400;
}
.price-block-two .inner-box .price-list{
position:relative;
margin-top:18px;
margin-bottom:40px;
}
.price-block-two .inner-box .price-list li{
position:relative;
color:#ffffff;
font-size:16px;
margin-bottom:12px;
padding-left:22px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block-two .inner-box .price-list li:before{
position:absolute;
content: "\f179";
left:0px;
top:0px;
color:#ffffff;
font-size:12px;
font-weight:700;
font-family: "Flaticon";
}
.price-block-two .inner-box .price-list li:last-child{
margin-bottom:0px;
}
.price-block-two .inner-box .btn-box{
position:relative;
}
.price-block-two .inner-box .btn-box .start-btn{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
padding:14px 46px;
display:inline-block;
border-radius:50px;
border:1px solid #ffffff;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.testimonial-page-section{
position:relative;
padding:100px 0px 70px;
}
/*Comming Soon*/
.comming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-size:cover;
}
.comming-soon:before{
position:fixed;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.70);
}
.comming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align:center;
vertical-align: middle;
}
.comming-soon .content .content-inner{
position: relative;
padding: 50px 15px;
display: table-cell;
vertical-align: middle;
}
.comming-soon .content .content-inner h2{
position:relative;
color:#ffffff;
font-size:90px;
font-weight:300;
line-height:1.2em;
margin-bottom:80px;
}
.comming-soon .content .content-inner .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:300;
line-height:1.6em;
margin-top:28px;
margin-bottom:60px;
letter-spacing:1px;
}
.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:#797979;
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;
}
.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:#154665;
letter-spacing:1px;
text-transform:capitalize;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
margin-left:-20px;
}
.time-counter .time-countdown .counter-column{
position:relative;
margin-left:20px;
width:170px;
height:170px;
text-align:center;
display:inline-block;
padding:30px 0px 10px;
border:6px solid #ffffff;
color:#ffffff;
font-size:18px;
line-height:30px;
text-transform:uppercase;
font-weight:300;
border-radius:8px;
margin-bottom:30px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:60px;
line-height:40px;
padding:10px 10px;
color:#154665;
letter-spacing:1px;
font-weight:700;
}
.services-page-section{
position:relative;
padding:100px 0px 70px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar{
}
.sticky-top{
top:90px;
}
/*Sidebar Widget*/
.sidebar-widget{
position: relative;
margin-bottom: 50px;
}
/*Blog Category*/
.blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
margin-bottom:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat li:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:7px;
height:0%;
z-index:1;
background-color:#154665;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat li:hover::before,
.blog-cat li.active::before{
height:100%;
}
.blog-cat li a{
position:relative;
color:#322f2f;
font-size:16px;
font-weight:700;
display:block;
border-radius:0px 50px 50px 0px;
border:1px solid #acacac;
padding:20px 15px 16px 38px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-cat li a:before{
position:absolute;
content:'\f178';
right:22px;
top:18px;
color:#322f2f;
font-size:18px;
font-family: 'FontAwesome';
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#154665;
border-color:#154665;
}
/*Brochure Box*/
.brochure-box{
position:relative;
margin-bottom:20px;
border-radius:50px;
padding:20px 15px 20px 30px;
border:2px 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;
}
.brochure-box .inner{
position:relative;
padding-left:30px;
}
.brochure-box .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.brochure-box .inner .icon{
position:absolute;
left:0px;
top:0px;
color:#222222;
font-size:16px;
font-weight:300;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box .inner .text{
position:relative;
font-size:16px;
font-weight:600;
color:#666666;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.brochure-box:hover{
border-color:#154665;
background-color:#154665;
}
.brochure-box:hover .icon,
.brochure-box:hover .text{
color:#ffffff;
}
.business-box{
position:relative;
}
.business-box .widget-content{
position:relative;
overflow:hidden;
padding:50px 40px;
border-radius:15px;
}
.business-box .widget-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.85);
}
.business-box .widget-content h3{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
padding-bottom:20px;
}
.business-box .widget-content h3:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:3px;
width:45px;
background-color:#154665;
}
.business-box .widget-content .text{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:400;
line-height:1.9em;
padding-top:20px;
}
.business-box .widget-content .more{
position:relative;
margin-top:30px;
font-size:15px;
color:#ffffff;
text-transform:uppercase;
display:inline-block;
}
/* Service Single */
.service-single{
position:relative;
}
.service-single .inner-box{
position:relative;
}
.service-single .inner-box .image{
position:relative;
}
.service-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.service-single .inner-box .lower-content{
position:relative;
padding-top:25px;
}
.service-single .inner-box .lower-content h2{
position:relative;
color:#222222;
font-size:30px;
font-weight:700;
line-height:1.3em;
}
.service-single .inner-box .lower-content .text{
position:relative;
margin-top:20px;
}
.service-single .inner-box .lower-content .text p{
position:relative;
color:#777777;
font-size:14px;
line-height:1.9em;
margin-bottom:20px;
}
.service-single .inner-box .lower-content h3{
position:relative;
color:#222222;
font-size:24px;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
}
.service-single .inner-box .lower-content .column{
position:relative;
margin-bottom:30px;
}
.service-single .inner-box .lower-content .contact-box{
position:relative;
}
.service-single .inner-box .lower-content .contact-box .box-inner{
position:relative;
padding:45px 25px;
text-align:center;
}
.service-single .inner-box .lower-content .contact-box .box-inner:before{
position: absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(34,34,34,0.90);
}
.service-single .inner-box .lower-content .contact-box h4{
position:relative;
color:#ffffff;
font-weight:700;
line-height:1.6em;
font-size:22px;
margin-bottom:20px;
}
.service-single .inner-box .lower-content .lower-row{
position:relative;
margin-top:30px;
}
.service-single .inner-box .lower-content .lower-row .column{
margin-bottom:0px;
}
.project-detail-section{
position:relative;
padding:110px 0px 60px;
}
.project-detail-section .upper-section{
position:relative;
}
.project-detail-section .upper-section .image-column{
position:relative;
}
.project-detail-section .upper-section .image-column .image{
position:relative;
margin-bottom:30px;
}
.project-detail-section .upper-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.project-detail-section .lower-section{
position:relative;
}
.project-detail-section .lower-section .content-column{
position:relative;
}
.project-detail-section .lower-section .content-column .inner-column{
position:relative;
}
.project-detail-section .lower-section .content-column h2{
position:relative;
color:#222222;
font-size:24px;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
}
.project-detail-section .lower-section .content-column .text{
position:relative;
}
.project-detail-section .lower-section .content-column .text p{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
}
.project-detail-section .lower-section .content-column h3{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
line-height:1.3em;
margin-bottom:20px;
}
.project-detail-section .lower-section .content-column .list-style-four{
margin-bottom:25px;
}
.project-detail-section .lower-section .info-list{
position:relative;
margin-top:25px;
}
.project-detail-section .lower-section .info-list li{
position: relative;
margin-bottom: 6px;
color: #666666;
font-size: 14px;
font-weight: 400;
}
.project-detail-section .lower-section .info-list li span{
position:relative;
color: #222222;
font-weight: 700;
width: 180px;
display: inline-block;
}
.project-detail-section .lower-section .contact-box{
position:relative;
margin-top:35px;
}
.project-detail-section .lower-section .contact-box .inner-box{
position:relative;
padding:35px 35px;
background-size:cover;
border:1px solid #dddddd;
background-repeat:no-repeat;
}
.project-detail-section .lower-section .contact-box .inner-box .title{
position:relative;
color:#154665;
font-size:14px;
font-weight:700;
margin-bottom:6px;
}
.project-detail-section .lower-section .contact-box .inner-box h2{
position:relative;
color:#222222;
font-size:24px;
font-weight:700;
margin-bottom:15px;
text-transform:uppercase;
}
.project-detail-section .lower-section .contact-box .inner-box .text{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:30px;
}
.project-detail-section .lower-section .contact-box .inner-box .contact-btn{
position:relative;
color:#154665;
font-size:14px;
font-weight:600;
padding:8px 30px;
display:inline-block;
text-transform:capitalize;
border:1px solid #154665;
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:#ffffff;
}
.project-detail-section .lower-section .contact-box .inner-box .contact-btn:hover{
color:#ffffff;
border-color:#154665;
background-color:#154665;
}
.related-projects{
padding-top:30px;
}
.blog-page-section{
position:relative;
padding:100px 0px 100px;
}
.blog-page-section .news-block{
margin-bottom:110px;
}
/***
====================================================================
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:#322f2f;
font-size:16px;
font-weight:400;
line-height:38px;
text-align:center;
border-radius:50px;
display:inline-block;
border:1px solid #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;
}
.styled-pagination li.active a,
.styled-pagination li:hover a{
color:#ffffff;
border-color:#154665;
background-color:#154665;
}
.styled-pagination li.prev a{
font-size:14px;
color:#ffffff;
border-color:#333333;
border-radius: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:14px;
color:#ffffff;
border-color:#333333;
background-color:#333333;
border-radius:50px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
background-color:#154665;
border-color:#154665;
}
/*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:38px;
padding:10px 50px 10px 30px;
border:1px solid #cccccc;
background:none;
display:block;
font-size:14px;
width:100%;
height:50px;
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;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:60px;
display:block;
font-size:16px;
color:#154665;
cursor:pointer;
line-height:100%;
font-weight:normal;
background:none;
}
.sidebar-title{
position:relative;
margin-bottom:28px;
}
.sidebar-title h2{
position: relative;
color: #322f2f;
font-size: 24px;
font-weight: 600;
line-height: 1.3em;
text-transform: capitalize;
}
.blog-cat-two{
position:relative;
border-radius:8px;
overflow:hidden;
border:1px solid #cccccc;
}
.blog-cat-two li{
position:relative;
}
.blog-cat-two li a{
position:relative;
color:#666666;
font-size:14px;
padding:18px 30px;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-bottom:1px dashed #cccccc;
}
.blog-cat-two li a:hover{
color:#ffffff;
background-color:#154665;
}
.blog-cat-two li:last-child a{
border-bottom:0px;
}
.blog-cat-two li a span{
position:absolute;
right:30px;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:110px;
min-height:115px;
margin-bottom:25px;
border-bottom:1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
border-bottom:none;
min-height:auto;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:85px;
}
.sidebar .popular-posts .post .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(171,116,66,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:700;
color:#333333;
line-height:1.5em;
text-transform:capitalize;
}
.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:#154665;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:12px;
color:#154665;
font-weight:400;
margin-top:4px;
}
/* Popular Tags */
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:8px 24px 8px;
margin:0px 6px 10px 0px;
color:#666666;
text-align:center;
font-size:12px;
background:none;
font-weight:400;
border-radius:50px;
border:1px solid #cccccc;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
border-color:#154665;
background-color:#154665;
color:#ffffff;
}
.instagram-widget .post-thumb{
position:relative;
width:30%;
float:left;
margin:0px 4px 8px;
}
.instagram-widget .post-thumb .overlay-box{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 18px;
opacity: 0;
text-align: center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(171,116,66,0.70);
}
.instagram-widget .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.instagram-widget .post-thumb:hover .overlay-box{
opacity:1;
}
.instagram-widget .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;
}
.blog-classic .news-block-three{
margin-bottom:90px;
}
.news-detail{
position:relative;
}
.news-detail .inner-box{
position:relative;
}
.news-detail .inner-box .image{
position:relative;
padding-left:100px;
}
.news-detail .inner-box .image img{
position:relative;
}
.news-detail .inner-box .lower-content{
position:relative;
padding:30px 30px 40px;
margin-right:100px;
margin-top:-20px;
margin-left:15px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-detail .inner-box .lower-content:before{
position:absolute;
content:'';
top:0px;
right:-100px;
width:570px;
height:950px;
z-index:-2;
background:url(../images/background/pattern-10.png) no-repeat;
}
.news-detail .inner-box .lower-content .post-meta{
position:relative;
}
.news-detail .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
padding-right:10px;
margin-right:8px;
line-height:1.1em;
display:inline-block;
border-right:1px solid #777777;
}
.news-detail .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.news-detail .inner-box .lower-content h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
line-height:1.4em;
margin-top:12px;
margin-bottom:12px;
}
.news-detail .inner-box .lower-content .text{
position;relative;
}
.news-detail .inner-box .lower-content .text p{
position:relative;
color:#777777;
font-size:15px;
line-height:1.8em;
margin-bottom:15px;
}
.news-detail .inner-box .lower-content .text blockquote{
position:relative;
margin-top:30px;
margin-bottom:40px;
border-left:4px solid #154665;
}
.news-detail .inner-box .lower-content .text blockquote .quote{
position:absolute;
right:30px;
font-size:24px;
color:#bbbbbb;
}
.news-detail .inner-box .lower-content .text blockquote .quote-inner{
position:relative;
padding:30px 30px;
background-color:#eeeeee;
}
.news-detail .inner-box .lower-content .text blockquote .quote-txt{
position:relative;
color:#322f2f;
font-size:16px;
line-height:1.8em;
}
.news-detail .inner-box .lower-content .text blockquote .blockquote-author{
position:relative;
color:#154665;
font-size:15px;
text-align:right;
font-weight:500;
margin-top:5px;
}
.news-detail .inner-box .lower-content .text .column .image{
padding-left:0px;
}
.news-detail .inner-box .lower-content .text .column .image img{
width:100%;
display:block;
}
.news-detail .inner-box .post-share-options{
margin-top:25px;
}
/* Author Box */
.author-box{
position:relative;
padding: 30px 30px;
margin-top:70px;
border: 1px dashed #dddddd;
margin-bottom: 55px;
background-color:#ffffff;
}
.author-box .author-inner{
position:relative;
padding-left: 170px;
}
.author-box .thumb{
position:absolute;
left:0px;
top:0px;
height: 125px;
width: 135px;
overflow: hidden;
}
.author-box .thumb img{
display: block;
width: 100%;
height: auto;
}
.author-box .name{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: 700;
margin-bottom: 5px;
display:inline-block;
margin-right:25px;
}
.author-box .text{
position: relative;
display: block;
font-size: 15px;
line-height: 30px;
color: #777777;
font-weight: 400;
margin-bottom: 18px;
line-height:2em;
margin-top:20px;
}
.author-box .social-icon{
position: relative;
display:inline-block;
}
.author-box .social-icon li{
position: relative;
display: inline-block;
margin-right: 6px;
}
.author-box .social-icon li:last-child{
margin-right: 0;
}
.author-box .social-icon li a{
position:relative;
width:36px;
height:36px;
display: block;
font-size:14px;
font-weight:400;
line-height: 34px;
color:#154665;
border-radius:50px;
text-align:center;
display:inline-block;
border:1px solid #154665;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.author-box .social-icon li a:hover{
color: #ffffff;
border-color:#154665;
background-color:#154665;
}
/* News Posts */
.news-posts{
position:relative;
padding:25px 0px;
margin-top: 40px;
margin-bottom:60px;
border-top: 1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
}
.news-posts h4{
position:relative;
color:#222222;
font-size:16px;
font-weight:600;
line-height:1.7em;
margin:0px;
margin-bottom:10px;
}
.news-posts .prev-post a{
position:relative;
color:#020e28;
font-size:16px;
font-weight:700;
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;
}
.news-posts .prev-post .image{
position:absolute;
left:0px;
top:8px;
width:70px;
height:70px;
}
.news-posts .next-post{
position:relative;
text-align:right;
}
.news-posts .next-post .image{
position:absolute;
right:0px;
top:8px;
width:70px;
height:70px;
}
.news-posts .next-post a{
position:relative;
color:#020e28;
font-size:16px;
font-weight:700;
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;
}
.news-posts .prev-post{
position:relative;
}
.news-posts .prev-post a:hover,
.news-posts .next-post a:hover{
color:#154665;
}
.news-posts .arrow{
position:relative !important;
font-size:14px !important;
color:#848484 !important;
font-weight:400 !important;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:60px;
margin-bottom:50px;
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
position:relative;
font-size:24px;
color:#154665;
font-weight:700;
margin-bottom:30px;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:30px 30px 30px;
margin-bottom: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;
}
.sidebar-page-container .comments-area .comment-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:#f4f4f4;
clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
}
.sidebar-page-container .comments-area .comment-box:last-child{
margin-bottom:0px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
min-height:120px;
padding:5px 0px 0px 160px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:70px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:120px;
margin-bottom:20px;
overflow:hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:15px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:500;
color:#222222;
display:block;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#848484;
font-size:15px;
line-height:1.7em;
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
font-size:16px;
color:#154665;
margin-left:15px;
display:inline-block;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-size:16px;
color:#a5a5a5;
font-weight:400;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#3d415b;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .group-title h4{
position:relative;
margin-bottom:10px;
}
.comment-form .form-text{
position:relative;
color:#777777;
font-size:16px;
margin-bottom:30px;
}
.comment-form .form-group{
margin-bottom:20px;
}
.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;
color:#888888;
border:1px solid #dddddd;
height:60px;
font-size:14px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#154665;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
color:#888888;
border:1px solid #dddddd;
height:145px;
background:#ffffff;
resize:none;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .submit-btn{
position:relative;
color:#ffffff;
font-weight:500;
font-size:14px;
margin-top:10px;
border-radius:50px;
letter-spacing:1px;
border:2px solid #222222;
background-color:#222222;
padding:14px 50px 14px;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .submit-btn:hover{
background:none;
color:#222222;
}
/*Error Section*/
.error-section{
position:relative;
padding:220px 0px 260px;
background-repeat:no-repeat;
background-size:cover;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(26,26,32,0.70);
}
.error-section h1{
position:relative;
color:#154665;
font-size:180px;
font-weight:600;
line-height:1em;
margin-bottom:10px;
}
.error-section h2{
position:relative;
color:#ffffff;
font-size:50px;
font-weight:300;
line-height:1.2em;
margin-bottom:10px;
}
.error-section .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:300;
margin-top:20px;
margin-bottom:30px;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position:relative;
padding:100px 0px 30px;
}
.contact-form .form-group{
margin-bottom:20px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:#888888;
border:1px solid #dddddd;
height:60px;
font-size:14px;
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;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#154665;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
color:#888888;
border:1px solid #dddddd;
height:145px;
background:#ffffff;
resize:none;
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;
}
.contact-form .submit-btn{
position:relative;
color:#ffffff;
font-weight:500;
font-size:14px;
margin-top:10px;
border-radius:50px;
letter-spacing:1px;
border:2px solid #222222;
background-color:#222222;
padding:14px 50px 14px;
text-transform:uppercase;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .submit-btn:hover{
background:none;
color:#222222;
}
.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 .info-column .text{
position:relative;
line-height:2em;
font-size:14px;
color:#777777;
margin-bottom:25px;
}
/* Contact Info */
.contact-info{
position: relative;
margin-bottom: 50px;
}
.contact-page-section .contact-info li{
position: relative;
padding-left: 70px;
font-size: 16px;
line-height: 24px;
color: #777777;
font-weight: 400;
margin-bottom: 45px;
}
.contact-page-section .contact-info li .icon{
position: absolute;
left: 0;
top: 0;
font-size: 40px;
line-height: 1.4em;
color: #154665;
}
.contact-page-section .contact-info li strong{
display: block;
font-size: 18px;
line-height: 26px;
color: #322f2f;
font-weight: 700;
margin-bottom: 5px;
}
.contact-page-section .contact-info li a{
color: #322f2f;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-page-section .contact-info li a:hover{
color: #154665;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section{
position: relative;
padding-top:40px;
padding-bottom:100px;
}
.contact-map-section .map-outer{
position: relative;
height: 500px;
}
.contact-map-section .map-outer iframe{
left: 0;
top: 0;
width: 100%;
height: 500px;
margin-bottom: -10px;
}
.contact-map-section .map-canvas{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
.team-page-section{
padding:100px 0px 70px;
}
.team-page-section .team-block-two .inner-box .lower-content .designation{
color:#222222;
}
.team-page-section .team-block-two .inner-box:before{
border-color:#cccccc;
}
/* Item Sorting */
.shop-section .items-sorting{
position:relative;
margin-bottom:20px;
}
.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column{
margin-bottom:20px;
}
.shop-section .items-sorting .results-column h6{
font-size:18px;
font-weight:400;
color:#666666;
line-height:24px;
padding:13px 0px;
}
.shop-section .items-sorting .form-group{
margin-bottom:0px;
}
.shop-section .items-sorting select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:9px 20px 9px;
height:50px;
font-size:14px;
border:1px solid #eeeeee;
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
color:#666666;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.shop-section .items-sorting select option{
text-indent:15px;
}
/*Shop Item*/
.shop-item{
position:relative;
margin-bottom:40px;
}
.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;
z-index:11;
text-align:center;
background-color:#f8f8f8;
}
.shop-item .inner-box .image .sale{
position:absolute;
left:20px;
top:20px;
font-size:11px;
font-weight:700;
color:#ffffff;
z-index:12;
padding:5px 8px;
line-height:1em;
text-transform:uppercase;
background-color:#154665;
}
.shop-item .inner-box .image .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
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:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
opacity: 0;
visibility: hidden;
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(0,0,0,0.85);
-moz-transform: rotateX(-360deg) scale(0.5,0.5);
-webkit-transform: rotateX(-360deg) scale(0.5,0.5);
-ms-transform: rotateX(-360deg) scale(0.5,0.5);
-o-transform: rotateX(-360deg) scale(0.5,0.5);
transform: rotateX(-360deg) scale(0.5,0.5);
}
.shop-item .inner-box:hover .image .overlay-box:before{
-moz-transform: rotateX(0deg) scale(1,1);
-webkit-transform: rotateX(0deg) scale(1,1);
-ms-transform: rotateX(0deg) scale(1,1);
-o-transform: rotateX(0deg) scale(1,1);
transform: rotateX(0deg) scale(1,1);
opacity: 1;
visibility: visible;
}
.shop-item .inner-box .image .overlay-box .cart-option li{
position:relative;
}
.shop-item .inner-box .image .overlay-box .cart-option li:first-child{
position:absolute;
right: 15px;
top: 15px;
}
.shop-item .inner-box .image .overlay-box .cart-option li:last-child{
position:absolute;
left: 15px;
bottom: 15px;
}
.shop-item .inner-box .image .overlay-box .cart-option li a{
position:relative;
width:40px;
height:40px;
color:#ffffff;
font-size:18px;
display:block;
line-height:40px;
background-color:#154665;
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:hover{
background-color:#154665;
color:#ffffff;
}
.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;
text-align:center;
padding:30px 0px 0px;
}
.shop-item .inner-box .lower-content h6{
position:relative;
font-weight:600;
}
.shop-item .inner-box .lower-content h6 a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.shop-item .inner-box .lower-content h6 a:hover{
color:#154665;
}
.shop-item .inner-box .lower-content .price{
position:relative;
margin-top:4px;
}
.shop-item .inner-box .lower-content .price li{
position:relative;
color:#666666;
font-size:14px;
font-weight:400;
display:inline-block;
}
.shop-item .inner-box .lower-content .price li.discount{
position:relative;
color:#000000;
margin-right:8px;
text-decoration:line-through;
}
.shop-single-section{
position:relative;
padding-top: 100px;
padding-bottom:90px;
z-index: 9;
background-color: #ffffff;
}
/*Product Details*/
.product-details .basic-details{
position:relative;
margin-bottom:20px;
}
.product-details .image-column .image-carousel{
background-color:#eeeeee;
border-radius:4px;
}
.product-details .image-column,
.product-details .info-column{
margin-bottom:50px;
}
.product-details .info-column .add-to-cart{
padding:13px 43px;
font-size:14px;
cursor:pointer;
margin-bottom:10px;
margin-right:10px;
}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.product-details .image-column .thumbs-carousel{
margin-top:20px;
}
.product-details .image-column .thumbs-carousel li{
background-color:#f2f2f2;
text-align:center;
padding:0px 0px;
cursor:pointer;
}
.product-details .image-column .thumbs-carousel li img{
width:100%;
display:inline-block;
}
.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav{
display:none;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:0px;
}
.product-details .basic-details .details-header h2{
font-weight:700;
margin:0px 0px;
line-height:1.4em;
color:#222222;
margin-bottom:8px;
}
.product-details .basic-details .details-header h2 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:16px;
margin-bottom:25px;
display:inline-block;
}
.product-details .basic-details .details-header .rating span{
color:#154665;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:1px;
}
.product-details .basic-details .details-header .rating .fa.light{
color:#dadada;
}
.product-details .basic-details .details-header .item-price{
position:relative;
font-size:24px;
font-weight:400;
color:#222222;
line-height:24px;
letter-spacing:1px;
margin-bottom:20px;
}
.product-details .basic-details .text{
position:relative;
color:#666666;
font-size:14px;
line-height:1.9em;
margin-bottom:30px;
}
.product-details .basic-details .availablity{
position:relative;
float:left;
padding-right:40px;
line-height:32px;
margin-bottom:27px;
font-size:13px;
font-weight:500;
letter-spacing:1px;
color:#777777;
}
.product-details .basic-details .availablity strong{
font-size:14px;
letter-spacing:2px;
color:#11da61;
font-weight:600;
text-transform:uppercase;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:120px;
margin-bottom:15px;
margin-right:20px;
border:1px solid #eae8e8;
}
.product-details .basic-details .btns-box{
position:relative;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:54px !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:13px 10px;
background:#f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:1px;
}
.shop-list{
position:relative;
margin-top:20px;
}
.shop-list li{
position:relative;
color:#666666;
font-size:14px;
margin-bottom:10px;
}
.shop-list li strong{
color:#222222;
font-size:16px;
margin-right:5px;
text-transform:uppercase;
}
.shop-list li a{
position:relative;
color:#154665;
font-size:14px;
font-weight:700;
margin-top:0px;
display:inline-block;
text-transform:uppercase;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-page .prod-tabs{
position:relative;
}
.shop-page .prod-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:40px;
}
.shop-page .prod-tabs .tab-btns .tab-btn{
position:relative;
display:block;
margin-right:8px;
font-size:16px;
background:none;
color:#222222;
border:1px solid #222222;
text-transform:capitalize;
font-weight:400;
line-height:24px;
cursor:pointer;
margin-bottom:12px;
display:inline-block;
padding:12px 40px 10px;
transition:all 500ms ease;
}
.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
background:#222222;
border-color:#222222;
}
.shop-page .prod-tabs .tabs-content{
position:relative;
}
.shop-page .prod-tabs .tabs-content .tab{
position:relative;
display:none;
}
.shop-page .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.shop-page .prod-tabs .tabs-content .tab p{
font-size:14px;
line-height:2em;
color:#666666;
margin-bottom:20px;
}
.shop-page .prod-tabs .tabs-content .tab p:last-child{
margin-bottom:0px;
}
.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6{
margin-bottom:15px;
}
.shop-page .prod-tabs .tabs-content .tab h4{
font-size:16px;
font-weight:700;
text-transform:uppercase;
color:#222222;
}
.shop-page .prod-tabs .reviews-container{
position:relative;
padding-bottom:1px;
}
.shop-page .prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:120px;
min-height:130px;
padding-bottom:30px;
border-bottom:1px solid #f0f0f0;
}
.shop-page .prod-tabs .reviews-container .review-box:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:none;
}
.bootstrap-touchspin .input-group-btn-vertical{
width:auto;
right: 0px;
position: absolute;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f106";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f107";
font-size: 18px;
font-style:normal;
font-family: 'FontAwesome';
}
.shop-page .prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:5px;
width:100px;
height:100px;
background:#ffffff;
border-radius:3px;
margin-bottom:20px;
}
.shop-page .prod-tabs .reviews-container .rev-thumb img{
display:block;
width:100%;
border-radius:3px;
}
.shop-page .prod-tabs .reviews-container .rev-content{
position:relative;
background:#ffffff;
}
.shop-page .prod-tabs .reviews-container .rev-header{
position:relative;
}
.shop-page .prod-tabs .reviews-container .rev-header h4{
float:left;
line-height:30px;
color:#222222;
text-transform:uppercase;
font-weight:700;
margin-bottom:10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating{
position:relative;
float:left;
margin-left:40px;
color:#154665;
line-height:30px;
font-size:14px;
margin-bottom:10px;
}
.shop-page .prod-tabs .reviews-container .rev-header .rating .fa{
margin-right:3px;
}
.shop-page .prod-tabs .reviews-container .rev-header .time{
position:relative;
float:right;
color:#000000;
line-height:30px;
font-size:14px;
}
.shop-page .prod-tabs .reviews-container .rev-option{
font-size:14px;
color:#9e9e9e;
}
.shop-page .prod-tabs .reviews-container .rev-option a{
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.shop-page .prod-tabs .reviews-container .rev-text{
font-size:14px;
color:#9e9e9e;
line-height:1.8em;
margin-bottom:15px;
}
/*Add Review*/
.shop-page .prod-tabs .add-review{
position:relative;
margin:30px 0px 20px;
font-size:14px;
}
.shop-page .prod-tabs .add-review h2{
color:#000000;
}
.shop-page .prod-tabs .add-review .rating{
position:relative;
padding-top:8px;
}
.shop-page .prod-tabs .add-review .rating .rate-box{
position:relative;
display:inline-block;
margin-right:10px;
font-size:14px;
color:#555555;
}
.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active{
color:#154665;
}
.shop-page .prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:5px;
font-weight:400;
color:#303030;
}
.shop-page .prod-tabs .add-review h3{
margin-bottom:20px;
}
.shop-page .prod-tabs .add-review .form-group{
position:relative;
margin-bottom:20px;
}
.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
border:1px solid #e0e0e0;
height:150px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-page .prod-tabs .add-review button{
padding:8px 35px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:100px 0px 120px;
}
.cart-section .cart-outer{
position:relative;
}
.cart-section .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-section .cart-table{
width:100%;
min-width:900px;
border:1px solid #eeeeee;
}
.cart-section .cart-table tbody tr{
border-bottom:1px solid #eeeeee;
}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:16px;
border-radius:0px;
background:#154665;
color:#1f1f1f;
}
.cart-table thead tr th{
line-height:24px;
padding:20px 15px;
min-width:120px;
font-weight:700;
color:#ffffff;
font-size:16px;
text-transform:capitalize;
}
.cart-table thead tr th.prod-column{
text-align:left;
padding-left:40px;
}
.cart-table tbody tr td{
line-height:24px;
padding:40px 40px 40px;
min-width:100px;
}
.cart-table tbody tr .qty{
width:90px;
padding-right:40px;
padding-left:10px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#f5f5f5;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:100px;
padding-left:130px;
padding-top:40px;
text-align:left;
}
.column.default-column .cart-table tbody tr .qty{
width:110px;
padding-right:20px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
width:100px;
left:0px;
top:0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h6{
color:#222222;
font-weight:500;
margin-bottom:5px;
}
.cart-table tbody tr .sub-total{
font-weight:400;
color:#222222;
font-size:18px;
padding-left:20px;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:18px;
color:#154665;
display:inline-block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
top:2px;
font-size:10px;
line-height:14px;
width:14px;
height:14px;
margin-right:8px;
background:#f0f0f0;
color:#ffffff;
text-align:center;
overflow:hidden;
text-indent:100px;
}
.cart-table tbody tr .remove{
}
.cart-table tbody tr .remove-btn:hover{
}
.cart-table tbody tr .remove-btn:hover .fa{
text-indent:0px;
background:#fa9928;
}
.cart-table tbody tr td{
vertical-align:middle;
}
.cart-table tbody tr td.price{
font-size:18px;
font-weight:400;
color:#222222;
padding-left:10px;
}
.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;
color: #727272;
font-size: 16px;
}
.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:#3e4494;
border-radius:50%;
}
.cart-section .coupon-outer{
position:relative;
margin:40px 0px 50px;
}
.cart-section .coupon-outer .cart-btn{
font-size:14px;
padding:14px 43px;
font-weight:400;
cursor:pointer;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-section .apply-coupon{
position:relative;
}
.cart-section .apply-coupon .form-group{
position:relative;
float:left;
margin-right:20px;
}
.cart-section .apply-coupon .form-group .coupon-btn{
padding:11px 28px;
line-height:30px;
cursor:pointer;
}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:26px;
padding:12px 0px;
border-bottom:2px solid #154665;
height:54px;
width:230px;
background:none;
font-size:14px;
}
.cart-section .estimate-form{
position:relative;
}
.cart-section .sec-title{
margin-bottom:25px;
}
.cart-section .sec-title h2{
font-size:26px;
color:#222222;
}
.cart-section .estimate-form .row{
margin-left:-7px;
margin-right:-7px;
}
.cart-section .estimate-form .row .form-group{
padding:0px 7px !important;
margin-bottom:30px;
}
.cart-section .cart-note{
position:relative;
margin-bottom:50px;
padding:16px 20px;
text-align:center;
border:1px dashed #b2dd4c;
background:#f4f4f4;
line-height:1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:46px;
height:46px;
background:#f4f4f4;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:24px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
.cart-total-box{
position:relative;
max-width:490px;
margin-bottom:40px;
padding:40px 40px 30px;
background-color:#f4f4f4;
}
.cart-total-box h4{
position:relative;
color:#222222;
font-weight:700;
line-height:1.4em;
margin-bottom:25px;
}
.totals-table{
position:relative;
}
.totals-table li{
position:relative;
color:#222222;
font-weight:500;
font-size:18px;
margin-bottom:8px;
}
.totals-table li .col{
float:right;width:auto;
}
.totals-table li .col-title{
font-weight:600;
float:left;
}
.totals-table li.total{
margin-top:25px;
padding-top:30px;
border-top:1px solid #cccccc;
}
.checkout-btn{
color:#ffffff;
font-size:14px;
font-weight:400;
padding:17px 43px 14px;
cursor: pointer;
background-color:#154665;
}
/*Check Out Page*/
.checkout-page{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:100px 0px 80px;
}
.checkout-page .default-links{
position:relative;
margin-bottom:40px;
}
.checkout-page .default-links li{
margin-bottom:15px;
line-height:24px;
padding:18px 28px;
background:#f9f9f9;
color:#797979;
font-size:17px;
font-weight:600;
border:1px solid #ebebeb;
}
.checkout-page .default-links li a{
color:#154665;
text-decoration:underline;
}
.shop-form .billing-inner{
position:relative;
padding-right:100px;
}
.shop-form .sec-title h2{
font-size:24px;
}
.shop-form .form-group{
position:relative;
margin-bottom:20px;
}
.billing-details .shop-form .sec-title{
margin-bottom:20px;
}
.billing-details .shop-form .form-group.sec-title{
margin-bottom:10px;
padding-bottom:30px;
margin-top:20px;
}
.shop-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:8px;
color:#797979;
font-size:15px;
font-weight:500;
text-transform:capitalize;
}
.shop-form .form-group .field-label sup{
position:relative;
top:0px;
color:#797979;
font-size:16px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:16px;
padding:10px 15px;
height:50px;
border:1px solid #eeeeee;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-form input.address-two{
margin-top:12px;
}
.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder{
color:#c6c6c6;
}
.shop-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.shop-form select option{
text-indent:15px;
}
.shop-form textarea{
resize:none;
height:100px !important;
overflow:hidden;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
border-color:#154665;
}
/* Shop Order Box */
.shop-order-box{
position:relative;
padding:20px 28px 50px;
border:1px solid #d9d9d9;
background-color:#fdfdfd;
}
.shop-order-box .order-list{
position:relative;
}
.shop-order-box .order-list li{
position:relative;
color:#797979;
font-size:15px;
font-weight:500;
margin-bottom:12px;
text-transform:uppercase;
}
.shop-order-box .order-list li span{
float:right;
width:35%;
text-align:left;
font-size:17px;
text-transform:capitalize;
}
.shop-order-box .order-list li span.dark{
color:#242424;
}
.shop-order-box .order-list li.total{
padding:8px 0px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
}
.payment-options{
position:relative;
margin-top:20px;
margin-bottom:20px;
}
.checkout-page .payment-options li{
position:relative;
margin-bottom:15px;
}
.checkout-page .payment-options li .radio-option{
position:relative;
}
.checkout-page .payment-options li .radio-option label{
position:relative;
display:block;
padding-left:30px;
font-weight:600 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#797979;
cursor:pointer;
font-size:15px;
}
.checkout-page .payment-options li .radio-option label strong{
font-weight:500;
display: inline-block;
color:#797979;
font-size:15px;
}
.checkout-page .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.checkout-page .payment-options li .radio-option #payment-3{
top:9px;
}
.checkout-page .payment-options li .what-paypall{
font-size:13px;
font-weight:500;
margin-left:15px;
color:#4349d9;
}
.checkout-page .payment-options li .radio-option label .small-text{
position:relative;
display:none;
padding:18px 26px;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:15px;
color:#8e8d8d;
border-radius:4px;
line-height:20px;
line-height:1.8em;
margin-top:20px;
margin-left:-30px;
background-color:#ececec;
}
.checkout-page .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:24px;
top:-10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #ececec;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
display: block;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
top:-3px;
display:inline-block;
max-width:100%;
padding-left:30px;
}
.checkout-page .payment-options li .radio-option label img{
position:relative;
display:inline-block;
max-width:100%;
padding-left:30px;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section{
position:relative;
z-index: 9;
background-color: #ffffff;
padding:60px 0px 40px;
}
.register-section .form-column{
margin-bottom:40px;
}
.register-section .form-column .sec-title{
position:relative;
margin-bottom:30px;
}
.register-section .form-column .sec-title h2{
}
.styled-form{
position:relative;
}
.styled-form .submit-text{
font-size:15px;
color:#9e9e9e;
font-weight:400;
margin-top:10px;
}
.styled-form .form-group{
position:relative;
margin-bottom:30px;
font-size:14px;
color:#848484;
}
.checkout-section .styled-form .form-group{
position:relative;
margin-bottom:20px;
}
.styled-form .form-group .check-box{
line-height:24px;
font-size:15px;
font-weight:normal;
padding-top:5px;
color:#272727;
}
.styled-form .form-group .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:15px;
cursor:pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label{
cursor:pointer;
}
.styled-form .form-group .adon-icon{
position:absolute;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
line-height:20px;
font-size:15px;
color:#999999;
z-index:2;
}
.styled-form .form-group .field-label{
display:block;
color:#272727;
text-transform:capitalize;
font-size:16px;
margin-bottom:7px;
font-weight:400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
line-height:30px;
padding:8px 20px;
height:50px;
border:1px solid #f4f4f4;
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-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
line-height:26px;
height:44px;
}
.styled-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.styled-form select option{
text-indent:20px;
}
.styled-form textarea{
resize:none;
height:110px;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
border-color:#154665;
}
.styled-form .form-group .theme-btn{
min-width:150px;
text-align:center;
padding:11px 34px;
border-radius:0px;
cursor: pointer;
}
.styled-form .remember-me{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
}
.social-links-two a{
position:relative;
display:inline-block;
font-size:14px;
width:42px;
height:42px;
line-height:42px;
text-align:center;
color:#ffffff;
background:#fc721e;
margin:0px 0px 0px 5px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.social-links-two a:hover{
opacity:0.80;
}
.social-links-two .facebook{
background:#3b5998;
}
.social-links-two .twitter{
background:#33ccfe;
}
.social-links-two .google-plus{
background:#dd4b39;
}
.box-version.option-box{
display:none;
}
.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: #154665;
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: #154665;
text-transform:uppercase;
}
.sec-title.centered .separate{
float:none !important;
}
.rtl .sec-title.centered .separate:after{
right:auto;
}
.rtl .main-header .header-upper .upper-right .info-outer .info-box{
float:right;
}
/* .rtl .main-header .header-upper .upper-right .info-outer .info-box:last-child{
margin-right:0px;
} */
.rtl .main-header .info-box{
padding-right:60px;
padding-left:0px;
margin-right:30px;
margin-left:0px;
text-align:right;
}
.rtl .main-header .info-box .icon-box{
right:0px;
left:auto;
top:6px;
}
.rtl .main-header .header-upper .logo-box{
float:right;
}
.rtl .main-header .header-upper .upper-right{
float:left;
}
.rtl .header-style-one .header-upper .upper-right .info-outer:before{
right:0px;
left:auto;
}
.rtl .header-style-one .header-upper .upper-right .header-lower:before{
left:auto;
right:100%;
}
.rtl .header-style-one .header-upper .upper-right .header-lower{
padding-left:0px;
padding-right:40px;
}
.rtl .header-style-one .main-menu{
float:right;
}
.rtl .main-menu .navigation > li{
float:right;
margin-right:0px;
margin-left:30px;
}
.rtl .main-header .outer-box{
float:left;
}
.rtl .experiance-section .title-column .inner-column .text,
.rtl .main-menu .navigation > li > ul{
text-align:right;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
right:auto;
left:15px;
transform:rotate(180deg);
}
.rtl .main-menu .navigation > li > ul > li > ul{
left:auto !important;
right:120%;
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul{
right:100%;
}
.rtl .main-header .search-box-outer .dropdown-menu,
.rtl .main-header .outer-box .cart-box .cart-panel{
left:0px !important;
right:auto;
}
.rtl .experiance-section .title-column .upper-box .upper-inner{
padding-left:0px;
padding-right:200px;
}
.rtl .experiance-section .title-column .upper-box .number{
right:40px;
left:auto;
}
.rtl .sec-title .separate:after,
.rtl .experiance-section .title-column .upper-box .upper-inner:before{
right:0px;
left:auto;
}
.rtl .experiance-section .title-column .inner-column{
text-align:right;
}
.rtl .experiance-section .title-column .lower-box .signature{
float:right;
margin-left:0px;
margin-right:20px;
}
.rtl .experiance-section .title-column .lower-box .theme-btn{
float:right;
}
.rtl .sec-title .separate{
float:right;
}
.rtl .experiance-section .video-column .info-box .info-inner{
padding-left:0px;
padding-right:85px;
text-align:right;
}
.rtl .experiance-section .video-column .info-box .info-inner .icon{
right:0px;
left:auto;
}
.rtl .fact-counter .column .inner .content{
text-align:right;
}
.rtl .fact-counter .column .inner .count-outer:before{
right:0px;
left:auto;
}
.rtl .default-section .counter-column .inner-column .fact-counter:before,
.rtl .default-section .counter-column .inner-column .fact-counter:after{
display:none;
}
.rtl .accordion-box .block .acc-btn{
text-align:right;
padding:13px 15px 13px 60px;
}
.rtl .accordion-box .block .icon-outer{
left:0px;
right:auto;
border-radius:5px 0px 0px 5px;
}
.rtl .main-footer .footer-widget,
.rtl .news-block .inner-box .lower-content,
.rtl .gallery-block .inner-box .image .overlay-box .content,
.rtl .accordion-box .block .content{
text-align:right;
}
.rtl .gallery-block .inner-box .image .overlay-box .options{
left:30px;
right:auto;
}
.rtl .testimonial-block .inner-box .content-column .inner-column{
padding-left:0px;
padding-right:80px;
text-align:right;
}
.rtl .testimonial-block .inner-box .content-column .inner-column:before{
left:auto;
right:28px;
}
.rtl .testimonial-block .inner-box .content-column .quote-icon{
left:auto;
right:58px;
}
.rtl .main-footer .footer-title:before{
right:0px;
left:auto;
}
.rtl .main-footer .footer-title:after{
right:42px;
left:auto;
}
.rtl .services-block-two .inner-box,
.rtl .main-footer .newsletter-form .form-group input[type="text"],
.rtl .main-footer .newsletter-form .form-group input[type="email"]{
text-align:right;
}
.rtl .main-menu .navigation > li > ul{
right:-30px;
left:auto;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul{
right:0px;
left:auto;
}
.rtl .sticky-header .logo{
float:right;
}
.rtl .sticky-header .right-col{
float:left;
}
.rtl .sticky-header .main-menu .navigation > li{
margin-left:0px;
margin-right:25px;
}
.rtl .header-style-two .main-menu .navigation > li{
margin-left:0px;
margin-right:25px;
}
.rtl .featured-section .inner-container{
padding-left:0px;
padding-right:70px;
}
.rtl .featured-block .inner-box .image{
padding-left:0px;
padding-right:130px;
}
.rtl .featured-section .inner-container:before{
right:0px;
left:auto;
transform:rotate(180deg);
}
.rtl .featured-block .inner-box .image .options{
left:45px;
right:auto;
}
.rtl .featured-block .inner-box .image .content-box{
right:0px;
left:auto;
text-align:right;
padding:35px 35px 35px 115px;
}
.rtl .featured-block .inner-box .image .content-box:before{
clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}
.rtl .featured-section .owl-nav{
right:auto;
left:0px;
}
.rtl .featured-section .owl-dots{
right:auto;
left:85px;
}
.rtl .testimonial-block-two .inner-box{
text-align:right;
padding-left:0px;
padding-right:80px;
}
.rtl .footer-style-two .footer-widget,
.rtl .default-form .form-group input,
.rtl .default-form .form-group textarea,
.rtl .price-block .inner-box .btn-box,
.rtl .price-block .inner-box .price-list,
.rtl .footer-style-two .newsletter-form .form-group input{
text-align:right;
}
.rtl .price-block-two .inner-box .price-list li,
.rtl .price-block .inner-box .price-list li{
padding-right:22px;
text-align:right;
}
.rtl .price-block-two .inner-box .price-list li:before,
.rtl .price-block .inner-box .price-list li:before{
right:0px;
left:auto;
}
.rtl .testimonial-block-two .inner-box:before{
left:auto;
right:28px;
}
.rtl .testimonial-block-two .inner-box .quote-icon{
right:58px;
left:auto;
}
.rtl .news-section-two .image-column .inner-column{
text-align:right;
}
.rtl .news-section-two .image-column .inner-column .sec-title .separate{
float:right;
}
.rtl .news-block-two .inner-box{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .news-section-two .blocks-column .inner-column .owl-nav{
left:-10px;
right:auto;
}
.rtl .footer-style-two .news-widget .post{
padding-left:0px;
padding-right:110px;
}
.rtl .footer-style-two .footer-title:before,
.rtl .footer-style-two .news-widget .post .thumb{
right:0px;
left:auto;
}
.rtl .header-style-three .nav-outer .main-menu{
float:right;
}
.rtl .main-header.header-style-three .main-menu .navigation > li > a:before{
right:auto;
left:-20px;
}
.rtl .main-header.header-style-three .main-menu .navigation > li{
margin-left:40px;
margin-right:0px;
}
.rtl .testimonial-block-three .inner-box .upper-box .rating-outer{
text-align:left;
}
.rtl .comming-soon .emailed-form .form-group input[type="email"],
.rtl .price-block-two .inner-box .btn-box,
.rtl .faq-form-section .form-column .inner-column,
.rtl .call-to-action-section-three .title-column .inner-column,
.rtl .news-block-three .inner-box .lower-content,
.rtl .testimonial-block-three .inner-box .upper-box,
.rtl .fluid-section-two .content-column .inner-column,
.rtl .project-detail-section .lower-section .content-column .inner-column,
.rtl .what-we-section .title-column .inner-column,
.rtl .main-slider.style-two .slide{
text-align:right;
}
.rtl .list-style-one li{
padding-left:0px;
padding-right:70px;
}
.rtl .testimonial-block-three .inner-box .lower-box .author-image,
.rtl .list-style-one li .icon{
right:0px;
left:auto;
}
.rtl .call-to-action-section-two .title-column h2{
text-align:right;
padding-right:40px;
}
.rtl .testimonial-block-three .inner-box .lower-box .lower-inner{
text-align:right;
padding-left:0px;
padding-right:150px;
}
.rtl .shop-item .inner-box .lower-content .pull-left,
.rtl .page-title .pull-left{
float:right;
}
.rtl .shop-item .inner-box .lower-content .pull-right,
.rtl .page-title .pull-right{
float:left;
}
.rtl .comming-soon .emailed-form .form-group input[type="submit"],
.rtl .comming-soon .emailed-form button{
left:5px;
right:auto;
}
.rtl .blog-cat li a{
text-align:right;
}
.rtl .blog-cat li a:before{
left:22px;
right:auto;
}
.rtl .list-style-four li,
.rtl .list-style-three li,
.rtl .brochure-box .inner{
padding-left:0px;
padding-right:30px;
text-align:right;
}
.rtl .list-style-four li:before,
.rtl .brochure-box .inner .icon{
right:0px;
left:auto;
}
.rtl .popular-tags,
.rtl .shop-form .sec-title h2,
.rtl .shop-form .form-group input,
.rtl .shop-form .form-group textarea,
.rtl .shop-form .form-group,
.rtl .shop-order-box .order-list li,
.rtl .register-section .form-column,
.rtl .checkout-page .payment-options li .radio-option label .small-text,
.rtl .shop-order-box .order-list li span,
.rtl .sidebar-title h2,
.rtl .styled-form input,
.rtl .styled-form textarea,
.rtl .news-detail .inner-box .lower-content,
.rtl .checkout-page .default-links li,
.rtl .product-details .info-column,
.rtl .shop-page .prod-tabs .add-review h2,
.rtl .shop-page .prod-tabs .add-review .form-group,
.rtl .shop-page .prod-tabs .add-review .form-group input,
.rtl .shop-page .prod-tabs .add-review .form-group textarea,
.rtl .shop-page .prod-tabs .tabs-content .tab p,
.rtl .service-single .inner-box .lower-content,
.rtl .business-box .widget-content,
.rtl .comment-form .form-text,
.rtl .contact-page-section,
.rtl .header-top-one,
.rtl .contact-form .form-group input,
.rtl .contact-form .form-group textarea,
.rtl .default-section .accordian-column .inner-column,
.rtl .testimonial-section .sec-title,
.rtl .comment-form .form-group input,
.rtl .comment-form .form-group textarea{
text-align:right;
}
.rtl .list-style-three li:before{
transform:rotate(180deg);
right:0px;
left:auto;
}
.rtl .shop-page .prod-tabs .reviews-container .rev-thumb,
.rtl .sidebar .popular-posts .post .post-thumb,
.rtl .business-box .widget-content h3:before{
right:0px;
left:auto;
}
.rtl .list-style-two li{
padding-left:0px;
padding-right:40px;
text-align:right;
}
.rtl .list-style-two li:before{
right:0px;
left:auto;
transform:rotate(180deg);
}
.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
text-align:right;
padding-right:20px;
}
.rtl .sidebar .search-box .form-group button{
left:0px;
right:auto;
}
.rtl .sidebar-page-container .group-title h4,
.rtl .blog-cat-two li a{
text-align:right;
}
.rtl .blog-cat-two li a span{
left:20px;
right:auto;
}
.rtl .sidebar .popular-posts .post{
padding-left:0px;
padding-right:110px;
text-align:right;
}
.rtl .product-details .info-column .other-options .pull-left{
float:right;
}
.rtl .product-details .basic-details .item-quantity{
margin-right:0px;
margin-left:10px;
}
.rtl .shop-page .prod-tabs .reviews-container .review-box{
padding-left:0px;
text-align:right;
padding-right:120px;
}
.rtl .styled-form .form-group .adon-icon{
left:10px;
right:auto;
}
.rtl .news-detail .inner-box .lower-content .text blockquote .quote{
left:30px;
right:auto;
}
.rtl .author-box .thumb{
right:0px;
left:auto;
}
.rtl .author-box .author-inner{
text-align:right;
padding-left:0px;
padding-right:170px;
}
.rtl .sidebar-page-container .comments-area .comment{
padding-left:0px;
padding-right:160px;
text-align:right;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb{
right:0px;
left:auto;
}
.rtl .sidebar-page-container .comments-area .comment-box:before{
clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
}
.rtl .contact-page-section .contact-info li{
padding-left:0px;
padding-right:70px;
text-align:right;
}
.rtl .contact-page-section .contact-info li .icon{
right:0px;
left:auto;
}
.rtl .faq-section .sec-title .separate{
float:none;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler{
position: relative;
float: right;
font-size: 36px;
line-height: 50px;
cursor: pointer;
color:#ffffff;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;
}
.mobile-menu .nav-logo img{
max-width:200px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
opacity: 1;
visibility: visible;
-webkit-transition:all 0.7s ease 500ms;
-moz-transition:all 0.7s ease 500ms;
-ms-transition:all 0.7s ease 500ms;
-o-transition:all 0.7s ease 500ms;
transition:all 0.7s ease 500ms;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn{
position: absolute;
right: 3px;
top: 3px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#000000;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.sticky-header .navbar-header{
display:none;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup{
position:fixed;
left:0px;
bottom:-100%;
width:100%;
height:100%;
z-index:99999;
visibility:hidden;
opacity:0;
overflow:auto;
background:rgba(0,0,0,0.80);
transition:all 700ms ease;
-moz-transition:all 700ms ease;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
}
.search-popup .overlay-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:block;
}
.search-popup.popup-visible{
bottom:0;
visibility:visible;
opacity:1;
}
.search-popup .close-search{
position:absolute;
right:25px;
top:25px;
font-size:22px;
color:#ffffff;
cursor:pointer;
z-index:5;
}
.search-popup .close-search:hover{
opacity:0.70;
}
.search-popup .search-form{
position:relative;
padding:0px 15px 0px;
max-width:1024px;
margin:0 auto;
margin-top:200px;
}
.search-popup .search-form fieldset{
position:relative;
border:7px solid rgba(255,255,255,0.50);
border-radius:12px;
-webkit-border-radius:12px;
-ms-border-radius:12px;
-o-border-radius:12px;
-moz-border-radius:12px;
}
.search-popup .search-form fieldset input[type="search"]{
position:relative;
height:70px;
padding:20px 220px 20px 30px;
background:#ffffff;
line-height:30px;
font-size:24px;
color:#233145;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
-moz-border-radius:7px;
}
.search-popup .search-form fieldset input[type="submit"]{
position:absolute;
display:block;
right:0px;
top:0px;
text-align:center;
width:220px;
height:70px;
padding:20px 10px 20px 10px;
color:#ffffff !important;
background-color:#222222;
line-height:30px;
font-size:20px;
color:#233145;
cursor:pointer;
text-transform:uppercase;
border-radius:0px 7px 7px 0px;
-moz-border-radius:0px 7px 7px 0px;
-ms-border-radius:0px 7px 7px 0px;
-o-border-radius:0px 7px 7px 0px;
-webkit-border-radius:0px 7px 7px 0px;
}
.search-popup .search-form fieldset input[type="submit"]:hover{
background:#000000;
}
.search-popup h3{
font-size:24px;
color:#ffffff;
margin-bottom:20px;
text-align:center;
}
.search-popup .recent-searches{
font-size:16px;
color:#ffffff;
text-align:center;
}
.search-popup .recent-searches li{
display:inline-block;
margin:0px 10px 10px 0px;
}
.search-popup .recent-searches li a{
display:block;
line-height:24px;
border:1px solid #ffffff;
padding:7px 15px;
color:#ffffff;
border-radius:3px;
}
.search-popup .recent-searches li a:hover{
color:#000000;
border-color:#ffffff;
background-color:#ffffff;
}
.news-section-three{
position:relative;
padding:100px 0px 70px;
background-color:#f5f5f5;
}
.news-block-four{
position:relative;
margin-bottom:30px;
}
.news-block-four .inner-box{
position:relative;
}
.news-block-four .inner-box .image{
position:relative;
overflow:hidden;
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
background-color:#000000;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.news-block-four .inner-box:hover .image img{
opacity:0.7;
transform:scale(1.05,1.05);
}
.news-block-four .inner-box .lower-content{
position:relative;
padding:30px 30px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-four .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-four .inner-box .lower-content .post-meta li{
position:relative;
color:#777777;
font-size:14px;
padding-right:10px;
margin-right:8px;
line-height:1.1em;
display:inline-block;
border-right:1px solid #777777;
}
.news-block-four .inner-box .lower-content .post-meta li:last-child{
margin-right:0px;
padding-right:0px;
border:none;
}
.news-block-four .inner-box .lower-content h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
line-height:1.4em;
margin-top:15px;
}
.news-block-four .inner-box .lower-content h3 a{
position:relative;
color:#322f2f;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-four .inner-box .lower-content h3 a:hover{
color:#154665;
}
.news-block-four .inner-box .lower-content .read-more{
position:relative;
color:#154665;
font-size:18px;
font-weight:700;
line-height:1.3em;
margin-top:12px;
display:inline-block;
text-decoration:underline;
font-family: 'Raleway', sans-serif;
}
/***
====================================================================
Team Section Three
====================================================================
***/
.team-section-three{
position:relative;
padding:100px 0px 70px;
background-color:#f9f9f9;
}
.team-section-three .owl-nav{
position:absolute;
right:0px;
top:-80px;
}
.team-section-three .owl-nav .owl-prev,
.team-section-three .owl-nav .owl-next{
position:relative;
width:40px;
height:40px;
color:#222222;
font-size:22px;
line-height:36px;
text-align:center;
margin-left:10px;
display:inline-block;
border:2px solid #222222;
}
.team-block-three{
position:relative;
margin-bottom:30px;
}
.team-block-three .inner-box{
position:relative;
}
.team-block-three .inner-box .image{
position:relative;
overflow:hidden;
}
.team-block-three .inner-box .image:before{
position:absolute;
content:'';
left:0px;
bottom:-100%;
width:100%;
height:80%;
opacity:1;
z-index:1;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #000000));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}
.team-block-three .inner-box:hover .image:before{
bottom:0%;
}
.team-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block-three .inner-box .image .social-box{
position:absolute;
left:0px;
right:0px;
bottom:-80px;
z-index:2;
text-align:center;
padding:0px 0px 0px;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.team-block-three .inner-box:hover .image .social-box{
bottom:10px;
}
.team-block-three .inner-box .image .social-box li{
position:relative;
margin:0px 5px;
display:inline-block;
margin-bottom:12px;
}
.team-block-three .inner-box .image .social-box li a{
position:relative;
color:#ffffff;
font-size:14px;
width:40px;
height:40px;
line-height:38px;
text-align:center;
border-radius:50px;
display:inline-block;
border:1px solid #ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-three .inner-box .image .social-box li a:hover{
color:#154665;
}
.team-block-three .inner-box .lower-box{
position:relative;
padding-top:30px;
}
.team-block-three .inner-box .lower-box .designation{
position:relative;
color:#154665;
font-size:16px;
font-weight:600;
}
.team-block-three .inner-box .lower-box h3{
position:relative;
color:#322f2f;
font-size:24px;
font-weight:700;
margin-top:4px;
}
.team-block-three .inner-box .lower-box h3 a{
position:relative;
color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.team-block-three .inner-box .lower-box h3 a:hover{
color:#154665;
}
.main-header .sticky-header .outer-box{
margin-left:20px;
padding:16px 0px;
}
.main-header .sticky-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover{
color:#000000;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart{
background-color:#cccccc;
}
.main-header .sticky-header .search-box-btn{
color:#000000;
}
.main-header.header-style-two .main-menu .navigation > li:before{
position:absolute;
content:'';
left:15%;
top:auto;
bottom:28px;
right:0px;
width:5px;
height:5px;
opacity:0;
background-color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li:after{
position:absolute;
content:'';
right:15%;
bottom:28px;
width:5px;
height:5px;
opacity:0;
background-color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li > a:before{
position:absolute;
content:'';
right:44%;
bottom:28px;
width:5px;
height:5px;
opacity:0;
margin-left:-2px;
background-color:#154665;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li.current::before,
.main-header.header-style-two .main-menu .navigation > li.current::after,
.main-header.header-style-two .main-menu .navigation > li.current > a::before,
.main-header.header-style-two .main-menu .navigation > li:hover::before,
.main-header.header-style-two .main-menu .navigation > li:hover::after,
.main-header.header-style-two .main-menu .navigation > li:hover > a::before{
opacity:1;
}
.main-header.header-style-three .main-menu .navigation > li:before{
position:absolute;
content:'';
left:15%;
top:auto;
bottom:18px;
right:0px;
width:5px;
height:5px;
opacity:0;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-three .main-menu .navigation > li:after{
position:absolute;
content:'';
right:15%;
bottom:18px;
width:5px;
height:5px;
opacity:0;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-three .main-menu .navigation > li > a:before{
position:absolute;
content:'';
right:44%;
bottom:18px;
width:5px;
height:5px;
opacity:0;
margin-left:-2px;
background-color:#154665;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.header-style-three .main-menu .navigation > li.current::before,
.main-header.header-style-three .main-menu .navigation > li.current::after,
.main-header.header-style-three .main-menu .navigation > li.current > a::before,
.main-header.header-style-three .main-menu .navigation > li:hover::before,
.main-header.header-style-three .main-menu .navigation > li:hover::after,
.main-header.header-style-three .main-menu .navigation > li:hover > a::before{
opacity:1;
}
.list-style-one li: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);
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-toped{
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:#222222;
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-toped:hover{
color:#ffffff;
background:#000000;
}
.default-form .form-group .theme-btn:hover{
color:#222222;
}
.default-form .form-group .theme-btn:before{
background-color:#ffffff;
}
.what-we-section .title-column .inner-column .theme-btn:before,
.featured-block .inner-box .image .content-box .theme-btn:before{
border-color:#222222;
}
.what-we-section .title-column .inner-column .theme-btn:after,
.featured-block .inner-box .image .content-box .theme-btn:after{
border-color:#222222;
}
.what-we-section .title-column .inner-column .theme-btn:hover,
.featured-block .inner-box .image .content-box .theme-btn:hover{
color:#ffffff;
}
.call-to-action-section-three .btn-column .inner-column .theme-btn:before{
background-color:#ffffff;
}
.call-to-action-section-three .btn-column .inner-column .theme-btn:hover{
border-color:#ffffff;
color:#222222;
}
.logo-image {
max-width: 248px;
}