/* ConsultPro HTML5 Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style One / Style Two / Style Three
5. Main Slider
6. Features
7. Services
8. Default Section
9. Fact Counter
10. Two olumn Fluid
11. Accordions
12. Recent Projects
13. Testimonilas Style One
14. Request Quote
15. Default Parallax Section
16. Blog News Section
17. Main Footer
18. Intro Style One
19. Intro Style Two
20. Skills / Progress Bars
21. Why Us Section
22. Projects gallery
23. Testimonials Style Two
24. Sponsors Style One
25. Recent Projects Carousel
26. Boxed Quote Form
27. Our Team
28. Icon Column Style
29. Sponsors Style Two
30. Blog Style Two
31. Services Single
32. Tabs Box
33. Projects Dewtails Style One
34. Projects Dewtails Style Two
35. Projects Dewtails Style Three
36. Portfolio Two Column / Three Column / Four Column / Full Width
37. Blog Classic Style
38. Blog Two Column
39. Blog Single
40. Sidebar Style
41. Sidebar Widgets
42. Comment Form / Comments
43. Contact Style One
44. Contact Style Two
**********************************************/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic,900italic,900,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
/*font-family: 'Source Sans Pro', sans-serif;*/
font-family: 'Raleway', sans-serif;
font-size:16px;
color:#484848;
line-height:1.6em;
font-weight:400;
background:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration:none;
cursor:pointer;
color:#247fe1;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
/*font-family: 'Lora', serif;*/
font-family: 'Raleway', sans-serif;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
}
input,button,select,textarea{
font-family: 'Raleway', sans-serif;
;
}
p{
position:relative;
line-height:1.6em;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'Raleway', sans-serif;
;
}
.centered{
text-align:center;
}
.anim-3,.anim-3-all *{
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;
}
.anim-5,.anim-5-all *{
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.anim-7,.anim-7-all *{
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.btn-theme-light{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#ffffff !important;
font-size:12px;
border:1px solid #ffffff !important;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btn-theme-light:hover{
background:#247fe1;
color:#ffffff !important;
border-color:#247fe1 !important;
}
.btn-theme-grey{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#555555 !important;
font-size:12px;
border:1px solid #999999 !important;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btn-theme-grey:hover{
background:#999999;
color:#ffffff !important;
border-color:#999999 !important;
}
.btn-style-one{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:#247fe1;
color:#ffffff !important;
font-size:15px;
font-weight:600;
border:2px solid #247fe1 !important;
border-radius:3px;
}
.btn-style-one:hover{
color:#ffffff !important;
border-color:#ffffff !important;
background:none;
}
.btn-style-two{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:none;
color:#ffffff !important;
font-size:15px;
font-weight:600;
border:2px solid #ffffff !important;
border-radius:3px;
}
.btn-style-two:hover{
color:#ffffff !important;
border-color:#247fe1 !important;
background:#247fe1;
}
.btn-style-three{
position:relative;
padding:8px 40px;
line-height:24px;
text-transform:uppercase;
background:#87c500;
color:#ffffff !important;
font-size:14px;
font-weight:600;
border:1px solid #87c500 !important;
border-radius:2px;
}
.btn-style-three:hover{
color:#87c500 !important;
border-color:#87c500 !important;
background:none;
}
.btn-style-four{
position:relative;
padding:10px 25px;
line-height:24px;
text-transform:uppercase;
background:#247fe1;
color:#ffffff !important;
font-size:15px;
font-weight:600;
border:2px solid #247fe1 !important;
border-radius:3px;
}
.btn-style-four:hover{
color:#247fe1 !important;
border-color:#247fe1 !important;
background:none;
}
.btn-style-five{
position:relative;
padding:6px 30px;
line-height:24px;
text-transform:uppercase;
background:#247fe1;
color:#ffffff !important;
border:2px solid #247fe1;
font-size:15px;
font-weight:600;
border-radius:22px;
}
.btn-style-five:hover{
color:#247fe1 !important;
border-color:#247fe1 !important;
background:none;
}
.theme-btn .fa{
font-size:16px;
}
.theme-btn .icon-left{
padding-right:10px;
}
.theme-btn .icon-right{
padding-left:10px;
}
.theme_color{
color:#247fe1;
}
.light-font{
font-weight:300;
}
.regular-font{
font-weight:400;
}
.semibold-font{
font-weight:600;
}
.bold-font{
font-weight:700;
}
.padd-top-10{
padding-top:10px !important;
}
.padd-top-20{
padding-top:20px !important;
}
.padd-top-30{
padding-top:30px !important;
}
.padd-top-40{
padding-top:40px !important;
}
.padd-top-50{
padding-top:50px !important;
}
.padd-top-60{
padding-top:60px !important;
}
.padd-top-70{
padding-top:70px !important;
}
.padd-left-10{
padding-left:10px !important;
}
.padd-left-20{
padding-left:20px !important;
}
.padd-left-30{
padding-left:30px !important;
}
.padd-left-40{
padding-left:40px !important;
}
.padd-left-50{
padding-left:50px !important;
}
.padd-left-60{
padding-left:60px !important;
}
.padd-left-70{
padding-left:70px !important;
}
.padd-bott-10{
padding-bottom:10px !important;
}
.padd-bott-20{
padding-bottom:20px !important;
}
.padd-bott-30{
padding-bottom:30px !important;
}
.padd-bott-40{
padding-bottom:40px !important;
}
.padd-bott-50{
padding-bottom:50px !important;
}
.padd-bott-60{
padding-bottom:60px !important;
}
.padd-bott-70{
padding-bottom:70px !important;
}
.padd-bott-90{
padding-bottom:90px !important;
}
.padd-bott-100{
padding-bottom:100px !important;
}
.padd-right-10{
padding-right:10px !important;
}
.padd-right-20{
padding-right:20px !important;
}
.padd-right-30{
padding-right:30px !important;
}
.padd-right-40{
padding-right:40px !important;
}
.padd-right-50{
padding-right:50px !important;
}
.padd-right-60{
padding-right:60px !important;
}
.padd-right-70{
padding-right:70px !important;
}
.margin-top-10{
margin-top:10px !important;
}
.margin-top-20{
margin-top:20px !important;
}
.margin-top-30{
margin-top:30px !important;
}
.margin-top-40{
margin-top:40px !important;
}
.margin-top-50{
margin-top:50px !important;
}
.margin-top-60{
margin-top:60px !important;
}
.margin-top-70{
margin-top:70px !important;
}
.margin-bott-10{
margin-bottom:10px !important;
}
.margin-bott-20{
margin-bottom:20px !important;
}
.margin-bott-30{
margin-bottom:30px !important;
}
.margin-bott-40{
margin-bottom:40px !important;
}
.margin-bott-50{
margin-bottom:50px !important;
}
.margin-bott-60{
margin-bottom:60px !important;
}
.margin-bott-70{
margin-bottom:70px !important;
}
.no-padd-bottom{
padding-bottom:0px !important;
}
.no-padd-top{
padding-top:0px !important;
}
.no-margin-bottom{
margin-bottom:0px !important;
}
.no-margin-top{
margin-bottom:0px !important;
}
.no-padd-left{
padding-left:0px !important;
}
.no-padd-right{
padding-right:0px !important;
}
.bg-lightgrey{
background-color:#f6f6f6 !important;
}
.no-bg{
background:none !important;
}
.text-uppercase{
text-transform:uppercase !important;
text-align:justify;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:10px;
right:10px;
width:40px;
height:40px;
color:#ffffff;
font-size:18px;
font-weight:700;
text-transform:uppercase;
line-height:42px;
text-align:center;
z-index:100;
cursor:pointer;
display:none;
}
.scroll-to-top:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:40px;
height:40px;
background:#247fe1;
border:1px solid #247fe1;
border-radius:20px 0px 20px 20px;
-ms-border-radius:20px 0px 20px 20px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.scroll-to-top span{
position:relative;
display:block;
z-index:1;
}
.scroll-to-top:hover{
color:#247fe1;
}
.scroll-to-top:hover:before{
background:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.bounce-in-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #cccccc;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.bounce-in-header .logo{
padding:6px 0px 2px;
}
.bounce-in-header.now-visible{
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:#ededed;
color:#555555;
z-index:5;
font-family: 'Raleway', sans-serif;
}
.main-header.header-style-two .header-top,
.main-header.header-style-three .header-top{
background:#222222;
}
.main-header .header-top .top-left{
position:relative;
float:left;
padding:10px 0px;
color:#c9c9c9;
font-size:12px;
}
.main-header .header-top ul li{
position:relative;
float:left;
margin-right:30px;
}
.main-header .header-top .top-right ul li{
margin-right:0px;
margin-left:20px;
}
.main-header .header-top ul li a{
position:relative;
display:block;
line-height:24px;
color:#555555;
font-size:14px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.main-header.header-style-two .header-top ul li a,
.main-header.header-style-three .header-top ul li a{
color:#9b9b9b;
}
.main-header .header-top ul li .icon{
position:relative;
top:1px;
font-size:14px;
padding-right:5px;
}
.main-header .header-top ul li a:hover{
color:#247fe1;
}
.main-header.header-style-two .header-top ul li a:hover,
.main-header.header-style-three .header-top ul li a:hover{
color:#ffffff;
}
.main-header .header-top .top-right{
position:relative;
padding:10px 0px;
float:right;
}
.main-header .header-upper{
position:relative;
padding:12px 0px;
background:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
z-index:5;
}
.main-header.header-style-two .header-upper{
padding:0px;
}
.main-header .header-upper .upper-right{
position:relative;
}
.main-header .header-upper .upper-column{
position:relative;
float:left;
min-width:80px;
margin-left:40px;
padding-top:25px;
}
.main-header .info-box{
position:relative;
padding-left:50px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:20px;
width:45px;
line-height:60px;
color:#4a5c7a;
font-size:32px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header .info-box:hover .icon-box{
color:#247fe1;
}
.main-header .info-box li{
position:relative;
line-height:24px;
margin:0px 0px;
font-size:15px;
font-family: 'Raleway', sans-serif;
color:#4a5c7a;
}
.main-header .info-box li a{
color:#4a5c7a;
}
.main-header .info-box strong{
font-weight:400;
color:#555555;
font-size:18px;
font-family:'Source Sans Pro',serif;
}
.main-header .header-lower{
position:relative;
left:0px;
top:0px;
width:100%;
background:#00adef;
z-index:5;
}
.main-header.header-style-three .header-lower{
background:none;
}
.main-header .nav-outer{
position:relative;
padding-right:200px;
}
.main-header.header-style-three .nav-outer{
background:#247fe1;
}
.main-menu{
position:relative;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
margin:0px;
font-family: 'Raleway', sans-serif;
;
font-weight:700;
}
.main-menu .navigation > li{
position:relative;
float:left;
padding:0px;
}
.bounce-in-header .main-menu .navigation > li{
margin-right:0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding:15px 20px 12px;
font-size:14px;
color:#ffffff;
line-height:30px;
border-top:none;
border-bottom:3px solid transparent;
text-transform:uppercase;
opacity:1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-two .main-menu .navigation > li > a{
padding:32px 20px 35px 20px;
border-top:3px solid transparent;
border-bottom:none;
color:#181818;
font-weight:600;
}
.bounce-in-header .main-menu .navigation > li{
margin-left:30px;
}
.bounce-in-header .main-menu .navigation > li > a{
color:#181818;
padding:15px 0px 12px;
}
/*.main-menu .navigation > li.dropdown > a:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:8px;
top:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}*/
/*.bounce-in-header .main-menu .navigation > li.dropdown > a:before{
top:19px;
}*/
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
border-color:#247fe1;
opacity:1;
}
.main-menu .navigation > li:hover > a:after{
opacity:1;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:150%;
width:210px;
padding:0px;
z-index:100;
display:none;
background:#283745;
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-three .main-menu .navigation > li > ul{
background:#247fe1;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px dashed rgba(255,255,255,0.20);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:13px 15px 13px 18px;
line-height:22px;
font-weight:600;
font-size:13px;
text-transform:uppercase;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
/*.main-menu .navigation > li > ul > li > a:before,
.main-menu .navigation > li > ul > li > ul > li > a:before {
content: '\f105';
font-family: 'FontAwesome';
font-size: 16px;
line-height: 36px;
position: absolute;
top: 0;
left: 15px;
}*/
.main-menu .navigation > li > ul > li:hover > a{
color:#247fe1;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f061";
position:absolute;
right:10px;
top:15px;
width:10px;
height:20px;
display:block;
color:#ffffff;
line-height:20px;
font-size:10px;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:120%;
top:0px;
width:200px;
padding:0px;
z-index:100;
display:none;
background:#283745;
}
.header-style-three .main-menu .navigation > li > ul > li > ul{
background:#247fe1;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px dashed rgba(255,255,255,0.20);
}
.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:13px 15px 13px 18px;
line-height:22px;
font-weight:600;
font-size:13px;
text-transform:uppercase;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#247fe1;
}
.header-style-three .main-menu .navigation > li > ul > li:hover > a,
.header-style-three .main-menu .navigation > li > ul > li > ul > li:hover > a{
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;
left:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
background:url(../images/icons/submenu-icon.png) center center no-repeat;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .get-btn{
position:absolute;
right:0px;
top:0px;
width:200px;
height:100%;
background:rgba(255,255,255,0.15);
}
.main-header .get-btn .appt-btn{
position:relative;
display:block;
line-height:30px;
text-align:center;
padding:15px 0px;
font-family: 'Raleway', sans-serif;
font-weight:700;
font-size:13px;
color:#ffffff;
text-transform:uppercase;
}
.main-header .get-btn:hover{
background:#247fe1;
}
.main-header .get-btn .appt-btn:hover{
color:#ffffff;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
width:100%;
overflow:hidden;
}
.revolution-slider{
position:relative;
background:none;
color:#ffffff;
}
.revolution-slider .text{
font-weight:400;
font-size:20px;
}
.revolution-slider h1{
line-height:1.2em;
font-size:45px;
font-weight:700;
}
.revolution-slider h2{
line-height:1.2em;
font-weight:700;
font-size:38px;
}
.revolution-slider h2.styled{
padding-bottom:20px;
}
.revolution-slider h2.styled:after{
content:'';
position:absolute;
left:0px;
top:100%;
width:60px;
border-bottom:2px solid #247fe1;
}
.revolution-slider h3{
line-height:1.5em;
font-size:20px;
}
.revolution-slider .bg-dark-theme{
background:rgba(0,0,0,0.70);
color:#01adff;
}
.revolution-slider .bg-theme{
background:rgba(39,55,70,1);
color:#01adff;
}
.tp-bullets{
display:none;
}
.tp-bullets.preview4 .bullet{
background:#ffc13b !important;
border-color:#202020 !important;
margin:0px 5px;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{
border-color:#ffc13b !important;
}
.main-slider h3.italic-heading{
font-size:20px;
font-style:italic;
padding-bottom:15px;
}
.main-slider h3.italic-heading:after{
content:'';
position:absolute;
left:0px;
top:100%;
width:60px;
border-bottom:2px solid #ffffff;
}
.revolution-slider .tp-bannertimer{
display:none !important;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
}
.sec-title h2{
position:relative;
font-size:30px;
color:#181818;
margin-bottom:5px !important;
text-transform:capitalize;
}
.sec-title h3{
position:relative;
font-size:18px;
color:#999999;
font-style:italic;
font-family:'Source Sans Pro',sans-serif;
letter-spacing:1px;
}
.sec-title .text{
position:relative;
font-size:16px;
color:#777777;
font-style:italic;
font-family:'Source Sans Pro',sans-serif;
letter-spacing:1px;
line-height:32px;
}
/***
====================================================================
Features Style One
====================================================================
***/
.features-style-one{
position:relative;
padding:120px 0px 60px;
}
.features-style-one .features-column{
position:relative;
margin-bottom:50px;
}
.features-style-one .features-column .inner-box{
position:relative;
padding-left:90px;
}
.features-style-one .features-column .count{
position:absolute;
left:0px;
top:12px;
color:#cecece;
font-size:50px;
font-weight:700;
font-family: 'Raleway', sans-serif;
}
.features-style-one .features-column .title-box{
position:relative;
margin-bottom:10px;
}
.features-style-one .features-column h4{
font-family:'Source Sans Pro',sans-serif;
color:#247fe1;
font-size:15px;
font-style:italic;
margin-bottom:0px;
}
.features-style-one .features-column h3{
position:relative;
color:#181818;
font-size:20px;
}
.features-style-one .features-column .text{
color:#777777;
}
/***
====================================================================
Services Style One
====================================================================
***/
.services-style-one{
position:relative;
padding:150px 0px;
}
.services-style-one .background-image-one{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
margin-left:-10%;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
z-index:1;
}
.services-style-one .background-image-one:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(36,127,225,0.95);
}
.services-style-one .background-image-two{
position:absolute;
right:0px;
top:0px;
width:80%;
height:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
}
.services-style-one .outer-container{
position:relative;
width:100%;
padding:0px 120px;
z-index:5;
}
.services-style-one .left-column{
position:relative;
color:#ffffff;
padding-top:90px;
}
.services-style-one .left-column h2{
font-size:56px;
margin-bottom:30px;
line-height:1em;
font-weight:700;
}
.services-style-one .left-column .inner-box{
position:relative;
padding-right:70px;
}
.services-style-one .transparent-column{
position:relative;
}
.services-style-one .transparent-column .inner-box{
position:relative;
margin-left:-50px;
padding:80px 50px 30px;
background:rgba(255,255,255,0.92);
border-radius:3px;
}
.default-icon-column{
position:relative;
margin-bottom:50px;
}
.default-icon-column .inner{
position:relative;
padding-left:60px;
max-width:450px;
}
.default-icon-column .inner .icon-box{
position:absolute;
left:0px;
top:7px;
color:#181818;
font-size:36px;
line-height:40px;
}
.default-icon-column .inner h3{
position:relative;
font-size:20px;
margin-bottom:10px;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
padding:120px 0px 50px;
}
.default-section .column{
position:relative;
margin-bottom:50px;
}
.default-section .text-column h2{
position:relative;
font-size:30px;
text-transform:capitalize;
color:#181818;
margin-bottom:25px;
}
.default-section .text-column .text{
color:#777777;
}
.default-section .text-column .text p{
position:relative;
margin-bottom:20px;
}
.default-section .upper-part{
position:relative;
margin-bottom:80px;
}
.default-section .upper-part .intro-text{
position:relative;
padding-left:80px;
}
.default-section .upper-part .intro-text h3{
font-size:20px;
font-style:italic;
color:#777777;
}
.default-section .upper-part .intro-text h2{
font-size:24px;
color:#181818;
margin-bottom:50px;
font-weight:700;
}
.default-section .upper-part .intro-text .text{
font-size:20px;
color:#999999;
font-style:italic;
line-height:1.6em;
}
.introtext-two {
color:#777777;
}
.introtext-two h3{
font-size:18px;
margin-bottom:18px;
color:#666666;
font-style:italic;
}
.introtext-two h2{
font-size:24px;
margin-bottom:20px;
color:#181818;
font-weight:700;
text-transform:uppercase;
line-height:1.4em;
}
.introtext-two .text{
margin-bottom:30px;
}
/***
====================================================================
Progress Levels Section
====================================================================
***/
.progress-levels{
position:relative;
}
.default-section .progress-levels{
padding-top:7px;
}
.progress-levels .progress-box{
position:relative;
margin-bottom:40px;
overflow:hidden;
}
.progress-levels .progress-box:last-child{
margin-bottom:0px;
}
.progress-levels .progress-box:last-child{
margin-bottom:0px;
}
.progress-levels .progress-box .box-title{
position:relative;
font-size:18px;
line-height:24px;
color:#181818;
text-transform:capitalize;
margin-bottom:16px;
font-family: 'Raleway', sans-serif;
}
.progress-levels .progress-box .bar{
position:relative;
height:10px;
background:#eeeeee;
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
left:0px;
top:0px;
width:100%;
height:4px;
}
.progress-levels .progress-box .bar .bar-fill{
position:absolute;
left:-100%;
top:0px;
width:0px;
height:10px;
background:#247fe1;
-moz-transition:all 2000ms ease 300ms;
-webkit-transition:all 2000ms ease 300ms;
-ms-transition:all 2000ms ease 300ms;
-o-transition:all 2000ms ease 300ms;
transition:all 2000ms ease 300ms;
}
.progress-levels .progress-box.animated .bar .bar-fill{
left:0px;
}
.progress-levels .progress-box .percent{
position:absolute;
right:0px;
top:-40px;
letter-spacing:0px;
font-size:18px;
color:#181818 !important;
font-family: 'Raleway', sans-serif;
line-height:24px;
opacity:0;
-moz-transition:all 2000ms ease 700ms;
-webkit-transition:all 2000ms ease 700ms;
-ms-transition:all 2000ms ease 700ms;
-o-transition:all 2000ms ease 700ms;
transition:all 2000ms ease 700ms;
}
.progress-levels .progress-box.animated .percent{
opacity:1;
}
.default-title{
position:relative;
font-size:20px;
margin-bottom:20px;
font-weight:700;
}
/***
====================================================================
Fact Counter
====================================================================
***/
.fact-counter{
position:relative;
}
.fact-counter .counter-column{
position:relative;
margin-bottom:70px;
}
.fact-counter.style-two .counter-column{
padding:30px 50px;
border-right:1px solid #dcdcdc;
text-align:center;
}
.fact-counter.style-two .counter-column:last-child{
border:none;
}
.fact-counter .counter-column .count-outer{
font-size:60px;
color:#247fe1;
font-family: 'Raleway', sans-serif;
margin-bottom:15px;
font-weight:700;
line-height:60px;
}
.fact-counter.style-two .counter-column .count-outer{
color:#181818;
}
.fact-counter .counter-column .count-outer span{
display:inline-block;
line-height:40px;
}
.fact-counter .counter-column .text{
font-size:18px;
color:#484848;
}
/***
====================================================================
Two Column Fluid
====================================================================
***/
.two-col-fluid{
position:relative;
background-color:#f6f6f6;
}
.two-col-fluid .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-size:cover;
background-position:right top;
}
.two-col-fluid .content-column{
position:relative;
float:right;
width:50%;
}
.two-col-fluid .content-column h2{
font-size:30px;
margin-bottom:30px;
color:#181818;
}
.two-col-fluid .content-column .content-inner{
position:relative;
max-width:800px;
padding:120px 80px 110px;
}
/***
====================================================================
Accord Style
====================================================================
***/
.accordion-box{
position:relative;
margin-right:0px;
}
.accordion-box h2{
font-size:30px;
margin-bottom:30px;
color:#181818;
}
.accordion-box .accordion{
position:relative;
margin-bottom:12px;
}
.accordion-box .accordion .accord-btn{
position:relative;
display:block;
line-height:30px;
padding:12px 50px 12px 30px;
border:1px solid #e0e0e0;
color:#2f2f31;
cursor:pointer;
}
.accordion-box.style-two .accordion .accord-btn{
border-color:#f0f0f0;
box-shadow:2px 2px 3px 0px #f0f0f0;
}
.accordion-box .accordion .accord-btn h4{
position:relative;
font-size:18px;
line-height:30px;
font-weight:400;
font-family:'Source Sans Pro',sans-serif;
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;
}
.accordion-box .accordion .accord-btn:after{
content:'\f0d7';
font-family: 'FontAwesome';
position:absolute;
right:10px;
top:50%;
margin-top:-15px;
width:30px;
height:30px;
line-height:30px;
font-size:18px;
font-weight:normal;
}
.accordion-box.style-two .accordion .accord-btn:after{
content:'\f13b';
font-family: 'Flaticon';
}
.accordion-box .accordion .accord-btn.active:after{
content:'\f0d8';
}
.accordion-box.style-two .accordion .accord-btn.active:after{
content:'\f176';
font-family: 'Flaticon';
}
.accordion-box .accordion .accord-btn.active{
color:#ffffff;
background:#247fe1;
border-color:#247fe1;
}
.accordion-box .accordion .accord-content{
position:relative;
padding:20px 25px 10px;
border-top:none;
font-size:16px;
display:none;
}
.accordion-box .accordion .accord-content.collapsed{
display:block;
}
.accordion-box .accordion .accord-content p{
position:relative;
}
/***
====================================================================
Projects Section
====================================================================
***/
.projects-section{
position:relative;
padding:120px 0px;
}
.projects-gallery{
position:relative;
margin-bottom:40px;
}
.projects-gallery .items-outer{
position:relative;
margin-left:-5px;
margin-right:-5px;
}
.projects-gallery .items-outer .default-project-item{
position:relative;
margin-bottom:10px;
padding:0px 5px !important;
}
.projects-gallery.style-two .default-project-item{
margin-bottom:0px;
padding:0px !important;
}
.default-project-item{
position:relative;
}
.default-project-item .inner-box{
position:relative;
}
.default-project-item .image-box img{
position:relative;
display:block;
width:100%;
height:auto;
}
.default-project-item .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:50px 30px 20px 30px;
color:#ffffff;
background:rgba(36,127,225,0.70);
opacity:0;
}
.default-project-item:hover .overlay-box{
opacity:1;
-ms-animation-name: flipInY;
-moz-animation-name: flipInY;
-op-animation-name: flipInY;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-ms-animation-duration: 1200ms;
-moz-animation-duration: 1200ms;
-op-animation-duration: 1200ms;
-webkit-animation-duration: 1200ms;
animation-duration: 1200ms;
-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;
}
.default-project-item .overlay-box .title-box{
position:relative;
margin-bottom:40px;
}
.default-project-item .overlay-box .title-box h3{
position:relative;
margin-bottom:0px;
line-height:24px;
}
.default-project-item .overlay-box .title-box h3 a{
color:#ffffff;
font-size:17px;
font-weight:600;
text-transform:uppercase;
}
.default-project-item .overlay-box .title-box .text{
font-size:13px;
text-transform:uppercase;
font-style:italic;
}
.default-project-item .overlay-box .link{
position:relative;
display:inline-block;
width:36px;
height:36px;
font-size:14px;
line-height:34px;
text-align:center;
border:1px solid #ffffff;
margin-right:6px;
color:#ffffff;
}
.projects-section .lower-content{
position:relative;
max-width:850px;
margin:0 auto;
}
.projects-section .lower-content .vert-line{
position:relative;
width:1px;
height:70px;
margin:30px auto 30px;
background:#cecece;
}
.projects-section .lower-content .vert-line .dot{
position:absolute;
left:-2px;
bottom:-2px;
display:inline-block;
width:5px;
height:5px;
background:#cecece;
}
.projects-section .lower-content .icon{
color:#333333;
font-size:42px;
}
.projects-section .lower-content h3{
margin:30px 0px 20px;
font-size:16px;
text-transform:uppercase;
font-weight:700;
color:#181818;
}
.projects-section .lower-content .text{
font-size:16px;
color:#777777;
margin-bottom:30px;
}
.projects-section .lower-content .bottom{
line-height:40px;
font-family: 'Raleway', sans-serif;
font-size:18px;
}
.projects-section .lower-content .bottom strong{
padding-right:20px;
display:inline-block;
font-weight:normal;
}
.projects-section .lower-content .bottom .phone-number{
position:relative;
display:inline-block;
padding:0px 30px;
border-radius:30px;
color:#ffffff;
font-size:18px;
background:#247fe1;
}
/***
====================================================================
Testimonials Area style
====================================================================
***/
.testimonials-area{
position:relative;
padding:120px 0px;
width:100%;
background:#f6f6f6;
}
.testimonials-area .auto-container{
position:relative;
text-align:center;
}
.testimonials-area .testi-pager{
position:relative;
margin:70px 0px 0px;
}
.testimonials-area .slide-text{
position:relative;
max-width:850px;
margin:0 auto;
color:#777777;
line-height:1.8em;
}
.testimonials-area .testi-pager .pager-item{
position:relative;
display:inline-block;
width:25%;
font-size:16px;
color:#247fe1;
font-style:italic;
}
.testimonials-area .testi-pager .pager-item.active{
opacity:1;
}
.testimonials-area .testi-pager .pager-item strong{
font-family: 'Raleway', sans-serif;
font-size:16px;
text-transform:capitalize;
margin-bottom:0px;
font-style:normal;
font-weight:normal;
color:#181818;
display:block;
}
.testimonials-area .testi-pager .testi-thumb{
position:relative;
top:0px;
width:76px;
height:76px;
margin:0 auto 10px;
background:#ffffff;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
overflow:hidden;
}
.testimonials-area .testi-pager .testi-thumb img{
position:relative;
display:block;
width:76px;
height:76px;
}
.testimonials-area .testi-pager .pager-item.active .testi-thumb{
-webkit-box-shadow:0px 0px 1px 1px #247fe1;
-ms-box-shadow:0px 0px 1px 1px #247fe1;
-o-box-shadow:0px 0px 1px 1px #247fe1;
-moz-box-shadow:0px 0px 1px 1px #247fe1;
box-shadow:0px 0px 1px 1px #247fe1;
}
/***
====================================================================
Request Quote Section
====================================================================
***/
.request-quote-section{
position:relative;
padding:120px 0px 0px;
overflow:hidden;
}
.request-quote-section h2{
font-size:30px;
margin-bottom:50px;
color:#181818;
}
.request-quote-section .form-column{
position:relative;
margin-bottom:120px;
}
.request-quote-section .image-column{
position:relative;
}
.request-quote-section .image-column .image-box{
position:relative;
margin-top:-30px;
padding-left:20px;
}
/***
====================================================================
Default Form Style
====================================================================
***/
.default-form-style{
position:relative;
}
.boxed-form{
position:relative;
padding:30px;
border:5px solid #f4f4f4;
margin-bottom:20px;
}
.boxed-form h3{
font-size:24px;
margin-bottom:30px;
color:#181818;
}
.default-form-style .form-group{
position:relative;
margin-bottom:15px;
}
.boxed-form .default-form-style .form-group{
margin-bottom:20px;
}
.default-form-style .field-label{
position:relative;
font-size:16px;
line-height:24px;
margin-bottom:10px;
color:#555555;
}
.contact-form.default-form-style .field-label{
position:relative;
font-size:14px;
line-height:20px;
margin-bottom:5px;
color:#999999;
font-style:italic;
text-transform:capitalize;
}
.contact-form.default-form-style .field-label sup{
color:#ff0000 !important;
font-size:16px !important;
top:0px !important;
}
.default-form-style input[type="text"],
.default-form-style input[type="email"],
.default-form-style input[type="password"],
.default-form-style select,
.default-form-style textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 15px;
border:1px solid #e2e2e2;
height:46px;
color:#222222;
font-size:15px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form-style textarea{
resize:none;
height:180px;
}
.default-form-style input:focus,
.default-form-style select:focus,
.default-form-style textarea:focus{
border-color:#247fe1;
}
.default-form-style input.error,
.default-form-style select.error,
.default-form-style textarea.error{
border-color:#ff0000;
}
.default-form-style label.error{
color:#ff0000;
line-height:20px;
padding:10px 0px 0px 0px;
text-transform:capitalize;
font-weight:400;
font-size:14px;
}
.default-form-style select{
cursor:pointer;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
-moz-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form-style select option{
text-indent:15px;
}
.default-form-style button{
padding-left:32px;
padding-right:32px;
}
/***
====================================================================
Default Parallax Section
====================================================================
***/
.default-parallax-section{
position:relative;
padding:80px 0px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
.default-parallax-section:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(36,127,225,0.75);
}
.default-parallax-section .auto-container{
position:relative;
z-index:5;
}
.default-parallax-section h2{
font-size:36px;
font-weight:normal;
line-height:1.4em;
color:#ffffff;
}
/***
====================================================================
Blog News Section
====================================================================
***/
.blog-news-section{
position:relative;
padding:120px 0px 70px;
}
.blog-news-section .blog-news-column{
margin-bottom:50px;
}
.sidebar-page-container .blog-news-section .blog-news-column{
margin-bottom:0px;
}
.sidebar-page-container .blog-news-section .separator{
display:block;
margin:40px 0px 50px;
width:100%;
}
.blog-news-column .image-box img{
display:block;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-news-column:hover .image-box img{
-webkit-transform:scale(1.05,1.05) rotate(-2deg);
-ms-transform:scale(1.05,1.05) rotate(-2deg);
-o-transform:scale(1.05,1.05) rotate(-2deg);
-moz-transform:scale(1.05,1.05) rotate(-2deg);
transform:scale(1.05,1.05) rotate(-2deg);
}
.blog-news-column .image-box .news-date{
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
line-height:20px;
padding:10px 10px;
text-align:center;
font-size:20px;
color:#ffffff;
font-family: 'Raleway', sans-serif;
background:#3d3f43;
}
.blog-news-column .image-box .news-date.style-two{
right:auto;
top:auto;
left:25px;
bottom:25px;
height:auto;
width:auto;
line-height:24px;
padding:2px 20px;
background:#247fe1;
font-size:13px;
border-radius:3px;
}
.blog-news-column:hover .image-box .news-date{
background:#247fe1;
}
.blog-news-column .image-box .news-date .month{
font-size:14px;
display:block;
}
.blog-news-column .inner-box{
position:relative;
background:#ffffff;
}
.blog-news-column .image-box{
position:relative;
overflow:hidden;
}
.blog-news-column .content-box{
position:relative;
padding:25px 0px 0px;
}
.blog-news-column h3{
font-size:18px;
font-weight:400;
color:#181818;
margin-bottom:7px;
}
.blog-news-column .text h3{
margin-bottom:15px;
}
.sidebar-page-container .blog-news-column h3{
font-size:22px;
}
.sidebar-page-container .two-column .blog-news-column h3{
font-size:18px;
}
.blog-news-column h3 a{
color:#181818;
}
.blog-news-column h3 a:hover,
.blog-news-column .post-info li a:hover{
color:#247fe1;
}
.blog-news-column .post-info{
position:relative;
margin-bottom:15px;
color:#777777;
font-size:13px;
line-height:20px;
font-family: 'Raleway', sans-serif;
}
.blog-news-column .post-info li{
position:relative;
display:inline-block;
margin:0px 12px;
font-style:italic;
}
.blog-news-column .post-info li:after{
content:'/';
position:absolute;
right:-15px;
top:0px;
font-style:normal !important;
}
.blog-news-column .post-info li:last-child:after{
display:none;
}
.blog-news-column .post-info li:first-child{
margin-left:0px;
}
.blog-news-column .post-info li a{
color:#777777;
}
.blog-news-column .content-box .text{
position:relative;
color:#777777;
}
.blog-news-section .post-share-options{
position:relative;
}
.blog-news-section .post-share-options h5{
font-size:16px;
padding:3px 0px;
}
.blog-news-section .post-share-options .tags a{
position:relative;
color:#999999;
}
.blog-news-section .post-share-options .tags{
padding-top:5px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
color:#9b9b9b;
background:#272727;
}
.main-footer .footer-upper{
position:relative;
padding:100px 0px 50px;
color:#9b9b9b;
}
.main-footer .footer-upper .column{
position:relative;
margin-bottom:40px;
}
.footer-upper .column h3{
position:relative;
font-size:24px;
line-height:30px;
margin-bottom:32px;
color:#ffffff;
}
.footer-upper .column h3.logo-text{
font-size:36px;
font-weight:700;
}
.main-footer .about-widget{
font-size:15px;
}
.main-footer .footer-upper a{
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.main-footer .footer-upper a:hover{
color:#ffffff;
}
.footer-upper .links-widget li{
position:relative;
margin-bottom:15px;
}
.footer-upper .links-widget li a{
position:relative;
display:block;
font-size:15px;
color:#999999;
line-height:20px;
}
.footer-upper .links-widget li a:hover{
color:#ffffff;
}
.main-footer .social-links a{
position:relative;
display:inline-block;
font-size:16px;
width:44px;
height:44px;
line-height:44px;
text-align:center;
margin:0px 5px 10px 0px;
color:#9b9b9b;
background:#3b3b3b;
border-radius:50%;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.main-footer .social-links a:hover{
color:#ffffff;
background:#247fe1;
}
.footer-upper .twitter-feeds .feed{
position:relative;
padding:0px 0px 0px 30px;
margin-bottom:20px;
color:#aaaaaa;
}
.footer-upper .twitter-feeds .feed:last-child{
margin:0px;
}
.footer-upper .twitter-feeds .feed-content{
margin-bottom:5px;
line-height:1.6em;
}
.footer-upper .twitter-feeds .feed a{
position:relative;
color:#247fe1;
}
.footer-upper .twitter-feeds .feed .time{
position:relative;
color:#ffffff;
font-size:14px;
font-family: 'Raleway', sans-serif;
text-transform:capitalize;
font-weight:700;
}
.footer-upper .twitter-feeds .feed strong{
font-weight:400;
}
.footer-upper .twitter-feeds .feed .icon{
position:absolute;
width:30px;
height:20px;
left:0px;
top:5px;
line-height:20px;
font-size:18px;
color:#999999;
}
.main-footer .newsletter-widget .form-group{
position:relative;
margin-bottom:10px;
}
.main-footer .newsletter-widget input[type="text"],
.main-footer .newsletter-widget input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:11px 50px 11px 15px;
background:#2b2b2b;
border:1px solid rgba(255,255,255,0.05);
border-radius:5px;
}
.main-footer .newsletter-widget input[type="text"]:focus,
.main-footer .newsletter-widget input[type="email"]:focus{
background:#181818;
}
.main-footer .newsletter-widget input[type="submit"],
.main-footer .newsletter-widget button{
position:absolute;
right:0px;
top:0px;
width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:20px;
color:#ffffff;
background:#247fe1;
border-radius:0px 5px 5px 0px;
}
.main-footer .newsletter-widget input:focus+button,
.main-footer .newsletter-widget button:hover{
background:#888888;
}
.main-footer .confid{
position:relative;
font-size:14px;
color:#9b9b99;
margin-bottom:20px;
}
.main-footer .contact-info{
font-size:16px;
}
.main-footer .contact-info li{
margin-bottom:10px;
}
.main-footer .contact-info li h4{
font-size:16px;
color:#ffffff;
margin-bottom:5px;
}
.main-footer .contact-info li a{
color:#9b9b9b;
}
.main-footer .news-widget .news-item{
position:relative;
padding-left:95px;
padding-top:15px;
margin-bottom:25px;
min-height:75px;
}
.main-footer .news-widget.no-thumb .news-item{
padding-left:0px;
padding-top:0px;
margin-bottom:25px;
min-height:0px;
}
.main-footer .news-widget .news-item:last-child{
margin-bottom:0px;
}
.main-footer .news-widget .news-item .news-thumb{
position:absolute;
left:0px;
top:0px;
width:75px;
}
.main-footer .news-widget .news-item .news-thumb img{
display:block;
width:75px;
height:75px;
}
.main-footer .news-widget .news-item h4,
.main-footer .news-widget .news-item h4 a{
font-size:15px;
color:#ffffff;
}
.main-footer .news-widget .news-item h4 a:hover{
color:#247fe1;
}
.main-footer .news-widget .news-item .time{
font-size:12px;
text-transform:uppercase;
}
.main-footer .quote-form .form-group{
position:relative;
margin-bottom:10px;
}
.main-footer .quote-form .form-group input[type="text"],
.main-footer .quote-form .form-group input[type="email"],
.main-footer .quote-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 15px;
background:#2b2b2b;
border:1px solid rgba(255,255,255,0.05);
border-radius:3px;
}
.main-footer .quote-form .form-group textarea{
resize:none;
height:100px;
}
.main-footer .quote-form .form-group input[type="text"]:focus,
.main-footer .quote-form .form-group input[type="email"]:focus,
.main-footer .quote-form .form-group textarea:focus{
background:#181818;
}
.ftr li{list-style:url(tick.png) !important}
.main-footer .quote-form button{
padding:9px 30px;
}
.required{font-size:13px}
.footer-bottom{
position:relative;
padding:24px 0px;
line-height:22px;
color:#fff;
background:#00adef;
font-size:13px;
/*text-transform:uppercase;*/
}
.footer-bottom .footer-nav{
position:relative;
}
.footer-bottom .footer-nav li{
position:relative;
float:left;
margin-left:25px;
}
.footer-bottom .footer-nav li a{
color:#fff;
}
.footer-bottom .footer-nav li a:hover{
color:#ffffff;
}
/***
====================================================================
Intro Style One
====================================================================
***/
.intro-style-one{
position:relative;
padding:120px 0px 70px;
}
.intro-style-one.extended .bigger-column .inner{
position:relative;
padding:35px 25px;
border:6px solid #f4f4f4;
}
.intro-style-one .featured-style-one,
.intro-style-one .bigger-column{
margin-bottom:50px;
}
.featured-style-one{
position:relative;
}
.featured-style-one .inner-box{
position:relative;
}
.featured-style-one .image-box img{
display:block;
width:100%;
}
.featured-style-one .lower-content{
position:relative;
padding:20px 0px 0px;
}
.featured-style-one .lower-content h3{
margin-bottom:10px;
color:#181818;
font-size:20px;
text-transform:capitalize;
}
.extended .featured-style-one .lower-content h3{
margin-bottom:10px;
}
.featured-style-one .lower-content h3 a{
color:#181818;
}
.featured-style-one .lower-content h3 a:hover{
color:#247fe1;
}
.featured-style-one .lower-content .text{
color:#777777;
font-size:16px;
}
.intro-style-one.extended .lower-content .text{
margin-bottom:15px;
}
.featured-style-one .read-more,
.bigger-column .read-more{
color:#247fe1;
font-size:14px;
font-weight:600;
text-transform:uppercase;
}
.featured-style-one .read-more .fa,
.bigger-column .read-more .fa{
font-size:16px;
font-weight:700;
padding-left:5px;
}
.featured-style-one .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:50px 25px 20px;
color:#ffffff;
background:#222222;
opacity:1;
}
.featured-style-one .overlay-box h4{
font-size:16px;
font-weight:700;
margin-bottom:10px;
}
.intro-style-one.extended .bigger-column h3{
font-size:24px;
line-height:32px;
margin-bottom:25px;
}
.featured-style-one .overlay-box .text{
font-size:14px;
margin-bottom:20px;
}
.intro-style-one.extended .bigger-column .text{
font-size:15px;
margin-bottom:35px;
}
.featured-style-one.with-hover:hover .overlay-box{
opacity:1;
-ms-animation-name: flipInX;
-moz-animation-name: flipInX;
-op-animation-name: flipInX;
-webkit-animation-name: flipInX;
animation-name: flipInX;
-ms-animation-duration: 1200ms;
-moz-animation-duration: 1200ms;
-op-animation-duration: 1200ms;
-webkit-animation-duration: 1200ms;
animation-duration: 1200ms;
-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;
}
/***
====================================================================
Intro Style Two
====================================================================
***/
.intro-style-two{
position:relative;
padding:150px 0px;
background-color:#3c3b49;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
color:#ffffff;
}
.intro-style-two h3{
font-size:25px;
font-style:italic;
margin-bottom:20px;
}
.intro-style-two h2{
font-size:36px;
font-weight:700;
margin-bottom:40px;
line-height:1.4em;
}
/***
====================================================================
Why Us Section
====================================================================
***/
.whyus-section{
position:relative;
padding:120px 0px;
}
.whyus-section .icon-column-two{
margin-bottom:120px;
}
.icon-column-two .inner-box{
position:relative;
padding:50px 40px;
}
.icon-column-two .inner-box .icon{
position:relative;
line-height:50px;
margin-bottom:20px;
font-size:48px;
color:#181818;
}
.icon-column-two .inner-box h3{
position:relative;
line-height:40px;
margin-bottom:15px;
font-size:30px;
color:#181818;
}
.icon-column-two .inner-box .text{
position:relative;
font-size:16px;
color:#777777;
}
.icon-column-two .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
min-height:100%;
padding:45px 40px 35px;
color:#777777;
background:#ffffff;
border:2px solid #247fe1;
z-index:1;
opacity:0;
}
.icon-column-two .inner-box .overlay-box.is-visible{
opacity:1;
}
.icon-column-two .inner-box .overlay-box h4{
position:relative;
line-height:40px;
margin-bottom:15px;
font-size:30px;
color:#181818;
}
.icon-column-two .inner-box .overlay-box .text{
font-size:16px;
}
.icon-column-two .inner-box .overlay-box .text p{
margin-bottom:15px;
}
.icon-column-two:hover .inner-box .overlay-box{
opacity:1;
-ms-animation-name: flipInX;
-moz-animation-name: flipInX;
-op-animation-name: flipInX;
-webkit-animation-name: flipInX;
animation-name: flipInX;
-ms-animation-duration: 1200ms;
-moz-animation-duration: 1200ms;
-op-animation-duration: 1200ms;
-webkit-animation-duration: 1200ms;
animation-duration: 1200ms;
-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;
}
.left-icon-column{
position:relative;
}
.default-section .left-icon-column{
position:relative;
margin-bottom:30px;
}
.left-icon-column .inner-box{
position:relative;
padding:30px 30px 30px 90px;
border:1px solid #dcdcdc;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.left-icon-column .inner-box .icon{
position:absolute;
left:25px;
top:30px;
line-height:40px;
font-size:36px;
color:#181818;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.left-icon-column:hover .inner-box{
border-color:#247fe1;
}
.left-icon-column:hover .inner-box .icon{
color:#247fe1;
}
.left-icon-column .inner-box h3{
position:relative;
line-height:30px;
margin-bottom:5px;
font-size:22px;
color:#181818;
}
.left-icon-column .inner-box .text{
position:relative;
font-size:16px;
color:#777777;
}
/***
====================================================================
Testimonials Style Two
====================================================================
***/
.testimonials-style-two{
position:relative;
padding:120px 0px;
color:#ffffff;
background:#3d3f43;
}
.testimonials-style-two .sec-title h2,
.testimonials-style-two .sec-title h3{
color:#ffffff;
}
.testimonials-style-two .slide-item .author-thumb{
position:relative;
width:110px;
}
.testimonials-style-two .slide-item .author-thumb img{
display:block;
width:100%;
max-width:100%;
}
.testimonials-style-two .slide-item .author-title{
position:relative;
margin:20px 0px 15px;
color:#247fe1;
font-size:16px;
}
.testimonials-style-two .slide-item .text{
position:relative;
margin-bottom:25px;
color:#ffffff;
font-size:16px;
font-family: 'Raleway', sans-serif;
}
.testimonials-style-two .slide-item .signature{
position:relative;
}
.testimonials-style-two .slide-item .signature img{
display:inline-block;
max-width:100%;
width:auto;
}
.testimonials-style-two .owl-controls{
padding:50px 0px 0px !important;
margin:0px !important;
}
.testimonials-style-two .owl-nav{
display:none !important;
}
.testimonials-style-two .owl-dots .owl-dot span{
background:#ffffff;
margin:0px 5px;
}
.testimonials-style-two .owl-dots .owl-dot:hover span,
.testimonials-style-two .owl-dots .owl-dot.active span{
background:#247fe1;
}
/***
====================================================================
Sponsors Slider Style
====================================================================
***/
.sponsors-section{
position:relative;
padding:120px 0px;
color:#ffffff;
background:#3d3f43;
overflow:hidden;
width:100%;
}
.sponsors-section .sec-title h2{
color:#ffffff;
}
.request-quote-section .sponsors-outer{
position:relative;
margin-bottom:110px;
}
.request-quote-section .sponsors-outer .owl-controls{
display:none;
}
.sponsors-carousel .slide-item{
position:relative;
border:1px solid #dcdcdc;
margin:0px 1px;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sponsors-section .sponsors-carousel .slide-item{
border:1px solid #ffffff;
}
.sponsors-carousel .slide-item img{
display:block;
max-width:100%;
width:100%;
opacity:0.25;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sponsors-section .sponsors-carousel .slide-item img{
opacity:1;
}
.sponsors-carousel .slide-item img:hover{
opacity:0.90;
}
.sponsors-section .owl-controls {
padding:0px !important;
margin:0px !important;
}
.sponsors-section .owl-controls .owl-next,
.sponsors-section .owl-controls .owl-prev {
position:absolute;
width:40px;
height:40px;
margin: 0 !important;
top:50% !important;
margin-top:-20px !important;
text-align:center;
background:none !important;
color: #ffffff !important;
font-size: 20px !important;
line-height: 38px;
padding: 0 !important;
border:1px solid #ffffff;
opacity:0.70;
transition: all 500ms ease 0s;
}
.sponsors-section .owl-controls .owl-next:hover,
.sponsors-section .owl-controls .owl-prev:hover {
opacity:1;
}
.sponsors-section .owl-controls .owl-prev {
border-radius: 0px !important;
left:-80px !important;
}
.sponsors-section .owl-controls .owl-next {
border-radius: 0px !important;
right:-80px !important;
}
.sponsors-section .owl-dots{
display:none !important;
}
/***
====================================================================
Projects Carousel Section
====================================================================
***/
.projects-carousel-section{
position:relative;
padding:120px 0px;
color:#ffffff;
background:#3d3d3d;
}
.projects-carousel-section .sec-title h2{
color:#ffffff;
}
.projects-carousel .default-project-item .overlay-box{
padding-top:40px;
}
.projects-carousel-section .owl-controls {
padding: 40px 0 0;
position: relative;
text-align: center;
top: 0;
}
.projects-carousel-section .owl-controls .owl-next,
.projects-carousel-section .owl-controls .owl-prev {
background: #247fe1 none repeat scroll 0 0 !important;
color: #ffffff !important;
font-size: 20px !important;
height: 32px !important;
line-height: 32px;
padding: 0 !important;
position: relative;
transition: all 500ms ease 0s;
width: 50px !important;
}
.projects-carousel-section .owl-controls .owl-next:hover,
.projects-carousel-section .owl-controls .owl-prev:hover {
background: #888888 none repeat scroll 0 0 !important;
}
.projects-carousel-section .owl-controls .owl-prev {
border-radius: 4px 0 0 4px !important;
margin: 0 !important;
left:-1px !important;
}
.projects-carousel-section .owl-controls .owl-next {
border-radius: 0 4px 4px 0 !important;
margin: 0 !important;
right: -1px;
}
.projects-carousel-section .owl-dots {
display: none !important;
}
.projects-carousel-section.style-two .owl-dots {
display: block !important;
}
.projects-carousel-section .owl-theme .owl-dots .owl-dot span {
background: #4c4c4c none repeat scroll 0 0;
border-radius: 50%;
height: 10px;
margin: 0 3px;
width: 10px;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:120px 0px 70px;
}
.team-section .team-member{
margin-bottom:50px;
}
.team-member{
position:relative;
text-align:center;
}
.team-member .inner-box{
position:relative;
overflow:hidden;
max-width:500px;
margin:0 auto;
}
.team-member .image-box img{
display:block;
width:100%;
}
.team-member .desc-content{
position:relative;
bottom:0px;
padding:25px 20px;
background:#f6f6f6;
opacity:1;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-member:hover .desc-content{
bottom:-200px;
opacity:0;
}
.team-member h3{
font-size:20px;
margin-bottom:0px;
color:#181818;
text-transform:capitalize;
}
.team-member .designation{
font-size:15px;
font-style:italic;
color:#247fe1;
}
.team-member .hover-content{
position:absolute;
left:0px;
bottom:-200px;
width:100%;
padding:25px 20px;
background:#247fe1;
color:#ffffff;
opacity:0;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.team-member:hover .hover-content{
bottom:0px;
opacity:1;
}
.team-member .hover-content h3{
color:#ffffff;
}
.team-member .hover-content .designation{
margin-bottom:10px;
color:#ffffff;
}
.team-member .social a{
position:relative;
display:inline-block;
margin:2px 5px;
color:#ffffff;
width:20px;
height:20px;
line-height:20px;
text-align:center;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title{
position:relative;
padding:120px 0px;
color:#ffffff;
background-color:#3d3f43;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
text-align:center;
}
.page-title:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(61,63,63,0.95);
}
.page-title .auto-container{
position:relative;
z-index:5;
}
.page-title h1{
font-size:48px;
font-weight:700;
text-transform:capitalize;
line-height:70px;
}
/***
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:120px 0px 100px;
}
.sidebar-page-container .sidebar{
margin-bottom:30px;
}
.sidebar .sidebar-title{
position:relative;
margin-bottom:20px;
}
.sidebar .sidebar-title h2{
color:#181818;
text-transform:capitalize;
font-size:24px;
}
.sidebar .sidebar-widget{
position:relative;
margin-bottom:40px;
}
.sidebar .downloads li{
position:relative;
margin-bottom:10px;
}
.sidebar .downloads li a{
position:relative;
display:block;
padding:10px 10px 10px 80px;
color:#222222;
font-size:14px;
text-transform:uppercase;
border:1px solid #e0e0e0;
line-height:30px;
}
.sidebar .downloads li a:hover{
color:#247fe1;
}
.sidebar .downloads li a .icon{
position:absolute;
left:10px;
top:0px;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:20px;
}
.sidebar .styled-nav{
position:relative;
}
.sidebar .styled-nav .nav-outer{
position:relative;
font-family:'Lora',sans-serif;
}
.sidebar .styled-nav ul li{
position:relative;
display:block;
line-height:30px;
padding:10px 20px;
text-transform:capitalize;
color:#777777;
background:#ffffff;
font-size:17px;
font-weight:400;
border:2px solid #dcdcdc;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
margin-bottom:10px;
cursor:pointer;
}
.sidebar .styled-nav ul li .icon{
position:absolute;
right:15px;
top:50%;
margin-top:-10px;
height:20px;
line-height:20px;
font-size:16px;
}
.sidebar .styled-nav ul li:last-child {
margin-bottom:0px;
}
.sidebar .styled-nav li.active-btn,
.sidebar .styled-nav li.current{
color:#247fe1;
background:#ffffff;
}
.sidebar .contact-widget{
position:relative;
padding:40px 20px;
text-align:center;
background:#f3f3f3;
font-family: 'Raleway', sans-serif;
}
.sidebar .contact-widget h3{
font-size:22px;
color:#181818;
line-height:36px;
margin-bottom:10px;
}
.sidebar .contact-widget .phone-numbers{
font-size:20px;
color:#247fe1;
line-height:36px;
}
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:24px;
padding:8px 50px 8px 20px;
border:1px solid #dcdcdc;
background:#ffffff;
color:#3a3a3a;
display:block;
width:100%;
border-radius:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
border-color:#247fe1;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:42px;
width:50px;
line-height:42px;
text-align:center;
display:block;
font-size:16px;
color:#dcdcdc;
background:none;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
color:#247fe1;
}
.sidebar .sidebar-title h3{
font-size:20px;
color:#1a1a1a;
font-weight:800;
text-transform:uppercase;
}
.sidebar .recent-posts .post{
position:relative;
font-size:13px;
color:#cccccc;
padding-left:90px;
padding-top:8px;
}
.sidebar .recent-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:75px;
}
.sidebar .recent-posts .post .post-thumb img{
display:block;
width:100%;
}
.sidebar .recent-posts .post h4{
font-size:14px;
margin:0px 0px 3px;
line-height:1.4em;
color:#181818;
}
.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover{
color:#247fe1;
}
.sidebar .recent-posts .post h4 a{
color:#181818;
}
.sidebar .recent-posts .post-info{
font-size:13px;
color:#777777;
text-transform:uppercase;
}
.sidebar-page-container .contact-info{
position:relative;
font-size:14px;
margin-bottom:30px;
}
.sidebar-page-container .contact-info .text{
position:relative;
font-size:14px;
margin-bottom:10px;
color:#7f7f7f;
}
.sidebar-page-container .contact-info li{
position:relative;
margin-bottom:5px;
line-height:1.8em;
color:#7f7f7f;
}
.sidebar-page-container .contact-info li strong{
position:relative;
padding-right:10px;
font-weight:600;
color:#292929;
}
.sidebar-page-container .contact-info a{
color:#247fe1;
transition:all 300ms ease-in;
-webkit-transition:all 300ms ease-in;
-ms-transition:all 300ms ease-in;
-o-transition:all 300ms ease-in;
-moz-transition:all 300ms ease-in;
}
.sidebar-page-container .contact-info a:hover{
color:#3d3d3d;
}
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:5px 16px;
margin:0px 5px 12px 0px;
border:1px solid #dcdcdc;
color:#777777;
text-align:center;
font-size:14px;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#247fe1;
border-color:#247fe1;
color:#ffffff;
}
.sidebar .list{
position:relative;
}
.sidebar .list li{
position:relative;
margin-bottom:5px;
line-height:24px;
}
.sidebar .list li a{
position:relative;
display:block;
color:#3d3d3d;
font-size:16px;
font-weight:400;
padding-left:20px;
}
.sidebar .list li a:before {
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
left: 0;
width:20px;
line-height: 24px;
position: absolute;
}
.sidebar .list li a:hover{
color:#247fe1;
}
.sidebar .text-widget{
position:relative;
}
.sidebar .text-widget .text{
font-size:16px;
color:#777777;
}
/***
====================================================================
Single Service
====================================================================
***/
.tabs-box .tabs-content{
position:relative;
}
.tabs-box .tabs-content .tab{
display:none;
}
.tabs-box .tabs-content .tab.active-tab{
display:block;
}
.services-single{
position:relative;
color:#777777;
}
.services-single .service-title{
font-size:30px;
margin-bottom:20px;
color:#181818;
}
.services-single .main-image{
position:relative;
margin-bottom:25px;
}
.services-single .main-image img,
.services-single .image-box img{
display:block;
width:100%;
}
.default-text-block {
margin-bottom:30px;
}
.default-text-block p{
position:relative;
margin-bottom:15px;
}
.default-two-column .image-column{
position:relative;
margin-bottom:25px;
}
.services-single .accordion-box h2{
font-size:22px;
margin-bottom:20px;
}
.blog-container{
position:relative;
padding:0px 0px;
}
.sidebar-page-container .blog-detail blockquote{
position:relative;
margin-top:20px;
padding:5px 20px;
line-height:2em;
font-size:17px;
color:#25292f;
background:none;
font-style:italic;
}
.sidebar-page-container .blog-detail .post-desc h2{
font-size:20px;
margin-bottom:22px;
color:#1a1a1a;
}
.sidebar-page-container .blog-detail .post-desc h3{
font-size:18px;
margin-bottom:10px;
color:#1a1a1a;
}
.sidebar-page-container .blog-detail h4{
font-size:16px;
margin-bottom:20px;
}
.check-list li .fa{
position:relative;
color:#cbda37;
}
.remove-list li .fa{
position:relative;
color:#ff0000;
}
.sidebar-page-container .blog-detail .post-tags{
position:relative;
padding:15px;
font-size:16px;
background:#f5f5f5;
color:#999999;
margin-bottom:50px;
}
.sidebar-page-container .blog-detail .post-tags a{
position:relative;
color:#777777;
font-size:15px;
}
.sidebar-page-container .blog-detail .post-tags a:hover{
color:#00bff3;
}
.social-links-two {
position: relative;
}
.blog-news-section .social-links-two a {
display:inline-block;
margin:0px 3px;
text-align:center;
border-radius: 50%;
color: #444444;
background: #eaeaea none repeat scroll 0 0;
font-size: 13px;
height: 32px;
width:32px;
line-height: 32px
}
.social-links-two a:hover {
background: #247fe1 none repeat scroll 0 0 !important;
border-color: #247fe1;
color: #ffffff !important;
}
.styled-list-one {
position: relative;
}
.styled-list-one li {
position: relative;
line-height: 24px;
margin-bottom: 12px;
padding-left: 25px;
font-size:15px;
}
.styled-list-one li:before {
content: "";
width:8px;
height:8px;
background:#247fe1;
left: 0;
top:8px;
position: absolute;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:30px;
}
.sidebar-page-container .group-title h2{
font-size:24px;
color:#181818;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
}
.sidebar-page-container .comments-area .separator{
margin:20px 0px 40px;
}
.sidebar-page-container .comments-area .comment{
position:relative;
padding:0px 0px 10px 110px;
}
.sidebar-page-container .comments-area .comment .text{
margin-bottom:15px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:50px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
border-radius:50%;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
border-radius:50%;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:10px;
color:#181818;
line-height:24px;
font-size:13px;
}
.sidebar-page-container .comments-area .comment-box strong{
color:#181818;
font-size:18px;
font-weight:400;
font-family: 'Raleway', sans-serif;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
font-style:italic;
text-transform:uppercase;
}
.sidebar-page-container .comments-area .reply-btn{
position:relative;
display:inline-block;
}
.sidebar-page-container .comments-area .reply-btn .fa{
font-size:12px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
position:relative;
margin-bottom:25px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 15px;
color:#222222;
border:1px solid #d0d0d0;
height:42px;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-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:#247fe1;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:10px 15px;
color:#222222;
border:1px solid #d0d0d0;
height:170px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.comment-form button{
position:relative;
display:inline-block;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 5px 10px;
}
.styled-pagination li a{
position:relative;
display:block;
line-height:24px;
padding:6px 5px;
font-size:16px;
text-transform:uppercase;
min-width:40px;
border:1px solid rgba(0,0,0,0.40);
background:#ffffff;
color:#1a1a1a;
text-align:center;
border-radius:3px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a.next,
.styled-pagination li a.prev{
padding:6px 15px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
background:#247fe1;
border-color:#247fe1;
}
/***
====================================================================
Portfolio Style
====================================================================
***/
.portfolio-section{
position:relative;
padding:120px 0px;
}
.portfolio-section .outer-container{
position:relative;
padding:0px 30px;
}
.portfolio-item{
position:relative;
margin-bottom:30px;
}
.portfolio-item .inner-box{
position:relative;
overflow:hidden;
}
.portfolio-item .image-box img{
position:relative;
display:block;
width:100%;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.portfolio-item:hover .image-box img{
opacity:0.80;
}
.portfolio-item .overlay-link{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
padding:20px;
color:#ffffff;
background:rgba(36,127,225,0.70);
text-align:center;
opacity:0;
}
.portfolio-item .overlay-link .icon{
position:absolute;
display:block;
left:0px;
top:50%;
margin-top:-15px;
line-height:30px;
height:30px;
width:100%;
font-size:36px;
}
.portfolio-item:hover .overlay-link{
opacity:1;
-ms-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-op-animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-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;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
}
.map-canvas{
position:relative;
width:100%;
}
.map-canvas .map-data{
text-align:center;
font-size:14px;
font-weight:400;
font-family:'Source Sans Pro',sans-serif;
}
.map-canvas .map-data h6{
font-weight:600;
text-transform:uppercase;
font-size:14px;
text-align:center;
margin-bottom:5px;
color:#181818;
font-family:'Source Sans Pro',sans-serif;
}
/***
====================================================================
Contact Section Style
====================================================================
***/
.contact-section{
position:relative;
padding:120px 0px 80px;
}
.contact-section h2{
font-size:24px;
margin-bottom:25px;
color:#181818;
}
.contact-section .column{
position:relative;
margin-bottom:40px;
}
.contact-section .contact-form .form-group{
position:relative;
margin-bottom:22px;
}
.contact-section .info-column{
padding-left:50px;
}
.contact-section .info-column .info-style-two{
position:relative;
padding:50px 30px;
background:#3d3f43;
color:#ffffff;
font-size:15px;
}
.contact-section .info-column .info-style-two li{
position:relative;
margin-bottom:31px;
padding-left:70px;
}
.contact-section .info-column .info-style-two li:last-child{
margin-bottom:0px;
}
.contact-section .info-column .info-style-two li .icon{
position:absolute;
left:0px;
top:4px;
font-size:20px;
width:44px;
height:44px;
line-height:40px;
border:2px solid #ffffff;
border-radius:50%;
text-align:center;
}
.contact-section .info-column .info-style-two li a{
color:#ffffff;
}
/***
====================================================================
Info Section Style
====================================================================
***/
.info-section{
position:relative;
padding:120px 0px 70px;
}
.info-section .info-column{
position:relative;
margin-bottom:50px;
}
.info-section .info-column .info-inner{
max-width:340px;
margin:0 auto;
border:1px solid #dcdcdc;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.info-section .info-column .upper-title{
line-height:24px;
padding:7px 15px;
font-size:14px;
color:#181818;
text-align:center;
border-bottom:1px solid #dcdcdc;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
text-transform:uppercase;
}
.info-section .info-column .lower{
position:relative;
padding:30px 20px;
}
.info-section .info-column .info-style-one{
position:relative;
color:#777777;
}
.info-section .info-column .info-style-one li{
position:relative;
margin-bottom:24px;
padding-left:70px;
font-size:15px;
}
.info-section .info-column .info-style-one li:last-child{
margin-bottom:0px;
}
.info-section .info-column .info-style-one li h4{
font-size:14px;
color:#181818;
text-transform:uppercase;
}
.info-section .info-column .info-style-one li .icon{
position:absolute;
left:0px;
top:15px;
font-size:20px;
width:44px;
height:44px;
line-height:42px;
border:1px solid #dcdcdc;
border-radius:50%;
text-align:center;
color:#dcdcdc;
}
.info-section .info-column .info-style-one li a{
color:#777777;
}
.info-section .info-column .list{
position:relative;
color:#777777;
font-family: 'Raleway', sans-serif;
}
.info-section .info-column .list li{
position:relative;
margin-bottom:17px;
font-size:14px;
line-height:24px;
}
.info-section .info-column .list li:last-child{
margin-bottom:0px;
}
.info-section .info-column .list li strong{
display:block;
float:left;
padding-right:10px;
font-weight:400;
color:#181818;
}
.info-section .info-column .list li .data{
display:block;
float:right;
font-size:13px;
padding-left:5px;
}
.info-section .info-column:hover .info-inner{
border-color:#247fe1;
}
.info-section .info-column:hover .upper-title{
background:#247fe1;
color:#ffffff;
}
/***
====================================================================
Project Details Section
====================================================================
***/
.project-details{
position:relative;
padding:120px 0px 100px;
color:#777777;
}
.project-details .image-column{
position:relative;
margin-bottom:30px;
}
.project-details .image-box img{
display:block;
width:100%;
}
.project-details .styled-list-one{
margin-bottom:20px;
}
.project-details p{
margin-bottom:20px;
}
.project-details h3{
margin-bottom:15px;
font-size:22px;
color:#181818;
}
.project-details h4{
margin-bottom:2px;
font-size:18px;
color:#181818;
}