/*
Theme Name: Tapco HomeDry
Theme URI: http://tapco.tekclients.co.uk
Author: the Tekhoi team
Author URI: http://tekhoi.com/
Description: Theme is designed and developed for Tapco HomeDry by the Tekhoi team
Version: 99.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: twentyfifteen
*/
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
color: #eee;
background: #05244C!important;align-content
}
.shiftnav .shiftnav-menu-title {
background: #05244C!important;
color: #fff!important;
}
* {
margin:0px;
padding:0px;
}
a.mega-menu-link:hover{
color : #fff !important;
background: #05244C !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
.quform-theme-hollow .quform-upload-dropzone {
background-color: transparent;
color: #fff;
border-color: #fff!important;
}
a.mega-menu-link:active {
color : #fff !important;
background: #05244C !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
.fty {
width: 110px;
clear: both;
display: inline-block;
margin-top: 15px;
}
.quform-field-select option {
color:#333 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #05244C !important; color: #fff !important;
line-height: 88px;
height: 88px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 600 !important;
font-size: 16px;
color: #fff !important;
background: #05244C !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active {
font-weight: 600 !important;
font-size: 16px;
padding: 0px 18px;
color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background:transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
background: #05244C !important; color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-weight: 600 !important;
font-size: 16px;
padding: 0px 18px;
color: #05244C !important;
}
.banner-logo { display:none;}
.quform-field-text, .quform-field-textarea {color:#444!important;}
.su-box-title {
display: block;
padding: 0.5em 1em;
font-size: 20px !important;
text-transform: uppercase;
color: #000000;
line-height: 40px;
font-weight: 600;
margin-bottom: 0px;
display: inline-block !important;
background: #05244C !important;
color: #ffffff;
width: 100%;
text-align: center!important;
letter-spacing:1px;
}
.su-box {
margin: 0 0 1.5em 0;
border-width: 2px;
border-style: solid;
border-color: #fff !important;
}
.su-box-content .su-button-center a span {
font-size:17px !important;
}
.weHelp {
padding-bottom: 10px!important;
padding-top: 10px!important;
text-align: center;
font-size: 28px!important;
background: #dce4e7;
color: #000!important;
margin-bottom: 15px!important;
}
.su-custom-gallery-slide span {
position: absolute;
left: 4px;
bottom: 4px;
display: none !important;
}
.fancybox-outer quform * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000!important;
}
.su-custom-gallery-slide img {
display: block;
margin: 0;
width: 100%!important;
max-height: 200px;
padding: 3px;
border: 1px solid #ccc;
background: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
transition: all .2s;
-o-transition: all .2s;
-ie-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.yellow-right a {
text-transform: lowercase !imporant;
}
#shiftnav-toggle-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0 10px;
z-index: 500000;
text-align: center;
background: #31496B !important;
color: #eee;
}
#quform-form-94fa76 .quform{
color: #000;
}
.post-template-default p { font-weight: 400;
font-family: "Open Sans", Verdana, sans-serif;
line-height: 29px;
color: #354a55;
font-size: 16px;
margin-bottom: 25px;
}
.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
background: #44535a !important;
color: #eee;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
text-transform: uppercase;
border-top-color: #fff!important;
}
.shiftnav .shiftnav-menu-title {
background: #fff;
}
@font-face {
font-family: 'Caflisch Script Web Pro';
src: url('fonts/CaflischScriptWebPro.eot');
src: url('fonts/CaflischScriptWebPro.eot?#iefix') format('embedded-opentype'),
url('fonts/CaflischScriptWebPro.woff') format('woff'),
url('fonts/CaflischScriptWebPro.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
.pdfemb-poweredby {display:none !important;}
#quform-popup-widget-2 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 14px 10px 14px 10px;
margin: 0 auto;
background-color: #dce4e7 !important;
width: 100%;
height: auto;
margin-top: 10px;
font-weight: 600;
font-size: 22px;
text-align: center;
color: #354a55;
text-transform:uppercase;
line-height:34px;
}
#quform-popup-widget-2 .fa {
margin-right:5px;
}
#quform-popup-widget-2 a {
color: #354a55 ;
}
.mega-menu-item-28823 a.mega-menu-link , .mega-menu-item-39 a.mega-menu-link , .mega-menu-item-43 a.mega-menu-link, .mega-menu-item-28920 a.mega-menu-link,
.mega-menu-item-28928 a.mega-menu-link {
display: block;
background: #fff!important;
color: #333!important;
}
.mega-menu-item-45 li.mega-menu-flyout {
display: block;
background: #fff!important;
color: #333!important;
}
.phone-number a {
color: #fff;
letter-spacing: 0.5px;
}
.phone-number a:hover {
color:#FFF;
text-decoration:underline;
}
.mega-menu-link a:hover {
color: #31496B!important;
}
h3 { color: #31496B; font-weight: 600 !important;}
.call .process-banner-cta_content {
background: #05244C !important;
}
.process-banner {
width: 100%;
}
.quform-theme-hollow.quform-datepicker .k-calendar .k-header, .quform-theme-hollow.quform-datepicker .k-calendar .k-header .k-state-hover {
background-color: #05244C !important;
}
.quform-theme-hollow.quform-datepicker .k-calendar td.k-state-focused, .quform-theme-hollow.quform-datepicker .k-calendar td.k-state-selected.k-state-focused {
background-color: #05244C !important;
}
.quform-theme-hollow .quform-field-icon {
background-color: #05244C !important;
border-radius: 100%;
color: #fff;
height: 30px;
line-height: 30px;
margin-top: -15px;
padding: 0;
vertical-align: middle;
width: 30px;
}
.sign {
font: 400 55px/0.8 'Cookie', Helvetica, sans-serif;
color: #000;
text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
margin-bottom: 30px;
}
.home h1 {
font-size: 38px;
color: #05244C;
margin-bottom: 25px;
margin-top: 0 !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing:1px;
}
.noPad {
margin-right: 0px !important; margin-left: 30px;
}
.faq-content ul {
margin-bottom: 20px;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", Verdana, sans-serif;
line-height: 29px;
color: #354a55;
font-size: 16px;
margin-bottom: 25px;
}
.hentry ul {
margin-bottom: 20px;
font-weight: 400;
font-family: "Open Sans", Verdana, sans-serif;
line-height: 29px;
color: #354a55;
font-size: 16px;
}
.process-banner .process-banner_steps{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:100%;float:none;overflow:auto;display:flex}.process-banner .process-banner_steps .process-banner_step{float:left;flex-basis:100%;padding:20px}.process-banner .process-banner_steps .process-banner_step .icon{display:block;margin:0 auto;height:60px;width:90px;min-width:90px;max-width:90px;font-size:60px;text-align:center}.process-banner .process-banner_steps .process-banner_step .process-banner_header{text-align:center;line-height:100%;border-bottom:1px solid #fff;padding:30px 0;margin:0}.process-banner .process-banner_steps .process-banner_step p{margin:20px 0}.process-banner .process-banner_steps .process-banner_step ul{margin:0;list-style:none;padding:0}.process-banner .process-banner_steps .process-banner_step ul li{margin:18px 0;padding-left:35px;text-indent:-35px;line-height:120%}.process-banner .process-banner_steps .process-banner_step ul li:before{font-style:normal;font-variant:normal;line-height:0;font-size:30px;padding-right:5px;position:relative;top:10px}.process-banner .process-banner_steps .process-banner_step ul li:last-child{margin-bottom:4px}.process-banner .process-banner_steps .process-banner_step:nth-of-type(1){color:#fff;background-color:#ed1c24}.process-banner .process-banner_steps .process-banner_step:nth-of-type(2){color:#fff;background-color:#354a55}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3){color:#354a55;background-color:#dce4e7}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_header{color:#354a55;border-bottom:1px solid #354a55}.process-banner .process-banner_steps .process-banner_step:last-child{color:#354a55;background-color:#fff;border-top:1px solid #dce4e7;border-bottom:1px solid #dce4e7;border-right:1px solid #dce4e7;border-top-right-radius:5px;border-bottom-right-radius:5px}.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_header{color:#354a55;border-bottom:1px solid #354a55}@media only screen and (max-width: 990px){.process-banner .process-banner_steps{display:block}.process-banner .process-banner_steps .process-banner_step{float:none;overflow:auto;display:flex;padding:20px}.process-banner .process-banner_steps .process-banner_step .icon{align-self:center;margin:0 20px 0 0}.process-banner .process-banner_steps .process-banner_step .process-banner_header{text-align:left;border-bottom:none;padding:0}.process-banner .process-banner_steps .process-banner_step .process-banner_step-content{border-left:1px solid #fff;padding:10px 10px 10px 30px}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_header,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_header{border-bottom:none}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_step-content,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_step-content{border-left:1px solid #354a55}.process-banner .process-banner_steps .process-banner_step:last-child{border-top:none;border-left:1px solid #dce4e7;border-top-right-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px}}@media only screen and (max-width: 479px){.process-banner .process-banner_steps .process-banner_step{flex-direction:row-reverse;padding:20px 10px}.process-banner .process-banner_steps .process-banner_step .icon{margin:0 0 0 10px}.process-banner .process-banner_steps .process-banner_step .process-banner_step-content{border-left:none;border-right:1px solid #fff;padding:10px 20px 10px 10px}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_step-content,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_step-content{border-left:none;border-right:1px solid #354a55}}.process-banner-cta{text-decoration:none;overflow:auto;display:block}
.process-banner-cta .process-banner-cta_content{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:white;
padding:14px 10px 6px 10px;
margin:0 auto;
background-color:#ed1c24;
width:calc(100% - 20px);
height:30px;
margin-top:10px;
font-weight:600;
font-size:20px;
text-align:center;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
}
a.process-banner-cta{
cursor:pointer;
text-decoration:none !important;
}
a.process-banner-cta:active {
text-decoration:none !important;
}
.process-banner .process-banner_steps {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 100%;
float: none;
overflow: auto;
display: flex;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(1) {
color: #fff;
background-color: #ed1c24;
}
.process-banner .process-banner_steps .process-banner_step .icon {
display: block;
margin: 0 auto;
height: 60px;
width: 90px;
min-width: 90px;
max-width: 90px;
font-size: 60px;
text-align: center;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(1) {
color: #fff;
background-color: #31496B;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(2) {
color: #fff;
background-color: #354a55;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(2) {
color: #fff;
background-color: #05244C;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) {
color: #354a55;
background-color: #354a55;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) {
color: #354a55;
background-color: #dce4e7;
}
.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) {
color: #354a55;
background-color: #354a55#dce4e7;
}
.process-banner .process-banner_steps .process-banner_step:last-child {
color: #354a55;
background-color: #fff;
border-top: 1px solid #dce4e7;
border-bottom: 1px solid #dce4e7;
border-right: 1px solid #dce4e7;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.process-banner .process-banner_steps .process-banner_step:last-child {
color: #354a55;
background-color: #fff;
border-top: 1px solid #dce4e7;
border-bottom: 1px solid #dce4e7;
border-right: 1px solid #dce4e7;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.icon-phone-regular:before {
content: "\e63c";
}
.process-banner .process-banner_steps .process-banner_step {
float: left;
flex-basis: 100%;
padding: 20px;
}
.process-banner .process-banner_steps .process-banner_step {
float: left;
flex-basis: 100%;
padding: 20px;
}
.quform-theme-hollow .quform-page-progress-bar {
background-color: #05244C !important;
color: #fff;
}
.quform .quform-element {
position: relative;
font-family: 'Source Sans Pro';
font-weight: 100;
font-size: 17px;
}
#main-text-area .quform-theme-hollow .quform-group-style-plain>.quform-spacer>.quform-group-title-description .quform-group-title {
color: white;
border-bottom: 2px solid white;
}
.quform label {
display: inline-block;
margin-bottom: 5px;
font-weight: 400 !important;
}
#main-text-area .quform-theme-hollow .quform-description {
color: white;
}
#main-text-area .quform-theme-hollow .quform-spacer {
color: white;
}
.quform-theme-hollow .quform-group-style-bordered>.quform-child-elements, .quform-theme-hollow .quform-group-style-bordered>.quform-spacer>.quform-child-elements {
background-color: #05244C;
border: 2px solid #ccc !important;
}
.quform-theme-hollow .quform-label>label {
color: #fff !important;
}
.quform-options-inline .quform-option .quform-option-label {
white-space: nowrap;
color: #fff;
}
.quform-field-select { color: #fff; }
.quform, .quform * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.quform-error-text { color: #000;}
.quform-field-2_69 { color: #000!important;}
.quform-theme-hollow .quform-field-captcha, .quform-theme-hollow .quform-field-date, .quform-theme-hollow .quform-field-email, .quform-theme-hollow .quform-field-multiselect, .quform-theme-hollow .quform-field-password, .quform-theme-hollow .quform-field-select, .quform-theme-hollow .quform-field-text, .quform-theme-hollow .quform-field-textarea, .quform-theme-hollow .quform-field-time, .quform-theme-hollow .select2-container--quform .select2-selection, .quform-theme-hollow.quform-timepicker.k-list-container.k-popup {
border: 2px solid #05244C !important;
}
.quform-button-submit-default>button {
text-transform: uppercase;
font-weight:600;
background-color:#05244C;
color:#FFF;
font-family: 'Montserrat', sans-serif;
letter-spacing:0.5px;
border:0 none;
}
.fa-plus-circle:before {
content: "\f055";
color: #05244C !important;
}
.process-banner-cta .process-banner-cta_content {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 14px 10px 14px 10px;
margin: 0 auto;
background-color: #31496B;
width: 100%;
height: auto;
line-height:36px;
margin-top: 10px;
font-weight: 600;
font-size: 22px;
text-align: center;
}
.process-banner-cta .process-banner-cta_content .fa {
margin-right:5px;
}
.quform-theme-hollow .quform-element-submit.quform-button-style-theme>.quform-button-next-default>button, .quform-theme-hollow .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button, .quform-theme-hollow .quform-options-style-button .quform-option-label {
background-color: #05244C !important;
color: #fff;
border: 0 none transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: scale(1);
transform: scale(1);
}
.quform-theme-hollow .quform-options-style-button .quform-field-radio:checked+label, .quform-theme-hollow .quform-options-style-button .quform-field-radio:active+label {
border:0 none !important;
}
.process-banner .process-banner_steps .process-banner_step ul li {
margin: 18px 0;
padding-left: 35px;
text-indent: -35px;
line-height: 120%;
}
.three{
color: #000!important;
}
.process-banner .process-banner_steps .process-banner_step {
float: left;
flex-basis: 100%;
padding: 20px;
}
.process-banner .process-banner_steps .process-banner_step {
float: left;
flex-basis: 100%;
padding: 20px;
}
.process-banner .process-banner_steps .process-banner_step p {
margin: 20px 0;
color: #fff;
font-size: 14px;
}
.process-banner .process-banner_steps .process-banner_step ul {
margin: 0;
list-style: none;
padding: 0;
}
.process-banner .process-banner_steps .process-banner_step .process-banner_header {
text-align: center;
line-height: 100%;
border-bottom: 1px solid #fff;
padding: 30px 0; color: #fff;
margin: 0;
}
.icon, button, select {
text-transform: none;
}
.process-banner .process-banner_steps .process-banner_step {
float: left;
flex-basis: 100%;
padding: 20px;
}
.process-banner .process-banner_steps .process-banner_step ul li:before {
font-style: normal;
font-variant: normal;
line-height: 0; color: #fff;
font-size: 30px;
padding-right: 5px;
position: relative;
top: 10px;
content: "\f046";
}
.blackul ul li:before {
color:#354a55;}
.process-banner .process-banner_steps .process-banner_step ul li {
margin: 18px 0;
padding-left: 35px;
text-indent: -53px;
line-height: 120%;
}
.container {
margin-top:30px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif !important;
font-weight:700;
}
.fancyTab {
text-align: center;
padding:15px 0;
background-color: #eee;
box-shadow: 0 0 0 1px #ddd;
top:15px;
transition: top .2s;
}
.fancyTab.active {
top:0;
transition:top .2s;
}
.whiteBlock {
display:none;
}
.fancyTab.active .whiteBlock {
display:block;
height:2px;
bottom:-2px;
background-color:#fff;
width:99%;
position:absolute;
z-index:1;
}
.fancyTab a {
font-family: 'Source Sans Pro';
font-size:1.65em;
font-weight:300;
transition:.2s;
color:#333;
}
/*.fancyTab .hidden-xs {
white-space:nowrap;
}*/
.fancyTabs {
border-bottom:2px solid #ddd;
margin: 15px 0 0;
}
li.fancyTab a {
padding-top: 15px;
top:-15px;
padding-bottom:0;
}
li.fancyTab.active a {
padding-top: inherit;
}
.fancyTab .fa {
font-size: 40px;
width:100%;
padding: 15px 0 5px;
color:#666;
}
.fancyTab.active .fa {
color: #cfb87c;
}
.fancyTab a:focus {
outline:none;
}
.fancyTabContent {
border-color: transparent;
box-shadow: 0 -2px 0 -1px #fff, 0 0 0 1px #ddd;
padding: 30px 15px 15px;
position:relative;
background-color:#fff;
}
.nav-tabs > li.fancyTab.active > a,
.nav-tabs > li.fancyTab.active > a:focus,
.nav-tabs > li.fancyTab.active > a:hover {
border-width:0;
}
.nav-tabs > li.fancyTab:hover {
background-color:#f9f9f9;
box-shadow: 0 0 0 1px #ddd;
}
.nav-tabs > li.fancyTab.active:hover {
background-color:#fff;
box-shadow: 1px 1px 0 1px #fff, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
}
.nav-tabs > li.fancyTab:hover a {
border-color:transparent;
}
.nav.nav-tabs .fancyTab a[data-toggle="tab"] {
background-color:transparent;
border-bottom:0;
}
.nav-tabs > li.fancyTab:hover a {
border-right: 1px solid transparent;
}
.nav-tabs > li.fancyTab > a {
margin-right:0;
border-top:0;
padding-bottom: 30px;
margin-bottom: -30px;
}
.nav-tabs > li.fancyTab {
margin-right:0;
margin-bottom:0;
}
.nav-tabs > li.fancyTab:last-child a {
border-right: 1px solid transparent;
}
.nav-tabs > li.fancyTab.active:last-child {
border-right: 0px solid #ddd;
box-shadow: 0px 2px 0 0px #fff, 0px 0px 0 1px #ddd;
}
.fancyTab:last-child {
box-shadow: 0 0 0 1px #ddd;
}
.tabs .nav-tabs li.fancyTab.active a {
box-shadow:none;
top:0;
}
.fancyTab.active {
background: #fff;
box-shadow: 1px 1px 0 1px #fff, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
padding-bottom:30px;
}
.arrow-down {
display:none;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 22px solid #ddd;
position: absolute;
top: -1px;
left: calc(50% - 20px);
}
.arrow-down-inner {
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 12px solid #fff;
position: absolute;
top: -22px;
left: -18px;
}
.fancyTab.active .arrow-down {
display: block;
}
@media (max-width: 1200px) {
.fancyTab .fa {
font-size: 36px;
}
.fancyTab .hidden-xs {
font-size:22px;
}
}
@media (max-width: 992px) {
.fancyTab .fa {
font-size: 33px;
}
.fancyTab .hidden-xs {
font-size:18px;
font-weight:normal;
}
}
@media (max-width: 768px) {
.fancyTab > a {
font-size:18px;
}
.nav > li.fancyTab > a {
padding:15px 0;
margin-bottom:inherit;
}
.fancyTab .fa {
font-size:30px;
}
.nav-tabs > li.fancyTab > a {
border-right:1px solid transparent;
padding-bottom:0;
}
.fancyTab.active .fa {
color: #333;
}
}
.grid-item {
width: 100%;
float: left;
position: relative;
border: 0 solid transparent;
box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
border-width: 10px;
}
.nav>li {
position: relative;
display: block;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
bootstrap.min.c…=1515783140:15
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
.grid-item, body, figure, form {
margin: 0;
}
.sign-post.sign-post--image-header .sign-post_body-position, .sign-post.sign-post--image-right .sign-post_body-position {
height: 160px;
}
.sign-post .sign-post_content {
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
background-color: #fff;
background-position: top left;
background-repeat: repeat;
display: table-cell;
padding: 10px 20px;
vertical-align: middle;
}
.sign-post .sign-post_body-position {
display: table;
float: left;
height: 340px;
width: 100%;
}
.sign-post {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
display: table;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 0px 1px 3px 1px #c7c8ca;
-moz-box-shadow: 0px 1px 3px 1px #c7c8ca;
box-shadow: 0px 1px 3px 1px #c7c8ca;
}
.sign-post .sign-post_image-holder {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 180px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
body {
font-size:14px;
line-height:22px;
color:#000000;
font-family: 'Montserrat', sans-serif !important;
font-weight:normal;
font-weight: 300;
background-color: #eaeaea !important;
}
.content-header {
border-bottom: 1px solid #9ca5a9;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0 !important;
}
h1{
font-size:34px;
color: #000;
margin-bottom: 25px;
margin-top: 0px !important;
font-weight: 600;
}
h1.heading-without-banner{
font-size:24px;
color: #05244C;
font-weight: 600;
margin-bottom:20px;
}
h2 {
font-size:18px;
color: #05244C;
margin-top: 0px !important;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0px;
}
p{
margin-bottom: 20px;
}
img {
max-width: 100%;
}
a {
color: #05244C;
}
a:hover {
color: #31496B;
text-decoration: none;
}
.row {
margin-left:0px !important;
margin-right:0px !important;
}
.container {
max-width:1220px !important;
width: 100% !important;
margin:0px auto;
padding:0px !important;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
max-width: 109px;
text-transform: uppercase;
margin-bottom: 0px;
max-width: 550px !important;
background: #05244C !important;
color: #ffffff;
border-radius: 0px;
font-size: 11px;
letter-spacing: 0.4px;
}
.breadcrumb a {
color: #ccc;
}
.hold { float: left;}
.h2icon {
float: left;
max-width: 67px !important;
padding-right: 20px;
padding-top: 0px;
margin-left: -54px;
}
/*Banner Css*/
/*Header Css*/
#header {
border-bottom: 1px solid #FFF;
transition: all .2s ease-in-out;
background: #ffffff;
max-width: 1680px !important;
margin: 0px auto;
position: relative;
z-index: 99;
position: sticky;
top: 0;
left: 0;
transition: all;
}
.logo {
padding-top: 2px;
padding-left: 15px;
}
.logo img {
max-width: 360px;
height: 85px;
}
.header-right {
}
/*Navigation Css*/
.nav-padding {
padding: 0px !important;
}
.request-btn {
display: block;
padding: 15px 25px;
font-size: 18px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
background: #31496B;
line-height: 58px;
position: relative;
z-index: 99;
text-align: center;
letter-spacing: 0.5px;
}
.request-btn:hover {
color: #ffffff;
background: #05244C;
}
.phone-number {
display: block;
padding: 15px 25px;
font-size: 18px;
line-height: 58px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
background: #05244C;
margin-right: 1px;
position: relative;
z-index: 99;
}
.box-inner .phone-number {
height:60px;
line-height: 30px;
}
#header .navbar-inverse{
background: transparent !important;
border:none !important;
border-radius: 0 !important;
min-height: 54px !important;
margin:0px !important;
width:100%;
padding: 0px 0 !important;
}
.navbar-inverse .navbar-nav {
}
.navbar-inverse .navbar-nav > li {
padding: 15px 0;
}
.navbar-inverse .navbar-nav > li:last-child {
background:none;
}
.navbar-inverse .navbar-nav > li > a {
color : #000000 !important;
font-size: 14px;
padding:0px 13px;
line-height:54px;
font-weight:400;
text-decoration:none;
text-transform: capitalize;
}
.navbar-inverse .navbar-nav > li:hover {
background: none !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a{
-webkit-box-shadow: none;
box-shadow: none;
color:#05244C;
background: transparent !important;
}
.navbar-inverse .navbar-toggle {
border-color:#fff;
background:#22587c;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#ffffff !important;
}
.navbar-nav {
margin-left:0px;
margin-right:0px;
}
.navbar-collapse {
padding:0px !important;
}
/*Navigation Css End*/
.main_menu {
float: left !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item
{
line-height: 28px !important;
font-size: 12px !important;
text-transform: uppercase !important;
color: #ffffff;
font-weight: 600 !important;
background: none !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item a, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {
line-height: 18px !important;
font-size: 12px !important;
text-transform: uppercase !important;
color: #ffffff;
font-weight: 600 !important;
background: none !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-weight: 600 !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
display:flex;
flex-wrap:wrap;
}
#mega-menu-wrap-primary .mega-right-box {
}
#mega-menu-wrap-primary .mega-right-box ul {
list-style: none;
}
#mega-menu-wrap-primary .mega-right-box ul li {
float: left !important;
width: 20% !important;
margin-bottom:5px !important;
padding: 0px 1.5% !important;
}
#mega-menu-wrap-primary .mega-right-box ul li a {
line-height: 22px !important;
padding: 0 !important;
font-size: 12px !important;
text-transform: uppercase !important;
color: #ffffff !important;
font-weight: 600 !important;
display: block !important;
text-align: center !important;
}
#mega-menu-wrap-primary .mega-right-box ul li a img {
border: 1px solid #ffffff !important;
border-top: 1px solid #dce4e7;
border-bottom: 1px solid #dce4e7;
border-right: 1px solid #dce4e7;
border-radius: 5px;
margin-bottom:5px;
height:auto;
}
#mega-menu-wrap-primary .mega-right-box ul li a span {
line-height: 22px !important;
padding: 0 !important;
font-size: 12px !important;
text-transform: uppercase !important;
color: #ffffff !important;
font-weight: 600 !important;
display: block !important;
text-align: center !important;
}
/*Header Css*/
.metaslider {
overflow: hidden !important;
}
#banner {
position: relative;
margin-bottom: 10px;
max-width: 1680px !important;
margin: 0px auto;
z-index: 95;
}
.page_heading {
position: absolute;
left: 0 !important;
top: 43%;
width: 100%;
}
.page_heading .container {
padding: 0px 15px !important;
position: relative;
}
.banner-logo {
position: absolute;
right: 5%;
top: 229px;
border-radius: 5px;
padding: 10px !important;
}
.banner-logo a {
display: block;
}
body.single .page_heading {
top: 30%;
}
.page-id-171 .fa {display: none !important;}
.page_heading h2 {
font-size: 28px;
text-transform: uppercase;
color: #000000;
line-height: 40px;
font-weight: 600;
margin-bottom: 0px;
display: inline-block !important;
background: #31496B !important;
padding: 20px 70px !important;
color: #ffffff;
width: 100%;
letter-spacing: 1px;
}
.banner-caption {
position: absolute;
left: 55px !important;
top: 10% !important;
bottom: inherit !important;
background: transparent !important;
width: 100%;
z-index: 9;
opacity: 1 !important;
padding: 0px !important;
letter-spacing: 0 !important;
}
body .metaslider .caption-wrap {
position: absolute;
left: 0 !important;
top: 0 !important;
bottom: inherit !important;
background: transparent !important;
width: 100%;
z-index: 9;
opacity: 1 !important;
padding: 0px !important;
letter-spacing: 0 !important;
height:100%;
}
body .metaslider .caption-wrap .caption {
padding:0;
display:flex;
height:100%;
align-items: stretch;
}
body .metaslider .caption-wrap .caption img {
display: inline !important;
margin-right: 30px !important;
}
body .metaslider .caption-wrap .caption .hero-arrow {
background-image:url(images/arrow-shape.png);
background-position: center right;
background-size:cover;
background-repeat:no-repeat;
width:360px;
display:flex;
align-items:center;
padding-left:50px;
}
body .metaslider .caption-wrap .caption .hero-arrow ul li {
padding:8px 0;
}
body .metaslider .caption-wrap .caption .hero-arrow ul li:before {
content:'';
display:inline-block !important;
margin-right:10px !important;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #FFF;
}
body .metaslider .caption-wrap .caption .hero-arrow ul li a {
color:#FFF;
background:0 none;
font-weight:500;
}
body .metaslider .caption-wrap .caption .hero-arrow ul li a:hover, body .metaslider .caption-wrap .caption .hero-arrow ul li a:focus {
text-decoration:underline;
}
body .metaslider .caption-wrap .caption .hero-content {
align-self:center;
padding:0 50px;
}
.title-banner {
font-size: 32px;
text-transform: uppercase;
color: #000000;
line-height:42px;
font-weight: 400;
margin-bottom: 15px;
text-shadow:0 0 40px rgba(255,255,255,1);
}
.title-banner span {
font-weight: 700;
display: block;
letter-spacing: 1px;
margin-bottom:10px;
font-size:112%;
}
.short-title-banner {
font-size: 24px;
text-transform: inherit;
color: #000000;
line-height: 34px;
font-weight: 300;
margin-bottom: 20px !important;
text-shadow:0 0 40px rgba(255,255,255,1);
}
.short-title-banner span {
font-weight: 700;
}
.metaslider .caption-wrap .hero-content a {
display: inline-block;
line-height: 60px;
color: #ffffff;
padding: 0px 30px;
font-size: 18px;
background: #31496B;
text-transform: uppercase;
font-weight: 600;
margin-left: 1px !important;
}
.metaslider .caption-wrap a:hover {
background-color: #273a55;
}
.flex-direction-nav .flex-prev {
background: url(images/banner-arrow-left.png) no-repeat !important;
width: 30px !important;
height: 35px !important;
left: 25px !important;
}
.flex-direction-nav .flex-next {
background: url(images/banner-arrow-rgt.png) no-repeat !important;
width: 30px !important;
height: 35px !important;
right: 25px !important;
}
/*Banner Css End*/
.boxes-area {
padding: 10px 0 0 0;
max-width: 1680px !important;
margin: 0 auto;
background: #fff;
display: flex;
flex-wrap: wrap;
}
.rollover-box {
padding: 0 10px 0 0;
}
.boxes-area .rollover-box:last-child {
padding:0;
}
.rollover-box img {
width: 100%;
height: 100%;
object-fit: cover;
}
.serv-box {
text-align: center;
margin-bottom: 10px;
position: relative;
padding: 0px;
display: block;
}
.corner-img {
position: absolute;
right: 0px;
bottom: 0px;
}
.overlay-box-main {
position: absolute;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
cursor: pointer;
}
.overlay-box-table {
display: table;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.overlay-box-tablecel {
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
position: relative;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-001{
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
visibility: visible;
opacity: 1;
padding: 20px;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002{
position: absolute;
display: table;
visibility: hidden;
opacity: 0;
background: #C4CBD5;
color: #000000;
padding: 15px;
font-size: 14px;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
top: 0;
left : 0;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 .overlay-inner-tablecel{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 p {
color: #000000;
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin-bottom: 5px !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 span {
color: #000000;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
background: url(images/tapco-arrow-blk.jpg) right 5px no-repeat;
padding-right: 20px;
}
.serv-box:hover .overlay-box-main .overlay-box-tablecel.block-002 {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
}
.serv-box:hover .overlay-box-main .overlay-box-tablecel.block-001 {
opacity: 0;
visibility: hidden;
/*display: none;*/
}
.serv-box img {
}
.overlay-box-tablecel h2 {
font-size: 18px;
color: #ffffff;
line-height: 48px;
margin-bottom: 10px;
font-weight: 600 !important;
letter-spacing:1px;
}
.overlay-box-tablecel p {
font-size: 16px;
color: #ffffff;
line-height: 24px;
margin-bottom: 20px;
font-weight: 300 !important;
}
.page-template-template-services .col-sm-4 { background: #000;}
.faq-title h4 {
margin: 0px !important;
font-size: 20px !important;
line-height: 22px !important;
color: #fff;
}
.faq-main .faq-title:after {
opacity:0;
}
.faq-main.open .faq-title:after {
opacity:1;
}
.faq-accordion .faq-main {
background: #05244C;
padding:10px 10px 10px 15px;
}
.faq-content {
padding-top:15px;
}
#content-area {
padding: 60px 0 70px;
background: #f4f4f4;
max-width: 1680px !important;
margin: 0px auto;
}
body.home #content-area .container {
max-width: 960px !important;
}
body.home .content-box {
text-align: center;
}
.content-box {
text-align: left;
}
.content-box h2 {
font-size: 19px !important;
font-weight: 600;
color: #000000;
line-height: 34px;
margin-bottom: 0px;
letter-spacing:0.5px;
}
.content-box ul li:before {
content: " \f00c ";
font-size: 12px;
color: #333333;
font-family:FontAwesome;
font-style:normal;
margin-right: 5px;
margin-left: 15px;
}
.content-box ul {
margin-bottom: 20px;
}
.su-button-center a {
text-transform:uppercase;
letter-spacing:1px;
}
.home .su-button-center a span {
padding:10px 15px !important;
}
.su-button-center a span {
font-size:20px !important;
font-weight:600;
}
.su-button i {
vertical-align: middle;
}
body.home .content-box h2 {
font-size: 26px;
font-weight: 600;
color: #31496b;
line-height: 34px;
margin-bottom: 40px;
}
body.home .content-box p {
font-size: 18px;
font-weight: 300;
color: #000000;
line-height: 24px;
margin-bottom: 25px;
}
.content-box p {
font-weight: 400;
line-height: 24px;
color: #354a55;
font-size: 16px;
margin-bottom: 25px;
}
/*Blue Bg Area Css*/
.blue-bg {
background: #05244C;
padding: 60px 0 40px;
margin-bottom: 20px;
max-width: 1680px !important;
margin: 0px auto;
}
.icon-box-blue {
padding: 0px 10px !important;
width: 20%;
text-align: center;
}
.exp-box-in {
background: #ffffff url(images/grey-corner-bg.jpg) right bottom no-repeat;
padding: 25px 20px 20px;
min-height: 220px;
}
.exp-box-in img {
margin-bottom: 25px;
}
.exp-box-in h2 {
margin-bottom: 25px;
letter-spacing:1px;
font-size:17px;
}
.skills-text {
font-size: 16px;
color: #05244C;
line-height: 22px;
font-weight: 600;
}
.skills-text span {
font-size: 15px;
color: #05244C;
font-weight: 300;
display: block;
}
.blue-bg { padding: 25px 0px 23px; margin-bottom: 0px !important; }
.for-inner-pages {
padding: 81px 0px 23px;
margin-bottom: 0px !important;
z-index: 97;
width: 100%;
top: 419px;
}
.for-inner-pages .exp-box-in h2 {
margin-bottom: 15px !important;
}
.for-inner-pages .exp-box-in img {
margin-bottom: 15px;
width: auto !important;
height: 40px !important;
}
.for-inner-pages .exp-box-in {
background: #ffffff url(images/grey-corner-bg.jpg) right bottom no-repeat;
padding: 15px 20px 15px;
min-height: 110px;
}
#variety-area {
padding: 60px 0px;
text-align: center;
max-width: 1680px !important;
margin: 0px auto;
background: #fff;
}
#variety-area .container {
max-width: 1680px;
}
#variety-area h2 {
color: #000000;
font-size: 24px;
margin-bottom: 40px;
letter-spacing:1px;
}
#variety-area a {
display: inline-block;
margin: 0px 2%;
}
#case-studies-main {
padding: 0px 0 10px;
max-width: 1680px !important;
margin: 0px auto;
background: #fff;
}
.case-studies, .testimonials-home {
padding: 0px 5px;
text-align: center;
}
.case-studies{
padding-left : 0 !important;
}
.testimonials-home{
padding-right : 0 !important;
}
.case-studies-in {
background: #05244C;
padding: 50px 40px;
color: #ffffff;
min-height: 786px;
position: relative;
}
.testimonials-home-in {
background: #73859B;
padding: 50px 60px;
color: #ffffff;
min-height: 786px;
position: relative;
}
.case-studies-in h2, .testimonials-home-in h2 {
color: #ffffff;
font-size: 30px;
line-height: 42px;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
}
.case-studies-in p, .testimonials-home-in p {
color: #ffffff;
font-size: 20px;
line-height: 28px;
font-weight: 300;
margin-bottom: 50px;
}
.case-studies-in img, .testimonials-home-in img {
margin-bottom: 30px;
}
.testimonials-message {
padding: 40px 55px;
background: #05244C;
border: 4px solid #ffffff;
position: relative;
}
.testimonials-message center {
position: absolute;
width: 100%;
top: -35px;
left: 0;
text-align: center;
}
.collan-icon {
margin-bottom: 0;
}
.testimonials-message p {
font-family: "Open Sans", Verdana, sans-serif;
font-size: 20px;
color: #ffffff;
margin-bottom: 15px;
padding: 0 !important;
line-height: 32px;
}
.company-name {
font-weight: 300 !important;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 10px;
}
.testimonials-message img {
margin-bottom: 0px !important;
}
.btn-position {
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
text-align: center;
}
.view-btn-next {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
background: url(images/link-arrow-box.png) right center no-repeat;
padding-right: 23px;
font-weight: 600;
}
.view-btn-next:hover {
text-decoration: underline;
color: #ffffff;
}
.yellow-bg {
background: #2A6CA2;
padding: 40px 0;
max-width: 1680px !important;
margin: 0px auto;
}
.yellow-icon {
text-align:center;
}
.yellow-icon img {
width:100px;
}
.yellow-right {
color: #000000;
font-size: 20px;
font-weight: 300;
padding-top: 12px;
}
.yellow-right h2 {
color: #fff;
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin-bottom: 15px;
letter-spacing:1px;
}
.yellow-right p {
color: #fff;
font-size: 19px;
font-weight: 300;
line-height: 32px;
margin-bottom: 0px;
font-style: italic;
}
.yellow-right p span, .yellow-right p a {
color: #fff;
font-size: 21px;
font-weight: 600;
}
.yellow-right p a:hover {
color: #fff;
text-decoration: underline;
}
#social-area {
display: none;
background: #f4f4f4;
padding: 90px 0;
text-align: center;
max-width: 1680px !important;
margin: 0 auto;
}
#social-area h2 {
font-size: 24px;
color: #000000;
font-weight: 600;
margin-bottom: 50px;
}
#social-area .container {
max-width: 1680px !important;
}
.chat-box, .tw-box, .fb-box {
padding: 0px 10px;
}
.chat-box-in, .tw-box-in, .fb-box-in {
border: 4px solid #31496B;
padding: 30px 35px 100px;
min-height: 665px;
position: relative;
background: #ffffff;
}
.chat-box-in img.marg-bottom3, .tw-box-in img.marg-bottom3, .fb-box-in img.marg-bottom3 {
margin-bottom: 35px;
}
.tw-box-in {
border: 4px solid #00aced;
padding: 25px 20px 100px;
}
.fb-box-in {
border: 4px solid #3c5b9b;
padding: 25px 10px 100px;
}
.chat-box-in center, .tw-box-in center, .fb-box-in center {
position: absolute;
width: 100%;
bottom: 36px;
left: 0;
text-align: center;
}
.tw-box-in center, .fb-box-in center {
padding: 0px 35px;
}
.blog-read-btn {
display: inline-block;
line-height: 60px;
padding: 0px 40px;
font-size: 18px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
background: #31496B;
text-align: center;
}
.blog-read-btn:hover {
color: #ffffff;
text-decoration: underline;
}
.tw-box-in .blog-read-btn {
background: #00aced !important;
padding: 0px 15px;
display: block;
}
.fb-box-in .blog-read-btn {
background: #3c5b9b !important;
padding: 0px 15px;
display: block;
}
.post-chat {
margin-bottom: 33px;
}
.post-chat h2 {
font-size: 18px !important;
margin-bottom: 10px !important;
line-height: 26px;
}
.post-chat h2 a {
font-size: 18px !important;
color: #000000 !important;
}
.post-chat a {
font-size: 14px !important;
color: #31496B !important;
line-height: 18px;
}
.post-chat a:hover {
text-decoration: underline;
}
.wff-facebook-feed-image-div {
width: 53px;
height: 51px;
}
.wff-facebook-feed-title-div {
float: left;
width: 70% !important;
}
.wff-author-name {
text-align: left;
}
.wff-author-name p {
text-align: left;
margin-bottom: 0px !important;
}
.wff-post-text {
font-size: 18px !important;
line-height: 26px !important;
font-weight: 600 !important;
color: #000000 !important;
letter-spacing: -1px !important;
}
.wff-post-text a {
font-size: 14px !important;
color: #3c5b9b !important;
line-height: 18px !important;
display: block !important;
font-weight: 300;
margin-top: 10px !important;
letter-spacing: 0px !important;
}
.fb-box-in .post-chat, .tw-box-in .post-chat {
margin-bottom: 10px !important;
}
.tw-box-in .post-chat a {
color: #00aced !important;
}
.fb-box-in .post-chat a {
color: #3c5b9b !important;
}
.fb-box-in .post-chat h2, .tw-box-in .post-chat h2 {
text-transform: inherit !important;
font-size: 16px !important;
}
#trust-logos {
padding: 60px 0;
text-align: center;
max-width: 1680px !important;
margin: 0 auto;
background: #fff;
}
#trust-logos .container {
max-width: 1680px !important;
}
#trust-logos h2 {
font-size: 24px;
color: #000000;
font-weight: 600;
margin-bottom: 30px;
letter-spacing:1px;
}
#trust-logos a {
margin: 0 14px;
display: inline-block;
}
/*Footer Css*/
#footer {
font-size: 15px;
color: #ffffff;
background: #00032d;
padding: 90px 0;
max-width: 1680px !important;
margin: 0px auto;
}
#footer h3 {
border-bottom: 1px solid #ffffff;
padding-bottom: 5px;
line-height: 36px;
font-size: 16px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 25px;
letter-spacing:1px;
}
#footer h4 {
line-height: 28px;
font-size: 14px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
letter-spacing:0.5px;
}
#footer img.marg-bottom3 {
margin-bottom: 60px !important;
}
.footer-left, .footer-center, .footer-right, .footer-main, .footer-newsletter, .footer-main-left,#footer .container div.col-lg-5 {
padding: 0px 10px !important;
}
.footer-info-left, .footer-info-right {
padding: 0px !important;
}
.footer-main-left {
margin-bottom: 40px;
}
.footer-newsletter {
text-align: right;
}
.input-news-btn {
border: none;
background: #05244C;
padding: 0 20px;
line-height: 40px !important;
font-size: 14px;
text-transform: uppercase;
color: #ffffff !important;
display: inline-block;
margin-left: -4px;
}
.input-news {
border: none;
background: #ffffff;
padding: 0 15px;
line-height: 40px !important;
max-width: 326px;
color: #000000;
display: inline-block;
}
.title-news {
font-weight: 400;
font-size: 14px;
color: #ffffff;
line-height: 40px;
margin-right: 15px;
display: inline-block;
}
.copy {
font-weight: 500;
font-size: 14px;
color: #ffffff;
}
.footer-left ul li, #footer .container div.col-lg-5:nth-child(1) ul li {
float: left;
width: 50%;
}
.footer-main-left ul li {
float: left;
margin-right:30px;
}
.footer-main-left ul li a i {
font-size: 30px !important;
}
.footer-main-left ul li a i.fa-twitter {
color: #ffffff;
}
.footer-main-left ul li a i.fa-facebook {
color: #ffffff;
}
.footer-main-left ul li a i.fa-linkedin {
color: #ffffff;
}
.footer-main-left ul li a i.fa-google-plus {
color: #ffffff;
}
#footer a {
color: #ffffff;
}
#footer ul {
list-style: none;
}
#footer ul li {
display: block;
line-height: 26px;
font-weight:300 !important;
}
#footer ul li a {
font-size: 14px !important;
color: #ffffff;
}
#footer ul li a:hover, #footer a:hover {
color: #ffffff;
text-decoration: none;
}
.info-footer {
margin-bottom: 10px;
}
/*Footer Css*/
/*Css*/
figure.wp-caption {
max-width: 100% !important;
}
figcaption {
text-align: center;
font-size: 14px;
line-height: 24px;
color: #000000;
font-weight: 600;
}
.alignright {
float:right;
margin-left: 30px;
margin-bottom: 30px;
}
.alignleft {
float:left;
margin-bottom: 30px;
margin-right: 30px;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}
.marg-left {
margin-left:10px;
}
.marg-right {
margin-right:10px;
}
.marg-bottom {
margin-bottom:10px;
}
.marg-top {
margin-top:10px;
}
.marg-left2 {
margin-left:5px;
}
.marg-right2 {
margin-right:5px;
}
.marg-bottom2 {
margin-bottom:5px;
}
.marg-top2 {
margin-top:5px;
}
.marg-left3 {
margin-left:15px;
}
.marg-right3 {
margin-right:15px;
}
.marg-bottom3 {
margin-bottom:15px;
}
.marg-top3 {
margin-top:15px;
}
/*Css*/
.img-box-default {
margin-bottom: 40px;
text-align: center;
padding: 0px 10px !important;
}
.img-box-default img {
margin: 0px auto;
max-width: auto !important;
width: 100%;
height: auto !important;
}
#footer .container div.col-lg-5:nth-child(2){
width: 16% !important;
}
.logo-verity-box {
display: inline;
margin-bottom: 15px;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
#header .nav-padding{
position: static !important;
line-height: 58px;
}
.inner_banner{
margin-bottom : 0 !important;
}
.strap_line{
text-align: center;
color : #ffffff;
background: #00032d;
line-height: 40px;
font-size: 18px;
font-weight: 600;
}
.strap_line a{
color : #ffffff;
text-decoration: underline;
}
.page-template-template-main-service .col-md-4 {
background-color: #05244C !important;
}
.strap_line a:hover{
text-decoration: none;
}
#bottom-content-inner {
padding: 60px 0 40px;
}
#bottom-content-inner .container {
max-width: 1000px !important;
}
.form-box-inside {
background: #05244C;
color: #ffffff;
padding: 25px !important;
border-radius: 7px !important;
margin-bottom: 30px;
}
.form-box-inside input, .form-box-inside button, .form-box-inside select, .form-box-inside textarea {
max-width: 100%;
}
.form-box-inside h2 {
text-align: left;
color: #ffffff;
margin-bottom: 15px;
font-size: 18px !important;
padding-left: 15px;
}
.form-box-inside input[type=text], .form-box-inside input[type=email] {
padding: 0px 15px;
line-height: 32px !important;
border: 1px solid #cfcfcf !important;
margin-bottom: 20px;
color: #555555;
}
.form-box-inside textarea {
padding: 10px 15px;
border: 1px solid #cfcfcf !important;
margin-bottom: 20px;
height: 100px !important;
color: #555555;
}
.contact-form-inner {
font-size: 14px !important;
line-height: 24px !important;
}
span.wpcf7-list-item {
margin-left: 0px !important;
margin-right: 20px !important;
}
.form-box-inside .wpcf7-submit {
background: #05244C;
display: inline-block;
line-height: 32px;
padding: 0px 30px;
border-radius: 3px;
color: #ffffff;
border: none !important;
font-size: 16px !important;
text-transform: uppercase;
font-weight: 600 !important;
}
.form-box-inside .wpcf7-submit:hover {
background: #ffffff;
color: #05244C;
}
.logo-box-in-img {
text-align: center;
padding: 10% 15px;
margin-bottom: 15px;
}
.logo-box-in-img img {
margin: 0px auto;
}
/*Footer Css End
/* Star Rating Css */
.rating {
width:100%;
height:26px;
margin-top:4px;
display:inline-block;
position:relative;
font-size:10px;
line-height:20px
}
.rating span {
margin-left:100px
}
.rating:before,.rating:after {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
font-size:20px;
position:absolute;
top:0;
left:0
}
.rating:before {
color:#ffd203;
content: " \f006 \f006 \f006 \f006 \f006 "
}
.rating:after {
color:#ffd203;
content: " \f005 \f005 \f005 \f005 \f005 ";
overflow:hidden
}
.rating.starone:after {
content: " \f005 "
}
.rating.staronehalf:after {
content: " \f005 \f089 "
}
.rating.startwo:after {
content: " \f005 \f005 "
}
.rating.startwohalf:after {
content: " \f005 \f005 \f089 "
}
.rating.starthree:after {
content: " \f005 \f005 \f005 "
}
.rating.starthreehalf:after {
content: " \f005 \f005 \f005 \f089 "
}
.rating.starfour:after {
content: " \f005 \f005 \f005 \f005 "
}
.rating.starfourhalf:after {
content: " \f005 \f005 \f005 \f005 \f089 "
}
.testimonial-box {
padding: 0px 10px;
margin-bottom: 20px;
}
.testimonial-inner-box {
background: #ffffff !important;
padding: 20px;
}
.testimonial-inner-box h2 {
font-size: 16px !important;
color: #05244C !important;
margin-bottom: 10px !important;
line-height: 22px !important;
}
.testimonial-inner-box P:empty {
display: none !important;
}
.testimonial-inner-box P {
margin-bottom: 10px !important;
}
.testimonial-inner-box .author{
font-weight: bold;
}
.right-sidebar-box {
padding: 0px 10px !important;
}
.right-sidebar-box h2 {
margin-bottom: 20px !important;
}
.right-sidebar-box ul {
list-style: none;
margin-bottom: 30px;
border: 1px solid #cfcfcf;
}
.right-sidebar-box ul li {
font-size: 12px !important;
font-weight: 600 !important;
border-bottom: 1px solid #cfcfcf;
}
.right-sidebar-box ul li a {
font-size: 12px !important;
line-height: 24px !important;
font-weight: 400 !important;
background: #ffffff;
padding: 10px 10px;
color: #333333;
display: block;
text-transform: uppercase;
}
.right-sidebar-box ul li a:hover {
background: #eeeeee;
}
.right-sidebar-box .widget.block.widget_media_gallery {
text-align: center;
background: #ffffff;
padding: 20px;
}
.right-sidebar-box .widget.block.widget_media_gallery h3 {
margin-bottom:20px;
}
.right-sidebar-box .widget.block.widget_media_gallery img {
margin: 0px auto 20px;
}
.left-sidebar-box {
padding: 0px 10px !important;
}
.post-box {
margin-bottom: 20px !important;
}
.box-inner {
background: #ffffff !important;
border: 2px solid #05244C !important;
padding: 20px !important;
}
.post-box .featureBoxImg {
float: left;
max-width: 30%;
max-height: 215px;
overflow: hidden;
}
.feat-post-box {
max-width: 70%;
padding-left: 15px !important;
float: left;
}
.date i {
margin-right: 10px !important;
}
.date ul {
list-style: none;
display: inline;
}
.date ul li {
display: inline-block;
padding-left: 5px;
}
.date ul li a {
font-size: 12px !important;
}
.readmoretag {
display: inline-block;
padding: 0px 15px;
font-size: 13x !important;
color: #ffffff !important;
background: #05244C !important;
border-radius: 5px;
line-height: 32px !important;
margin-top: 10px !important;
font-weight:600;
text-transform: uppercase;
letter-spacing:0.5px;
}
.readmoretag:hover {
background: #31496B;
color: #ffffff !important;
}
.post-box h3 a {
font-size: 22px !important;
text-transform: uppercase;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
z-index: 9999 !important;
padding: 30px 20px 20px 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row {
max-width:1200px !important;
float: none !important;
margin: 0px auto;
}
@media only screen and (min-width: 1850px) and (max-width: 1920px) {
/*#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-weight: 600 !important;
font-size: 16px;
padding: 0px 45px !important;
}*/
}
@media only screen and (min-width: 1680px) { /* min-width 1025px, large screens */
/*.container, body.home #content-area .container, body.page-id-19 #content-area .container, #social-area .container {
max-width:1680px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row {
max-width:1680px !important;
float: none !important;
margin: 0px auto;
}*/
body {
max-width: 1680px !important;
margin: 0px auto;
}
}
@media only screen and (min-width: 1600px) { /* min-width 1025px, large screens */
.yellow-bg {
background-size: 100% auto;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-left: 40px;
}
}
@media only screen and (max-width:1599px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-weight: 600 !important;
font-size: 15px;
padding: 0px 13px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active {
padding: 0px 13px;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-left:20px;
}
}
/*Full Screen View Responcive Css*/
@media only screen and (min-width: 1367px) { /* min-width 1025px, large screens */
.hide-for-lg {
display: none;
}
.case-studies-in p, .testimonials-home-in p {
padding: 0px 20px;
}
.logo {
width: 100%;
max-width: 15%;
}
.logo img {
max-width: 360px;
height:85px;
}
#header .nav-padding {
width: 100%;
max-width: 85%;
padding: 0px !important;
}
.serv-box img, .inner_banner img {
max-width: auto !important;
width: 100% !important;
}
.serv-box img.corner-img, .inner_banner .banner-logo img {
max-width: 100% !important;
width: auto !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-001 {
padding: 20px !important;
}
}
/*Full Screen View Responcive Css End*/
@media only screen and (min-width: 1490px) { /* min-width 1025px, large screens */
}
@media only screen and (min-width: 1280px) and (max-width: 1480px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size: 13px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.hold {
float: left;
margin-top: -40px;
}
.banner-logo {
top: 190px;
}
}
@media only screen and (min-width: 1311px) {
.title-banner span {
font-size: 38px;
}
}
@media only screen and (min-width: 1100px) and (max-width: 1280px) {
.phone-number {
display: block;
padding: 15px 15px;
font-size: 13px;
}
.boxes-area .overlay-content.block-002 p {
color: #000000;
font-size: 11px;
}
.request-btn {
display: block;
padding: 15px 15px;
font-size: 18px;
font-size: 13px;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-left: 0px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1310px) {
.hold {
float: left;
margin-top: -45px;
}
.banner-logo {
top: 163px;
}
.logo img {
max-width: 100%;
height: 79px;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-left:0;
}
}
@media only screen and (min-width: 1163px) and (max-width: 1280px) {
.hide-for-lg {
display: none;
}
.logo {
width: 25% !important;
position: absolute !important;
z-index: 99 !important;
}
.logo img {
max-width: 100%;
}
.col-lg-10.nav-padding {
width: 100% !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
body .metaslider .caption-wrap .caption .hero-content .title-banner {
font-size: 28px !important;
line-height: 34px !important;
}
.metaslider .flexslider .slides li > img {
height: 410px;
width:auto;
}
}
@media only screen and (max-width: 1279px) {
body .metaslider .caption-wrap .caption .hero-content .fty img {
width:90px;
}
body .metaslider .caption-wrap .caption .hero-content .fty {
margin-top:0;
}
body .metaslider .caption-wrap .caption .hero-arrow {
width: 370px;
padding-left:40px;
}
}
@media only screen and (max-width: 1024px) {
body .metaslider .caption-wrap .caption .hero-content .title-banner {
font-size: 26px !important;
line-height: 30px !important;
}
body .metaslider .caption-wrap .caption .hero-content .short-title-banner {
margin-bottom: 5px !important;
font-size:20px;
line-height:30px;
}
.metaslider .flexslider .slides li > img {
height: 340px;
width:auto;
}
body .metaslider .caption-wrap .caption .hero-arrow ul li {
padding:3px 0;
}
}
@media only screen and (max-width: 992px) {
body .metaslider .caption-wrap .caption .hero-content {
padding:0 50px 0 20px;
}
body .metaslider .caption-wrap .caption .hero-content .short-title-banner {
margin-bottom: 10px !important;
}
body .metaslider .caption-wrap .caption .hero-arrow {
width: 360px;
padding-left: 20px;
}
body .metaslider .caption-wrap .caption .hero-content .title-banner {
font-size: 20px !important;
line-height: 25px !important;
}
body .metaslider .caption-wrap .caption .hero-content .fty {
width:auto;
}
body .metaslider .caption-wrap .caption .hero-content .fty img {
width: 70px;
margin-right:20px !important;
}
.blue-bg {
padding-bottom:0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1162px) {
.hide-for-lg {
display: none;
}
.logo {
width: 25% !important;
position: absolute !important;
z-index: 99 !important;
}
.col-lg-10.nav-padding {
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 45px !important;
}
.banner-caption, .metaslider .caption-wrap {
top: 25px !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 span {
display: none !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 p {
margin-bottom: 0px !important;
font-size: 13px !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-001 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.exp-box-in {
min-height: 239px !important;
}
.for-inner-pages .exp-box-in {
min-height: 155px !important;
}
.for-inner-pages .skills-text {
font-size: 16px !important;
}
.for-inner-pages .skills-text span {
font-size: 12px !important;
}
#variety-area a {
margin: 0px 1% !important;
}
.case-studies-in h2, .testimonials-home-in h2 {
font-size: 25px;
}
.testimonials-message {
padding: 30px !important;
}
.chat-box-in, .tw-box-in, .fb-box-in {
min-height: 625px !important;
}
.post-chat h2, .post-chat h2 a {
font-size: 13px !important;
line-height: 18px !important;
}
.blog-read-btn {
font-size: 14px !important;
}
.copy {
padding: 0px 10px !important;
}
}
/*Full Screen To Tablet View Responcive Css End*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.logo {
width: 25% !important;
position: absolute !important;
z-index: 99 !important;
}
.col-lg-10.nav-padding {
width: 100% !important;
padding-right: 72px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 45px;
}
body #shiftnav-toggle-main .shiftnav-toggle-burger {
padding: 22px 25px !important;
}
}
/*Full Screen To Tablet View Responcive Css*/
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.hide-for-lg {
display: none;
}
.banner-logo {
top: 116px;
}
.hold {
float: left;
}
.title-banner {
font-size: 28px !important;
line-height: 34px !important;
}
.banner-caption, .metaslider .caption-wrap {
top: 25px !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 span {
display: none !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-002 p {
margin-bottom: 0px !important;
font-size: 13px !important;
}
.serv-box .overlay-box-main .overlay-box-tablecel.block-001 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.exp-box-in {
min-height: 245px !important;
}
.for-inner-pages .exp-box-in {
min-height: 155px !important;
}
.for-inner-pages .skills-text {
font-size: 16px !important;
}
.for-inner-pages .skills-text span {
font-size: 12px !important;
}
#variety-area a {
margin: 0px 1% !important;
}
.case-studies-in h2, .testimonials-home-in h2 {
font-size: 25px;
}
.testimonials-message {
padding: 30px !important;
}
.testimonials-message p {
font-size: 28px !important;
line-height: 26px !important;
}
.chat-box-in, .tw-box-in, .fb-box-in {
min-height: 625px !important;
}
.blog-read-btn {
font-size: 14px !important;
}
.copy {
padding: 0px 10px !important;
}
.post-chat h2, .post-chat h2 a {
font-size: 13px !important;
line-height: 18px !important;
}
}
/*Full Screen To Tablet View Responcive Css End*/
/*768 To 640 View Responcive Css*/
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
}
/*768 To 640 View Responcive Css*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 23px 0px 24px !important;
}
.title-banner br {
display: none !important;
}
.title-banner {
font-size: 18px !important;
line-height: 28px !important;
}
.short-title-banner {
font-size: 18px !important;
line-height: 24px !important;
margin-bottom: 10px !important;
}
.serv-box img {
max-width: auto !important;
width: 100% !important;
}
.serv-box img.corner-img {
max-width: 100% !important;
width: auto !important;
}
.rollover-box {
padding: 0px 10px !important;
width: 50% !important;
}
.icon-box-blue {
width: 50% !important;
margin-bottom: 30px;
}
.blue-bg .container div.icon-box-blue:nth-child(5) {
width: 100% !important;
}
.case-studies, .testimonials-home, .chat-box, .tw-box, .fb-box {
margin-bottom: 10px !important;
}
.yellow-icon {
width: 20%;
padding-top: 20px;
}
.yellow-right {
width: 80%;
}
.contact-form-inner {
width: 50% !important;
}
.logo-box-in-img {
padding: 10px !important;
width: 33%;
}
.footer-newsletter {
margin-bottom: 15px !important;
}
.footer-main-left ul li a i.fa-twitter, .footer-main-left ul li a i.fa-facebook, .footer-main-left ul li a i.fa-linkedin, .footer-main-left ul li a i.fa-google-plus {
color: #ffffff !important;
}
#footer .container div.col-lg-5:nth-child(2){
width: 100% !important;
}
#footer ul {
display: block;
clear: both !important;
}
#footer .footer-center ul li, #footer .container div.col-lg-5:nth-child(2) ul li {
float: left;
width: 33.33% !important;
}
.footer-newsletter {
text-align: left;
}
.input-news-btn {
margin-top: 1px !important;
}
.input-news {
text-align: left;
}
.footer-main-left {
text-align: center;
}
.copy {
padding: 0px 10px;
}
.footer-info-left, .footer-info-right {
width: 50%;
float: left;
}
.yellow-bg {
background-size: 100% auto !important;
}
.col-lg-6.img-box-default {
width: 50% !important;
}
.col-lg-4.img-box-default {
width: 33.33% !important;
}
.col-lg-3.img-box-default {
width: 25% !important;
}
}
/*768 To 640 View Responcive Css*/
@media only screen and (min-width: 768px) {
.display-des {
display: block !important;
}
.display-mb {
display: none !important;
}
.case-studies-in img.display-des{
margin: 0 auto;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item-has-children > a.mega-menu-link::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link::after {
display: none !important;
}
}
/*Tablet View Responcive Css*/
@media only screen and (max-width: 767px) {
.hide-for-sm{
display: none;
}
.display-des {
display: none !important;
}
.display-mb {
display: block !important;
}
.phone-number {
width: 100% !important;
display: block;
float: left !important;
font-size: 100%;
padding: 0px 5px !important;
text-align: center;
margin: 0px !important;
}
.request-btn {
width: 100% !important;
display: block;
float: right !important;
font-size: 100%;
padding: 0px 5px !important;
text-align: center;
margin: 0px !important;
}
.main_menu {
float: none !important;
width: 100%;
position: relative !important;
}
#mega-menu-wrap-primarymobile .mega-menu-toggle .mega-toggle-block-1::after,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
color: #000000 !important;
font-weight: 600 !important;
text-transform: capitalize;
}
#mega-menu-wrap-primarymobile .mega-menu-toggle .mega-toggle-block-1::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::before {
color: #000000 !important;
font-weight: 300 !important;
font-size: 40px !important;
}
#mega-menu-wrap-primarymobile .mega-menu-toggle,
#mega-menu-wrap-primary .mega-menu-toggle {
height: 1px;
}
#mega-menu-wrap-primarymobile .mega-menu-toggle .mega-toggle-block-right,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {
float: none;
margin-right: 0px;
position: absolute !important;
top: -65px !important;
right: 15px !important;
z-index: 999;
display: none;
}
#mega-menu-wrap-primarymobile, #mega-menu-wrap-primarymobile #mega-menu-primarymobile, #mega-menu-wrap-primarymobile #mega-menu-primarymobile ul.mega-sub-menu, #mega-menu-wrap-primarymobile #mega-menu-primarymobile li.mega-menu-item, #mega-menu-wrap-primarymobile #mega-menu-primarymobile a.mega-menu-link {
position: inherit !important;
}
.logo {
padding-left: 15px;
width: 100%;
margin-bottom: 20px;
margin-left: auto;
float: left;
text-align: center;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a.mega-menu-link {
text-align: left !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a {
text-transform: uppercase !important;
}
.icon-box-blue {
width: 50% !important;
margin-bottom: 30px;
float: left !important;
}
#variety-area {
padding-left: 15px;
padding-right: 15px;
}
.logo-verity-box {
padding: 0px 15px;
margin-bottom: 20px;
width: 50% !important;
float: left !important;
}
.logo-verity-box a {
margin: 0px !important;
}
.blue-bg {
padding-left: 10px;
padding-right: 10px;
}
.case-studies {
margin-bottom: 10px;
}
.btn-position {
position: relative;
bottom: auto;
margin-top: 30px;
}
.case-studies-in {
min-height: inherit;
}
.testimonials-home-in {
min-height: inherit;
}
.yellow-right p a {
font-size: 16px !important;
}
.chat-box, .tw-box, .fb-box {
margin-bottom: 20px;
}
#trust-logos img {
margin-bottom: 15px;
}
#footer ul {
display: block;
clear: both !important;
}
#footer .footer-center ul li, #footer .container div.col-lg-5:nth-child(2) ul li {
float: left;
width: 33.33% !important;
}
.banner-caption, .metaslider .caption-wrap {
left: 20px !important;
top: 130px !important;
padding-right: 40px !important;
}
.title-banner {
font-size: 30px !important;
}
.yellow-icon {
width: 20%;
float: left;
}
.yellow-right {
width: 80%;
float: left;
}
.yellow-right h2 {
font-size: 30px !important;
}
.yellow-right p {
font-size: 18px !important;
}
.yellow-right p br {
display: none;
}
.yellow-right p a {
display: block;
}
#footer .container div.col-lg-5:nth-child(2){
width: 100% !important;
}
.blue-bg .container div.icon-box-blue:nth-child(5) {
width: 100% !important;
}
.case-studies-in h2, .testimonials-home-in h2 {
font-size: 32px !important;
}
.footer-main-left ul li a i.fa-twitter, .footer-main-left ul li a i.fa-facebook, .footer-main-left ul li a i.fa-linkedin, .footer-main-left ul li a i.fa-google-plus {
color: #ffffff !important;
}
.footer-newsletter {
text-align: left;
}
.input-news-btn {
margin-top: 1px !important;
}
.input-news {
text-align: left;
}
.footer-main-left {
text-align: center;
}
.copy {
padding: 0px 10px;
}
.footer-info-left, .footer-info-right {
width: 50%;
float: left;
}
.serv-box img {
max-width: auto !important;
width: 100% !important;
}
.serv-box img.corner-img {
max-width: 100% !important;
width: auto !important;
}
.logo-box-in-img {
text-align: center !important;
padding: 10px 15px !important;
margin-bottom: 15px !important;
max-width: 33% !important;
float: left !important;
}
.banner-logo {
display: none;
}
.page_heading h2 {
padding: 20px !important;
}
.rollover-box, .case-studies, .testimonials-home, #bottom-content-inner {
padding: 0px 10px !important;
}
.logo-box-inside {
padding: 0px !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
display: none !important;
}
/*#mega-menu-wrap-primarymobile #mega-menu-primarymobile[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
display: block !important;
opacity: 1 !important;
margin-top: 0 !important;
}*/
}
/*Tablet View Responcive Css*/
/*Iphone View Responcive Css*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
.hide-for-sm{
display: none;
}
body.home .content-box h2 {
font-size: 20px !important;
}
.icon-box-blue {
width: 100% !important;
}
.case-studies-in h2, .testimonials-home-in h2 {
font-size: 24px !important;
line-height: 32px !important;
}
.case-studies-in {
padding-left: 20px;
padding-right: 20px;
min-height: inherit;
}
.testimonials-home-in {
padding-left: 20px;
padding-right: 20px;
min-height: inherit;
}
.testimonials-message {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
.testimonials-message p {
text-align: center !important;
}
.yellow-icon {
text-align: center;
margin-bottom: 15px;
padding-top: 0px !important;
width: 100% !important;
}
.yellow-icon img {
margin: 0px auto;
max-width: 70px;
}
.yellow-right {
width: 100% !important;
text-align:center;
}
.yellow-right h2 {
font-size: 18px !important;
font-weight: 700 !important;
line-height: 24px !important;
margin: 0px 0px 15px !important;
}
.yellow-right p {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
.blog-read-btn {
font-size: 14px !important;
}
#footer .footer-center ul li {
float: left;
width: 50% !important;
}
.banner-caption, .metaslider .caption-wrap {
top: 40px !important;
left: 10px !important;
}
.metaslider .caption {
padding: 0px !important;
}
#variety-area {
padding-bottom: 40px;
}
#variety-area div.logo-verity-box {
min-height: 120px !important;
margin-bottom: 0px !important;
}
#variety-area div.logo-verity-box:nth-child(even) {
padding-top: 7%;
}
.footer-left ul li, #footer .container div.col-lg-5:nth-child(1) ul li, #footer .footer-center ul li, #footer .container div.col-lg-5:nth-child(2) ul li {
display: block !important;
width: 100% !important;
float: none !important;
max-width: 100% !important;
}
.footer-info-left, .footer-info-right {
width: 100% !important;
float: none !important;
}
.footer-newsletter {
text-align: left !important;
}
.title-news{
display: block;
}
.input-news {
max-width: 170px;
}
.footer-main-left {
margin-bottom: 10px !important;
}
.overlay-box-tablecel h2 {
line-height: 24px !important;
}
.overlay-box-tablecel p {
line-height: 22px !important;
font-size: 14px !important;
padding: 0px 15px;
margin-bottom: 0px !important;
}
.title-banner {
font-size: 17px !important;
line-height: 24px !important;
}
.short-title-banner {
font-size: 16px !important;
line-height: 22px !important;
}
.metaslider .caption-wrap .caption img {
max-width: 80px !important;
margin-right: 10px !important;
}
.metaslider .caption-wrap a {
font-size: 14px !important;
line-height: 50px !important;
padding: 0px 14px !important;
}
}
/*Iphone View Responsive Css*/
.grid-sizer,
.grid-item { width: 32%; margin-bottom : 10px; }
.gutter-sizer { width: 2%; }
.gallery-columns-6 figure.gallery-item{
width: 14%;
margin-left : 2%;
margin-bottom : 20px;
float: left;
}
.gallery-columns-6 figure.gallery-item img{
width: 100%;
height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.grid-sizer,
.grid-item { width: 100%; }
.gallery-columns-6 figure.gallery-item{
width: 46%;
}
}
blockquote {
border: none !important;
padding-left: 0px !important;
}
blockquote::before {
content: " \f10d ";
font-size: 16px;
color: #05244C;
float: left !important;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
margin-right: 10px;
}
blockquote::after {
content: " \f10e ";
font-size: 16px;
color: #05244C;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
float: right !important;
margin-top: -20px !important;
margin-left: 10px;
}
.pagination {
width: 100% !important;
text-align: center;
}
.page-numbers {
min-width: 38px !important;
line-height: 24px !important;
display: inline-block !important;
text-align: center;
font-size: 14px !important;
background: #05244C;
border: 2px solid #05244C;
color: #ffffff;
padding: 5px !important;
font-weight:600;
}
a.page-numbers:hover {
color: #ffffff;
}
span.page-numbers.current {
background: #ffffff;
color: #05244C;
}
.right-sidebar-box .widget{
margin-bottom : 30px;
}
.right-sidebar-box .widget select{
width: 100%;
padding : 10px;
}
.left-sidebar-box .post-box{
padding-left : 0 !important;
padding-right : 0 !important;
}
/**
* 12.3 Comments
*/
.comments-area {
background-color: #fff;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 7.6923%;
}
.comments-area > :last-child {
margin-bottom: 0;
}
.comment-list + .comment-respond {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comments-title,
.comment-reply-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 1.6em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
color: #707070;
color: rgba(51, 51, 51, 0.7);
margin-bottom: 0.4em;
}
.comment-author a:hover {
border-bottom: 1px solid #707070;
border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}
.comment-author .avatar {
float: left;
height: 24px;
margin-right: 0.8em;
width: 24px;
}
.bypostauthor > article .fn:after {
content: "\f304";
position: relative;
top: 5px;
left: 3px;
}
.comment-metadata,
.pingback .edit-link {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.comment-metadata a,
.pingback .edit-link a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.comment-metadata a:hover,
.pingback .edit-link a:hover {
border-bottom: 1px solid #333;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
color: #333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 12px;
font-size: 1.2rem;
}
.comment-list .reply a {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: inline-block;
font-weight: 700;
line-height: 1;
margin-top: 2em;
padding: 0.4167em 0.8333em;
text-transform: uppercase;
}
.comment-list .reply a:hover,
.comment-list .reply a:focus {
border-color: #333;
color: #333;
outline: 0;
}
.comment-form {
padding-top: 1.6em;
}
.comment-form label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
display: block;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
width: 100%;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.no-comments {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-weight: 700;
padding-top: 1.6em;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-allowed-tags code {
}
.form-submit {
margin-bottom :0;
}
.form-submit input{
background: #05244C;
display: inline-block;
line-height: 32px;
padding: 0px 30px;
border-radius: 3px;
color: #ffffff;
border: none !important;
font-size: 16px !important;
text-transform: uppercase;
font-weight: 600 !important;
}
.required {
color: #c0392b;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -3px;
}
.post-box .box-inner h2{
margin-top : 10px !important;
margin-bottom : 10px !important;
color: #05244C;
}
.post-box .box-inner h2 img, .post-box .box-inner .entry-meta{
margin-bottom : 20px !important;
}
.wp-block-image {
margin-bottom:20px;
}
.content-box .entry-content h2{
color: #05244C;
}
body.page-template-template-projects .grid-item{
margin-left: 5px !important;
margin-right: 10px !important;
margin-bottom : 20px !important;
padding : 10px !important;
}
body.page-template-template-projects .grid-item img{
width : 100%;
}
body.page-template-template-projects .grid-item h2{
font-size: 18px;
line-height: 24px;
margin-bottom : 15px;
}
body.page-template-template-projects .grid-item .case_button{
background: #05244C;
display: inline-block;
line-height: 32px;
padding: 3px 20px;
border-radius: 3px;
color: #ffffff;
border: none !important;
font-size: 13px !important;
text-transform: uppercase;
font-weight: 600 !important;
}
body.page-template-template-projects .grid-item .case_button:hover{
background: #31496B;
}
body.page-template-template-projects .grid-item .project-img-box{
width: 100%;
height: 215px;
overflow: hidden;
margin-bottom: 15px;
}
.filter-button-group button{
background: #05244C;
border-radius: 3px;
color: #ffffff;
border : none;
padding : 3px 7px;
margin-bottom : 5px;
font-size: 13px;
font-weight: 400;
}
.filter-button-group button:hover, .filter-button-group button.active{
background: #31496B;
}
@media only screen and (max-width: 767px) { /* min-width 1025px, large screens */
body.page-template-template-projects .grid-item{
padding : 0 !important;
margin-left : 0 !important;
margin-right: 0 !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #ffffff !important;
}
}
body.blog h1.heading-without-banner, body.archive h1.heading-without-banner {
display: inline-block;
color: #ffffff;
background: #31496B;
padding: 0px 15px !important;
line-height: 40px;
}
body.blog .right-sidebar-box, body.archive .right-sidebar-box {
padding-top: 65px !important;
}
body.blog .box-inner, body.archive .box-inner, body.single .box-inner {
border: none !important;
}
body.page-template-template-projects .project-img-box {
}
.right-sidebar-box .widget.block.widget_media_gallery #sidebar_testimonials{
text-align: left !important;
}
@media only screen and (min-width: 1024px) { /* min-width 1025px, large screens */
#header.sticky {
position: fixed;
top: 0;
z-index: 9999;
background: #ffffff;
width: 100%;
left: 0;
right: 0;
box-shadow:0 10px 8px rgb(0,0,0,0.05);
position: sticky;
}
}
@media only screen and (max-width: 1020px) { /* min-width 1025px, large screens */
#mega-menu-primary { display: none !important;}
}
@media only screen and (max-width: 1024px) { /* max-width 1025px, large screens */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #fff;
color: #31496B;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
}
.boxes-area .content-item {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: auto;
margin: 0 0 10px;
overflow: hidden;
position: relative;
width: 100%;
display: block;
height: 200px;
}
.boxes-area .content-item .overlay {
border-bottom: 70px solid #C4CBD5;
border-left: 70px solid transparent;
bottom: 0;
height: 0;
opacity: 1;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.boxes-area .content-item:hover .overlay {
border-bottom: 1000px solid #C4CBD5;
border-left: 1000px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.boxes-area .content-item .corner-overlay-content {
bottom: 15px;
color: #333;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.boxes-area .content-item:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.boxes-area .content-item .overlay-content {
bottom: 0;
color: #333;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width : 100%;
height: 100%;
text-align: center;
}
.overlay-content.block-002 {
padding: 0px !important;
}
.boxes-area .content-item .overlay-content h2 {
border-bottom: 1px solid #333;
padding: 0 0 12px;
}
.boxes-area .content-item:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.boxes-area .overlay-box-tablecel{
position: absolute;
top : 0;
width : 100%;
height: 100%;
}
.boxes-area .overlay-box-tablecel-level10{
display: table !important;
width: 100%;
height: 100%;
}
.boxes-area .overlay-box-tablecel-inner{
display: table-cell;
vertical-align: middle;
width: 100% !important;
height: 100% !important;
padding: 25px 30px 20px 30px;
}
.boxes-area .overlay-content.block-002 p{
color: #000000;
font-size: 14px;
font-weight: 600 !important;
line-height: 20px;
margin-bottom: 10px !important;
}
.boxes-area .overlay-content.block-002 span{
color: #000000;
font-size: 13px;
text-transform: uppercase;
font-weight: 600 !important;
display: inline-block;
padding-right: 20px;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
font-size: 23px !important;
line-height: 32px !important;
margin-bottom: 15px;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile p,
#mega-menu-wrap-primary #mega-menu-primary p {
font-size: 16px !important;
line-height: 24px !important;
text-transform: none !important;
font-weight: 400;
margin-bottom: 15px !important;
color:#FFF;
}
@media only screen and (min-width: 768px) {
.menu-mobile {
display: none;
}
.menu-desktop {
display: block;
}
body.page-id-27 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
color : #73859B !important;
background: #ffffff !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
body.page-id-27 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
color : #ffffff !important;
background: #73859B !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
/*body.page-id-27 #mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item.mega-menu-item.mega-toggle-on > a.mega-menu-link,
body.page-id-27 #mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item.mega-menu-item > a.mega-menu-link:hover,
body.page-id-27 #mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item.mega-menu-item > a.mega-menu-link:focus{
color : #73859B !important;
background: #ffffff !important;
}*/
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a.mega-menu-link:focus {
color : #73859B !important;
background: #ffffff !important;
}
}
@media only screen and (max-width: 767px) {
.menu-mobile {
display: block;
}
.menu-desktop {
display: none;
}
#mega-menu-wrap-primarymobile .mega-menu-toggle.mega-menu-open + #mega-menu-primarymobile {
margin-bottom: 15px !important;
}
#mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a:hover, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #ffffff !important;
color : #73859B;
}
body.page-id-27 #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
color : #ffffff !important;
background: #73859B !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
body.page-id-27 #mega-menu-wrap-primarymobile #mega-menu-primarymobile > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
color : #73859B !important;
background: #ffffff !important;
/*background: #73859B !important;
color : #ffffff !important;*/
}
}
.menu-overlay{
background-color: rgba(0, 83, 159, 0.4);
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
display: none !important;
left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.boxes-area {
padding-left: 10px !important;
padding-right: 10px !important;
}
.rollover-box {
padding: 0px 5px !important;
}
.boxes-area .overlay-box-tablecel-inner p br {
display: none !important;
}
}
@media only screen and (min-width: 992px) {
.boxes-area .content-item {
margin-bottom: 6px !important;
}
}
@media only screen and (min-width: 1020px) and (max-width: 1400px) {
.rollover-box .overlay-box-tablecel.block-001 p br {
display: none;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1110px) {
.boxes-area .content-item {
margin-bottom: 5px !important;
}
}
@media only screen and (min-width: 1131px) and (max-width: 1230px) {
.boxes-area .content-item {
margin-bottom: 6px !important;
}
}
@media only screen and (min-width: 1231px) and (max-width: 1366px) {
.boxes-area .content-item {
margin-bottom: 7px !important;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
.boxes-area .content-item {
margin-bottom: 8px !important;
}
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
.boxes-area .content-item {
margin-bottom: 10px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.rollover-box .overlay-box-tablecel.block-001 p br {
display: none;
}
.rollover-box .overlay-box-tablecel.block-001 .overlay-box-tablecel-inner {
padding: 20px 0px !important;
}
.rollover-box .overlay-box-tablecel.block-001 h2 {
line-height: 28px;
}
}
@media only screen and (min-width: 1130px) and (max-width: 1290px) { /* min-width 1025px, large screens */
.boxes-area .content-item .overlay {
border-bottom: 50px solid #C4CBD5;
border-left: 50px solid transparent;
}
}
@media only screen and (min-width: 992px) and (max-width: 1129px) { /* min-width 1025px, large screens */
.boxes-area .content-item .overlay {
border-bottom: 40px solid #C4CBD5;
border-left: 40px solid transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 34px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* min-width 1025px, large screens */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 20px !important;
}
.boxes-area .overlay-box-tablecel-inner {
padding: 20px;
}
.boxes-area .content-item .overlay {
border-bottom: 30px solid #C4CBD5;
border-left: 30px solid transparent;
}
}
@media only screen and (max-width: 990px){.process-banner .process-banner_steps{display:block}.process-banner .process-banner_steps .process-banner_step{float:none;overflow:auto;display:flex;padding:20px}.process-banner .process-banner_steps .process-banner_step .icon{align-self:center;margin:0 20px 0 0}.process-banner .process-banner_steps .process-banner_step
.process-banner_header{text-align:left;border-bottom:none;padding:0}.process-banner .process-banner_steps .process-banner_step .process-banner_step-content{border-left:1px solid #fff;padding:10px 10px 10px 30px}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_header,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_header{border-bottom:none}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_step-content,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_step-content{border-left:1px solid #354a55}.process-banner .process-banner_steps .process-banner_step:last-child{border-top:none;border-left:1px solid #dce4e7;border-top-right-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px}}
@media only screen and (max-width: 479px){.process-banner .process-banner_steps .process-banner_step{flex-direction:row-reverse;padding:20px 10px}.process-banner .process-banner_steps .process-banner_step .icon{margin:0 0 0 10px}.process-banner .process-banner_steps .process-banner_step .process-banner_step-content{border-left:none;border-right:1px solid #fff;padding:10px 20px 10px 10px}.process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_step-content,.process-banner .process-banner_steps .process-banner_step:last-child .process-banner_step-content{border-left:none;border-right:1px solid #354a55}}
.card-grid{
background-color: #efefef;
text-align: center;
margin-left:15px;
padding: 10px;
margin-top: 20px;
}
.text-inner { overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
@media screen and (min-width:767px) {
.card-grid{
margin-left:0px;
width:32.5%;
min-height: 280px;
border-top: 1px solid #dce4e7;
border-bottom: 1px solid #dce4e7;
border-right: 1px solid #dce4e7;
border-left: 1px solid #dce4e7;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
.title{
text-align: center;
font-size: 26px !important;
color: #fff !important;
margin-bottom: 10px !important;
}
.card-inner{
background-color: #dce4e7;
padding:15px;
text-align: center;
margin-bottom: 10px;
margin-top: 30px;
}
.cbtn {
width: 86%;
border-radius: 0;
}
/*.imgbefore::before {
content: "";
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: rgba(0,0,0,.1);
}*/
@media only screen and (max-width: 990px){
.container .process-banner .process-banner_steps .process-banner_step {
overflow: visible !important;
}
}
@media only screen and (max-width: 2560px) and (min-width: 981px) {
.card-grid {
width:29.5%;
margin:20px;
}
}
.process-banner .process-banner_steps .process-banner_step ul.blackul li:before {
color: #354a55 !important;
}
@media only screen and (max-width: 2560px) and (min-width: 1091px) {
.card-grid {
width:32.65%;
margin:4px;
background-position-y: 54px !important;
}
.page-template-template-main-service .card-grid {
width: 32%;
margin: 8px;
background-position-y: 54px !important;
}
}
@media only screen and (max-width: 1090px) and (min-width: 768px) {
.card-grid {
margin:0px;
width:32.5%;
min-height: 280px;
border-top: 1px solid #dce4e7;
border-bottom: 1px solid #dce4e7;
border-right: 1px solid #dce4e7;
border-left: 1px solid #dce4e7;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media only screen and (max-width: 1090px) and (min-width: 768px) {
.card-grid {
width:100%;
margin-bottom: 20px;
background: #05244C !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 100px) {
.card-grid {
width:100%;
margin-bottom: 20px;
background: #05244C !important;
}
}
@media only screen and (max-width: 1279px) and (min-width: 868px) {
.for-inner-pages {
/* padding: 165px 0px 23px;*/
}
.page_heading {
top:auto;
position:absolute;
bottom:-30px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 992px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
padding: 0 32px!important;
}
}
.page-template-template-services .col-md-4 { background-color: #05244C !important;}
.page-template-template-services-condi .col-md-4 { background-color: #05244C !important;}
.page-template-template-services-rot .col-md-4 { background-color: #05244C !important;}
.page-template-template-services-cav .col-md-4 { background-color: #05244C !important;}
.page-template-template-services-repairs .col-md-4 { background-color: #05244C !important;}
.page-template-template-services-damp .col-md-4 { background-color: #05244C !important;}
/************************************ viewport fixes *****************************************************/
.input-news{
height: 40px;
}
/* new media queries */
@media only screen and (max-width: 1279px) and (min-width: 1025px){
.banner-logo {
top: inherit;
position: absolute;
}
}
.request-btn, .phone-number {
padding:10px 15px;
}
@media only screen and (max-width: 1280px) and (min-width:767px){
.request-btn, .phone-number{
padding: 10px 15px;
font-size: 14px;
}
}
@media only screen and (max-width: 1280px) and (min-width: 992px){
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
padding: 0 25px!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
height:68px;
line-height:68px;
}
}
@media only screen and (max-width: 1310px) and (min-width: 1280px){
}
@media only screen and (min-width : 1281px){
.request-btn, .phone-number{
padding: 15px 10px;
font-size: 13px;
}
}
@media only screen and (min-width: 1441px){
.request-btn, .phone-number{
padding: 15px;
font-size: 14px;
}
}
@media only screen and (max-width:1280px) {
.menu-desktop {
width:100%;
border-top:1px solid #FFF;
}
#mega-menu-wrap-primary {
width:100%;
background:#f4f4f4;
}
.logo img {
height: 75px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size:15px;
}
#mega-menu-wrap-primary #mega-menu-primary {
margin-left: 0px;
}
}
@media only screen and (max-width: 1090px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
padding: 0 15px!important;
}
}
@media only screen and (max-width: 1024px) {
body #shiftnav-toggle-main, body .shiftnav-toggle-mobile {
display:block;
}
.menu-desktop {
display:none;
}
.request-btn, .phone-number {
line-height:48px;
}
.logo img {
height: 65px;
}
}
@media only screen and (max-width: 800px){
.home #banner{
display: none !important;
}
#header{
margin-bottom: 2px;
}
.page_heading{
position: relative;
}
.page_heading h2{
display: none !important;
}
.blue-bg.for-inner-pages{
padding-top: 50px;
}
.page-template-template-services .card-grid,
.page-template-template-main-service .card-grid{
margin-left: 0px;
}
.banner-logo {
position: absolute;
right: 5%;
top: 33px;
border-radius: 5px;
padding: 10px !important;
}
}
@media only screen and (max-width: 768px){
.logo {
position: inherit!important;
z-index: 99;
padding-top: 13px;
width: 100% !important;
margin: auto;
text-align: center!important;
margin-bottom: 20px;
}
.request-btn {
width: 100%;
}
.phone-number {
width: 100%;
text-align: center;
}
.request-btn, .phone-number {
margin-right:0;
}
#header {
margin-bottom:0;
}
.home h1 {
font-size: 32px;
}
#trust-logos {
padding-bottom:40px;
}
#trust-logos .container {
display: flex;
flex-wrap: wrap;
}
#trust-logos h2 {
width:100%;
}
#trust-logos a {
flex-basis: 50%;
margin: 0;
padding: 15px;
}
#trust-logos a {
flex-basis: 50%;
margin: 0;
padding: 20px;
}
}
.banner-logo img { width: 90%;}
body, html{
width: 100%;
max-width: 100%;
min-width: 100%;
overflow-x: hidden;
}
.btn-success {
color: #fff;
background-color: #31496B !important;
border-color: #31496B !important;
text-transform: uppercase;
font-weight:600;
letter-spacing:0.5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #31496B;
color: #fff !important;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
.su-button-style-soft span {
background: #31496B !important;
}
.su-button-style-soft span:hover {
background-color: #273a55 !important;
}
#banner .for-inner-pages {
display: none;
}
.page-id-28801 .quform-submit, .page-id-40262 .quform-submit {
border: 2px solid #fff !important;
}
.page-id-28801 .quform-theme-hollow .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover, .page-id-40262 .quform-theme-hollow .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover {
background-color: #fff !important;
}
.page-id-28801 .quform-theme-hollow .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover span, .page-id-40262 .quform-theme-hollow .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover span {
color: #05244c !important;
}
.page-id-28801 .quform-theme-hollow, .page-id-40262 .quform-theme-hollow {
color: #fff;
}
.page-id-28801 .quform-spacer a, .page-id-page-id-40262
.quform-spacer a {
color: #fff;
text-decoration: underline;
}
.page-id-28801 .content-header img, .page-id-40262 .content-header img {
height: auto;
}
@media (min-width: 992px) {
.page-id-35 .contact-us-container {
display: flex;
justify-content: space-between;
}
}
.page-id-35 .contact-us-container .contact-us-info {
padding-left: 50px;
padding-top: 55px;
}
@media only screen and (max-width:992px) {
.page-id-35 .contact-us-container .contact-us-info {
padding: 30px 0 5px 0;
}
}
.page-id-35 .contact-us-container .quform-theme-hollow .quform-label > label, .page-id-35 .contact-us-container .quform-label-icon i.fa, .page-id-35 .contact-us-container .quform-sub-label-below, .page-id-35 .contact-us-container .quform-spacer, .page-id-35 .contact-us-container .quform-theme-hollow .quform-label > label, .page-id-35 .contact-us-container .quform-label-icon i.fa, .page-id-35 .contact-us-container .quform-sub-label-below, .page-id-35 .contact-us-container .quform-spacer a {
color: #05244c !important;
}
.page-id-35 .contact-us-container .quform-form-title {
margin-bottom: 20px;
font-size:22px !important;
}
.page-id-35 .contact-us-container .quform-spacer a {
text-decoration: underline;
}
.page-id-35 .quform-theme-hollow .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover {
background-color: #31496b !important;
}
.page-id-35 .contact-us-container {
margin-bottom: 30px;
padding-top:15px;
}
/* LANDING PAGE */
#content-area.landing-page-content {
background-color:#FFF;
padding:0;
font-size:17px;
line-height: 1.6;
font-weight:400;
}
#content-area.landing-page-content h2 {
font-size:28px;
text-transform:initial;
font-weight:500;
color:#111;
margin-bottom:20px;
}
#content-area.landing-page-content a {
color:#006bb8;
font-weight: 500;
}
.half-text {
background-color:#f7fbf5;
display:flex;
align-items: stretch;
}
.half-text h2:after {
content:" ";
display:block;
height:2px;
width:80px;
background-color:#ffbf35;
margin-top:10px;
}
.half-image, .half-content {
flex-basis:50%;
}
.half-image {
background-size:cover;
background-position: center center;
background-repeat: no-repeat;
}
.half-content {
padding:60px;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.half-image img {
opacity:0;
}
.intro-text {
padding:80px 15px;
}
.intro-text .container {
display:flex;
align-items: center;
}
.intro-content {
flex-basis:70%;
padding-right:50px;
}
.intro-logos {
flex-basis:30%;
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.intro-logos img {
height:110px;
margin:0 10px 10px;
max-width:50%;
}
.standard-text {
padding:80px 0;
}
#content-area.landing-page-content .cta-buttons {
background-color:#f4f4f4;
}
.landing-banner {
padding:60px 100px;
background-size:cover;
background-position:center center;
}
.landing-heading {
background-color:#FFF;
border-radius:20px;
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
padding:30px;
width:540px;
}
.landing-heading h3 {
text-transform:uppercase;
color:#111;
font-size:16px;
line-height: 1.3;
font-weight:500 !important;
}
.landing-heading h2 {
text-transform:capitalize;
color:#111;
font-size:34px;
margin-bottom:20px;
font-weight: 500;
}
.landing-heading h2:after {
content:" ";
display:block;
height:2px;
width:80px;
background-color:#ffbf35;
margin-top:10px;
}
.landing-heading p {
font-weight:400;
font-size:16px;
line-height:1.5;
}
.landing-heading .button {
background-color:#006bb8;
height:54px;
line-height:54px;
border-radius:27px;
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
display:inline-block;
padding:0 50px;
font-weight:500;
color:#FFF;
transition:all 0.2s ease-in-out;
}
.landing-heading .button:hover {
background-color:#05244C;
}
.landing-heading .button .fa {
margin-left:10px;
}
.cta-buttons {
padding-bottom:10px;
}
.faq {
padding:60px 0 45px;
}
.faq .faq-title {
text-align:center;
}
@media (max-width: 991px) {
.faq {
padding:40px 0 25px;
}
.standard-text {
padding:40px 0 30px;
}
.intro-text {
padding:40px 15px;
}
.half-content {
padding:40px;
}
.landing-banner {
padding:40px;
}
}
@media (max-width: 767px) {
.landing-banner {
padding:30px;
}
.landing-heading {
width:100%;
text-align:center;
}
.landing-heading h2:after {
margin:10px auto 0;
}
.landing-heading .button {
padding:0 25px;
}
.intro-text .container, .half-text {
flex-direction: column;
}
.intro-content, .intro-logos, .half-content, .half-image {
flex-basis:100%;
}
.faq {
padding:30px 0 5px;
}
.standard-text {
padding:30px 0 10px;
}
.intro-text {
padding:30px 15px;
}
.half-content {
padding:30px 15px;
}
}
#content-area.landing-page-content .process-banner h2 {
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
#content-area.landing-page-content .process-banner .process-banner_steps .process-banner_step:nth-of-type(3) .process-banner_header {
color: #354a55;
}
#content-area.landing-page-content .process-banner .process-banner_steps .process-banner_step:last-child .process-banner_header {
color: #354a55;
}
.process-banner .process-banner_steps .process-banner_step ul li {
font-size: 14px;
font-weight: 300;
}
#content-area.landing-page-content .steps-table {
background-color: #f4f4f4;
padding-top: 50px;
}
#content-below-boxes .container{
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 990px) {
#content-below-boxes .container{
flex-wrap: wrap;
}
}