/* Professional - Creative Agency & Business HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Quote Box
7. Servives Section
8. Fullwidth Section One
9. Repair Section
10. Tabbed Section
11. Vertical Testimonial
12. Clients Column
13. Facts Counter
14. News Section
15. Main Footer
16. Welcome Section
17. Client Section
18. Repair Block
19. Team Section
20. Testimonial Section
21. Why Us Section
22. Appointment Section
23. Fullwidth Gallery
24. Accordian Section
25. Shop Section
26. Newsletter Section
27. Map Section
28. Shop Single
29. Blog Classic
30. Blog Detail
31. Contact Form
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Roboto:300,400,500,700');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('hover.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.css');
@import url('jquery.bootstrap-touchspin.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Roboto', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color: #48c7ec;
}
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: 'Montserrat', sans-serif;
}
input,button,select,textarea{
}
p{
position:relative;
line-height:1.8em;
font-weight: 300;
font-size: 16px;
margin: 0;
}
.gray-bg{
background-color:#fafafa !important;
}
.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;
}
.centered{
text-align:center;
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
display:inline-block;
margin-left:6px;
}
.social-icon-one li a{
position:relative;
width:38px;
height:38px;
color:#777777;
line-height:36px;
border-radius:50%;
text-align:center;
display:inline-block;
border:1px solid #e2e2e2;
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-one li a:hover{
color:#48c7ec;
border-color:#0a3d55;
background-color:#0a3d55;
}
/*Social Icon Two*/
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
display:inline-block;
margin-left:6px;
}
.social-icon-two li a{
position:relative;
width:38px;
height:38px;
color:#ffffff;
line-height:40px;
border-radius:50%;
text-align:center;
display:inline-block;
background-color:#313131;
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-two li a:hover{
color:#48c7ec;
}
/*Social Icon Three*/
.social-icon-three{
position:relative;
}
.social-icon-three a{
position:relative;
width:38px;
height:38px;
color:#ffffff;
line-height:40px;
border-radius:50%;
text-align:center;
margin-left:5px;
display:inline-block;
background-color:#0a3d55;
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-three a:hover{
background:#48c7ec;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
padding:7px 40px;
line-height:38px;
text-transform:uppercase;
background:#EE8706;
color:#ffffff;
border: 1px solid #48c7ec;
font-size:16px;
font-weight:600;
}
.btn-style-one:hover{
background:#171554;
color:#ffffff;
border-color:#333333;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:7px 40px;
line-height:38px;
text-transform:uppercase;
background:#ffffff;
color:#333333;
border:1px solid #ffffff;
font-size:16px;
font-weight:400;
}
.btn-style-two:hover{
background:#333333;
color:#ffffff;
border-color:#333333;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
padding:8px 36px;
line-height:38px;
background:#124056;
font-size:16px;
font-weight:400;
color:#ffffff;
border:1px solid #124056;
text-transform:uppercase;
}
.btn-style-three:hover{
background:#333333;
color:#ffffff;
border-color:#333333;
}
/*Btn Style Four*/
.btn-style-four{
position:relative;
padding:9px 34px 7px;
line-height:38px;
background:none;
font-size:16px;
font-weight:600;
color:#333333;
border:1px solid #d0d0d0;
text-transform:uppercase;
}
.btn-style-four:hover{
background:#333333;
color:#ffffff;
border-color:#333333;
}
.theme_color{
color:#48c7ec;
}
.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);}
img{
max-width:100%;
height:auto;
}
.video-image-box .image {
position: relative;
margin-top: 25px;
}
.video-image-box img {
display: block;
width: 100%;
}
.video-image-box .image .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: flex;
height: 100%;
font-size: 50px;
align-items: center;
justify-content: center;
color: #48c7ec;
text-align: center;
background: rgba(0, 0, 0, 0.50);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.video-image-box .image .overlay-link:hover {
background: rgba(0, 0, 0, 0.30);
}
.video-image-box .image .overlay-link .icon {
position: absolute;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
width: 58px;
height: 41px;
;
line-height: 43px;
font-size: 60px;
color: #42c0e5;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:40px;
color:#ffffff;
font-size:13px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
border-radius:50%;
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:#000000;
background:#ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header_professional .header-top-one{
position:relative;
font-size:14px;
color:#000000;
border-bottom: 1px solid #f4f4f4;
background-image: linear-gradient(to right, #FFA500 0%, #fda085 51%, #FFA500 100%);
}
.main-header_professional .header-top-one .top-left{
position:relative;
float:left;
}
.main-header_professional .header-top-one .top-links ul li{
position:relative;
float:left;
padding: 13px 0px 13px;
line-height:24px;
color: #000000;
margin-right:30px;
font-size: 16px;
}
.main-header_professional .header-top-one .top-links ul li:last-child {
margin-right: 0px;
}
.main-header_professional .header-top-one .top-links ul li i {
color: #000000;
margin-right: 5px;
}
.main-header_professional .header-top-one ul li a{
position:relative;
color: #848484;
-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_professional .outer-container {
position: relative;
}
.main-header_professional .nav-outer{
position:relative;
float:right;
padding-right: 110px;
}
.main-header_professional .search-box-outer{
position:absolute;
right:0px;
top:50%;
margin-top: -15px;
width: 66px;
height:16px;
}
.main-header_professional .search-box-outer .cart-btn {
position: relative;
display: inline-block;
color: #999;
padding-right: 20px;
margin-right: 12px;
border-right: 1px solid #eaeaea;
}
.main-header_professional .search-box-outer .cart-btn i {
color: #333;
font-size: 16px;
}
.main-header_professional .search-box-outer .dropdown {width: 68px;}
.main-header_professional .search-box-btn{
position:relative;
display: inline-block;
font-size: 16px;
text-align:right;
line-height:17px !important;
padding:0px;
margin:0px;
cursor:pointer;
color: #333;
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_professional .search-box-outer .dropdown-menu {
top: 52px;
border-top: 3px solid #48c7ec;
padding: 0px;
width: 280px;
border-radius: 0px;
}
.main-header_professional .search-panel .form-container{
padding:25px 20px;
}
.main-header_professional .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header_professional .search-panel input[type="text"],
.main-header_professional .search-panel input[type="search"],
.main-header_professional .search-panel input[type="password"],
.main-header_professional .search-panel select{
display:block;
width:100%;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
font-size:14px;
color:#333333;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-header_professional .search-panel input:focus,
.main-header_professional .search-panel select:focus{
border-color:#48c7ec;
}
.main-header_professional .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#333333;
font-size:12px;
background:none;
cursor:pointer;
}
/*end search box*/
.main-header_professional .header-top-one .top-right{
position:relative;
float:right;
}
.main-header_professional .header-top-one .social-links{
position:relative;
padding: 13px 0px;
}
.main-header_professional .header-top-one .social-links li{
position:relative;
float:left;
margin-left:20px;
}
.main-header_professional .header-top-one .social-links li a{
position:relative;
display:block;
line-height:24px;
color: #848484;
}
.main-header_professional .header-top-one .social-links li a:hover{
color:#999;
}
.main-header_professional .lang-dropdown{
position:relative;
float:left;
}
.main-header_professional .lang-dropdown .fa-angle-down{
position:relative;
top:1px;
margin-left:2px;
}
.main-header_professional .toggle-btn{
position:relative;
border:none;
float:left;
display:block;
font-size:16px;
padding:17px 28px;
line-height:25px;
border-radius:0px;
background-color:#48c7ec;
}
.main-header_professional .lang-dropdown .dropdown-menu{
left:0px ;
top:100% ;
width:200px ;
min-width:100%;
border:none ;
border-radius:0px;
padding:0px ;
margin:0px 0px 0px;
border-top:3px solid #08364b ;
}
.main-header_professional .lang-dropdown .dropdown-menu li{
display:block !important;
text-align:left;
margin:0px;
border-bottom:1px solid #f0f0f0;
}
.main-header_professional .lang-dropdown .dropdown-menu li:last-child{
border:none;
}
.main-header_professional .lang-dropdown .dropdown-menu li a{
display:block;
line-height:24px;
padding:8px 15px;
font-size:14px;
color:#272727;
transition:all 300ms ease;
}
.main-header_professional .lang-dropdown .dropdown-menu li a:hover{
background:#48c7ec;
color:#ffffff;
}
.header-style-two{
background:none;
}
.header-style-two .header-lower{
position:relative;
height:45px;
}
.header-style-two .header-lower .main-box{
position:relative;
background:none;
border:0px;
}
.header-style-two .header-lower .main-box .logo-box{
padding:12px 0px 10px;
}
.header-style-two .main-menu .navigation > li{
margin-right:0px;
float:left;
padding:0px !important;
}
.header-style-two .main-menu .navigation > li.dropdown > a{
padding-right:25px;
}
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a{
background-color:#002739;
color:#ffffff;
}
.header-style-two .main-menu .navigation > li > a{
color:#ffffff;
padding:34px 15px;
}
.header-style-three .main-menu .navigation > li > a{
color:#ffffff;
}
.header-style-two .main-menu .navigation > li > a:after{
right:9px !important;
}
.header-style-two .main-menu .navigation > li{
padding:0px 0px;
}
.header-style-two .header-lower .main-box .outer-container{
position:relative;
background-color:#48c7ec;
padding-left:35px;
border-radius:5px;
}
.header-style-two .outer-box{
top:0% !important;
margin-top:0px !important;
}
.header-style-two .toggle-btn{
border-radius:0px 4px 4px 0px;
background-color:#8ac045;
padding:33px 28px;
}
.main-header_professional.fixed-header .main-box .logo-box{
padding: 21px 0px;
}
.main-header_professional.fixed-header .main-menu .navigation > li{
padding:34px 0px;
}
.header-style-two.fixed-header .main-box{
background-color:#48c7ec;
border:0px !important;
}
.header-style-two.fixed-header .outer-container{
background:#48c7ec !important;
border-radius:0px !important;
padding-left:0px !important;
}
.main-header_professional .header-top-two{
position:relative;
padding-top:22px;
padding-bottom:22px;
border-top:2px solid #48c7ec
}
.main-header_professional .header-top-two .top-left{
float:left;
}
.main-header_professional .header-top-two .top-right{
float:right;
}
.header-top-two .info-links{
position:relative;
}
.header-top-two .info-links li{
position:relative;
padding-right:15px;
margin-right:12px;
line-height:1em;
display:inline-block;
border-right:1px solid #777777;
}
.header-top-two .info-links li:last-child{
margin-right:0px;
padding-right:0px;
border:0px;
}
.header-top-two .info-links li a{
color:#777777;
font-size:15px;
font-family: 'Roboto', sans-serif;
}
.header-top-two .info-links li a strong{
font-size:17px;
font-weight:700;
}
.header-top-two .info-links li a .icon{
position:relative;
color:#48c7ec;
margin-right:5px;
}
.header-style-three{
position:absolute;
background:none;
}
.header-style-three .header-top{
padding:10px 0px;
background-color:rgba(0,39,57,0.70);
}
.header-style-three .header-top .top-left{
padding:0px;
}
.header-style-three .header-top .top-left .toggle-btn{
background:none;
padding:0px;
margin-top:6px;
padding-right:15px;
margin-right:15px;
}
.header-style-three .header-top .top-left .lang-dropdown .toggle-btn:after{
position:absolute;
content:'';
right:0px;
top:8px;
width:1px;
height:13px;
background-color:#9aa4aa;
}
.header-style-three .main-box{
background:none !important;
border:0px !important;
}
.header-style-three.fixed-header .main-box{
background-color:#002739 !important;
}
.header-style-three .nav-outer .outer-box{
margin-top:-22px !important;
}
.header-style-three .header-top .social-icon a{
border: 1px solid #b4b4b4;
background:none;
line-height: 35px;
height: 36px;
border-radius: 50%;
}
.header-style-three .info-box{
position:relative;
float: left;
margin-top: 6px;
}
.header-style-three .info-box li{
position: relative;
padding-right: 15px;
margin-right: 12px;
line-height: 1em;
display: inline-block;
}
.header-style-three .info-box li a{
position:relative;
color: #ffffff;
font-size: 15px;
font-family: 'Roboto', sans-serif;
}
.header-style-three .info-box li a .icon{
position:relative;
color: #48c7ec;
margin-right: 5px;
}
.main-header_professional .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header_professional.fixed-header .main-box{
position:fixed;
padding:0px 0px;
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;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.04);
}
.main-header_professional .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:20;
padding: 5px 0px;
}
.main-header_professional .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
height: 80px;
-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_professional .nav-toggler{
position:absolute;
right:110px;
top:50%;
margin-top:-18px;
display:none;
}
.main-header_professional .nav-toggler button{
position:relative;
display:block;
height:36px;
width:40px;
background:#fc721e;
color:#ffffff;
text-align:center;
font-size:16px;
line-height:34px;
border:1px solid #fc721e;
border-radius:3px;
font-weight:normal;
}
.main-header_professional .nav-outer{
position:relative;
float:right;
}
.main-header_professional.header-style-three .nav-outer{
padding-right: 170px;
}
.main-menu{
position:relative;
-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:0px;
}
.main-menu .navigation > li{
position:relative;
display:inline-block;
padding:41px 0px;
margin:0px 25px 0px 0px;
}
.main-menu .navigation > li.dropdown > a{
padding-right:15px;
}
.main-menu .navigation > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:50%;
margin-top:-15px;
width:10px;
height:30px;
display:block;
line-height:30px;
font-size:14px;
font-weight:normal;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#444444;
line-height:24px;
text-transform:uppercase;
letter-spacing:0px;
opacity:1;
font-weight:700;
font-size: 13px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
color:#EE8706;
opacity:1;
}
.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 #ffa500;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-o-transform-origin:top;
-moz-transform-origin:top;
transform-origin:top;
-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);
}
.light-version .main-box .main-menu .navigation > li > ul{
margin-top:-20px;
}
.header-style-three .main-menu .navigation > li > ul{
margin-top:-20px;
}
.header-style-three.fixed-header .main-menu .navigation > li > ul{
margin-top:0px;
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top: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;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.main-menu .navigation > li > ul > li{
position:relative;
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:12px 20px 12px 40px;
line-height:24px;
font-weight:600;
font-size:13px;
text-transform:uppercase;
color:#242424;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navigation > li > ul > li > a:before{
font-family: 'FontAwesome';
content: "\f10c";
position:absolute;
left:20px;
top:12px;
width:10px;
height:24px;
display:block;
line-height:24px;
font-size:10px;
font-weight:normal;
z-index:5;
}
.main-menu .navigation > li > ul > li > a:after{
font-family: 'FontAwesome';
content: "\f111";
position:absolute;
left:23px;
top:12px;
width:10px;
height:24px;
display:block;
line-height:24px;
font-size:3px;
font-weight:normal;
z-index:5;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#EE8706;
background:#f9f9f9;
}
/*.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:15px;
width:10px;
height:24px;
display:block;
line-height:24px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}*/
.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 #48c7ec;
-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);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-o-transform-origin:top;
-moz-transform-origin:top;
transform-origin:top;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
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 > ul > li > a{
position:relative;
display:block;
padding:12px 20px 12px 40px;
line-height:24px;
font-weight:600;
font-size:13px;
text-transform:uppercase;
color:#242424;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:before{
font-family: 'FontAwesome';
content: "\f10c";
position:absolute;
left:20px;
top:12px;
width:10px;
height:24px;
display:block;
line-height:24px;
font-size:10px;
font-weight:normal;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li > a:after{
font-family: 'FontAwesome';
content: "\f111";
position:absolute;
left:23px;
top:12px;
width:10px;
height:24px;
display:block;
line-height:24px;
font-size:3px;
font-weight:normal;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:#48c7ec;
background:#f9f9f9;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position: absolute;
right: 4px;
top: 4px;
width: 40px;
height:34px;
text-align: center;
font-size: 20px;
line-height: 34px;
color: #48c7ec;
background:#ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header_professional .nav-outer .outer-box{
position: absolute;
right: 0px;
top: 50%;
z-index: 12;
margin-top: -15px;
}
.main-header_professional .nav-outer .outer-box .contact-number{
color:#333333;
font-size:22px;
font-weight:700;
padding-left:25px;
}
.main-header_professional .nav-outer .outer-box .contact-number:before{
position:absolute;
content:'\f095';
left:0px;
top:0px;
font-size:20px;
color:#48c7ec;
font-family: 'FontAwesome';
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider_professional{
position:relative;
z-index:10;
}
.main-slider_professional .overlay-layer{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.30);
}
.main-slider_professional .blue-layer {
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.30);
}
.main-slider_professional .tp-dottedoverlay{
background:none !important;
}
.main-slider_professional .tp-caption{
z-index:5 ;
}
.main-slider_professional .large-text{
font-weight:700;
color:#ffffff;
font-size:35px;
line-height:1.8em;
font-family: 'Roboto', sans-serif;
}
.main-slider_professional .text{
font-weight:400;
color:#ffffff;
font-size:18px;
line-height:1.8em;
}
.main-slider_professional .text.light{
color:#ffffff;
font-size:30px;
}
.main-slider_professional h2{
font-size:72px;
color:#ffffff;
font-weight:700;
text-transform:capitalize;
line-height:1.2em;
}
.main-slider_professional .video-btn-box{
position:relative;
width:100%;
max-width:76px;
max-height:76px;
margin:0 auto 40px;
}
.main-slider_professional .video-btn-box a{
position:relative;
display:block;
width:82px;
height:82px;
max-width:76px;
max-height:76px;
line-height:68px;
padding:0px;
padding-left:5px;
font-size:20px;
color:#ffffff;
border:4px solid #ffffff;
background:rgba(255,255,255,0.30);
border-radius:50%;
}
.main-slider_professional .video-btn-box a:hover{
color:#48c7ec;
border-color:#48c7ec;
background:#ffffff;
}
.main-slider_professional .btn-style-one{
color:#ffffff;
}
.main-slider_professional .btn-style-one:hover {
color:#48c7ec;
background-color: #fff;
border-color: #fff;
}
.main-slider_professional .btn-style-four{
color:#ffffff;
}
.main-slider_professional .btn-style-four:hover{
color:#48c7ec;
background-color: #fff;
border-color: #fff;
}
.main-slider_professional .btn-style-two{
color:#333333;
}
.main-slider_professional .btn-style-two:hover{
color:#ffffff ;
}
.main-slider_professional .tparrows.preview3 {
cursor: pointer;
min-width: 70px;
min-height: 70px;
position: absolute;
display: block;
z-index: 100;
border-radius: 50%;
overflow: hidden;
background: rgba(255, 255, 255, 0.09);
}
.main-slider_professional .tparrows.preview3::after{
top:0px;
color:#ffffff;
font-size:20px;
height: 70px !important;
line-height: 70px;
width: 70px !important;
padding:0px;
border-radius:5px;
background:rgba(255,255,255,0.0);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.main-slider_professional .tparrows.tp-leftarrow.preview3::after{
content: '\f104';
font-family:'FontAwesome';
}
.main-slider_professional .tparrows.tp-rightarrow.preview3::after{
content: '\f105';
font-family:'FontAwesome';
}
.main-slider_professional .tparrows.preview3.tp-leftarrow{
left:30px !important;
}
.main-slider_professional .tparrows.preview3.tp-rightarrow{
right:30px !important;
}
.main-slider_professional .tparrows.preview3:hover::after{
background:transparent;
color:#48c7ec;
}
.main-slider_professional .tparrows.preview3 .tp-arr-iwrapper{
visibility:hidden;
opacity:0;
display:none;
}
.main-slider_professional .tp-bannertimer,
.main-slider_professional .tp-bullets{
display:none !important;
}
/***
====================================================================
Quote Section
====================================================================
***/
.quote-section{
position:relative;
z-index:10;
}
.quote-section .quote-inner{
position:relative;
margin-top:-40px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.quote-section .quote-inner .content-box{
position:relative;
padding-left:310px;
}
.quote-section .quote-inner .content-box .inner-content{
position:relative;
padding:40px 60px 40px 30px;
background-color:rgba(246,246,246,1);
}
.quote-section .quote-inner .content-box .inner-content:before{
position:absolute;
content:'';
left:-35px;
top:0px;
width:80px;
height:100%;
display:block;
background-color:rgba(246,246,246,1);
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
}
.quote-section .content-box .icon-box{
position:absolute;
left:0px;
top:0px;
color:#ffffff;
font-size:90px;
line-height:1.6em;
width:310px;
padding-right:40px;
height:100%;
text-align:center;
background-color: #48c7ec;
}
.quote-section .content-box h3{
font-size:20px;
font-weight:600;
color:#333333;
text-transform:uppercase;
}
.quote-section .content-box .text{
position:relative;
color:#777777;
font-size:16px;
margin-top:5px;
margin-bottom:0px;
}
.quote-section .content-box .btn-style-three{
margin-top:8px;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
margin-top: -12px;
}
.sec-title h2{
position:relative;
font-size:30px;
font-weight:700;
color:#333333;
line-height:1.6em;
margin-bottom:9px;
text-transform: capitalize;
}
.sec-title h2 span {
color: #48c7ec;
}
.sec-title .separator{
position:relative;
width:120px;
height:20px;
margin-bottom:15px !important;
background:url(../images/icons/separator.png) no-repeat;
}
.sec-title .separator.light {
background:url(../images/icons/separator2.png) no-repeat;
}
.sec-title .text{
position:relative;
font-size:16px;
font-weight:400;
color:#777777;
line-height:1.6em;
max-width:630px;
}
.sec-title.centered{
text-align:center;
}
.sec-title.centered .separator{
margin:0 auto;
background-position:center center;
}
.sec-title.centered .text{
margin:0 auto;
}
/***
====================================================================
Section Title Light
====================================================================
***/
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .text{
color: #ffffff;
}
/***
====================================================================
Services Section
====================================================================
***/
.why-chooseus_professional{
position:relative;
padding: 80px 0px 50px;
}
.why-chooseus_professional.gray-bg {
background: #f7f7f7;
}
.services-style-one{
position:relative;
margin-bottom: 30px;
}
.services-style-one .inner{
position:relative;
border-radius:5px;
padding:40px 35px 0px;
padding-left: 90px;
background: #fff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-one .inner .image-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-style-one .inner .image-layer:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #48c7ec;
}
.services-style-one .inner .icon-box{
position: absolute;
color:#48c7ec;
font-size: 40px;
left: 30px;
line-height:1em;
margin-bottom:20px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-one .inner h3{
position:relative;
font-weight:600;
font-size: 18px;
padding-bottom:15px;
text-transform: capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-one .inner h3 a{
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-one .inner .text{
position:relative;
line-height:1.8em;
color:#777777;
font-size:16px;
padding-bottom: 25px;
}
.services-style-one .inner .arrow-box{
position:relative;
width:50px;
height:50px;
color:#14445a;
text-align: center;
top: 16px;
line-height:48px;
border-radius:50%;
display:inline-block;
margin-bottom: -10px;
background-color: #ffffff;
}
.services-style-one .inner:hover .icon-box,
.services-style-one .inner:hover h3 a,
.services-style-one .inner:hover .text{
color:#ffffff;
}
.services-style-one .inner:hover .arrow-box{
background-color:#48c7ec;
border-color:#48c7ec;
color:#ffffff;
}
.services-style-one .inner:hover .image-layer{
opacity:1;
}
/***
====================================================================
Default Section One
====================================================================
***/
.default-section{
position:relative;
padding: 80px 0 40px;
}
.default-section .left-column{
position: relative;
margin-bottom: 40px;
}
/*list style*/
.list-style{
position:relative;
margin-bottom:30px;
margin-top: 40px;
}
.list-style li{
position:relative;
color: #222;
font-size:18px;
font-weight:600;
padding-left:50px;
font-family: 'Montserrat', sans-serif;
text-transform: capitalize;
}
.list-style:after{
position:absolute;
content:'';
right:10px;
top:0px;
height:100%;
border-right: 1px dashed #ffffff;
}
.list-style:last-child::after{
display:none;
}
.list-style li .icon{
position:absolute;
left:0px;
top:5px;
line-height:1em;
font-size:34px;
color: #48c7ec;
font-weight:400;
}
/*list style one*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
padding-left:50px;
color: #aaa;
font-size:15px;
line-height:1em;
margin-bottom:25px;
}
.list-style-one li .icon{
position:absolute;
left:0px;
top:0px;
color:#48c7ec;
font-size:16px;
min-width:30px;
line-height:1em;
padding-right:15px;
border-right:1px solid #5a5a5a;
}
.default-section .img-box {
margin-top: 3px;
margin-bottom: 50px;
}
/***
====================================================================
services section
====================================================================
***/
.services-style-two{
position:relative;
margin-bottom:50px;
}
.services-style-two .inner{
position:relative;
}
.services-style-two .inner .image-box{
position:relative;
}
.services-style-two .inner .image-box a img{
position:relative;
display:block;
width:100%;
}
.services-style-two .inner .image-box .icon-box {
position: absolute;
width: 60px;
height: 60px;
color: #fff;
background: #48c7ec;
line-height: 60px;
text-align: center;
font-size: 30px;
right: 15px;
bottom: 0;
}
.services-style-two .inner .lower-box{
position:relative;
background: #fff;
border-top:0px;
padding:30px 30px 30px;
}
.services-style-two .inner .lower-box h3{
position:relative;
font-size:20px;
font-weight:600;
margin-bottom:20px;
text-transform:capitalize;
}
.services-style-two .inner .lower-box h3 a{
position:relative;
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-two .inner .lower-box h3 a:hover{
color:#ffa500;
}
.services-style-two .inner .lower-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
font-weight: 300;
}
.tab-section{
position:relative;
padding:135px 0px 115px;
}
.tab-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,39,57,0.97);
}
/***
====================================================================
========= Work Tabs Style
===========================================================
***/
.work-info-tabs{
position:relative;
margin-top:60px;
}
.works-tabs{
position:relative;
}
.works-tabs .tab-btns{
position:relative;
z-index:1;
text-align:center;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.15);
}
.works-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:inline-block;
margin-right:40px;
margin-bottom:10px;
font-size:15px;
color:#ffffff;
font-weight:600;
line-height:24px;
cursor:pointer;
text-transform:uppercase;
transition:all 500ms ease;
font-family: 'Montserrat', sans-serif;
}
.works-tabs .tab-btns .tab-btn:hover,
.works-tabs .tab-btns .tab-btn.active-btn{
color:#48c7ec;
}
.works-tabs .tabs-content{
position:relative;
}
.works-tabs .tabs-content .tab{
position:relative;
padding:50px 0px 0px;
display:none;
}
.works-tabs .tabs-content .tab.active-tab{
display:block;
}
/*default portfolio item*/
.default-portfolio-item{
position:relative;
padding-bottom:30px;
}
.default-portfolio-item .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.default-portfolio-item .image-box{
position:relative;
display:block;
}
.default-portfolio-item .image-box img{
position:relative;
display:block;
width:100%;
}
.default-portfolio-item .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
color:#ffffff;
background:rgba(157,209,91,0.90);
opacity:0;
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transform:translate(-100%,0%);
-ms-transform:translate(-100%,0%);
-o-transform:translate(-100%,0%);
-moz-transform:translate(-100%,0%);
transform:translate(-100%,0%);
}
.default-portfolio-item .inner-box:hover .overlay-box{
opacity:1;
-webkit-transform:translate(0%);
-ms-transform:translate(0%);
-o-transform:translate(0%);
-moz-transform:translate(0%);
transform:translate(0%);
}
.default-portfolio-item .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 30px;
}
.default-portfolio-item .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .overlay-inner h3{
font-size:18px;
color:#ffffff;
font-weight:600;
margin-bottom:12px;
letter-spacing:1px;
text-transform:capitalize;
}
.default-portfolio-item .overlay-inner h3 a{
color:#ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-portfolio-item .overlay-inner h3 a:hover{
color:#0a3d55;
}
.default-portfolio-item .overlay-inner .image-link{
position:relative;
display:inline-block;
font-size:16px;
color:#ffffff;
width:46px;
height:46px;
margin:0px 5px;
line-height:44px;
border-radius:50%;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color:#0a3d55;
}
.default-portfolio-item .overlay-inner .image-link .icon{
position:relative;
}
.default-portfolio-item .overlay-inner .image-link:hover{
background:#ffffff;
color:#0a3d55;
}
/***
====================================================================
Fancy Box
====================================================================
***/
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/***
====================================================================
testimonials Section
====================================================================
***/
.testimonials-section_professional{
position:relative;
padding: 80px 0px 30px;
}
.testimonials-section_professional .column .sec-title{
margin-bottom:30px;
}
.sponsors-style-one{
position:relative;
}
.sponsors-style-two {
position:relative;
padding: 80px 0;
}
.sponsors-style-one:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:9;
border:1px solid #ffffff;
}
.sponsors-style-one .column{
position:relative;
padding: 20px 0px;
border-right: 1px dashed #e3e3e3;
border-bottom: 1px dashed #e3e3e3;
}
.sponsors-style-one .column .image-box{
position:relative;
z-index:10;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sponsors-style-one .column .image-box a{
position:relative;
display:block;
width:100%;
text-align:center;
}
.sponsors-style-one .column .image-box img{
position:relative;
max-width:100%;
opacity:0.7;
display:inline-block;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sponsors-style-one .column .image-box:hover img{
opacity:1;
}
.testimonials-column .slick-dots{
display:none !important;
}
.testimonials-column .prev-btn{
position:absolute;
right:0px;
top:0px;
width:35px;
height:35px;
color:#e5e5e5;
background:none;
border:1px solid #e5e5e5;
border-bottom:0px;
z-index:10;
text-align:center;
cursor:pointer;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonials-column .next-btn{
position:absolute;
right:0px;
top:35px;
width:35px;
height:35px;
color:#e5e5e5;
background:none;
border:1px solid #e5e5e5;
border-top:0px;
text-align:center;
cursor:pointer;
z-index:12;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonials-column .next-btn:hover,
.testimonials-column .prev-btn:hover{
color:#414141;
}
/*Testimonial Block*/
.testimonial-block{
position:relative;
margin-bottom: 50px;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .inner-box .author-info{
position:relative;
padding-left:98px;
min-height:76px;
margin-bottom:25px;
}
.testimonial-block .inner-box .author-info .image{
position:absolute;
left:0px;
top:0px;
width:76px;
height:76px;
border-radius:50%;
overflow:hidden;
}
.testimonial-block .inner-box .author-info h3{
position:relative;
color:#333333;
font-size:18px;
font-weight:600;
padding-top:10px;
text-transform:uppercase;
display:inline-block;
}
.testimonial-block .inner-box .author-info .designation{
color:#777777;
font-size:14px;
}
.testimonial-block .inner-box .author-info .quote-icon{
position:absolute;
right:0px;
top:20px;
color:#48c7ec;
font-size:32px;
}
.testimonial-block .inner-box .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:10px;
}
/***
====================================================================
parallax section
====================================================================
***/
.parallax-two {
position: relative;
padding: 80px 0;
background: #333;
background-attachment: fixed;
background-position: center;
text-align: center;
}
.parallax-two:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(24, 24, 24, 0.9);
}
.parallax-two h2 {
color: #fff;
font-weight: 700;
margin-bottom: 30px;
}
.parallax-two p {
color: #fff;
margin-bottom: 30px;
}
.parallax-two .theme-btn {
margin: 0 10px;
}
/***
====================================================================
Testimonial Section two
====================================================================
***/
.testimonial-section{
position: relative;
padding: 80px 0px 80px;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial-section:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.69);
}
.testimonial-section .image-box{
position: absolute;
left: -200px;
top: -160px;
}
.testimonial-section .column .inner-box{
padding-left: 225px;
}
.testimonial-section .column .inner-box h2{
font-weight: 800;
font-size: 32px;
color: #ffffff;
line-height: 1.2em;
margin-bottom:40px;
font-family: 'Catamaran', sans-serif;
}
.testimonial-style-one{
position: relative;
}
.testimonial-style-one .number{
position: relative;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 1em;
padding-bottom: 10px;
letter-spacing: 1px;
display: inline-block;
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.testimonial-style-one .text{
position: relative;
color: #dddddd;
font-size: 16px;
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid rgba(255, 255, 255, 0.23);
padding: 25px 30px;
font-weight: 300;
}
.testimonial-style-one .author-info{
position: relative;
padding-left: 85px;
padding-top: 5px;
min-height: 67px;
}
.testimonial-style-one .author-info .author-thumb{
position: absolute;
left: 0px;
top: 0px;
width: 67px;
height: 67px;
border-radius: 50%;
}
.testimonial-style-one .author-info .author-thumb img{
position: relative;
width: 100%;
border-radius: 50%;
}
.testimonial-style-one .author-info h4{
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
}
.testimonial-style-one .author-info .designation{
position: relative;
font-size: 14px;
color: #bcbcbc;
}
.testimonial-column .owl-nav {
position: absolute;
right: 0px;
bottom: 12px;
}
.testimonial-column .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
margin: 0px 0px 0px 1px;
width: 40px;
height: 40px;
padding: 0px;
color: #979599;
font-size: 15px;
line-height: 36px;
margin-left:8px;
text-align: center;
border-radius: 2px;
border:1px solid #979599;
background-color:inherit;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-column .owl-nav [class*="owl-"]:hover{
background-color: #48c7ec;
border-color: #48c7ec;
color:#ffffff;
}
.testimonial-column .owl-dots {
display: none ;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section_professional{
position:relative;
padding:80px 0px 50px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
background-color:#fafafa;
background-attachment: fixed;
}
.counter-section_professional:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.85);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fact-counter .column{
position:relative;
margin-bottom:40px;
}
.fact-counter .column .inner{
position:relative;
}
.fact-counter .column .content{
position:relative;
text-align: center;
}
.fact-counter .column .content .icon-box {
color: #48c7ec;
font-size: 50px;
margin-bottom: 40px;
}
.fact-counter .count-outer{
position:relative;
font-size: 48px;
line-height:42px;
font-weight: 700;
color: #fff;
}
.fact-counter .count-outer .plus-tag{
position:relative;
font-size:40px;
margin-left:-10px;
}
.fact-counter .column .counter-title{
position:relative;
font-size:16px;
line-height:24px;
color: #ffffff;
margin-top: 16px;
text-transform: uppercase;
}
.news-section_professional{
position:relative;
padding: 80px 0px 30px;
}
.blog-classic .styled-pagination{
margin-top:90px;
}
.blog-grid .styled-pagination{
margin-top:40px;
}
.news-style-one{
position:relative;
margin-bottom:50px;
}
.news-style-one .inner{
position:relative;
}
.news-style-one .inner .image{
position:relative;
}
.news-style-one .inner .image img{
position:relative;
width:100%;
display:block;
}
.news-style-one .inner .image .date-box{
position:absolute;
bottom: 10px;
left: 10px;
padding: 10px 20px;
z-index:1;
color:#ffffff;
font-size: 20px;
min-width:80px;
line-height: 20px;
font-weight:700;
text-align:center;
display:inline-block;
background-color:#48c7ec;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.news-style-one .inner .image .date-box span{
font-size: 18px;
}
.news-style-one .inner .lower-box{
position:relative;
padding-top:20px;
background: #fff;
padding: 25px 30px;
box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.08);
}
.news-style-one .inner .lower-box .upper-content{
position:relative;
}
.news-style-one .inner .lower-box .upper-content h3{
position:relative;
font-size: 16px;
font-weight: 700;
color:#333333;
margin-bottom:5px;
}
.news-style-one .inner .lower-box .upper-content h3 a{
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-style-one .inner .lower-box .upper-content h3 a:hover{
color:#48c7ec;
}
.news-style-one .inner .lower-box .upper-content .meta-option{
position:relative;
}
.news-style-one .inner .lower-box .upper-content .meta-option li{
position: relative;
margin-right: 25px;
color: #777777;
font-size: 14px;
display: inline-block;
}
.news-style-one .inner .lower-box .upper-content .meta-option li:after{
position:absolute;
content:'';
right: -13px;
top: 6px;
width:1px;
height:13px;
background-color:#898989;
}
.news-style-one .inner .lower-box .upper-content .meta-option li:last-child::after{
display:none;
}
.news-style-one .inner .lower-box .upper-content .meta-option li a{
position: relative;
color: #777777;
font-size: 14px;
padding-left: 20px;
}
.news-style-one .inner .lower-box .upper-content .meta-option li a .icon{
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #48c7ec;
line-height: 1em;
}
.news-style-one .inner .lower-box .text{
position:relative;
color:#777777;
font-size:16px;
margin-top:15px;
margin-bottom:10px;
font-weight: 300;
}
.news-style-one .inner .lower-box .text p{
color:#777777;
font-size:16px;
margin-bottom:15px;
}
.news-style-one .inner .lower-box .meta-option li a {
color: #999;
}
.news-style-one .inner .lower-box .meta-option li a span {
color: #48c7ec;
margin-right: 5px;
}
.news-style-one .inner .lower-box .text blockquote{
position:relative;
color:#777777;
font-size:17px;
padding:45px 65px;
font-style:italic;
margin-top:25px;
margin-bottom:25px;
border:2px solid #48c7ec;
}
.news-style-one .inner .lower-box .text blockquote .text{
margin:0px;
line-height:1.4em;
display:inline-block;
}
.news-style-one .inner .lower-box .text blockquote .icon-left{
position:absolute;
left:-35px;
top:-20px;
color:#eaeaea;
font-size:28px;
}
.news-style-one .inner .lower-box .text blockquote .icon-right{
position:relative;
right:-10px;
bottom:-10px;
color:#eaeaea;
font-size:28px;
}
.news-style-one .inner .lower-box .read-more{
position:relative;
color:#002739;
font-size:13px;
font-weight:900;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.news-style-one .inner .lower-box .read-more:hover{
color:#48c7ec;
}
.blog-single .post-share-options{
position:relative;
padding:20px 0px 10px;
margin-top:20px;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
}
.blog-single .post-share-options .tags a{
position:relative;
color:#48c7ec;
font-size:16px;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
.blog-single .post-share-options .tags{
padding-top:2px;
color:#333333;
font-weight:600;
margin-bottom:15px;
font-family: 'Montserrat', sans-serif;
}
.map-canvas{
height:410px;
}
.info-block{
position:relative;
margin-bottom:40px;
}
.info-block .inner{
position:relative;
padding:25px 35px;
padding-left:150px;
border:1px solid #11465e;
}
.info-block .inner .icon-box{
position: absolute;
left: 35px;
top: 38px;
text-align: center;
width: 80px;
height: 80px;
line-height: 82px;
background: #154d67;
font-size: 34px;
color: #48c7ec;
border-radius: 50%;
box-shadow: 0px 0px 0px 6px #073449;
}
.info-block .inner h3{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:600;
text-transform:uppercase;
}
.info-block .inner .text{
color:#bfbfbf;
font-size:15px;
line-height:1.6em;
margin-top:10px;
margin-bottom:5px;
}
.info-block .inner .visit{
position:relative;
color:#48c7ec;
font-size:13px;
font-weight:900;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer_professional{
position:relative;
color:#9b9b9b;
background: #1d1d1d;
}
.main-footer_professional .footer-upper{
position:relative;
padding: 80px 0px 30px;
color: #999;
}
.main-footer_professional .footer-upper .column{
position:relative;
margin-bottom:40px;
}
.footer-upper .column h3{
position:relative;
font-size: 20px;
line-height:30px;
margin-bottom:32px;
padding-bottom: 15px;
color:#ffffff;
text-transform: capitalize;
font-weight: 600;
}
.footer-upper .column h3.logo-text{
font-size:36px;
font-weight:700;
}
.main-footer_professional .about-widget{
font-size:15px;
}
.main-footer_professional .about-widget .footer-logo {
margin-bottom: 25px;
}
.main-footer_professional .about-widget p {
margin-bottom: 15px;
font-size: 16px;
}
.main-footer_professional .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_professional .footer-upper a:hover{
color:#ffffff;
}
.footer-upper .links-widget li{
position:relative;
margin-bottom: 12px;
border-bottom: 1px solid #2b2b2b;
padding-bottom: 13px;
}
.footer-upper .links-widget li a{
position:relative;
display:block;
font-size:15px;
padding-left: 20px;
color: #888;
line-height:20px;
}
.footer-upper .links-widget li a:before {
position: absolute;
content: "\f105";
font-family: FontAwesome;
font-size: 16px;
left: 0;
top: -2px;
}
.footer-upper .links-widget li a:hover{
color:#ffffff;
}
.main-footer_professional .social-links a{
position:relative;
display:inline-block;
font-size:16px;
width:44px;
height:44px;
line-height:44px;
text-align:center;
margin: 10px 5px 0px 0px;
color:#9b9b9b;
border: 1px solid #9b9b9b;
border-radius: 5px;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.main-footer .social-links a:hover{
color:#ffffff;
background:#48c7ec;
}
.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:#48c7ec;
}
.footer-upper .twitter-feeds .feed .time{
position:relative;
color:#ffffff;
font-size:14px;
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_professional .newsletter-widget .form-group{
position:relative;
margin-bottom: 26px;
margin-top: 20px;
}
.main-footer_professional .newsletter-widget input[type="text"],
.main-footer_professional .newsletter-widget input[type="email"]{
position:relative;
display:block;
width:100%;
line-height: 20px;
padding:11px 50px 11px 15px;
background: #ffffff;
border:1px solid rgba(255,255,255,0.05);
border-radius:5px;
}
.main-footer_professional .newsletter-widget input[type="text"]:focus,
.main-footer_professional .newsletter-widget input[type="email"]:focus{
background:#181818;
}
.main-footer_professional .newsletter-widget input[type="submit"],
.main-footer_professional .newsletter-widget button{
position:absolute;
right:0px;
top:0px;
width: 44px;
height: 44px;
line-height: 44px;
text-align:center;
font-size: 16px;
color:#ffffff;
background: #48c7ec;
border-radius:0px 5px 5px 0px;
}
.main-footer_professional .newsletter-widget input:focus+button,
.main-footer_professional .newsletter-widget button:hover{
background:#888888;
}
.main-footer_professional .confid{
position:relative;
font-size:14px;
color:#9b9b99;
margin-bottom:20px;
margin-top: 20px;
}
.main-footer_professional .contact-info{
font-size:16px;
}
.main-footer_professional .contact-info li{
margin-bottom:10px;
}
.main-footer_professional .contact-info li h4{
font-size:16px;
color:#ffffff;
margin-bottom:5px;
}
.main-footer_professional .contact-info li a{
color:#9b9b9b;
}
.main-footer_professional .popular-project {
position: relative;
}
.main-footer_professional .popular-project .row-10 {
margin: 0 -5px;
}
.main-footer_professional .popular-project li {
padding: 0 3px 10px;
display: inline-block;
}
.main-footer_professional .popular-project li a {
position:relative;
display: block;
}
.main-footer_professional .popular-project li a:before {
position: absolute;
content: "\f0c1";
background: rgba(68, 68, 68, 0.86);
left: 0;
font-family: FontAwesome;
top: 0;
color: #fff;
right: 0;
display: flex;
bottom: 0;
align-items: center;
justify-content: center;
opacity: 0;
transition: .7s ease;
}
.main-footer_professional .popular-project li a:hover:before {
opacity: 1;
-webkit-transition: .7s ease;
-moz-transition: .7s ease;
-ms-transition: .7s ease;
-o-transition: .7s ease;
transition: .7s ease;
}
.main-footer_professional .popular-project li a {
display: block;
}
.main-footer_professional .quote-form .form-group{
position:relative;
margin-bottom:10px;
}
.main-footer_professional .quote-form .form-group input[type="text"],
.main-footer_professional .quote-form .form-group input[type="email"],
.main-footer_professional .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_professional .quote-form .form-group textarea{
resize:none;
height:100px;
}
.main-footer_professional .quote-form .form-group input[type="text"]:focus,
.main-footer_professional .quote-form .form-group input[type="email"]:focus,
.main-footer_professional .quote-form .form-group textarea:focus{
background:#181818;
}
.main-footer_professional .quote-form button{
padding:9px 30px;
}
.main-footer_professional .popular-posts .post{
position:relative;
font-size:15px;
color:#696969;
padding:0px 0px;
padding-left:95px;
min-height:95px;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.main-footer_professional .popular-posts .post:last-child{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:none;
}
.main-footer_professional .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:75px;
border-radius:50%;
}
.main-footer_professional .popular-posts .post .post-thumb img{
display:block;
width:100%;
}
.main-footer_professional .popular-posts .text{
font-size:15px;
line-height:1.5em;
color:#222222;
font-weight:500;
margin:0px 0px 5px;
}
.main-footer_professional .popular-posts .text a{
color: #999;
font-weight: 700;
}
.main-footer_professional .popular-posts .text a:hover{
color:#48c7ec;
}
.main-footer_professional .popular-posts .post-meta li{
position:relative;
display:inline-block;
line-height:24px;
font-size:13px;
margin-right:10px;
}
.main-footer_professional .popular-posts .post-meta li a{
color: #48c7ec;
font-family: 'Montserrat', sans-serif;
}
.main-footer_professional .popular-posts .post-meta li a i {
color: #48c7ec;
margin-right: 5px;
}
.main-footer_professional .popular-posts .post-meta li .fa{
padding-right:3px;
}
.footer-bottom {
position:relative;
padding:24px 0px;
line-height:22px;
color:#b3b3b3;
background: #161717;
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:#b3b3b3;
}
.footer-bottom .footer-nav li a:hover {
color:#ffffff;
}
/***
=============================================
Latest Blog-v2 Area style
=============================================
***/
.footer-top-area_professional {
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 27px;
padding-top: 35px;
position: relative;
z-index: 1;
}
.footer-top-area_professional::before {
background: #FFA500 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.footer-top-area_professional .single-item {
padding-left: 60px;
position: relative;
}
.footer-top-area_professional .single-item .iocn-holder {
position: absolute;
top: 0;
left: 0;
width: 60px;
border-right: 1px solid #000000;
height: 150px;
display: block;
padding: 25px 0;
}
.footer-top-area_professional .single-item .iocn-holder span:before {
color: #000000;
font-size: 40px;
}
.footer-top-area_professional .single-item .text-holder {
padding-left: 24px;
}
.footer-top-area_professional .single-item .text-holder h3 {
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
margin: 0 0 12px;
}
.footer-top-area_professional .single-item .text-holder p{
color: #000000;
font-size: 14px;
margin: 0;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section_professional {
position:relative;
padding-top: 80px;
}
.welcome-section_professional .single-item {
padding: 17px 0px;
text-align: center;
text-transform: capitalize;
color: #8c8c8c;
margin-bottom: 50px;
}
.welcome-section_professional .single-item .icon-box {
position: relative;
overflow: hidden;
width: 100px;
height: 100px;
background: #f4f4f4;
border-radius: 50%;
text-align: center;
line-height: 100px;
color: #48c7ec;
font-size: 40px;
margin: 0 auto;
}
.welcome-section_professional .single-item .icon-box:before {
position: absolute;
content: '';
background: #48c7ec;
width: 100%;
height: 100%;
border-radius: 50%;
left: 0;
top: 0;
transform: scale(0,0);
transition: .5s ease;
}
.welcome-section_professional .single-item:hover .icon-box:before {
transform: scale(1,1);
transition: .5s ease;
}
.welcome-section_professional .single-item:hover .icon-box span {
position: relative;
color: #fff;
transition: .5s ease;
}
.welcome-section_professional .single-item h3{
color: #333;
font-size: 18px;
margin-bottom: 12px;
font-weight: 700;
margin-top: 26px;
}
.welcome-section_professional .single-item a, .post_text a {
color: #222;
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
position: relative;
}
.welcome-section_professional .single-item a i, .post_text a i{
color: #16a0e0;
display: inline-block;
font-size: 20px;
margin-left: 9px;
position: absolute;
top: 2px;
}
.welcome-section_professional .single_service a:hover{
color: #16a0e0;
}
.welcome-section_professional .single_service a:hover i{
margin-left: 10px
}
.about-section_professional {
position:relative;
padding-top: 90px;
padding-bottom: 40px;
}
.about-section_professional .video-column,
.about-section_professional .content-column {
margin-bottom: 50px;
}
.about-section_professional .content-column h2 {
color: #222;
font-weight: 700;
}
/***
====================================================================
Client Section
====================================================================
***/
.client-section_professional{
position:relative;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
}
.client-section_professional .clinet-inner{
position:relative;
border:0px;
padding:80px 0px 30px;
}
.client-section_professional .title-column{
position:relative;
margin-bottom:50px;
}
.client-section_professional .title-column .sec-title{
margin-bottom:20px;
}
.client-section_professional .title-column .text{
position:relative;
color:#bfbfbf;
}
.client-section_professional .carousel-column{
position:relative;
text-align:center;
margin-bottom:40px;
}
.client-section_professional .sponsors-outer .owl-nav{
display:none !important;
}
.client-section_professional .carousel-column .image-box img{
display:inline-block;
width: auto;
max-width: 100%;
transition: all 0.300s ease;
-moz-transition: all 0.300s ease;
-webkit-transition: all 0.300s ease;
-ms-transition: all 0.300s ease;
-o-transition: all 0.300s ease;
}
.client-section_professional:before{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
content:'';
background-color: rgba(0,39,57,0.95);
}
.client-section_professional .sec-title h2{
color:#ffffff;
}
.client-section_professional .carousel-column .image-box a img{
border:1px solid #34515f;
opacity:1;
}
/***
====================================================================
Repair Section
====================================================================
***/
.repair-section{
position:relative;
padding:135px 0px 100px;
}
.repair-section .image-column{
position:relative;
margin-bottom:20px;
}
.repair-section .image-column .column{
margin-bottom:25px;
}
.repair-section .image-column .column .inner .text{
position:relative;
color:#333333;
font-size:16px;
font-weight:600;
text-align:center;
margin-top:22px;
text-transform:uppercase;
}
.repair-section .image-column .column.before .inner:after{
position:absolute;
content:'';
left:80%;
bottom:-20px;
width:142px;
height:40px;
background:url(../images/icons/curve-arow.png) no-repeat;
}
.repair-section .image-column .image{
position:relative;
text-align:center;
/*padding:0px 20px;
padding-right:50px;*/
}
.repair-section .image-column .image img{
max-width:100%;
display:inline-block;
}
.repair-section .content-column{
position:relative;
}
.repair-section .content-column .inner-box{
position:relative;
padding-left:30px;
}
.repair-block{
position:relative;
margin-bottom:42px;
}
.repair-block .inner{
position:relative;
padding-left:110px;
}
.repair-block .inner .icon-box{
position:absolute;
left:0px;
top:0px;
width:84px;
height:84px;
color:#48c7ec;
font-size:36px;
text-align:center;
line-height:82px;
border-radius:50%;
background-color:#ffffff;
transition: all 0.300s ease;
-moz-transition: all 0.300s ease;
-webkit-transition: all 0.300s ease;
-ms-transition: all 0.300s ease;
-o-transition: all 0.300s ease;
-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05),0px 0px 10px 1px rgba(0,0,0,0.05);
-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05),0px 0px 10px 1px rgba(0,0,0,0.05);
-o-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05),0px 0px 10px 1px rgba(0,0,0,0.05);
-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05),0px 0px 10px 1px rgba(0,0,0,0.05);
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05),0px 0px 10px 1px rgba(0,0,0,0.05);
}
.repair-block .inner h3{
position:relative;
font-size:20px;
font-weight:600;
line-height:1em;
padding-bottom:20px;
margin-bottom:18px;
text-transform:uppercase;
}
.repair-block .inner h3 a{
color:#333333;
transition: all 0.300s ease;
-moz-transition: all 0.300s ease;
-webkit-transition: all 0.300s ease;
-ms-transition: all 0.300s ease;
-o-transition: all 0.300s ease;
}
.repair-block .inner h3 a:hover{
color:#48c7ec;
}
.repair-block .inner h3:before{
position: absolute;
content: '';
left: 6px;
bottom: 3px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.repair-block .inner h3:after{
position: absolute;
content: '';
left: 12px;
bottom: 0px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.repair-block .inner .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
}
.repair-block .inner:hover .icon-box{
background-color:#48c7ec;
color:#ffffff;
-webkit-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.05),0px 0px 10px 1px #cee8ad;
-ms-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.05),0px 0px 10px 1px #cee8ad;
-o-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.05),0px 0px 10px 1px #cee8ad;
-moz-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.05),0px 0px 10px 1px #cee8ad;
box-shadow:0px 0px 0px 5px rgba(0,0,0,0.05),0px 0px 10px 1px #cee8ad;
}
/***
====================================================================
services Section Two
====================================================================
***/
.services-section_professional{
position: relative;
padding: 80px 0 80px;
background: #f7f7f7;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
.services-section_professional:before {
position: absolute;
content: "";
/* background: rgba(0, 0, 0, 0.85); */
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.services-section_professional.light-bg{
background: #fff;
}
.services-section_professional-two{
position:relative;
padding:135px 0px 100px;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.services-section_professional-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,39,57,0.95)
}
.services-style-three{
position:relative;
margin-bottom:40px;
}
.services-style-three .inner-box{
position:relative;
margin-left:70px;
border:1px solid #174e67;
padding:25px 30px 36px 100px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-three .inner-box .image-box{
position:absolute;
left:-70px;
top:20px;
width:140px;
height:140px;
border:5px solid #ffffff;
}
.services-style-three .inner-box .image-box .image img{
width:100%;
display:block;
}
.services-style-three .inner-box h3{
position:relative;
font-size:20px;
font-weight:600;
padding-bottom:15px;
text-transform:uppercase;
}
.services-style-three .inner-box h3:before{
position: absolute;
content: '';
left: 6px;
bottom: 3px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.services-style-three .inner-box h3:after{
position: absolute;
content: '';
left: 12px;
bottom: 0px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.services-style-three .inner-box h3 a{
position:relative;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-three .inner-box h3 a:hover{
color:#48c7ec;
}
.services-style-three .inner-box .text{
position:relative;
color:#d1d1d1;
font-size:16px;
line-height:1.6em;
margin-top:20px;
}
.services-style-three .inner-box:hover{
border-color:#48c7ec;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section_professional{
position:relative;
padding:135px 0px 150px;
}
.team-section_professional .owl-nav{
position:absolute;
right:0px;
top:-100px;
padding:5px 0px;
border:1px solid #e7e7e7;
}
.team-section_professional .owl-nav .owl-prev{
border-right:1px solid #e8e8e8;
}
.team-section_professional .owl-nav .owl-prev,
.team-section_professional .owl-nav .owl-next{
position:relative;
display:inline-block;
padding:0px 15px;
line-height:1em;
color:#c2c2c2;
font-size:16px;
}
.team-section_professional .owl-nav .owl-prev:hover,
.team-section_professional .owl-nav .owl-next:hover{
color:#4e4e4e;
}
.team-member{
position:relative;
margin-bottom:60px;
}
.team-member .inner-box{
position:relative;
}
.team-member .inner-box .image{
position:relative;
text-align:center;
background-color:#fafafa;
}
.team-member .inner-box .image img{
position:relative;
max-width:100%;
display:inline-block;
}
.team-member .inner-box .lower-box{
position:relative;
padding-top:15px;
}
.team-member .inner-box .lower-box h3{
position:relative;
font-weight:600;
font-size:20px;
text-transform:uppercase;
}
.team-member .inner-box .lower-box h3 a{
color:#48c7ec;
}
.team-member .inner-box .lower-box .designation{
position:relative;
color:#777777;
font-size:15px;
font-style:italic;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Team Style One
====================================================================
***/
.team-style-one_professional{
position:relative;
padding: 80px 0 30px;
}
.team-style-one_professional.gray-bg {
background: #f7f7f7;
}
.team-style-one_professional.altered{
padding-top:60px;
}
.member-style-one {
position:relative;
border: 1px solid #f4f4f4;
margin-bottom: 50px;
}
.member-style-one .inner-box{
position:relative;
display:block;
text-align:center;
border-radius:2px;
overflow:hidden;
background:#ffffff;
}
.member-style-one .image-box{
display:block;
}
.member-style-one .image-box img{
display:block;
width:100%;
height:auto;
text-shadow: 0 0 black;
box-shadow: 0 0 0px black;
transform-style: inherit;
}
.member-style-one .lower-content{
position:relative;
padding: 25px 15px;
background: #48c7ec;
}
.member-style-one .lower-content .info{
position:relative;
padding-bottom:15px;
border-bottom:1px solid #f0f0f0;
margin-bottom:15px;
}
.member-style-one .lower-content .info h4{
font-size:16px;
font-family:'Lato',sans-serif;
color: #ffffff;
text-transform:capitalize;
font-weight:600;
margin-bottom:2px;
}
.member-style-one .lower-content .info .designation{
font-size:14px;
color: #ffffff;
text-transform:capitalize;
}
.member-style-one .lower-content .social-links{
position:relative;
}
.member-style-one .lower-content .social-links a{
display:inline-block;
width:30px;
font-size:13px;
color: #ffffff;
line-height:24px;
margin:0px 5px;
}
.member-style-one .lower-content .social-links a:hover{
color: #ffffff;
}
.team-area .owl-controls{
padding:0px !important;
margin:0px !important;
}
.team-area .owl-controls{
position:relative;
width:100%;;
margin:50px auto 0px !important;
}
.team-area .owl-controls .owl-dots{
display:none !important;
}
.team-area .owl-controls .owl-nav [class*="owl-"]{
position:relative;
display:inline-block;
top:50%;
margin:0px 3px ;
width:34px ;
height:42px ;
padding:0px ;
color:#222222 ;
border:1px solid #e0e0e0;
font-size:18px ;
line-height:40px ;
text-align:center ;
border-radius:0px ;
background:none;
-webkit-transform:skewX(-10deg);
-ms-transform:skewX(-10deg);
-o-transform:skewX(-10deg);
-moz-transform:skewX(-10deg);
transform:skewX(-10deg);
}
.team-area .owl-controls .owl-nav [class*="owl-"] span{
-webkit-transform:skewX(10deg);
-ms-transform:skewX(10deg);
-o-transform:skewX(10deg);
-moz-transform:skewX(10deg);
transform:skewX(10deg);
}
.team-area .owl-controls .owl-nav [class*="owl-"]:hover{
color:#ffffff ;
background:#2799ED;
border-color:#2799ED;
}
/***
====================================================================
Team section
====================================================================
***/
.team-section{
position: relative;
padding: 80px 0px 40px;
background: #f8f8f8;
}
.team-member{
position:relative;
margin-bottom: 40px;
}
.team-member .inner-box{
position: relative;
}
.team-member .inner-box .image-box{
position: relative;
}
.team-member .inner-box .image-box img{
width: 100%;
display: block;
}
.team-member .inner-box .image-box .overlay-box{
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
background-color: rgba(20, 20, 20, 0.66);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-member .inner-box:hover .overlay-box{
opacity:1;
}
.team-member .inner-box .image-box .overlay-box .social-icon-two{
position:absolute;
left:0px;
top:50%;
margin-top:-25px;
width:100%;
}
.team-member .inner-box .lower-content{
position: relative;
padding: 15px 20px 10px;
background: #fff;
}
.team-member .inner-box .lower-content h3 a{
position:relative;
color: #1c1c1c;
font-size: 16px;
font-weight: 700;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-member .inner-box .lower-content h3 a:hover{
color: #48c7ec;
}
.team-member .inner-box .lower-content .designation{
position: relative;
color: #48c7ec;
margin-bottom: 15px;
}
.team-member .social-icon-two li a {
background-color: #48c7ec;
}
.team-member .social-icon-two li a:hover {
background-color: #fff;
color: #48c7ec;
}
/***
====================================================================
Call To Action
====================================================================
***/
.call-to-action{
position:relative;
}
.call-to-action .content .image-box{
position:absolute;
right:100%;
bottom:30px;
width:320px;
}
.call-to-action:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,39,57,0.95)
}
.call-to-action .content{
position:relative;
padding:85px 0px 60px;
margin-left:180px;
}
.call-to-action .content h3{
position:relative;
color:#ffffff;
font-size:26px;
font-weight:600;
line-height:1.4em;
margin-bottom:30px;
text-transform:uppercase;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
/***
====================================================================
Why Us Section
====================================================================
***/
.why-us-section{
position:relative;
overflow:hidden;
padding:145px 0px 100px;
}
.why-us-section .content-column .row{
margin:0px -25px;
}
.why-us-section .services-style-four{
padding:0px 25px;
}
.why-us-section .image-column{
position:relative;
text-align:center;
}
.why-us-section .image-column .image{
/*position:relative;
padding-left:20px;*/
position: absolute;
padding-left: 20px;
right: -90px;
}
.why-us-section .image-column .image img{
display:inline-block;
max-width:100%;
}
.services-style-four{
position:relative;
margin-bottom:50px;
}
.services-style-four .inner-box{
position:relative;
margin-left:35px;
padding:30px 30px 25px;
border:1px solid #e0e0e0;
}
.services-style-four .inner-box .icon-box{
position:absolute;
left:-30px;
top:20px;
width:70px;
height:70px;
color:#48c7ec;
font-size:30px;
line-height:66px;
border-radius:50%;
text-align:center;
border:1px solid #e0e0e0;
background-color:#ffffff;
}
.services-style-four .inner-box h3{
position:relative;
font-size:20px;
font-weight:600;
margin-left:35px;
padding-bottom:14px;
text-transform:uppercase;
}
.services-style-four .inner-box h3:before{
position: absolute;
content: '';
left: 6px;
bottom: 3px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.services-style-four .inner-box h3:after{
position: absolute;
content: '';
left: 12px;
bottom: 0px;
width: 32px;
height: 1px;
margin-left: -6px;
background-color: #48c7ec;
}
.services-style-four .inner-box h3 a{
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-style-four .inner-box h3 a:hover{
color:#48c7ec;
}
.services-style-four .inner-box .text{
color:#777777;
font-size:16px;
margin-top:28px;
}
/***
====================================================================
Appointment Section
====================================================================
***/
.appointment-section{
position:relative;
padding:80px 0px 40px;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.appointment-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,39,57,0.95)
}
/*Donate Form*/
.default-form{
position:relative;
}
.default-form.extended .search-outer{
background:#242424;
}
.default-form form .form-group{
position:relative;
margin:0px 0px 25px;
}
.default-form form .form-group .field-title{
color:#707070;
font-size:13px;
font-weight:300;
font-style:italic;
margin-bottom:15px;
text-transform:capitalize;
}
.default-form form input[type="text"],
.default-form form input[type="search"],
.default-form form input[type="tel"],
.default-form form input[type="email"],
.default-form form input[type="range"],
.default-form form select{
position:relative;
display:block;
width:100%;
height:42px;
line-height:28px;
padding:6px 20px;
font-size:14px;
color:#b7b7b7;
font-style:normal;
background:#002739;
border-radius:4px;
transition:all 500ms ease;
border:1px solid #1d526a;
}
.appointment-section .default-form form input,
.appointment-section .default-form form select{
color:#ffffff;
}
.appointment-section .default-form ::-webkit-input-placeholder{
color:rgba(255,255,255,0.70);
}
.default-form form input:focus,
.default-form form .form-group textarea:focus{
background-color:#1d526a;
}
.default-form form select{
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
cursor:pointer;
}
.default-form form select option{
position:relative;
color:#656565;
}
.default-form form .form-group textarea{
height:120px;
width:100%;
background:#002739;
border-radius:4px;
transition:all 500ms ease;
}
.default-form form .form-group button{
display:block;
width:100%;
}
/*Select DropDown*/
.field-inner .ui-selectmenu-button.ui-button{
width:100%;
font-size:14px;
font-style:normal;
height:42px;
padding:6px 20px;
line-height:28px;
color:#b7b7b7;
background:#002739;
border-radius:4px;
transition:all 500ms ease;
border:1px solid #1d526a;
}
.appointment-section .field-inner .ui-selectmenu-button.ui-button{
color:rgba(255,255,255,0.80);
}
.field-inner .ui-button .ui-icon{
background:none;
position:relative;
top:3px;
text-indent:0px;
}
.field-inner .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:5px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#ffffff;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:7px 15px ;
font-size:14px;
line-height:24px;
}
.default-form form .theme-btn .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:42px;
line-height:42px;
font-size:14px;
border-right:1px solid rgba(255,255,255,0.20);
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:80px 0px 150px;
}
.gallery-section.fullwidth-gallery{
padding-bottom:0px;
}
.fullwidth-gallery .styled-pagination{
margin-top:100px;
margin-bottom:130px;
}
.gallery-section .gallery-blocks .default-portfolio-item{
position:relative;
width:20%;
float:left;
padding-bottom:0px;
}
/***
====================================================================
Faq Section
====================================================================
***/
.faq-section{
position:relative;
padding:80px 0px 80px;
}
.accordion-box{
position:relative;
padding:22px 35px 0px;
margin-bottom:40px;
background-color:#ffffff;
border:1px solid #e0e0e0;
}
.accordion-box .block{
position:relative;
margin-bottom:10px;
}
.accordion-box .block:last-child .acc-btn{
border:0px;
}
.accordion-box .block:last-child .acc-content .content{
padding-top:0px;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:16px;
margin-bottom:0px;
cursor:pointer;
background:none;
line-height:24px;
font-weight:600;
overflow:hidden;
color:#333333;
text-transform:uppercase;
padding:14px 40px 23px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-bottom:1px solid #ececec;
}
.accordion-box .block .acc-btn .icon-outer{
position:absolute;
right:0px;
top:50%;
margin-top:-20px;
width:32px;
height:32px;
font-size:16px;
color:#48c7ec;
border-radius:50%;
text-align:center;
background-color: #333;
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 .acc-btn .icon-outer .icon{
position: relative;
left: 0px;
top: 4px;
line-height: 1em;
}
.accordion-box .block .acc-btn.active{
color:#48c7ec;
}
.accordion-box .block .acc-btn.active .icon-outer{
color:#ffffff;
background-color:#48c7ec;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:15px;
padding:20px 0px 0px;
}
.accordion-box .block .content p{
margin-bottom:15px;
line-height:1.8em;
font-size:16px;
color:#777777;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
.accordion-box.style-two{
background-color:#fafafa;
margin-top:50px;
margin-bottom:0px;
}
/***
====================================================================
Shop Products Section
====================================================================
***/
.shop-products-section{
position:relative;
padding:135px 0px 100px;
}
.default-shop-item{
position:relative;
margin-bottom:40px;
}
.default-shop-item .inner-box{
position:relative;
border:1px solid #e0e0e0;
}
.default-shop-item .inner-box .sold-out{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10;
text-align:center;
background-color:rgba(250,250,250,0.90);
}
.default-shop-item .inner-box .sold-out .sold-btn{
position:absolute;
top:50%;
left:50%;
font-size:13px;
color:#ffffff;
font-weight:800;
padding:6px 32px;
border-radius:4px;
margin-top:-14px;
margin-left:-65px;
text-transform:uppercase;
background-color:#444444;
font-family: 'Roboto', sans-serif;
}
.default-shop-item .overlay{
position:absolute;
left:0px;
top:-100%;
width:100%;
height:100%;
color:#f06529;
text-align:center;
z-index:10;
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;
background: rgba(27, 189, 232, 0.8);
}
.default-shop-item:hover .overlay{
top:0px;
}
.default-shop-item .overlay .links-box{
position:absolute;
left:0px;
top:50%;
margin-top:-27px;
width:100%;
height:54px;
}
.default-shop-item .overlay .option-btn{
position:relative;
display:inline-block;
line-height:26px;
padding:6px 0px;
margin:0px 2px;
width:38px;
height:38px;
background:#ffffff;
color:#777777;
border-radius:50%;
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;
}
.default-shop-item .overlay .option-btn:hover{
background:#0a3d55;
color:#ffffff;
}
.default-shop-item .inner-box .image-box{
position:relative;
overflow:hidden;
}
.default-shop-item .inner-box .image-box .new-item{
position:absolute;
right:20px;
top:20px;
width:44px;
height:44px;
color:#ffffff;
font-size:13px;
font-weight:700;
text-align:center;
border-radius:50%;
line-height:44px;
z-index:11;
background-color:#444444;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.default-shop-item .inner-box .image-box img{
width:100%;
display:block;
}
.default-shop-item .inner-box .lower-content{
position:relative;
padding: 25px 20px;
border-top:1px solid #e0e0e0;
}
.default-shop-item .inner-box .lower-content .category{
position:relative;
color:#777777;
font-size:15px;
font-style:italic;
}
.default-shop-item .inner-box .lower-content h3{
position:relative;
color:#333333;
font-size:18px;
font-weight: 600;
margin-bottom: 10px;
text-transform: capitalize;
}
.default-shop-item .inner-box .lower-content h3 a{
position:relative;
color:#333333;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.default-shop-item .inner-box .lower-content h3 a:hover{
color:#48c7ec;
}
.default-shop-item .inner-box .lower-content .price{
color: #333;
font-size:18px;
line-height:24px;
font-weight: 700;
height:24px;
margin-bottom: 10px;
}
.default-shop-item .inner-box .lower-content .price .discount-price{
position:relative;
color:#d2d2d2;
font-size:18px;
}
.default-shop-item .inner-box .lower-content .rating li {
display: inline-block;
}
.subscriber-section{
position:relative;
}
.subscriber-section .subscribe-inner{
position:relative;
padding:60px 15px;
z-index:10;
background-color:#f6f6f6;
background-repeat:no-repeat;
background-position:center center;
}
.subscriber-section .subscribe-inner .sec-title{
margin-bottom:25px;
}
/*subscriber form*/
.subscriber-form{
margin-bottom:30px;
max-width:630px;
margin:0 auto;
}
.subscriber-form .form-group{
position:relative;
display:block;
margin-bottom:20px;
}
.subscriber-form .form-group input[type="text"],
.subscriber-form .form-group input[type="tel"],
.subscriber-form .form-group input[type="email"],
.subscriber-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:8px 20px;
height:44px;
font-size:14px;
border-radius:4px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscriber-form .form-group input[type="text"]:focus,
.subscriber-form.form-group input[type="tel"]:focus,
.subscriber-form .form-group input[type="email"]:focus,
.subscriber-form .form-group textarea:focus{
}
.subscriber-form .form-group input[type="submit"],
.subscriber-form button{
position:absolute;
right:0px;
top:0px;
display:block;
padding:8px 30px;
border-radius:0px 4px 4px 0px;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section .map-container{
position:relative;
z-index:10;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title_professional{
position:relative;
text-align:center;
color:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
padding: 120px 0px 380px 0px;
background-attachment: fixed;
}
.page-title_professional:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background: rgba(0, 0, 0, 0.50);
}
.page-title_professional .auto-container{
position:relative;
z-index:1;
}
.page-title_professional h1{
color:#ffffff;
font-size:50px;
font-weight:700;
letter-spacing:0px;
text-transform:uppercase;
}
.breadcrumb-outer_professional{
position:relative;
text-align:center;
background: #FFA500;
}
.breadcrumb-outer_professional .bread-crumb{
position:relative;
padding:20px 85px;
display:inline-block;
background-color: #FFA500;
}
.breadcrumb-outer_professional .bread-crumb:before{
}
.breadcrumb-outer_professional .bread-crumb:after{
}
.breadcrumb-outer_professional .bread-crumb li{
position:relative;
display:inline-block;
font-size:15px;
color:#000000;
font-weight:700;
margin-right:5px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.breadcrumb-outer_professional .bread-crumb li a{
position:relative;
font-size:15px;
color:#000000;
margin:0px 7px;
font-weight:700;
text-transform:uppercase;
font-family: 'Montserrat', 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;
}
.breadcrumb-outer_professional .bread-crumb a:hover,
.breadcrumb-outer_professional .bread-crumb a.current{
position:relative;
color: #fff;
}
/***
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container_professional {
position:relative;
padding:80px 0px 30px;
}
.sidebar-page-container_professional .news-section_professional {
padding: 0;
}
.sidebar-page-container_professional .sidebar-side,
.sidebar-page-container_professional .content-side{
margin-bottom:30px !important;
}
.sidebar{
position:relative;
}
.services-single-widget{
position:relative;
padding:30px 35px;
background-color:#fafafa;
}
/*List*/
.sidebar .list{
position:relative;
margin-bottom:30px;
}
.sidebar .list li{
position:relative;
line-height:24px;
margin-bottom: 5px;
}
.sidebar .list li a{
position:relative;
display:block;
color:#333333;
font-size: 16px;
line-height:24px;
background-color:#ffffff;
text-transform: capitalize;
padding:14px 20px 14px 30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .list li a .icon{
position:absolute;
right:20px;
top:50%;
color:#777777;
margin-top:-12px;
}
.sidebar .list li a:hover,
.sidebar .list li.current a{
color:#ffffff;
background-color:#48c7ec;
}
.sidebar .list li.current a .icon,
.sidebar .list li a:hover .icon{
color:#ffffff;
}
/***
====================================================================
Brochures
====================================================================
***/
.brochures{
position:relative;
}
.brochures h2{
position:relative;
color:#333333;
font-size:22px;
font-weight:600;
margin-bottom:10px;
text-transform:uppercase;
}
.brochures .text{
position:relative;
color:#777777;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
/***
====================================================================
Brochures files
====================================================================
***/
.brochures .files li{
position:relative;
margin-bottom:10px;
}
.brochures .files li:last-child{
margin-bottom:0;
}
.brochures .files li a{
position:relative;
display:block;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:24px;
padding:13px 50px;
background-color: #333;
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;
font-family: 'Montserrat', sans-serif;
}
.brochures .files li a .fa{
position:relative;
line-height:24px;
padding-right:8px;
color:#48c7ec;
}
.services-content .lower-content{
position:relative;
}
.services-content .lower-content .upper-box{
position:relative;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #ececec;
}
.services-content .lower-content .upper-box h3{
position:relative;
color:#333333;
font-size:22px;
font-weight:600;
text-transform:uppercase;
}
.services-content .lower-content .upper-box .title{
position:relative;
color:#777777;
font-size:18px;
font-style:italic;
padding-left:26px;
margin-top:5px;
}
.services-content .lower-content .upper-box .title:before{
position:absolute;
content:'\f02c';
left:0px;
top:0px;
color:#48c7ec;
font-style:normal;
font-family: 'FontAwesome';
}
.services-content .lower-content .lower-box{
position:relative;
margin-top:20px;
}
.services-content .lower-content .lower-box .text{
position:relative;
}
.services-content .lower-content .lower-box .text p{
position:relative;
color:#777777;
font-size:16px;
font-weight:400;
line-height:1.8em;
}
.services-content .lower-content .lower-box .text h4{
position:relative;
color:#333333;
font-size:22px;
font-weight:600;
margin-top:35px;
margin-bottom:15px;
text-transform:uppercase;
}
/*list style two*/
.list-style-two{
position:relative;
padding-left:25px;
margin-top:20px;
margin-bottom:35px;
}
.list-style-two li{
position:relative;
color:#777777;
font-size:16px;
font-style:italic;
margin-bottom:10px;
padding-left:22px;
}
.list-style-two li:before{
position:absolute;
content:'\f046';
left:0px;
top:0px;
color:#FFA500;
font-size:14px;
font-style:normal;
font-family: 'FontAwesome';
}
/***
====================================================================
Repair Box
====================================================================
***/
.repair-box{
position:relative;
background-size:cover;
}
.repair-box .inner-box{
position:relative;
padding:35px 40px 35px;
}
.repair-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
background-color: #333;
}
.repair-box h2{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:600;
margin-bottom:6px;
text-transform:uppercase;
}
.repair-box .text{
position:relative;
color:#c9c9c9;
font-size:16px;
margin-bottom:2px;
}
.repair-box .btn-style-one{
margin-top:12px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination ul{
position:relative;
display:inline-block;
}
.styled-pagination li{
position:relative;
display:block;
float:left;
margin:0px 10px 10px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:20px;
padding:9px 5px;
height:40px;
font-size:20px;
text-transform:capitalize;
min-width:40px;
background:none;
color:#b9b9b9;
font-weight:600;
text-align:center;
border-radius:3px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
transition:all 200ms ease;
-webkit-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
-moz-transition:all 200ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#002739;
border:1px solid #e0e0e0;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
}
/*Products Section*/
.products-section{
position:relative;
}
.products-section .row{
position:relative;
margin:0px -10px;
}
.products-section .default-shop-item{
position:relative;
padding:0px 10px;
}
.products-section .styled-pagination{
position:relative;
margin-top:60px;
}
.sidebar .sidebar-inner{
position:relative;
padding:25px 30px 25px;
background-color:#fafafa;
}
.shop-sidebar{
position: relative;
padding: 25px 30px;
background-color: #fafafa;
}
/*Sidebar Widget*/
.sidebar .sidebar-widget{
position:relative;
margin-bottom:45px;
}
.sidebar .sidebar-widget:last-child{
margin-bottom:0px;
}
/*Sidebar Title*/
.sidebar .sidebar-widget .sidebar-title{
position:relative;
margin-bottom:15px;
}
.sidebar .sidebar-widget .sidebar-title h3{
position:relative;
font-size:18px;
color:#333333;
font-weight:600;
line-height:1.5em;
padding-right:20px;
display:inline-block;
text-transform:uppercase;
}
/*Search Box*/
.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:15px 50px 11px 20px;
border:1px solid #e8e8e8;
background:#ffffff;
color:#222222;
display:block;
font-size:14px;
width:100%;
height:50px;
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:#48c7ec;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:50px;
line-height:50px;
text-align:center;
display:block;
font-size:14px;
color:#ffffff;
background:#48c7ec;
font-weight:normal;
border-radius:0px 3px 3px 0px;
}
/*Range Slider*/
.rangeslider-widget .outer-box{
position:relative;
padding:10px 0px 0px;
}
.rangeslider-widget .form-group{
position:relative;
color:#777777;
font-weight:700;
font-size:16px;
margin:30px 0px 0px;
}
.rangeslider-widget .val-box{
position:relative;
display:inline-block;
margin:7px 5px 0px 0px;
line-height:24px;
font-size:16px;
padding:5px 0px;
width:50px;
text-align:center;
color:#777777;
font-weight:700;
background:none;
}
.rangeslider-widget .noUi-connect{
background:#002739 !important;
box-shadow:none;
}
.rangeslider-widget .noUi-background{
background:#e7e7e7 !important;
}
.rangeslider-widget .noUi-handle{
top:-12px !important;
background-color:transparent !important;
box-shadow:none;
border:1px solid #e7e7e7 !important;
cursor:pointer;
width:10px !important;
height:30px !important;
background:#ffffff !important;
margin-left:14px;
}
.rangeslider-widget .noUi-horizontal{
height:7px !important;
box-shadow:none !important;
background:#f06529;
border:0px;
}
.rangeslider-widget .btn-style-two{
padding-left:30px;
font-size:12px;
color:#222222;
padding-right:30px;
}
/*List*/
.sidebar .cat-list{
position:relative;
}
.sidebar .cat-list li{
position:relative;
line-height:24px;
border-bottom:1px solid #ececec;
}
.sidebar .cat-list li a{
position:relative;
display:block;
color:#777777;
font-size:16px;
font-weight:400;
line-height:24px;
padding:14px 0px 12px;
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 .cat-list li:last-child{
border:0px;
}
.sidebar .cat-list li:last-child a{
padding-bottom:0px;
}
.sidebar .cat-list li a:hover,
.sidebar .cat-list li.current a{
color:#222222;
}
/*Color List*/
.sidebar .color-list{
position:relative;
}
.sidebar .color-list li{
position:relative;
line-height:24px;
border-bottom:1px solid #ececec;
}
.sidebar .color-list li a{
position:relative;
display:block;
color:#777777;
font-size:16px;
font-weight:400;
line-height:24px;
padding:14px 0px 12px;
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 .color-list li:last-child{
border:0px;
}
.sidebar .color-list li:last-child a{
padding-bottom:0px;
}
.sidebar .color-list li a:hover,
.sidebar .color-list li.current a{
color:#222222;
}
.sidebar .color-list li a .color{
position:relative;
float:right;
width:21px;
height:21px;
border-radius:50%;
}
/*Popular Posts*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
padding-left:80px;
min-height:70px;
margin-bottom:30px;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:60px;
border-radius:3px;
}
.sidebar .popular-posts .post:hover .post-thumb img{
opacity:0.70;
}
.sidebar .popular-posts .post .post-thumb img{
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 .popular-posts .post h4{
position:relative;
top:-5px;
font-size:16px;
margin:0px 0px 0px;
font-weight:400;
color:#777777;
line-height:1.4em;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
color:#48c7ec;
}
.sidebar .popular-posts .post h4 a{
color:#777777;
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 .popular-posts .post-info{
font-size:14px;
color:#333333;
font-style:italic;
}
.sidebar .popular-posts .post-info .fa{
position:relative;
padding-right:5px;
color:#48c7ec;
font-style:normal;
}
/*Popular Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:5px 28px 8px;
margin:0px 7px 10px 0px;
border:1px solid #e8e8e8;
color:#777777;
text-align:center;
font-size:15px;
border-radius:2px;
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:#48c7ec;
border-color:#48c7ec;
color:#ffffff;
}
/*basic details*/
.product-details .basic-details{
position:relative;
padding-bottom:55px;
}
.product-details .image-column,
.product-details .info-column{
position:relative;
margin-bottom:30px;
}
.product-details .image-column .image{
position:relative;
display:block;
width:100%;
text-align:center;
border:2px solid #ffa500;
}
.product-details .image-column .image .image-text{
position:absolute;
left:100px;
bottom:20px;
color:#777777;
font-size:14px;
text-align:center;
display:inline-block;
padding-left:20px;
}
.product-details .image-column .image .image-text:before{
position:absolute;
content:'\f196';
left:0px;
top:0px;
color:#777777;
font-family: 'FontAwesome';
}
.product-details .image-column img{
display:block;
width:100%;
}
.product-details .basic-details .details-header{
position:relative;
margin-bottom:20px;
padding-bottom:28px;
border-bottom:1px solid #FFA500;
}
.product-details .basic-details .details-header .new-product{
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-align: center;
border-radius: 50%;
line-height: 44px;
z-index: 11;
background-color: #444444;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.product-details .basic-details .details-header .item-category{
position:relative;
color:#777777;
font-size:15px;
font-style:italic;
line-height:1em;
margin-bottom:5px;
}
.product-details .basic-details .details-header h4{
font-size:18px;
font-weight:600;
color:#333333;
line-height:1.6em;
margin-bottom:5px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.product-details .basic-details h4{
font-size:18px;
font-weight:600;
color:#333333;
line-height:1.6em;
margin-bottom:5px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.product-details .basic-details .details-header h4 a{
color:#333333;
}
.product-details .basic-details .details-header .rating{
font-size:12px;
color:#29af8a;
margin-bottom:5px;
}
.product-details .basic-details .details-header .rating .fa{
display:inline-block;
margin-right:3px;
}
.product-details .basic-details .details-header .rating .fa-star-o{
color:#999999;
}
.product-details .basic-details .details-header .rating .txt{
font-size:14px;
padding-left:10px;
color:#222222;
}
.product-details .basic-details .details-header .item-price{
font-size:22px;
font-weight:700;
color:#48c7ec;
line-height:30px;
letter-spacing:1px;
font-family: 'Montserrat', sans-serif;
}
.product-details .basic-details .text{
margin-bottom:30px;
line-height:1.8em;
color:#777777;
font-size:16px;
}
.product-details .basic-details .options{
position:relative;
margin-top:14px;
}
/*Item Quantity*/
.basic-details .quantity-spinner{
position:relative;
display:block;
width:100px;
margin-left:40px;
padding:0px 30px;
}
.basic-details .product-details .quantity-spinner{
position:relative;
display:inline-block;
}
.basic-details .product-details .item-quantity strong{
position:relative;
display:inline-block;
color:#333333;
font-size:16px;
font-weight:600;
padding-right:10px;
font-family: 'Montserrat', sans-serif;
}
.basic-details .quantity-spinner input{
position:relative;
display:block;
width:100%;
line-height:20px;
padding:4px 10px;
margin:0px 0px;
font-size:18px;
height:28px;
color:#777777;
text-align:center;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
.basic-details .quantity-spinner .minus{
position:absolute;
left:0px;
top:0px;
width:28px;
height:28px;
line-height:20px;
padding:3px 5px;
text-align:center;
background:#ffffff;
font-weight:400;
color:#777777;
font-size:12px;
border:1px solid #e7e7e7;
z-index:1;
border-radius:5px;
}
.basic-details .quantity-spinner .plus{
position:absolute;
right:0px;
top:0px;
width:28px;
height:28px;
line-height:20px;
padding:3px 5px;
text-align:center;
font-weight:400;
background:#ffffff;
color:#777777;
font-size:12px;
border:1px solid #e7e7e7;
z-index:1;
border-radius:5px;
}
/*sel colors*/
.product-details .basic-details .sel-colors{
position:relative;
margin-bottom:15px;
}
.product-details .basic-details .sel-colors strong{
position:relative;
top:-11px;
display:inline-block;
font-size:16px;
color:#333333;
font-weight:600;
line-height:30px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
margin-right:10px;
}
.product-details .basic-details .sel-colors .color-box{
position:relative;
display:inline-block;
width:28px;
height:28px;
margin-right:8px;
}
.product-details .basic-details .sel-colors .color-box input{
position:absolute;
visibility:hidden;
opacity:0;
}
.product-details .basic-details .sel-colors .color-box label{
position:relative;
display:block;
width:28px;
height:28px;
border:4px solid transparent;
cursor:pointer;
border-radius:5px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.product-details .basic-details .sel-colors .color-box input[type="radio"]:checked+label{
border-color:#ffffff;
-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.30);
-ms-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.30);
-o-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.30);
-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.30);
box-shadow:0px 0px 1px 0px rgba(0,0,0,0.30);
}
.product-details .basic-details .options .option-btn{
width:50px;
height:42px;
line-height:40px;
text-align:center;
color:#bdbdbd;
margin-left:5px;
border-radius:5px;
background-color:#f6f6f6;
}
.product-details .basic-details .options .option-btn:hover{
color:#ffffff;
background:#48c7ec;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.product-info-tabs{
position:relative;
margin-bottom:70px;
}
.prod-tabs{
position:relative;
}
.prod-tabs .tab-btns{
position:relative;
margin-bottom:25px;
border-bottom:1px solid #FFA500;
}
.prod-tabs .tab-btns .tab-btn{
position:relative;
font-size:18px;
color:#777777;
top:2px;
cursor:pointer;
font-weight:600;
line-height:24px;
padding-bottom:15px;
display:inline-block;
margin:0px 50px 0px 0px;
text-transform:uppercase;
border-bottom:3px solid transparent;
font-family: 'Montserrat', sans-serif;
}
.prod-tabs .tab-btns .tab-btn.active-btn{
color:#333333;
border-color:#FFA500;
}
.prod-tabs .tabs-container{
position:relative;
}
.prod-tabs .tabs-container .tab{
position:relative;
display:none;
}
.prod-tabs .tabs-container .tab.active-tab{
display:block;
}
.prod-tabs .tabs-container .tab p,
.prod-tabs .tabs-container .tab h2,
.prod-tabs .tabs-container .tab h3,
.prod-tabs .tabs-container .tab h4,
.prod-tabs .tabs-container .tab h5,
.prod-tabs .tabs-container .tab h6{
margin-bottom:15px;
}
.prod-tabs .tabs-container .tab p{
color:#777777;
font-size:16px;
}
.prod-tabs .reviews-container{
position:relative;
}
.prod-tabs .reviews-container .review-box{
position:relative;
margin-bottom:30px;
padding-left:100px;
min-height:100px;
}
.prod-tabs .reviews-container .rev-thumb{
position:absolute;
left:0px;
top:0px;
width:82px;
height:82px;
padding:3px;
background:#ffffff;
margin-bottom:20px;
border:1px solid #e0e0e0;
}
.prod-tabs .reviews-container .rev-thumb img{
display:block;
width:100%;
}
.prod-tabs .reviews-container .rev-content{
position:relative;
padding:15px 15px 5px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.prod-tabs .reviews-container .rating{
color:#48c7ec;
font-size:13px;
}
.prod-tabs .reviews-container .rating .fa{
margin-right:1px;
}
.prod-tabs .reviews-container .rev-info{
font-size:12px;
letter-spacing:1px;
margin-bottom:10px;
}
.prod-tabs .reviews-container .rev-text{
font-size:13px;
}
.prod-tabs .add-review{
position:relative;
margin:30px 0px 20px;
font-size:14px;
}
.prod-tabs .add-review .rating{
position:relative;
padding-top:8px;
}
.prod-tabs .add-review .rating .rate-box{
position:relative;
display:inline-block;
margin-right:10px;
font-size:14px;
color:#555555;
}
.prod-tabs .add-review .rating .rate-box:hover,
.prod-tabs .add-review .rating .rate-box:focus,
.prod-tabs .add-review .rating .rate-box:active{
color:#48c7ec;
}
.prod-tabs .add-review label{
position:relative;
display:block;
font-size:14px;
margin-bottom:5px;
font-weight:400;
color:#303030;
}
.prod-tabs .add-review h3{
margin-bottom:20px;
}
.prod-tabs .add-review .form-group{
position:relative;
margin-bottom:20px;
}
.prod-tabs .add-review .form-group input[type="text"],
.prod-tabs .add-review .form-group input[type="password"],
.prod-tabs .add-review .form-group input[type="tel"],
.prod-tabs .add-review .form-group input[type="email"],
.prod-tabs .add-review .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:9px 15px;
color:#222222;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:8px 15px;
color:#222222;
border:1px solid #e0e0e0;
height:150px;
resize:none;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.prod-tabs .add-review button{
padding:8px 35px;
}
.sidebar-page-container_professional .content-side .default-shop-item .inner-box .lower-content{
background-color:#fafafa;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container_professional .group-title{
position:relative;
margin-bottom:20px;
}
.sidebar-page-container_professional .group-title h2{
font-size:20px;
color:#333333;
font-weight:600;
text-transform:uppercase;
}
.comments-area .comment-box{
position:relative;
}
.comments-area .comment{
position:relative;
margin-bottom:30px;
}
.comments-area .comment .comment-content{
position:relative;
padding:28px 30px 25px;
border:2px solid #f4f4f4;
}
.comments-area .comment .comment-content:before{
position:absolute;
content:'';
left:-20px;
top:25px;
width:21px;
height:22px;
background:url(../images/icons/curve.jpg) no-repeat;
}
.comments-area .comment:last-child .comment-content{
margin-bottom:0px;
}
.comments-area .reply-comment{
margin-left:115px;
}
.comments-area .comment.reply-comment .author-thumb{
width:77px;
}
.comments-area .comment.reply-comment .comment-inner{
padding-left:110px;
}
.comments-area .comment .comment-inner{
position:relative;
padding-left:115px;
min-height:70px;
margin-bottom:30px;
}
.comments-area .comment .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
border-radius:5px;
margin-bottom:20px;
}
.comments-area .comment .author-thumb img{
width:100%;
display:block;
border-radius:5px;
}
.comments-area .comment .comment-header{
position:relative;
color:#222222;
font-size:14px;
font-weight:400;
margin-bottom:5px;
}
.comments-area .comment .comment-header h4{
position:relative;
color:#333333;
font-size:16px;
font-weight:600;
line-height:24px;
margin-bottom:6px;
display:inline-block;
text-transform:uppercase;
}
.comments-area .comment .comment-header .comment-info a{
color:#fc721e;
font-style:italic;
}
.comments-area .comment .text{
line-height:1.8em;
font-size:16px;
color:#777777;
margin-bottom:0px;
margin-top:6px;
}
.comments-area .comment .info{
line-height:1em;
font-size:15px;
color:#48c7ec;
font-weight:700;
padding-right:15px;
margin-right:15px;
border-right:2px solid #48c7ec;
}
.comments-area .comment a.reply{
position:relative;
display:inline-block;
color:#48c7ec;
font-size:15px;
font-weight:600;
line-height:1em;
top:-4px;
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;
}
.comments-area .comment a.reply span{
color:#48c7ec;
}
.comments-area .comment a.reply:hover{
color:#06d666;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
margin-top:10px;
}
.comment-form .row{
margin:0px -10px;
}
.comment-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.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:22px;
padding:10px 15px;
color:#222222;
border:1px solid transparent;
height:44px;
background:#f6f6f6;
-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:#48c7ec;
background-color:#ffffff;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 15px;
color:#222222;
height:150px;
resize:none;
background:#f6f6f6;
border:1px solid transparent;
-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{
position:relative;
padding:7px 60px;
margin-top:10px;
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-form-section{
position:relative;
padding:120px 0px 0px;
}
.contact-section .contact-info{
position:relative;
}
.contact-section h4 {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 20px;
}
.contact-section .contact-info li{
position:relative;
display:block;
padding: 20px 0px 4px 50px;
line-height:24px;
font-size:14px;
margin-bottom:15px;
color:#888888;
min-height:32px;
}
.contact-section .contact-info li:hover{
color:#333333;
}
.contact-section .contact-info li .icon-box{
position:absolute;
left:0px;
top: 16px;
text-align:center;
width:32px;
height:32px;
line-height:28px;
border:2px solid #000000;
background:none;
font-size:12px;
color:#000000;
border-radius:50%;
}
.contact-section .contact-info li:hover .icon-box{
background:#000000;
color:#ffffff;
}
.contact-section .default-form .form-group{
margin-bottom:20px;
}
.contact-section .default-form textarea{
height: 190px;
}
.contact-section .default-form .theme-btn{
text-transform:capitalize;
margin-top:10px;
}
.contact-form-section .contact-form{
margin-bottom:100px;
}
.contact-form-section .contact-form .sec-title{
margin-bottom:30px;
}
.contact-form .row{
margin:0px -10px;
}
.contact-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:10px 15px;
color:#222222;
border:1px solid transparent;
height:44px;
background:#f6f6f6;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:#48c7ec;
background-color:#ffffff;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 15px;
color:#222222;
height:150px;
resize:none;
background:#f6f6f6;
border:1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form button{
position:relative;
padding:7px 60px;
margin-top:10px;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
border-color:#f06529;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/*Cart Section*/
.shoping-cart_professional{
position:relative;
padding:80px 0px 80px;
}
.cart-outer-box{
position:relative;
padding:30px 40px;
border:1px solid #e0e0e0;
}
.cart-outer{
position:relative;
}
.checkout-page_professional .cart-outer{
margin-bottom:40px;
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
}
.cart-outer .cart-table{
width:100%;
min-width:550px;
}
.cart-table .cart-header{
position:relative;
width:100%;
font-size:14px;
color:#222222;
text-transform:uppercase;
border-bottom:1px solid #ececec;
}
.cart-table thead tr th{
line-height:24px;
padding:8px 20px 32px;
font-weight:600;
color:#333333;
font-size:18px;
}
.cart-table thead tr th .fa{
font-size:18px;
}
.cart-table thead tr th.prod-column{
text-align:left;
}
.cart-table tbody tr td{
line-height:24px;
padding:30px 20px;
}
.cart-table tbody tr .qty{
width:200px;
padding-right:80px;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#ffffff;
}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:65px;
text-align:left;
padding-left:85px;
padding-top:5px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
width:80px;
left:0px;
top:0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:15px;
color:#333333;
font-weight:600;
margin-top:17px;
text-transform:uppercase;
}
.cart-table tbody tr .sub-total{
font-weight:600;
font-size:22px;
color:#48c7ec;
}
.cart-table tbody tr .price{
font-weight:700;
font-size:22px;
color:#333333;
}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:14px;
color:#999999;
line-height:30px;
font-weight:400;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{
position:relative;
font-size:14px;
line-height:30px;
}
.cart-table tbody tr .remove-btn:hover{
color:#f06529;
}
.cart-table tbody tr{
border-bottom:1px solid #e9e9e9;
}
.cart-table tbody tr td{
vertical-align:middle;
color:#222222;
font-weight:400;
}
.cart-table tbody tr td .quantity-spinner{
padding:10px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{
position:relative;
padding-left:50px;
}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#003862;
border-radius:50%;
}
.product-details .basic-details .item-quantity{
position:relative;
/*width:100px;*/
margin-bottom:15px;
}
.product-details .basic-details .item-quantity strong{
float:left;
}
.cart-table tbody tr .qty input[type="text"]{
position:relative;
line-height:36px;
height:42px;
padding-top:8px;
background:#ffffff;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn{
height:22px;
background:#e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i{
left:6px;
top:6px;
}
.cart-outer-box .cart-btns{
position:relative;
padding:40px 0px 10px;
}
.cart-outer-box .apply-coupon{
position:relative;
margin-bottom:25px;
padding:30px 25px 10px;
border:1px solid #e0e0e0;
background-color:#f6f6f6;
}
.cart-outer-box .apply-coupon .form-group{
position:relative;
margin-bottom:20px;
}
.cart-outer-box .apply-coupon .form-group .theme-btn{
margin-bottom:0px;
width:100%;
display:block;
}
.cart-outer-box .apply-coupon .form-group input[type="text"]{
display:block;
line-height:24px;
padding:10px 10px 8px;
border:1px solid #e8e8e8;
border-radius:3px;
width:100%;
background:#ffffff;
}
.cart-outer .theme-btn{
padding:9px 34px 7px;
line-height:24px;
margin-bottom:20px;
}
.cart-outer .cart-options .pull-right .theme-btn{
margin-left:6px;
}
.cart-outer .discounts{
position:relative;
}
.cart-outer .discounts li{
position:relative;
color:#333333;
font-size:15px;
margin-right:12px;
display:inline-block;
}
.cart-outer .discounts li a{
font-size:18px;}
.cart-outer .discounts li .facebook{
color:#3b5998;
}
.cart-outer .discounts li .twitter{
color:#0084b4;
}
.cart-outer .discounts li .g_plus{
color:#d34836;
}
.cart-outer-box h3{
position:relative;
color:#333333;
font-size:18px;
font-weight:600;
margin-bottom:35px;
text-transform:uppercase;
}
/*Cart Totals Table*/
.cart-totals-table{
position:relative;
margin-bottom:20px;
color:#222222;
padding:20px 25px;
background-color:#fafafa;
border:1px solid #e0e0e0;
border-radius:3px;
}
.cart-totals-table li{
line-height:24px;
padding:0px 0px;
border-bottom:1px solid #e0e0e0;
}
.cart-totals-table li:last-child{
border-bottom:none;
}
.cart-totals-table .col{
position:relative;
display:block;
float:left;
width:50%;
font-size:15px;
padding:12px 0px;
font-weight:600;
line-height:24px;
color:#333333;
text-transform:capitalize;
font-family: 'Montserrat', sans-serif;
}
.cart-totals-table .col strong{
font-weight:600;
text-transform:uppercase;
}
.cart-totals-table li .col:last-child{
text-align:right;
font-size:16px;
}
.cart-totals-table li .col.grand-total{
color:#48c7ec;
}
.cart-totals-table li:nth-child(2){
border:0px;
}
.cart-totals-table .btn-style-three{
width:100%;
display:block;
margin-top:8px;
text-align:center;
}
/***
====================================================================
Checkout Style
====================================================================
***/
.default-title{
position:relative;
margin-bottom:20px;
}
.default-title h2{
font-size:22px;
font-weight:600;
color:#333333;
text-transform:uppercase;
}
.checkout-page_professional{
position:relative;
padding:80px 0px;
}
.checkout-page_professional .checkout-inner{
position:relative;
padding:30px 35px;
border:1px solid #e0e0e0;
}
.checkout-page_professional .default-links{
position:relative;
margin-bottom:30px;
}
.checkout-page_professional .default-links li{
margin-bottom:8px;
line-height:24px;
color:#777777;
font-size:16px;
}
.checkout-page_professional .default-links li a{
color:#48c7ec;
}
.checkout-page_professional .billing-details{
position:relative;
margin-bottom:20px;
}
.checkout-page_professional .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;
}
.checkout-page_professional .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:14px;
cursor:pointer;
}
.checkout-page_professional .place-order{
position:relative;
padding:0px;
}
.checkout-page_professional .payment-options{
position:relative;
margin-bottom:30px;
}
.checkout-page_professional .payment-options li{
position:relative;
margin-bottom:15px;
}
.checkout-page_professional .payment-options li .radio-option{
position:relative;
}
.checkout-page_professional .payment-options li .radio-option label{
position:relative;
display:inline-block;
padding-left:30px;
font-weight:700 !important;
text-transform:capitalize;
letter-spacing:1px;
color:#777777;
cursor:pointer;
font-size:15px;
font-family: 'Montserrat', sans-serif;
}
.checkout-page_professional .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:3px;
}
.checkout-page_professional .payment-options li .radio-option label .small-text{
display:block;
padding-top:5px;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:16px;
color:#777777;
line-height:1.8em;
}
.checkout-page_professional .payment-options li .radio-option label img{
position:relative;
top:-6px;
display:inline-block;
max-width:100%;
}
.checkout-page_professional .place-order .theme-btn{
padding:9px 50px;
display:block;
width:100%;
margin-top:50px;
}
/*Shop Form*/
.shop-form{
position:relative;
}
.shop-form .form-group{
position:relative;
margin-bottom:20px;
}
/*.billing-details .shop-form .form-group{
margin-bottom:15px;
}*/
.shop-form .form-group .field-label{
display:block;
line-height:24px;
margin-bottom:10px;
color:#333333;
font-size:16px;
text-transform:capitalize;
}
.shop-form .form-group .field-label sup{
color:#48c7ec;
font-size:14px;
}
.shop-form input.margin{
margin-bottom:8px;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
position:relative;
display:block;
width:100%;
background:#f6f6f6;
line-height:20px;
padding:10px 15px;
height:42px;
font-style:italic;
border-radius:3px;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.shop-form select{
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
background:#f6f6f6 url(../images/icons/icon-select.png) right center no-repeat;
cursor:pointer;
}
.shop-form select option{
text-indent:15px;
}
.shop-form textarea{
resize:none;
height:140px !important;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
border-color:#48c7ec;
}
.order-box{
position:relative;
margin-bottom:50px;
}
.order-box li{
border-bottom:1px solid #dedede;
}
.order-box li div .col{
font-size:16px;
font-weight:400;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.order-box .title{
position:relative;
display: block;
float: left;
width: 50%;
font-size: 15px;
padding: 12px 0px;
font-weight: 700;
line-height: 24px;
color:#333333;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.order-box .title:last-child{
text-align:right !important;
font-weight:600 !important;
font-size:15px !important;
}
.order-box .col{
position:relative;
display: block;
float: left;
width: 50%;
font-size: 15px;
padding: 13px 0px;
font-weight: 700;
line-height: 24px;
color:#333333;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.order-box .col:last-child{
text-align:right;
font-size:22px;
font-weight:600;
}
.order-box .col.grand-total{
color:#48c7ec;
}
.hover-style1{
display: block;
position: relative;
}
.hover-style1-img img {
width: 100%;
}
.hover-style1 > .hover-style1-img::before {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0px;
content: "";
left: 0px;
opacity: 0;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.4s ease-in-out 0s;
}
.hover-style1:hover .hover-style1-img::before {
opacity: 0.8;
}
.hover-style1-img {
position: relative;
}
.hover-style1-view a {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
border-radius: 50%;
color: #000;
font-size: 20px;
height: 60px;
line-height: 60px;
opacity: 0;
position: absolute;
text-align: center;
transform: translateX(-50%) translateY(-50%) scale(0.6);
transition: all 0.4s ease 0s;
width: 60px;
}
.hover-style1-view a:hover {
background: rgba(255, 255, 255, .8) none repeat scroll 0 0;
color: #000;
}
.hover-style1:hover .hover-style1-view a {
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
}
.hover-style1-view {
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: all 0.5s ease 0s;
}
.hover-style1:hover .hover-style1-view {
opacity: 1;
}
.hover-style1-title {
bottom: 20px;
left: 20px;
opacity: 0;
position: absolute;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
}
.hover-style1:hover .hover-style1-title {
opacity: 1;
}
.title-style-1 h3 {
color: #fff;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
transform: translateY(15px);
transition: all 0.4s ease-in-out 0s;
}
.title-style-1 h3 a {
color: #fff;
}
.hover-style1:hover .title-style-1 h3,
.hover-style1:hover .title-style-1 span {
transform: translateX(0px);
}
.title-style-1 span {
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 16px;
transform: translateY(15px);
transition: all 0.4s ease-in-out 0s;
text-transform: capitalize;
}
.view-more > a {
background-color: #333;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
padding: 10px 20px;
text-transform: uppercase;
}
.view-more > a i {
padding-left: 5px;
}
.view-more > a:hover::before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/***
====================================================================
project_professional
====================================================================
***/
.project_professional {
position: relative;
padding: 80px 0 50px;
background: #fff;
}
.project_professional.light-bg {
background: #fff;
}
.project_professional.light .post-filter li {
color: #fff;
}
.post-filter {
margin-bottom: 50px;
}
.post-filter li {
color: #222;
font-size: 18px;
padding: 8px 32px;
}
.post-filter li.active {
color: #ffffff;
background: #48c7ec;
box-shadow: 0px 15px 50px 0 rgba(0, 189, 253, 0.22), 0px 10px 15px -5px rgba(0, 189, 253, 0.18);
}
.post-filter li span {
cursor: pointer;
}
/***
====================================================================
Error Section
====================================================================
***/
.error-section{
position: relative;
text-align: center;
padding: 150px 0px 110px;
}
.error-section h3{
position: relative;
color: #1c1c1c;
font-size: 32px;
line-height: 1.4em;
text-transform: uppercase;
font-weight:800;
}
.error-section h3 span {
font-size: 150px;
line-height: 198px;
}
.error-section .text{
position: relative;
font-size: 14px;
color: #777777;
margin-top: 15px;
line-height: 1.8em;
}
.error-section .text a{
color: #3598db;
}
.error-section .search-website{
position:relative;
max-width:560px;
margin:0 auto 40px;
margin-top: 40px;
}
.error-section .search-website .form-group{
position:relative;
margin-bottom:0px;
text-align:left;
}
.error-section .search-website .form-group input[type="text"],
.error-section .search-website .form-group input[type="search"],
.error-section .search-website .form-group textarea{
position:relative;
display:block;
max-width:400px;
width: 100%;
line-height:26px;
padding:10px 15px;
background:#f4f4f4;
border:1px solid #f4f4f4;
height:48px;
border-radius:3px;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.error-section .search-website .form-group input[type="text"]:focus,
.error-section .search-website .form-group input[type="search"]:focus,
.error-section .search-website .form-group textarea:focus{
border-color:#b09991;
}
.error-section .search-website .form-group button{
position:absolute;
right:0px;
top:0px;
display:block;
width:150px;
height:46px;
text-align:center;
margin:0px;
padding:11px 30px;
line-height:24px;
font-size:14px;
text-transform:uppercase;
background:#443f45;
color:#ffffff;
font-weight:800;
border-radius:2px;
}
.error-section .search-website .form-group button:hover,
.error-section .search-website .form-group input:focus + button{
background: #48c7ec;
color:#ffffff;
}
/*================== parallax =====================*/
.parallax_professional {
position: relative;
padding: 80px 0px 80px;
background-attachment: fixed;
background-position: center;
}
.parallax_professional h1 {
color: #fff;
line-height: 55px;
font-weight: 700;
margin-bottom: 40px;
}
.parallax_professional a {
margin: 0 10px;
display: inline-block;
}
.parallax_professional:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #48c7ec;
}
/***
====================================================================
testimonial style five
====================================================================
***/
.feature-style-1 {
padding: 50px 0;
}
.feature-style-1 .testimonial p:first-child,
.client_say_about_us .testimonial p:first-child {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 1.125em;
color: #242424;
}
.feature-style-1 .testimonial span,
.client_say_about_us .testimonial span,
.feature-style-1 p.john_speach,
.client_say_about_us .testimonial p.john_speach {
font-family: 'Open Sans', sans-serif;
font-size: 0.875em;
color: #898989;
}
.feature-style-1 p.john_speach,
.client_say_about_us .testimonial p.john_speach {
padding-top: 27px;
}
.feature-style-1 p.john_speach {
padding-right:50px;
}
.feature-style-1 .testimonial img.round_img,
.client_say_about_us .testimonial img.round_img {
border-radius: 50%;
margin-top: 44px;
width: 130px;
height: 130px;
}
.feature-style-1 .testimonial .client_info {
padding-top: 60px;
line-height: 22px;
margin-right: 77px;
}
.client_say_about_us .testimonial .client_info {
padding-top: 60px;
line-height: 22px;
}
.testimonial_container {
padding-right:31px;
}
.client_say_about_us .row {
padding-top: 57px;
}
.client_say_about_us .testimonial .round_img,
.client_say_about_us .testimonial .client_info {
float:left;
}
.client_say_about_us .testimonial .client_info {
padding-left:44px;
}
.client_say_about_us .right_part {
padding-left: 110px;
}
.client_say_about_us .left_part {
padding-right: 100px;
}
.client_say_about_us .testimonial .client_sign {
padding-top:17px;
}
.client_say_about_us .bottom_part {
padding-top: 62px;
}
.feature-style-1 .testimonial .client_info ul li,
.client_say_about_us .testimonial .client_info ul li {
display: inline-block;
}
.feature-style-1 .testimonial .client_info ul,
.client_say_about_us .testimonial .client_info ul {
padding:13px 0 0 0;
}
.client_say_about_us .testimonial .client_info ul li a{
display:block;
width:21px;
height:21px;
margin-left: -3px;
}
.feature-style-1 .testimonial .client_info ul li a{
display:block;
width:21px;
height:21px;
}
.feature-style-1 .company {
padding-left:0px;
}
.feature-style-1 .company .nav li a {
font-weight: 700;
font-size: 18px;
color: #323232;
border: 1px solid #e9e9e9;
border-radius: 0px;
}
.feature-style-1 .company .nav li a:focus,
.feature-style-1 .company .nav li.active a{
color: #fff;
background-color: #48c7ec;
border-color: transparent;
}
.feature-style-1 .company .tab-content ul li i {
color:#233859;
margin-right:12px;
}
.feature-style-1 .company .tab-content ul {
display: inline-block;
}
.feature-style-1 .company .company-tab {
/* margin-top:61px; */
}
.feature-style-1 .company .tab-content ul li a {
font-family: 'Open Sans', sans-serif;
font-size:0.875em;
color: #6c6c6c;
}
.feature-style-1 .company .tab-content h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 1.125em;
color: #242424;
padding-top: 20px;
padding-bottom: 12px;
}
.feature-style-1 .company .tab-content p {
color:#898989;
padding-bottom: 0px;
}
.feature-style-1 .company .tab-content .list-two{
padding-left:86px;
}
.feature-style-1 .company .tab-content ul li {
margin-top: 0;
}
.feature-style-1 .signature-inner {
margin-right: 50px;
}
.feature-style-1 .about-column{
margin-bottom:30px;
}
.feature-style-1 .column .sec-title-two{
margin-bottom:40px;
}
.feature-style-1 .content h3 {
color: #232323;
font-weight: 600;
}
.feature-style-1 .content ul {
margin-bottom: 30px;
font-weight: 300;
font-size: 16px;
}
.feature-style-1 .column .inner .text{
position:relative;
margin-bottom:30px;
}
.feature-style-1 .column .inner .text p{
position:relative;
font-size:16px;
margin-bottom:25px;
line-height:1.6em;
color:rgba(0,0,0,0.60);
}
.feature-style-1 .column .inner .text p:last-child{
margin-bottom:0px;
}
.feature-style-1 .column .inner .author-info{
position:relative;
padding-left: 95px;
padding-top: 13px;
/* margin-bottom:50px; */
min-height:76px;
}
.feature-style-1 .column .inner .author-info .signature{
margin-bottom:20px;
}
.feature-style-1 .column .inner .author-info .img-thumb{
position:absolute;
left:0px;
top:0px;
width:76px;
border: 1px solid #eee;
height:76px;
border-radius:50%;
overflow:hidden;
}
.feature-style-1 .column .inner .author-info h4{
position:relative;
color:#323131;
font-size:20px;
font-weight:400;
}
.feature-style-1 .column .inner .author-info .designation{
position:relative;
color:#a1a1a1;
font-size:16px;
}
/***
====================================================================
Default Form Styling
====================================================================
***/
.default-form-two .form-group{
position:relative;
margin-bottom:20px;
}
.default-form-two .form-group .field-inner{
position:relative;
}
.default-form-two .form-group .field-inner .input-icon{
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
line-height: 20px;
font-size: 12px;
color: #48c7ec;
}
.default-form-two .field-label{
display:block;
line-height:24px;
font-weight:500;
font-size:13px;
color:#242133;
margin-bottom:10px;
}
.default-form-two .form-group .field-label sup,
.default-form-two .form-group .field-label .req{
color:#f06529;
font-size:16px;
padding-left:3px;
}
.default-form-two input[type="text"],
.default-form-two input[type="email"],
.default-form-two input[type="password"],
.default-form-two input[type="tel"],
.default-form-two input[type="url"],
.default-form-two select,
.default-form-two textarea{
display:block;
width:100%;
line-height:24px;
height:50px;
font-size:14px;
border:1px solid #e0e0e0;
padding:12px 20px;
background-color:#ffffff;
color:#242133;
background:#ffffff;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.default-form-two select{
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form-two textarea{
height:120px;
resize:none;
}
.default-form-two select option{
text-indent:15px;
color:#242133;
}
.default-form-two input:focus,
.default-form-two select:focus,
.default-form-two textarea:focus{
border-color:#FFA500;
}
.default-form-two input.error:focus,
.default-form-two select.error:focus,
.default-form-two textarea.error:focus{
border-color:#FFA500 !important;
}
.default-form-two .form-group label.error{
display:block;
line-height:20px;
font-size:12px;
text-transform:uppercase;
font-weight:600;
color:#ff0000;
padding-top:10px;
}
.default-form-two .check-box{
position:relative;
display:inline-block;
margin:0px 25px 15px 0px;
}
.default-form-two .check-box input{
position:absolute;
opacity:0;
visibility:hidden;
}
.default-form-two .check-box label{
position:relative;
display:block;
font-weight:normal;
padding-left:26px;
font-size:14px;
line-height:24px;
cursor:pointer;
}
.default-form-two .check-box input:checked + label{
color:#48c7ec;
}
.default-form-two .check-box label:before{
content:'';
position:absolute;
left:0px;
top:4px;
width:16px;
height:16px;
border:1px solid #d0d0d0;
}
.default-form-two .check-box label:after{
content:'\f00c';
font-family: 'FontAwesome';
position:absolute;
left:0px;
top:4px;
color:#48c7ec;
padding-right:2px;
width:16px;
height:16px;
line-height:16px;
font-size:10px;
text-align:center;
opacity:0;
}
.default-form-two .check-box input:checked + label:after{
opacity:1;
}
.default-form-two .radio-group{
position:relative;
line-height:24px;
padding:4px 0px;
}
.default-form-two .radio-group input{
position:absolute;
left:0px;
top:6px;
line-height:24px;
}
.default-form-two .radio-group label{
position:relative;
padding-left:20px;
display:block;
line-height:24px;
font-weight:400;
font-size:13px;
cursor:pointer;
}
.form-group .ui-selectmenu-button.ui-button{
width:100%;
background:none;
font-size:14px;
font-style:normal;
height:50px;
padding:12px 20px;
border:1px solid #e0e0e0;
font-family:'Roboto',sans-serif;
line-height:24px;
color:#333333;
border-radius:3px;
}
.banner-form-box .form-group .ui-selectmenu-button.ui-button{
background:#ffffff;
}
.add-listing-form .ui-selectmenu-button.ui-button{
margin-bottom:15px;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:4px;
left:2px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:0px !important;
top:5px;
width:10px;
height:20px;
display:block;
color:#121212;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-selectmenu-menu{
z-index:999;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
font-family:'Roboto',sans-serif;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #f0f0f0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
/***
====================================================================
Call back Section
====================================================================
***/
.callback-section{
position:relative;
padding:80px 0px 110px;
background: #f8f8f8;
}
.callback-section:before{
content:'';
position:absolute;
left:0px;
top:50%;
width:100%;
height:50%;
background:#f8f8f8;
}
.callback-section.with-border{
}
.callback-section .outer-box{
position:relative;
border:1px solid #f0f0f0;
background:#ffffff;
border-radius:3px;
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
-ms-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
}
.callback-section .image-column,
.callback-section .form-column{
padding:0px;
}
.callback-section .image-column img{
display:block;
width:100%;
}
.callback-section .form-column .inner{
padding:50px 50px 30px;
}
.callback-section .form-column h3{
font-size:24px;
font-weight:500;
text-transform:capitalize;
margin-bottom:30px;
color:#00000a;
}
.callback-section .form-column .form-group{
margin-bottom:28px;
}
.callback-section .form-column .form-group .field-label{
font-size:16px;
color:#1c1c1c;
font-weight:500;
}
.callback-section .form-column .form-group textarea{
height: 190px;
}
.callback-section .form-column .theme-btn{
position:relative;
display:block;
width:100%;
padding: 16px 20px;
line-height:30px;
color:#ffffff;
font-size:18px;
font-weight:400;
text-align:center;
background: #FFA500;
border: 2px solid #FFA500;
text-transform:capitalize;
border-radius:3px;
}
.callback-section .form-column .theme-btn:hover{
color: #FFA500;
background:none;
border-color: #FFA500;
}
.callback-section .form-column .theme-btn span{
position:relative;
top:1px;
padding-left:10px;
}
.btn {
flex: 1 1 auto;
margin: 10px;
padding: 30px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;
font-weight: 700;
width: 210px;
/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
box-shadow: 0 0 20px #eee;
border-radius: 10px;
color:#000000;
}
/* Demo Stuff End -> */
/* <- Magic Stuff Start */
.btn:hover {
background-position: right center; /* change the direction of the change here */
color:#ffffff;
}
.btn-1 {
background-image: linear-gradient(to right, #f6d365 0%, #fda085 51%, #f6d365 100%);
}
.btn-2 {
background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%);
}
.btn-3 {
background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
}
.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
.btn-5 {
background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 51%, #ffecd2 100%);
}