/* Teknik HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
**********************************************/
/*
font-family: 'Dancing Script', cursive;
font-family: 'Rubik', 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.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Rubik', 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:#3449b4;
}
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: 'Rubik', sans-serif;
}
input,button,select,textarea{
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
font-family: 'Rubik', sans-serif;
}
/* Typography */
h1{
font-size:60px;
}
h2{
font-size:44px;
}
h3{
font-size:36px;
}
h4{
font-size:24px;
}
h5{
font-size:20px;
}
h6{
font-size:18px;
}
.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;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#3449b4;
font-size:13px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
background:#ffffff;
display:none;
border-radius:50px;
box-shadow:0px 0px 10px rgba(0,0,0,0.15);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#ffffff;
background:#3449b4;
}
/* List Style One */
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#ffffff;
font-size:16px;
padding-left:30px;
font-weight:400;
line-height:1.6em;
margin-bottom:20px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:5px;
color:#fe4c1c;
font-size:18px;
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:#222222;
font-size:16px;
padding-left:30px;
font-weight:500;
line-height:1.6em;
margin-bottom:10px;
}
.list-style-two li:before{
position:absolute;
content:'\f0a9';
left:0px;
top:5px;
color:#f89429;
font-size:18px;
line-height:1em;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 15px 32px;
font-weight: 500;
overflow: hidden;
border-radius:3px;
letter-spacing:1px;
background-color: #f89429;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.btn-style-one i{
position:relative;
top:1px;
margin-right:7px;
font-size:20px;
font-weight:400;
}
.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: 64px solid #3449b4;
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: 64px solid #3449b4;
-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: #ffffff;
}
/* Btn Style Two */
.btn-style-two{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #ffffff;
padding: 14px 30px;
font-weight: 500;
overflow: hidden;
border-radius:3px;
letter-spacing:1px;
border:2px solid #ffffff;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.btn-style-two i{
position:relative;
top:1px;
margin-right:7px;
font-size:20px;
font-weight:400;
}
.btn-style-two .txt{
position:relative;
z-index:1;
}
.btn-style-two:before{
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-bottom: 64px solid #f89429;
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-two:after{
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
border-bottom: 64px solid #f89429;
-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-two:hover::before{
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.btn-style-two:hover::after{
-webkit-transform: translateX(40%);
transform: translateX(40%);
}
.btn-style-two:hover{
color: #ffffff;
border-color:#f89429;
}
/* Btn Style Three */
.btn-style-three{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #222222;
padding: 14px 40px 14px;
font-weight: 500;
overflow: hidden;
border-radius:0px;
border:2px solid #222222;
text-transform: uppercase;
}
.btn-style-three .txt{
position:relative;
z-index:1;
}
.btn-style-three i{
position:relative;
font-size:19px;
top:0px;
}
.btn-style-three:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
background-color:#1cb5e7;
}
.btn-style-three:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover{
color: #ffffff;
border-color:#1cb5e7;
}
/* Btn Style Four */
.btn-style-four{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 13px 36px 13px;
font-weight: 500;
overflow: hidden;
border-radius:2px;
background: none;
text-transform: uppercase;
background-color:#3449b4;
}
.btn-style-four .txt{
position:relative;
z-index:1;
}
.btn-style-four:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1, 0.5);
transform: scale(1, 0.5);
background-color:#222222;
}
.btn-style-four:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-four:hover{
color: #ffffff;
}
/* Social Icon One */
.social-icon-one{
position: relative;
display: block;
}
.social-icon-one li{
position: relative;
margin:0px 1px;
display: inline-block;
}
.social-icon-one li:last-child{
margin-right: 0;
}
.social-icon-one li a{
position: relative;
width:34px;
height:34px;
display: block;
font-size: 14px;
line-height: 32px;
color: #ffffff;
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;
}
.social-icon-one li a:hover{
color: #ffffff;
border-color:#f89429;
background-color:#f89429;
}
.theme_color{
color:#3449b4;
}
.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:45px;
}
.sec-title .icon{
position: relative;
padding-bottom: 18px;
}
.sec-title .icon:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 25px;
height: 6px;
border-top: 2px solid #888888;
border-bottom: 2px solid #888888;
}
.sec-title.centered .icon:before{
left:50%;
margin-left:-12px;
}
.sec-title h2{
position: relative;
color: #222222;
font-weight: 500;
line-height: 1.3em;
margin-top: 18px;
padding-bottom:15px;
}
.sec-title .text{
position: relative;
color: #222222;
font-weight: 300;
line-height: 1.9em;
font-size:16px;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .text{
color:#aaaaaa;
}
.sec-title.centered{
text-align: center;
}
.sec-title.centered .icon{
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:99;
width:100%;
}
/* Header Top */
.main-header .header-top{
position:relative;
padding:9px 0px;
background-color:#f0f2f5;
}
.main-header .header-top .top-left{
position: relative;
padding:13px 0px;
}
.main-header .header-top .info-list{
position:relative;
float:left;
}
.main-header .header-top .info-list li{
position: relative;
color:#222222;
font-size:14px;
padding-left:25px;
margin-right:25px;
display:inline-block;
}
.main-header .header-top .info-list li:last-child{
margin-right:0px;
}
.main-header .header-top .info-list li .icon{
position:absolute;
left:0px;
top:0px;
color:#3449b4;
font-size:16px;
}
.main-header .header-top .info-list li a{
position: relative;
color:#222222;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .info-list li a:hover{
color:#3449b4;
}
.main-header .header-top .top-right{
position: relative;
}
.main-header .header-top .top-right2{
position: relative;
}
.main-header .header-top .top-right .social-box{
position: relative;
}
.main-header .header-top .top-right .social-box li{
position: relative;
margin-left:4px;
line-height:1.2em;
display:inline-block;
}
.main-header .header-top .top-right .social-box li a{
position: relative;
width:32px;
height:32px;
color:#aaaaaa;
font-size:14px;
line-height:32px;
text-align:center;
border-radius:50px;
display:inline-block;
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;
}
.main-header .header-top .top-right .social-box li a:hover{
color:#ffffff;
background-color:#222222;
}
.main-header .header-top .top-right .social-box li:last-child{
padding-right:0px;
margin-right:0px;
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper{
position:relative;
}
.main-header .header-upper .inner-container{
position:relative;
}
.main-header .nav-outer{
position:relative;
float:right;
}
.main-header .header-upper .logo-box{
position: relative;
padding:0px 0px;
}
.main-header .header-upper .logo-box .logo{
position:relative;
}
.main-header .outer-box{
position: relative;
float:right;
margin-left:50px;
padding: 30px 0px;
}
/* Search Box Outer */
.main-header .search-box-btn{
position:relative;
top: 0px;
display:block;
float:left;
margin-top:5px;
font-size:20px;
color:#000000;
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 .sticky-header .navbar-header{
display:none;
}
.main-header .btn-box{
position:relative;
float:left;
}
.main-header .btn-box .quote-btn{
position:relative;
color:#ffffff;
font-size:14px;
padding:14px 30px;
font-weight:500;
border-radius:3px;
text-transform:uppercase;
background-color:#4657b3;
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 .btn-box .quote-btn:hover{
background-color:#f89429;
color:#ffffff;
}
.main-header .btn-box .quote-btn2{
position:relative;
color:#ffffff;
font-size:10px;
padding:4px 15px;
font-weight:500;
border-radius:3px;
text-transform:uppercase;
background-color:#4657b3;
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 .btn-box .quote-btn2:hover{
background-color:#f89429;
color:#ffffff;
}
/* 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 .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:32px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-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:#3449b4;
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:45px;
}
/*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:4px 0px 4px;
}
.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:#222222;
text-align:center;
line-height:30px;
text-transform: capitalize;
letter-spacing:0px;
opacity:1;
font-weight:500;
padding:42px 0px;
font-size:18px;
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{
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:#3449b4;
}
.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;
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
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:500;
font-size:14px;
text-transform:capitalize;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.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:#3449b4;
}
.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;
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:500;
font-size:15px;
text-transform:capitalize;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background:#3449b4;
}
.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;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:before{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup{
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #3449b4;
width: 70px;
cursor:pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 30px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:0px;
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:18px;
line-height: 50px;
color:#000000;
height:70px;
width:100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-weight:500;
text-transform:capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:24px;
color:#000000;
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color:#000000;
}
.main-header .sticky-header .outer-box{
margin-left:20px;
padding:13px 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;
}
/***
====================================================================
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;
}
/***
====================================================================
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;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section{
position:relative;
overflow:hidden;
background-color:#222222;
}
.banner-section .slide{
position:relative;
padding-top:190px;
padding-bottom:260px;
background-size:cover;
background-position:center center;
}
.banner-section .slide:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
background-color:rgba(0,0,0,0.60);
}
.banner-section .slide .image-layer{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* -webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear; */
}
.banner-section .active .slide .image-layer{
/* -webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15); */
}
.banner-section .content-boxed{
position:relative;
z-index:2;
}
.banner-section .content-boxed .inner-boxed{
position:relative;
}
.banner-section .content-boxed.alternate .inner-boxed{
max-width:540px;
width:100%;
float:right;
}
.banner-section .content-boxed .title{
position:relative;
color:#ffffff;
font-size:18px;
line-height:1.8em;
margin-bottom:16px;
font-weight:400;
opacity: 0;
letter-spacing:4px;
transform: scaleY(0);
transform-origin: top;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed .title{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section .content-boxed h1{
position:relative;
color:#ffffff;
font-weight:500;
line-height:1.2em;
opacity: 0;
text-transform:uppercase;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed h1{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section .content-boxed .text{
position:relative;
color:#ffffff;
opacity: 0;
font-size:18px;
line-height:1.9em;
margin-bottom:35px;
font-weight:300;
margin-top:15px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section .content-boxed .btns-box{
margin-top:0px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed .btns-box{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-section .btns-box .theme-btn{
position:relative;
margin-right:32px;
float:left;
}
.banner-section .content-boxed .btns-box .talk{
position:relative;
float:left;
color:#ffffff;
font-size:18px;
margin-top:14px;
display:inline-block;
padding-bottom:3px;
border-bottom:3px solid #ffffff;
}
.banner-section .owl-dots{
position:absolute;
right:110px;
top:50%;
display:none;
}
.banner-section .owl-dots .owl-dot{
position:relative;
width:16px;
height:16px;
margin-bottom:10px;
border-radius:50px;
background-color:#ffffff;
margin-bottom:10px;
}
.banner-section .owl-dots .owl-dot:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
border-radius:50px;
border:3px solid #cc2b5e;
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;
}
.banner-section .owl-dots .owl-dot.active:before,
.banner-section .owl-dots .owl-dot:hover::before{
opacity:1;
}
.banner-section .owl-nav{
position:absolute;
left:0px;
top:50%;
z-index:1;
width:100%;
opacity:0;
margin-top:-10px;
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;
}
.banner-section:hover .owl-nav{
opacity:1;
}
.banner-section .owl-nav .owl-prev{
position:absolute;
left:20px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.60);
}
.banner-section .owl-nav .owl-next{
position:absolute;
right:20px;
color:#ffffff;
font-size:24px;
width:60px;
height:60px;
color:#ffffff;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.60);
}
.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
color:#3449b4;
border-color:#3449b4;
}
/* Custom Select */
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-size:13px;
font-style:normal;
padding:10px 18px;
color:#555555;
font-weight:300;
border-radius:3px;
background:#ffffff;
border:1px solid #ffffff;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:5px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f0d7";
position:absolute;
right:0px;
top:-6px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#cccccc;
line-height:20px;
font-size:18px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:#3449b4;
border-color:#3449b4;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:#3449b4;
}
/***
====================================================================
Featured Section
====================================================================
***/
.featured-section{
position:relative;
}
.featured-section .inner-container{
position:relative;
margin-top:-45px;
z-index:1;
background-color:#ffffff;
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-section .inner-container .featured-block{
padding:0px;
float:left;
}
.featured-section .inner-container .featured-block:nth-child(2){
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-block{
position:relative;
}
.featured-block .inner-box{
position:relative;
padding:54px 45px;
}
.featured-block .inner-box:before{
position:absolute;
content:'';
right:0px;
bottom:0px;
height:5px;
width:60px;
background-color:#555555;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block .inner-box:hover::before{
width:100%;
background-color:#f8952c;
}
.featured-block .inner-box .content{
position:relative;
padding-left:85px;
}
.featured-block .inner-box .content:before{
position:absolute;
content: "\f170";
right:-20px;
top:20px;
color:#f89429;
font-size:18px;
line-height:1em;
font-family: "Flaticon";
}
.featured-block .inner-box .icon-box{
position:absolute;
left:0px;
top:0px;
color:#3449b4;
font-size:60px;
line-height:1em;
}
.featured-block .inner-box .content h5{
position:relative;
line-height:1.4em;
font-weight:500;
font-size:22px;
}
.featured-block .inner-box .content h5 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block .inner-box .content h5 a:hover{
color:#3449b4;
}
/***
====================================================================
Security Section
====================================================================
***/
.security-section{
position:relative;
padding:115px 0px 60px;
}
.security-section .content-column{
position:relative;
margin-bottom:40px;
}
.security-section .content-column .inner-column{
position:relative;
padding-right:20px;
}
.security-section .content-column .title{
position:relative;
color:#888888;
font-size:18px;
padding-left:35px;
padding-top:2px;
font-weight:400;
margin-bottom:35px;
}
.security-section .content-column .title .icon{
position:absolute;
left:0px;
top:0px;
padding-bottom:16px;
}
.security-section .content-column .title .icon:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:25px;
height:6px;
border-top:2px solid #888888;
border-bottom:2px solid #888888;
}
.security-section .content-column h2{
position:relative;
color:#222222;
font-weight:500;
line-height:1.2em;
}
.security-section .content-column .bold-text{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
line-height:1.9em;
margin-top:20px;
}
.security-section .content-column .text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-top:15px;
margin-bottom:22px;
}
.security-section .content-column .read-more{
position:relative;
color:#3449b4;
font-size:14px;
font-weight:500;
text-transform:uppercase;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.security-section .content-column .read-more .fa{
position:relative;
font-size:20px;
top:1px;
padding-left:5px;
}
.security-section .content-column .read-more:hover{
color:#222222;
border-bottom:1px solid #3449b4;
}
.security-section .images-column{
position:relative;
margin-bottom:40px;
}
.security-section .images-column .inner-column{
position:relative;
}
.security-section .images-column .image{
position:relative;
margin-bottom:20px;
}
.security-section .images-column .image:last-child{
position:absolute;
right:15px;
bottom:40px;
}
/***
====================================================================
Premium Section
====================================================================
***/
.premium-section{
position:relative;
padding:110px 0px 150px;
background-color:#f0f2f5;
}
.premium-section.style-two{
background:none;
padding-bottom:90px;
}
.premium-section.style-two .security-block .inner-box{
background-color:#f0f2f5;
}
.premium-section .pattern-layer{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:915px;
background-repeat:repeat-x;
background-position:left bottom;
animation: 10s linear 0s infinite normal none running slide;
}
@keyframes slide{
from { background-position: 0 0; }
to { background-position: 200px 0; }
}
@-webkit-keyframes slide{
from { background-position: 0 0; }
to { background-position: 200px 0; }
}
.security-block{
position:relative;
margin-bottom:30px;
}
.security-block .inner-box{
position:relative;
background-color:#ffffff;
}
.security-block .inner-box .image{
position:relative;
overflow:hidden;
}
.security-block .inner-box .image:before{
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(124,180,52,.6);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.security-block .inner-box:hover .image:before{
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.security-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box:hover .image img{
transform:scale(1.05,1.05);
}
.security-block .inner-box .lower-content{
position:relative;
padding:35px 40px;
}
.security-block .inner-box .lower-content .hover-bg-color{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.security-block .inner-box .lower-content .hover-bg-color:before{
position:absolute;
content:'';
left:0%;
width:0%;
top:0px;
height:50%;
background-color:#f89429;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box .lower-content .hover-bg-color:after{
position:absolute;
content:'';
right:0%;
bottom:0px;
width:0%;
height:50%;
background-color:#f89429;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box:hover .lower-content .hover-bg-color:before,
.security-block .inner-box:hover .lower-content .hover-bg-color:after{
width:100%;
}
.security-block .inner-box .lower-content .upper-box{
position:relative;
padding-left:44px;
}
.security-block .inner-box .lower-content .upper-box .icon{
position:absolute;
left:0px;
top:0px;
color:#3449b4;
font-size:30px;
line-height:1em;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box .lower-content .upper-box h5{
position:relative;
font-weight:500;
line-height:1.3em;
}
.security-block .inner-box .lower-content .upper-box h5 a{
position:relative;
color:#222222;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box .lower-content .text{
position:relative;
color:#555555;
font-size:15px;
line-height:1.8em;
margin-top:25px;
font-weight:300;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.security-block .inner-box:hover .lower-content .text,
.security-block .inner-box:hover .lower-content .upper-box h5 a,
.security-block .inner-box:hover .lower-content .upper-box .icon{
color:#ffffff;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section{
position:relative;
padding:55px 0px 55px;
background-color:#3449b4;
}
.call-to-action-section .title-column{
position:relative;
}
.call-to-action-section .title-column .inner-column{
position:relative;
padding-left:130px;
}
.call-to-action-section .title-column .phone{
position:absolute;
left:0px;
top:5px;
width:105px;
height:60px;
color:#ffffff;
font-size:28px;
line-height:60px;
text-align:center;
background-color:#f89429;
border-radius:0px 7px 7px 0px;
}
.call-to-action-section .title-column .text{
position:relative;
color:#ffffff;
font-size:28px;
font-weight:400;
line-height:1.3em;
}
.call-to-action-section .title-column .text span{
position:relative;
font-weight:500;
}
.call-to-action-section .button-column{
position:relative;
}
.call-to-action-section .button-column .inner-column{
position:relative;
text-align:right;
}
.call-to-action-section.style-two{
background-color:#f89429;
}
.call-to-action-section.style-two .title-column .phone{
background-color:#d37e23;
}
.call-to-action-section.style-two .btn-style-two:hover{
border-color:#3449b4;
}
.call-to-action-section.style-two .btn-style-two:before{
border-bottom-color:#3449b4;
}
.call-to-action-section.style-two .btn-style-two:after{
border-bottom-color:#3449b4;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:110px 0px 80px;
}
.video-gallery{
position:relative;
margin-bottom:30px;
}
.video-gallery img{
position:relative;
width:100%;
display:block;
}
.video-gallery .overlay-box{
position:absolute;
left:0px;
bottom:0px;
max-width:500px;
background-color:#ffffff;
padding:35px 50px 35px 30px;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.video-gallery .overlay-box .overlay-inner{
position:relative;
padding-left:35px;
}
.video-gallery .overlay-box .overlay-inner .video-box{
position:absolute;
left:0px;
top:10px;
color:#3449b4;
font-size:20px;
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;
}
.video-gallery .overlay-box .overlay-inner h3{
position:relative;
line-height:1.3em;
font-weight:500;
}
.video-gallery .overlay-box .overlay-inner h3 a{
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.video-gallery .overlay-box .overlay-inner h3 a:hover{
color:#3449b4;
}
.video-gallery .overlay-box .text{
position:relative;
color:#555555;
font-size:15px;
line-height:1.9em;
font-weight:300;
margin-top:15px;
}
/* Gallery Block */
.gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
}
.gallery-block .inner-box .image{
position:relative;
overflow:hidden;
margin-bottom:0px;
}
.gallery-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.gallery-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
overflow:hidden;
text-align:center;
background-color:rgba(0,0,0,0.70);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block .inner-box .overlay-box .category{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:300;
letter-spacing:1px;
}
.gallery-block .inner-box .overlay-box h4{
position:relative;
font-weight:500;
line-height:1.4em;
margin-bottom:10px;
text-transform:capitalize;
}
.gallery-block .inner-box .overlay-box h4 a{
position:relative;
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 .overlay-box h4 a:hover{
color:#f89429;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
}
.fluid-section-one .icons-box{
position:absolute;
left:65%;
top:120px;
z-index:1;
}
.fluid-section-one .icons-box .icon{
position:relative;
width:80px;
height:80px;
color:#222222;
font-size:44px;
line-height:82px;
text-align:center;
border-radius:50%;
margin-left:-40px;
margin-bottom:70px;
background-color:#ffffff;
}
.fluid-section-one .icons-box .icon:after{
position:absolute;
content:'';
left:-10px;
top:-10px;
right:-10px;
bottom:-10px;
border-radius:50px;
background-color:rgba(255,255,255,0.25);
}
.fluid-section-one .logo-icon{
position:absolute;
left:-50px;
bottom:-50px;
z-index:1;
width:330px;
height:325px;
background-repeat:no-repeat;
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
background-color:#f89429;
background-position:right top;
background-repeat:no-repeat;
}
.fluid-section-one .image-column{
position:absolute;
right:0px;
top:0px;
width:35%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:left;
width:65%;
}
.fluid-section-one .content-column .inner-column{
position:relative;
max-width:910px;
width:100%;
float:right;
padding:105px 150px 110px 15px;
}
.fluid-section-one .content-column h2{
position:relative;
color:#ffffff;
font-size:38px;
font-weight:500;
line-height:1.3em;
}
.fluid-section-one .content-column .text{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-top:14px;
margin-bottom:32px;
}
/* Skills Section */
.skills .skill-item{
position:relative;
margin-bottom:35px;
z-index:1;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:10px;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
overflow:hidden;
height:10px;
border-radius:10px;
background-color:rgba(255,255,255,0.20);
}
.skills.style-two .skill-item .skill-bar .bar-inner{
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:10px;
width:0px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
background-color:#ffffff;
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:14px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:1.4em;
text-transform:capitalize;
}
.skills .skill-item .skill-percentage{
position:absolute;
right:0;
top:-35px;
float:right;
font-weight:400;
color:#ffffff;
font-size:16px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:100px 0px 70px;
}
/* Team Member */
.team-member{
position:relative;
margin-bottom:30px;
}
.team-member .inner-box{
position:relative;
text-align:center;
}
.team-member .inner-box .image-box{
position:relative;
overflow:hidden;
}
.team-member .inner-box .image-box .image{
position:relative;
margin:0px;
}
.team-member .inner-box .image-box .overlay-box{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
display:block;
border-radius:50%;
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;
}
.team-member .inner-box .image-box .overlay-box .inner{
position: absolute;
padding-top: 50%;
text-align: center;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
overflow:hidden;
background-color:rgba(0,0,0,0.80);
}
.team-member .inner-box .image-box .overlay-box .social-icon-one li a:hover{
color:#ffffff;
}
.team-member .inner-box .image-box img{
width:100%;
display:block;
}
.team-member .inner-box .lower-content{
position:relative;
text-align:center;
padding:25px 15px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-member .inner-box:hover .lower-content{
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.team-member .inner-box .lower-content h5{
position:relative;
color:#222222;
font-weight:500;
margin-bottom:5px;
}
.team-member .inner-box .lower-content h5 a{
position:relative;
color:#222222;
}
.team-member .inner-box .lower-content .designation{
position:relative;
color:#555555;
font-size:15px;
margin-top:2px;
font-weight:300;
}
.team-member .inner-box:hover .image-box .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;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:100px 0px 100px;
background-attachment:fixed;
background-size:cover;
}
.testimonial-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(0,0,0,0.75);
}
.testimonial-section .inner-container{
position:relative;
padding:0px 65px;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-section .owl-dots{
position:relative;
text-align:center;
margin-top:30px;
}
.testimonial-section .owl-dots .owl-dot{
position:relative;
width:10px;
height:10px;
opacity:0.20;
margin:0px 7px;
border-radius:50px;
display:inline-block;
background-color:#e3ebf5;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
opacity:1;
background-color:#3449b4 !important;
}
.testimonial-section.style-two{
background-color:#f6f7f9;
}
.testimonial-section.style-two:before{
background-color:rgba(240,242,245,0.90);
}
.testimonial-section.style-two .owl-dots .owl-dot{
background-color:#bec3c9;
opacity:1;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
text-align:center;
}
.testimonial-block .inner-box .title{
position:relative;
font-size:18px;
font-weight:500;
color:#ffffff;
padding-left:38px;
display:inline-block;
}
.testimonial-block .inner-box .title .icon{
position:absolute;
left:0px;
top:0px;
color:#3449b4;
font-size:22px;
line-height:1em;
}
.testimonial-block .inner-box .text{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-top:20px;
margin-bottom:30px;
}
.testimonial-block .inner-box .author-box{
position:relative;
}
.testimonial-block .inner-box .author-box .author-inner{
position:relative;
padding-left:62px;
text-align:left;
display:inline-block;
}
.testimonial-block .inner-box .author-box .author-image{
position:absolute;
left:0px;
top:0px;
width:49px;
height:49px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block .inner-box .author-box h6{
position:relative;
color:#ffffff;
font-weight:500;
}
.testimonial-block .inner-box .author-box .designation{
position:relative;
color:#aaaaaa;
font-weight:400;
font-size:12px;
text-transform:uppercase;
}
.testimonial-block .inner-box .author-box .rating{
position:relative;
color:#f89429;
font-size:12px;
}
.testimonial-block.style-two .inner-box .text{
color:#555555;
}
.testimonial-block.style-two .inner-box .title,
.testimonial-block.style-two .inner-box .author-box .designation,
.testimonial-block.style-two .inner-box .author-box h6{
color:#222222;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:100px 0px 70px;
}
.news-block{
position:relative;
margin-bottom:30px;
}
.news-block .inner-box{
position:relative;
padding:45px 40px 40px;
border:1px solid #e4e6e9;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box:hover{
border:1px solid transparent;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.news-block .inner-box h5{
position:relative;
line-height:1.5em;
font-weight:500;
}
.news-block .inner-box h5 a{
position:relative;
color:#222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box h5 a:hover{
color:#f89429;
}
.news-block .inner-box .post-meta{
position:relative;
margin-top:15px;
}
.news-block .inner-box .post-meta li{
position:relative;
color:#555555;
font-size:14px;
margin-right:20px;
display:inline-block;
}
.news-block .inner-box .post-meta li .icon{
position:relative;
color:#f89429;
margin-right:8px;
}
.news-block .inner-box .post-meta li:last-child{
margin-right:0px;
}
.news-block .inner-box .text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.8em;
margin-top:15px;
margin-bottom:12px;
}
.news-block .inner-box .read-more{
position:relative;
color:#222222;
font-size:14px;
font-weight:500;
line-height:1.8em;
margin-top:15px;
text-transform:uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box .read-more .fa{
position:relative;
margin-left:5px;
font-size:18px;
}
.news-block .inner-box .read-more:hover{
color:#f89429;
}
/***
====================================================================
Call To Action Section
====================================================================
***/
.call-to-action-section-two{
position:relative;
padding:105px 0px 105px;
background-size:cover;
background-position:right center;
background-repeat:no-repeat;
}
.call-to-action-section-two .content-boxed{
position:relative;
z-index:2;
}
.call-to-action-section-two .content-boxed .inner-boxed{
position:relative;
}
.call-to-action-section-two .content-boxed .title{
position:relative;
color:#222222;
font-size:18px;
line-height:1.8em;
margin-bottom:16px;
font-weight:400;
letter-spacing:4px;
text-transform:uppercase;
}
.call-to-action-section-two .content-boxed h1{
position:relative;
color:#222222;
font-weight:500;
line-height:1.2em;
text-transform:uppercase;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.call-to-action-section-two .content-boxed .text{
position:relative;
color:#222222;
font-size:18px;
line-height:1.8em;
margin-bottom:35px;
font-weight:300;
margin-top:15px;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.call-to-action-section-two .content-boxed .btns-box{
margin-top:0px;
}
.call-to-action-section-two .btns-box .theme-btn{
position:relative;
margin-right:32px;
float:left;
}
.call-to-action-section-two .content-boxed .btns-box .talk{
position:relative;
float:left;
color:#222222;
font-size:18px;
margin-top:14px;
display:inline-block;
padding-bottom:3px;
border-bottom:3px solid #3449b4;
}
.call-to-action-section-two .content-boxed .btns-box .talk span{
position:relative;
font-weight:700;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:105px 0px;
}
.clients-section.style-two{
padding-top:50px;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:0.5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/***
==================================================================
Main Footer
==================================================================
***/
.main-footer{
position:relative;
background-color:#222222;
}
.main-footer .upper-box{
position:relative;
padding:70px 0px 30px;
border-bottom:1px solid rgba(255,255,255,0.06);
}
.main-footer .upper-box .text-column{
position:relative;
margin-bottom:30px;
}
.main-footer .upper-box .text-column .text{
position:relative;
font-size:13px;
color:#ffffff;
font-weight:300;
line-height:1.8em;
}
.main-footer .upper-box .info-column{
position:relative;
margin-bottom:30px;
}
.main-footer .upper-box .contact-info-box{
position:relative;
}
.main-footer .upper-box .contact-info-box li{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1.8em;
padding-left:50px;
}
.main-footer .upper-box .contact-info-box li .icon{
position:absolute;
left:0px;
top:10px;
color:#3449b4;
font-size:32px;
line-height:1em;
}
.main-footer .upper-box .contact-info-box li strong{
font-weight:500;
display:block;
}
.main-footer .widgets-section{
position:relative;
padding:65px 0px 50px;
}
.main-footer .footer-column{
position:relative;
margin-bottom:40px;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:30px;
}
.main-footer .logo-widget .text{
position:relative;
color:#999999;
font-size:15px;
line-height:1.7em;
font-weight:300;
margin-bottom:25px;
}
.main-footer .logo-widget .social-links{
position:relative;
}
.main-footer .logo-widget .social-links a{
position:relative;
width:32px;
height:32px;
color:#aaaaaa;
font-size:14px;
text-align:center;
line-height:32px;
margin-right:3px;
border-radius:50px;
display:inline-block;
background-color:#393939;
-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 .logo-widget .social-links a:hover{
color:#ffffff;
background-color:#f89429;
}
.main-footer .logo-widget .copyright{
position:relative;
margin-top:25px;
color:#999999;
font-size:15px;
line-height:1.7em;
}
.main-footer .logo-widget .copyright a{
position:relative;
color:#999999;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
text-decoration:underline;
}
.main-footer .logo-widget .copyright a:hover{
color:#f89429;
}
.main-footer .footer-widget h5{
position:relative;
font-weight:500;
color:#ffffff;
line-height:1.2em;
margin-top:10px;
margin-bottom:25px;
text-transform:capitalize;
}
/* List Link */
.main-footer .list-link{
position:relative;
}
.main-footer .list-link li{
position:relative;
margin-bottom:11px;
}
.main-footer .list-link li a{
position:relative;
color:#999999;
font-size:15px;
font-weight:300;
-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 .list-link li a:hover{
color:#3449b4;
}
.main-footer .location-widget{
position:relative;
}
.main-footer .location-widget .map-boxed{
position:relative;
}
.main-footer .location-widget .map-boxed .map-canvas{
position:relative;
height:200px;
width:100%;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
overflow:hidden;
padding:150px 0px 150px;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
top:0px;
right:0px;
background-color:rgba(0,0,0,0.70);
}
.page-title .auto-container{
position:relative;
}
.page-title h1{
position:relative;
color:#ffffff;
font-weight:500;
line-height:1.2em;
margin-bottom: 0px;
text-transform:uppercase;
}
.page-breadcrumb{
position:relative;
margin-top:20px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffffff;
font-size:18px;
font-weight:300;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: ":";
right:-2px;
top:-1px;
color:#ffffff;
font-size:14px;
font-weight:700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#ffffff;
font-weight:300;
text-transform: capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
color:#f89429;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding:110px 0px 120px;
}
.about-section .content-column{
position:relative;
}
.about-section .content-column .inner-column{
position:relative;
padding-right:20px;
}
.about-section .content-column .title{
position:relative;
color:#888888;
font-size:18px;
padding-left:35px;
padding-top:2px;
font-weight:400;
margin-bottom:35px;
}
.about-section .content-column .title .icon{
position:absolute;
left:0px;
top:0px;
padding-bottom:16px;
}
.about-section .content-column .title .icon:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:25px;
height:6px;
border-top:2px solid #888888;
border-bottom:2px solid #888888;
}
.about-section .content-column h2{
position:relative;
color:#222222;
font-weight:500;
line-height:1.2em;
}
.about-section .content-column .text{
position:relative;
margin-top:22px;
margin-bottom:20px;
}
.about-section .content-column .text p{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-bottom:12px;
}
.about-section .content-column .text p:last-child{
margin-bottom:0px;
}
.about-section .content-column .question{
position:relative;
color:#222222;
font-size:18px;
font-weight:500;
padding-bottom:16px;
margin-bottom:30px;
border-bottom:1px solid #dddddd;
}
.about-section .content-column .question a{
position:relative;
color:#3449b4;
font-size:24px;
}
.about-section .content-column .signature{
position:relative;
color:#222222;
font-size:36px;
font-weight:300;
text-transform:lowercase;
font-family: 'Dancing Script', cursive;
}
.about-section .content-column .designation{
position:relative;
margin-top:15px;
font-size:14px;
font-weight:400;
color:#555555;
}
.about-section .image-column{
position:relative;
}
.about-section .image-column .award-image{
position:absolute;
left:0px;
bottom:40px;
z-index:1;
}
.about-section .image-column .inner-column{
position:relative;
padding-left:120px;
}
.about-section .image-column .image{
position:relative;
}
.about-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
/***
====================================================================
Featured Section Two
====================================================================
***/
.featured-section-two{
position:relative;
}
.featured-section-two .image-layer{
position:absolute;
left:0px;
top:70px;
width:100%;
height:475px;
background-color:#f0f2f5;
background-repeat: repeat-x;
background-position: left bottom;
animation: 10s linear 0s infinite normal none running slide;
}
.featured-section-two .inner-container{
position:relative;
}
.featured-section-two .inner-container .featured-block-two{
padding:0px;
float:left;
}
.featured-section-two .inner-container .featured-block:nth-child(2){
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-block-two{
position:relative;
z-index:1;
}
.featured-block-two .inner-box{
position:relative;
padding:50px 60px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.featured-block-two .inner-box:before{
position:absolute;
content:'';
right:0px;
bottom:0px;
height:5px;
width:60px;
z-index:2;
background-color:#555555;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block-two .inner-box:hover::before{
width:100%;
background-color:#f8952c;
}
.featured-block-two .inner-box:after{
position:absolute;
content:'';
left:0px;
top:0px;
bottom:0px;
right:0px;
z-index:1;
opacity:0;
transform: scale(0.2,1);
background-color:#3449b4;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block-two .inner-box:hover::after{
opacity:1;
transform: scale(1,1);
}
.featured-block-two .inner-box .content{
position:relative;
z-index:2;
}
.featured-block-two .inner-box .icon-box{
position:relative;
left:0px;
top:0px;
color:#222222;
font-size:80px;
line-height:1em;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block-two .inner-box .content h5{
position:relative;
line-height:1.4em;
font-weight:400;
font-size:22px;
margin-top:25px;
}
.featured-block-two .inner-box .content h5 a{
position:relative;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.featured-block-two .inner-box:hover .icon-box,
.featured-block-two .inner-box:hover .content h5:before,
.featured-block-two .inner-box:hover .content h5 a{
color:#ffffff;
}
.featured-block-two .inner-box .content h5:before{
position:absolute;
content: "\f170";
right:-20px;
top:10px;
color:#f89429;
font-size:18px;
line-height:1em;
font-family: "Flaticon";
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
padding:95px 0px 65px;
}
/* Fact Counter */
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
}
.fact-counter .column .inner .content{
position:relative;
text-align:center;
}
.fact-counter .column .inner .content:before{
position:absolute;
content:'';
right:-65px;
top:30px;
width:100px;
height:3px;
background-color:#d8dde5;
}
.fact-counter .column:last-child .inner .content:before{
display:none;
}
.fact-counter .column .inner .icon{
position:absolute;
left:0px;
top:10px;
color:#222222;
font-size:60px;
text-align:center;
line-height:1em;
font-weight: 400;
margin-bottom:0px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.fact-counter .count-outer .percentage{
display:inline-block;
font-weight:500;
color:#222222;
font-size:44px;
line-height:1em;
}
.fact-counter .column .inner .count-outer{
position:relative;
font-weight:500;
color:#222222;
font-size:44px;
line-height:1em;
}
.fact-counter .column .inner .counter-title{
position:relative;
font-size:16px;
font-weight:300;
margin-top:15px;
color:#222222;
letter-spacing:1px;
}
/***
====================================================================
Featured Section Three
====================================================================
***/
.featured-section-three{
position:relative;
padding:150px 0px 0px;
}
.featured-section-three .inner-container{
position:relative;
}
.featured-section-three .left-column{
position:relative;
}
.featured-section-three .left-column .inner-column{
position:relative;
margin-right:-45px;
}
.featured-section-three .right-column{
position:relative;
}
.featured-section-three .right-column .inner-column{
position:relative;
margin-left:-45px;
}
.featured-block-three{
position:relative;
z-index:1;
margin-bottom:170px;
}
.featured-block-three .inner-box{
position:relative;
text-align:right;
padding-right:130px;
}
.featured-block-three .inner-box .icon-box{
position:absolute;
right:0px;
top:0px;
width:105px;
height:105px;
line-height:88px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#3449b4;
border:8px solid #edeff2;
}
.featured-block-three.color-two .inner-box .icon-box{
background-color:#f89429;
}
.featured-block-three .inner-box h5{
position:relative;
font-weight:500;
line-height:1.3em;
}
.featured-block-three .inner-box h5 a{
position:relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.featured-block-three .inner-box h5 a:hover{
color:#3449b4;
}
.featured-block-three .inner-box .text{
position:relative;
color:#555555;
font-size:15px;
margin-top:10px;
line-height:1.8em;
}
.featured-block-three.style-two .inner-box{
position:relative;
text-align:left;
padding-left:130px;
padding-right:0px;
}
.featured-block-three.style-two .inner-box .icon-box{
position:absolute;
right:auto;
left:0px;
}
.featured-section-three .icon-column{
position:relative;
}
.featured-section-three .icon-column .inner-column{
position:relative;
margin-left:-75px;
margin-right:-75px;
}
.featured-section-three .icon-column .inner-column:before{
position:absolute;
content:'';
top:-150px;
left:-100px;
right:-40px;
width:726px;
height:600px;
z-index:-1;
background-position:center bottom;
background:url(images/background/pattern-3.png) no-repeat;
}
.featured-section-three .icon-column .circle-one{
position:absolute;
left: 20px;
top: -40px;
width:480px;
height:480px;
border-radius:50%;
background-color:#ffffff;
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-section-three .icon-column .circle-two{
position:absolute;
left: 40px;
top: -20px;
width:440px;
height:440px;
border-radius:50%;
background-color:#ffffff;
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-section-three .icon-column .circle-three{
position:absolute;
left: 60px;
top: 0px;
width:400px;
height:400px;
border-radius:50%;
background-color:#ffffff;
box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}
.featured-section-three .icon-column .icon{
position:relative;
text-align:center;
padding-top:60px;
}
/***
====================================================================
Team Page Section
====================================================================
***/
.team-page-section{
position:relative;
padding:100px 0px 70px;
}
/* Team Member */
.team-member-two{
position:relative;
margin-bottom:30px;
}
.team-member-two .inner-box{
position:relative;
text-align:center;
}
.team-member-two .inner-box .image-box{
position:relative;
overflow:hidden;
}
.team-member-two .inner-box .image-box .image{
position:relative;
margin:0px;
}
.team-member-two .inner-box .image-box img{
width:100%;
display:block;
}
.team-member-two .inner-box .lower-content{
position:relative;
text-align:center;
padding:25px 15px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.team-member-two .inner-box .lower-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:0%;
background-color:#7db436;
-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-member-two .inner-box:hover .lower-content:before{
height:140%;
}
.team-member-two .inner-box:hover .lower-content{
box-shadow:none;
}
.team-member-two .inner-box .lower-content h5{
position:relative;
color:#222222;
font-weight:500;
margin-bottom:5px;
}
.team-member-two .inner-box .lower-content h5 a{
position:relative;
color:#222222;
-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-member-two .inner-box:hover .lower-content .designation,
.team-member-two .inner-box:hover .lower-content h5 a{
color:#ffffff;
}
.team-member-two .inner-box .lower-content .designation{
position:relative;
color:#555555;
font-size:15px;
margin-top:2px;
font-weight:300;
-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-member-two .inner-box .lower-content .social-icon-one{
position:absolute;
left:0px;
right:0px;
opacity:0;
-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-member-two .inner-box:hover .lower-content .social-icon-one{
opacity:1;
margin-top:15px;
}
/***
====================================================================
Faq's Page Section
====================================================================
***/
.faq-page-section{
position:relative;
padding:90px 0px 90px;
}
/*Sidebar Search Form*/
.faq-search-box{
position:relative;
margin-top:0px;
width: 100%;
padding:40px 70px 65px;
margin-bottom:100px;
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}
.faq-search-box:before{
position:absolute;
content:'';
right:0px;
top:0px;
width:80px;
height:5px;
background-color:#3449b4;
}
.faq-search-box .form-group{
position:relative;
margin:0px;
}
.faq-search-box .form-group input[type="text"],
.faq-search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
color:#222222;
display:block;
font-size:18px;
width:100%;
height:60px;
font-weight:300;
font-style:italic;
border-radius:0px;
padding:15px 15px 15px 0px;
border-bottom:2px solid #dddddd;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.faq-search-box .form-group button{
position:absolute;
right:0px;
top:0px;
width:65px;
height:60px;
line-height:58px;
text-align:right;
display:block;
font-size:18px;
color:#222222;
background:none;
font-weight:normal;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.faq-search-box .form-group input:focus{
border-color:#3449b4;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:20px;
padding-bottom:18px;
border-bottom:1px solid #e4e6e9;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:22px;
cursor:pointer;
line-height:30px;
color:#222222;
font-weight:500;
padding:0px 10px 0px 35px;
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{
color:#7db436;
}
.accordion-box .block .icon-outer{
position:absolute;
left:-6px;
top:-2px;
color:#f89429;
font-size:14px;
font-weight:600;
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;
width: 28px;
height: 28px;
font-size: 14px;
text-align: center;
}
.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;
}
.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;
padding:14px 0px 0px 35px;
}
.accordion-box .block .content .text{
margin-bottom:5px;
line-height:1.8em;
font-size:15px;
color:#555555;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
/***
====================================================================
Pricing Page Section
====================================================================
***/
.pricing-page-section{
position:relative;
padding:90px 0px 90px;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transform:translateY(60px);
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;
transform:translateY(0px);
}
.pricing-tabs{
position:relative;
}
.pricing-tabs .title-column{
position:relative;
text-align:center;
margin-bottom:45px;
}
.pricing-tabs .tab-buttons{
position:relative;
text-align:center;
display:inline-block;
}
.pricing-tabs .tab-buttons .tab-btn{
position:relative;
color:#555555;
font-size:14px;
font-weight:500;
float:left;
cursor:pointer;
margin:0px 20px;
line-height:24px;
text-transform:uppercase;
border-bottom:1px solid #555555;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.pricing-tabs .tab-buttons .boll{
position:relative;
width: 50px;
height: 26px;
padding:2.5px 2px 2px;
border-radius:50px;
float:left;
text-align:left;
border:1px solid #e4e6e9;
box-shadow:0px 10px 15px rgba(0,0,0,0.15);
}
.pricing-tabs .tab-buttons .boll .round{
position:relative;
width:18px;
height:19px;
border-radius:50px;
display:inline-block;
background-color:#aaaaaa;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.pricing-tabs .tab-buttons .boll .round.boll-right{
transform:translateX(26px);
}
.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
color:#3449b4;
border-color:#3449b4;
}
/* Price Block */
.price-block{
position:relative;
margin-bottom:30px;
}
.price-block .inner-box{
position:relative;
text-align:center;
padding-bottom:50px;
border:1px solid #e4e6e9;
}
.price-block .inner-box .upper-box{
position:relative;
padding:38px 35px 0px;
}
.price-block .inner-box .upper-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:20px;
background-color:#1a7cbe;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block .inner-box:hover .upper-box:before{
background-color:#1cb5e7;
}
.price-block .inner-box .upper-box .icon{
position:relative;
margin-bottom:15px;
}
.price-block .inner-box .upper-box h4{
position:relative;
color:#ffffff;
font-size:26px;
font-weight:400;
line-height:1.3em;
}
.price-block .inner-box .upper-box .price{
position:relative;
padding:25px 20px;
text-align:center;
margin-top:36px;
color:#222222;
font-size:36px;
font-weight:500;
line-height:1.3em;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.price-block .inner-box .upper-box .price span{
position:relative;
font-size:24px;
font-weight:400;
}
.price-block .inner-box .lower-box{
position:relative;
text-align:center;
}
.price-block .inner-box .lower-box .price-list{
position:relative;
margin-top:60px;
margin-bottom:60px;
display:inline-block;
}
.price-block .inner-box .lower-box .price-list li{
position:relative;
padding-left:25px;
color:#222222;
font-size:18px;
font-weight:300;
margin-bottom:25px;
display:inherit;
}
.price-block .inner-box .lower-box .price-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:#222222;
font-size:18px;
font-family: 'FontAwesome';
}
.price-block .inner-box .lower-box .price-list li:last-child{
margin-bottom:0px;
}
.price-block .inner-box .lower-box .price-list li.hide{
opacity:0.3;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:90px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .padding-right{
padding-right:10px;
}
.sidebar-page-container .sidebar-side .padding-left{
padding-left:10px;
}
.sidebar-widget{
margin-bottom:45px;
}
.sidebar-widget .widget-content{
position:relative;
padding:40px 0px;
box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
.sidebar-widget .widget-content:before{
position:absolute;
content:'';
right:0px;
top:0px;
height:5px;
width:50px;
z-index:1;
background-color:#3449b4;
}
.sidebar-title{
position:relative;
margin-bottom:24px;
padding-left:30px;
}
.sidebar-title h4{
position: relative;
color: #222222;
font-size: 22px;
font-weight: 500;
line-height: 1.3em;
text-transform: capitalize;
}
/* Blog Cat */
.blog-cat{
position:relative;
overflow:hidden;
}
.blog-cat li{
position:relative;
}
.blog-cat li a{
position:relative;
color:#222222;
font-size:16px;
padding:15px 30px 15px 55px;
display:block;
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;
}
.blog-cat li a:before{
position:absolute;
content:'\f105';
left:35px;
top:14px;
color:#222222;
font-family: 'FontAwesome';
}
.blog-cat li a:hover{
color:#ffffff;
background-color:#f89429;
}
.blog-cat li:last-child a{
border-bottom:0px;
}
.blog-cat li a span{
position:absolute;
right:30px;
}
/* Help Widget */
.help-widget .widget-inner{
position:relative;
padding:45px 45px 45px;
background-color:#286daf;
}
.help-widget .widget-inner:before{
position:absolute;
content:'';
right:0px;
top:0px;
height:5px;
width:50px;
z-index:1;
background-color:#f89429;
}
.help-widget .widget-inner h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:500;
padding-bottom:12px;
}
.help-widget .widget-inner h3:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:50px;
background-color:#ffffff;
}
.help-widget .title{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
margin-top:22px;
letter-spacing:1px;
}
.help-widget .phone{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
margin-top:12px;
margin-bottom:12px;
letter-spacing:1px;
display:inline-block;
}
.help-widget .email{
position:relative;
color:#ffffff;
font-size:14px;
font-weight:400;
letter-spacing:1px;
}
/* Timing Widget */
.timing-widget .widget-inner{
position:relative;
padding:45px 45px 45px;
background-color:#3449b4;
}
.timing-widget .widget-inner:before{
position:absolute;
content:'';
right:0px;
top:0px;
height:5px;
width:50px;
z-index:1;
background-color:#f89429;
}
.timing-widget .widget-inner h3{
position:relative;
color:#ffffff;
font-size:30px;
font-weight:500;
padding-bottom:12px;
margin-bottom:22px;
}
.timing-widget .widget-inner h3:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:1px;
width:50px;
background-color:#ffffff;
}
.timing-widget ul li{
position:relative;
font-size:14px;
color:#ffffff;
font-weight:500;
line-height:1.9em;
margin-bottom:15px;
}
.timing-widget ul li span{
position:relative;
display:block;
font-size:18px;
font-weight:500;
}
.timing-widget ul li:last-child{
font-size:16px;
margin-bottom:0px;
}
.package-widget .widget-inner{
position:relative;
padding:80px 45px;
text-align:center;
background-size:cover;
}
.package-widget .widget-inner:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgba(34,34,34,0.80);
}
.package-widget .widget-inner h3{
position:relative;
color:#ffffff;
font-weight:500;
font-size:30px;
line-height:1.4em;
}
.package-widget .widget-inner .text{
position:relative;
margin-top:20px;
color:#ffffff;
font-size:18px;
line-height:1.7em;
font-weight:300;
margin-bottom:30px;
}
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
}
.service-detail .inner-box .images-box{
position:relative;
}
.service-detail .inner-box .images-box .image{
position:relative;
margin-bottom:30px;
}
.service-detail .inner-box .images-box .image img{
position:relative;
width:100%;
display:block;
}
.service-detail .inner-box .lower-content{
position:relative;
margin-top:10px;
}
.service-detail .inner-box h2{
position:relative;
color:#222222;
font-size:30px;
font-weight:500;
line-height:1.3em;
margin-bottom:12px;
}
.service-detail .inner-box p{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.9em;
}
.service-detail .inner-box .lower-content .two-column{
position:relative;
margin-bottom:0px;
}
.service-detail .inner-box .lower-content .featured-blocks{
position:relative;
padding-top:60px;
margin-top:40px;
margin-bottom:40px;
border-top:1px solid #e4e6e9;
}
.service-detail .inner-box .lower-content .featured-blocks .featured-block{
float:left;
padding:0px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.service-detail .inner-box .lower-content .featured-blocks .featured-block .inner-box{
padding:54px 40px 54px 25px;
}
.service-detail .inner-box .lower-content .featured-blocks .featured-block .inner-box .icon-box{
color:#5f5f5f;
}
.service-detail .inner-box .lower-content .btns-box{
margin-top:30px;
text-align:center;
}
.service-detail .inner-box .lower-content .btns-box .theme-btn{
position:relative;
margin-right:32px;
display:inline-block;
}
.service-detail .inner-box .lower-content .btns-box .talk{
position:relative;
color:#222222;
font-size:18px;
top:-25px;
display:inline-block;
padding-bottom:3px;
border-bottom:3px solid #3449b4;
}
.service-detail .inner-box .lower-content .btns-box .talk span{
position:relative;
font-weight:700;
}
.sticky-top{
top:30px;
z-index:1;
}
/*Search Box Widget*/
.sidebar .search-box .sidebar-title{
padding-left:0px;
margin-bottom:5px;
}
.sidebar .search-box .widget-content{
padding:40px 35px 45px;
}
.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:30px;
padding:10px 50px 10px 0px;
background:#ffffff;
display:block;
font-size:15px;
width:100%;
height:60px;
color:#999999;
font-weight:300;
border-radius:0px;
font-style:italic;
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:2px solid #dddddd;
}
.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
.sidebar .search-box .form-group input::-webkit-input-placeholder{
color:#797979;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
font-size:18px;
color:#222222;
line-height:100%;
font-weight:normal;
background:none;
text-align:right;
}
/*Post Widget*/
.sidebar .popular-posts .widget-content{
padding:45px 40px;
}
.sidebar .popular-posts .sidebar-title{
padding-left:0px;
}
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:90px;
min-height:95px;
margin-bottom:25px;
border-bottom:1px solid #dddddd;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
border-radius:0px;
overflow:hidden;
}
.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(124,180,52,0.70);
}
.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
top: 50%;
position: relative;
margin-top: -12px;
display: block;
}
.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
opacity:1;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:18px;
margin:0px 0px 0px;
font-weight:400;
color:#222222;
line-height:1.5em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:#3449b4;
}
.sidebar .popular-posts .post-info{
position:relative;
font-size:13px;
color:#555555;
font-weight:400;
margin-top:0px;
}
/* Tags */
.sidebar .popular-tags .widget-content{
padding:45px 40px;
}
.sidebar .popular-tags .sidebar-title{
padding-left:0px;
}
/* Popular Tags */
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:6px 20px 6px;
margin:0px 6px 8px 0px;
color:#555555;
text-align:center;
font-size:13px;
background:none;
font-weight:400;
border-radius:2px;
border:1px solid #dddddd;
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:#f89429;
background-color:#f89429;
color:#ffffff;
}
/* Testimonial Widget */
.sidebar .testimonial-widget .widget-content{
padding:45px 40px;
}
.sidebar .testimonial-widget .sidebar-title{
padding-left:0px;
}
.testimonial-widget-block{
position:relative;
}
.testimonial-widget-block .block-inner{
position:relative;
text-align:center;
}
.testimonial-widget-block .image-outer{
position:relative;
}
.testimonial-widget-block .image-outer .quote-left{
position:absolute;
left:30px;
top:20px;
color:#dddddd;
font-size:30px;
line-height:1em;
}
.testimonial-widget-block .image-outer .quote-right{
position:absolute;
right:30px;
top:20px;
color:#dddddd;
font-size:30px;
line-height:1em;
}
.testimonial-widget-block .image-outer .image{
position:relative;
width:70px;
height:70px;
margin:0 auto;
border-radius:50%;
overflow:hidden;
}
.testimonial-widget-block .block-inner .text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.8em;
margin-top:25px;
padding:0px 20px;
}
.testimonial-widget-block .block-inner .author-name{
position:relative;
color:#222222;
font-size:15px;
font-weight:500;
margin-top:22px;
text-transform:uppercase;
}
.testimonial-widget-block .block-inner .designation{
position:relative;
color:#555555;
font-size:12px;
font-weight:400;
margin-top:2px;
text-transform:uppercase;
}
.sidebar .testimonial-widget .owl-nav{
display:none;
}
.sidebar .testimonial-widget .owl-dots{
position:relative;
text-align:center;
margin-top:10px;
}
.sidebar .testimonial-widget .owl-dots .owl-dot{
position:relative;
width:8px;
height:8px;
margin:0px 6px;
border-radius:50px;
display:inline-block;
background-color:#dddddd;
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 .testimonial-widget .owl-dots .owl-dot.active,
.sidebar .testimonial-widget .owl-dots .owl-dot:hover{
background-color:#555555;
}
/* News Block Two */
.news-block-two{
position:relative;
margin-bottom:80px;
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image{
position:relative;
overflow:hidden;
background-color:#3449b4;
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.5;
transform:rotate(2deg) scale(1.06,1.06);
}
.news-block-two .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
text-align:center;
}
.news-block-two .inner-box .image .overlay-box .icon{
position:absolute;
left:50%;
top:50%;
width:80px;
height:80px;
color:#222222;
margin-left:-40px;
text-align:center;
border-radius:50%;
line-height:80px;
display:inline-block;
padding-left:4px;
font-size:25px;
margin-top:-40px;
background-color:rgba(255,255,255,0.90);
}
.news-block-two .inner-box .image .overlay-box .ripple,
.news-block-two .inner-box .image .overlay-box .ripple:before,
.news-block-two .inner-box .image .overlay-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:80px;
height:80px;
margin-left:.5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.news-block-two .inner-box .image .overlay-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;
}
.news-block-two .inner-box .image .overlay-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);}
}
.news-block-two .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.news-block-two .inner-box .lower-content h3{
position:relative;
line-height:1.2em;
font-weight:500;
margin-top:18px;
}
.news-block-two .inner-box .lower-content h3 a{
position:relative;
color:#222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-two .inner-box .lower-content h3 a:hover{
color:#3449b4;
}
.news-block-two .inner-box .lower-content .post-meta{
position:relative;
}
.news-block-two .inner-box .lower-content .post-meta li{
position:relative;
color:#555555;
font-size:14px;
margin-right:20px;
display:inline-block;
}
.news-block-two .inner-box .lower-content .post-meta li .icon{
position:relative;
color:#3449b4;
margin-right:8px;
}
.news-block-two .inner-box .lower-content li:last-child{
margin-right:0px;
}
.news-block-two .inner-box .text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-top:15px;
margin-bottom:25px;
}
.news-block-three{
position:relative;
margin-bottom:80px;
}
.news-block-three .inner-box{
position:relative;
padding:50px 65px;
background-color:#3449b4;
}
.news-block-three .inner-box h3{
position:relative;
line-height:1.3em;
font-weight:500;
font-size:32px;
}
.news-block-three .inner-box h3 a{
position:relative;
color:#ffffff;
}
.news-block-three .inner-box .author{
position:relative;
color:#ffffff;
font-size:16px;
margin-top:20px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
z-index:1;
}
.styled-pagination li{
position:relative;
margin:0px 3px;
display:inline-block;
}
.styled-pagination li a{
position:relative;
width:45px;
height:45px;
color:#222222;
font-size:16px;
font-weight:400;
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;
border-radius:2px;
text-align:center;
line-height:41px;
border:2px solid #dddddd;
}
.styled-pagination li.active a,
.styled-pagination li:hover a{
color:#ffffff;
border-color:#3449b4;
background-color:#3449b4;
}
.styled-pagination li.prev a{
position:relative;
width:auto;
height:auto;
color:#555555;
font-size:15px;
line-height:28px;
display:inline-block;
margin-bottom:20px;
font-weight:300;
box-shadow:inherit;
border:none;
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;
}
.styled-pagination li.prev a:hover{
color:#f89429;
background:none;
}
.styled-pagination li.next a{
position:relative;
width:auto;
height:auto;
color:#555555;
font-size:15px;
line-height:28px;
box-shadow:inherit;
display:inline-block;
margin-bottom:20px;
font-weight:300;
border:none;
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;
}
.styled-pagination li.next a:hover{
color:#f89429;
background:none;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
color:#fda50f;
}
/* News Detail */
.blog-detail{
position:relative;
margin-bottom:80px;
}
.blog-detail .inner-box{
position:relative;
}
.blog-detail .inner-box .image{
position:relative;
overflow:hidden;
background-color:#3449b4;
}
.blog-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 600ms ease;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
}
.blog-detail .inner-box:hover .image img{
opacity:0.5;
transform:rotate(2deg) scale(1.06,1.06);
}
.blog-detail .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.blog-detail .inner-box .lower-content h3{
position:relative;
line-height:1.2em;
font-weight:500;
margin-top:18px;
color:#222222;
}
.blog-detail .inner-box .lower-content .post-meta{
position:relative;
}
.blog-detail .inner-box .lower-content .post-meta li{
position:relative;
color:#555555;
font-size:14px;
margin-right:20px;
display:inline-block;
}
.blog-detail .inner-box .lower-content .post-meta li .icon{
position:relative;
color:#3449b4;
margin-right:8px;
}
.blog-detail .inner-box .lower-content li:last-child{
margin-right:0px;
}
.blog-detail .inner-box .text{
position:relative;
}
.blog-detail .inner-box .text p{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.9em;
margin-top:15px;
margin-bottom:20px;
}
.blog-detail .inner-box blockquote{
position:relative;
padding:40px 60px;
color:#222222;
font-size:16px;
font-weight:500;
margin-top:35px;
margin-bottom:30px;
line-height:1.9em;
font-style:italic;
border:1px solid #e4e6e9;
border-left:5px solid #3449b4;
}
.blog-detail .inner-box .image-gallery{
position:relative;
margin-top:25px;
margin-bottom:25px;
}
/* Post Share Options */
.blog-detail .post-share-options{
position:relative;
margin-top: 50px;
padding:0px 0px 50px;
}
.blog-detail .post-share-options .tags{
position:relative;
padding-bottom:22px;
margin-bottom:22px;
border-bottom:1px solid #e4deee;
}
.blog-detail .post-share-options .tags span{
font-size:15px;
color:#333333;
font-weight:400;
margin-right:8px;
text-transform: capitalize;
}
.blog-detail .post-share-options .tags a{
position:relative;
color:#333333;
font-size:15px;
font-weight:400;
line-height: 1em;
margin-right: 4px;
display: inline-block;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .post-share-options .tags a:last-child{
border-right:none;
margin-right: 0px;
padding-right: 0px;
}
.blog-detail .post-share-options .tags{
position:relative;
color:#333333;
font-size:15px;
font-weight:400;
}
.blog-detail .post-share-options .tags a:hover{
color:#3449b4;
}
.blog-detail .post-share-options .social-box{
position:relative;
}
.blog-detail .post-share-options .social-box > span{
font-size:15px;
color:#333333;
font-weight:400;
margin-right:5px;
text-transform: capitalize;
}
.blog-detail .post-share-options .social-box li{
position:relative;
margin-right:3px;
display:inline-block;
}
.blog-detail .post-share-options .social-box li a{
position:relative;
width:32px;
height:32px;
font-size:14px;
color:#aaaaaa;
border-radius:50px;
text-align:center;
line-height:30px;
display:inline-block;
border:1px solid #e5e7ea;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-detail .post-share-options .social-box li a:hover{
color:#ffffff;
border-color:#3449b4;
background-color:#3449b4;
}
/*Author Box*/
.blog-author-box{
position:relative;
margin-bottom:85px;
}
.blog-author-box .author-inner{
position:relative;
padding:50px 50px;
background-color:#f0f2f5;
}
.blog-author-box .author-inner .inner-box{
position:relative;
padding-left:155px;
}
.blog-author-box .author-inner .inner-box .image{
position:absolute;
left:0px;
top:0px;
width:120px;
overflow:hidden;
margin-bottom:20px;
}
.blog-author-box .author-inner .inner-box h6{
position:relative;
color:#222222;
font-weight:500;
margin-bottom:10px;
}
.blog-author-box .author-inner .inner-box .text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
line-height:1.8em;
margin-bottom:10px;
}
.blog-author-box .author-inner .social-boxed{
position:relative;
}
.blog-author-box .author-inner .social-boxed li{
position:relative;
margin-right:15px;
display:inline-block;
}
.blog-author-box .author-inner .social-boxed li a{
position:relative;
color:#aaaaaa;
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;
}
.blog-author-box .author-inner .social-boxed li a:hover{
color:#f89429;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position:relative;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:35px;
}
.sidebar-page-container .group-title h3{
position:relative;
color:#222222;
font-size:36px;
font-weight:500;
text-transform:capitalize;
}
.sidebar-page-container .group-title .group-text{
position:relative;
color:#555555;
font-size:15px;
font-weight:300;
margin-top:10px;
margin-bottom:30px;
font-style:italic;
}
.comment-form .form-group{
position:relative;
margin-bottom:30px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 25px;
height:55px;
color:#222222;
font-size:14px;
border-radius:3px;
background:none;
border:1px solid #e4e6e9;
-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::placeholder,
.comment-form .form-group textarea::placeholder{
color:#555555;
text-transform:capitalize;
}
.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:#3449b4;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:15px 25px;
color:#222222;
height:130px;
font-size:14px;
resize:none;
border-radius:3px;
background:none;
border:1px solid #e4e6e9;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .theme-btn{
}
.gallery-page-section{
position:relative;
padding:110px 0px 100px;
}
.gallery-page-section .btn-box{
position:relative;
margin-top:50px;
}
/*Error Section*/
.error-section{
position:relative;
padding:100px 0px 100px;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section h1{
position:relative;
color:#222222;
font-size:180px;
font-weight:600;
line-height:1em;
margin-bottom:10px;
}
.error-section h2{
position:relative;
color:#222222;
font-size:50px;
font-weight:300;
line-height:1.2em;
margin-bottom:10px;
}
.error-section .text{
position:relative;
color:#222222;
font-size:20px;
font-weight:300;
margin-top:20px;
line-height:1.5em;
margin-bottom:30px;
}
/***
====================================================================
Contact Page Section
====================================================================
***/
.contact-page-section{
position:relative;
padding:100px 0px 70px;
}
.contact-page-section .upper-box{
position:relative;
margin-bottom:100px;
box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.contact-page-section .image-column{
position:relative;
float:left;
padding:0px;
}
.contact-page-section .image-column .inner-column{
position:relative;
}
.contact-page-section .image-column .image{
position:relative;
}
.contact-page-section .image-column .image img{
position:relative;
width:100%;
display:block;
margin-top: 12%;
margin-left: 35px;
}
.contact-page-section .content-column{
position:relative;
float:left;
padding:0px;
}
.contact-page-section .content-column .inner-column{
position:relative;
padding:45px 45px 35px 45px;
}
.contact-page-section .content-column h4{
position:relative;
color:#222222;
font-weight:500;
line-height:1.4em;
margin-bottom:15px;
}
.contact-page-section .content-column .text{
position:relative;
color:#222222;
font-weight:400;
line-height:1.7em;
font-size:18px;
margin-bottom:35px;
}
.contact-page-section .content-column .info-list{
position:relative;
}
.contact-page-section .content-column .info-list li{
position:relative;
padding-left:35px;
color:#222222;
font-size:24px;
margin-bottom:22px;
}
.contact-page-section .content-column .info-list .icon{
position:absolute;
left:0px;
top:0px;
color:#f89429;
}
.contact-page-section .content-column .info-list li:last-child{
margin-bottom:0px;
}
.contact-page-section .content-column .info-list li a{
position:relative;
color:#222222;
}
.contact-page-section .contact-box{
position:relative;
margin-bottom:30px;
}
.contact-page-section .contact-box .inner-box{
position:relative;
padding:45px 50px;
min-height:264px;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.contact-page-section .contact-box .inner-box:before{
position:absolute;
content:'';
right:0px;
bottom:0px;
width:50px;
height:5px;
z-index:1;
background-color:#3449b4;
-webkit-transition:all 600ms ease;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
transition:all 600ms ease;
}
.contact-page-section .contact-box .inner-box:hover::before{
width:100%;
}
.contact-page-section .contact-box .inner-box h5{
position:relative;
color:#222222;
font-weight:500;
margin-bottom:12px;
}
.contact-page-section .contact-box .inner-box .text{
position:relative;
color:#222222;
font-weight:400;
font-size:18px;
margin-bottom:0px;
line-height:1.7em;
}
.contact-page-section .contact-box .inner-box ul{
position:relative;
color:#222222;
font-weight:300;
font-size:18px;
margin-bottom:0px;
}
.contact-page-section .contact-box .inner-box li{
position:relative;
margin-bottom:10px;
color:#222222;
font-weight:400;
font-size:18px;
line-height:1.7em;
}
.contact-page-section .contact-box .inner-box li:last-child{
margin-bottom:0px;
}
.contact-page-section .contact-box .phone{
position:relative;
margin-bottom:13px;
color:#222222;
font-weight:400;
font-size:20px;
line-height:1.4em;
display:inline-block;
}
.contact-page-section .contact-box .emails{
position:relative;
}
.contact-page-section .contact-box .emails a{
position:relative;
color:#222222;
font-size:18px;
font-weight:300;
margin-bottom:10px;
display:block;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two{
position:relative;
}
.fluid-section-two .outer-container{
position:relative;
background-color:#f1f1f1;
}
.fluid-section-two .outer-container .map-column{
position: absolute;
width: 50%;
left: 0px;
height: 100%;
float: left;
overflow:hidden;
min-height: 300px;
}
.fluid-section-two .outer-container .map-column .map-canvas{
position: absolute;
right: 0px;
height: 100%;
width: 100%;
min-height: 300px;
}
.fluid-section-two .outer-container .form-column{
position:relative;
width:50%;
float:right;
}
.fluid-section-two .outer-container .form-column .inner-column{
position:relative;
padding:80px 50px 80px 100px;
}
/* Contact Form */
.contact-form .form-group{
position:relative;
margin-bottom:20px;
}
.contact-form .form-group:last-child{
margin-bottom:0px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:12px 20px 12px;
color:#797979;
height:55px;
font-size:14px;
background:#ffffff;
font-weight:400;
border:1px solid #e4e6e9;
-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::-webkit-input-placeholder,
.contact-form .form-group textarea::-webkit-input-placeholder{
color:#555555;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus{
border-color:#f89429;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
color:#797979;
height:130px;
background:#ffffff;
resize:none;
font-size:14px;
font-weight:400;
padding:12px 20px 12px;
border:1px solid #e4e6e9;
-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 .submit-btn{
position: relative;
color: #ffffff;
font-size: 14px;
padding: 16px 30px;
cursor:pointer;
font-weight: 500;
border-radius: 3px;
text-transform: uppercase;
background-color: #3449b4;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.contact-form .form-group .submit-btn i{
font-size:18px;
margin-left:8px;
}