/*
Theme Name: Industrial
Theme URI: http://www.themechampion.com
Author: Industrial
Author URI: https://themeforest.net/user/themechampion
Description: industrial and Building Business WordPress Theme
Version: 3.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: industrial
Tags:two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Document
3.0 Layout
4.0 Elements
5.0 Posts
6.0 Pages
7.0 Widgets
8.0 Supports
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
font-size: 100%; overflow-x:hidden}
body {
color: #333;
overflow-x:hidden;
}
body.error404 {
background-size: cover !important; }
body.error404 #main {
background-color: transparent; }
body.error404 .content_wrapper {
background: none; }
#main {
position: relative;
z-index: 10; }
#wrapper {
position: relative;
overflow: hidden; }
.content_wrapper {
position: relative;
background: #fff;
z-index: 10; }
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
img {
border: 0;
height: auto;
max-width: 100%;
}
button, select {
text-transform: none;
max-width: 100%;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
table, th, td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
}
.widget_calendar td, .widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-family: "Noto Serif", serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
ul.sub-menu {
list-style: none;
padding-left: 20px;
}
ul.sub-menu li a{padding-right: 0!important;}
ul.sub-menu li a:after {display:none;}
.about-sec-content ul{ list-style: none;}
.single-sidebar-widget ul{ list-style: none;}
.cart_totals ul{ list-style: none;}
.diff-offer ul {list-style: none;}
/*--------------------------------------------------------------
# top bar
--------------------------------------------------------------*/
#header {
position: relative;
z-index: 99999; }
nav.main_menu .nav-holder .nav-t-footer ul.nav>li ul.sub-menu li a:focus{
color:#fff!important;
background: #51c5e9;
}
#menu_toggle {
position: relative;
cursor: pointer;
float: right;
width: 25px;
height: 20px;
padding: 10px 0;
margin: 10px 0 0; }
#menu_toggle button {
position: absolute;
left: 0;
top: 50%;
margin: -2px 0 0;
background: #092942;
height: 3px;
padding: 0;
border: none;
width: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
outline: none !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
#menu_toggle button:before {
content: '';
position: absolute;
left: 0;
top: -8px;
width: 25px;
height: 3px;
background: #092942;
-webkit-transform-origin: 1.5px center;
-moz-transform-origin: 1.5px center;
-o-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
#menu_toggle button:after {
content: '';
position: absolute;
left: 0;
bottom: -8px;
width: 25px;
height: 3px;
background: #092942;
-webkit-transform-origin: 1.5px center;
-moz-transform-origin: 1.5px center;
-o-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
#menu_toggle.open button {
background: transparent; }
#menu_toggle.open button:before {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
#menu_toggle.open button:after {
bottom: 0;
transform: rotate3d(0, 0, 1, 45deg);
transform-origin: 50% 50%; }
.header_info {
background: #2875b1;
background: -webkit-linear-gradient(top, #2875b1 50%, #266fac 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2875b1), color-stop(50%, #266fac));
background: linear-gradient(to bottom, #2875b1 50%, #266fac 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2875b1', endColorstr='#266fac',GradientType=0 );
-webkit-box-shadow: none;
box-shadow: none;
left: -webkit-calc(50% - 585px);
left: calc(50% - 585px);
right: -webkit-calc(50% - 585px);
right: calc(50% - 585px);
z-index: 10;
border: none;
text-transform: uppercase;
z-index: 9999;
border-radius: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.header_info .container {
background: #3baed4;
}
.mobile_header .top_nav_mobile {
display: none;}
.mobile_header .top_nav_mobile .main_menu_nav {
padding: 0;
margin: 0; }
.mobile_header .top_nav_mobile .main_menu_nav li {
position: relative;
list-style: none;
border-bottom: 1px solid #4fc2e8; }
.mobile_header .top_nav_mobile .main_menu_nav > li > a {
display: block;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
font: bold 15px/54px "Open Sans", sans-serif;
letter-spacing: -0.04em; }
.mobile_header .top_nav_mobile .main_menu_nav > li:hover > a {
color: #fde428; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow {
position: absolute;
display: block;
right: 12px;
top: 0;
cursor: pointer;
height: 50px;
padding: 0 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active i:before, .mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active i:after {
background: #fde428; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 11px;
height: 11px; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i:before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 11px;
height: 3px;
background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow i:after {
content: '';
position: absolute;
left: 4px;
top: 0;
width: 3px;
height: 11px;
background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px; }
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children .arrow {
padding: 10px 20px 12px; }
.mobile_header .top_nav_mobile .main_menu_nav ul {
position: relative;
margin: 0;
padding: 0;
display: none;
background: #3baed4;}
.mobile_header .top_nav_mobile .main_menu_nav ul:before {
content: '';
position: absolute;
right: 31px;
top: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 8px solid #002e5b; }
.mobile_header .top_nav_mobile .main_menu_nav ul li {
text-transform: capitalize; }
.mobile_header .top_nav_mobile .main_menu_nav ul li .arrow {
display: none !important; }
.mobile_header .top_nav_mobile .main_menu_nav ul li a {
font: bold 15px/54px "Open Sans", sans-serif;
color: #fff;
padding: 0 15px;
display: block; }
.mobile_header .top_nav_mobile .main_menu_nav ul li:active > a {
color: #fde428; }
.mobile_header .top_nav_mobile .main_menu_nav ul li ul {
display: block;
background: #fff; }
.mobile_header .top_nav_mobile .main_menu_nav ul li ul:before {
display: none; }
.mobile_header .top_nav_mobile .main_menu_nav ul li ul a {
font-size: 14px;
font-weight: 400; }
.mobile_header .top_nav_mobile .main_menu_nav ul li ul li {
position: relative;
padding: 0 0 0 7px; }
.mobile_header .top_nav_mobile .main_menu_nav ul li ul li:before {
content: '';
position: absolute;
left: 44px;
top: 50%;
width: 4px;
height: 1px;
background: #002e5b; }
.mobile_header .top_nav_mobile .main_menu_nav li.current_page_item > a, .mobile_header .top_nav_mobile .main_menu_nav li.current-menu-parent > a, .mobile_header .top_nav_mobile .main_menu_nav li.current-menu-ancestor > a {
color: #fde428; }
.mobile_header .top_nav_mobile .main_menu_nav > li.current_page_item.menu-item-has-children > .arrow {
color: #002e5b; }
.mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .sub-menu > li.current-menu-item.menu-item-has-children > .arrow, .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .sub-menu > li.current-menu-parent.menu-item-has-children > .arrow {
color: #002e5b; }
.mobile_menu > ul ul ul {
display: block; }
.grid-xs-1, .grid-sm-1, .grid-md-1, .grid-lg-1, .grid-xs-2, .grid-sm-2, .grid-md-2, .grid-lg-2, .grid-xs-3, .grid-sm-3, .grid-md-3, .grid-lg-3, .grid-xs-4, .grid-sm-4, .grid-md-4, .grid-lg-4, .grid-xs-5, .grid-sm-5, .grid-md-5, .grid-lg-5, .grid-xs-6, .grid-sm-6, .grid-md-6, .grid-lg-6, .grid-xs-7, .grid-sm-7, .grid-md-7, .grid-lg-7, .grid-xs-8, .grid-sm-8, .grid-md-8, .grid-lg-8, .grid-xs-9, .grid-sm-9, .grid-md-9, .grid-lg-9, .grid-xs-10, .grid-sm-10, .grid-md-10, .grid-lg-10, .grid-xs-11, .grid-sm-11, .grid-md-11, .grid-lg-11, .grid-xs-12, .grid-sm-12, .grid-md-12, .grid-lg-12 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.grid-sm-1, .grid-sm-2, .grid-sm-3, .grid-sm-4, .grid-sm-5, .grid-sm-6, .grid-sm-7, .grid-sm-8, .grid-sm-9, .grid-sm-10, .grid-sm-11, .grid-sm-12 {
float: left;
}
.grid-sm-12 {
width: 100%;
}
.grid-sm-11 {
width: 91.66666667%;
}
.grid-sm-10 {
width: 83.33333333%;
}
.grid-sm-9 {
width: 75%;
}
.grid-sm-8 {
width: 66.66666667%;
}
.grid-sm-7 {
width: 58.33333333%;
}
.grid-sm-6 {
width: 49.7%;
}
.grid-sm-5 {
width: 41.66666667%;
}
.grid-sm-4 {
width: 33.33333333%;
}
.grid-sm-3 {
width: 25%;
}
.grid-sm-2 {
width: 16.66666667%;
}
.grid-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-md-11, .grid-md-12 {
float: left;
}
.grid-md-12 {
width: 100%;
}
.grid-md-11 {
width: 91.66666667%;
}
.grid-md-10 {
width: 83.33333333%;
}
.grid-md-9 {
width: 75%;
}
.grid-md-8 {
width: 66.66666667%;
}
.grid-md-7 {
width: 58.33333333%;
}
.grid-md-6 {
width: 50%;
}
.grid-md-5 {
width: 41.66666667%;
}
.grid-md-4 {
width: 33%;
}
.grid-md-3 {
width: 25%;
}
.grid-md-2 {
width: 16.66666667%;
}
.grid-md-1 {
width: 8.33333333%;
}
.service-info.grid-md-3 {
width: 24.7%;
}
}
@media (min-width: 1400px){
.grid-md-4 {
width: 32.8%;
}
}
.header_top {
position: relative;
padding: 43px 0 71px;
background: #002e5b; }
.header_top:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1);
z-index: 10;
display: block; }
.header_top .container {
position: relative;
z-index: 15; }
.logo {
float: left;
font-size: 29px;
text-transform: uppercase;
color: #333; }
.logo a {
display: block; }
.logo a img {
max-width: inherit; }
.header_socials {
float: right;
font-size: 0;
margin: 0 0 0 82px; }
.header_socials a {
font-size: 22px;
line-height: 22px;
display: inline-block;
margin: 10px 0 0 16px;
color: rgba(255, 255, 255, 0.66);
transition: color 0.2s linear; }
.header_socials a:first-child {
margin: 0; }
.header_socials a:hover {
color: #fff; }
.icon_text {
position: relative; }
.icon_text .icon {
float: left;
font-size: 26px;
color: #C4D114;
margin: 0 14px 0 0; }
.icon_text .icon i {
vertical-align: top; }
.icon_text .text {
color: #fff;
float: right;
font-size: 13px; }
.icon_text .text strong {
font-weight: 400;
line-height: 16px; }
.header_top .icon_text {
float: right;
margin: 5px 14px 0 20px;
line-height: 16px; }
.mobile_header {
display: none; }
.overflow_hidden {
overflow: hidden; }
.top_bar {
position: relative;
z-index: 20;
font-size: 13px;
background-color: #002e5b; }
.top_nav {
position: absolute;
left: 0;
right: 0;
z-index: 20; }
.top_nav .top_nav_wrapper {
}
.top_nav .top_nav_wrapper > ul {
position: relative;
font-family: Poppins;
list-style: none;
margin: 0;
padding: 0 0px;
float: left; }
.top_nav .main_menu_nav > ul {
position: relative;
list-style: none;
margin: 0;
float: left; }
.top_nav .top_nav_wrapper > ul:after, .top_nav .main_menu_nav > ul:after {
content: '';
clear: both;
display: table; }
.top_nav .top_nav_wrapper > ul > li, .top_nav .main_menu_nav > ul > li {
position: relative;
float: left;
font-size: 16px;
line-height: 1;
color: #ffffff;
font-weight: 600 !important; }
.top_nav .top_nav_wrapper > ul > li.current_page_item > a, .top_nav .top_nav_wrapper > ul > li.current-menu-ancestor > a, .top_nav .top_nav_wrapper > ul > li.current-menu-parent > a, .top_nav .top_nav_wrapper > ul > li.current_page_parent > a, .top_nav .top_nav_wrapper > ul > li.current_page_ancestor > a, .top_nav .main_menu_nav > ul > li.current_page_item > a, .top_nav .main_menu_nav > ul > li.current-menu-ancestor > a, .top_nav .main_menu_nav > ul > li.current-menu-parent > a, .top_nav .main_menu_nav > ul > li.current_page_parent > a, .top_nav .main_menu_nav > ul > li.current_page_ancestor > a {
color: #c4d114; }
.top_nav .top_nav_wrapper > ul > li:hover > a, .top_nav .main_menu_nav > ul > li:hover > a {
color: #c4d114; }
.top_nav .top_nav_wrapper > ul > li > a, .top_nav .main_menu_nav > ul > li > a {
position: relative;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
color: #ffffff;
padding: 21px 16px;
text-decoration: none !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a {
position: relative; }
.top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a:hover:before, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a:hover:before {
border-left-color: #fde428; }
.top_nav .top_nav_wrapper .sub-menu > li.menu-item-has-children > a:before, .top_nav .top_nav_wrapper .sub-menu > li.page_item_has_children > a:before {
content: '';
position: absolute;
right: 20px;
top: 50%;
margin: -4px 0 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid #cccccc; }
.top_nav .main_menu_nav > ul > li.menu-item-has-children > a, .top_nav .main_menu_nav > ul > li.page_item_has_children > a {
padding-right: 23px; }
.top_nav .top_nav_wrapper > ul > li ul, .top_nav .main_menu_nav > ul > li ul {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
background: #3baed4;
list-style: none;
padding:0;
margin: 0;
min-width: 256px;
z-index: 1;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.top_nav .top_nav_wrapper > ul > li ul ul, .top_nav .main_menu_nav > ul > li ul ul {
left: 100%;
top: -2px;
background: #002e5b;
padding: 6px 0 4px; }
.top_nav .top_nav_wrapper > ul > li ul ul li a, .top_nav .main_menu_nav > ul > li ul ul li a {
color: #fff;
padding: 12px 26px; }
.top_nav .top_nav_wrapper > ul > li ul ul li a:hover, .top_nav .main_menu_nav > ul > li ul ul li a:hover {
color: #fde428; }
.top_nav .top_nav_wrapper > ul li:hover > ul, .top_nav .main_menu_nav > ul li:hover > ul {
visibility: visible;
opacity: 1; }
.top_nav .top_nav_wrapper > ul > li ul li, .top_nav .main_menu_nav > ul > li ul li {
position: relative;
font-weight: 500;
font-size: 14px;
text-transform: capitalize;
color: #333333; }
.top_nav .top_nav_wrapper > ul > li ul li a, .top_nav .main_menu_nav > ul > li ul li a {
display: block;
padding: 14px 26px 14px;
color: #333333;
text-decoration: none !important; }
.top_nav .main_menu_nav > ul > li ul li:before, .top_nav .top_nav_wrapper > ul > li ul li:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -2px;
height: 2px;
background: #002e5b;
opacity: 0;
visibility: hidden; }
.top_nav .main_menu_nav > ul > li ul li:after, .top_nav .top_nav_wrapper > ul > li ul li:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 2px;
background: #002e5b;
opacity: 0;
visibility: hidden; }
.top_nav .main_menu_nav > ul > li ul li:hover:before, .top_nav .top_nav_wrapper > ul > li ul li:hover:before {
opacity: 1;
visibility: visible; }
.top_nav .main_menu_nav > ul > li ul li:hover:after, .top_nav .top_nav_wrapper > ul > li ul li:hover:after {
opacity: 1;
visibility: visible; }
.top_nav .main_menu_nav > ul > li ul li:hover > a, .top_nav .top_nav_wrapper > ul > li ul li:hover > a {
background: #232333 none repeat scroll 0 0;
color: #fff; }
.top_nav .icon_text {
float: right;
padding: 0 0 0 35px;
margin: 18px 38px 0 0;
color: #fff; }
.top_nav .icon_text:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin: -17px 0 0 0;
border-left: 1px solid rgba(255, 255, 255, 0.15);
height: 27px; }
.top_nav .icon_text strong {
color: #fff;
font-size: 18px;
font-weight: 700 !important;
font-family: Poppins; }
.top_nav .icon_text strong a {
color: #fff;
font-size: 18px; }
.top_nav .icon_text span {
font-size: 13px; }
.page_title {
position: relative;
padding: 57.5px 0;
background-color: #fde428;
background-position: 50% 0;
color: #222222;
background-size: cover; }
.page_title:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #E9E9F0;
opacity: .8;
}
.page_title h1 {
margin: 0;
text-transform: uppercase;
font-size: 35px;
line-height: 55px;
color: #252536;
font-weight: 800; }
.page_title h1:after {
background: #fff; }
.page_title.transparent {
background-color: transparent;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 32px; }
.page_title.transparent h1 {
margin-bottom: 20px; }
.page_title.transparent h1:after {
background-color: #fde428; }
.page_title.disable_title {
margin-bottom: 0;
padding-bottom: 17px; }
/*--------------------------------------------------------------
# header-search
--------------------------------------------------------------*/
.cd-search.is-visible {
-moz-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-search {
position: relative;
width: 100%;
top: 0;
left: 15px;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search input {
border-radius: 0;
border: none;
background: rgba(21, 22, 23, 0.66);
padding: 0 5%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
font-size: 1em;
padding: 1em 2em;
color: #fff!important;
margin-left: -15px;
width: 102.7%;
}
.cd-search ::placeholder{
color:#fff!important;
padding-left:10px;
}
#close-search-btn {
position: absolute;
right: 30px;
top: 10px;
}
#close-search-btn .fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d";
font-size: 15px;
vertical-align: middle;
display: table-cell;
}
#close-search-btn i.fa.fa-close {
/* vertical-align: middle; */
display: table-cell;
padding-left: 5px;
padding-top: 2px;
}
#header .main_menu.nav-home-four.stricky-fixed .cd-search {
position: absolute;
width: 100%;
top: 67px;
left: 15px;
}
.search11{
cursor:pointer;
}
/* */
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
input[type="text"], input[type="search"], input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 0.7em; }
textarea {
-webkit-appearance: none;
-moz-appearance: none; }
embed, iframe, object, video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #222222; }
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #222222;
opacity: 1; }
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #222222;
opacity: 1; }
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #222222; }
.button{
position: relative;
outline: none !important;
border: none;
font-weight: 700;
font-family: Poppins;
font-size: 14px;
padding: 8px 21px;
color: #fff;
border-radius: 0;
background: #002e5b;
border: 3px solid #002e5b;
display: inline-block;
line-height: 23px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.post-password-form input[type="submit"] {
padding: 0.7917em;
position: absolute;
right: 0;
bottom: 0;
}
.post-password-form input[type="submit"] {
-webkit-appearance: button;
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
padding: 0.7em 1.625em;
text-transform: uppercase;}
.post-password-form label {
padding-top: 1px;
margin: 0px 15px -9px 0px;
width: 100%;
vertical-align: bottom; }
.input-group {
width: 100%; }
body textarea.form-control, body textarea.wpcf7-form-control, body #order_comments, body .input-group textarea.form-control {
height: 128px; }
textarea.wpcf7-form-control {
resize: vertical; }
.request_callback {
position: relative; }
.request_callback p {
font-weight: 700;
font-family: Poppins;
color: #fff;
margin-bottom: 12px; }
.select2-container .selection,
.select2-container--default .select2-selection--single,
.select2-container {
outline: none !important; }
.widget_archive .select2-container.select2-container--default .select2-selection--single {
height: 44px; }
.widget_archive .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
padding-left: 15px;
padding-right: 50px; }
.widget_archive .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 44px;
height: 44px; }
.select2-container .selection {
display: block; }
.select2-container .selection:after {
content: "";
display: table;
clear: both; }
.select2-container.select2-container--default .select2-selection--single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: 1px solid #cacaca;
height: 49px;
line-height: 1;
background: #cacaca;
font-size: 13px; }
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
padding-left: 29px;
padding-right: 50px;
color: #222222; }
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 50px;
height: 49px;
top: 0;
right: 0; }
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-width: 6px 6px 0 6px;
border-color: #777777 transparent transparent transparent;
margin-left: -6px;
margin-top: -3px; }
.select2-container.select2-container--default.select2-container--open .select2-selection--single {
border-color: #cacaca;
background-color: #fff; }
.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #777777 transparent;
border-width: 0 6px 6px 6px; }
.select2-container .select2-dropdown {
border: 1px solid #cacaca;
color: #222;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected] {
background: #6c98e1; }
.select2-container .select2-dropdown .select2-results__option {
padding: 10px 18px; }
span.wpcf7-not-valid-tip {
display: none; }
div.wpcf7-response-output {
margin: 0 0 10px;
background-color: #c9f7b2;
color: #61a600;
font-size: 14px;
border: none; }
div.wpcf7-response-output.wpcf7-validation-errors {
background-color: #ffd9d9;
color: #ff0000;
margin: 0 auto;
margin-top: 10px;
border: 2px solid #f7e700;}
div.wpcf7-response-output.wpcf7-mail-sent-ng {
background-color: #fff2b2;
color: #ff9900; }
.comment-info ul {
list-style: none;
padding: 0;
margin: 0 0 20px; }
.comment-info ul li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 4px; }
.comment-info ul.type_1 li:before {
content: '\f00c';
top: 4px; }
.comment-info ul.type_2 li:before {
content: '\f14a';
top: 3px;
font-size: 14px; }
.comment-info ol {
margin: 0 0 20px;
padding: 0;
list-style-position: inside; }
.comment-info ol li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 4px; }
.comments-title {
position: relative;
font-weight: 700;
text-transform: lowercase;
margin-bottom: 20px; }
.comments-title:after {
display: none; }
ul.comment-list {
position: relative;
margin: 0 0 40px;
padding: 0; }
ul.comment-list li {
list-style: none;
border-top: 1px solid #dddddd;
padding: 30px 0 0;
margin: 0 0 30px; }
ul.comment-list .comment .vcard {
float: left;
margin: 0 32px 0 0;
width: 87px; }
ul.comment-list .comment .vcard img {
max-width: 100%;
height: auto; }
ul.comment-list .comment .comment-info {
overflow: hidden; }
ul.comment-list .comment .comment-author {
float: left;
font-family: Poppins;
font-weight: 600;
color: #333333; }
ul.comment-list .comment .comment-meta {
float: right;
font-size: 11px;
color: #aaaaaa;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 15px 0; }
ul.comment-list .comment .comment-meta a {
display: inline-block;
vertical-align: middle;
color: #aaaaaa; }
ul.comment-list .comment .comment-meta a:hover {
color: #6c98e1;
text-decoration: none; }
ul.comment-list .comment .comment-meta a:before {
content: "/";
display: inline-block;
vertical-align: baseline;
margin: 0 7px 0 5px;
color: #dddddd; }
ul.comment-list .comment .comment-meta a:first-child:before {
display: none; }
ul.comment-list .comment .comment-text {
clear: both; }
ul.comment-list .comment .comment-text p {
line-height: 22px; }
ul.comment-list .comment .comment-text *:last-child {
margin-bottom: 0; }
ul.comment-list .children {
margin: 29px 0 0 30px;
padding: 0; }
ul.comment-list .children > li {
position: relative;
padding: 30px 0 0;
margin: 0 0 30px;
border-top: 1px solid #dddddd; }
ul.comment-list .children > li:before {
content: '';
position: absolute;
left: 66px;
top: -9px;
background: url("../../images/comment_before.png") no-repeat 0 0;
width: 15px;
height: 9px; }
.comment-respond {
margin: 40px 0 0 0; }
.comment-reply-title {
margin: 0 0 19px;
font-size: 20px;
text-transform: lowercase; }
.comment-reply-title:after {
display: none; }
.comment-reply-title:before {
margin: 0 0 22px 0; }
.comment-awaiting-moderation {
display: block;
color: #6c98e1;
font-weight: 700;
text-transform: lowercase;
margin: 10px 0 0; }
.comment-info table {
width: 100%;
margin: 0 0 40px; }
.comment-info table td, .comment-info table th {
border: 1px solid #e9e9e9;
padding: 5px 10px; }
.comment-form .form-submit { }
.comments-area .comment-form .form-submit input#submit {
background: #f6ba18;
border: 1px solid #f6ba18;
text-transform: uppercase;
letter-spacing: 1px;
font: 700 1.2em/2.1em 'Montserrat', sans-serif;
padding: 7px 22px 7px 22px;
color: #fff;
margin-top: 10px;
border-radius: 5px;
letter-spacing: 1px;
}
.comments-area .comment-form .form-submit input#submit:hover{
color:#fff;
}
.comments-area .comment-respond form#commentform {
padding: 30px;
border: 1px solid #eee;
margin: 0px;
background: #fff;
}
.comment-info ul ul, .comment-info ol ol {
margin: 10px 0 20px 20px; }
.slick_prev, .slick_next {
width: 45px;
height: 45px;
z-index: 10000;
border: 3px solid #d7d7d7;
top: 50%;
margin-top: -22px;
position: absolute;
font-size: 20px;
text-align: center;
color: #d7d7d7;
cursor: pointer;
box-sizing: border-box;
transition: border 0.2s linear, background 0.2s linear, color 0.2s linear, opacity 0.2s linear; }
.slick_prev:hover, .slick_next:hover {
border-color: #002e5b !important;
background: #002e5b;
color: #fff;
opacity: 1; }
.slick_prev i, .slick_next i {
margin-top: 9px; }
.slick-dots {
margin: 30px auto 0;
display: table; }
.slick-dots:after {
content: '';
clear: both;
display: table; }
.slick-dots li {
float: left;
margin: 0 10px 0 0;list-style:none; }
.multiple_project .slick-dots li {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 5px; }
.slick-dots li.slick-active button {
background: #002e5b; }
.slick-dots li button {
display: block;
border: none;
text-indent: -3000px;
width: 10px;
height: 8px;
background: #cccccc;
outline: none;
padding: 0;
margin: 0;
border-radius: 50%;
width: 15px;
height: 15px;
background: #f5f5f5;
border: 1px solid #bcbcbc;
float: left; }
ul.page-numbers, .page-links {
position: relative;
margin: 0 0 40px 0;
padding: 0; }
.page-numbers:after, .page-links:after, .page-links:after {
content: '';
clear: both;
display: table; }
.page-numbers li {
list-style: none;
float: left;
margin: 0 11px 0 0; }
.page-links > span, .page-links > a {
list-style: none;
float: left;
margin: 0 11px 0 0;
display: block;
min-width: 40px;
height: 40px;
text-align: center;
border: 2px solid transparent;
padding: 11px 5px 0;
font-size: 16px;
line-height: 16px;
font-weight: 600;
font-family: Poppins;
color: #002e5b; }
.page-links > span:hover, .page-links > span.current, .page-links > a:hover, .page-links > a.current {
border-color: #002e5b;
text-decoration: none; }
.page-links > span {
border-color: #002e5b; }
.page-links > .page-links-title {
padding-left: 0;
border: none; }
.page-links > label {
list-style: none;
float: left;
margin: 0 11px 0 0;
line-height: 30px; }
.page-numbers .page-numbers {
display: block;
min-width: 40px;
height: 40px;
text-align: center;
border: 2px solid transparent;
padding: 11px 5px 0;
font-size: 16px;
line-height: 16px;
font-weight: 600;
font-family: Poppins;
color: #002e5b; }
.page-numbers .page-numbers:hover, .page-numbers .page-numbers.current {
text-decoration: none; }
.posts_list > ul {
padding: 0;
margin: 0;
list-style: none;
}
.posts_list > ul > li {
list-style: none;
padding: 0 0 40px;
margin: 0 0 49px 0;
border-bottom: 1px solid #dddddd;
}
.posts_list > ul > li.sticky {
background: #f2f2f2;
padding: 40px;
}
.posts_list > ul > li:last-child {
padding-bottom: 50px;
margin-bottom: 29px;
}
.posts_list > ul > li h4 {
padding-top: 0;
font-weight: 700;
font-size: 22px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
position: relative;
background: #222229;
background: url(../../images/bg6.jpg) no-repeat fixed center 0 #111f2d;
background-size: cover;
}
#footer .footer_widgets .widget .widget_title {
font-size: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #eeeeee;
text-transform: uppercase;
margin: 38px 0 30px;
letter-spacing: 0.15px;
line-height: 1;
}
div#footer-2 {
width: 27%;
}
div#footer-3 {
width: 23%;
}
.sidebar-footer.footer-columns.clearfix {
font-family: "Open Sans", sans-serif;
}
.footer_widgets {
padding: 40px 0 0;
}
.footer_widgets .socials {
margin-top: 28px;
}
.socials ul {
list-style: none;
padding-left: 0;
}
.socials ul li {
display: inline;
margin-left: 10px;
}
.socials ul li a {
width: 28px;
height: 28px;
text-align: center;
line-height: 26px;
border: 1px solid #5e7285;
border-radius: 100%;
padding: 5px;
color: #5e7285;
}
.copyright {
float: left;
}
.copyright_row {
padding: 25px 0 40px;
}
.credit-texts a {
color: #4ba4cd!important;
}
.m0 {
margin: 0;
}
.p0 {
padding: 0;
}
@media (min-width: 1281px) {
.container {
width: 1200px;
}
}
@media (max-width: 767px) and (min-width: 361px) {
.container {
padding: 0 25px;
}
}
a, .btn, button {
text-decoration: none;
outline: none;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
a:after, a:before, .btn:after, .btn:before, button:after, button:before {
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none;
}
.page-cover, header.row, footer.row {
margin: 0;
position: relative;
}
@media (max-width: 1199px) {
p {
font-size: 14px;
line-height: 24px;
}
}
.site-contents {
padding: 100px 0;
}
@media (max-width: 767px) {
.site-contents {
padding: 70px 0;
}
.latest-news-padd .img-responsive.zoom_img_effect.wp-post-image {
width: 100%;
}
}
.btn {
border-radius: 3px;
text-transform: uppercase;
font: bold 18px/50px "Raleway", sans-serif;
padding: 0 35px;
color: #fff;
border: none;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.btn-big {
line-height: 58px;
padding: 0 30px;
}
.btn-sm {
line-height: 37px;
padding: 0 20px;
}
.btn-outline {
border: 1px solid #fff;
line-height: 48px;
}
.btn-primary {
background-image: -webkit-linear-gradient(90deg, #d41818 0%, #e33d3d 100%);
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.btn-primary:hover, .btn-primary:focus {
background: #099bd7;
}
.section-title {
font: bold 38px/48px "Alegreya", serif;
margin-top: 0;
margin-bottom: 15px;
color: #242424;
letter-spacing: 0.15px;
}
@media (max-width: 767px) {
.section-title {
font-size: 33px;
}
}
.section-title:after {
display: inline-block;
content: '';
width: 35px;
height: 2px;
background: #099bd7;
margin-left: 10px;
}
.section-title.style2 {
text-align: center;
}
.section-title.style2:after {
display: none;
}
.section-title + p {
color: #8e8d8d;
letter-spacing: 0.3px;
margin-bottom: 25px;
}
.section-title.blue-c {
color: #099bd7;
}
/*====================================================*/
.top-header {
background: #092942;
}
.top-header .header-social {
float: right;
}
@media (min-width: 992px) {
.top-header .header-contacts {
display: none;
}
}
.welcome-texts {
color: #9ebbd1;
font: italic 16px/50px "Open Sans", sans-serif;
opacity: 0.6;
}
@media (max-width: 1199px) {
.welcome-texts {
font-size: 14px;
}
}
.header-social li + li {
margin: 0;
}
.header-social li a {
padding: 0 8px;
font-size: 18px;
color: #5996c6;
line-height: 50px;
border-radius: 0;
}
@media (max-width: 1199px) {
.header-social li a {
font-size: 14px;
padding: 0 5px;
}
}
.header-social li a:hover, .header-social li a:focus {
color: #fff;
background: none;
}
.header-searchform {
background: #041e32;
}
@media (max-width: 991px) {
.header-searchform {
margin-bottom: 20px;
}
}
.header-searchform .form-control {
background: none;
border-radius: 0;
height: 50px;
border: none;
padding-left: 30px;
-webkit-box-shadow: none;
box-shadow: none;
font: 16px/1 "Open Sans", sans-serif;
color: #5f93bb;
}
@media (max-width: 1199px) {
.header-searchform .form-control {
padding-left: 15px;
font-size: 14px;
}
}
.header-searchform .form-control.placeholder {
font-style: italic;
color: #5f93bb;
}
.header-searchform .form-control::-moz-placeholder {
font-style: italic;
color: #5f93bb;
}
.header-searchform .form-control::-webkit-input-placeholder {
font-style: italic;
color: #5f93bb;
}
.header-searchform .form-control::-ms-input-placeholder {
font-style: italic;
color: #5f93bb;
}
.header-searchform .input-group-addon {
border-radius: 0;
padding: 0;
border: none;
background: none;
}
.top-mobile-header {
background: #092942;
}
.mob-search {overflow:hidden;}
.header-searchform .input-group-addon button[type="submit"] {
padding: 0 20px 0 15px;
font-size: 16px;
color: #5f93bb;
background: none;
border: none;
line-height: 50px;
}
@media (max-width: 1199px) {
.header-searchform .input-group-addon button[type="submit"] {
padding: 0 10px;
}
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*Main Header*/
.main-header {
background-image: -webkit-linear-gradient(90deg, #e1e0e4 0%, white 100%);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
padding-top: 5px;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
@media (max-width: 991px) {
.main-header {
padding-top: 0;
}
.top-header {
display: none;
}
.main-header {
display: none;
}
.mobile_header {
display: block;
}
.logo {max-width:199px; font-size:24px;}
.logo img {width:100%;}
}
.main-header .this-inner {
margin: 0;
border-top: 1px dashed #85919b;
padding: 30px 0 44px;
}
@media (max-width: 991px) {
.main-header .this-inner {
border: none;
padding: 15px 0;
}
}
.main-header .header-contacts {
float: right;
}
.main-header.affix-coming {
top: -100px;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.main-header.affix {
top: 0;
left: 0;
right: 0;
position: fixed;
margin: 0;
z-index: 9999;
}
.main-header.affix + section, .main-header.affix + div {
margin-top: 70px;
}
.main-logo {
display: inline-block;
}
.main-logo img {
max-width: 100%;
}
@media (max-width: 991px) {
.main-logo {
max-width: 199px;
}
}
.header-contacts li {
display: table-cell;
vertical-align: middle;
float: none;
padding: 0 20px;
border-right: 1px solid #d6d6d6;
}
.header-contacts li + li {
margin: 0;
border-left: 1px solid #fff;
}
.header-contacts li:last-child {
padding-right: 0;
border: none;
}
.header-contacts .media {
display: inline-table;
vertical-align: middle;
}
.header-contacts .media-left {
vertical-align: middle;
padding-right: 17px;
}
.header-contacts .media-left span {
display: block;
}
.header-contacts .media-body {
width: auto;
}
.header-contacts .this-subtitle {
margin: 0;
text-transform: uppercase;
font: bold 14px/20px "Open Sans", sans-serif;
color: #7d7987;
}
.header-contacts .this-title {
margin: 0;
font: 15px/20px "Open Sans", sans-serif;
color: #232932;
}
.header-contacts h3.this-title {
font-size: 22px;
font-weight: bold;
color: #424242;
}
.header-contacts.mob-style {
margin-top: 18px;
margin-bottom: 20px;
width: 100%;
padding-left: 0;
}
.header-contacts.mob-style li {width:100%;display: block;border-right: none;}
.header-contacts.mob-style li:last-child {
margin-top: 15px;
}
.header-contacts.mob-style .media {
display: table;
}
.header-contacts.mob-style .this-title {
color: #cbdae6;
}
@-webkit-keyframes fadeItIn {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeItIn {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
/*Navbar*/
.plumber-navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2875b1+50,266fac+50 */
background: #2875b1;
/* Old browsers */
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #2875b1 50%, #266fac 50%);
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2875b1), color-stop(50%, #266fac));
background: linear-gradient(to bottom, #2875b1 50%, #266fac 50%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2875b1', endColorstr='#266fac',GradientType=0 );
/* IE6-9 */
-webkit-box-shadow: none;
box-shadow: none;
position: absolute;
left: -webkit-calc(50% - 585px);
left: calc(50% - 585px);
right: -webkit-calc(50% - 585px);
right: calc(50% - 585px);
z-index: 10;
border: none;
text-transform: uppercase;
margin: -16px 0 -50px;
z-index: 9999;
border-radius: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
@media (max-width: 1199px) {
.plumber-navbar {
left: -webkit-calc(50% - 485px);
left: calc(50% - 485px);
right: -webkit-calc(50% - 485px);
right: calc(50% - 485px);
}
}
@media (max-width: 991px) {
.plumber-navbar {
margin: 0;
min-height: 0;
left: auto;
right: auto;
position: relative;
}
}
.plumber-navbar .container {
padding: 5px;
max-width: 1170px;
position: relative;
}
@media (max-width: 991px) {
.plumber-navbar .container {
background: #3baed4;
padding: 0;
}
}
.plumber-navbar #plumber-nav {
position: relative;
z-index: 2;
padding: 0;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav {
border: none;
}
.plumber-navbar #plumber-nav .nav {
margin: 0;
}
}
.plumber-navbar #plumber-nav li {
position: relative;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li {
border-bottom: 1px solid #4fc2e8;
}
}
.plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before {
content: '';
height: 34px;
width: 1px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before {
display: none;
}
}
.plumber-navbar #plumber-nav li:before {
background: #265c86;
left: 0;
}
.plumber-navbar #plumber-nav li:after {
background: #4287b8;
right: 0;
}
.plumber-navbar #plumber-nav li:first-child:before {
display: none;
}
.plumber-navbar #plumber-nav li:last-child:after {
display: none;
}
.plumber-navbar #plumber-nav li a {
color: #fff;
text-shadow: none;
padding: 0 25px;
font: bold 16px/54px "Open Sans", sans-serif;
border: 0;
}
@media (max-width: 1199px) {
.plumber-navbar #plumber-nav li a {
padding: 0 15px;
font-size: 14px;
}
}
@media(min-width:992px) and (max-width:1183px){
.vc_custom_1491289875476 {
background-image: url(http://www.themechampion.com/demo/industriallst/wp-content/uploads/2017/02/1-3.jpg?id=171) !important;
height: 478px;
background-size: cover;
}
.vc_column-inner.vc_custom_1491289875476 {
height: 478px;
background-size: cover;
}
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li a {
font-size: 15px;
line-height: 52px;
}
}
@media (max-width: 767px) and (min-width: 361px) {
.plumber-navbar #plumber-nav li a {
padding: 0 25px;
}
}
.plumber-navbar #plumber-nav li a:hover, .plumber-navbar #plumber-nav li a:focus {
background: none;
color: #7cc3ff;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li a:hover, .plumber-navbar #plumber-nav li a:focus {
color: #fff;
}
}
.plumber-navbar #plumber-nav li.active a {
color: #7cc3ff;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li.active a {
color: #fff;
}
}
.plumber-navbar #plumber-nav li .sub-menu {
top: -webkit-calc(100% + 5px);
top: calc(100% + 5px);
background: #3baed4;
border-radius: 0;
border: none;
padding: 0;
min-width: 256px;
}
@media (min-width: 1025px) {
.plumber-navbar #plumber-nav li .dropdown-menu {
display: block;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li .sub-menu {
background: #4fc2e8;
}
}
.plumber-navbar #plumber-nav li .sub-menu li {
border-bottom: 1px solid #4fc2e8;
}
.plumber-navbar #plumber-nav li .sub-menu li:before, .plumber-navbar #plumber-nav li .sub-menu li:after {
display: none;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li .sub-menu li {
padding-left: 15px;
border-bottom: none;
border-top: 1px solid #75dbfd;
}
}
.plumber-navbar #plumber-nav li .sub-menu li:last-child {
border: none;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li .sub-menu li:last-child {
border-top: 1px solid #75dbfd;
}
}
.plumber-navbar #plumber-nav li .sub-menu li a {
color: #fff;
font-size: 15px;
font-weight: normal;
text-transform: capitalize;
padding: 0 32px;
line-height: 48px;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li .sub-menu li a {
padding: 0 15px;
}
.plumber-navbar #plumber-nav li .sub-menu li a:before {
content: '-';
padding-right: 10px;
}
}
.plumber-navbar #plumber-nav li .sub-menu li a:hover, .plumber-navbar #plumber-nav li .dropdown-menu li a:focus {
background: #4fc2e8;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li:hover, .plumber-navbar #plumber-nav li:focus {
background: #4fc2e8;
}
}
.plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a {
color: #64d9ff;
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a {
color: #fff;
}
}
.plumber-navbar #plumber-nav li.dropdown > a:after {
font-family: "FontAwesome";
display: none;
content: "\f107";
}
@media (max-width: 991px) {
.plumber-navbar #plumber-nav li.dropdown > a:after {
display: block;
float: right;
}
}
.plumber-navbar #plumber-nav li.dropdown.open > a:after {
content: "\f106";
}
@media (min-width: 1025px) {
.plumber-navbar #plumber-nav li.dropdown:hover .sub-menu, .plumber-navbar #plumber-nav li.dropdown:focus .sub-menu {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.plumber-navbar #plumber-nav .header-social {
display: table;
margin: 0 auto 30px;
}
@media (min-width: 992px) {
.plumber-navbar #plumber-nav .header-social {
display: none;
}
}
.plumber-navbar #plumber-nav .header-social li {
border: none;
}
.plumber-navbar #plumber-nav .header-social li a {
line-height: 1;
}
.plumber-navbar.affix-coming {
top: -100px;
}
.plumber-navbar.affix {
top: 0;
left: 0;
right: 0;
position: fixed;
margin: 0;
-webkit-animation: fadeItIn 1s;
animation: fadeItIn 1s;
}
.plumber-navbar.affix + section, .plumber-navbar.affix + div {
margin-top: 70px;
}
.navbar-container {
margin: 0;
border: 1px dashed rgba(255, 255, 255, 0.3);
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.navbar-container {
border: none;
}
}
.get-appointment-btn {
float: right;
color: #fff;
font: bold 16px/54px "Open Sans", sans-serif;
padding: 0 34px;
background: #058dc5;
position: relative;
text-align: center;
}
@media (max-width: 991px) {
.get-appointment-btn {
float: none;
display: block;
margin: 25px 15px 20px;
}
.get-appointment-btn {
margin: 25px 0px 5px;
}
.header-social li a {
color: #fff;
}
.nav.nav-pills.header-social {
display: table;
margin: 0 auto;
}
.nav.nav-pills.header-social li {
padding:0 15px;
}
}
@media (max-width: 767px) and (min-width: 361px) {
.get-appointment-btn {
margin: 25px 25px 20px;
}
}
.get-appointment-btn:before {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 50%;
left: 0;
right: 0;
bottom: 0;
background: #0688c0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.get-appointment-btn span {
position: relative;
z-index: 2;
}
.get-appointment-btn:hover, .get-appointment-btn:focus {
color: #fff;
background: #092942;
}
.get-appointment-btn:hover:before, .get-appointment-btn:focus:before {
background: #09263e;
}
.navbar-toggle {
border-radius: 0;
padding: 0;
border: none;
margin: 8px 0;
width: 25px;
display:block;
}
.navbar-toggle .icon-bar {
height: 3px;
width: 15px;
background: #092942;
margin: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
float: right;
}
.navbar-toggle .icon-bar:nth-child(2) {
width: 25px;
}
.navbar-toggle .icon-bar:nth-child(3) {
width: 20px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 3px;
}
.navbar-toggle[aria-expanded="true"] .icon-bar {
width: 25px;
}
.porltv {
position: relative;
}
.nav-footer ul.nav li.menu-item-has-children > a > button {
display: none;
}
/*-------------------Defaul--End------------*/
.clearfix {
clear: both;
}
.m0 {
margin: 0 !important;
}
.mt30 {
margin-top: 30px;
}
.p0 {
padding: 0 !important;
}
ul,
li {
margin: 0;
padding: 0;
}
.btn {
background: #4dcef6;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0 40px;
line-height: 48px;
text-transform: uppercase;
}
.btn0 {
background: #ffba00;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0 40px;
line-height: 48px;
text-transform: uppercase;
margin: 0 20px 0 0;
}
.btn2 {
color: #000;
background: #f8d24b;
}
a,
.btn,
button {
text-decoration: none;
outline: none;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
text-decoration: none;
outline: none;
}
section.row,
header.row,
footer.row {
position: relative;
}
body {
font-family: "Open Sans", sans-serif;
font-weight: 100%;
height: 100%;
overflow-x: hidden;
letter-spacing: 0.2px;
}
.thm-container {
max-width: 1170px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.four_arrow_hover_box {
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
opacity: 0;
border: 7px solid rgba(3, 137, 158, 0.6);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.four_arrow_hover_box .arrows {
border: 1px solid #fff;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.four_arrow_hover_box .arrows span {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(3, 137, 158, 0.6);
}
.four_arrow_hover_box .arrows:before,
.four_arrow_hover_box .arrows:after {
content: '';
display: block;
position: absolute;
}
.four_arrow_hover_box .arrows:before {
border-top: 1px solid rgba(3, 137, 158, 0.6);
border-bottom: 1px solid rgba(3, 137, 158, 0.6);
top: -1px;
bottom: -1px;
left: 16px;
right: 16px;
}
.four_arrow_hover_box .arrows:after {
border-left: 1px solid rgba(3, 137, 158, 0.6);
border-right: 1px solid rgba(3, 137, 158, 0.6);
left: -1px;
right: -1px;
top: 16px;
bottom: 16px;
}
.accrodion {
border: 1px solid #D7D7D7;
background: #fff;
margin-bottom: 10px;
}
.accrodion:last-child {
margin-bottom: 0;
}
.accrodion.active .accrodion-title {
background: #019BB3;
}
.accrodion.active .accrodion-title h4 {
color: #fff;
}
.accrodion.active .accrodion-title:after {
content: '-';
font-size: 40px;
line-height: 38px;
color: #fff;
}
.accrodion .accrodion-title {
cursor: pointer;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.accrodion .accrodion-title:after {
content: '+';
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #898989;
font-size: 23px;
position: absolute;
top: 0;
right: 20px;
line-height: 46px;
}
.accrodion .accrodion-title h4 {
color: #242424;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
line-height: 46px;
letter-spacing: .04em;
margin: 0;
}
.accrodion .accrodion-content {
padding-left: 30px;
padding-top: 19px;
padding-bottom: 30px;
}
.accrodion .accrodion-content h3,
.accrodion .accrodion-content h4 {
margin: 0;
color: #242424;
margin-bottom: 15px;
}
.accrodion .accrodion-content p {
font-size: 14px;
color: #898989;
line-height: 24px;
margin: 0;
margin-bottom: 20px;
}
.accrodion .accrodion-content ul {
margin-top: 19px;
}
.accrodion .accrodion-content ul li {
font-size: 14px;
line-height: 15px;
color: #898989;
margin-bottom: 8px;
}
.accrodion .accrodion-content ul li:last-child {
margin-bottom: 0;
}
.accrodion .accrodion-content ul li:before {
content: '\f105';
font-family: 'FontAwesome';
color: #898989;
margin-right: 15px;
}
.accrodion .accrodion-content .img-caption .img-box,
.accrodion .accrodion-content .img-caption .content-box {
display: table-cell;
vertical-align: top;
}
.accrodion .accrodion-content .img-caption .img-box {
width: 143px;
}
.accrodion .accrodion-content .img-caption .content-box {
padding-left: 25px;
}
.accrodion .accrodion-content .img-caption .content-box p {
margin-bottom: 0;
}
.image_hover:after {
position: absolute;
content: '';
opacity: 0;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: all .3s ease-out;
}
.image_hover:focus:after,
.image_hover:hover:after {
opacity: 1;
}
.image_hover:hover:after {
opacity: .5;
}
.zoom_img_effect {
position: relative;
transition: all .3s ease-out;
}
.image_hover:hover .zoom_img_effect {
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
}
/* ==============================
3. header top styles
============================== */
.wel-band {
background: #093660;
font: 300 1em/1em "Open Sans", sans-serif;
color: #6e6e6e;
}
.wel-band-bg {
background: url("assets/images/head-top-band1.png") no-repeat center center;
overflow: hidden;
padding: 1.075em 0;
background-size: cover;
}
.wel-band-bg p {
font: 400 15px"Open Sans", sans-serif;
margin: 0;
padding: 0;
color: #6e6e6e;
}
.top-w-text p {
font: 400 1.1em/1em "Open Sans", sans-serif;
margin: 0;
padding: 0;
color: #fff;
}
.wel-band .right {
text-align: right;
}
.logo {
text-align: left;
}
.logo-sec {
padding-top: 25px;
padding-bottom: 25px;
}
.t-logo {
text-align: left;
padding-bottom: 0em;
}
.logo-sec img {
display: inline-block;
}
.touch_top {
float: left;
padding: 8px 0;
width: 100%;
}
.touch_top ul .item {
padding: 0;
float: right;
}
.touch_top ul .item:last-child {
border-right: 1px solid #d8d8d8;
}
.touch_top ul .item-ad {
width: 50%;
padding: 0 0 0 0;
}
.touch_top ul .item-phone {
width: 46%;
padding: 0 0 0 4%;
}
.touch_top ul .item .media .media-left a i {
font-size: 2em;
color: #1fa6c8;
display: initial;
width: initial;
height: initial;
line-height: 1;
vertical-align: initial;
margin-left: initial;
}
.media-body {
text-align: left;
}
.media-body p {
text-align: left;
color: #232932;
padding: 0;
margin: 0;
font: 400 1.072em/0.8em "Open Sans", sans-serif;
}
.media-body p span {
color: #9692a0;
font-size: 1em;
line-height: 1.7em;
word-break: break-all;
}
.media-body p span a {
color: #9692a0;
}
.media-body p span a:hover {
color: #0fa2d9;
}
.touch_top .nav {
margin: 0;
}
.widget-search {
float: right;
padding: 8px 0;
}
.widget .search-form .form-control {
height: 37px;
border-radius: 0;
border: none;
font: 1em/1em "Open Sans", sans-serif;
padding: 0 15px;
-webkit-box-shadow: none;
box-shadow: none;
color: #c0c0c0;
z-index: 0;
}
.widget-inner {
border: 1px solid #ddd;
}
.widget .search-form .form-control + .input-group-addon {
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
}
.widget .search-form .form-control + .input-group-addon button {
border: 0;
background: #fff;
color: #ddd;
font-size: 1.2em;
line-height: 2.1em;
padding-right: 15px;
}
#header {
position: relative;
background: #fff;
}
.header-3 .wel-t-band {
background: #083661;
}
.header-3 .wel-band-bg {
background: url("assets/images/header-top-band/head-top-band3.jpg") no-repeat center center;
background-size: cover;
}
.header-3 .wel-t-band p,
.header-3 .wel-t-band p span {
color: #fff;
}
.header-3 .widget-t-search {
padding: 0;
}
.header-3 .widget-t-search .widget-t-inner {
margin-top: 0;
border: none;
}
.header-3 .widget-t .search-form .form-control {
height: 63px;
}
.header-3 .nav-t-holder .nav-t-footer ul.nav > li:hover a,
.header-3 .nav-t-holder .nav-t-footer ul.nav > li.active a {
color: #4dcef6;
}
.header-3 .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li a {
color: #242424;
}
.header-5
{
background: #0f263a;
}
.header-5 .navi
{
border-top: 1px solid #1b364c;
}
.header-5 .media-body p
{
color: #9e9e9e;
}
.header-5 .touch_top ul .item:last-child
{
border-right: 1px solid #485662;
}
/* ==============================
4. Header Menu styles
============================== */
ul.ind-menu .menu ul li {
display: inline-block;
padding: 1.6em 0;
position: relative;
}
ul.ind-menu .menu ul li:first-child a {
padding-left: 0;
}
ul.ind-menu .menu ul li a {
padding: 0 1.3em;
display: block;
color: #fff;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font: 600 1.36em/1em 'Open Sans Condensed', sans-serif;
border-right: 1px dashed #3f5262;
}
nav.main_menu .nav-holder ul.nav.ind-menu li.current_page_item a:active {
color: #fab90a!important;
}
nav.main_menu .nav-holder ul.nav.ind-menu li a:focus {
color: #fab90a!important;
}
nav.main_menu .nav-holder ul.nav.ind-menu li a:hover {
color: #fab90a;
}
nav.main_menu .nav-holder ul.nav.ind-menu li.current_page_item a:visited {
/*color: #fab90a;*/
}
.main-menu-wrapper {
margin-bottom: -65px;
position: relative;
z-index: 9;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.main-menu-wrapper .nav-bg {
background: #0f253a;
}
.main-menu-wrapper:before {
content: '';
background: #0f253a;
width: 1190px;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.main-menu-wrapper.stricky-fixed {
position: fixed;
top: 0px;
/*top: 10px;*/
left: 0;
width: 100%;
z-index: 9999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
background: #009bb3;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:before {
content: '';
background: #FBB12F;
right: 100%;
width: 2500px;
top: 0;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover {
background: #1FB5C7;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {
background: #1FB5C7;
}
.main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {
color: #fff;
}
.ind-container {
max-width: 1170px;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.main-menu-wrapper .ind-container {
position: relative;
}
.main-menu-wrapper .ind-container:before {} .main-menu-wrapper .free-qoute-button {
background: #FBB12F;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper .free-qoute-button:hover {
background: #1FB5C7;
}
.main-menu-wrapper .free-qoute-button:hover:before {
background: #1FB5C7;
}
.main-menu-wrapper .free-qoute-button:hover a {
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper .free-qoute-button:before {
content: '';
position: absolute;
left: -32px;
top: 0;
width: 80px;
background: #FBB12F;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper .free-qoute-button a {
font: 700 1.8em/1.2em 'Open Sans Condensed', sans-serif;
color: #010101;
text-transform: uppercase;
padding: 18px 30px 18px 28px;
display: block;
position: relative;
}
.main-menu-wrapper .free-qoute-button a:before {} .nav-holder {
position: relative;
}
.nav-holder .nav-header {
display: none;
padding: 12px 20px;
}
.nav-holder .nav-header button {
width: 40px;
height: 40px;
background: #19242a;
border: none;
outline: none;
color: #fff;
font-size: 25px;
border-radius: 5px;
}
.nav-holder .nav-footer {
display: block;
}
.nav-holder .nav-footer ul.nav > li {
display: inline-block;
padding: 23.5px 0;
position: relative;
}
.nav-holder .nav-footer ul.nav > li:hover a,
.nav-holder .nav-footer ul.nav > li.active a {
color: #fab90a;
background-color: transparent;
}
.nav-holder .nav-footer ul.nav > li:last-child > a {
border: none;
padding-right: 0;
}
.nav-holder .nav-footer ul.nav > li > a {
padding: 0 1.2em;
display: block;
color: #fff;
text-transform: uppercase;
border-right: 1px dashed #3f5262;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.4px;
}
.nav-holder .nav-footer ul.nav > li.menu-item > a {
letter-spacing: 0.14px;
}
.nav-holder .nav-footer ul.nav > li > ul.sub-menu {
top: 100%;
left: 0;
}
.nav-holder .nav-footer ul.nav > li > ul.sub-menu.align-right {
right: 0;
left: auto;
}
.nav-holder .nav-footer ul.nav > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
}
.nav-holder .nav-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu {
top: 0;
left: 100%;
}
.nav-holder .nav-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu.align-right {
right: 100%;
left: auto;
}
.nav-holder .nav-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu {
position: absolute;
width: 275px;
opacity: 0;
visibility: hidden;
z-index: 99999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu li {
display: block;
padding: 0;
background: #fff;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu li:last-child a {
border-bottom: 0;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu li:last-child a:after {
display: none;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu li:hover > a {
color: #fff;
background: #51c5e9;
}
.nav-holder .nav-footer ul.nav > li ul.sub-menu li a {
color: #242424;
font: 600 1.0712em/1em 'Open Sans', sans-serif;
padding: 13px 25px 14px;
border-bottom: 1px solid #e9e9e9;
position: relative;
display: block;
font-weight: 600;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
}
.nav-footer ul.nav li.has-sub-menu > a > button {
display: none;
}
.menu-gradient {} .main-menu-wrapper.full-width {
background: #FBB12F;
margin-top: 0;
margin-bottom: 0;
}
.main-menu-wrapper.full-width.stricky-fixed {
top: 0;
}
.main-menu-wrapper.full-width .free-qoute-button a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 2000px;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: -1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
background: #ffffff;
/* Old browsers */
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)
/* IE6-9 */
}
/* ==============================
5. Banner styles
============================== */
.thm-btn {
border: none;
outline: none;
background: transparent;
font-size: 14px;
line-height: 28px;
color: #fff;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-weight: 500;
padding: 10px 0px;
padding-left: 27px;
padding-right: 27px;
display: inline-block;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 2px solid #fff;
}
.thm-btn:hover {
background: #1FB5C7;
color: #fff;
}
.thm-btn:hover i {
color: #fff;
border-color: transparent;
}
.thm-btn:hover i:after {
background: #fff;
}
.thm-btn i {
font-size: 16px;
color: #000000;
line-height: 28px;
border-left: 1px solid #FFCD47;
margin-left: 20px;
padding-left: 15px;
position: relative;
}
.thm-btn i:after {
content: '';
position: absolute;
top: 0;
left: -2px;
width: 1px;
height: 100%;
background: #D7A41B;
}
.thm-btn.transparent {
background-color: transparent;
border: 1px solid #85A4BE;
color: #fff;
}
.thm-btn.transparent i {
color: inherit;
}
.thm-btn.transparent:hover {
background: #1FB5C7;
border-color: #1FB5C7;
color: #fff;
}
.thm-btn.transparent:hover i {
color: inherit;
}
.animate-3 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.animate-5 {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-7 {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.animate-3-all * {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.animate-5-all * {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-7-all * {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.thm-banner-wrapper .caption-h1 {
font-size: 50px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.thm-banner-wrapper .caption-p {
font-size: 20px;
font-style: italic;
color: #fff;
line-height: 28px;
}
.thm-banner-wrapper .caption-divider span.divider {
width: 1px;
height: 90px;
background: #fff;
display: block;
}
.thm-banner-wrapper .thm-btn {
padding-top: 7px;
padding-bottom: 7px;
-webkit-transition: all .3s ease !important;
transition: all .3s ease !important;
font-weight: bold !important;
}
.thm-banner-wrapper .thm-btn i {
margin: 0;
border-color: transparent;
}
.thm-banner-wrapper .thm-btn i:after {
display: none;
}
.thm-banner-wrapper .thm-btn.inverse {
background: #F7BE3D;
color: #000;
border: 2px solid #F7BE3D;
}
.thm-banner-wrapper .thm-btn.inverse:hover {
color: #202020;
background: #1FB5C7;
}
.thm-banner-wrapper .thm-btn.inverse i {
color: #fff;
}
.thm-banner-wrapper .brder {
display: block;
width: 100px;
height: 4px;
background: #E6AB0C;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
}
/* ==============================
6. Welcome to industrial styles
============================== */
.wel-ind-pad {
padding: 5.7em 0 1em;
}
.wel-info {
position: relative;
overflow: hidden;
}
.wel-info h1 {} .wel-info h1 {
font: 600 2.4em/1em "Alegreya", serif;
color: #282c3d;
margin: 0 0 0.8em;
text-transform: uppercase;
}
.wel-info p {
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #777777;
}
.wel-bot {
padding: 1.2em 0 0;
}
.wel-bot img {
float: left;
border: 1px solid #cecece;
padding: 0.4em;
margin: 0 1.8em 0 0;
height: 92px;
width: 104px;
}
.wel-bot h2 {
font: 400 1.5em/1.2em "Open Sans", sans-serif;
color: #009bb3;
margin: 0;
padding: 0;
}
.wel-bot p {
color: #777;
font-style: italic;
padding: 0.8em 0 0;
opacity: 0.5;
}
.wel-ind-image {
position: relative;
}
.wel-ind-image:after {
content: '';
position: absolute;
border: 2px solid #fff;
z-index: 4;
display: block;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}
.wel-ind-image img {
max-width: 100%;
width: 470px;
height: 260px;
}
.wel-ind-r-sec {
position: relative;
}
.wel-ind-r-txt {
float: left;
margin: 2em;
}
.wel-ind-r-txt p {
font: 400 1.5em/1.2em "Open Sans", sans-serif;
font-style: italic;
}
.wel-ind-r-img {
float: right;
position: relative;
bottom: 4em;
z-index: 4;
}
.wel-ind-r-img img {
border-top: 7px solid #fff;
border-left: 7px solid #fff;
width: 256px;
height: 158px;
}
/* ==============================
7. Our Services styles
============================== */
.our-services {
background: #f6f6f6;
}
.sectpad {
padding: 5.7em 0 3.0em 0;
}
.sectpad-ser {
padding: 5.7em 0 3em;
}
.section_header {
position: relative;
padding: 5.2em 0 3em;
}
.section_header h2 {
font: 600 28px 'Montserrat', sans-serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0;
}
.section_header h2:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.color h2 {
color: #242424 !important;
}
.service-info {
position: relative;
overflow: hidden;
display: inline-block;
float: none;
vertical-align: top;
}
@media (max-width: 981px) {
.service-info {float:left;}
}
.service-info a {
display: inline-block;
width: 100%;
}
.service-info a h4 {
border-bottom: 2px solid #19a3b8;
color: #242424;
font-family: 'Montserrat', sans-serif;
font-weight:600;
font-size:18px;
text-transform: uppercase;
padding: 0 0 15px 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin-top:20px;
}
.service-info a h4:hover {
color: #fbb12f;
border-bottom: 2px solid #8192a4;
}
.service-info p {
color: #898989;
font: 400 1.1em/1.6em "Open Sans", sans-serif;
margin: 0;
padding: 1em 0 0.5em;
}
.service-info h6 a,
.service-info p a {
text-transform: uppercase;
font: 13px "Open Sans", sans-serif;
font-weight: bold;
}
.service-info h6 a:hover,
.service-info p a:hover {
color: #8192a4;
}
.service-info h6 {
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
padding: 0 0 3em;
}
.service-info .post-image {
position: relative;
overflow: hidden;
}
.service-info .post-image img {
max-width: 100%;
width: 370px;
height: 202px;
}
.service-info .item {
position: relative;
}
.service-info .item .four_arrow_hover_box {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.service-info .item:hover .four_arrow_hover_box,
.service-info .item:focus .four_arrow_hover_box {
opacity: 0.9;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/* ==============================
8. Our Services natural resource styles
============================== */
.fluid-service-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
background: #123450;
}
@media (max-width: 991px) {
.fluid-service-area {
display: block;
}
}
.fluid-service-area .work-image-ser {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
@media (max-width: 991px) {
.fluid-service-area .work-image-ser {
width: 100%;
text-align: center;
}
}
@media (max-width: 991px) {
.fluid-service-area .work-image-ser img {
width: 100%;
}
}
.fluid-service-area .service-promo {
width: -webkit-calc(50% + 115px);
width: calc(50% + 115px);
float: left;
position: relative;
padding-left: 30px;
background: #123450;
}
@media (max-width: 991px) {
.fluid-service-area .service-promo {
width: 100%;
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
.fluid-service-area .service-promo {
padding: 15px;
}
}
.fluid-service-area .service-promo ul .item {
text-align: left;
padding: 0 0 4.1em;
}
.service-content {
position: relative;
z-index: 2;
padding: 4em 4em 0em 4em;
}
.service-content .media-left {
vertical-align: middle;
padding-right: 4em;
}
.service-content ul .item .media .media-body {
text-align: left;
font: 1em/1em "Open Sans", sans-serif;
color: #898989;
letter-spacing: 0.3px;
padding: 0 17em 0 0;
}
.service-content ul .item .media .media-body h4 {
font: 600 1.3em/1em "Open Sans", sans-serif;
color: #fff;
text-transform: uppercase;
}
.service-content ul .item .media .media-body p {
font: 1em/1.5em "Open Sans", sans-serif;
color: #fff;
}
.nau-head {
position: absolute;
background: #ffa10d;
width: 18em;
bottom: 1em;
text-align: left;
font-family: "Raleway", sans-serif;
padding: 1em 0 0 2em;
right: 0;
}
.nau-head p {
font: 600 1.3em/1em "Raleway", sans-serif;
color: #000;
text-transform: uppercase;
}
.nau-head p span {
display: block;
color: #000;
font-size: 0.7em;
font-weight: 400;
}
/* Our Projects */
.our-project {
background: #ecebef;
overflow: hidden;
}
.project_txt_btn {
width: 100%;
float: left;
position: absolute;
left: 0;
overflow: hidden;
top: 0px;
text-align: center;
height: 100%;
}
a.view-all.slide_learn_btn.view_project_btn {
width: 147px;
font-size: 14px;
display: inline-block;
top: -140px;
position: relative;
z-index: 999;
-webkit-transition: -webkit-transform 0.55s;
transition: transform 0.55s;
line-height: 43px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
background: #53cff5;
text-transform: uppercase;
border-radius: 3px;
color: #fff;
}
.project_txt_btn h6 {
width: 100%;
float: left;
font-size: 16px;
text-align: center;
background: #f8c12c;
color: #000;
line-height: 50px;
bottom: -60px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.desi-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.project_img
{
background: #000;
position: relative;
}
.project_img:hover img {
opacity: 0.5;
-webkit-transform: scale3d(1.15, 1.15, 1);
transform: scale3d(1.15, 1.15, 1);
}
.project_img img,
.project_img h6 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.project_img img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 0;
}
.project_img:hover img {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
border: 0;
}
.project_img h6,
.project_img .view_project_btn {
position: absolute;
z-index: 99;
}
.project_img:hover h6 {
bottom: 0;
left: 0;
}
.project_img:hover .view_project_btn {
opacity: 1
}
.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
top: 40%;
text-decoration: none;
}
/* ==============================
9. Our Project Slider styles
============================== */
.our-pro-slider .pro-sliders {
padding-top: 8px;
}
.our-pro-slider .pro-sliders .post-image {
position: relative;
}
.our-pro-slider .pro-sliders .post-image img {
max-width: 100%;
border: 1px solid #ebebeb;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.our-pro-slider .pro-sliders .post-image img:hover {
border: 1px solid #103d68;
border-radius: 100%;
}
.our-pro-slider .pro-sliders .item {
position: relative;
}
.our-pro-slider .pro-sliders .item .four_arrow_hover_box {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.our-pro-slider .pro-sliders .item:hover .four_arrow_hover_box,
.our-pro-slider .pro-sliders .item:focus .four_arrow_hover_box {
opacity: 0.9;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.our-pro-slider .pro-sliders .pro-web {
position: absolute;
bottom: 1.5em;
z-index: 6;
width: 100%;
text-align: center;
}
.our-pro-slider .pro-sliders .pro-web h4 {
color: #fff;
text-transform: uppercase;
font: 600 1.3em/1em "Open Sans", sans-serif;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 0;
}
@media (max-width: 599px) {
.our-pro-slider .pro-sliders .item {
max-width: 320px;
margin: 0 auto;
}
}
.our-pro-slider .owl-nav {
position: absolute;
right: 0;
top: -85px;
}
.pro-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev,
.pro-sliders.owl-carousel .owl-controls .owl-nav .owl-next {} .fullwidth-silder2 .owl-controls .owl-nav .owl-prev,
.fullwidth-silder2 .owl-controls .owl-nav .owl-next,
.fullwidth-silder3 .owl-controls .owl-nav .owl-prev,
.fullwidth-silder3 .owl-controls .owl-nav .owl-next {
width: 40px;
text-align: center;
font-size: 22px;
line-height: 36px;
color: #8d8d8d;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
height: 40px;
padding: 0;
border: 1px solid #8d8d8d;
border-radius: 0;
background: transparent;
}
.pro-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #329cad;
color: #fff;
text-decoration: none;
}
.pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 5px;
}
/* ==============================
10. Testimonial home styles
============================== */
.testimonial-wrapper {
background: url(../images/testimonial/testimonial-bg.jpg) center bottom no-repeat fixed;
background-size: cover;
position: relative;
}
.testimonial-sec {
padding: 80px 10em;
text-align: center;
}
.testimonial-sec .testimonial-slider {
text-align: center;
}
.testimonial-sec .testimonial-slider img {
width: 100px;
border-radius: 50%;
display: inline-block;
}
.testimonial-sec .testimonial-slider p {
font: 1.15em/2em "Open Sans", sans-serif;
color: #fff;
padding: 0;
margin: 2em;
}
.testimonial-sec .testimonial-slider p span {
float: left;
}
.testimonial-sec .testimonial-slider p span img {
width: auto;
border-radius: inherit;
margin-top: -10px;
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
border: 2px solid #FBB12F;
background-color: transparent;
/* background: #FBB12F; */
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
border: 2px solid #1FB5C7;
background: transparent;
width: 15px;
height: 15px;
}
/* ==============================
11. Latest News styles
============================== */
.latest-news {
background: url("../images/latest-news/news-bg.jpg") no-repeat scroll center 0;
-webkit-background-size: cover;
background-size: cover;
}
.latest-outer {
position: relative;
}
.lat-news-outer {
position: relative;
background: #fff;
}
.lat-news-outer .lat-img-box {
display: table-cell;
vertical-align: middle;
position: relative;
}
.lat-news-outer .lat-img-box img {
max-width: 100%;
}
.lat-news-outer .lat-img-box {
width: 200px;
}
.lat-news-outer .lat-img-box .latest-info-date {
position: absolute;
width: 62px;
height: 76px;
text-align: center;
background: #06aac3;
left: 0;
bottom: 0;
}
.lat-news-outer .lat-img-box .latest-info-date h3 {
font: 600 25px/21px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
}
.lat-news-outer .lat-img-box .latest-info-date h3 small {
font: 500 14px/21px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
text-transform: uppercase;
display: block;
}
.lat-news-outer .lat-new-cont {
display: table-cell;
vertical-align: middle;
padding: 0 2em;
}
.lat-news-outer .lat-new-cont h3 {
font: 600 16px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #000;
margin-top: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
text-transform: uppercase;
}
.lat-news-outer .lat-new-cont p {
border-bottom: 1px solid #e7e7e7;
font: 400 1em/1.4em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
padding-bottom: 15px;
margin-bottom: 13px;
}
.latest-meta a {
font: normal 1em/1em "Open Sans", sans-serif;
color: #c1c1c1;
padding-right: 13px;
}
.latest-meta a + a:before {
content: '';
background: #c2c2c2;
margin-right: 15px;
width: 1px;
height: 14px;
bottom: -3px;
position: relative;
display: inline-block;
}
.latest-meta .read_more {
color: #3dabf1;
}
.lat-pad {
margin: 0 0 2em;
}
.latest {} .latest .latest-image {
position: relative;
}
.latest .latest-image img {
max-width: 100%;
}
.latest .latest-image .latest-info-date {
position: absolute;
width: 62px;
height: 76px;
text-align: center;
background: #06aac3;
left: 0;
bottom: 0;
}
.latest .latest-image .latest-info-date h3 {
font: 600 1.5em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
}
.latest .latest-image .latest-info-date h3 small {
font: 500 1em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
text-transform: uppercase;
display: block;
}
.latest .latest-news-text {
padding: 21px 30px 20px 30px;
background: #fff;
}
.latest .latest-news-text h4 {
font: 600 16px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #000;
margin-top: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
text-transform: uppercase;
}
.latest .latest-news-text p {
border-bottom: 1px solid #e7e7e7;
font: 400 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
padding-bottom: 15px;
margin-bottom: 13px;
}
.latest .latest-image .latest-info-date h3 small {
font: 500 14px/21px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
text-transform: uppercase;
display: block;
}
/* ==============================
12. Our Client styles
============================== */
.our-client {
background: #fff;
position: relative;
}
.client-carousel .item img:hover {
opacity: 1 !important;
}
.client-carousel .item img {
opacity: 0.5 !important;
border: 1px solid #F0F0F0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
/* ==============================
13. Indurial Solution styles
============================== */
.indurial-solution {
position: relative;
background: #009bb3;
}
.indpad {
padding: 1.5em 0;
}
.indurial-solution-text h2 {
font: 600 2em/1em "Open Sans", sans-serif;
letter-spacing: 0.4px;
color: #fff;
font-style: italic;
margin: 0;
padding: 0.4em 0 0;
text-align: center;
display: inline-block;
}
.anim-5,
.anim-5-all * {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.contactus-button a {
background: #19242a;
color: #fff;
display: inline-block;
font: 500 1em/1em "Open Sans", sans-serif;
margin-top: 1px;
padding: 0px 17px 0px 23px;
text-transform: uppercase;
float: right;
border-radius: 5px;
line-height: 42px;
letter-spacing: 2px;
}
.contactus-button a:hover {
background: #3d515c;
color: #fff;
}
.contactus-button {
margin: 0.5em 0 0;
}
/* ==============================
14. Footer styles
============================== */
#footer {
background: #19242a;
}
.sec-padding {
padding-top: 6em;
padding-bottom: 4.3em;
}
.widget.about-us-widget a {
color: #1FB5C7;
margin-top: 1.4em;
text-decoration: none;
}
.widget.about-us-widget p {
color: #627279;
margin-top: 2em;
font-size: 15px;
}
.widget.about-us-widget ul {
margin: 0;
padding: 0;
}
.widget.about-us-widget ul li {
display: inline-block;
list-style: none;
padding: 10px 9px;
}
.widget.about-us-widget ul li:first-child {
padding-left: 0px;
}
.widget.about-us-widget ul li a {
padding: 0;
color: #7c7c7c;
}
.widget.about-us-widget ul li a:hover {
background: none;
color: #11adc6;
}
.widget.about-us-widget ul li a i {
font-size: 1.5em;
}
.widget.about-us-widget img {
max-width: 100%;
}
.widget-contact h4,
.get-in-touch h4,
.widget-links h4 {
font: 600 20px "Open Sans", sans-serif;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 24px;
font-style: italic;
}
.widget-contact h4:after,
.get-in-touch h4:after,
.widget-links h4:after {
content: '';
width: 40px;
height: 2px;
background: #0094b3;
display: block;
margin-top: 13px;
}
.widget-contact-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget-contact-list ul li a {
color: #627279;
line-height: 39px;
text-decoration: none;
font-size: 15px;
letter-spacing: 0;
}
p.cart-empty {
font-size: 18px;
font-weight: 700;
}
p.return-to-shop {
margin-bottom: 60px;
}
.return-customer {
/*margin-top: 50px;*/
font-size: 16px;
}
.our-team-page a:hover{
text-decoration: none;
}
.widget-contact-list ul li a:hover {
color: #009bb3;
}
.widget-contact-list ul li i {
float: left;
font-size: 25px;
color: #009bb3;
width: 34px;
padding-top: 13px;
line-height: 18px;
}
.widget.widget-contact ul li .fleft {
float: left;
color: #627279;
width: -webkit-calc(100% - 34px);
width: calc(100% - 34px);
font: 400 1em/1.4em "Open Sans", sans-serif;
padding: 1.1em 0 0;
}
.widget.widget-contact ul li .fleft span {
color: #1FB5C7;
}
.widget.widget-contact ul li i.fa-map-marker {
padding-top: 22px;
}
.widget.widget-contact ul li i.fa-phone {
font-size: 21px;
line-height: 41px;
}
.widget.widget-contact ul li i.fa-envelope-o {
font-size: 18px;
line-height: 41px;
}
.widget.widget-contact ul li i.icon-Timer {
font-size: 20px;
line-height: 35px;
}
.footer-bottom {
background: #141d22;
color: #555759;
padding: 2em 0;
}
.footer-bottom .fo-txt p {
color: #555759;
}
.footer-bottom .fo-txt p a {
color: #1d8898;
}
.footer-bottom .fo-txt p a:hover {
color: #f6ba18;
}
.get-in-touch {
position: relative;
}
.get-in-touch ul {
margin: 0;
padding: 0;
}
.get-in-touch ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
float: left;
}
.get-in-touch ul li img {
margin: 0 3px 3px 0;
width: 84px;
height: 68px;
}
/* ==============================
15. Inner Banner styles
============================== */
.inner-banner {
padding-top: 126px;
padding-bottom: 83px;
background: #13314c url(../images/about/banner.jpg) center center no-repeat;
background-size: cover;
}
.inner-banner h2 {
font: 600 2.4em/1em "Alegreya", serif;
text-transform: uppercase;
color: #fff;
}
.inner-banner h2:after {
content: '';
background: #e6ab0c;
width: 50px;
height: 4px;
margin-left: 10px;
display: inline-block;
}
.inner-banner ul.breadcumb li {
display: inline-block;
margin-right: 6px;
}
.inner-banner ul.breadcumb li:last-child a:after,
.inner-banner ul.breadcumb li:last-child span:after {
display: none;
}
.inner-banner ul.breadcumb li a {
display: inline-block;
color: #20bcd4;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
display: block;
}
.inner-banner ul.breadcumb li span {
display: inline-block;
color: #fff;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
display: block;
}
.inner-banner ul.breadcumb li a i,
.inner-banner ul.breadcumb li span i {
font-size: 14px;
font-weight: normal;
margin-right: 5px;
}
.inner-banner ul.breadcumb li a:after,
.inner-banner ul.breadcumb li span:after {
content: '\f105';
display: inline-block;
font-family: 'FontAwesome';
color: #fff;
font-size: 13px;
margin-left: 7px;
}
.inner-banner2 {
padding-top: 75px;
padding-bottom: 80px;
background-size: cover;
}
.inner-banner2 h2 {
font: 600 38px 'Montserrat', sans-serif;
color: #fff;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.breadcumb-wrapper {
background: #f2f4f6;
border-bottom: 1px solid #e6e8e9;
padding-top: 1.2em;
padding-bottom: 1.2em;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
}
.breadcumb-wrapper ul.breadcumb li {
display: inline-block;
margin-right: 6px;
}
.breadcumb-wrapper ul.breadcumb li:last-child a:after,
.breadcumb-wrapper ul.breadcumb li:last-child span:after {
display: none;
}
.breadcumb-wrapper ul.breadcumb li a {
display: inline-block;
color: #20bcd4;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
display: block;
}
.breadcumb-wrapper ul.breadcumb li span {
display: inline-block;
color: #909aa2;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
display: block;
}
.breadcumb-wrapper ul.breadcumb li a i,
.breadcumb-wrapper ul.breadcumb li span i {
font-size: 14px;
font-weight: normal;
margin-right: 5px;
}
.breadcumb-wrapper ul.breadcumb li a:after,
.breadcumb-wrapper ul.breadcumb li span:after {
content: '\f105';
display: inline-block;
font-family: 'FontAwesome';
color: #909aa2;
font-size: 13px;
margin-left: 13px;
}
/* ==============================
16. About Tab Box styles
============================== */
.about-tab-box .vc_tta-tabs-container {
margin-bottom: 50px;
}
.about-tab-box .vc_tta-tabs-container {
width: 25%;
padding-right: 15px;
}
.about-tab-box .vc_tta-panels-container {
width: 75%;
padding-left: 15px;
}
.about-tab-box .vc_tta-panels-container .vc_tta-panel-body {
padding: 0!important;
}
.about-tab-box .vc_tta-panels-container .vc_tta-panels{
padding: 0 0 0 5em;
background-color: initial !Important;
border: none !important;
}
.vc_tta-tabs.vc_tta-tabs-position-left:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tab.vc_active > a:after {
height:0;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li {
background: #fff;
transition: all .3s ease;
position: relative;
margin: 0 0 1.5em;
border: 2px solid #e0e0e0;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a{
background-color: initial!Important;
border: none;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_active, .about-tab-box .vc_tta-tabs-container ul li:hover {
background: #009bb3;
border: 2px solid transparent;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a:hover{
background-color:#0094b3;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li a:active{
background-color:#0094b3;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active,
.about-tab-box .vc_tta-tabs-container ul li:hover {
background: #009bb3;
border: 2px solid transparent;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover a{
color:#fff!important;
border: none;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a {
color:#fff!important;
border: none;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:before {
position: absolute;
top: -2px;
left: -2px;
width: 6px;
height: 106%;
background: transparent;
content: '';
transition: all .3s ease;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active:before,
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:hover:before {
background: #e6ab0c;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.active:after {
opacity: 1;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.active a,
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li:hover a {
color: #FFFFFF;
}
.about-tab-box .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a {
text-align: left;
font: 500 1.54em/1em "Open Sans", sans-serif;
display: block;
font-weight: bold;
color: #242424;
padding: 1em;
transition: all 0.3s ease;
text-transform: uppercase;
border: none;
}
.about-tab-box .single-tab-content .content-box {
margin-left: 20px;
}
.about-tab-box .single-tab-content h2 {
font: bold 2.2em/1.2em "Alegreya", serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0 0 1em;
}
.about-tab-box .single-tab-content h2:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.about-tab-box .single-tab-content h3 {
font-size: 20px;
font-family: 'Open Sans';
color: #242424;
line-height: 26px;
font-weight: normal;
margin-bottom: 10px;
}
.about-tab-box .single-tab-content p {
color: #8E8D8D;
margin: 0 0 1em;
font: 400 1em/1.8em "Open Sans", sans-serif;
}
.about-tab-box .single-tab-content ul li {
color: #333E56;
font-size: 15px;
text-transform: uppercase;
line-height: 40px;
font-weight: 600;
}
.about-tab-box .single-tab-content ul li .fa {
font-size: 18px;
color: #FF7043;
margin-right: 5px;
}
.about-tab-box .single-tab-content .abot-img {
display: inline-block;
margin-top: 2em;
}
.about-tab-box .single-tab-content .abot-img img {
max-width: 100%;
float: left;
}
.about-tab-box .single-tab-content .abot-img img:first-child {
margin: 0 2.4em 0 0;
}
.about-tab {
padding: 0 0 0 5em;
}
.features-section {
overflow: hidden;
}
.features-section .features-image {
width: -webkit-calc(50% - 210px);
width: calc(50% - 210px);
float: left;
display: block;
text-align: right;
}
@media (max-width: 1199px) {
.features-section .features-image {
width: 100%;
}
}
@media (max-width: 1199px) {
.features-section .features-image img {
width: 100%;
}
}
.features-section .features-area {
float: left;
position: relative;
}
@media (max-width: 1199px) {
.features-section .features-area {
width: 100%;
}
}
.features-section .features-area:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #143b53;
top: 0;
left: 0;
display: block;
z-index: 1;
}
.features-section .features-area .features {
max-width: 850px;
position: relative;
z-index: 2;
}
@media (max-width: 1199px) {
.features-section .features-area .features {
margin: 0 auto;
}
}
.features-section .features-area .features h4 {
font: 700 16px/26px "Raleway", sans-serif;
letter-spacing: 0.3px;
color: #fff;
text-transform: uppercase;
margin-bottom: 8px;
}
.features-section .features-area .features p {
font: 500 14px/26px "Raleway", sans-serif;
letter-spacing: 0.3px;
color: #fff;
margin-bottom: 40px!important;
opacity: 0.5;
}
.features-section .features-area .features .features-content {
width: 50%;
float: left;
padding: 80px 30px 27px 35px;
}
@media (max-width: 639px) {
.features-section .features-area .features .features-content {
width: 100%;
}
}
.features-section .features-area .features .features-content:first-child {
background: #143b53;
}
.features-content .media .media-left a img{
max-width: initial;
}
/* ==============================
17. Team styles
============================== */
.team-pad {
padding: 0 0 4.5em;
}
.team-area .our-team {
margin-top: 0.6em;
}
.team-area .our-team-page {
margin-top: 0;
margin-bottom: 30px;
}
.team {
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
cursor: pointer;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.team {
padding: 15px;
}
}
@media (max-width: 767px) {
.team {
padding: 15px;
width: 400px;
max-width: 100%;
margin: 0 auto;
}
}
.team .team-images {
background: url("assets/images/img-bg.jpg") repeat center center;
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
height: 297px;
}
.team .team-images:after {
content: '';
background: transparent;
position: absolute;
border: 1px solid #fff;
/*z-index: -1;*/
display: block;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.our-team-page .team {
margin-bottom: 30px;
}
.team .team-images:before {
position: absolute;
background-color: rgba(3, 137, 158, 0.6);
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
}
.team .team-images img {
max-width: 100%;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.team .team-content {
padding: 1em 0px 0.8em;
text-align: center;
cursor: pointer;
position: relative;
border: 2px solid #e4e4e4;
margin: 5px 0 0;
}
.team .team-content h4 {
font: 400 1.15em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #242424;
margin: 0;
}
.team .team-content p {
font: 400 14px/22px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
margin: 0;
}
.team .social-icons {
display: table;
position: absolute;
bottom: 15px;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
text-align: center;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.team .social-icons li {
display: inline-block;
}
.team .social-icons li + li {
margin-left: 25px;
}
@media (max-width: 1199px) {
.team .social-icons li + li {
margin-left: 15px;
}
}
.team .social-icons li a {
font-size: 22px;
color: #fff;
padding: 0;
}
.team .social-icons li a:hover,
.team .social-icons li a:focus {
background: none;
color: #c89551;
}
.team:hover .social-icons {
bottom: 125px;
}
.team:hover .team-images:after {
border: 1px solid #fff;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
z-index: 1;
background: transparent;
}
.team:hover .team-images:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 1;
}
.team:hover .team-content {
background: #e6ab0c;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
border: 2px solid #d59d08;
}
.team:hover .team-content h4,
.team:hover .team-content p {
color: #fff;
}
.dedicated-team {
padding-top: 22px;
}
.dedicated-team .our-teams {
margin-bottom: 30px;
}
.team-wrapper {
padding: 100px 0 70px 0px;
min-height: 669px;
}
.team .box-img {
position: relative;
}
.team .box-img img {
width: 100%;
}
.team .box-img .caption {
position: absolute;
bottom: -143px;
background: rgba(10, 45, 78, 0.8);
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding: 20px 30px;
}
.team .box-img:hover .caption {
width: 100%;
height: 100%;
bottom: 0;
padding: 40px 30px;
}
.team .box-img .caption h2 {
font-weight: 600;
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin: 0 0 25px 0;
font-family: 'Montserrat', sans-serif;
}
.team .box-img .caption p {
color: #fff;
font-size: 15px;
margin: 0 0 10px 0;
}
.team .box-img .caption a {
font-size: 13px;
color: #fab90a;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}.grid-wrapper .carousel-prev .fa-angle-left {
color: #333;
}
.grid-wrapper .carousel-next .fa-angle-right {
color: #333;
padding-right: 10px;
}
.grid-wrapper.fullwidth-silder .carousel-prev .fa-angle-left{
color: #fff!important;
}
.grid-wrapper.fullwidth-silder .carousel-next .fa-angle-right{
color: #fff!important;
}
.grid-wrapper.fullwidth-silder2 .carousel-prev{
margin-right:15px;
}
.vc_row-has-fill span.carousel-prev .fa-angle-left {
color: #333!important;
}
.vc_row-has-fill span.carousel-prev {
margin-right:15px;
}
.vc_row-has-fill span.carousel-next .fa-angle-right {
color: #333!important;
}
.team-wrapper4 {
background: url("assets/images/bg-team4.jpg") repeat;
padding: 101px 0 71px;
width: 100%;
}
.team-wrapper4 .team {
margin: 0 0 30px 0;
}
/* ==============================
18. Testimonial Area styles
============================== */
.testimonial-area {
background: #f5f4f4;
}
.testimonial-sliders .owl-nav {
position: absolute;
right: 0;
top: -80px;
}
@media (max-width: 479px) {
.testimonial-sliders .owl-nav {
top: 0;
}
}
.testimonial-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev,
.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-next {
background: #61bac8;
width: 33px;
text-align: center;
font-size: 20px;
line-height: 33px;
color: #fff;
float: left;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.testimonial-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #329cad;
color: #fff;
text-decoration: none;
}
.testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 5px;
}
.testimonial {
position: relative;
}
@media (max-width: 479px) {
.testimonial {
display: block;
background: none;
}
}
.testimonial + .testimonial {
margin-top: 30px;
}
.testimonial .media-left {
position: relative;
padding-right: 0;
}
@media (max-width: 479px) {
.testimonial .media-left {
display: block;
text-align: center;
}
}
.testimonial .media-left a {
display: block;
width: 170px;
height: 185px;
line-height: 185px;
}
@media (max-width: 479px) {
.testimonial .media-left a {
margin: 0 auto;
}
}
.testimonial .media-left img {
width: 140px;
height: 140px;
border-radius: 50%;
}
.testimonial .media-left:before {
content: '';
position: absolute;
right: -2px;
top: 19.2%;
z-index: 12;
background: url("assets/images/arrow.png") no-repeat 0 0;
width: 15px;
height: 27px;
}
@media (max-width: 479px) {
.testimonial .media-left:before {
display: none;
}
}
.testimonial .media-body {
vertical-align: middle;
padding: 0 30px;
border: 2px solid #e4e4e4;
background: #fff;
}
@media (max-width: 479px) {
.testimonial .media-body {
background: #fff;
text-align: left;
padding: 30px;
}
}
.testimonial .media-body p {
font: 400 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.testimonial .media-body p {
line-height: 22px;
font-weight: 300;
margin-bottom: 0;
}
}
.testimonial .media-body p span {
display: inline-block;
background: url(../images/testimonial/quote.jpg) no-repeat scroll center center;
width: 21px;
height: 19px;
margin-right: 16px;
}
.testimonial .media-body a {
font: 300 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #c89551;
font-style: italic;
text-align: right;
display: block;
text-decoration: none;
}
.testimonial-col {
padding: 25px 15px;
}
.testimonial-bg {
padding: 55px 0;
}
.testimonial-sliders {
padding-top: 0;
}
.grid-wrapper.grid-2-columns .our-pro-slider.slick-slide {
margin-right: 30px;
}
/* ==============================
19. Services Page styles
============================== */
.service-tab-box h1 {
font-weight:600;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0 0 1em;
font-family: 'Montserrat', sans-serif;
font-size: 2.2em;
}
.service-tab-box h1:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.service-tab-box p {
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #777777;
}
.service-tab-box h6 {
color: #242424;
margin: 0 0 0.5em;
padding: 0;
font: 400 1.4em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
}
.service-tab-box ul.c-brochure {
display: inline-block;
color: #fff;
}
.service-tab-box ul.c-brochure li {
background: #fab90a;
color: #fff;
}
.service-tab-box ul.c-brochure li a {
color: #fff;
font: 400 1.2em/1.2em "Open Sans", sans-serif;
}
.service-tab-box ul.c-brochure li a span {
display: inline-block;
padding: 0.7em 1.5em;
text-transform: uppercase;
letter-spacing: 2px;
}
.service-tab-box ul.c-brochure li a i {
background: #e7ab08;
padding: 1em;
}
.service-tab-box .img-s-box {
display: inline-block;
overflow: visible;
position: relative;
font-size: 0;
float: right;
}
.service-tab-box .img-s-box .img-so-box {
display: inline-block;
position: relative;
}
.service-tab-box .img-s-box .img-so-box:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px solid rgba(255, 255, 255, 1);
border-bottom: 0;
border-left: 0;
}
.service-tab-box .img-s-box .img-st-box {
display: inline-block;
}
.service-tab-box .img-s-box .img-so-box img,
.service-tab-box .img-s-box .img-st-box img {
max-width: 100%;
display: block;
}
/* ==============================
20. Side Bar Widget styles
============================== */
/* .pull-left.news .single-sidebar-widget { */
/* padding-right: 55px; */
/* } */
.pull-right .single-sidebar-widget {
padding-left: 50px;
}
.single-side-left {
width: 320px;
margin: 0 50px 0 0;
float: left;
}
.content-right {
width: 800px;
}
.single-sidebar-widget {
margin-bottom: 50px!important;
}
.single-sidebar-widget:last-child {
margin-bottom: 0;
}
.single-sidebar-widget .sec-title {
margin-bottom: 30px;
}
.blog-side-shop .widget .widget-title{
margin-top:0;
margin-bottom: 1em;
}
.single-sidebar-widget .sec-title h2 span {
font-size: 20px;
text-transform: uppercase;
font: 600 0.8em/1em "Alegreya", serif;
}
.single-sidebar-widget .sec-title h2:after {
width: 35px;
}
.single-sidebar-widget .sec-title h2:after {
content: '';
width: 50px;
height: 3px;
background: #fab90a;
display: block;
margin-top: 13px;
}
.single-sidebar-widget .contact-form input,
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
height: 40px;
}
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
margin-bottom: 2px;
}
.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
line-height: 40px;
}
.single-sidebar-widget .dwnld-broucher a {
text-transform: uppercase;
color: #08ADD0;
font-weight: 600;
margin-top: 30px;
font-size: 12px;
display: inline-block;
}
.single-sidebar-widget .special-links li:last-child {
margin-bottom: 0;
}
.single-sidebar-widget .special-links li a {
background: #f5f2f2;
border-left: 5px solid #f5f2f2;
color: #242424;
font-weight: 600;
font-size:15px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
line-height: 50px;
position: relative;
padding: 0 20px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative;
}
.single-sidebar-widget .special-links li:hover a,
.single-sidebar-widget .special-links li.active a {
background: #3dc1ea;
color: #fff;
border-left: 5px solid #0f263a;
}
.single-sidebar-widget .special-links li:hover a:after,
.single-sidebar-widget .special-links li.active a:after {
color: #fff;
}
.single-sidebar-widget .special-links li a:after {
content: '\f101';
font-family: 'FontAwesome';
position: absolute;
top: 0;
right: 20px;
line-height: 50px;
color: #6A6969;
font-weight: normal;
}
.search-box placeholder {
color: #000;
}
.single-sidebar-widget .search-box form {
background: #e5e5e5;
width: 100%;
height: 48px;
border: 1px solid #e9e9e9;
}
.single-sidebar-widget .search-box form input {
padding-left: 30px;
border: none;
outline: none;
height: 100%;
color: rgba(255, 255, 255, 0.5);
width: calc(100% - 55px);
background-color: transparent;
}
.single-sidebar-widget .search-box form input::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.single-sidebar-widget .search-box form input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.single-sidebar-widget .search-box form input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.single-sidebar-widget .search-box form input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.5);
}
.single-sidebar-widget .search-box form input:placeholder-shown {
/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: rgba(186, 185, 185, 1);
}
.single-sidebar-widget .search-box form button {
position: relative;
left: 2px;
width: 50px;
background: #009bb3;
color: #000000;
font-size: 16px;
padding: 11px 0px;
border: none;
outline: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-sidebar-widget .search-box form button:hover {
background: #1FB5C7;
}
.single-sidebar-widget .search-box form button:hover i {
color: #fff;
}
.single-sidebar-widget .search-box form button:hover:after {
background: #1FB5C7;
}
.single-sidebar-widget .search-box form button i {
position: relative;
z-index: 2;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-sidebar-widget .categories ul li:last-child a {
border: none;
}
.single-sidebar-widget .categories ul li a {
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
}
.single-sidebar-widget .categories ul li a:after {
content: '\f105';
font-family: 'FontAwesome';
color: #C8C8C8;
position: absolute;
top: 0;
right: 0;
}
.single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before {
border-width: 2px;
}
.single-sidebar-widget .popular-post li {
margin-bottom: 30px;
}
.single-sidebar-widget .popular-post li:last-child {
margin-bottom: 0;
}
.single-sidebar-widget .popular-post .img-box,
.single-sidebar-widget .popular-post .content {
display: table-cell;
vertical-align: middle;
}
.single-sidebar-widget .popular-post .img-box {
width: 110px;
}
.single-sidebar-widget .popular-post .content {
padding-left: 30px;
}
.single-sidebar-widget .popular-post .content a h4 {
font-family: 'Open Sans', sans-serif;
color: #242424;
/* text-transform: uppercase; */
font-size: 14px;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
/**/
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
color: #898989;
margin-top: 0;
}
.single-sidebar-widget .popular-post .content a h4:hover {
color: #1FB5C7;
}
.single-sidebar-widget .popular-post .content p {
color: #8E8D8D;
font-size: 13px;
line-height: 20px;
margin: 0;
}
.single-sidebar-widget .popular-post .content span {
color: #1CBAC8;
font-size: 13px;
display: block;
margin-top: 4px;
font-weight: 500;
}
.single-sidebar-widget .text-box p {
color: #8E8D8D;
}
.single-sidebar-widget .insta-feed ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before {
border-width: 2px;
}
.single-sidebar-widget .insta-feed {
font-size: 0;
display: inline-block;
}
.single-sidebar-widget .insta-feed img {
max-width: 100%;
display: inline-block;
font-size: 0;
margin-bottom: 1px;
margin-right: 1px;
}
.single-sidebar-widget .tagcloud {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.single-sidebar-widget .tagcloud {
display: inline-block;
}
.single-sidebar-widget .tagcloud a {
display: block;
color: #787878;
text-transform: uppercase;
border: 1px solid #EAEAEA;
border-radius: 20px;
padding: 9px 22px;
font-size: 12px!important;
margin: 0 5px;
margin-bottom: 10px;
float: left;
text-decoration:none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.single-sidebar-widget .tagcloud a:hover {
background: #E5E5E5;
color: #787878;
border-color: #E5E5E5;
}
.single-service-contact {
border: 2px solid #e9e9e9;
padding: 25px;
background: url("assets/images/bg-envelope.jpg") right bottom no-repeat;
}
.single-service-contact h3 {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
color: #3e3e3e;
margin: 0;
font-weight: 600;
margin: 0 0 20px 0;
}
.single-service-contact p {
font-size: 15px;
color: #5b5b5b;
margin: 0 0 25px 0;
font-family: 'Open Sans', sans-serif;
}
.single-service-contact a {
font-size: 15px;
font-weight: 600;
color: #3dc1ea;
text-transform: uppercase;
text-decoration: none !important;
font-family: 'Montserrat', sans-serif;
}
.single-service-contact a i {
margin: 0 0 0 10px;
}
.single-service-pdf {
background: url("assets/images/icon-pdf.jpg") left center #fab90a no-repeat;
text-align: center;
height: 62px;
max-width: 325px;
}
.single-service-pdf h3 a {
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 62px;
text-transform: uppercase;
text-decoration:none;
font-family: 'Montserrat', sans-serif;
}
.single-client-box {
margin-bottom: 50px;
}
.single-client-box:last-child {
margin-bottom: 0;
}
.single-client-box .icon-box,
.single-client-box .content {
display: table-cell;
vertical-align: middle;
}
.single-client-box .icon-box {
width: 170px;
text-align: center;
border-top: 4px solid #1FB5C7;
border-left: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
}
.single-client-box .content {
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
padding-left: 30px;
border-right: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
border-top: 1px solid #E9E9E9;
}
.single-client-box .content h3 {
font-size: 18px;
font-weight: bold;
font-family: 'Alegreya', sans-serif;
color: #242424;
text-transform: uppercase;
margin-bottom: 10px;
}
.single-client-box .content p {
color: #898989;
margin: 0;
}
.single-sidebar-widget ul.brochure-btns li a {
font-family: 'Open Sans', sans-serif;
color: #404040;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
display: block;
background: #FBFBFB;
border-bottom: 2px solid #EDEDED;
padding: 12px 20px;
}
.single-sidebar-widget ul.brochure-btns li {
display: block;
margin-bottom: 21px;
}
.single-sidebar-widget ul.brochure-btns li a i {
color: #e94429;
margin: 0 1em 0;
font-size: 1.2em;
}
.sec-title h2 span {
display: block;
font-size: 32px;
font-weight: bold;
color: #323232;
text-transform: uppercase;
font-family: 'Alegreya', sans-serif;
text-transform: capitalize;
}
.sec-title h2:after {
content: '';
width: 55px;
height: 3px;
background: #F7BE3D;
display: block;
margin-top: 13px;
}
.sec-title p {
color: #898989;
margin: 0 0 1.2em!important;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
}
.single-service-page .image-caption-box .text-box h2,
.single-post-page .image-caption-box .text-box h2 {
color: #242424;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
font-family: 'Montserrat', sans-serif;
}
.single-service-page .custom-heading.wpb_content_element h2.heading-title{
font-size:24px;
color: #323232;
}
/* ==============================
21. Single service page styles
============================== */
.single-service-page .image-box,
.single-post-page .image-box {
margin-bottom: 50px;
}
.single-service-page .image-caption-box,
.single-post-page .image-caption-box {
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.single-service-page .image-caption-box .text-box,
.single-post-page .image-caption-box .text-box,
.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
display: table-cell;
vertical-align: middle;
}
.single-service-page .image-caption-box .text-box p,
.single-post-page .image-caption-box .text-box p {
color: #898989;
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
}
.single-service-page .image-caption-box .caption-box-img,
.single-post-page .image-caption-box .caption-box-img {
width: 248px;
}
.caption-box-img.pad46.wpb_column.vc_column_container.vc_col-sm-4 {
width: 33.33333%;
}
.text-box.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {
padding-left: 22px;
}
.text-box.text-box-lft.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {
padding-right: 24px;
padding-left: 15px;
}
.caption-box-img.pad46.caption-box-img-width.wpb_column.vc_column_container.vc_col-sm-5 {
width: 41.66666667%;
padding-top: 0;
padding-bottom: 0;
padding-right:46px;
}
.text-box.text-right-padd.wpb_column.vc_column_container.vc_col-sm-7 .vc_column-inner {
padding-left: 24px;
}
.pad46 {
padding-top: 20px;
padding-bottom: 20px;
}
.content-right.pull-right.tab-content .vc_row.wpb_row.vc_inner.vc_row-fluid{
margin-left: 0px;
margin-right: 0px;
}
.text-box.padd-text-rgt {
padding-left: 15px;
padding-right: 15px;
}
.text-box.text-box-lft{
padding-right: 35px;
}
/* ==============================
22. Core Projects page styles
============================== */
.core-projects {
position: relative;
}
.core-projects h1 {
font: bold 1.9em/1.2em "Alegreya", serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0 0 1em;
}
.core-projects h1:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.core-projects h4 {
font: 600 1.2em/1em "Open Sans", sans-serif;
color: #242424;
}
.core-projects p {
/*margin: 0 0 1.2em!important;*/
padding: 0;
font: 400 15px/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #777777;
}
.project-post-area {
background: #f1f1f1;
position: relative;
}
.project-post-area .project-post {
/* padding-bottom: 30px;*/
}
.project-post-area .project-fullscreen
{
width: 20%;
float: left;
position: relative;
}
@media (max-width: 767px) {
.project-post-area .project-post {
padding-bottom: 0px;
}
}
.project-post-info {
overflow: hidden;
}
.grid-wrapper.grid-row.project-post .project-post-info {
margin-bottom: 30px;
}
.vc_row-no-padding .grid-wrapper.grid-row.project-post .project-post-info{
width: 20%;
padding: 0;
margin: 0;
}
@media(max-width: 1199px)
{
.project-post-area .project-fullscreen
{
width: 50%;
}
}
@media (max-width: 767px) {
.project-post-info {
padding-bottom: 30px;
width: 500px;
max-width: 100%;
margin: 0 auto;
}
.project-post-area .project-fullscreen
{
width: 100%;
}
}
@media (max-width: 767px) {
.project-post-info a {
max-width: 570px;
margin: 0 auto;
display: block;
}
}
.project-post-image
{
overflow: hidden;
position: relative;
}
.project-post-info a img {
max-width: 100%;
width: 370px;
height: 281px;
}
.project-post-info .info-text {
text-align: center;
position: absolute;
width: 100%;
box-sizing: border-box;
left: 0;
right: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
bottom: -100px;
z-index: 1000;
}
.project-post-info:hover .info-text
{
bottom: 37%;
}
.project-post-info .info-text h4 {
font: 700 16px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
margin: 0;
text-transform: uppercase;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 0 0 20px 0;
}
.project-post-info .info-text a {
font: 700 14px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
margin: 0;
background: #fac012;
border-radius: 3px;
line-height: 38px;
padding: 0 20px;
height: 38px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
}
.loadmore
{
margin: 50px 0;
background: #fab90a;
border-radius: 5px;
padding: 0 25px;
display: inline-block;
line-height: 38px;
height: 38px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
/* ==============================
23. News page styles
============================== */
.widget-search-blog {
width: 80%;
position: relative;
display: inline-block;
margin: 0 0 0 1em;
margin-bottom: 40px;
}
.widget-search-blog .search-form .form-control + .input-group-addon {
padding: 0 1px 0 8px;
border: 0;
border-radius: 0;
background-color: #009bb3;
}
.widget-search-blog .search-form .form-control + .input-group-addon button {
border: 0;
background: #009bb3;
color: #fff;
font-size: 1.2em;
line-height: 2.1em;
padding-right: 15px;
}
.widget-search-blog .search-form .form-control {
height: 45px;
border-radius: 0;
border: none;
font: 1em/1em "Open Sans", sans-serif;
padding: 0 30px;
-webkit-box-shadow: none;
box-shadow: none;
color: #c0c0c0;
z-index: 0;
}
.single-blog-post .meta-info {
padding: 1.3em 0;
border-bottom: 1px solid #e6e6e6;
}
.single-blog-post .meta-info .content-box .post-links li {
display: table-cell;
vertical-align: middle;
}
.single-blog-post .date-box {
position: absolute;
width: 70px;
height: 75px;
top: 2em;
border: 1px solid #696969;
left: 1.5em;
background: #fff;
text-align: center;
}
.single-blog-post .inner-box b {
font-size: 2em;
display: block;
font-style: italic;
font-weight: 300;
border-bottom: 1px solid #696969;
padding: 0 0 0.2em;
}
.single-blog-post .inner-box span {
font-size: 1em;
display: block;
background: #fbb12f;
color: #fff;
padding: 0.2em 0 0.3em;
}
.single-blog-post .meta-info .content-box .post-links li:hover i {
color: #1FB5C7;
}
.single-blog-post .meta-info .content-box .post-links li i {
color: #FBB12F;
font-size: 16px;
margin-right: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-blog-post .meta-info .content-box .post-links li {
color: #A1A1A1;
padding-right: 30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-family: 'Open Sans', sans-serif;
}
.single-blog-post .meta-info .content-box .post-links li:hover {
color: #FBB12F;
}
.single-blog-post a.read-more {
background: #ffba00;
color: #fff;
border-radius: 4px;
font: 600 1.08em/1em 'Roboto', sans-serif;
padding: 0.8em 1.6em;
display: inline-block;
border: 1px solid #ffba00;
}
.single-blog-post a.read-more:hover {
background: #009bb3;
border: 1px solid #009bb3;
}
.single-blog-post a.more-link {
background: #ffba00;
color: #fff;
border-radius: 4px;
font: 600 1.08em/1em 'Montserrat', sans-serif;
padding: 0.8em 1.6em;
display: inline-block;
border: 1px solid #ffba00;
text-decoration:none;
margin-top: 15px;
text-transform: uppercase;
}
.single-blog-post a.more-link:hover {
background: #009bb3;
border: 1px solid #009bb3;
}
.single-post-wrapper {
position: relative;
}
.single-blog-post h3 {
color: #010101;
font-weight:600;
font-family: 'Montserrat', sans-serif;
text-transform: none;
font-size: 20px;
margin: 0.6em 0 0;
padding: 0 0 0.8em;
}
.single-blog-post h6 {
color: #1cbac8;
font: 400 1em/1em "Open Sans", sans-serif;
margin: 2em 0 0;
padding: 0;
}
.single-blog-post .post-date{
color:#a1a1a1;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
.single-blog-post {
margin-bottom: 75px;
}
.single-blog-post .img-box {
position: relative;
overflow: hidden;
}
/* ==============================
24. Page Navigation styles
============================== */
.page-navigation {
margin-top: 50px;
}
.page-navigation li {
display: inline;
}
.page-navigation li a,
.page-navigation li span {
width: 46px;
height: 46px;
line-height: 44px;
background: #fff;
color: #8E8D8D;
font-size: 20px;
display: inline-block;
border: 1px solid #E2E2E2;
margin-right: 5px;
text-align: center;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.page-navigation li span,
.page-navigation li a:hover {
background: #E7E7E7;
color: #242424;
}
/* ==============================
25. News Details styles
============================== */
.news p {
color: #898989;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 400;
}
.post-list {
margin: 0;
width: 100%;
}
.post-list li {
float: left;
width: 270px;
font: 400 14px/30px "Open Sans", sans-serif;
color: #ff8c04;
letter-spacing: 0.3px;
}
.post-list li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
text-rendering: auto;
padding-right: 10px;
}
blockquote {
padding: 30px;
border: none;
background: #f5f4f4;
margin-top: 27px;
}
@media (max-width: 479px) {
blockquote {
padding: 5px;
}
}
blockquote:before {
float: left;
content: "\f10d";
display: inline-block;
font: normal normal normal 55px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 70px;
color: #d0d0d0;
}
@media (max-width: 1199px) {
blockquote:before {
font-size: 30px;
width: 40px;
}
}
blockquote p {
float: left;
font: 400 16px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
margin: 5px 0 0;
padding-left: 14px;
}
@media (max-width: 1199px) {
blockquote p {
margin: 0;
}
}
blockquote footer {
text-align: right;
color: #e8a20c;
font: 300 14px/26px "Raleway", sans-serif;
font-style: italic;
}
blockquote footer a {
color: #e8a20c;
}
/* ==============================
26. News Details Comments
============================== */
.news-comments .comments_count,
.leave-comments .leave-comment-title {
margin: 30px 0px 30px 0;
font: 600 1.5em/1em "Alegreya", sans-serif;
color: #242424;
text-transform: uppercase;
}
@media (max-width: 400px) {
.comments_count,
.leave-comment-title {
margin-left: 20px;
}
}
.comments {
margin: 0px 0px 30px 0px;
border: 1px solid #eee;
}
.comments .comment {
padding: 20px 20px 25px;
margin: 0px 0;
}
.comments .comment-bg {
background: #fcfcfc;
}
@media (max-width: 400px) {
.comments .comment {
margin: 0 5px 0 15px;
text-align: center;
}
}
.comments .comment + .comment {
margin-top: 0;
border-top: 1px solid #eee;
}
.comments .comment .media-left {
padding: 8px 30px 0px 5px;
}
@media (max-width: 479px) {
.comments .comment .media-left {
padding-right: 0;
padding-bottom: 20px;
display: block;
}
}
.comments .comment .media-left a {
display: block;
width: 70px;
height: 70px;
}
.comments .comment .media-left a img {
max-width: 100%;
}
@media (max-width: 991px) {
.comments .comment .media-body {
overflow: visible;
}
}
.comments .comment .media-body h5 {
font: 500 1em/2em "Open Sans", sans-serif;
margin: 0;
color: #242424;
}
.comments .comment .media-body p {
font: 400 14px/30px "Open Sans", sans-serif;
color: #898989;
}
.comments .comment .media-body .date-reply {
margin: 9px 0 9px;
}
.comments .comment .media-body .date-reply li {
float: left;
}
@media (max-width: 400px) {
.comments .comment .media-body .date-reply li {
display: inline-block;
text-align: center;
float: none;
}
}
.comments .comment .media-body .date-reply li a {
padding: 0;
font: 13px/1 "Open Sans", sans-serif;
text-transform: capitalize;
color: #47bcca;
}
.comments .comment .media-body .date-reply li a:hover,
.comments .comment .media-body .date-reply li a:focus {
background: none;
}
.comments .comment .media-body .date-reply li + li {
color: #bc945e;
}
.comments .comment .media-body .date-reply li + li:before {
content: '';
width: 1px;
height: 13px;
float: left;
background: #47bcca;
margin: 0 10px;
}
.comments .comment .media-body .date-reply li + li a {
float: left;
color: #f6ba18;
}
.comments .comment.reply {
padding-left: 0;
margin: 0px;
}
@media (max-width: 991px) {
.comments .comment.reply {
margin-left: -70px;
}
}
@media (max-width: 479px) {
.comments .comment.reply {
margin-left: 30px;
}
}
@media (max-width: 400px) {
.comments .comment.reply {
margin-left: 0px;
}
}
.comments .comment.reply:last-child {
padding-bottom: 0;
}
.comment-form {
padding: 30px 30px 50px 30px;
border: 1px solid #eee;
margin: 0px;
background: #fff;
margin-top: 20px;
}
@media (max-width: 479px) {
.comment-form {
padding: 20px 15px;
}
}
.comment-form .leave-comment-title {
margin: 0px 0px 26px 0px;
font: bold 20px/28px "Alegreya", serif;
color: #353535;
}
.comment-form .form-control {
border-radius: 0;
padding: 9px 20px;
font: 14px/25px "Open Sans", sans-serif;
color: #000;
margin-bottom: 20px;
background: #f9f9f9;
border: 1px solid #ebebeb;
-webkit-box-shadow: none;
box-shadow: none;
}
.comment-form .form-control::-moz-placeholder {
color: #c4c4c4;
opacity: 1;
}
.comment-form .form-control:-ms-input-placeholder {
color: #c4c4c4;
}
.comment-form .form-control::-webkit-input-placeholder {
color: #c4c4c4;
}
.comment-form input {
width: 48%;
float: left;
height: 42px;
}
@media (max-width: 1199px) {
.comment-form input {
width: 47%;
}
}
@media (max-width: 991px) {
.comment-form input {
width: 46%;
}
}
@media (max-width: 767px) {
.comment-form input {
width: 100%;
}
}
@media (max-width: 479px) {
.comment-form input {
width: 100%;
}
}
.comment-form input + input {
margin-left: 26px;
}
@media (max-width: 1199px) {
.comment-form input + input {
margin-left: 31px;
}
}
@media (max-width: 767px) {
.comment-form input + input {
margin-left: 0;
}
}
@media (max-width: 479px) {
.comment-form input + input {
margin-left: 0;
}
}
.comment-form textarea {
height: 188px!important;
resize: none;
margin-bottom: 32px;
}
.comment-form .form-submit input#submit {
width: initial;
height: initial;
}
.comment-form .form-submit input#submit:hover,
.comment-form .form-submit input#submit:focus {
color: #000;
border-radius: 5px;
border-color: #bb793c;
background:#337ab7;
}
#respond .comment-notes {
display: none;
}
.comment-form label {
display: none !important;
}
.comment-form-author {
margin: 0!important;
}
.comment-form-email input{
margin-left:26px;
float: right;
}
.comments-area form#commentform {
overflow:hidden;
}
.comments-area .comment-reply-title {
margin: 30px 0px 30px 0;
font: 700 1.5em/1em 'Montserrat', sans-serif;
color: #242424;
text-transform: uppercase;
}
/* ==============================
27. Contact us styles
============================== */
.touch .touch_bg .section_header p {
max-width: 840px;
}
.touch .touch_bg .touch_top-con ul .item {
padding: 15px 28px 30px 0px;
text-align: center;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left {
padding-right: 30px;
vertical-align: middle;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left a {
color: #009bb3;
border: 1px solid #009bb3;
border-radius: 100%;
display: block;
width: 50px;
height: 50px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-left a i {
border-radius: 50%;
font-size: 30px;
line-height: 32px;
padding-top: 8px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-body {
text-align: left;
font: 14px/26px "Open Sans", sans-serif;
color: #898989;
letter-spacing: 0.3px;
}
.touch .touch_bg .touch_top-con ul .item .media .media-body a {
color: #898989;
}
.touch .touch_bg .touch_top-con ul .item .media .media-body a:hover {
color: #009bb3;
}
.touch .touch_bg .touch_top-con ul .item:first-child {
padding-top: 0;
}
.touch .touch_bg .touch_middle {
/*padding: 80px 0;*/
}
.touch .touch_bg .touch_middle .input_form {
position: relative;
}
.touch .touch_bg .touch_middle .input_form form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 15px/31px "Open Sans", sans-serif;
color: #242424;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.touch .touch_bg .touch_middle .input_form form .form-control:hover,
.touch .touch_bg .touch_middle .input_form form .form-control:focus {
border: 1px solid #d6d6d6;
border-color: #d6d6d6;
}
.touch .touch_bg .touch_middle .input_form form .form-control:focus {
-webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
}
.touch .touch_bg .touch_middle .input_form form .form-control.error {
margin-bottom: 0;
}
.touch .touch_bg .touch_middle .input_form form .form-control.error + .error {
font: 13px/24px "Open Sans", sans-serif;
margin-bottom: 20px;
margin-top: 5px;
color: red;
font-weight: normal;
}
.touch .touch_bg .touch_middle .input_form form textarea.form-control {
margin-bottom: 32px;
resize: none;
padding: 15px 20px;
height: 203px;
}
.touch .touch_bg .touch_middle .input_form form .submit:hover{
color:#fff;
}
.touch .touch_bg .touch_middle .input_form form .submit {
background: #f6ba18;
border: 1px solid #f6ba18;
text-transform: uppercase;
letter-spacing: 1px;
font: 600 1.2em/2.1em 'Montserrat', sans-serif;
padding: 7px 22px 7px 22px;
color: #fff;
margin-top: 10px;
border-radius: 5px;
letter-spacing: 1px;
}
.touch .touch_bg .touch_middle .input_form form .submit:hover {
color: #fff;
border-color: #bb793c;
}
.touch .touch_bg .touch_middle .input_form #success,
.touch .touch_bg .touch_middle .input_form #error {} .touch .touch_bg .touch_middle .input_form #success p,
.touch .touch_bg .touch_middle .input_form #error p {} .touch .touch_bg .touch_middle .input_form #success {
color: lawngreen;
}
.touch .touch_bg .touch_middle .input_form #success p {
color: lawngreen;
}
.touch .touch_bg .touch_middle .input_form #error {
color: orangered;
}
.touch .touch_bg .touch_middle .input_form #error p {
color: orangered;
}
#mapBox {
height: 425px;
}
#map-area {
position: relative;
}
#map-area::before {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
}
.touch p {
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
color: #8E8D8D;
}
.touch h6 {
color: #1088cc;
font: 400 1.2em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
font-style: italic;
margin: 0px 0px 30px 0px!important
}
.touch h6 span {
color: #de5842;
font: 400 1.2em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
font-style: italic;
}
/* ==============================
28. Testimonials page styles
============================== */
.sectpad-t {
padding: 6em 0 0;
}
.testimonial-parea {
padding: 0 0 6em;
}
.testimonials p {
font: 400 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
padding-top: 25px;
margin: 0;
}
.testimonial-col-p {
padding: 5em 1em 1em;
border-bottom: 1px solid #e4e4e4;
}
.testimonial-p .media-body h3 {
font: 400 1.2em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #242424;
margin: 0 0 0.8em;
padding: 0;
}
.testimonial-p .media-body p {
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
margin-bottom: 1em;
}
.testimonial-p .media-body a {
font: 600 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #1fb5c7;
font-style: italic;
text-align: left;
display: block;
text-decoration: none;
float:left;
}
.testimonial-p .media-body h6 {
text-align: right;
display: block;
}
.testimonial-p .media-left {
padding-right: 60px;
}
.testimonial-p .media-left a img {
width: 140px;
height: 153px;
max-width: initial
}
@media (max-width: 479px) {
.testimonial-p .media-left {
display: block;
text-align: center;
padding-right: 0;
}
.testimonial-p .media-body h3 {
padding: 1em 0 0;
}
}
.section_header-t {
position: relative;
padding: 0;
}
.section_header-t h2 {
font: bold 2.2em/1.2em "Alegreya", serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0;
}
.section_header-t h2:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
/* ==============================
29. Request a quote Page styles
============================== */
.section_header-r {
position: relative;
padding: 0;
margin: 0 0 1em;
}
.section_header-r h2 {
font: bold 2.2em/1.2em "Alegreya", serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0 0 1em;
}
.section_header-r h2:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.req-page-area {
background: #f7f7f7;
border: 1px solid #eeeeee;
overflow: hidden;
padding: 3em 1em 0;
position: relative;
}
.req-page span {
display: block;
color: #404040;
font: 600 1em/1.2em "Open Sans", sans-serif;
margin: 0 0 0.6em;
}
.req-page-area .img-responsive {
display: inline-block;
}
.req-page-area form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 15px/31px "Open Sans", sans-serif;
color: #242424;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.pad-left {
margin: 0 0 5em 10px;
}
.req-img {
position: absolute;
bottom: 0;
right: 0;
}
.req-page-area form .submit {
background: #f6ba18;
border: 1px solid #f6ba18;
text-transform: uppercase;
letter-spacing: 1px;
font: 600 1.2em/2.1em 'Montserrat', sans-serif;
padding: 7px 22px 7px 22px;
color: #fff;
margin-top: 10px;
border-radius: 5px;
letter-spacing: 1px;
}
.req-page-area form .submit:hover {
color: #fff;
border-color: #bb793c;
background: #f6ba18;
}
.req-page-area form .form-control:hover,
.req-page-area form .form-control:focus {
border: 1px solid #d6d6d6;
border-color: #d6d6d6;
}
.req-page-area form .form-control:focus {
-webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
}
.req-page-area .form-control.error {
margin-bottom: 0;
}
.req-page-area form .form-control.error + .error {
font: 13px/24px "Open Sans", sans-serif;
margin-bottom: 20px;
margin-top: 5px;
color: red;
font-weight: normal;
}
.req-page-area form textarea.form-control {
margin-bottom: 32px;
resize: none;
padding: 15px 20px;
height: 203px;
}
.req-page-area span {
color: #404040;
font: 1.1em/1.1em "Open Sans", sans-serif;
display: block;
padding: 0 0 0.5em;
}
.req-page-area .input_form #success {
color: lawngreen;
}
.req-page-area .input_form #error {
color: orangered;
}
.req-page-area .input_form #success,
.req-page-area .input_form #error {
position: absolute;
top: -15px;
display: block;
right: 0;
left: 0;
bottom: -15px;
background: rgba(0, 0, 0, 0.5);
display: none;
}
/* ==============================
30. Project details page styles
============================== */
.pro-det-img img {
max-width: 100%;
}
.pro-content {
padding: 4em 0 0;
}
.projects_hours {
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
padding: 2em 0;
margin: 1.5em 0 0;
}
.projects_hours p {
color: #242424;
font: 600 1.3em/2em "Open Sans", sans-serif;
margin: 0!important;
padding: 0;
}
.projects_hours p span {
display: block;
color: #777;
font: 400 1em/1.8em "Open Sans", sans-serif;
}
.project-con {
background: #f5f5f5;
padding: 34px 40px;
margin: 3em 0;
}
.project-con h2 {
color: #242424;
font: 600 1.3em/2em "Open Sans", sans-serif;
margin: 0;
padding: 0 0 1em;
}
.project-con p {
color: #898989;
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
}
.project-scop {} .project-scop .pro-img img {
max-width: 100%;
}
.project-scop h3 {
color: #242424;
font: 600 1.3em/1em "Open Sans", sans-serif;
margin: 0;
padding: 0 0 1em;
}
.project-scop p {
margin: 0 0 1.2em;
padding: 0;
font: 400 1em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #777777;
}
.project-scop .scope-item {
margin: 0;
padding: 0;
display: inline-block;
padding: 7px 0px;
}
.project-scop .scope-item li {
list-style: none;
font: 400 1.1em/1.5em "Open Sans", sans-serif;
color: #009bb3;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
display: block;
padding-left: 30px;
padding-bottom: 10px;
}
.project-scop .scope-item li:before {
content: "\f0a4";
width: 30px;
height: auto;
font: normal normal normal 14px/24px FontAwesome;
font-size: 16px;
text-rendering: auto;
color: #009bb3;
cursor: pointer;
float: left;
margin-left: -30px;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
/*====================================================*/
.submit {
color: #fff;
text-transform: uppercase;
margin-top: 8px;
text-shadow: none;
-webkit-text-shadow: none;
position: relative;
letter-spacing: 0.4px;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
z-index: 1;
}
.submit:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #009bb3;
top: 0;
left: 0;
right: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
z-index: -1;
}
.submit:hover,
.submit:focus {
color: #fff;
border-color: #bb793c;
}
.submit:hover:before,
.submit:focus:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/* shop page styles */
.shop-item-wrapper {
margin-left: -10px;
margin-right: -10px;
}
.single-shop-item {
margin: 0 -5px;
margin-bottom: 50px;
position: relative;
overflow: hidden;
}
.single-shop-item .img-box {
overflow: hidden;
}
.single-shop-item .img-box img {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.single-shop-item .img-box img:hover {
-webkit-transform: scale(1.2) translateZ(0);
transform: scale(1.2) translateZ(0);
}
.single-shop-item .content {
text-align: center;
margin-top: 25px;
}
.single-shop-item .content h3 {
font-size: 15px;
font-weight: bold;
color: #242424;
margin: 0;
text-transform: uppercase;
margin-bottom: 10px;
}
.single-shop-item .content .review-box i {
font-size: 13px;
color: #FAB90A;
}
.single-shop-item .content .price {
font-family: 'Alegreya';
font-size: 25px;
color: #2D2D2D;
font-style: italic;
display: block;
}
.single-shop-item .content a.thm-btn {
background: #FAB90A;
border-radius: 5px;
color: #000000;
text-transform: uppercase;
line-height: 32px;
display: inline-block;
letter-spacing: .05em;
font-family: 'Open Sans';
font-weight: 600;
padding: 0 18px;
margin-top: 10px;
}
.single-shop-item .content a.thm-btn:hover {
background: #019BB2;
color: #fff;
}
.shop-page .page-navigation {
margin-top: 0;
text-align: center;
}
/*popular product widget */
.single-sidebar-widget .best-seller.popular-post .content a h4 {
font-size: 13px;
text-transform: uppercase;
font-family: 'Open Sans';
color: #242424;
margin: 0;
}
.single-sidebar-widget .best-seller.popular-post .content p {
font-size: 25px;
color: #2D2D2D;
font-family: 'Alegreya';
font-style: italic;
margin: 10px 0 15px;
}
.single-sidebar-widget .best-seller.popular-post .content a.read-more {
font-size: 13px;
text-transform: uppercase;
color: #1CBAC8;
font-weight: bold;
font-family: 'Raleway';
letter-spacing: .03em;
}
/* product details page styles */
.product-details-content {
margin-bottom: 80px;
}
.product-details-content .img-box,
.product-details-content .content-box {
display: table-cell;
vertical-align: top;
}
.product-details-content .img-box {
border: 1px solid #E2E2E2;
}
.product-details-content .content-box {
padding-left: 65px;
}
.product-details-content .content-box .title h3 {
font-size: 20px;
color: #242424;
text-transform: uppercase;
font-weight: 800;
font-family: 'Raleway';
margin: 0;
}
.product-details-content .content-box p {
font-size: 14px;
color: #959595;
line-height: 26px;
}
.product-details-content .content-box .content-text {
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
margin-top: 20px;
padding-top: 19px;
padding-bottom: 15px;
margin-bottom: 30px;
}
.product-details-content .content-box .cart-btn {
font-size: 15px;
line-height: 54px;
background: #1FB5C7;
padding: 0 33px;
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 600;
color: #fff;
display: inline-block;
margin-top: 28px;
background: #FAB90A;
font-size: 20px;
font-weight: bold;
font-family: 'Raleway';
color: #000000;
border-radius: 5px;
padding: 0 49px;
}
.product-details-content .content-box .cart-btn i {
font-size: 25px;
margin-right: 20px;
}
.product-details-content .content-box .price,
.product-details-content .content-box .quantity {
font-size: 16px;
color: #1F1F1F;
}
.product-details-content .content-box .price span {
font-size: 35px;
color: #292929;
margin-left: 20px;
font-style: italic;
font-family: 'Alegreya';
}
.product-details-content .content-box .quantity {
margin-top: 20px;
}
.product-details-content .content-box .quantity input {
width: 40px;
height: 35px;
border: 1px solid #D9D9D9;
text-align: center;
line-height: 33px;
padding-left: 10px;
margin-left: 20px;
}
.product-tab-box {
margin-bottom: 80px;
}
.product-tab-box .vc_tta-tabs-container ul {
margin: 0;
padding: 0;
}
.product-tab-box .vc_tta-tabs-container ul li {
list-style: none;
display: inline-block;
margin-right: 6px;
}
.product-tab-box .vc_tta-tabs-container ul li.active a {
background: #FFFFFF;
border-bottom-color: #fff;
border-top: 3px solid #FAB90A;
line-height: 44px;
}
.product-tab-box .vc_tta-tabs-container ul li a {
display: block;
font-size: 13px;
line-height: 44px;
border: 1px solid #E2E2E2;
text-transform: uppercase;
background: #F7F7F7;
color: #242424;
padding: 0 29px;
}
.product-tab-box .tab-content {
margin-top: -1px;
border: 1px solid #E2E2E2;
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 65px;
}
.product-tab-box .tab-content h3 {
margin: 0;
font-size: 18px;
margin-bottom: 12px;
}
.product-tab-box .tab-content p {
color: #898989;
font-size: 14px;
margin-top: 15px;
font-family: 'Open Sans', sans-serif;
}
.product-tab-box .tab-content p:first-child {
margin-top: 0;
}
/* cart page styles */
.cart-page {
padding: 80px 0px;
}
.cart-page .table {
margin: 0;
}
.cart-page table > tbody > tr > td,
.cart-page .table > thead > tr > th {
border: none;
}
.cart-page .table thead {
background: #F9F9F9;
}
.cart-page .table > thead > tr > th {
font-weight: normal;
color: #000000;
font-size: 13px;
line-height: 60px;
padding: 0 40px;
font-weight: 500;
border: 1px solid #EBEBEB;
border-bottom: 0;
text-transform: uppercase;
text-align: center;
}
.cart-page .table > thead > tr > th.close {
color: transparent;
}
.cart-page .table > tbody > tr > td.preview {
padding: 25px 50px;
}
.cart-page .table > tbody > tr > td {
border: 1px solid #ebebeb;
color: #898989;
font-size: 14px;
font-weight: 500;
line-height: 42px;
padding: 60px 25px;
text-align: center;
}
.cart-page .table > tbody > tr > td.price {
font-size: 16px;
}
.cart-page .table > tbody > tr > td.del-item {
text-align: center;
}
.cart-page .table > tbody > tr > td.total {
font-size: 16px;
}
.cart-page .table > tbody > tr > td .select-box select:focus {
outline: none;
}
.cart-page .table > tbody > tr > td.del-item {
color: #c56e21;
font-size: 18px;
font-weight: normal;
}
.cart-page .bottom-box {
background: #f9f9f9 none repeat scroll 0 0;
margin: 0 0 50px;
padding: 30px 25px;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.cart-page .bottom-box .cupon-box input {
border: 1px solid #eeeeee;
color: #000000;
line-height: 36px;
margin-right: 10px;
outline: medium none;
padding: 0 20px;
width: 130px;
}
.cart-page .bottom-box .cupon-box button {
padding: 0 20px;
color: #fff;
background: #E3E3E3;
text-transform: capitalize;
border: none;
outline: none;
font-weight: normal;
line-height: 36px;
color: #000000;
}
.cart-page .add-to-cart-wrap {
text-align: right;
}
.cart-page .add-to-cart-wrap a .cart-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
}
.cart-page .add-to-cart-wrap a .cart-button p {
color: #ffffff;
display: inline-block;
float: left;
font-size: 12px;
line-height: 35px;
margin: 0;
padding-left: 21px;
padding-right: 17px;
text-transform: uppercase;
border-right: 1px solid #000000;
}
.cart-page .add-to-cart-wrap a .cart-button i {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 17px;
line-height: 35px;
padding-left: 14px;
padding-right: 15px;
}
.cart-page .add-to-cart-wrap a:before {
background: #98BC24;
}
.cart-page .cart-total-box li {
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
font-weight: 500;
line-height: 58px;
padding: 0 25px;
color: #000000;
font-size: 13px;
text-transform: uppercase;
}
.cart-page .cart-total-box li:first-child {
border-top: 1px solid #EBEBEB;
}
.cart-page .cart-total-box li span {
color: #898989;
margin-left: 50px;
font-size: 16px;
}
.cart-page .cart-total-box .cart-total {
background: #F9F9F9;
}
.cart-page .cart-total-box .proceed-to-checkout {
text-align: right;
border: none;
}
.cart-page .cart-total-box .proceed-to-checkout a {
line-height: 30px;
font-size: 14px;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
margin-top: 24px;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button p {
border-right: 1px solid #000000;
color: #ffffff;
display: inline-block;
float: left;
font-size: 12px;
line-height: 40px;
margin: 0;
padding-left: 21px;
padding-right: 17px;
text-transform: uppercase;
}
.cart-page .cart-total-box .proceed-to-checkout {
padding-right: 0;
padding-top: 10px;
border: 1px solid #ebebeb;
border-top: 0;
padding-bottom: 10px;
padding-right: 20px;
}
.cart-page .cart-total-box .proceed-to-checkout .cart-btn {
background: #FAB90A;
border-radius: 5px;
color: #000000;
text-transform: uppercase;
line-height: 32px;
display: inline-block;
letter-spacing: .05em;
font-family: 'Open Sans';
font-weight: 600;
padding: 0 18px;
margin-top: 10px;
}
.cart-page .cart-total-box .proceed-to-checkout .cart-btn i {
font-size: 17px;
margin-right: 7px;
}
.cart-page .cart-total-box .proceed-to-checkout .cart-btn:hover {
background: #1FB5C7;
color: #fff;
border-color: #1FB5C7;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button i {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 17px;
line-height: 40px;
padding-left: 14px;
padding-right: 15px;
}
.cart-page .cart-total-box .proceed-to-checkout a:before {
background: #98BC24;
}
.cart-page .select-box {
width: 100px;
}
.cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
border-right: 1px solid #E5E5E5;
}
.cart-page .select-menu + .ui-selectmenu-button {
width: 100% !important;
border-radius: 0;
padding: 0px 40px 0 20px;
border: 1px solid #E5E5E5;
height: 42px;
background: #fff;
outline: none;
color: #898989;
}
.cart-page .thm-btn {
font-size: 14px;
padding: 7px 23px;
}
.cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
line-height: 42px;
}
.cart-page .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 16px;
height: 6px;
margin-top: -3px;
margin-right: 4px;
}
.cart-page .bottom-box .cart-btn {
background: #FAB90A;
border-radius: 5px;
color: #000000;
text-transform: uppercase;
line-height: 32px;
display: inline-block;
letter-spacing: .05em;
font-family: 'Open Sans';
font-weight: 600;
padding: 0 18px;
margin-top: 10px;
}
.cart-page .bottom-box .cart-btn i {
font-size: 17px;
margin-right: 7px;
}
.cart-page .bottom-box .cart-btn:hover {
background: #D6B161;
color: #fff;
border-color: #D6B161;
}
.ui-selectmenu-menu .ui-menu {
background: #fff;
}
.ui-selectmenu-menu .ui-menu-item {
font-size: 16px;
font-family: 'PT Serif', sans-serif;
font-style: italic;
padding: 5px 20px;
border-bottom: 1px solid #E1E1E1;
text-transform: capitalize;
}
.ui-selectmenu-menu .ui-menu-item.ui-state-focus {
background: #00ACD9;
border-color: #00ACD9;
color: #fff;
font-weight: normal;
}
/* checkout page styles */
#checkout-content .return-customer {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
margin-bottom: 45px;
padding: 21px 30px;
}
#checkout-content .return-customer p {
color: #898989;
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
}
#checkout-content .return-customer a {
color: #11A9E0;
}
#checkout-content label,
#checkout-content input[type="text"] {
display: block;
}
#checkout-content label {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin-bottom: 4px;
}
#checkout-content input[type="text"] {
border: 1px solid #e2e2e2;
color: #c6c6c6;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
outline: medium none;
padding: 0 20px;
width: 100%;
}
.left-checkout .section-title2.ship-to-different {
margin-bottom: 39px;
margin-top: 68px;
}
#checkout-content input[type="text"]:last-child {
margin-bottom: 0;
}
#checkout-content .left-checkout > .row {
margin-bottom: 23px;
}
#checkout-content .row span b {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
}
#checkout-content input[type="checkbox"] {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
float: left;
margin-top: 4px;
}
#checkout-content textarea {
width: 100%;
height: 100px;
border: 1px solid #E2E2E2;
padding: 10px 20px;
outline: none;
}
#checkout-content .ship-different {
margin-top: 80px;
}
#checkout-content .order-box {
border: 1px solid #D9D9D9;
padding: 30px;
}
#checkout-content .order-box ul li {
color: #8e8d8d;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 45px;
}
#checkout-content .order-box ul li.total {
border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
color: #242424;
}
#checkout-content .order-box ul li span {
color: #898989;
display: inline-block;
float: right;
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
#checkout-content .order-box ul li span.bold {
color: #242424;
font-size: 18px;
font-weight: 500;
font-family: "Open Sans", sans-serif;
}
#checkout-content .order-box ul li a span {
color: #11A9E0;
font-size: 13px;
font-weight: 500;
font-family: "Raleway", sans-serif;
}
#checkout-content .order-box ul li.place-order-button {
padding-top: 20px;
line-height: 30px;
}
#checkout-content .order-box ul li input[type="radio"] {
margin-right: 10px;
}
#checkout-content .order-box ul li .note {
background: #ECECEC;
padding: 25px;
color: #8E8D8D;
line-height: 24px;
font-size: 14px;
font-weight: normal;
position: relative;
}
#checkout-content .order-box ul li .note .fa {
font-size: 35px;
position: absolute;
top: -22px;
left: 25px;
color: #ECECEC;
}
#checkout-content .order-box ul li a.place-order {
background: #FD9C1E;
text-transform: uppercase;
display: inline-block;
line-height: 36px;
font-weight: 700;
color: #fff;
padding: 0 40px;
margin-top: 30px;
}
#checkout-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
line-height: 42px;
color: #898989;
text-transform: capitalize;
}
#checkout-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 14px;
height: 6px;
margin-top: -3px;
margin-right: 8px;
}
#checkout-content .select-menu + .ui-selectmenu-button {
width: 100% !important;
border-radius: 0;
padding: 0px 20px;
border: 1px solid #E5E5E5;
height: 42px;
background: #fff;
outline: none;
color: #898989;
}
#checkout-content .thm-btn {
background: #FAB90A;
border-radius: 5px;
color: #000000;
text-transform: uppercase;
line-height: 42px;
display: inline-block;
letter-spacing: .05em;
font-family: 'Open Sans';
font-weight: 600;
padding: 0 18px;
margin-top: 10px;
float: right;
}
#checkout-content .thm-btn i {
font-size: 17px;
margin-left: 7px;
}
#checkout-content .thm-btn:hover {
background: #1FB5C7;
color: #fff;
border-color: #1FB5C7;
}
/* faq page styles */
.faq-page .sec-title h2 {
margin: 0;
}
.faq-page .sec-title p {
margin-top: 20px;
}
.faq-form {
background: #F9F9F9;
padding: 20px 30px;
border: 1px solid #EAEAEA;
margin-bottom: 50px;
margin-top: 30px;
}
.faq-form input {
height: 44px;
border: 1px solid #E9E9E9;
outline: none;
padding-left: 25px;
width: 79%;
position: relative;
top: 1px;
}
.faq-form .thm-btn {
padding: 0px 41px;
line-height: 44px;
border-radius: 0;
margin-left: -4px;
border: none;
position: relative;
top: 1px;
background: #1FB5C7;
}
.faq-page .accrodion .accrodion-title h4 {
text-transform: none;
font-weight: normal;
color: #8E8D8D;
}
.faq-page .accrodion.active .accrodion-title {
background: #1FB5C7;
}
.faq-page .accrodion.active .accrodion-title h4 {
color: #fff;
}
.faq-page .accrodion.active .accrodion-title h4 {
color: #fff;
}
.faq-page .accrodion.active .accrodion-title:after {
border-color: #fff;
color: #fff;
}
.faq-question-one .single-faq {
margin-bottom: 28px;
}
.faq-question-one .single-faq:last-child {
margin-bottom: 0;
}
.faq-question-one .single-faq h3 {
font-size: 16px;
line-height: 33px;
font-weight: bold;
color: #242424;
font-family: 'Open Sans', sans-serif;
}
.faq-question-one .single-faq p {
color: #898989;
margin-top: 4px;
}
/* ==============================
31. Home Page 2 styles
============================== */
.wel-t-band {
position: relative;
background: #f0f2f3;
font: 400 1em/1em "Open Sans", sans-serif;
color: #6e6e6e;
}
.wel-t-band p span {
color: #3a3a3a;
}
.req-button {
position: relative;
float: right;
margin-left: 1em;
}
.req-button a {
background: #ffba00;
color: #fff;
font:600 15px 'Montserrat', sans-serif;
display: inline-block;
padding: 1em 1.52em;
border-radius: 4px;
border: 1px solid #ffba00;
margin: 0;
}
.req-button a:hover {
border-radius: 4px;
color: #fff;
border: 1px solid #53cff5;
background: #53cff5;
}
.req-button .submit:before {
background: #53cff5;
}
.req-button .submit:hover {
color: #fff;
}
.req-button .submit:focus {
color: #fff;
border-color: #53cff5;
text-decoration: none;
}
.top-two-right {
position: relative;
overflow: hidden;
padding: 3.5px 0;
}
.top-two-right .top-panel {
float: right;
width: 65%;
}
.nav-home-three {
background: #0f263a;
position: relative;
}
.nav-home-three .col-md-3,
.nav-home-two .col-md-3
{
display: none;
}
.nav-home-two {
background: transparent;
}
.pad-logo {
padding-top: 1.8em;
padding-bottom: 1.83em;
}
.touch_top_pad {
padding-top: 0.7em;
padding-bottom: 0;
}
/* Home Navigation */
.nav-t-holder {
position: relative;
}
.nav-t-holder .nav-header {
display: none;
padding: 12px 20px;
}
.nav-t-holder .nav-t-header button {
background: transparent;
border: none;
outline: none;
color: #fff;
font-size: 25px;
border-radius: 5px;
}
.nav-t-holder .nav-t-footer {
display: block;
}
.nav-t-holder .nav-t-footer ul.nav > li {
display: inline-block;
padding: 1.6em 0;
position: relative;
}
.nav-t-holder .nav-t-footer ul.nav > li:hover a,
.nav-t-holder .nav-t-footer ul.nav > li.active a {
color: #fab90a;
background-color: transparent;
}
.nav-t-holder .nav-t-footer ul.nav > li:last-child > a {
border: none;
padding-right: 0;
}
.nav-t-holder .nav-t-footer ul.nav > li:first-child > a
{
padding: 0 1.3em 0 0;
}
.nav-t-holder .nav-t-footer ul.nav > li > a {
padding: 0 1.3em;
display: block;
color: #fff;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
border-right: 1px dashed #3f5262;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu {
top: 100%;
left: 0;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu.align-right {
right: 0;
left: auto;
}
.nav-t-holder .nav-t-footer ul.nav > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
display:block;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu {
top: 0;
left: 100%;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li > ul.sub-menu.align-right {
right: 100%;
left: auto;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
}
.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu {
position: absolute;
width: 275px;
opacity: 0;
display:none;
visibility: hidden;
z-index: 99999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding-left: 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
}
.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li {
display: block;
padding: 0;
background: #fff;
position: relative;
}
.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li:last-child a {
border-bottom: 0;
}
.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li:last-child a:after {
display: none;
}
nav.main_menu .nav-holder .nav-t-footer ul.nav > li ul.sub-menu li:hover > a {
color: #fff;
background: #51c5e9;
}
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
display:block;
}
nav.main_menu .nav-holder ul.nav.ind-menu li.current-menu-item a{
color: #fab90a;
}
nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li.current-menu-item a,nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li.current-menu-item a:active {
color: #ffffff!important;
background: #51c5e9;
}
nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li a {
color: #242424;
font: 600 16px 'Open Sans', sans-serif;
padding: 15px 25px 15px;
border-bottom: 1px solid #e9e9e9;
position: relative;
display: block;
font-weight: 600;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-transform: capitalize;
text-decoration: none;
}
nav.main_menu .nav-holder ul.nav.ind-menu li ul.sub-menu li:last-child a{
border-bottom: none;
}
.nav-t-holder ul.nav li.has-t-sub-menu > a > button {
display: none;
}
.nav-t-holder .nav-t-header {
display: none;
padding: 12px 0px;
float: right;
}
.touch_top ul .item .media .blue-color a i {
color: #1fa6c8;
}
/* Home Navigation */
.top-navigation,
.top-navigation-4 {
position: relative;
}
.top-navigation .main_menu {
position: absolute;
left: 0;
right: 0;
border-bottom: 1px solid rgba(95, 111, 126, 0.58);
}
.top-navigation-4 .main_menu {
position: absolute;
left: 0;
right: 0;
top: 70px;
}
.top-navigation-4 .main_menu.stricky-fixed
{
position: fixed;
top: 0;
background: #0f263a;
}
.top-navigation-4 .main_menu.stricky-fixed .logo
{
width: 220px;
padding: 9px 0;
}
.top-navigation-4 .main_menu.stricky-fixed .logo img
{
width: 100%;
}
.top-navigation-4 .wel-band-bg {
background: transparent;
}
.top-navigation-4 .wel-t-band {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
right: 0;
z-index: 100;
}
.top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li > a {
padding: 0 1em;
border-right: none;
}
.top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li:last-child a {
border-left: 1px solid #fff;
padding: 0 0 0 1em;
}
.top-navigation-4 .nav-menu
{
width: 100%;
}
.top-navigation-4 .wel-band-bg p {
color: #838484;
}
.top-navigation-4 .wel-band-bg p a {
margin: 0 0 0 50px;
color: #40add5;
text-transform: uppercase;
font-weight: bold;
}
.top-navigation .main_menu.stricky-fixed {
position: fixed;
background: #0f263a;
border-bottom: none;
}
.top-navigation .main_menu.stricky-fixed.widget-t .search-form .form-control,
.top-navigation .main_menu.stricky-fixed .widget-t .search-form .form-control + .input-group-addon button {
background: #081e2f;
}
.top-navigation .main_menu.stricky-fixed .widget-t-inner {
border: 1px solid #1a2e40;
}
.top-navigation .nav-t-holder .nav-t-footer ul.nav > li > a {
border-right: 1px dashed #5f6f7e;
}
.top-navigation .nav-t-holder .nav-t-footer ul.nav > li:last-child > a {
border-right: none;
}
.top-navigation .widget-t .search-form .form-control,
.top-navigation .widget-t .search-form .form-control + .input-group-addon button {
background: transparent;
}
.top-navigation .widget-t .search-form .form-control + .input-group-addon {
background: transparent;
}
.top-navigation .widget-t-inner {
border: 1px solid #516170;
}
.main_menu {
position: relative;
z-index: 9999;
}
@keyframes menu_sticky {
0% {
margin-top: -100px;
}
50% {
margin-top: -90px;
}
100% {
margin-top: 0;
}
}
nav.stricky-fixed.fadeInDown.animated {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
animation-name: menu_sticky;
animation-duration: 0.60s;
animation-timing-function: ease-out;
-webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
}
.widget-t-search {
float: right;
padding: 14px 0;
}
.widget-t .search-form .form-control {
height: 40px;
border-radius: 0;
border: none;
font: 1em/1em "Open Sans", sans-serif;
padding: 0 18px;
-webkit-box-shadow: none;
box-shadow: none;
color: #c0c0c0;
z-index: 0;
background: #081e2f;
}
.widget-t-inner {
border: 1px solid #1a2e40;
width: 245px;
}
.widget-t .search-form .form-control + .input-group-addon {
padding: 0;
border: 0;
border-radius: 0;
background-color: #081e2f;
}
.widget-t .search-form .form-control + .input-group-addon button {
border: 0;
background: #081e2f;
color: #bcbcbd;
font-size: 1.2em;
line-height: 2.1em;
padding-right: 15px;
}
/* ==============================
32. Home Slider
============================== */
.thm-banner-t-wrapper .caption-h1 {
font-size: 40px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
position: relative;
}
.thm-banner-t-wrapper .caption-p {
font-size: 20px;
font-style: italic;
color: #fff;
line-height: 28px;
}
.thm-banner-t-wrapper .caption-divider span.divider {
width: 1px;
height: 90px;
background: #fff;
display: block;
}
.thm-banner-t-wrapper .inverse {
background: #F7BE3D;
color: #fff;
border: 2px solid #F7BE3D;
font: 300 1.2em/1em "Open Sans", sans-serif;
}
.thm-banner-t-wrapper .inverse:hover {
color: #fff;
background: #1FB5C7;
border: 2px solid #1FB5C7;
}
.thm-banner-t-wrapper .thm-btn {
padding-top: 7px;
padding-bottom: 7px;
-webkit-transition: all .3s ease !important;
transition: all .3s ease !important;
font-weight: bold !important;
padding: 1.1em 2.5em;
border-radius: 4px;
font: 400 1.2em/1em "Open Sans", sans-serif;
}
.thm-banner-t-wrapper .thm-btn i {
margin: 0;
border-color: transparent;
}
.thm-banner-t-wrapper .inversen {
background: #53cff5;
color: #fff;
border: 2px solid #53cff5;
font: 300 1.2em/1em "Open Sans", sans-serif;
}
.thm-banner-t-wrapper .inversen:hover {
color: #fff;
background: #F7BE3D;
border: 2px solid #F7BE3D;
}
.thm-banner-t-wrapper .thm-btn i:after {
display: none;
}
.thm-banner-wrapper .thm-btn.inverse i {
color: #fff;
}
.thm-banner-wrapper .brder {
display: block;
width: 100px;
height: 4px;
background: #E6AB0C;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
}
.thm-banner-wrapper .brder-left {
display: block;
width: 100px;
height: 4px;
background: #E6AB0C;
margin-top: 22px;
text-align: left;
margin-left: 0;
}
/* ==============================
33. Different Services
============================== */
.diff-offer-wrapper {
background: #f5f4f4;
position: relative;
padding-bottom: 2.5em;
}
.diff-offer {
position: relative;
padding-top: 5.5em;
padding-bottom: 5.5em;
overflow: hidden;
}
.diff-offer ul {
margin: 0;
padding: 0;
}
.diff-offer ul li {
margin: 0;
padding: 0;
float: left;
}
.we-offer-cont {
width: 32%;
}
.we-offer-cont h2 {
margin: 0;
padding: 0 0.8em 0 0;
text-align: right;
color: #323232;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 28px;
}
.we-offer-cont h2 span {
display: block;
}
.we-offer-cont2 {
width: 68%;
border-left: 3px solid #2C6532;
}
.we-offer-cont2 p {
font: 400 1.2em/1.4em "Open Sans", sans-serif;
margin: 0;
padding: 0 0 0 2em;
font-style: italic;
color: #6c6c6c;
}
.view .mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.service-info .view {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
cursor: pointer;
text-align: left;
}
.service-info .view img {
display: block;
position: relative;
}
.service-info .view a.info {
background: url(../images/services/icon.png) left bottom no-repeat;
display: inline-block;
text-decoration: none;
text-indent: -9999px;
width: 58px;
height: 64px;
left: -80px;
bottom: -20px;
}
.service-info .second-effect .mask {
opacity: 0;
overflow: visible;
border: 0px solid rgba(0, 0, 0, 0.8);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service-info .second-effect a.info {
position: relative;
opacity: 0;
-moz-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.service-info .second-effect:hover .mask {
opacity: 1;
border: 105px solid rgba(15, 38, 58, 0.6);
}
.service-info .second-effect:hover a.info {
opacity: 1;
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
/* ==============================
33. Control in compliance
============================== */
.ind-common-pad2 {
padding-top: 5em;
padding-bottom: 6.5em;
}
.quality-wrapper {
position: relative;
}
.quality-wrapper h2 {
font: 300 38px "Open Sans", sans-serif;
margin: 0 0 1.2em;
padding: 0;
color: #242424;
}
.quality-wrapper p {
color: #6c6c6c;
margin: 0 0 4em;
padding: 0;
font: 400 1.2em/1.8em "Open Sans", sans-serif;
}
.quality-wrapper p.sec-vis-pad {
margin-bottom:4em!important;
}
.vision-wrapper {
position: relative;
}
.vision-wrapper ul {
margin: 0;
padding: 0;
}
.vision-wrapper ul li {
margin: 0;
padding: 0 4em;
display: inline-block;
text-align: center;
border-right: 1px solid #cfcfcf;
}
.vision-wrapper ul li p {
color: #6c6c6c;
font: 600 22px 'Montserrat', sans-serif;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.vision-wrapper ul li:last-child {
border-right: 1px solid transparent;
}
.vision-wrapper ul li a {
color: #6c6c6c;
}
.vision-wrapper ul li a:hover {
color: #009bb3;
}
/* ==============================
34. Control in compliance
============================== */
.fluid-service-area-home {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.fluid-service-area-home .work-image-ser {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
@media (max-width: 991px) {
.fluid-service-area-home .work-image-ser {
width: 100%;
text-align: center;
}
}
@media (max-width: 991px) {
.fluid-service-area-home .work-image-ser img {
width: 100%;
}
}
.fluid-service-area-home .service-promo {
width: -webkit-calc(50% + 115px);
width: calc(50% + 115px);
float: left;
position: relative;
padding-left: 0;
background: url("../images/services/ser-bg1.jpg") repeat;
padding-left: 30px;
}
@media (max-width: 991px) {
.fluid-service-area-home .service-promo {
width: 100%;
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
.fluid-service-area-home .service-promo {
padding: 15px;
}
}
.test-quote-sec {
position: relative;
margin-left: -8em;
}
.testimonial-t-sec {
position: relative;
}
.testimonial-t-sec .testimonialn-slider img {
width: 130px;
/* border: 2px solid #FFFFFF; */
border-radius: 50%;
display: inline-block;
}
.testimonial-t-sec .testimonialn-slider .content p {
color: #bbc1c7;
margin: 1em 0 0;
padding: 0;
font: 400 1.1em/1.6em "Open Sans", sans-serif;
}
.testimonial-t-sec .testimonialn-slider .sign img {
width: 160px;
display: inline-block;
border-radius: 0;
}
.testimonial-t-sec .testimonialn-slider .name-content {
display: block;
position: relative;
width: 100%;
}
.testimonial-t-sec .testimonialn-slider .name-content .tst-img {
float: left;
margin: 0 1.5em 0 0;
}
.testimonial-t-sec .testimonialn-slider .name-content .client-name {
float: left;
margin: 1em 0 0;
}
.testimonial-t-sec .testimonialn-slider .name-content .client-name p {
font: 600 1.3em/2em "Open Sans", sans-serif;
margin: 0;
padding: 0;
color: #fff;
}
.testimonial-t-sec .testimonialn-slider .name-content .client-name p span {
display: block;
color: #fff;
font: 400 0.79em/1.8em "Open Sans", sans-serif;
}
.testimonial-t-sec .testimonialn-slider .name-content .client-name ul li {
display: inline-block;
margin: 8px -1px 0 1px;
}
.testimonial-t-sec .testimonialn-slider .name-content .client-name ul li a {
color: #ffba00;
font-size: 1em;
margin: 0 0.4em 0 0;
}
.service-t-content {
max-width: 670px;
margin: 0;
z-index: 2;
position: relative;
padding: 36px 10px 101px 130px;
}
.testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot span {
border: 2px solid #637c93;
background: transparent;
width: 12px;
height: 12px;
}
.testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
border: 2px solid #ffba00;
background-color: #ffba00;
}
.testimonialn-slider.owl-theme .owl-controls {
text-align: left;
margin-top: 0;
}
.featured-services {
overflow: hidden;
background: #0b3357;
}
.featured-services .left-full-img img {
max-width: none;
}
/* ==============================
35. LOOKING AN ADEQUATE
============================== */
.looking-wrapper {
position: relative;
background: #ffba00;
padding-top: 3em;
padding-bottom: 3em;
}
.section_header2 {
position: relative;
padding: 0 0 50px;
}
.section_header2 h2 {
font: 600 28px 'Montserrat', sans-serif;
color: #242424;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0;
}
.section_header2 h2.white,
.section_header h2.white {
color: #fff;
}
.section_header2 h2:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.indurial-solution-text2 h2 {
font: 600 28.4px 'Montserrat', sans-serif;
color: #fff;
margin: 0;
padding: 0;
line-height: 45px;
}
.looking-wrapper .req-button a {
background: #0f263a;
color: #fff;
border-radius: 4px;
font: 600 15px 'Montserrat', sans-serif;
padding: 0.8em 2.5em;
text-decoration: none;
}
.looking-wrapper .req-button a i {
margin-left: 6px;
}
.looking-wrapper3 {
min-height: 113px;
padding: 34px 0;
}
.looking-wrapper3 .indurial-solution-text2 h2 {
font: 300 24px 'Open Sans', sans-serif;
color: #000;
margin: 5px 0;
}
.looking-wrapper3 .req-button a {
background: #0f263a;
padding: 1em 1.52em;
}
/* ==============================
36. About us and Frequently Ask questions
============================== */
.about-sec-content {
position: relative;
}
.about-sec-content h4 {
color: #303030;
font: 400 1.3em/1.5em "Open Sans", sans-serif;
margin: 0 0 1em;
padding: 0;
}
.about-sec-content p {
color: #898989;
font: 400 1.1em/1.7em "Open Sans", sans-serif;
margin: 0 0 1em;
padding: 0;
}
.about-sec-content ul {} .about-sec-content ul li {
color: #6c6c6c;
font: 400 1.1em/2em "Open Sans", sans-serif;
}
.about-sec-content ul li .fa {
color: #233859;
margin-right: 5px;
font-size: 1em;
}
.accordian-area-pad {
margin-top: 1.42em;
}
.accordian-area {
position: relative;
}
.accordian-area .panel .panel-heading .panel-title a i {
font-size: 0.8em;
line-height: 50px;
position: absolute;
top: 0;
left: 0;
}
.accordian-area .panel .panel-heading .panel-title a .fa-plus {
display: none;
}
.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus {
display: block;
width: 25px;
height: 25px;
text-align: center;
font-size: 10px;
border-radius: 50%;
border: 1px solid #c8c8c8;
color: #0e1322;
}
.accordian-area .panel .panel-heading .panel-title a i
{
margin: 12.5px;
line-height: 25px;
}
.accordian-area .panel .panel-heading .panel-title a .fa-minus {
display: block;
width: 25px;
text-align: center;
color: #000;
height: 25px;
font-size: 10px;
border-radius: 50%;
border: 1px solid #184064;
background: #fff;
}
.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus {
display: none;
}
.accordian-area .panel-group .panel {
border-radius: 0;
background: transparent;
margin: 10px 0 0 0;
}
.accordian-area .panel {
border-radius: 0;
}
.accordian-area .panel-default>.panel-heading {
position: relative;
padding: 0;
margin: 0;
}
.accordian-area .panel-title {
font: 400 18px "Open Sans", sans-serif;
background: #fff;
}
.accordian-area .panel-title.on
{
background: #184064;
}
.accordian-area .panel .panel-heading .panel-title a.collapsed {
background: #fff;
color: #242424;
}
.accordian-area .panel .panel-heading .panel-title a {
background: #184064;
display: block;
color: #fff;
padding: 12px 0;
margin: 0 0 0 50px;
height: 50px;
}
.accordian-area .panel-body {
background: #fff;
color: #898989;
font: 400 1.1em/1.8em "Open Sans", sans-serif;
}
.panel-title.actives
{
height: 50px;
}
.section_header3 h2 {
color: #fff;
}
.latest-news1 {
background: url("assets/images/news-bg.jpg") no-repeat scroll center 0;
-webkit-background-size: cover;
background-size: cover;
}
.about-but {
position: relative;
display: inline-block;
float: left;
margin-left: 0;
padding-top: 4em;
}
.about-but a {
background: #000 !Important;
border: 1px solid #000 !important;
color: #fff !important;
text-decoration: none;
}
.about-but a:hover {
text-decoration: none;
border: 1px solid #53cff5!important;
}
.about-but a i {
margin-left: 10px;
}
.about-us4 {
background: url("assets/images/bg-about-us4.jpg") right center no-repeat;
padding: 89px 0;
background-size: cover;
}
.about-us5 {
background: url("assets/images/bg-about-us5.jpg") left center no-repeat;
padding: 78px 0 58px;
background-size: cover;
min-height: 603px;
}
.about-us4 .section-faq, .about-us5 .section-faq {
padding: 0 0 0 65px;
}
/* ==============================
37. Our Projects
============================== */
.our-galler-htwo {
background: url(assets/images/bg_home.jpg) repeat center top;
position: relative;
}
.our-galler-three {
background: #ebebeb no-repeat center top;
position: relative;
padding: 0;
}
.our-galler-four {
background: url("assets/images/bg-our-project4.jpg") no-repeat center top;
position: relative;
padding: 96px 0 0 0;
}
.our-galler-five {
background: #1e2228 no-repeat center top;
position: relative;
padding: 96px 0 0 0;
}
.fullwidth-slider {
padding: 0 1.5em;
}
.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next {
background: #ffba00;
width: 33px;
text-align: center;
font-size: 20px;
line-height: 30px;
color: #000;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
height: 33px;
}
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 20px;
}
.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #eaac05;
color: #000;
text-decoration: none;
}
.fullwidth-slider.owl-theme .owl-controls {
margin-top: 4em;
}
.fullwidth-silder {
/* padding-top: 2em; */
}
.fullwidth-silder2 .owl-theme .owl-controls,
.fullwidth-silder3 .owl-theme .owl-controls {
margin-top: 0;
}
.fullwidth-slider2 .owl-nav,
.fullwidth-slider3 .owl-nav {
position: absolute;
top: -92px;
width: 1170px;
text-align: right;
margin: 0 auto;
left: 0;
right: 0;
}
/* ==============================
38. Lattest news
============================== */
/* .event-pad { */
/* padding-top: 1.3em; */
/* } */
.news-wrapper {
position: relative;
background: #f4f4f4;
}
.news-evn-img {
position: relative;
overflow: hidden;
}
.news-evn-img:before {
content: '';
position: absolute;
bottom: -3px;
width: 10px;
height: 3px;
display: inline-block;
background: #fff;
margin: 0;
}
.latest-news-padd img.img-responsive.zoom_img_effect.wp-post-image {
height: 204px;
object-fit: cover;
}
.news-evn-img .event-date {
position: absolute;
width: 62px;
height: 68px;
text-align: center;
background: #ffba00;
left: 10px;
bottom: 0;
}
.news-evn-img .event-date h3 {
font: 600 1.6em/1.2em "Open Sans", sans-serif;
color: #fff;
margin: 0;
padding: 0.4em 0 0;
}
.news-evn-img .event-date h3 small {
color: #fff;
font: 400 0.59em/1em "Open Sans", sans-serif;
display: block;
}
.news-evn-cont {
position: relative;
}
.latest-news-padd {
padding-bottom: 15px;
}
.news-evn-cont h3 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.5px;
color: #000;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 0;
padding: 0 0 0.5em;
line-height: 26px;
}
.news-evn-cont p {
font: 400 15px/1.5em "Open Sans", sans-serif;
color: #8e8d8d;
margin: 0;
padding: 0;
}
.news-meta {
padding: 1.8em 0 1em;
}
.news-meta a {
font: 400 16px/1em "PT Serif", sans-serif;
color: #a6a6a6;
padding-right: 13px;
font-style: italic;
}
.news-meta a + a:before {
content: '';
background: #a6a6a6;
margin-right: 15px;
width: 1px;
height: 14px;
bottom: -3px;
position: relative;
display: inline-block;
}
.sectpad-sec {
padding-top: 5.7em;
padding-bottom: 4em;
}
/* ==============================
39. product solutions
============================== */
.our-sol-wrapper {
background: url(assets/images/pro-sol-bg.jpg) no-repeat center top;
position: relative;
overflow: hidden;
padding: 3em 0;
background-size: cover;
}
.our-sol-wrapper p {
font: 300 32px "Open Sans", sans-serif;
margin: 0;
padding: 0;
color: #fff;
text-align: center;
}
.our-sol-wrapper p span {
color: #ffba00;
}
.ind-common-pad {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
/* ==============================
40. our clients & Get in touch
============================== */
.our-t-client {
position: relative;
}
.our-t-client p {
color: #898989;
font: 400 1em/1.8em "Open Sans", sans-serif;
margin: 1em 0 2em;
padding: 0;
}
.our-t-client ul {
margin: 0;
padding: 0;
overflow: hidden;
}
.our-t-client ul li {
margin: 0 1em 1.2em 0;
padding: 0;
/*display: inline-block;*/
float: left;
}
.our-t-client ul li:last-child {
margin: 0 0 0 0;
}
.our-t-client ul li img {
border: 1px solid #ebebeb;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.our-t-client ul li img:hover {
border: 1px solid #103d68;
border-radius: 100%;
}
.get-t-touch {
position: relative;
border: 1px solid #ebebeb;
overflow: hidden;
margin-top: 0;
}
.get-t-touch-inner {
position: relative;
border: 9px solid #f7f7f9;
padding: 2em 1.5em;
overflow: hidden;
}
.get-t-touch .input_form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 1em/1em "Open Sans", sans-serif;
color: #555;
padding: 11px 20px;
border: 1px solid #eaeaea;
height: auto;
box-shadow: none;
}
.get-t-touch .select-menu + .ui-selectmenu-button {
width: 100% !important;
border-radius: 0;
padding: 0px 40px 0 20px;
border: 1px solid #eaeaea;
height: 42px;
background: #fff;
outline: none;
color: #b7b6b6;
margin-bottom: 20px;
}
.get-t-touch .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font: 0.9em/1em "Open Sans", sans-serif;
line-height: 42px;
}
.get-t-touch .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow1.png) 0 0 no-repeat;
width: 16px;
height: 8px;
margin-top: -4px;
margin-right: 4px;
}
.get-t-touch .select-menu + .ui-selectmenu-menu .ui-menu-item {
background: #2d6293;
border-color: #00ACD9;
font-style: normal;
}
.get-t-touch .submit-n-now {
position: relative;
}
.get-t-touch .submit-n-now .submit {
background: #ffba00;
color: #fff;
font: 600 15px 'Montserrat', sans-serif;
display: inline-block;
padding: 1em 1.52em;
border-radius: 4px;
border: 1px solid #ffba00;
margin: 0;
}
.get-t-touch .submit-n-now .submit:hover {
border-radius: 4px;
color: #fff;
border: 1px solid #53cff5;
background: #53cff5;
}
.get-t-touch .submit-n-now .submit i {
margin-left: 14px;
}
.indurial-t-solution {
background: #103d68;
}
.contactus-button2 {
position: relative;
display: inline-block;
margin-left: 4em;
}
.contactus-button2 a {
background: #ffba00;
color: #ffffff;
border-radius: 4px;
font: 600 15px 'Montserrat', sans-serif;
padding: 0.8em 1.6em;
display: inline-block;
line-height: 16px;
border: 1px solid #ffba00;
}
.contactus-button2 a:hover {
border-radius: 4px;
border: 1px solid #009bb3;
color: #fff;
text-decoration: none;
}
.contactus-button2 a i {
margin-left: 10px;
}
.contactus-button2 submit:hover {
border-color: #53cff5;
color: #fff;
}
.contactus-button2 submit:focus {
color: #fff;
}
.footer-bg {
background: #091723;
}
.footer-t-bottom {
background: #06121c;
}
.logo-wrapper {
text-align: left;
min-height: 106px;
}
.logo-wrapper img {
display: inline-block;
}
.sec-title h2 {
margin-bottom: 1em;
}
/* ==============================
40. about-us-section
============================== */
.about-us-section {
padding: 100px 0;
min-height: 738px;
background: url("../images/about/bg.jpg") right bottom no-repeat #fff;
}
.about-us-section .sec-title h2 {
font-size: 28px;
font-family: "Alegreya", sans-serif;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 40px 0;
}
.about-us-section .about-us {
padding: 0 100px 0 0;
}
.about-us-section .about-us img {
width: 100%;
}
.about-us-section .about-us ul li:before {
content: '\f0a9';
margin-right: 11px;
font-family: 'FontAwesome';
color: #233859;
}
.about-us-section .about-us p {
margin: 32px 0;
font-family: 'Open Sans', sans-serif;
color: #898989;
font-size: 15px;
line-height: 26px;
}
.about-us-section .about-us ul li {
font-size: 14px;
line-height: 32px;
color: #6c6c6c;
}
.about-us-section .about-us ul,
.about-us-section .about-us ul li {
margin: 0;
padding: 0;
list-style: none;
font-family: 'Open Sans', sans-serif;
}
.about-us-section .faq-left-box .single-faq-left:last-child {
margin-bottom: 0;
}
.about-us-section .about-us .thm-button {
margin: 40px 0 0 0;
}
.faq-left-box .single-faq-left {
margin-bottom: 42px;
}
.faq-left-box .single-faq-left .icon-box,
.faq-left-box .single-faq-left .text-box {
display: table-cell;
vertical-align: top;
padding: 10px 0 0 0;
}
.faq-left-box .single-faq-left .icon-box {
font-size: 44px;
width: 45px;
color: #2e78cc;
}
.faq-left-box .single-faq-left .text-box {
padding: 0 0 0 20px;
}
.faq-left-box .single-faq-left .text-box h3,
.faq-left-box .single-faq-left .text-box p {
margin: 0;
}
.faq-left-box .single-faq-left .text-box h3 {
text-transform: uppercase;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #333340;
line-height: 30px;
}
.faq-left-box .single-faq-left .text-box p {
color: #898989;
font-size: 15px;
line-height: 26px;
margin-top: 9px;
font-family: 'Open Sans', sans-serif;
}
.faq-sec .right-box {
padding: 40px 0 0 0;
}
/* ==============================
41. Footer Page3
============================== */
.footer-bg3 {
background: url("") no-repeat center center;
padding: 58px 0 50px 0px;
min-height: 408px;
background-size: cover;
}
.footer-bg3 h4.widget_title {
text-transform: capitalize;
font-style: italic;
}
.footer-bg3 .widget-links {
padding: 0 50px;
}
.footer-bottom3 {
padding: 33px 0;
}
.footer-bottom3 .fo-txt p {
margin: 0;
}
.footer-bottom3 .fo-txt p a {
color: #454d54;
}
/* ==============================
42. Testimonial Page
============================== */
.testimonial-wrapper3 {
background: url(../images/testimonial/testimonial-bg2.jpg) center bottom no-repeat fixed;
background-size: cover;
}
.testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
border: 2px solid #fff;
}
.testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
border: 2px solid #ffa10d;
}
.testimonial-wrapper2 {
background: url(assets/images/testimonial-bg3.jpg) center bottom no-repeat fixed;
background-size: cover;
}
.testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
border: 2px solid #fff;
}
.testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
.testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
border: 2px solid #ffa10d;
}
/* ==============================
43. Solution Page
============================== */
.indurial-t-solution3 {
background: url(assets/images/solution-bg.jpg) center center no-repeat fixed;
background-size: cover;
padding: 29px 0;
min-height: 100px;
clear: both;
}
.indurial-t-solution3 h2 {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 300;
padding: 0px 0 0px 50px;
float: left;
line-height: 45px;
font-size: 25px;
margin-top: 0px;
}
.indurial-t-solution3 .contactus-button2 a {
margin: 0;
}
.indurial-t-solution3 .contactus-button2 {
margin-left: 0;
}
/* ==============================
44. Solution Page
============================== */
#contact-google-map {
width: 100%;
height: 500px;
}
.map-section {
position: relative;
clear: both;
}
.map-outer {
position: relative;
}
.map-section .outer-container {
position: absolute;
max-width: 1170px;
padding: 0px 15px;
margin: 0 auto;
z-index: 20;
}
.map-section .outer-container .info-container {
position: relative;
max-width: 1000px;
margin: 0 auto;
bottom: 375px;
padding: 30px 50px 20px 50px;
background: #1a3b66;
border: 10px solid #FFF;
z-index: 4;
float: left;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
}
.map-section .outer-container .info-container address h4 {
font-size: 30px;
color: #FFF;
font-weight: bold;
padding-bottom: 20px;
}
.map-section .outer-container .info-container address .info {
float: left;
margin-bottom: 20px;
}
.map-section .outer-container .info-container address .fa {
float: left;
color: orange;
font-size: 16px;
margin-right: 10px;
}
.map-section .outer-container .info-container address p {
font-size: 14px;
color: #FFF;
float: left;
}
.diff-offer-wrapper3 {
padding: 0 0 38px 0;
min-height: 661px;
}
.diff-offer-wrapper3 .diff-offer {
padding: 74px 0;
}
.diff-offer-wrapper3 .diff-offer h2 {
margin: 0;
font-weight: 300;
line-height: 40px;
font-family: "Open Sans", sans-serif;
}
.diff-offer-wrapper3 .diff-offer h2 a {
color: #3cbfe7;
text-decoration: underline;
font-weight: 500;
}
.diff-offer-wrapper3 .service-info .post-image {
margin: 0 0 30px 0;
}
.diff-offer-wrapper3 .service-info h4 {
margin: 0;
}
.diff-offer-wrapper3 .service-info h4 a {
color: #242424;
font: 600 18px 'Montserrat', sans-serif;
text-transform: uppercase;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 0 0 15px 0;
}
.diff-offer-wrapper3 .service-info p {
padding: 0;
margin: 0 0 18px 0;
}
.diff-offer-wrapper3 .service-info-right .post-image {
width: 100px;
}
.diff-offer-wrapper3 .service-info-right .post-content {
float: left;
width: 260px;
padding: 0 0 0 15px;
box-sizing: border-box;
}
.diff-offer-wrapper3 .service-info-right .post-image img {
width: 100px;
height: 100px;
}
.diff-offer-wrapper3 .service-info-right h4 a {
margin: 0;
}
.diff-offer-wrapper3 .service-info h6 {
margin: 0;
}
.diff-offer-wrapper3 .service-info .item {
float: left;
}
.read-more {
margin: 35px 0 0 0;
}
/* ==============================
45. We Customer Support
============================== */
.we-customer-support {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.we-customer-support .work-image-ser {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
.we-customer-support .service-promo {
position: relative;
padding-left: 0;
background: url("assets/images/ser-bg1.jpg") repeat;
}
.we-customer-support .service-t-content {
max-width: 650px;
margin: 0;
z-index: 2;
position: relative;
padding: 78px 0 78px 110px;
}
.we-customer-support .service-t-content form input[type="text"] {
background: #0d2840;
color: #fff;
font-size: 15px;
height: 50px;
width: 100%;
padding: 0 20px;
margin: 0 0 15px 0;
border: 1px solid #254766;
border-radius: 5px;
}
.we-customer-support .service-t-content p {
font: 300 20px "Open Sans", sans-serif;
color: #fff;
margin: 0 0 25px 0!important;
}
/* home3 two images */
.we-customer-support {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.we-customer-support .work-image-ser {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
.we-customer-support .service-promo {
width: -webkit-calc(50% + 115px);
width: calc(50% + 115px);
float: left;
position: relative;
padding-left: 0;
background: url("assets/images/ser-bg2.jpg") repeat;
}
.we-customer-support .service-t-content {
max-width: 650px;
margin: 0;
z-index: 2;
position: relative;
padding: 81px 0 78px 110px;
}
.wpb_single_image.work-image-ser img {
height: auto;
max-width: initial;
vertical-align: top;
}
.we-customer-support form .service-t-content input[type="text"] {
background: #0d2840;
color: #fff;
font-size: 15px;
height: 50px;
width: 100%;
padding: 0 20px;
margin: 0 0 15px 0;
border: 1px solid #254766;
border-radius: 5px;
}
.we-customer-support form .service-t-content input[type="email"] {
background: #0d2840;
color: #8e8d8d;
font-size: 15px;
height: 50px;
width: 100%;
padding: 0 20px;
margin: 0 0 15px 0;
border: 1px solid #254766;
border-radius: 5px;
}
/* default home page two images*/
.respon-home-slide.wpb_column.vc_column_container.vc_col-sm-5 {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
.height-img-home img.vc_single_image-img.attachment-full {
height: 510px;
max-width: initial!important;
}
.service-promo {
width: -webkit-calc(50% + 115px);
width: calc(50% + 115px);
float: left;
position: relative;
padding-left: 0;
background: url("assets/images/ser-bg1.jpg") repeat;
padding-left: 30px;
}
@media (max-width: 1400px) {
.we-customer-support .service-t-content {
padding: 81px 0 78px 110px;
}
}
@media (min-width: 981px) {
.dots-test.service-promo.wpb_column.vc_column_container.vc_col-sm-7 {
min-height:510px;
}
}
@media (max-width: 991px) {
.we-customer-support .work-image-ser,
.respon-home-slide.wpb_column.vc_column_container.vc_col-sm-5,
.wpb_single_image.wpb_content_element.vc_align_left.height-img-home{
width: 100%;
text-align: center;
}
.we-customer-support .service-promo,
.service-promo{
padding: 15px;
width: 100%;
}
}
/*=======home banner_variation1 style start=======*/
#minimal-bootstrap-carousel .carousel-caption {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 0;
text-align: right;
text-shadow: none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container {
display: table;
width: 100%;
height: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container.thm-3slide {
text-align: left;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
display: table-cell;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
vertical-align: top;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top .content {
padding-top: 132px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
padding-bottom: 132px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
vertical-align: bottom;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
vertical-align: middle;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
display: inline-block;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.slide3 {
float: left;
width: 50%;
}
#minimal-bootstrap-carousel .carousel-inner .item {
min-height: 638px;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
background-color: #1E1E1E;
}
#minimal-bootstrap-carousel .carousel-control {
background: none;
width: 40px;
height: 40px;
font-size: 15px;
line-height: 40px;
color: #fff;
background: rgba(0, 0, 0, 0.5);
visibility: visible !important;
opacity: .65;
margin-top: -20px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
top: 50%;
border-radius: 0;
z-index: 88;
}
#minimal-bootstrap-carousel .carousel-control.left {
left: 1%;
}
#minimal-bootstrap-carousel .carousel-control.right {
right: 1%;
}
#minimal-bootstrap-carousel .carousel-control:hover {
opacity: 1;
background: #000;
}
/*=======home banner_variation2 style start=======*/
h1.bnrfnt50 {
font-size: 50px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.3px!important;
margin-bottom: 20px;
}
h1.bnrfnt40 {
font-size: 40px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.3px!important;
margin-bottom: 20px;
}
h1.bnrfnt50 span.color1 {
color: #f8c12c;
font-weight: normal;
}
h1.bnrfnt50 span.color2 {
color: #44bfff;
}
h1.bnrfnt50 span.color3 {
color: #f8c12c;
font-weight: bold;
}
span.line
{
height: 4px;
width: 100px;
background: #e6ab0c;
display: block;
margin: 0 0 20px 0;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container.txt-left {
text-align: left;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.cnt_wdt1 {
width: 60%;
}
#minimal-bootstrap-carousel .carousel-caption p.pln_he {
line-height: 30px;
margin-bottom: 40px;
font-size: 18px;
font-style: italic;
color: #fff;
}
#minimal-bootstrap-carousel.ver_new_3_slider .carousel-inner .item {
min-height: 600px;
}
#minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .item {
min-height: 665px;
}
#minimal-bootstrap-carousel.ver_new_1_slider .item, #minimal-bootstrap-carousel .carousel-inner.ver_new_5_slider .item {
min-height: 642px;
}
#minimal-bootstrap-carousel.ver_new_4_slider .carousel-inner .item {
min-height: 858px;
}
#minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .carousel-caption .thm-container .box.valign-top .content{
padding-top: 165px;
}
#minimal-bootstrap-carousel.ver_new_1_slider .carousel-caption .thm-container .box.valign-top .content
{
padding-top: 165px;
}
ul.banner_btm_list {
width: 100%;
float: left;
margin: 0px;
padding: 0px;
}
ul.banner_btm_list li {
list-style: none;
float: left;
width: 33.3%;
padding: 50px 30px;
top: 0;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
bottom: -20px;
min-height: 272px;
cursor: pointer;
text-align: center;
}
ul.banner_btm_list li img {
margin: 0 0 20px 0;
}
ul.banner_btm_list li h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
margin: 0 0 15px 0;
font-family: 'Montserrat', sans-serif;
}
ul.banner_btm_list li p {
line-height: 22px;
font-size: 14px;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
ul.banner_btm_list li.yellow_prd_bg {
background: url(assets/images/yellow_lst_bg.jpg) no-repeat center top;
background-size: cover;
}
ul.banner_btm_list li.yellow_prd_bg h4 a {
color: #000;
text-decoration:none;
}
ul.banner_btm_list li.yellow_prd_bg p {
color: #000;
}
ul.banner_btm_list li.blue_prd_bg {
background: url(assets/images/blue_lst_bg.jpg) no-repeat center top;
background-size: cover;
}
ul.banner_btm_list li:hover {
z-index: 100;
margin: -25px 0 0 0;
min-height: 297px;
}
ul.banner_btm_list li.blue_prd_bg h4 a {
color: #fff;
text-decoration:none;
}
ul.banner_btm_list li.lytblue_prd_bg {
background: url(assets/images/lgtblue_lst_bg.jpg) no-repeat center top;
background-size: cover;
}
ul.banner_btm_list li.lytblue_prd_bg h4 a {
color: #fff;
text-decoration:none;
}
ul.banner_btm_list li.lytblue_prd_bg p {
color: #fff;
font-family: 'Open Sans', sans-serif;
}
/*=======home banner_variation2 style end=======*/
/*************** Search variation 4 style ****************/
.search_overlay {
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background: #eef0f3;
position: fixed;
top: 0;
left: 0;
}
.search_overlay.show {
opacity: 1;
visibility: visible;
z-index: 9999999;
}
.search_overlay .close_search {
background: url(../images/home_page_variation4/close_popup.png) no-repeat;
width: 23px;
height: 20px;
position: absolute;
right: 15px;
top: 10px;
}
.search_main_container {
max-width: 600px;
margin: -100px auto 0;
position: absolute;
top: 50%;
left: 50%;
margin-left: -300px;
width: 100%;
}
.search_main_container h4 {
font-size: 25px;
color: #242424;
margin-bottom: 30px;
}
.search_main_container form {
position: relative;
width: 100%;
float: left
}
.search_main_container .search_lightbox_input {
width: 100%;
float: left;
border-bottom: 1px solid #242424 !important;
border: 0px;
font-size: 18px;
color: #242424;
background: transparent;
padding: 5px 0;
}
.search_lightbox_input::-webkit-input-placeholder {
color: #242424;
}
.search_lightbox_input:-moz-placeholder {
/* Firefox 18- */
color: #242424;
}
.search_lightbox_input::-moz-placeholder {
/* Firefox 19+ */
color: #242424;
}
.search_lightbox_input:-ms-input-placeholder {
color: #242424;
}
.search_overlay button[type='submit'] {
position: absolute;
top: 0;
right: 0;
line-height: 35px;
border: none;
background: none;
}
/*************** End Search variation 4 style ****************/
.newsletter
{
margin: 0 0 100px 0;
}
.newsletter .inn
{
background: url("assets/images/bg-newsletter.jpg") top center no-repeat #f0f0ef;
min-height: 142px;
padding: 23px 40px;
}
.newsletter .inn h2
{
font: 600 2em/1em 'Montserrat', sans-serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0;
}
.newsletter .inn input[type="text"]
{
width: 100%;
height: 45px;
border: 1px solid #333;
}
.newsletter .inn p
{
color: #8e8d8d;
font-size: 15px;
margin: 0;
}
.newsletter .req-button
{
line-height: 44px;
background: #4dcef6;
padding: 0 20px;
border: 1px solid #4dcef6;
color: #fff;
width: 100%;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight:600;
}
.newsletter .req-button
{
margin: 0;
}
.newsletter .req-button i
{
padding: 0 0 0 10px;
}
@media (max-width:800px){
.recent-news-wrapper .row.event-pad .col-sm-4 {
width: 100%;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 32. TT-GALLERY-1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.tt-gallery-1 {
display: block;
position: relative;
overflow: hidden;
}
.tt-gallery-1-caption {
display: block;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
z-index: 1000;
}
.tt-gallery-1-caption-table {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.tt-gallery-1-caption-inner {
display: table-cell;
vertical-align: middle;
-webkit-transform: translateY(-15%);
-moz-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.tt-gallery-1-name {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: #000;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 3px;
}
.tt-gallery-1-cat {
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #898989;
letter-spacing: 0.2px;
}
.tt-gallery-1-search {
display: inline-block;
width: 66px;
height: 66px;
font-size: 22px;
line-height: 66px;
color: #000;
text-align: center;
background: #fac012;
border-radius: 50%;
}
.tt-gallery-1:hover .tt-gallery-1-caption {
opacity: 1;
}
.tt-gallery-1:hover .tt-gallery-1-caption-inner {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.tt-gallery-1-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.1;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 33. LIGHTBOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#imagelightbox {
position: fixed;
z-index: 9999;
-ms-touch-action: none;
touch-action: none;
}
#imagelightbox-close {
width: 2.5em;
height: 2.5em;
text-align: left;
background-color: #05305a;
position: fixed;
z-index: 10002;
top: 5em;
right: 2.5em;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
transition: color .3s ease;
border: none;
}
#imagelightbox-close:before, #imagelightbox-close:after {
width: 2px;
background-color: #fff;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px;
}
#imagelightbox-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#imagelightbox-close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#imagelightbox-close:hover {
background-color: #fff;
outline: none;
}
#imagelightbox-close:hover:before, #imagelightbox-close:hover:after {
background: #05305a;
}
#imagelightbox-loading, #imagelightbox-loading div {
-moz-border-radius: 50%;
border-radius: 50%;
}
#imagelightbox-loading {
width: 2.5em;
height: 2.5em;
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em;
margin: -1.25em 0 0 -1.25em;
-moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
}
#imagelightbox-loading div {
width: 1.25em;
height: 1.25em;
background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
-moz-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite;
}
#imagelightbox-overlay {
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#imagelightbox-caption {
font-size: 15px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
color: #fff;
background-color: #05305a;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 14px 0px;
}
.imagelightbox-arrow {
font-size: 40px;
line-height: 56px;
font-weight: 400;
color: rgba(255, 255, 255, 0.32);
width: 3.75em;
height: 7.5em;
background-color: transparent;
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em;
border: none;
}
.imagelightbox-arrow-left {
left: 2.5em;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.imagelightbox-arrow-right {
right: 2.5em;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.imagelightbox-arrow-left:focus, .imagelightbox-arrow-right:focus {
outline: none;
}
.imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover {
color: #fff;
}
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
-webkit-animation: fade-in .25s linear;
-moz-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@media only screen and (max-width:660px) {
#container {
width: 100%;
}
#imagelightbox-close {
top: 1.25em;
right: 1.25em;
}
#imagelightbox-nav {
bottom: 1.25em;
}
.imagelightbox-arrow {
width: 2.5em;
}
.imagelightbox-arrow-left {
left: 1.25em;
}
.imagelightbox-arrow-right {
right: 1.25em;
}
}
@media only screen and (max-width:320px) {
.imagelightbox-arrow-left {
left: 0;
}
.imagelightbox-arrow-right {
right: 0;
}
}
@media (max-width:767px) {
.block.type-7 .filter-nav li {
margin-bottom: 10px;
}
.block.type-7 .filter-content a {
display: block;
}
.block.type-7 .filter-content a img {
margin: 0 auto;
}
.block.type-7 .icon-wrapper .icon-entry {
margin-bottom: 30px;
}
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes imagelightbox-loading {
from {
opacity: .5;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
opacity: .5;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@-moz-keyframes imagelightbox-loading {
from {
opacity: .5;
-moz-transform: scale(0.75);
transform: scale(0.75);
}
50% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
}
to {
opacity: .5;
-moz-transform: scale(0.75);
transform: scale(0.75);
}
}
@keyframes imagelightbox-loading {
from {
opacity: .5;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
}
50% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
to {
opacity: .5;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
}
}
.mobile-link
{
display: none;
}
li.mobile-link {
display: none!important;
}
.mobile-link a.submit
{
background: #f8c12c;
margin: 30px 15px 15px;
display: block;
border-radius: 3px;
padding: 13.5px;
font-size: 16px;
text-align: center;
font-weight: bold;
}
.mobile-link .widget-t-search {
float: none;
padding: 10px 0;
}
.mobile-link .widget-t-inner
{
width: 100%;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
/* Slider Carousel
------------------------------*/
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
-moz-user-select: text;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: inline-block;
/* width: 100%; */
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/* Slick theme */
/* Arrows */
.carousel-prev,
.carousel-next {
position: absolute;
right: 20px;
top: -80px;
width: 35px;
height: 35px;
border: 2px solid #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
font-size: 20px;
color: #fff;
background-color: transparent;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0px!important;
}
.carousel-prev i,
.carousel-next i {
font-size: 25px;
color: #ffffff;
margin-top: 2px;
}
.carousel-prev:hover,
.carousel-next:hover {
color: #ffffff;
}
.carousel-prev:hover i,
.carousel-next:hover i {
color: #ffffff !important;
}
.carousel-prev {
right: 60px;
width: 33px;
font-size: 20px;
line-height: 33px;
color: #fff;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
background-color: #1FB5C7;
}
.carousel-prev i {
margin-left: 10px;
}
.carousel-next i {
margin-left: 12px;
}
.custom-heading.wpb_content_element {
position: relative;
padding: 0 0 50px;
}
.custom-heading.wpb_content_element h2.heading-title {
font: 600 28px 'Montserrat', sans-serif;
color: #242424;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
letter-spacing: 0.3px;
margin: 0;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
color: #242424!important;
font-family: 'Open Sans', sans-serif;
font-size:16px;
font-weight:400;
}
.custom-heading.wpb_content_element h2.heading-title:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #fab90a;
position: absolute;
bottom: 0;
}
.our-t-client.wpb_column.vc_col-sm-6 .wpb_wrapper p{
margin: 0 0 2em!important;
}
.grid-wrapper.grid-row .our-team-page .our-pro-slider {
float: left;
margin: 0 0 1.2em 0;
padding-left: 0;
}
.grid-wrapper.grid-3-columns.grid-row .our-team-page .our-pro-slider .pro-sliders {
padding-top: 0;
}
.widget-contact-list ul li i.icon.icon-Timer{
margin-left:0;
}
.breadcumb-wrapper span a{
display: inline-block;
color: #20bcd4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
text-decoration:none!important;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.about-top-sec {
padding-top: 2em;
}
.marg-bt-abt{
margin: 0 0 1em!important;
}
.left-sidebar {
float: right!important;
}
.single-side-left.wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
padding-left: 0!important;
padding-right: 0!important;
}
.content-right.pull-right.tab-content.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {
padding-left: 0!important;
padding-right: 0!important;
}
.content-right.pull-right.tab-content.wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner .image-box.clearfix {
margin-bottom: 50px!important;
}
.grid-wrapper.grid-3-columns.fullwidth-silder {
padding-top: 0;
margin-left: -15px;
margin-right: -15px;
}
.grid-wrapper.fullwidth-silder .fullwidth-slider {
padding: 0 15px;
float: left;
margin-bottom: 30px;
}
.pad-detail-sec.wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.meta-info .content-box ul.post-links {
margin-bottom: 0;
}
h3.entry-title a:hover {
text-decoration: none;
color: #1cbac8;
}
h3.entry-title a {
color:#010101;
}
.meta-info .content-box ul.post-links li a{
color:#A1A1A1;
}
.meta-info .content-box ul.post-links li a:hover{
color:#FBB12F;
text-decoration: none;
}
.blog-side-shop aside#search-2 {
border: 1px solid #ddd;
width: 100%;
position: relative;
display: inline-block;
margin-bottom: 40px;
padding-right: 0;
}
.blog-side-shop aside#search-3 {
border: 1px solid #ddd;
width: 100%;
position: relative;
display: inline-block;
margin-bottom: 40px;
padding-right: 0;
}
.blog-side-shop aside#search-4 {
border: 1px solid #ddd;
width: 100%;
position: relative;
display: inline-block;
margin-bottom: 40px;
padding-right: 0;
}
.blog-side-shop input.form-control {
height: 45px!important;
padding: 0 30px!important;
}
.blog-side-shop span.input-group-addon {
padding: 0 0 0 8px!important;
border: 0;
border-radius: 0;
background: #51c5e9!important;
}
.blog-side-shop span.input-group-addon button {
background: #51c5e9!important;
color: #fff!important;
}
.blog-side-shop .widget-title span {
font-size: 20px;
text-transform: uppercase;
font: 600 0.8em/1em 'Montserrat', sans-serif;
}
.blog-side-shop h2.widget-title:after{
content: '';
width: 50px;
height: 3px;
background: #fab90a;
display: block;
margin-top: 13px;
}
.blog-side-shop .widget {
/* padding-right: 39px; */
padding-right: 0;
}
.blog-side-shop .img-box {
width: 110px;
height: 84px;
}
.blog-side-shop aside#categories-2 ul li a{
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
}
.blog-side-shop aside#categories-2 ul li a:after{
content: '\f105';
font-family: 'FontAwesome';
color: #C8C8C8;
position: absolute;
top: 0;
right: 5px;
}
.blog-side-shop aside#categories-2 ul li a:hover{
color: #1cbac8;
}
.blog-side-shop aside#categories-3 ul li a{
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
}
.blog-side-shop aside#categories-3 ul li a:after{
content: '\f105';
font-family: 'FontAwesome';
color: #C8C8C8;
position: absolute;
top: 0;
right: 5px;
}
.blog-side-shop aside#categories-4 ul li a{
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
}
.blog-side-shop aside#categories-4 ul li a:after{
content: '\f105';
font-family: 'FontAwesome';
color: #C8C8C8;
position: absolute;
top: 0;
right: 5px;
}
.blog-side-shop aside#categories-3 ul li a:hover{
color: #1cbac8;
}
.popular-post ul li.img-cap-effect a{
text-decoration: none;
color: #1cbac8;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.popular-post .widget-posts-list .img-box{
vertical-align:top;
padding-top: 5px;
}
.padd-blog-left {
margin-left: -15px;
}
.blog-side-shop.pull-left.news{
padding: 5.6em 15px 5.6em 15px;
}
.padd-blog-rgt{
margin-right: -15px;
}
article.padd-blog-rgt:first-child{
padding-top: 5.7em;
}
article.padd-blog-rgt:last-child{
padding-bottom: 5.7em;
}
.padd-top-single {
padding-top: 5.7em;
}
.comments-area {
padding-bottom: 5.6em;
}
.padd-top-single .single-blog-post.none-margin {
margin-bottom: 0;
}
.pull-left.news .single-sidebar-widget.shop-padd-rgt {
padding-right: 0;
}
/* .section_header { */
/* padding-top: 5.6em !important; */
/* } */
.quantity input.input-text.qty.text {
border-color: initial;
}
.bottom-box .col-lg-6.col-md-6.col-sm-6.pull-left.cupon-box {
text-align: left;
}
.shop_table.shop_table_responsive.cart td.row.bottom-box {
background: #f9f9f9 none repeat scroll 0 0;
margin: 0 0 50px;
padding: 30px 25px !important;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.shop_table.shop_table_responsive.cart .bottom-box input#coupon_code {
border: 1px solid #eeeeee;
color: #000;
line-height: 36px;
margin-right: 10px;
outline: medium none;
padding: 0 20px;
width: 130px;
}
.woocommerce table.shop_table {
border-radius: 0!important;
}
.woocommerce .cart .button, .woocommerce .cart input.button:hover {
background: #1FB5C7;
color: #fff;
border-color: #1FB5C7;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
color:#000000;
font-weight: initial;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 41.66666667%;
padding-left: 15px;
}
select#calc_shipping_country {
padding: 5px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #e2e2e2;
color: #242424;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
outline: medium none;
padding: 0 20px;
width: 100%;
}
.proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover{
background: #1FB5C7;
color: #fff!important;
border-color: #1FB5C7;
}
.woocommerce .row_inner_wrapper .col-lg-12.return-customer {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
margin-bottom: 45px;
padding: 21px 30px;
}
.woocommerce .row_inner_wrapper .col-lg-12.return-customer a {
text-decoration:none;
}
.woocommerce .row_inner_wrapper .col-lg-12.return-customer:first-child {
margin-bottom: 15px;
}
.woocommerce form .woocommerce-billing-fields .form-row {
margin-bottom: 23px;
}
.sec-padd-check {
padding-top: 6em!important;
padding-bottom: 4.3em!important;
}
.woocommerce form .woocommerce-billing-fields .form-row input#billing_city {
border: 1px solid #e2e2e2;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: #e2e2e2;
}
p#order_comments_field textarea#order_comments {
padding: 10px;
}
.woocommerce-checkout .col-lg-12.order-box {
border: 1px solid #D9D9D9;
padding: 30px;
}
.woocommerce-checkout .order-box ul li {
color: #8e8d8d;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 45px;
}
.woocommerce-checkout .order-box ul li span {
color: #898989;
display: inline-block;
float: right;
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
.woocommerce-checkout .form-row.place-order {
padding-top: 20px!important;
line-height: 30px;
}
.woocommerce-checkout .form-row.place-order .button {
background: #FAB90A;
border-radius: 5px;
color: #000000;
text-transform: uppercase;
line-height: 42px;
display: inline-block;
letter-spacing: .05em;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding: 0 18px;
margin-top: 10px;
float: right;
}
.woocommerce-checkout .form-row.place-order .button:hover {
background: #1FB5C7;
color: #fff;
border-color: #1FB5C7;
}
.news-evn-cont a:hover {
text-decoration: none;
}
.marg-top-left.caption-box-img.wpb_column.vc_column_container.vc_col-sm-4 {
margin-top: 40px;
margin-left: 15px;
}
.special-links ul li a{
text-decoration:none;
}
.noclass-other .vc_tta.vc_general .vc_tta-panel-title>a {
position: relative;
padding-left: 30px;
padding-right: 30px;
padding-top:0!important;
padding-bottom:0!important;
color: #242424;
font-family: 'Open Sans', sans-serif;
text-transform: none;
font-weight: normal;
font-size: 14px;
line-height: 46px;
letter-spacing: .04em;
margin: 0;
}
.noclass-other .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
color: #fff!important;
background: #1FB5C7;
}
.noclass-other .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #ffffff;
}
.noclass-other .vc_tta.vc_general .vc_tta-panel {
background: #fff;
margin: 10px 0 10px 0;
}
.noclass-other .vc_tta-panel-heading {
background-color: #fff!important;
}
.noclass-other .vc_tta-panel-body {
padding: 19px 0 30px 30px !important;
}
.home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background: #184064;
color:#fff;
}
.home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
color: #fff;
}
.home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
color: #242424;
}
.home-nother-clss .vc_tta.vc_general .vc_tta-panel {
margin: 10px 0 0 0;
background-color: #fff;
}
.home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
background-color: #fff!important;
}
.home-nother-clss .vc_tta-panel-body .wpb_text_column.wpb_content_element .wpb_wrapper p{
/* background: #fff; */
color: #898989;
font: 400 1.1em/1.8em "Open Sans", sans-serif;
}
.home-nother-clss .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #fff;
}
.home-nother-clss .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
border-radius: 0!important;
}
.italic{
font-style: italic;
}
.service-info a:hover{
text-decoration:none;
}
.media .blue-color a{
text-decoration:none;
}
.top-two-right .text-right a{
text-decoration:none;
}
.diff-offer-wrapper.pad-bot-offer {
padding-bottom: 0;
}
.widget-contact-list .menu-footer-3-container ul li a:before {
color: #627279;
content: '\f068';
font-family: 'FontAwesome';
font-size: 6px;
margin-right: 5px;
}
.nav-search.pull-right.text-right .input-group-addon .icon.icon-Search{
line-height: 1.4;
}
.height-img-home img.vc_single_image-img.attachment-full {
height: 510px;
}
.dots-test .slick-dots {
float: left;
margin-top: 0;
}
.dots-test .slick-dots li button {
width: 12px;
height: 12px;
background: transparent;
}
.home-tw-sec-tw .btn {
background: #4dcef6;
color: #fff!important;
font-size: 16px;
padding: 0 40px;
line-height: 48px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.home-tw-test .slick-dots li button {
background: transparent;
border:2px solid #fff;
}
.home-tw-test .slick-dots li.slick-active button {
background: transparent;
border:2px solid #fab90a;
}
.home-tw-test .slick-dots {
margin: 15px auto 0;
}
.letter-space{
letter-spacing: 1.3px!Important;
}
.touch .touch_middle {
/*padding: 80px 0;*/
}
.sectpadcontact {
padding-top:5.7em;
}
.check-project.testimonials.sectpad.touch.sectpd-cont{
padding-top:0;
padding-left: 15px;
padding-right: 15px;
}
.we-customer-support .service-t-content form input[type="email"] {
background: #0d2840;
color: #8e8d8d;
font-size: 15px;
height: 50px;
width: 100%;
padding: 0 20px;
margin: 0 0 15px 0;
border: 1px solid #254766;
border-radius: 5px;
}
.service-t-content input.wpcf7-form-control.wpcf7-submit.btn.btn2 {
font-size: 16px !important;
font-weight: 600 !important;
padding: 0 40px !important;
line-height: 48px !Important;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.service-t-content .btn2 {
color: #000;
background: #f8d24b;
}
.img-height-three .wpb_wrapper.vc_figure .vc_single_image-wrapper img {
height: 510px;
}
.overflow-vis-four{
overflow:visible!important;
}
.image-box-home4 .box-img {
height:250px;
}
.image-box-home4 .box-img img {
height: 100%; object-fit: cover;
}
.tp-revslider-mainul {
position: initial;
width: 100% !important;
}
.pull-left.news .single-sidebar-widget.shop-padd-rgt h2.widget-title {
text-transform: uppercase;
font: 600 0.8em/1em 'Montserrat', sans-serif;
font-size: 20px;
}
div#btt {
background: none repeat scroll #222222;
opacity: 0.8;
border: 1px solid #333333;
border-radius: 2px;
bottom: 21px;
cursor: pointer;
padding: 8px 15px;
position: fixed;
right: 20px;
z-index: 50;
color: #777777;
}
.post-links li:first-child {
float: left;
margin-right: 10px;
}
section.no-results.not-found {
margin-top: 5.6em;
}
section.no-results.not-found button {
border: initial;
background: transparent;
}
section.no-results.not-found span.input-group-addon {
background: #1FB5C7;
color: #fff;
}
img.avatar.avatar-60.photo {
float: left;
margin-right: 20px;
}
.product.type-product.status-publish {
padding-top: 5.6em;
}
.pull-left.input_form.button-error div.wpcf7-response-output.wpcf7-validation-errors {
overflow: hidden;
}
.pull-left.input_form.button-error input.wpcf7-form-control.wpcf7-submit.btn.btn-default.submit {
margin-bottom: 10px;
}
.service-t-content input::-webkit-input-placeholder {
color: #fff!important;
}
.service-t-content input:-moz-placeholder { /* Firefox 18- */
color: #fff!important;
}
.service-t-content input::-moz-placeholder { /* Firefox 19+ */
color: #fff!important;
}
.service-t-content input:-ms-input-placeholder {
color: #fff!important;
}
.slider-col-pd {
font-size: 16px !important;
line-height: 48px !important;
padding: 0 40px !important;
font-weight: bold !important;
}
.breadcumb-wrapper span span:first-child {
margin-left: 0;
}
.breadcumb-wrapper span:last-child span {
color: #909aa2;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.project-post-image.image_hover img {
width:100%;
}
.layout-boxed {
max-width: 1240px;
margin: 0 auto;
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
background-color: #333;
}
.layout-boxed .site {
position: relative;
overflow: hidden;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0px 0px 5.7em 0px!important;
border-radius: 4px;
}
nav.main_menu .nav-holder ul.nav.ind-menu li a:focus{
background:transparent;
}
.right-sidebar {
margin-left: -15px;
margin-right: 10px;
}
.single-sidebar-widget .special-links li ul li a {
padding: 0 30px;
line-height: 30px;
text-transform: capitalize;
font-weight: normal;
}
.single-sidebar-widget .special-links li ul li a, .single-sidebar-widget .special-links li.parent a , .single-sidebar-widget .special-links li.parentactive a{
margin-bottom: 0;
}
.single-sidebar-widget .special-links li ul li:last-child a {
padding: 0 30px 15px 30px;
}
.single-sidebar-widget .special-links li.parent{
margin-bottom: 10px;
}
.single-sidebar-widget .special-links li.parentactive{
margin-bottom: 10px;
}
.single-sidebar-widget .special-links li ul li a::before {
content: "-";
margin: 0 10px 0 0;
}
.single-sidebar-widget .special-links li ul li a:after{
content: '';
}
.single-sidebar-widget .special-links li.parentactive a{
background-color: #51c5e9;
color: #fff;
border-left: 5px solid #0f263a;
}
.search-page-sidebar .blog-side-shop aside#search-2{display:none;}
.blog-posts .product.type-product.status-publish {
padding: 0;
}
.search-page-results .more-link{
display: block!important;
max-width: 126px;
}
.page-numbers {
display: inline-block;
color: #000;
border: 2px solid #d4d4d4;
background: none;
width: 44px;
height: 44px;
line-height: 40px;
text-align: center;
padding: 0px;
margin-right: 10px;
}
a.prev.page-numbers, a.next.page-numbers{
width: 100px;
}
span.page-numbers.current {
color: #fff;
background: #fab90a;
}
.broch-butt-width .single-service-pdf {
max-width: 325px;
}
.top-navigation-4 .nav-t-holder {
position: relative;
float: right!important;
}
/* 404 - Not Found
------------------------------*/
.error-404
{
position: relative;
padding-top: 113px;
padding-bottom: 145px;
background-size: cover;
background: #15151A url(./assets/images/404_bg.jpg);
}
.error-404 h1 {
font-size: 200px;
line-height: 200px;
color: #C5C6D1;
font-weight: 800;
margin: 0;
}
.error-404 h2 {
font-size: 40px;
line-height: 53px;
color: #FFFFFF;
font-weight: 700;
margin: 0;
margin-top: 4px;
}
.error-404 p {
font-size: 25px;
line-height: 53px;
margin: 0;
font-weight: 300;
color: #FFFFFF;
}
.error-404 .thm-button {
color: #fff;
font-size: 18px;
line-height: 47px;
padding: 14px 126px;
text-transform: uppercase;
font:600 1.08em/1em "Roboto",sans-serif;
}
.blog-posts .more-link {
display: block!important;
max-width: 126px;
}
/* inner header code */
.header-tmc_header_2 .inner-banner2 {
padding-top: 190px;
padding-bottom: 100px;
background-size: cover;
}
.header-tmc_header_4 .inner-banner2 {
padding-top: 185px;
padding-bottom: 105px;
background-size: cover;
}
.header-tmc_header_4 .inner-banner2 h2 {
float: left;
background: #32a7ea;
padding: 5px 20px;
}
.header-tmc_header_4 .breadcumb-wrapper {
background: transparent;
border-bottom: none;
padding-top: 15px;
padding-bottom: 0;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
float: right;
}
.header-tmc_header_4 .breadcumb-wrapper .container {
width:100%;
}
.header-tmc_header_4 .breadcumb-wrapper span a{
color:#32a7ea;
}
.header-tmc_header_4 .breadcumb-wrapper span:last-child span,
.header-tmc_header_4 .breadcumb-wrapper{
color:#ffffff;
}
div#btt {
background: none repeat scroll #222222;
opacity: 0.8;
border: 1px solid #333333;
border-radius: 2px;
bottom: 21px;
cursor: pointer;
padding: 8px 15px;
position: fixed;
right: 20px;
z-index: 50;
color: #777777;
}
.mobileBtt{
display:none;
}
.desktopBtt{
display:none;
}
@media (min-width: 991px){
.desktopBtt{display:block;}
}
@media (max-width: 991px){
.mobileBtt{
display:block;
}
.width-res-hun{
width:100%;
}
.vc_row.wpb_row.vc_row-fluid.core-projects.sectpad.faq-page.noclass-other {
padding-bottom: 0;
}
}
@media (min-width: 1281px){
.crousl-contain span.carousel-prev.crousl-pro-lft {
right: 22.5%;
color: #8d8d8d;
background: transparent;
border: 1px solid #8d8d8d;
line-height: 36px;
}
.crousl-contain span.carousel-next.crousl-pro-rgt {
right: 20%;
color: #8d8d8d;
background: transparent;
border: 1px solid #8d8d8d;
line-height: 36px;
}
.crousl-contain .carousel-prev i, .crousl-contain .carousel-next i {
color: #8d8d8d;
}
}
.crousl-contain span.carousel-prev.crousl-pro-lft {
color: #8d8d8d;
background: transparent;
border: 1px solid #8d8d8d;
line-height: 36px;
}
.crousl-contain span.carousel-next.crousl-pro-rgt {
color: #8d8d8d;
background: transparent;
border: 1px solid #8d8d8d;
line-height: 36px;
}
.crousl-contain .carousel-prev i, .crousl-contain .carousel-next i {
color: #8d8d8d!important;
}
@media (max-width: 1024px){
.our-t-client .grid-wrapper.grid-row .our-team-page .our-pro-slider {
width: 30%;
float: left;
margin: 0.3em;
}
.nav-holder {
width: 100%!important;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.nav-home-four .col-md-3 {
text-align: center;
}
.nav-home-four .logo {
text-align: center;
max-width: initial;
display: inline-block;
float: none;
}
}
.nav-home-four .mobile-link .widget-t-search {
padding: 10px 15px;
}
.order-box .woocommerce-checkout-payment {
background: none !important;
}
.home-nother-clss.home-res-acc .vc_tta-panels .vc_tta-panel .vc_tta-panel-body{
background-color: #fff!important;
}
@media(max-width:980px){
.nav-t-holder .nav-t-footer ul.nav > li > ul.sub-menu > li:hover > ul.sub-menu {
left: 0;
}
}
span.font-awe {
font-family: 'FontAwesome';
padding: 0 10px!important;
text-transform: uppercase;
color: #BFBFBF;
letter-spacing: .01em;
font-weight: bold;
}
h2.woocommerce-loop-product__title {
font-size: 16px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
color: #242424;
margin: 0;
text-transform: uppercase;
margin-bottom: 10px;
}
.nav-pills>li+li {
background: #51c5e9;
margin-left: 10px!important;
}
.nav-pills>li>a {
color: #fff;
}
.nav-pills>li:hover>a{
color: #242424;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #1f1f1f!important;
font-size: 16px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: -2px 0px!important;
}
section.related.products.section_header h2 {
margin-bottom: 1em;
}
section.related.products.section_header h2.woocommerce-loop-product__title {
font-size: 15px;
font-weight: bold;
color: #242424;
margin: 0;
text-transform: uppercase;
margin-bottom: 10px;
}
section.related.products.section_header {
padding-top: 0 !important;
}
section.related.products.section_header ul.products li.product {
width: 24%;
}
section.related.products.section_header ul.products li.product span.price{
padding-top: 0px;
font-size: 20px!important;
}
section.related.products.section_header h2.woocommerce-loop-product__title:before{
content:none;
}
.carousel-prev, .carousel-next{
width: 42px!important;
height: 42px!important;
border: 1px solid #878787!important;
background: none!important;
color: #fff!important;
border-radius: 0!important;
}
.carousel-prev i, .carousel-next i {
margin-top: 10px;
color: #fff!important;
}
.carousel-next i {
margin-left: 17px!important;
font-size: 20px;
}
.carousel-prev i {
margin-left: 15px;
color:#fff;
font-size: 20px;
}
.carousel-prev i, .carousel-next i {
margin-top: 10px!important;
}
@media only screen and (max-width:1780px) and (min-width:1681px) {
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 19%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 21.5%;
}
}
@media only screen and (max-width:1680px) and (min-width:1581px) {
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 16%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 19.5%;
}
}
@media only screen and (max-width:1580px) and (min-width:1441px) {
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 13%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 16.5%;
}
}
@media only screen and (max-width:1440px) and (min-width:1367px) {
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 10%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 13.5%;
}
}
@media only screen and (max-width:1366px) and (min-width:1301px){
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 8%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 11.5%;
}
}
@media only screen and (max-width:1300px) and (min-width:1281px){
.crousl-contain span.carousel-next.crousl-pro-rgt{
right: 6%;
}
.crousl-contain span.carousel-prev.crousl-pro-lft{
right: 9.5%;
}
}
.flex-control-nav.flex-control-thumbs li {
padding: 3px;
}
/* */
.image-zoom-on-hover {
overflow: hidden;
}
.image-opacity-on-hover img, .image-zoom-on-hover img{
transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
-moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
-o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;
}
.image-zoom-on-hover:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.image-opacity-on-hover:hover img {
opacity: 0.55;
filter: alpha(opacity=55);
}
.image-opacity-on-hover {
background: #1c1c1c;
}
.project-post-info.grid .effect-zoe p.description a{
font: 700 14px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
margin: 0;
background: #fac012;
border-radius: 3px;
line-height: 38px;
padding: 0 20px;
height: 38px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
top: -80px;
position: relative;
z-index: 999;
}
@media(max-width:767px){
.effect-zoe img{
width:100%;
}
}
@media(max-width: 991px) and (min-width: 981px){
.widget.widget-contact ul li .fleft{
float: none!important;
}
.margin_specing i.fa.fa-phone {
margin-left: -35px;
}
}
@media (max-width: 767px) and (min-width: 600px){
.vc_row.wpb_row.vc_row-fluid.core-projects.sectpad.faq-page.noclass-other{
width: 735px!important;
left: 0!important;
}
}
.blog-side-shop.pull-left.news .widget ul li a {
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}