/*Fico - Finance and Consultancy HTML Template | */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Main Slider
6. About Us
7. Services Section
8. Why Us
9. Testimonials One
10. Cases Section
11. Statistics Section
12. News Section
13. Contact Section
14. Sponsors
15. Main Footer
16. Footer Style Two
17. Services Section Two
18. About Two
19. Services Three
20. Call to Action
21. Cases Section Two
22. Team Section
23. About Three
24. Testimonials Two
25. Fullwidth Section
26. Default Section
27. Page Title
28. About Four
29. Services Four
30. History Section
31. CEO Words
32. Funfacts Section
33. Careers Page
34. Partners Section
35. Services
36. Service Single
37. Gallery Style One
38. Gallery Style Two
39. Testimonials
40. FAQs
41. Coming Soon
42. Blog
43. Blog Post Details
44. Contact Us
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i');
/*font-family: 'Hind Guntur', sans-serif;
font-family: 'Raleway', sans-serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Hind Guntur', sans-serif;
font-size:16px;
color:#5a6d92;
line-height:1.75em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
a{
text-decoration:none;
cursor:pointer;
color:#007aff;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Hind Guntur', sans-serif;
}
input,button,select,textarea{
font-family: 'Hind Guntur', sans-serif;
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.8em;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
.theme_color{
color:#007aff;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:18px 45px 12px;
line-height:30px;
background:none;
color:#ffffff;
border:2px solid #ffffff;
font-size:16px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Hind Guntur', sans-serif;
border-radius:30px;
}
.btn-style-one:hover{
background:#ffffff;
color:#00325d;
border-color:#ffffff;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:15px 36px 11px;
line-height:24px;
background:#8baad6;
color:#ffffff;
border:2px solid #8baad6;
font-size:16px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Hind Guntur', sans-serif;
border-radius:30px;
}
.btn-style-two:hover{
background:none;
color:#8baad6;
border-color:#8baad6;
}
.btn-style-three{
position:relative;
padding:15px 45px 11px;
line-height:24px;
background:#00325d;
color:#ffffff;
border:2px solid #00325d;
font-size:16px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Hind Guntur', sans-serif;
border-radius:30px;
}
.btn-style-three:hover{
background:none;
color:#00325d;
border-color:#00325d;
}
.btn-style-four{
position:relative;
padding:15px 45px 11px;
line-height:24px;
background:#ffffff;
color:#00325d;
border:2px solid #ffffff;
font-size:16px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
font-family: 'Hind Guntur', sans-serif;
border-radius:30px;
}
.btn-style-four:hover{
background:#007aff;
color:#ffffff;
border-color:#007aff;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:50px;
right:15px;
width:60px;
height:60px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:60px;
text-align:center;
z-index:100;
cursor:pointer;
background:#0a0a0a;
display:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-top:hover{
color:#ffffff;
background:#007aff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
z-index:999;
width:100%;
}
/*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 #e6e6e6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:5px 0px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .header-top{
position:relative;
background:#ffffff;
}
.main-header .header-top .top-left{
position:relative;
padding:10px 0px;
float:left;
}
.main-header .header-top .info li{
position:relative;
float:left;
line-height:30px;
margin-right:50px;
}
.main-header .header-top .info li a{
position:relative;
display:block;
padding-left:40px;
line-height:27px;
padding-top:3px;
color:#00325d;
}
.main-header .header-top .info li .icon{
position:absolute;
left:0px;
top:0px;
font-size:26px;
display:inline-block;
line-height:28px;
}
.main-header .header-top .info li a:hover{
color:#007aff;
}
.main-header .header-top .top-right{
position:relative;
padding:10px 0px;
float:right;
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:#00325d;
}
.main-header .main-box .outer-container{
position:relative;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:5px 0px;
}
.main-header .main-box .logo-box .logo img{
display: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;
background:#00325d;
overflow:hidden;
}
*/
.main-header .header-upper {
position: relative;
background: #ffffff !important;
overflow: hidden;
}
.main-header .header-upper .logo-box{
position:relative;
float:left;
padding:10px 0px;
}
.main-header .header-upper .upper-right{
position:relative;
float:right;
padding:10px 0px;
}
.main-header .header-upper .upper-right:before{
content:'';
position:absolute;
left:-50px;
top:0px;
height:100%;
width:5000px;
background:rgb(18, 64, 104);
/*background:rgba(255,255,255,0.07);*/
-webkit-transform:skewX(-15deg);
-ms-transform:skewX(-15deg);
-moz-transform:skewX(-15deg);
transform:skewX(-15deg);
}
.main-header .info-box{
position:relative;
float:left;
min-height:50px;
margin-right:50px;
font-size:12px;
color:#ffffff;
text-align:left;
line-height:22px;
padding:3px 50px 0px 50px;
}
.main-header .info-box:last-child{
margin-right:0px;
padding-right:0px;
}
.main-header .info-box:before{
content:'';
position:absolute;
right:0px;
top:-25px;
height:100px;
border-left:2px solid #00325d;
-webkit-transform:skewX(-15deg);
-ms-transform:skewX(-15deg);
-moz-transform:skewX(-15deg);
transform:skewX(-15deg);
}
.main-header .info-box:last-child:before{
display:none;
}
.main-header .info-box .icon-box{
position:absolute;
width:50px;
height:50px;
left:0px;
top:0px;
color:#ffffff;
font-size:36px;
line-height:44px;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box a{
position:relative;
color:#ffffff;
}
.main-header .header-lower{
position:absolute;
left:0px;
top:100%;
width:100%;
background:rgba(0,50,93,0.50);
}
.main-header .nav-outer{
position:relative;
}
.main-header .main-box .nav-outer{
position:relative;
float:right;
}
.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;
}
.main-menu .navigation{
position:relative;
margin-right: 10px;
padding-top: 5px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:40px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0px;
opacity:1;
font-weight:500;
padding:30px 0px 13px;
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;
}
.header-style-two .main-menu .navigation > li > a{
line-height:60px;
}
.tparrows {
top: 30% !important;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin:0px;
margin-left:20px;
}
.sticky-header .main-menu .navigation > li > a{
padding:25px 0px 13px !important;
color:#00325d !important;
font-size:18px;
line-height:30px !important;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
opacity:1;
color:#007aff;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:#007aff !important;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:240px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #007aff;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px 8px;
line-height:24px;
font-weight:400;
font-size:15px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#00325d;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#253d4a;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:240px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid #007aff;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px 8px;
line-height:24px;
font-weight:400;
font-size:15px;
text-transform:capitalize;
color:#272727;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#ffffff;
background:#00325d;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .options-box{
position:relative;
float:right;
padding:15px 0px;
}
.header-style-two .options-box{
float:none;
padding:0px 0px;
}
.main-header .options-box .search-box{
position: relative;
float:left;
margin-right:30px;
}
.main-header .options-box .search-box .search-box-btn{
position:relative;
height:30px;
line-height:30px;
display:block;
font-size:18px;
color:#ffffff;
padding:0px;
margin:0px;
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 .options-box .search-box .dropdown-menu{
top:42px;
border-top:3px solid #007aff;
padding:0px;
width:280px;
border-radius:0px;
}
.main-header .options-box .search-box .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
color:#000000;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#007aff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#007aff;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.main-header .options-box .lang-box{
position: relative;
float:left;
}
.main-header .options-box .lang-box:before{
content:'';
position:absolute;
left:-16px;
top:5px;
bottom:5px;
float:left;
border-left:1px solid rgba(255,255,255,0.30);
}
.header-style-two .options-box .lang-box:before{
border-left-color:rgba(0,0,0,0.30);
}
.main-header .options-box .lang-box .lang-btn{
position:relative;
height:30px;
line-height:30px;
display:block;
font-size:16px;
color:#ffffff;
padding:0px;
margin:0px;
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;
}
.header-style-two .options-box .search-box .search-box-btn,
.header-style-two .options-box .lang-box .lang-btn{
color:#00325d;
}
.main-header .options-box .lang-box .lang-btn .fa{
position:relative;
top:1px;
padding-left:3px;
}
.main-header .options-box .lang-box .dropdown-menu{
right:0px;
left:auto;
top:42px;
width:180px;
border-top:3px solid #007aff;
padding:0px;
border-radius:0px;
background-color:#ffffff;
}
.main-header .options-box .lang-box .dropdown-menu > li{
padding:0px !important;
margin:0px !important;
float:none;
border:none;
display:block !important;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.main-header .options-box .lang-box .dropdown-menu > li:last-child{
border-bottom:none;
}
.main-header .options-box .lang-box .dropdown-menu > li > a{
padding:10px 20px 7px !important;
line-height:20px;
color:#00325d;
text-align: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-header .options-box .lang-box .dropdown-menu > li > a:hover,
.main-header .options-box .lang-box .dropdown-menu > li > a:focus{
color:#ffffff;
background:#00325d;
}
.header-style-one .auto-container{
max-width:1440px;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
height:85vh;
overflow:hidden
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider h2{
font-size:80px;
color:#ffffff;
font-weight:700;
line-height:1.2em;
}
.main-slider h1{
font-size:60px;
color:#ffffff;
font-weight:700;
line-height:1.3em;
}
.main-slider h3{
font-size:36px;
color:#ffffff;
font-weight:600;
line-height:1.4em;
}
.main-slider .text{
font-weight:400;
line-height:1.6em;
color:#ffffff;
font-size:18px;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets,
.main-slider .tp-dottedoverlay{
display:none !important;
}
.main-slider .scroll-down-btn{
position:absolute;
left:50%;
margin-left:-25px;
bottom:50px;
width:50px;
height:50px;
background:url(img/scroll-down-btn.png) center center no-repeat;
z-index:20;
cursor:pointer;
}
/***
====================================================================
Heading Style
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:70px;
}
.sec-title h1{
position:relative;
font-size:42px;
font-weight:700;
color:#00325d;
line-height:1.2em;
}
.sec-title .text{
position:relative;
font-size:18px;
line-height:1.6em;
color:#5a6d92;
padding-top:10px;
}
.sec-title.light h1,
.sec-title.light .text{
color:#ffffff;
}
.sec-title-two{
position:relative;
padding-bottom:15px;
margin-bottom:70px;
}
.sec-title-two h1{
position:relative;
font-size:42px;
font-weight:700;
color:#00325d;
line-height:1.2em;
}
.sec-title-two:before{
content:'';
position:absolute;
left:0px;
bottom:0px;
width:50px;
border-bottom:2px solid#8baad6;
}
.sec-title-two.centered:before{
left:50%;
margin-left:-25px;
}
.sec-title-two.light h1,
.sec-title-two.light .text{
color:#ffffff;
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding:120px 0px 90px;
}
.about-section .left-column,
.about-section .right-column{
position:relative;
margin-bottom:30px;
}
.about-section .left-column .inner{
position:relative;
max-width:470px;
}
.about-section .left-column h2{
font-size:30px;
font-weight:600;
color:#00325d;
line-height:1.2em;
margin-bottom:10px;
}
.about-section .left-column .signature{
position:relative;
padding-left:100px;
margin-bottom:10px;
}
.about-section .left-column .info{
position:relative;
min-height:70px;
padding:23px 0px 0px 90px;
line-height:30px;
font-size:18px;
font-weight:500;
color:#00325d;
}
.about-section .left-column .info .image{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
}
.about-section .left-column .info .designation{
font-weight:400;
font-size:16px;
color:#5a6d92;
}
.about-section .right-column .inner{
position:relative;
padding-left:80px;
}
.about-section .right-column .inner:before{
content:'';
position:absolute;
left:0px;
top:0px;
height:100%;
min-height:250px;
border-left:1px solid #e0e0e0;
}
.about-section .right-column .text{
position:relative;
margin-bottom:25px;
line-height:1.75em;
}
.about-section .right-column .link-box a{
position:relative;
font-size:14px;
color:#00325d;
font-weight:700;
text-transform:uppercase;
}
.about-section .right-column .link-box a .fa{
position:relative;
padding-left:5px;
}
.about-section .right-column .link-box a:hover{
color:#007aff;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
background:#f2f9ff;
padding:120px 0px 70px;
}
.service-block-one{
position:relative;
margin-bottom:50px;
}
.service-block-one .inner-box{
position:relative;
display:block;
}
.service-block-one .icon-box{
position:relative;
font-size:60px;
line-height:1em;
color:#007aff;
margin-bottom:10px;
}
.service-block-one h3{
position:relative;
font-size:22px;
line-height:1.3em;
color:#00325d;
font-weight:600;
margin-bottom:10px;
}
.service-block-one h3 a{
color:#00325d;
}
.service-block-one h3 a:hover{
color:#007aff;
}
.service-block-one .text{
position:relative;
line-height:1.75em;
}
/***
====================================================================
Why We Section
====================================================================
***/
.why-we{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.why-we .text-column,
.why-we .image-column{
position:relative;
margin-bottom:30px;
}
.why-we .image-column img{
position:relative;
display:block;
width:100%;
}
.why-we .text-column .inner{
position:relative;
display:block;
padding-top:30px;
padding:45px 40px 0px 85px;
}
.why-we .text-column h2{
font-size:42px;
font-weight:700;
color:#00325d;
line-height:1.1em;
margin-bottom:25px;
}
.why-we .text-column .text{
position:relative;
margin-bottom:30px;
line-height:1.75em;
}
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
line-height:24px;
margin-bottom:10px;
color:#00325d;
font-weight:600;
padding-left:30px;
}
.list-style-one li:before{
content:'\f178';
position:absolute;
left:0px;
top:-2px;
line-height:24px;
font-family: 'FontAwesome';
}
.why-we .text-column .link-box{
position:relative;
padding-top:50px;
}
/***
====================================================================
Testimonials Section
====================================================================
***/
.testimonials-section{
position:relative;
background:#ffffff;
padding:110px 0px;
}
.testimonials-section .auto-container{
position:relative;
z-index:1;
}
.testimonials-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background:#00325d;
opacity:0.90;
}
.testimonials-section .carousel-column{
position:relative;
max-width:585px;
padding-right:100px;
color:#ffffff;
}
.testimonials-section .carousel-column h1{
font-size:42px;
font-weight:700;
line-height:1.1em;
margin-bottom:60px;
}
.testimonials-section .carousel-column .text{
position:relative;
line-height:1.60em;
font-size:20px;
font-style:italic;
font-family: 'Raleway', sans-serif;
margin-bottom:40px;
}
.testimonials-section .carousel-column .info{
position:relative;
min-height:80px;
padding:22px 0px 0px 100px;
line-height:25px;
font-size:14px;
text-transform:uppercase;
font-weight:400;
}
.testimonials-section .carousel-column .info .image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
}
.testimonials-section .carousel-column .info h4{
font-size:18px;
font-weight:700;
line-height:1.2em;
}
.testimonials-section .carousel-column .info .designation{
font-weight:400;
font-size:16px;
}
.testimonials-section .carousel-column .owl-nav{
display:none;
}
.testimonials-section .carousel-column .owl-dots{
position:relative;
padding-top:80px;
}
.testimonials-section .carousel-column .owl-dots .owl-dot{
position:relative;
display:inline-block;
margin-right:10px;
}
.testimonials-section .carousel-column .owl-dots .owl-dot span{
position:relative;
display:block;
width:12px;
height:12px;
border:2px solid #ffffff;
border-radius:50%;
}
.testimonials-section .carousel-column .owl-dots .owl-dot:hover span,
.testimonials-section .carousel-column .owl-dots .owl-dot.active span{
background:#ffffff;
}
/***
====================================================================
Cases Section
====================================================================
***/
.cases-section{
position:relative;
background:#ffffff;
padding:120px 0px;
}
.default-case-block{
position:relative;
margin-bottom:30px;
}
.owl-theme .default-case-block{
margin-bottom:0px;
}
.default-case-block .inner-box{
position:relative;
display:block;
overflow:hidden;
}
.default-case-block .inner-box .image-box{
position:relative;
display:block;
}
.default-case-block .inner-box .image-box img{
position:relative;
display:block;
width:100%;
}
.default-case-block .inner-box .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:0px 20px;
}
.default-case-block .inner-box .overlay-inner{
position:relative;
max-width:410px;
margin:0 auto;
}
.default-case-block .inner-box .overlay-content{
position:relative;
padding:20px 30px 20px;
background:rgba(0,50,93,0.80);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
-webkit-transform:translateY(60px);
-ms-transform:translateY(60px);
-moz-transform:translateY(60px);
transform:translateY(60px);
}
.default-case-block .inner-box:hover .overlay-content{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-moz-transform:translateY(0px);
transform:translateY(0px);
}
.default-case-block .inner-box h3{
position:relative;
font-size:20px;
font-weight:700;
color:#ffffff;
}
.default-case-block .inner-box h3 a{
position:relative;
color:#ffffff;
}
.default-case-block .inner-box .categories{
position:relative;
font-size:16px;
font-weight:400;
color:#ffffff;
}
.default-case-block .inner-box .categories a{
position:relative;
display:inline-block;
margin:0px 5px;
color:#ffffff;
}
.default-case-block .inner-box .categories a:first-child{
margin-left:0px;
}
.default-case-block .inner-box .link-box{
position:relative;
padding-top:20px;
}
.default-case-block .inner-box .link-box a{
position:relative;
font-size:14px;
color:#ffffff;
font-weight:700;
text-transform:uppercase;
}
.default-case-block .inner-box .link-box a .fa{
position:relative;
padding-left:5px;
}
.default-case-block .inner-box .link-box a:hover,
.default-case-block .inner-box h3 a:hover{
color:#007aff;
}
.cases-section .cases-carousel .owl-nav{
display:none;
}
.cases-section .cases-carousel .owl-dots{
position:relative;
width:100%;
margin:50px 0px 0px;
text-align:center;
}
.cases-section .cases-carousel .owl-dots .owl-dot{
position:relative;
display:inline-block;
margin:0px 5px;
}
.cases-section .cases-carousel .owl-dots .owl-dot span{
position:relative;
display:block;
width:32px;
height:10px;
background:#ffffff;
border:2px solid #00325d;
border-radius:5px;
}
.cases-section .cases-carousel .owl-dots .owl-dot.active span{
background:#00325d;
}
/***
====================================================================
Statistics Section
====================================================================
***/
.statistics-section{
position:relative;
background:#ffffff;
padding:0px 0px;
}
.statistics-section .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
display:block;
}
.statistics-section .image-column .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.statistics-section .content-column{
position:relative;
float:right;
width:50%;
display:block;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.statistics-section .content-column:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,50,93,0.90);
}
.statistics-section .content-column .inner{
position:relative;
display:block;
color:#ffffff;
z-index:1;
max-width:600px;
padding:120px 15px 120px 70px;
}
.statistics-section .content-column .sec-title{
margin-bottom:50px;
}
.statistics-section .content-column .sec-title h1{
margin-bottom:10px;
}
/*Skills*/
.skills .skill-item{
position:relative;
margin-bottom:40px;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:18px;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
overflow:hidden;
height:18px;
background:#ffffff;
border-radius:9px;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:18px;
width:0px;
background:#8baad6;
border-radius:9px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.skills .skill-item .skill-header{
position:relative;
line-height:30px;
margin-bottom:10px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#ffffff;
font-size:20px;
font-weight:500;
}
.skills .skill-item .skill-header .skill-percentage{
position:relative;
float:right;
font-weight:600;
color:#ffffff;
font-size:22px;
text-transform:uppercase;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
background:#ffffff;
padding:120px 0px 80px;
}
.news-section-three{
position:relative;
background:#ffffff;
padding:120px 0px;
}
.news-block-one{
position:relative;
margin-bottom:30px;
}
.news-section-three .news-block-one{
margin-bottom:50px;
}
.news-section-three .load-more{
padding-top:20px;
}
.news-block-one .inner-box{
position:relative;
display:block;
}
.news-block-one .image-box{
position:relative;
display:block;
margin-bottom:25px;
}
.news-block-one .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-one .inner-box:hover .image-box img{
opacity:0.70;
}
.news-block-one h3{
position:relative;
font-size:22px;
line-height:1.3em;
color:#00325d;
font-weight:600;
}
.news-block-one h3 a{
color:#00325d;
}
.news-block-one h3 a:hover{
color:#007aff;
}
.news-block-one .post-info{
position:relative;
font-size:14px;
color:#00325d;
margin-bottom:10px;
}
.news-block-one .text{
position:relative;
line-height:1.60em;
font-weight:500;
font-family: 'Raleway', sans-serif;
}
/***
====================================================================
Get Quote Section
====================================================================
***/
.get-quote-section{
position:relative;
background:#f2f9ff;
padding:120px 0px 90px;
}
.get-quote-section .form-container{
max-width:960px;
margin:0 auto;
}
.get-quote-section .sec-title{
margin-bottom:60px;
}
/***
====================================================================
Form Style One
====================================================================
***/
.form-style-one .form-group{
position:relative;
margin-bottom:30px;
}
.form-style-one .form-group .field-label{
display:block;
line-height:24px;
text-transform:uppercase;
margin-bottom:10px;
color:#232323;
font-weight:500;
font-size:13px;
}
.form-style-one .form-group .field-label sup{
color:#ff0000;
font-size:14px;
}
.form-style-one input[type="text"],
.form-style-one input[type="email"],
.form-style-one input[type="password"],
.form-style-one select,
.form-style-one textarea{
display:block;
width:100%;
line-height:24px;
height:56px;
font-size:16px;
border:1px solid #c2d1df;
padding:17px 25px 13px;
background:none;
color:#010101;
border-radius:28px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.form-style-one select{
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background: url(img/icon-select.png) right center no-repeat;
}
.form-style-one textarea{
height:170px;
margin-bottom:20px;
resize:none;
}
.form-style-one select option{
text-indent:25px;
cursor:pointer;
}
.form-style-one input:focus,
.form-style-one select:focus,
.form-style-one textarea:focus{
border-color:#007aff;
}
.form-style-one input.error,
.form-style-one select.error,
.form-style-one textarea.error{
border-color:#ff0000 !important;
}
.form-style-one label.error{
display:none;
line-height:24px;
padding:10px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
background:#00325d;
padding:60px 0px;
}
.sponsors-section li .inner{
position:relative;
display:block;
text-align:center;
}
.sponsors-section li img{
position:relative;
display:inline-block !important;
width:auto !important;
max-width:100% !important;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section li img:hover{
opacity:0.70;
}
.sponsors-section .owl-nav,
.sponsors-section .owl-dots{
display:none;
}
/***
====================================================================
Footer Style One
====================================================================
***/
.main-footer{
position:relative;
background:#ffffff;
font-size:16px;
}
.footer-style-two{
color:#8baad6;
background:#00325d;
}
.main-footer .footer-upper{
position:relative;
padding: 70px 0px 30px;
}
.main-footer .footer-upper .footer-column{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-upper .footer-widget{
position:relative;
}
.main-footer .footer-upper h3{
position:relative;
font-size:16px;
font-weight:600;
text-transform:uppercase;
color:#00325d;
margin-bottom:30px;
}
.footer-style-two .footer-upper h3{
color:#ffffff !important;
}
.main-footer .footer-upper .about-widget{
max-width:290px;
}
.main-footer .footer-upper .about-widget .logo{
position:relative;
margin:0px 0px 20px;
}
.main-footer .footer-upper .about-widget .text{
position:relative;
font-size:16px;
margin-bottom:30px;
}
.main-footer .social-links{
position:relative;
}
.main-footer .social-links li{
position:relative;
float:left;
margin-right:10px;
}
.main-footer .social-links li a{
position:relative;
display:block;
color:#5a6d92;
width:32px;
height:32px;
font-size:14px;
border:1px solid #5a6d92;
line-height:30px;
text-align:center;
border-radius:50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.footer-style-two .social-links li a{
color:#8baad6;
border-color:#8baad6;
}
.main-footer .social-links li a:hover,
.footer-style-two .social-links li a:hover{
color:#007aff;
border-color:#007aff;
}
.main-footer .links{
position:relative;
}
.main-footer .links li{
position:relative;
margin-bottom:5px;
}
.main-footer .links li:last-child{
margin-bottom:0px;
}
.main-footer .links li a{
position:relative;
display:inline-block;
line-height:24px;
color:#666666;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.footer-style-two .links li a{
color:#8baad6;
}
.main-footer .links li a:hover,
.footer-style-two links li a:hover{
color:#007aff;
}
.main-footer .info-widget li{
position:relative;
color:#666666;
margin-bottom:15px;
line-height:24px;
}
.footer-style-two .info-widget li{
color:#8baad6;
}
.main-footer .info-widget li strong{
position:relative;
float:left;
width:30%;
font-weight:600;
padding-right:15px;
}
.main-footer .info-widget li .txt{
position:relative;
float:left;
width:70%;
}
.main-footer .gallery-widget .images{
position:relative;
margin:0px -8px;
}
.main-footer .gallery-widget .images .image-box{
position:relative;
float:left;
width:33.3333%;
padding:0px 8px;
margin-bottom:16px;
}
.main-footer .gallery-widget .images img{
display:block;
width:100%;
}
.main-footer .gallery-widget .images img:hover{
opacity:0.70;
}
.main-footer .footer-bottom{
position:relative;
background:#ffffff;
border-top:1px solid #e0e0e0;
}
.footer-style-two .footer-bottom{
background:#00325d;
border-top-color:rgba(255,255,255,0.10);
}
.main-footer .footer-bottom .copyright{
position:relative;
padding:22px 0px 18px;
line-height:30px;
}
.main-footer .footer-bottom .footer-nav{
position:relative;
padding:22px 0px 18px;
line-height:30px;
}
.main-footer .footer-bottom .footer-nav ul{
position:relative;
float:right;
}
.main-footer .footer-bottom .footer-nav ul li{
position:relative;
display:inline-block;
margin-left:30px;
}
.main-footer .footer-bottom .footer-nav ul li a{
position:relative;
display:block;
color:#5a6d92;
line-height:30px;
}
.footer-style-two .footer-bottom .footer-nav ul li a{
color:#5a6d92;
}
.footer-bottom .copyright a{
color:#0b0b0b;
-ms-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
transition:all 500ms ease;
}
.footer-style-two .footer-bottom .copyright a{
color:#ffffff;
}
.main-footer .footer-bottom .footer-nav ul li a:hover,
.main-footer .footer-bottom .copyright a:hover,
.footer-style-two .footer-bottom .footer-nav ul li a:hover{
color:#007aff;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-two{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.service-block-two{
position:relative;
margin-bottom:30px;
}
.owl-theme .service-block-two{
margin-bottom:0px;
}
.service-block-two .inner-box{
position:relative;
display:block;
text-align:center;
border:1px solid #e5f4ff;
background:#ffffff;
border-radius:20px;
padding:40px 30px;
}
.service-block-two .inner-box .icon-box{
position:relative;
display:inline-block;
font-size:60px;
line-height:1em;
color:#007aff;
margin-bottom:25px;
}
.service-block-two h3{
position:relative;
font-size:20px;
line-height:1.3em;
color:#00325d;
font-weight:600;
text-transform:capitalize;
margin-bottom:15px;
}
.service-block-two h3 a{
color:#00325d;
}
.service-block-two h3 a:hover{
color:#007aff;
}
.service-block-two .text{
position:relative;
line-height:1.65em;
}
/***
====================================================================
About Section Two
====================================================================
***/
.about-two{
position:relative;
background:#f2f9ff;
padding:0px 0px;
}
.about-two .image-column{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
display:block;
}
.about-two .image-column .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.about-two .content-column{
position:relative;
float:left;
width:50%;
display:block;
}
.about-two .content-column .inner{
position:relative;
display:block;
float:right;
z-index:1;
width:100%;
max-width:600px;
padding:120px 80px 120px 15px;
}
.about-two .sec-title-two{
position:relative;
margin-bottom:40px;
}
.about-two .content-column .text{
position:relative;
margin-bottom:40px;
}
.about-two .content-column .text p{
position:relative;
margin-bottom:20px;
}
/***
====================================================================
Services Three Section
====================================================================
***/
.services-three{
position:relative;
padding:120px 0px;
}
.services-three .services-outer{
position:relative;
}
.services-three .services-outer:before{
content:'';
position:absolute;
left:50%;
margin-left:-0.5px;
height:100%;
border-right:1px solid #e0e0e0;
}
.service-block-three{
position:relative;
margin-bottom:50px;
}
.service-block-three .inner-box{
position:relative;
display:block;
}
.service-block-three .inner-box .icon-box{
position:relative;
font-size:60px;
line-height:1em;
color:#007aff;
margin-bottom:25px;
}
.service-block-three h3{
position:relative;
font-size:20px;
line-height:1.3em;
color:#00325d;
font-weight:600;
text-transform:capitalize;
margin-bottom:15px;
}
.service-block-three h3 a{
color:#00325d;
}
.service-block-three h3 a:hover{
color:#007aff;
}
.service-block-three .text{
position:relative;
line-height:1.65em;
}
.services-three .service-block-outer{
position:relative;
}
.services-three .services-outer .service-block-three{
margin-bottom:0px;
width:50%;
}
.services-three .service-block-outer:nth-child(odd) .service-block-three{
float:left;
}
.services-three .service-block-outer:nth-child(even) .service-block-three{
float:right;
}
.services-three .service-block-outer:nth-child(odd) .service-block-three:before{
position:absolute;
content:'';
right:0px;
top:24px;
width:140px;
border-bottom:1px solid #e0e0e0;
}
.services-three .service-block-outer:nth-child(odd) .service-block-three:after{
position:absolute;
content:'';
right:139px;
top:16px;
width:17px;
height:17px;
background:#8baad6;
border-radius:50%;
}
.services-three .service-block-outer:nth-child(even) .service-block-three:before{
position:absolute;
content:'';
left:0px;
top:24px;
width:140px;
border-bottom:1px solid #e0e0e0;
}
.services-three .service-block-outer:nth-child(even) .service-block-three:after{
position:absolute;
content:'';
left:139px;
top:16px;
width:17px;
height:17px;
background:#8baad6;
border-radius:50%;
}
.services-three .services-outer .service-block-three .inner-box{
max-width:370px;
}
.services-three .service-block-outer:nth-child(even) .service-block-three .inner-box{
margin-left:190px;
}
/***
====================================================================
Call to Action Section
====================================================================
***/
.call-to-action{
position:relative;
padding:60px 0px 40px;
background:#00325d;
color:#ffffff;
}
.call-to-action h2{
position:relative;
float:left;
font-size:28px;
font-weight:600;
line-height:1.5em;
padding:10px 0px 4px;
margin-bottom:20px;
}
.call-to-action .link-box{
position:relative;
float:right;
margin-bottom:20px;
}
/***
====================================================================
Call to Action Two Section
====================================================================
***/
.call-to-action-two{
position:relative;
padding:0px 0px;
background:#f2f9ff;
}
.call-to-action-two .outer-box{
position:relative;
padding:65px 0px 45px;
}
.call-to-action-two .separator{
border-top:1px solid #e0e0e0;
}
.call-to-action-two h2{
position:relative;
float:left;
font-size:28px;
font-weight:600;
line-height:1.5em;
padding:10px 0px 4px;
margin-bottom:15px;
}
.call-to-action-two .link-box{
position:relative;
float:right;
margin-bottom:20px;
}
/***
====================================================================
Cases Section Two
====================================================================
***/
.cases-section-two{
position:relative;
background:#ffffff;
padding:120px 0px;
}
.cases-section-two .view-all{
padding-top:50px;
}
.case-block-two{
position:relative;
margin-bottom:30px;
}
.case-block-two .inner-box{
position:relative;
display:block;
overflow:hidden;
}
.case-block-two .inner-box .image-box{
position:relative;
display:block;
}
.case-block-two .inner-box .image-box img{
position:relative;
display:block;
width:100%;
}
.case-block-two .inner-box .hover-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:20px 20px;
opacity:0;
visibility:hidden;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.case-block-two .hover-box .hover-content{
position:relative;
padding:15px 20px 10px;
background:rgba(0,50,93,0.80);
}
.case-block-two .inner-box:hover .hover-box{
opacity:1;
visibility:visible;
}
.case-block-two .inner-box .title-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
padding:20px 20px;
opacity:1;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.case-block-two .title-box .title-content{
position:relative;
padding:15px 20px 10px;
background:rgba(0,50,93,0.80);
}
.case-block-two .inner-box:hover .title-box{
opacity:0;
visibility:hidden;
}
.case-block-two .inner-box h3{
position:relative;
font-size:20px;
font-weight:600;
color:#ffffff;
}
.case-block-two .inner-box h3 a{
position:relative;
color:#ffffff;
}
.case-block-two .inner-box .categories{
position:relative;
font-size:16px;
font-weight:400;
color:#ffffff;
}
.case-block-two .inner-box .categories a{
position:relative;
display:inline-block;
margin:0px 5px;
color:#ffffff;
}
.case-block-two .inner-box .categories a:first-child{
margin-left:0px;
}
.case-block-two .inner-box .link-box{
position:relative;
padding-top:24px;
}
.case-block-two .inner-box .link-box a{
position:relative;
font-size:14px;
color:#ffffff;
font-weight:700;
text-transform:uppercase;
}
.case-block-two .inner-box .link-box a .fa{
position:relative;
padding-left:5px;
}
.case-block-two .inner-box .link-box a:hover,
.case-block-two .inner-box h3 a:hover{
color:#007aff;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
background:#f2f9ff;
padding:120px 0px 70px;
}
.no-bg{
background:none;
}
.team-block{
position:relative;
margin-bottom:50px;
}
.team-block .inner-box{
position:relative;
display:block;
text-align:center;
}
.team-block .image-box{
position:relative;
display:block;
margin-bottom:25px;
}
.team-block .image-box img{
position:relative;
display:inline-block;
border-radius:10px;
}
.team-block .lower-box{
position:relative;
}
.team-block h3{
position:relative;
color:#00325d;
font-size:22px;
font-weight:600;
line-height:1.2em;
}
.team-block h3 a{
color:#00325d;
}
.team-block h3 a:hover{
color:#007aff;
}
.team-block .designation{
font-size:16px;
color:#5a6d92;
margin-bottom:10px;
}
.team-block .social-links{
position:relative;
}
.team-block .social-links li{
position:relative;
display:inline-block;
margin:0px 2px;
}
.team-block .social-links li a{
position:relative;
display:block;
color:#5a6d92;
width:32px;
height:32px;
font-size:14px;
border:1px solid #5a6d92;
line-height:30px;
text-align:center;
border-radius:50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-block .social-links li a:hover{
color:#ffffff;
border-color:#5a6d92;
background:#5a6d92;
}
/***
====================================================================
Statistics Section
====================================================================
***/
.why-us{
position:relative;
background:#ffffff;
padding:0px 0px;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
.why-us .content-column{
position:relative;
float:right;
width:50%;
display:block;
color:#ffffff;
}
.why-us .content-column:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,50,93,0.90);
}
.why-us .content-column .inner{
position:relative;
display:block;
color:#ffffff;
z-index:1;
max-width:600px;
padding:150px 15px 150px 70px;
}
.why-us .content-column .sec-title-two{
margin-bottom:50px;
}
.why-us .content-column .text{
position:relative;
line-height:1.65em;
margin-bottom:40px;
}
.why-us .content-column .list-style-one li{
color:#d3deed;
}
.why-us .content-column .list-style-one li:before{
color:#5a6d92;
}
.why-us .content-column .link-box{
position:relative;
padding-top:50px;
}
/***
====================================================================
Testimonials Two Section
====================================================================
***/
.testimonials-two{
position:relative;
background:#ffffff;
padding:120px 0px;
}
.testimonials-two .carousel-box{
position:relative;
}
.testimonials-two .carousel-box:before{
content:'';
position:absolute;
left:50%;
margin-left:-10px;
width:20px;
top:0px;
bottom:100px;
background:url(img/zig-zag.png) center top repeat-y;
}
.testimonial-block{
position:relative;
}
.testimonial-block .text{
position:relative;
line-height:1.50em;
font-size:20px;
font-style:italic;
color:#5a6d92;
font-family: 'Raleway', sans-serif;
margin-bottom:40px;
}
.testimonial-block .info{
position:relative;
min-height:80px;
padding:22px 0px 0px 100px;
line-height:25px;
font-size:14px;
text-transform:uppercase;
font-weight:400;
}
.testimonial-block .info .image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
}
.testimonial-block .info h4{
font-size:18px;
font-weight:700;
line-height:1.2em;
}
.testimonial-block .info .designation{
font-weight:400;
font-size:16px;
}
.testimonials-two .owl-nav{
display:none;
}
.testimonials-two .owl-dots{
position:relative;
padding-top:80px;
text-align:center;
}
.testimonials-two .owl-dots .owl-dot{
position:relative;
display:inline-block;
margin:0px 4px;
}
.testimonials-two .owl-dots .owl-dot span{
position:relative;
display:block;
width:14px;
height:14px;
border:2px solid #8baad6;
border-radius:50%;
}
.testimonials-two .owl-dots .owl-dot:hover span,
.testimonials-two .owl-dots .owl-dot.active span{
background:#8baad6;
}
/***
====================================================================
Fullwidth Section
====================================================================
***/
.fullwidth-section{
position:relative;
background:#f2f9ff;
padding:0px 0px;
}
.fullwidth-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background:#00325d;
}
.fullwidth-section .form-column{
position:relative;
float:left;
width:50%;
display:block;
}
.fullwidth-section .form-column .inner{
position:relative;
display:block;
z-index:1;
width:100%;
max-width:600px;
padding:120px 15px 120px 80px;
}
.fullwidth-section .image-layer{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
display:block;
opacity:0.20;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.fullwidth-section .content-column{
position:relative;
float:left;
width:50%;
display:block;
background:#00325d;
}
.fullwidth-section .content-column .inner{
position:relative;
display:block;
float:right;
z-index:1;
width:100%;
max-width:600px;
padding:120px 80px 120px 15px;
}
.fullwidth-section .sec-title-two{
position:relative;
margin-bottom:50px;
}
.fullwidth-section .sec-title-two h1{
color:#ffffff;
}
.callback-box{
position:relative;
background:#ffffff;
}
.callback-box .callback-header{
position:relative;
background:#00325d;
color:#ffffff;
padding:30px 40px;
text-align:center;
}
.callback-box .callback-header h2{
font-size:30px;
font-weight:600;
line-height:1.3em;
text-transform:capitalize;
margin-bottom:10px;
}
.callback-box .callback-header .text{
font-size:14px;
line-height:1.8em;
}
.callback-box .form-box{
padding:50px 40px 30px;
}
.callback-box .form-box .theme-btn{
margin-top:20px;
padding-left:45px;
padding-right:45px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
margin-bottom:20px;
}
.accordion-box .block:last-child{
margin-bottom:0px;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:30px;
color:#00325d;
font-weight:500;
padding:12px 50px 8px 20px;
background:#ffffff;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.accordion-box .block .icon-outer{
position:absolute;
right:0px;
top:0px;
font-size:16px;
width:50px;
height:50px;
line-height: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;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
width: 50px;
height: 50px;
font-size: 16px;
font-weight: 400;
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;
padding-bottom:10px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:20px 0px 0px;
}
.accordion-box .block .content .text{
line-height:1.65em;
font-size:16px;
color:#ffffff;
}
/***
====================================================================
Form Style Two
====================================================================
***/
.form-style-two .form-group{
position:relative;
margin-bottom:20px;
}
.form-style-two .form-group .field-label{
display:block;
line-height:24px;
text-transform:uppercase;
margin-bottom:10px;
color:#232323;
font-weight:500;
font-size:13px;
}
.form-style-two .form-group .field-label sup{
color:#ff0000;
font-size:14px;
}
.form-style-two input[type="text"],
.form-style-two input[type="email"],
.form-style-two input[type="password"],
.form-style-two select,
.form-style-two textarea{
display:block;
width:100%;
line-height:24px;
height:50px;
font-size:14px;
border:1px solid #e0e0e0;
padding:14px 20px 10px;
background:none;
color:#5a6d92;
border-radius:0px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.form-style-two select{
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background: url(img/icon-select.png) right center no-repeat;
}
.form-style-two textarea{
height:150px;
margin-bottom:20px;
resize:none;
}
.form-style-two select option{
text-indent:20px;
cursor:pointer;
}
.form-style-two input:focus,
.form-style-two select:focus,
.form-style-two textarea:focus{
border-color:#007aff;
}
.form-style-two input.error,
.form-style-two select.error,
.form-style-two textarea.error{
border-color:#ff0000 !important;
}
.form-style-two label.error{
display:none !important;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:11px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section-two{
position:relative;
background:#f2f9ff;
padding:120px 0px 70px;
}
.news-block-two{
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box{
position:relative;
background:#ffffff;
display:block;
}
.news-block-two .image-box{
position:relative;
display:block;
}
.news-block-two .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.news-block-two .inner-box:hover .image-box img{
opacity:0.70;
}
.news-block-two .lower-box{
position:relative;
display:block;
padding:25px 20px 30px;
}
.news-block-two .post-info{
position:relative;
font-size:14px;
color:#5a6d92;
}
.news-block-two h3{
position:relative;
font-size:22px;
line-height:1.3em;
color:#00325d;
font-weight:600;
margin-bottom:12px;
}
.news-block-two h3 a{
color:#00325d;
}
.news-block-two h3 a:hover{
color:#007aff;
}
.news-block-two .text{
position:relative;
font-weight:500;
line-height:1.60em;
font-family: 'Raleway', sans-serif;
margin-bottom:20px;
}
.news-block-two .link-box{
position:relative;
font-size:14px;
color:#5a6d92;
}
.news-block-two .link-box a{
position:relative;
color:#5a6d92;
text-transform:uppercase;
font-weight:700;
}
.news-block-two .link-box a:hover{
color:#007aff;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
background:#ffffff;
padding:120px 0px 70px;
}
.default-section .text-column{
position:relative;
float:left;
}
.default-section .text-column .sec-title-two{
margin-bottom:30px;
}
.default-section .logos-column{
position:relative;
float:left;
}
.default-section .logos-column .inner{
position:relative;
padding-top:45px;
}
.default-section .logos-column .logo-column{
position:relative;
margin-bottom:20px;
}
.default-section .text-column .text{
position:relative;
font-weight:500;
line-height:1.60em;
font-family: 'Raleway', sans-serif;
margin-bottom:60px;
max-width:540px;
}
.default-section .fun-facts .count-column{
position:relative;
margin-bottom:50px;
}
.default-section .fun-facts .inner-box{
position:relative;
display:block;
}
.default-section .fun-facts .count-outer{
position:relative;
color:#00325d;
font-size:48px;
line-height:1.2em;
font-weight:600;
}
.default-section .fun-facts .counter-title{
position:relative;
color:#5a6d92;
font-size:18px;
line-height:1.6em;
font-weight:600;
}
.default-section .text-column .inner{
position:relative;
display:block;
}
.default-section .text-column .inner:before{
content:'';
position:absolute;
right:0px;
top:0px;
bottom:40px;
border-right:1px solid #e9e9e9;
}
/***
====================================================================
Page Title Section
====================================================================
***/
.page-title{
position:relative;
background:#f2f9ff;
padding:100px 0px;
}
.page-title .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
opacity:0.10;
}
.page-title h1{
position:relative;
font-size:42px;
font-weight:700;
color:#00325d;
line-height:1.4em;
margin-bottom:5px;
}
.page-title .bread-crumb{
position:relative;
}
.page-title .bread-crumb li{
position:relative;
float:left;
margin-right:33px;
line-height:24px;
}
.page-title .bread-crumb li:before{
content:'';
position:absolute;
right:-18px;
top:8px;
width:5px;
height:5px;
background:#8baad6;
border-radius:50%;
}
.page-title .bread-crumb li:last-child:before{
display:none;
}
.page-title .bread-crumb li a{
position:relative;
color:#5a6d92;
}
.page-title .bread-crumb li a:hover,
.page-title .bread-crumb li.active{
color:#007aff;
}
/***
====================================================================
About Three Section
====================================================================
***/
.about-three{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.about-three .image-column{
position:relative;
margin-bottom:30px;
}
.about-three .image-column img{
position:relative;
display:block;
width:100%;
}
.about-three .title-column{
position:relative;
margin-bottom:30px;
}
.about-three .title-column .inner{
position:relative;
padding-top:170px;
text-align:center;
}
.about-three .title-column h2{
position:relative;
font-size:72px;
font-weight:700;
color:#00325d;
line-height:1.2em;
}
.about-three .title-column h3{
position:relative;
font-size:20px;
font-weight:600;
line-height:1.4em;
}
.about-three .text-column{
position:relative;
margin-bottom:30px;
}
.about-three .text-column .text{
padding-top:30px;
margin-bottom:30px;
}
.about-three .text-column .text p{
margin-bottom:25px;
}
/***
====================================================================
Services Four Section
====================================================================
***/
.services-four{
position:relative;
background:#f2f9ff;
padding:120px 0px;
}
.services-four .owl-nav{
display:none;
}
.services-four .owl-dots{
position:relative;
padding-top:80px;
text-align:center;
}
.services-four .owl-dots .owl-dot{
position:relative;
display:inline-block;
margin:0px 4px;
}
.services-four .owl-dots .owl-dot span{
position:relative;
display:block;
width:14px;
height:14px;
border:2px solid #5a6d92;
border-radius:50%;
}
.services-four .owl-dots .owl-dot:hover span,
.services-four .owl-dots .owl-dot.active span{
background:#5a6d92;
}
/***
====================================================================
History Section
====================================================================
***/
.history-section{
position:relative;
padding:120px 0px;
}
.history-section .history-outer{
position:relative;
}
.history-section .history-outer:before{
content:'';
position:absolute;
left:50%;
margin-left:-0.5px;
height:100%;
border-right:1px solid #e0e0e0;
}
.history-block-one{
position:relative;
margin-bottom:50px;
}
.history-block-one .inner-box{
position:relative;
display:block;
}
.history-block-one h3{
position:relative;
font-size:28px;
line-height:1.4em;
color:#00325d;
font-weight:700;
text-transform:capitalize;
margin-bottom:15px;
}
.history-block-one h3 a{
color:#00325d;
}
.history-block-one h3 a:hover{
color:#007aff;
}
.history-block-one .text{
position:relative;
line-height:1.65em;
}
.history-section .history-block-outer{
position:relative;
}
.history-section .history-outer .history-block-one{
margin-bottom:0px;
width:50%;
}
.history-section .history-block-outer:nth-child(odd) .history-block-one{
float:left;
}
.history-section .history-block-outer:nth-child(even) .history-block-one{
float:right;
}
.history-section .history-block-outer:nth-child(odd) .history-block-one:before{
position:absolute;
content:'';
right:0px;
top:16px;
width:140px;
border-bottom:1px solid #e0e0e0;
}
.history-section .history-block-outer:nth-child(odd) .history-block-one:after{
position:absolute;
content:'';
right:139px;
top:8px;
width:17px;
height:17px;
background:#8baad6;
border-radius:50%;
}
.history-section .history-block-outer:nth-child(even) .history-block-one:before{
position:absolute;
content:'';
left:0px;
top:16px;
width:140px;
border-bottom:1px solid #e0e0e0;
}
.history-section .history-block-outer:nth-child(even) .history-block-one:after{
position:absolute;
content:'';
left:139px;
top:8px;
width:17px;
height:17px;
background:#8baad6;
border-radius:50%;
}
.history-section .history-outer .history-block-one .inner-box{
max-width:370px;
}
.history-section .history-block-outer:nth-child(even) .history-block-one .inner-box{
margin-left:190px;
}
/***
====================================================================
About Four Section
====================================================================
***/
.about-four{
position:relative;
background:#00325d;
padding:0px 0px;
}
.about-four .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
display:block;
}
.about-four .image-column .image-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
.about-four .content-column{
position:relative;
float:right;
width:50%;
display:block;
color:#8baad6;
}
.about-four .content-column .inner{
position:relative;
display:block;
z-index:1;
max-width:600px;
padding:170px 15px 170px 100px;
}
.about-four .content-column h1{
position:relative;
font-size:42px;
font-weight:700;
color:#ffffff;
line-height:1.3em;
margin-bottom:30px;
}
.about-four .content-column .text{
position:relative;
font-size:18px;
font-weight:500;
margin-bottom:30px;
font-family: 'Raleway', sans-serif;
}
.about-four .content-column .signature{
position:relative;
margin-bottom:10px;
}
/***
====================================================================
Funfacts Section
====================================================================
***/
.funfacts-section{
position:relative;
background:#f2f9ff;
padding:100px 0px 50px;
}
.funfacts-section .fun-facts .row{
margin:0px -15px;
}
.funfacts-section .fun-facts .count-column{
position:relative;
float:left;
width:20%;
padding:0px 15px;
text-align:center;
margin-bottom:50px;
}
.funfacts-section .fun-facts .inner-box{
position:relative;
display:block;
}
.funfacts-section .fun-facts .inner-box:before{
content:'';
position:absolute;
right:-20px;
top:50%;
margin-top:-25px;
height:50px;
border-right:1px solid #e0e0e0;
}
.funfacts-section .fun-facts .count-column:last-child .inner-box:before{
display:none;
}
.funfacts-section .fun-facts .count-outer{
position:relative;
color:#00325d;
font-size:48px;
line-height:1.2em;
font-weight:600;
}
.funfacts-section .fun-facts .counter-title{
position:relative;
color:#5a6d92;
font-size:18px;
line-height:1.6em;
font-weight:600;
}
/***
====================================================================
Testimonials Three Section
====================================================================
***/
.testimonials-three{
position:relative;
background:#ffffff;
padding:120px 0px;
}
.testimonials-three .outer-box{
position:relative;
margin:0px -100px;
}
.testimonials-three .outer-box:before{
content:'';
position:absolute;
left:50%;
margin-left:-10px;
width:20px;
top:0px;
bottom:0px;
background:url(img/zig-zag.png) center top repeat-y;
}
.testimonials-three .outer-box .testi-column{
position:relative;
padding:0px 100px;
}
.testimonials-three .outer-box .testi-column .testimonial-block{
margin-bottom:50px;
}
.testimonials-three .outer-box .testi-column .testimonial-block:last-child{
margin-bottom:0px;
}
.testimonials-three .load-more{
position:relative;
padding-top:80px;
text-align:center;
}
.testimonials-three .load-more a{
font-size:16px;
color:#00325d;
text-transform:uppercase;
font-weight:700;
}
.testimonials-three .load-more a:hover{
color:#007aff;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:115px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
/*Sidebar Title*/
.sidebar .sidebar-title{
position:relative;
margin-bottom:22px;
}
.sidebar .sidebar-title h3{
position:relative;
display:block;
font-size:22px;
line-height:1.4em;
text-transform:capitalize;
font-weight:600;
color:#2a2a2a;
}
.sidebar-widget{
position: relative;
margin-bottom:50px;
}
.sidebar-side .sidebar-widget:last-child{
margin-bottom:0px;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:30px;
padding:12px 50px 10px 20px;
border:1px solid #e0e0e0;
background:none;
display:block;
font-size:16px;
width:100%;
height:54px;
background-color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus{
border-color:#007aff;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:54px;
width:54px;
display:block;
font-size:16px;
color:#00325d;
line-height:100%;
font-weight:normal;
background:none;
}
/*Popular Category List*/
.popular-category-list{
position:relative;
}
.popular-category-list li{
position:relative;
}
.popular-category-list li a{
position:relative;
color:#666666;
font-size:16px;
padding:14px 12px;
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;
border-bottom:1px solid #e6e6e6;
}
.popular-category-list li a:hover{
color:#007aff;
}
/*Latest Posts*/
.latest-posts{
position:relative;
}
/*Sidebar Title*/
.latest-posts .sidebar-title{
margin-bottom:35px;
}
.latest-posts .post{
position:relative;
font-size:15px;
color:#696969;
padding:0px 0px;
padding-left:82px;
min-height:72px;
margin-bottom:30px;
}
.latest-posts .post:last-child{
margin-bottom:0px;
}
.latest-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:72px;
height:72px;
}
.latest-posts .post:hover .post-thumb img{
opacity:0.70;
}
.latest-posts .post .post-thumb img{
display:block;
width:100%;
}
.latest-posts .post h4{
position:relative;
font-size:15px;
margin:0px 0px 5px;
font-weight:600;
color:#00325d;
top:-2px;
line-height:1.5em;
}
.latest-posts .post a:hover{
color:#007aff;
}
.latest-posts .post h4 a{
color:#00325d;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.latest-posts .post-info{
font-size:14px;
color:#5a6d92;
font-weight:500;
}
.latest-posts .post-info span{
font-weight:700;
}
/*Blog Detail*/
.blog-detail{
position:relative;
padding-right:20px;
}
.blog-detail .inner-box{
position:relative;
}
.blog-detail .inner-box h2{
position:relative;
color:#00325d;
font-size:36px;
font-weight:700;
line-height:1.2em;
margin-bottom:5px;
}
.blog-detail .inner-box .post-info{
position:relative;
margin-bottom:30px;
}
.blog-detail .inner-box .post-info li{
position:relative;
color:#5a6d92;
font-size:16px;
margin-right:20px;
font-weight:500;
display:inline-block;
}
.blog-detail .inner-box .big-image{
position:relative;
margin-bottom:40px;
}
.blog-detail .inner-box .big-image img{
position:relative;
width:100%;
display:block;
}
.blog-detail .inner-box .text{
position:relative;
}
.blog-detail .inner-box .text p{
position:relative;
color:#5a6d92;
font-size:16px;
line-height:1.7em;
margin-bottom:25px;
}
.blog-detail .inner-box blockquote{
position:relative;
color:#5a6d92;
font-size:16px;
font-style:italic;
margin-left:40px;
line-height:1.7em;
font-weight:600;
font-family: 'Raleway', sans-serif;
border-width:7px;
padding:0px 0px 0px 40px;
border-color:#8baad6;
margin-top:40px;
margin-bottom:40px;
}
.blog-detail .inner-box .post-share-options{
position:relative;
margin-top:50px;
padding:0px 0px 0px;
}
.blog-detail .inner-box .post-share-options .tags span{
position:relative;
color:#9f9f9f;
font-size:16px;
font-weight:600;
margin-right:45px;
}
.blog-detail .inner-box .post-share-options .tags a{
position:relative;
color:#666666;
font-size:14px;
font-weight:400;
margin-left:10px;
display:inline-block;
padding:3px 22px;
margin-bottom:10px;
border:1px solid #e6e6e6;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.blog-detail .inner-box .post-share-options .tags a:hover{
color:#007aff;
border-color:#007aff;
}
/*Author Box*/
.author-box{
position:relative;
margin-bottom:70px;
margin-top:80px;
}
.author-box .author-comment{
position:relative;
}
.author-box .author-comment .inner-box{
position:relative;
padding-left:220px;
padding-top:10px;
min-height:180px;
}
.author-box .author-comment .inner-box .image{
position:absolute;
left:0px;
top:0px;
width:180px;
margin-bottom:20px;
}
.author-box .author-comment .inner-box h3{
position:relative;
color:#00325d;
font-size:20px;
font-weight:600;
margin-bottom:5px;
}
.author-box .author-comment .inner-box .designation{
position:relative;
color:#5a6d92;
font-size:14px;
font-weight:500;
margin-bottom:15px;
}
.author-box .author-comment .inner-box .text{
position:relative;
color:#666666;
font-size:16px;
font-weight:400;
line-height:1.7em;
margin-bottom:10px;
}
/*Social Icon Four*/
.social-icon-four{
position:relative;
}
.social-icon-four li{
position:relative;
margin-right:4px;
display:inline-block;
}
.social-icon-four li a{
position:relative;
width:32px;
height:32px;
color:#ffffff;
font-size:14px;
line-height:32px;
text-align:center;
display:inline-block;
background-color:#4464b1;
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;
}
.social-icon-four li.twitter a{
background-color:#57acef;
}
.social-icon-four li.linkedin a{
background-color:#007bb6;
}
.social-icon-four li.vimeo a{
background-color:#62a0ad;
}
/***
====================================================================
Comments Area
====================================================================
***/
.comments-area{
position:relative;
margin-bottom:60px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:30px;
}
.sidebar-page-container .group-title h2{
font-size:24px;
text-transform:capitalize;
color:#00325d;
font-weight:700;
}
.comments-area .comment-box{
position:relative;
padding:0px 0px 0px;
margin-bottom:40px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comments-area .comment{
position:relative;
padding:0px 0px 0px 95px;
font-size:14px;
}
.comments-area .reply-comment{
padding-left:95px;
}
.comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
margin-bottom:20px;
}
.comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.comments-area .comment-info{
position:relative;
top:-5px;
margin-bottom:5px;
}
.comments-area .comment-box strong{
font-size:18px;
font-weight:700;
color:#00325d;
display:block;
line-height:1.2em;
line-height:30px;
text-transform:capitalize;
}
.comments-area .comment-box .text{
margin-bottom:20px;
color:#666666;
font-size:16px;
line-height:1.8em;
}
.comments-area .comment-info .comment-time{
font-size:14px;
color:#9f9f9f;
}
.comments-area .comment-box .theme-btn{
padding:5px 20px 2px;
font-size:14px;
color:#007aff;
border-radius:0px;
font-weight:600;
border:1px solid #007aff;
text-transform:uppercase;
letter-spacing:1px;
}
.comments-area .comment-box .theme-btn:hover{
color:#ffffff;
background-color:#007aff;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
position:relative;
margin-bottom:30px;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:30px;
padding:12px 25px 10px;
color:#222222;
border:1px solid #8baad6;
height:54px;
font-size:16px;
background:#ffffff;
border-radius:27px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#007aff;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:16px 25px 12px;
color:#222222;
border:1px solid #8baad6;
height:190px;
background:#ffffff;
resize:none;
font-size:16px;
border-radius:27px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
padding-left:40px;
padding-right:40px;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.contact-section .form-container{
max-width:960px;
margin:0 auto;
}
.contact-section .sec-title{
margin-bottom:60px;
}
/***
====================================================================
Map Section
====================================================================
***/
.map-section{
position:relative;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data a{
display: block;
}
.map-data h6{
font-size:18px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#0b0b0b;
}
.map-canvas{
height:550px;
}
/***
====================================================================
Info Section
====================================================================
***/
.info-section{
position:relative;
background:#00325d;
color:#ffffff;
}
.info-section .info-column{
position:relative;
text-align:center;
}
.info-section .info-box{
position:relative;
font-size:16px;
color:#ffffff;
padding:40px 0px;
line-height:24px;
}
.info-section .info-box:before{
content:'';
position:absolute;
right:-15px;
top:0px;
height:100%;
border-left:2px solid #ffffff;
-webkit-transform:skewX(-15deg);
-ms-transform:skewX(-15deg);
-moz-transform:skewX(-15deg);
transform:skewX(-15deg);
}
.info-section .info-column:first-child .info-box:after{
content:'';
position:absolute;
left:0px;
top:0px;
height:100%;
border-left:2px solid #ffffff;
-webkit-transform:skewX(-15deg);
-ms-transform:skewX(-15deg);
-moz-transform:skewX(-15deg);
transform:skewX(-15deg);
}
.info-section .info-box .icon-box{
position:relative;
display:block;
text-align:center;
color:#ffffff;
font-size:42px;
line-height:1.2em;
margin-bottom:10px;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.info-section .info-box a{
position:relative;
color:#ffffff;
}
/***
====================================================================
FAQs Section
====================================================================
***/
.faqs-section{
position:relative;
padding:120px 0px;
}
.faqs-section .auto-container{
max-width:950px;
}
.tabs-box{
position:relative;
display:block;
}
.tabs-box .tab-buttons{
position:relative;
display:block;
}
.tabs-box .tab-buttons .tab-btn{
position:relative;
display:inline-block;
cursor:pointer;
}
.tabs-box .tabs-content{
position:relative;
}
.tabs-box .tabs-content .tab{
position:relative;
display:none;
}
.tabs-box .tabs-content .active-tab{
display:block;
}
.faq-tabs .tab-buttons{
text-align:center;
margin-bottom:70px;
}
.faq-tabs .tab-buttons .tab-btn{
line-height:30px;
padding:15px 60px 12px;
border:1px solid #d0d9e1;
margin:0px 10px 10px;
border-radius:30px;
background:#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;
}
.faq-tabs .tab-buttons .tab-btn .fa{
padding-left:3px;
}
.faq-tabs .tab-buttons .tab-btn:before{
content:'';
position:absolute;
left:100%;
top:50%;
margin-top:-1px;
width:25px;
border-bottom:1px solid #e0e0e0;
}
.faq-tabs .tab-buttons .tab-btn:last-child:before{
display:none;
}
.faq-tabs .tab-buttons .tab-btn:hover,
.faq-tabs .tab-buttons .tab-btn.active-btn{
background:#00325d;
color:#ffffff;
border-color:#00325d;
}
.faq-tabs .tabs-content .tab{
position:relative;
}
.faq-tabs .tab .faq-block{
position:relative;
margin-bottom:45px;
}
.faq-tabs .tab .faq-block:last-child{
margin-bottom:0px;
}
.faq-tabs .tab .faq-block h3{
font-size:30px;
color:#00325d;
font-weight:600;
line-height:1.4em;
margin-bottom:15px;
}
/***
====================================================================
Partners Section
====================================================================
***/
.partners-section{
position:relative;
padding:120px 0px 80px;
}
.partner-block{
position:relative;
text-align:center;
margin-bottom:40px;
}
.partner-block .inner-box{
position:relative;
background:#ffffff;
border:1px solid #ccd6df;
border-radius:5px;
padding-bottom:30px;
}
.partner-block .image-box{
position:relative;
padding-bottom:10px;
margin-bottom:30px;
}
.partner-block .image-box .image{
position:relative;
padding:20px;
z-index:10;
}
.partner-block .image-box .curve{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100px;
overflow:hidden;
}
.partner-block .image-box .curve:before{
content:'';
position:absolute;
left:0px;
bottom:0px;
width:100%;
border-bottom:1px solid #ccd6df;
-webkit-transform:rotate(15deg) translateX(-10%);
-ms-transform:rotate(15deg) translateX(-10%);
transform:rotate(15deg) translateX(-10%);
}
.partner-block .image-box .curve:after{
content:'';
position:absolute;
right:0px;
bottom:0px;
width:100%;
border-bottom:1px solid #ccd6df;
-webkit-transform:rotate(-15deg) translateX(30%);
-ms-transform:rotate(-15deg) translateX(30%);
transform:rotate(-15deg) translateX(30%);
}
.partner-block .link-box{
position:relative;
padding-top:20px;
}
.partner-block .link-box a{
position:relative;
color:#5a6d92;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font-size:14px;
}
.partner-block .link-box a:hover{
color:#007aff;
}
/***
====================================================================
Partners Section Two
====================================================================
***/
.partners-section-two{
position:relative;
background:#f2f9ff;
padding:110px 0px 70px;
}
.partners-section-two .sec-title{
margin-bottom:20px;
}
.partners-section-two .text-column{
position:relative;
margin-bottom:30px;
}
.partners-section-two .text-column p{
margin-bottom:20px;
}
.partners-section-two .logos-column{
position:relative;
margin-bottom:30px;
}
.partners-section-two .logos-column .inner{
padding-left:100px;
}
.partners-section-two .logos-column .logos-outer{
position:relative;
text-align:center;
}
.partners-section-two .logos-column .logos-outer:before{
content:'';
position:absolute;
left:50%;
top:0px;
height:100%;
border-right:1px solid #e0e0e0;
}
.partners-section-two .logos-column .logo{
position:relative;
float:left;
width:50%;
padding:25px 10px;
border-bottom:1px solid #e0e0e0;
}
.partners-section-two .logos-column .logo:last-child{
border:none;
}
.partners-section-two .logos-column .logo:nth-child(5){
border:none;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.comming-soon{
position:relative;
width:100%;
display:block;
padding:220px 0px 30px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
text-align:center;
}
.comming-soon:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background:#00325d;
opacity:0.80;
}
.comming-soon .content{
position: relative;
width: 100%;
}
.comming-soon .content .content-inner{
position: relative;
padding: 50px 15px;
}
.comming-soon .content .content-inner h2{
position:relative;
color:#ffffff;
font-size:84px;
font-weight:700;
line-height:1.2em;
margin-bottom:20px;
}
.comming-soon .content .content-inner .text{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:500;
line-height:1.5em;
margin-bottom:60px;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
}
.time-counter .time-countdown .counter-column{
position:relative;
display:inline-block;
color:#8baad6;
font-size:20px;
text-transform:uppercase;
font-weight:700;
margin:0px 37px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
width:120px;
height:120px;
margin:0 auto 25px;
font-size:56px;
line-height:58px;
border:1px solid rgba(255,255,255,0.20);
padding:35px 10px 25px;
color:#ffffff;
font-weight:700;
border-radius:8px;
}
.time-counter .time-countdown .counter-column .count:before{
content:'';
position:absolute;
left:100%;
top:50%;
width:80px;
border-bottom:1px solid rgba(255,255,255,0.20);
}
.time-counter .time-countdown .counter-column:last-child .count:before{
display:none;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section{
position:relative;
width:100%;
display:block;
padding:80px 0px;
background:#ffffff;
}
.subscribe-section .auto-container{
position:relative;
max-width:700px;
}
.subscribe-section .subscribe-form .form-group{
position:relative;
display:block;
max-width:770px;
margin:0 auto;
width:100%;
}
.subscribe-section .subscribe-form .form-group input[type="text"],
.subscribe-section .subscribe-form .form-group input[type="tel"],
.subscribe-section .subscribe-form .form-group input[type="email"],
.subscribe-section .subscribe-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:30px;
height:54px;
font-size:17px;
color:#2b2b2b;
overflow:hidden;
padding:14px 90px 10px 25px;
background:#ffffff;
border:1px solid #00325d;
border-radius:27px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-section .subscribe-form .form-group input[type="submit"],
.subscribe-section .subscribe-form button{
position:absolute;
right:0px;
top:0px;
width:90px;
height:54px;
line-height:54px;
color:#ffffff;
font-size:20px;
text-align:center;
background:#00325d;
border-radius:0px 27px 27px 0px;
}
.subscribe-section .social-links{
position:relative;
padding-top:50px;
text-align:center;
}
.subscribe-section .social-links li{
position:relative;
display:inline-block;
margin:0px 3px;
}
.subscribe-section .social-links li a{
position:relative;
display:block;
color:#5a6d92;
width:38px;
height:38px;
font-size:16px;
border:1px solid #5a6d92;
line-height:36px;
text-align:center;
border-radius:50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.subscribe-section .social-links li a:hover,
.subscribe-section .social-links li a:hover{
color:#007aff;
border-color:#007aff;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position: relative;
padding: 120px 0px;
}
.gallery-section .sec-title{
margin-bottom:60px;
}
.gallery-section.fullwidth .sec-title{
margin-bottom:50px;
}
.mixitup-gallery .filters{
margin-bottom:30px;
text-align:center;
}
.mixitup-gallery .filters .filter-tabs{
position:relative;
display: inline-block;
}
.mixitup-gallery .filters li{
position: relative;
float: left;
font-size: 18px;
color: #5a6d92;
line-height: 20px;
vertical-align:baseline;
font-weight: 600;
padding:0px 25px;
margin:0px 0px 10px;
cursor: pointer;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.fullwidth .mixitup-gallery .filters li{
line-height:22px;
padding:11px 30px 8px;
margin:0px 3px 10px;
border-radius:21px;
}
.mixitup-gallery .filters li:before{
content:'';
position:absolute;
right:0px;
top:-2px;
border-right: 1px solid #d1dcf1;
height:18px;
}
.mixitup-gallery .filters li:last-child:before{
display:none;
}
.fullwidth .mixitup-gallery .filters li:before{
display:none;
}
.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
color:#00325d;
}
.fullwidth .mixitup-gallery .filters li.active,
.fullwidth .mixitup-gallery .filters li:hover{
background:#8baad6;
color:#ffffff;
}
.default-case-block.mix,
.case-block-two.mix,
.case-block-three.mix{
display:none;
}
.case-block-three{
position:relative;
margin-bottom:40px;
}
.case-block-three .inner-box{
position:relative;
display:block;
background:#ffffff;
}
.case-block-three .inner-box .image-box{
position:relative;
display:block;
z-index:1;
}
.case-block-three .inner-box .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.case-block-three .inner-box:hover .image-box img{
opacity:0.70;
}
.case-block-three .inner-box .lower-box{
position:relative;
left:0px;
bottom:0px;
width:100%;
padding:20px 15px;
background:#ffffff;
-webkit-box-shadow:0px 3px 7px 0px rgba(0,0,0,0.10);
-ms-box-shadow:0px 3px 7px 0px rgba(0,0,0,0.10);
box-shadow:0px 3px 7px 0px rgba(0,0,0,0.10);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.case-block-three .inner-box h3{
position:relative;
font-size:20px;
font-weight:600;
color:#00325d;
}
.case-block-three .inner-box h3 a{
position:relative;
color:#00325d;
}
.case-block-three .inner-box .categories{
position:relative;
font-size:16px;
font-weight:400;
color:#5a6d92;
margin-bottom:10px;
}
.case-block-three .inner-box .categories a{
position:relative;
display:inline-block;
margin:0px 5px;
color:#5a6d92;
}
.case-block-three .inner-box .categories a:first-child{
margin-left:0px;
}
.case-block-three .inner-box .text{
position:relative;
margin-bottom:10px;
}
.case-block-three .inner-box .link-box{
position:relative;
}
.case-block-three .inner-box .link-box a{
position:relative;
font-size:14px;
color:#00325d;
font-weight:700;
text-transform:uppercase;
}
.case-block-three .inner-box .link-box a .fa{
position:relative;
padding-left:5px;
}
.case-block-three .inner-box .link-box a:hover,
.case-block-three .inner-box h3 a:hover,
.case-block-three .inner-box .categories a:hover{
color:#007aff;
}
.gallery-section .load-more{
position:relative;
padding-top:50px;
text-align:center;
}
.gallery-section .load-more a{
font-size:16px;
color:#00325d;
text-transform:uppercase;
font-weight:700;
}
.gallery-section .load-more a:hover{
color:#007aff;
}
.gallery-section .styled-pagination{
padding-top:70px;
}
.gallery-section .outer-container{
margin:0px -8px;
}
.gallery-section .outer-container .default-case-block{
padding:0px 8px;
margin-bottom:16px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination ul{
position:relative;
display:inline-block;
}
.styled-pagination li{
position:relative;
display:block;
float:left;
color:#99a8c4;
line-height:40px;
margin-right:15px;
}
.styled-pagination li a{
position:relative;
display:block;
height:37px;
min-width: 37px;
text-align: center;
line-height:28px;
padding:7px 10px 4px;
font-size:16px;
background:none;
color:#00325d;
border:1px solid #00325d;
border-radius:3px;
font-weight:700;
opacity:0.30;
-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{
margin-right:30px;
}
.styled-pagination li.next{
margin-left:20px;
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
border:none;
line-height:26px;
min-width:0px;
padding-left:0px;
padding-right:0px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
opacity:1;
}
/***
====================================================================
Services Section Five
====================================================================
***/
.services-five{
position:relative;
background:#ffffff;
padding:120px 0px 80px;
}
.service-block-four{
position:relative;
margin-bottom:40px;
}
.service-block-four .inner-box{
position:relative;
display:block;
background:#f2f9ff;
}
.service-block-four .image-box{
position:relative;
display:block;
}
.service-block-four .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block-four .inner-box:hover .image-box img{
opacity:0.70;
}
.service-block-four .lower-box{
position:relative;
display:block;
min-height:184px;
padding:25px 25px;
}
.service-block-four h3{
position:relative;
font-size:22px;
line-height:1.3em;
color:#00325d;
font-weight:600;
margin-bottom:10px;
}
.service-block-four h3 a{
color:#00325d;
}
.service-block-four h3 a:hover{
color:#007aff;
}
.service-block-four .post-info{
position:relative;
font-size:14px;
color:#00325d;
}
.service-block-four .text{
position:relative;
font-size:14px;
font-weight:500;
line-height:1.60em;
font-family: 'Raleway', sans-serif;
}
/***
====================================================================
Service Single Section
====================================================================
***/
.service-single{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.service-single .nav-side,
.service-single .content-side{
position:relative;
margin-bottom:30px;
}
.service-single .nav-side .inner{
padding-right:30px;
}
.service-single .nav-side ul{
position:relative;
border:1px solid #e0e0e0;
}
.service-single .nav-side ul li{
position:relative;
border-bottom:1px solid #e0e0e0;
}
.service-single .nav-side ul li a{
position:relative;
display:block;
line-height:30px;
font-size:18px;
color:#5a6d92;
text-transform:capitalize;
font-weight:500;
padding:30px 15px 20px 90px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-single .nav-side ul li .icon{
position:absolute;
left:0px;
top:20px;
line-height:40px;
width:90px;
font-weight:normal;
color:#007aff;
text-align:center;
font-size:36px;
}
.service-single .nav-side ul li:hover a,
.service-single .nav-side ul li.current a{
color:#ffffff;
background:#00325d;
}
.service-single .nav-side ul li:hover a .icon,
.service-single .nav-side ul li.current a .icon{
color:#bad4ff;
}
.service-single .content-block{
position:relative;
margin-bottom:50px;
}
.service-single .content-block:last-child{
margin-bottom:0px;
}
.service-single h2{
position:relative;
color:#00325d;
font-size:30px;
font-weight:600;
text-transform:capitalize;
margin-bottom:25px;
line-height:1.3em;
}
.service-single p{
position:relative;
margin-bottom:20px;
line-height:1.65em;
}
.service-single .two-column .text-column{
padding-top:25px;
}
.service-single .recent-work .images-outer{
position:relative;
margin:0px -3px;
}
.service-single .recent-work .images-outer .image-box{
position:relative;
float:left;
padding:0px 3px;
width:33.3333%;
margin-bottom:6px;
}
.service-single .recent-work .images-outer .image-box img,
.service-single .two-column .image-column img{
display:block;
width:100%;
}
.service-single .skill-box{
padding-top:30px;
padding-bottom:30px;
}
.service-single .skill-box .skill-bar{
position:relative;
width:100%;
height:14px;
}
.service-single .skill-box .skill-bar .bar-inner{
position:relative;
width:100%;
height:14px;
background:#dadbdc;
border-radius:7px;
}
.service-single .skill-box .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:14px;
width:0px;
background:#8baad6;
border-radius:7px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.service-single .skill-box .skill-bar .skill-percentage{
position:absolute;
right:0px;
top:-60px;
font-weight:600;
line-height:30px;
padding:7px 3px;
width:60px;
text-align:center;
text-transform:capitalize;
color: #ffffff;
font-size:18px;
background:#8baad6;
border-radius:5px;
}
.service-single .skill-box .skill-bar .skill-percentage:before{
content:'';
position:absolute;
left:50%;
margin-left:-8px;
top:100%;
border:8px solid transparent;
border-top-color:#8baad6;
}
/***
====================================================================
Careers Section
====================================================================
***/
.careers-page{
position:relative;
background:#ffffff;
padding:120px 0px 90px;
}
.careers-page .left-side,
.careers-page .content-side{
position:relative;
margin-bottom:30px;
}
.careers-page .left-side .inner{
margin-right:30px;
border-right:1px solid #e0e0e0;
padding-bottom:70px;
}
.careers-page .left-side .side-widget{
position:relative;
margin-bottom:70px;
}
.careers-page .left-side .side-widget .widget-inner{
position:relative;
padding-right:40px;
}
.careers-page .left-side h3{
position:relative;
color:#00325d;
font-size:26px;
font-weight:600;
border-bottom:1px solid #e0e0e0;
line-height:1.2em;
padding-bottom:12px;
margin-bottom:25px;
padding-right:30px;
}
.careers-page .left-side .testimonials-widget .testimonial-block .text{
font-size:16px;
color:#5a6d92;
margin-bottom:20px;
}
.careers-page .left-side .testimonials-widget .testimonial-block .info{
padding-left:90px;
padding-top:17px;
min-height:70px;
}
.careers-page .left-side .testimonials-widget .testimonial-block .info h4{
font-size:16px;
text-transform:capitalize;
font-weight:600;
}
.careers-page .left-side .testimonials-widget .testimonial-block .info .designation{
font-size:14px;
}
.careers-page .left-side .testimonials-widget .testimonial-block .info .image{
width:70px;
height:70px;
}
.careers-page .left-side .testimonials-widget .owl-nav,
.careers-page .left-side .testimonials-widget .owl-dots{
display:none;
}
.careers-page .left-side .jobs-widget ul{
position:relative;
}
.careers-page .left-side .jobs-widget ul li{
position:relative;
margin-bottom:10px;
}
.careers-page .left-side .jobs-widget ul li a{
position:relative;
display:block;
line-height:28px;
font-size:16px;
color:#5a6d92;
text-transform:capitalize;
font-weight:500;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.careers-page .left-side .jobs-widget ul li:hover a,
.careers-page .left-side .jobs-widget ul li.current a{
color:#00325d;
-webkit-text-shadow:0px 0px 0px #5a6d92;
-ms-text-shadow:0px 0px 0px #5a6d92;
text-shadow:0px 0px 0px #5a6d92;
}
.careers-page .left-side .resume-widget .text{
margin-bottom:30px;
}
.careers-page .content-side .inner{
position:relative;
padding-left:20px;
}
.careers-page .career-block{
position:relative;
margin-bottom:70px;
}
.careers-page .career-block:last-child{
margin-bottom:0px;
}
.careers-page .career-block h2{
position:relative;
color:#00325d;
font-size:30px;
font-weight:600;
text-transform:capitalize;
margin-bottom:15px;
line-height:1.3em;
}
.careers-page .career-block p{
position:relative;
margin-bottom:20px;
line-height:1.65em;
}
.careers-page .career-block ul{
position:relative;
margin-bottom:30px;
}
.careers-page .career-block ul li{
position:relative;
padding-left:30px;
line-height:28px;
font-size:16px;
color:#5a6d92;
font-weight:500;
margin-bottom:10px;
}
.careers-page .career-block ul li:before{
content:'';
position:absolute;
left:0px;
top:8px;
width:8px;
height:8px;
background:#8baad6;
border-radius:50%;
}
.careers-page .career-block .link-box .theme-btn{
padding:12px 40px 9px;
}
.careers-page .search-form{
position:relative;
margin-bottom:70px;
}
.careers-page .search-form.form-group{
position:relative;
display:block;
max-width:770px;
margin:0 auto;
width:100%;
}
.careers-page .search-form .form-group input[type="text"],
.careers-page .search-form .form-group input[type="search"],
.careers-page .search-form .form-group input[type="email"],
.careers-page .search-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:30px;
height:54px;
font-size:17px;
color:#2b2b2b;
overflow:hidden;
padding:14px 70px 10px 25px;
background:#ffffff;
border:1px solid #e0e0e0;
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.careers-page .search-form .form-group input[type="submit"],
.careers-page .search-form button{
position:absolute;
right:0px;
top:0px;
width:70px;
height:54px;
line-height:54px;
color:#ffffff;
font-size:18px;
text-align:center;
background:#00325d;
border-radius:0px 3px 3px 0px;
}
.careers-page .load-more{
position:relative;
padding-top:60px;
}
.careers-page .load-more a{
font-size:16px;
color:#00325d;
text-transform:uppercase;
font-weight:700;
}
.careers-page .load-more a:hover{
color:#007aff;
}
/* Custom css */
li.tp-revslider-slidesli.active-revslide:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
z-index: 1;
display: block;
visibility: visible;
}
.item-boxed-service {
border: 1px solid #ddd;
padding: 15px;
box-sizing: border-box;
box-shadow: 1px 1px 10px #ccc;
}
.grdMainPage {width:100%}