/*
Theme Name: Romana-Child
Theme URI: https://indigothemes.com/products/romana-wordpress-theme/
Author: IndigoThemes
Author URI: https://indigothemes.com
Description: Romana Child is a modified clean & sophisticated WordPress theme for startups and small and medium sized companies. Romana is a mobile responsive WordPress theme which looks impressive in Mobile and Tablets. Romana is customizable through customizer options. Logo, colors etc can be easily changed. 
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:       romana
Text Domain: romana-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, blog
*/

p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
}

.f16 p { font-size: 16px;}
.f18 p { font-size: 18px;}
.f14 p { font-size: 14px;}

.nodesktop { display: none;}

.wcontainer {
    padding-top: 116px;
}
h1 {
    color: #1e73be; font-weight: 700;
}	
.nopadding { padding: 0!important; margin: 0 auto!important;}

.row1 .tab-heading {
    background: #2b436f;
    padding: 20px;
}

.row2 .tab-heading {
    background: #5a2326;
    padding: 20px;
}


.darkpanel{ background: #2b3a56;}

header::-webkit-scrollbar {
	width: 12px;
}

header::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff);
	background:#000;
}
header::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px #fff;
	background:#CCC;
}

header {   
    position: fixed;
    width: 100%;
    z-index: 200;
	background: #000;
}

.header-top .print {
    display: inline-block;
    top: 15px;
    min-height: inherit;
    position: absolute;
    cursor: pointer;
    z-index: 12399994;
    align-items: center; 
}

#print {
    background: url(https://www.mainobjective.com/wp-content/uploads/printer-icon.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
	cursor:pointer;
}

@media screen and (max-width: 500px) {
	.header-top .print {
		right: 10px;
		top: 55px;
	}
}

@media screen and (max-width: 768px){
	.header-top .print {
		right: 10px;
		top: 55px;
	}
}

a {outline: 0;color: #588be8;}

.owl-carousel .owl-item img {
    
       max-height: 100px;
    
}

.sa_hover_container {
    padding: 20px 40px 20px!important;
}

.sa_hover_container .authorship {
    padding: 30px 30px 0;
}

.whitetext p { color: #fff!important;}
img.whiteborder { border: 3px solid rgba(255,255,255,0.8); margin: 30px 0 30px 50px;}
.bluebg { background: #365182;}

.charges h3 { font-size: 16px;} 

h3,h2 { color:#1e73be!important;     margin-bottom: 5px; }

.logo-light span.brandText h4 {
    padding: 0;
    margin: 0;
    font-size: 27px;
}

.quotation { padding: 30px;}
.quotation p {
    text-align: center!important;
    line-height: 1.5em;
    font-size: 16px;
}
.quotation.compact{ padding: 0px;}
.quotation.compact p {
    text-align: center!important;
    line-height: 1.5em;
    font-size: 14px;
}

.authorship {     padding: 30px; }

.authorship.compact {
    padding: 20px 0;
}

.authorship .mugshot {
    display: inline-block;
    margin-right: 30px;
	vertical-align: middle;
}

.authorship .detail { display: inline-block;vertical-align: middle; text-align: left;}
.authorship .author { color: #588be8;}
.authorship .jobtitle { font-weight: 700;}
.authorship .company { color: #588be8;}

#footer-logo {
    position: absolute;
    max-width: 60px;
    left: 30px;
    top: 10px;
}

.footer-main { padding: 0; }

.header-static {        position: fixed; }
.fixed-header .logo-light { display: flex;}

.fixed-header {     background: #000!important; }
.fixed-header #cssmenu > ul > li > a{color: #588be8;}

.logo-light span.brandText small {color: #588be8; font-size: 14px;}

.header-top { padding-top: 50px;}
 .logo-light, .logo-dark {
    display: flex;
    float: right;
    padding: 0 20px;
}

.header-top .row { margin-left: 0; margin-right: 0;}

.logoSite, #cssmenu > ul > li > a, #cssmenu .button {
    min-height: 80px;
    align-items: center;
	white-space: nowrap;
}

#cssmenu {
    width: 100%;
    float: none;
}
.main-menu {     float: none;      top: 20px;
    position: relative;}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #box-top-mobile { text-align: center;}
.header-top .logoSite, #cssmenu > ul > li > a {
    min-height: 80px;
    align-items: center;	
}

#cssmenu .button {
    align-items: center;
	
}
#cssmenu > ul > li { float: none;}

.fixed-header #cssmenu > ul > li > a{color: #588be8;}

#cssmenu > ul > li > a { padding: 2px;  color: #588be8; font-size: 20px;     min-height: 50px;}

#cssmenu > ul > li:nth-child(2n) > a { color: #eee;}

.wpcf7-form-control.wpcf7-submit { background-color: #588be8!important;}

label {
    width: 100%;
    color: #fff;
}

.contactdetails {
    display: inline-block;
	margin: 20px;
	white-space: nowrap;
}
.contactdetails .icon-phone {
	width: 40px; height: 30px; background: url(/img/icons/icon_phone.png) no-repeat center center; display: inline-block; margin-right: 10px;
}

.contactdetails .phone {
    display: block;
    color: #fff;
    font-size: 12px;
}

.contactdetails .telephones {
    line-height: 1.5em;display: inline-block;
}


.tabset.row1 {
    position: fixed;
    left: 0;
    top: -25px;
    width: 100%!important;
    
    height: 25px;
    z-index: 1001;	
}

.tabset.row2 {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%!important;
    
    height: 25px;
    z-index: 1000;	
}

.logged-in .tabset.row1 { top: 0; }
.logged-in .tabset.row2 { top: 24px; }

.tabset .tab { display: inline-block;}

header .contact .trigger {display: inline-block; position: relative; left: 0; top: -5px; width: 146px; margin-top: -1px; padding: 5px 0 0; text-transform: uppercase; -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;}
header .contact .trigger:hover {top:32px;}
header .contact .trigger { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #1c4899;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

header .row1 .tabheading.heading1 {
	display: inline-block; position: relative; left: 0px; top: 27px; width: 250px; margin-top: -1px; padding: 5px 0 0; text-transform: uppercase; -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;
}

header .row1 .tabheading.heading1 { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #1c4899;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

/*
header .row1 .tabheading.heading1 {
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #5f585a;
    text-align: right;
    font-weight: bold;
    border-radius: 0;
    margin-left: 30px;
    border-right: 5px solid #1c4899;
}
*/
header .row2 .tabheading.heading1 {
	display: inline-block; position: relative; left: 0px; top: 27px; width: 250px; margin-top: -1px; padding: 5px 0 0; text-transform: uppercase; -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;
}

header .row2 .tabheading.heading1 { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #991c3e;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

/*
header .row2 .tabheading.heading1 {
    background: #9a9093;
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    background: #9a9093;
    background: #5f585a;
    text-align: right;
    font-weight: bold;
    border-radius: 0;
    margin-left: 30px;

    border-right: 5px solid #991c3e;
}
*/
header .row1 .tab1 .trigger {display: inline-block; position: relative; left: 270px; top: 27px; width: 180px; margin-top: -1px; padding: 5px 0 0;  -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;}
header .row1 .tab1 .trigger:hover {top: 32px;}
header .row1 .tab1 .trigger { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #1c4899;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

header .row1 .tab2 .trigger {display: inline-block; position: relative; left: 460px; top: 27px; width: 126px; margin-top: -1px; padding: 5px 0 0;  -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;}
header .row1 .tab2 .trigger:hover {top:32px;}
header .row1 .tab2 .trigger { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #1c4899;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

header .row1 .tab3 .trigger {display: inline-block; position: relative; left: 595px; top: 27px; width: 126px; margin-top: -1px; padding: 5px 0 0;  -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;}
header .row1 .tab3 .trigger:hover {top: 32px;}
header .row1 .tab3 .trigger { 
    padding: 5px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #1c4899;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}

header .row2 .tab1 .trigger {display: inline-block; position: relative; left: 270px; top: 24px; width: 380px; margin-top: -1px; padding: 5px 0 0;  -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; transition: top 0.2s ease-in;}
header .row2 .tab1 .trigger:hover {top: 27px;}
header .row2 .tab1 .trigger { 
    padding: 10px 10px 0;
    z-index: 1;
    color: white;
    font-size: 12px;
    background: #991c3e;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    margin-left: 30px;
}
 
/* Contact slider */
header .tab { height: 0;}
header .row1 .slide-content {border-top: 32px solid #000; position: absolute; height: 598px; top: -564px; padding: 31px 0 40px; background: #365182; color: white; box-shadow: 0 0 12px rgba(0,0,0,0.3); z-index:1; left: 0; width: 100%; box-sizing: border-box;}
header .row2 .slide-content {border-top: 32px solid #000; border-bottom: 32px solid #000; position: absolute; height: 598px; top: -564px; padding: 31px 0 40px; background: #791d1d; color: white; box-shadow: 0 0 12px rgba(0,0,0,0.3); z-index:1; left: 0; width: 100%; box-sizing: border-box;}
header .tab h2 {color: #eee!important; margin-bottom: 24px;}
header .tab .left, header .tab .right {float: left; width: 50%;}
header .tab .right {width: 50%; padding-left: 40px;}
header .tab-close {
    position: absolute;
    right: 20px;
    top: -560px;
    z-index: 230;
    color: #fff;
    background: url(assets/img/icon_close.png) no-repeat left center;
    padding-left: 30px;
    font-size: 14px;
    background-size: 20px 20px;
	cursor:pointer;
}

header .slide-content a { color: #d8d8e4;}
header .slide-content a:hover { color: #fff;}

.darkpanel a { color: #d8d8e4;}
.darkpanel a:hover { color: #fff;}

.whiteonred { background: #791d1d; color: #fff;}
.whiteonred p a { color: #eee!important;}
.whiteonred h1,
.whiteonred span,
.whiteonred p { color: #fff!important;}

#cssmenu  #menu-item-1780 ul li { background: #2b436d!important;}
#cssmenu  #menu-item-1780 ul li:hover { background: #365182!important;}
#cssmenu #menu-item-1780 ul li a { color: #fff;}


#cssmenu  #menu-item-1710 ul li { background: #791d1d!important;}
#cssmenu #menu-item-1710 ul li a { color: #fff;}


.socials a {display: inline-block; width: 40px; height: 40px; margin-right: 5px; background: url('/images/sprite.png') no-repeat -200px -300px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.socials a.tw {background-position: -200px -350px;}
.socials a.fb {background-position: -250px -350px;}
.socials a.gp {background-position: -300px -350px;}
.socials a.tw:hover {background-position: -200px -300px;}
.socials a.fb:hover {background-position: -250px -300px;}
.socials a.gp:hover {background-position: -300px -300px;}

.form-wrap .question {padding: 0 20px 5px 0;}
.form-wrap .answer {padding-bottom: 20px;}
.form-wrap .answer input[type=text], .form-wrap .answer input[type=email], .form-wrap .answer input[type=password], .form-wrap .answer textarea {width: 100%; color: #444;}
.form-wrap .answer select {width: 100%;}
.form-wrap .buttons input {width: auto;}
.form-wrap label span {color: red;}
.form-wrap .fb_invalid input, .form-wrap .fb_invalid select, .form-wrap .fb_invalid textarea {border-color: red; background: #fee;}
.form-wrap input[type=submit]{
    background: #1f73be;
    border: 0;
    padding: 10px 20px;
}

input.wpcf7-form-control {
    color: #444;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    color: #444;
}

.wpcf7-form-control.wpcf7-submit { float: none;}

div.wpcf7-mail-sent-ok {
    border: 2px solid #6079a7;
    color: #fff;
}

.form-wrap .required {
    color: #fff;
}


section#content {
    overflow-y: scroll;
	overflow-x: none;
    height: 100%;
}

section#content h1,
section#content h2,
section#content h3 { color: #ebebeb!important; line-height: 1.5em;}

.alignleft{
    float: left;
    margin: 0 2% 1% 0;
}
.alignright{
    float: right;
    margin: 0 0 1% 2%;
}

#cssmenu .button {
    background: none!important;
    box-shadow: none; 
}

#map {position: relative; width: 420px; height: 260px; margin-top: 30px; background: white;}

.mobileonly { display:none!important;}

/* Add Menu In Here */

   /*main menu*/
    .custom-logo { height: 60px; margin: 24px 0 30px; max-width: 200px; width: auto;}
    .main-menu {z-index: 1030;}
    .main-menu.pull-right {float: none !important;}
    .main-menu.pull-right .button{float: right;}
    .main-menu.pull-left .button{float: left;}
    #cssmenu ul.offside {width: 245px;display: block !important;height: 100% !important;background: #FFF;position: fixed;top: 0;left: -245px;right: 0;transition: all 0.5s ease-in-out;overflow: auto;z-index: 999;padding:20px 0 60px;}
    #cssmenu ul.offside.open {left: 0;}
    .main-menu.pull-left #cssmenu ul.offside{left: inherit;right: -245px;}
    .main-menu.pull-left #cssmenu ul.offside.open{left: inherit;right: 0;}
    #cssmenu ul ul {transform: translateX(0);padding: 0;}
    .transition-timer-carousel-progress-bar {margin-top: 85px;}
    nav {width: 100%;}
    #cssmenu {width: 100%;float: none;position: inherit;}
    #cssmenu ul {width: 100%;display: none;text-align: left;background: #fff;}
    #cssmenu > ul{overflow-y: auto;max-height: calc(100vh - 200px);}
    #cssmenu ul li {width: 100%;}
    #cssmenu ul li:hover {}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
    #cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0;padding: 10px 20px;color: #465a65;}
    #cssmenu > ul > li {float: none;}
    #cssmenu ul li.active {background: #30bced;}
    #cssmenu > ul > li::after {background: none;}
    #cssmenu > ul > li > a:hover {color: #465a65;}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #465a65;}
    #cssmenu > ul > li > a,#cssmenu > ul > li:hover > a {z-index: 2;height: inherit;min-height: inherit;}
    #cssmenu > ul > li.active > a {color: #fff;}
    #cssmenu ul ul li {background: #f1f1f1!important;width: 100%;}
    #cssmenu ul ul ul li a:hover {color: #465a65;}
    #cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none;}
    #cssmenu #box-top-mobile {display: block;padding: 0px;color: #ddd;font-size: 12px;font-weight: 700 !important;}
    #cssmenu .button {width: 45px;height: 45px;min-height: inherit;position: absolute;right: 0;top: 27px;cursor: pointer;z-index: 12399994;background: #fff;display: flex;align-items: center;box-shadow: 0 0 2px 1px rgba(0,0,0,0.10);}
    .logoSite [class*="brandText"] {top: 0;}
    .pull-right .button{left: initial;}
    .pull-left .button{right: initial;left: 0;}
    #cssmenu .button:after {position: absolute;top: 21px;right: 10px;display: block;height: 8px;width: 25px;padding: 3px 0;border-top: 2px solid;border-bottom: 2px solid;content: '';border-image: linear-gradient(to right, #39DEFF, #68FFF3);border-image-slice: 1;}
    #cssmenu .button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 13px;right: 10px;display: block;height: 2px;width: 25px;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 22px;border: 0;height: 2px;width: 24px;padding: 0;background: linear-gradient(to right, #39DEFF, #68FFF3);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    #cssmenu .button.menu-opened:before {top: 22px;background: linear-gradient(to right, #39DEFF, #68FFF3);width: 24px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    #cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 39px;width: 39px;cursor: pointer;}
    #cssmenu .submenu-button:after {position: absolute;top: 19px;right: 13px;width: 8px;height: 2px;display: block;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .submenu-button.submenu-opened:after {background: #455a64;}
    #cssmenu .submenu-button:before {position: absolute;top: 16px;right: 16px;display: block;width: 2px;height: 8px;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .submenu-button.submenu-opened:before {display: none;}
    #cssmenu ul ul ul li.active a {border-left: none;}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none;}
    #cssmenu li:hover > ul {left: 0;}
    .logged-in #cssmenu ul.offside{top: 32px;}
    .header-top .logo-dark{display: none;}
	.header-top .logo-light,.fixed-header .logo-dark{display: inline-block;}


    .logged-in #cssmenu ul.offside{top: 46px;}



    /*main menu*/
    .logoSite{ margin: 0;}
    #cssmenu > ul {clear: both;}
    .modal-dialog {width: 90%;margin: 0 auto;}
	
	/* End Adding Menu */

/* Footer Details */
	.footer-left-telephone {
		float: left;
		width: 25%;
		margin-top: 3px;
	}
	.footer-address {
		width: 50%;
		float: left;
		text-align: center;
		margin-top: 18px;
	}
		
	.footer-right-logo {
		width: 25%;
		float: right;
		height: 90px;
		margin-top: -10px;
		margin-right: 0%;
	}
	
/* Header Details */	
	.header-telephone-left {
		display: inline-block;
    	vertical-align: top;
    	padding-top: 10px;
    	float: left;
    	margin-top: -20px;
	}

	.header-menu-middle {
    	display: inline-block;
    	vertical-align: top;
    	margin-top: -40px;
    	margin-left: 11%;
	}

	.header-logo-right {
    	text-align: center;
    	display: inline-block;
   	 	vertical-align: top;
   	 	float: left;
    	margin-top: -24px;
	}
	.header-logotext-right {
    	text-align: center;
    	display: inline-block;
    	vertical-align: top;
    	float: right;
    	margin-top: -26px;
	}		
	.header-centered-block {
		width: 100%;
   		margin: 0 auto;
    	display: inline-block;
    	text-align: center;
		height: 60px;
	}
	
	/* Mobile Header Layout START*/
	
	.header-mobiwide {
		display: none;
		}

	/* Mobile Header Layout  END */

	.homeimagealign {
    	text-align: center;
	}
	.authorship .mugshot {
   		 margin-right: 0px;
	}

@media screen and (max-width: 1398px) {
	.header-menu-middle {
		margin-left: 15%;
	}
}

@media screen and (max-width: 1198px) {
	.header-menu-middle {
		margin-left: 14%;
	}
}	

@media screen and (min-width: 769px) and (max-width: 998px) {
	.logo-light span.brandText small {
	    padding-left: 3% !important;
}
}
@media screen and (min-width: 100px) and (max-width: 998px) {

.header-centered-block {
	height: 150px;
}
.custom-logo {
display: none !important;
}
.header-top .logo-light, .fixed-header .logo-dark {
    display: unset !important;
}
.logo-light, .logo-dark {
float: none !important; 
}
.header-logotext-right {
    display: block !important;
    width: 100% !important;
	margin-top: -12px !important;
	float: none !important;
}
.header-telephone-left {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin-top: -50px !important;
}
.header-menu-middle {
    margin-top: -4px !important;
	margin-left: 8% !important;
}
.footer-address {
	width: 100%;
	margin-top: -15px;
}

#cssmenu ul.offside {margin-top: 60px;}

.footer-right-logo {
	margin-left: 1%;
    width: 100%;
	text-align: center;
	margin-top: -20px;
}
.footer-right-logo .logoSite {
    display: block;
}
.footer-right-logo .logo-light span.brandText small {
    padding-left: 0% !important;
}
.footer-left-telephone {
    margin-top: 0px;
	width: 100%;
	text-align: center;
}
}	

@media screen and (min-width: 768px) {


.mobileonly {
    display: block!important;
}
#cssmenu ul.offside {
    top: 60px!important;
	background: #111;
    padding-left: 2%;
}
#cssmenu ul.offside.open {
    left: 0;
    width: 50%;
}
#cssmenu > ul {
	max-height: calc(100vh - 61px);
}
#cssmenu > ul > li > a, #cssmenu > ul > li:hover > a {
    z-index: 2;
    height: inherit;
    min-height: 50px;
}
#cssmenu ul ul li a::before {
    color: #ccc;
    content: '>';
    width: 20px;
    display: inline-block;
    position: absolute;
    left: 4px;
}
#cssmenu ul ul li {
    background: #222222!important;
    width: 100%!important;
    left: 0px!important;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
#cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 20px;
    top: 5px;
    display: block;
    height: 39px;
    width: 39px;
    cursor: pointer;
}
#cssmenu .submenu-button:before {
    position: absolute;
    top: 13px;
    right: 19px;
    display: block;
    width: 2px;
    height: 15px;
    background: linear-gradient(to right, #f2f2f2, #f2f2f2)!important;
    content: '';
}
#cssmenu .submenu-button:after {
    position: absolute;
    top: 19px;
    right: 13px;
    width: 14px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f2f2f2, #f2f2f2)!important;
    content: '';
}
}

@media screen and (max-width: 768px) {

	.alignleft,
	.alignright{
		float: none!important;
		margin: 0 auto 1%!important;
	}

	#partnerlogos img { margin: 10px 2% 0 0!important; height: 32px!important; width: auto!important}

	.logoSite {
		margin: 0;
		max-width: inherit; 
	}
	header { height: 116px!important; position: fixed; background: #000;}
	
	.row  { margin: auto!important;}
	
	.header-top .logo-light, .fixed-header .logo-dark { float: left;}	
	.nomobile { display: none;}
	.nodesktop { display: block;}
	
	.main-menu { top: 0px;}
	#cssmenu ul.offside { background: #111;    padding-left: 2%;}
	#cssmenu ul.offside {
		top: 116px!important;
	}
	
	.header-top #cssmenu .button { top: 45px;}
	
	.mobcol1 { width: 30%;}
	.mobcol2 { width: 20%; padding: 0; }
	.mobcol3 { width: 50%; padding: 0; text-align: left;}
	a.brandText { margin-left: auto!important;margin-right: auto!important;}
	
	a.brandText {		
		top: 15px;
		position: relative;
	}
	

	.header-top .logoSite [class*="brandText"] {
		top: 0px;
		position: relative; 
	}
	
		.logo-light, .logo-dark {
		display: flex;
		float: right;
		padding: 0;
	}

	.custom-logo {
		    height: 60px;
			margin: auto;
			max-width: 200px;
			width: auto;
	}
	a.custom-logo-link {
		display: inline-block;
		vertical-align: middle;
	}
	a.brandText {
		display: block;
	}
	
	#cssmenu ul.offside {    left: -100%;    width: 100%; top: 91px!important}

	#cssmenu > ul {
		overflow-y: auto;
		max-height: calc(100vh - 91px);
	}

	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 20px;
		top: 5px;
		display: block;
		height: 39px;
		width: 39px;
		cursor: pointer;
	}
	
	#cssmenu ul {
		background: none;
	}
	
	#cssmenu ul ul li {
		background: #222222!important;
		width: 100%!important;
		left: 0px!important;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	
	#cssmenu ul ul li a {
	    color: #aaa;
	}
	
	#cssmenu ul ul li a::before {
		color: #ccc;
		content: '>';
		width: 20px;
		display: inline-block;
		position: absolute;
		left: 4px;
	}
	
	#cssmenu > ul > li > a, #cssmenu > ul > li:hover > a {
		z-index: 2;
		height: inherit;
		min-height: 50px;
	}
		
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 20px;
		top: 5px;
		display: block;
		height: 39px;
		width: 39px;
		cursor: pointer;
	}
	
	#cssmenu .submenu-button:before {
		position: absolute;
		top: 13px;
		right: 19px;
		display: block;
		width: 2px;
		height: 15px;
		background: linear-gradient(to right, #f2f2f2, #f2f2f2)!important;
		content: '';
	}
	
	#cssmenu .submenu-button:after {
		position: absolute;
		top: 19px;
		right: 13px;
		width: 14px;
		height: 2px;
		display: block;
		background: linear-gradient(to right, #f2f2f2, #f2f2f2)!important;
		content: '';
	}

	.mobileonly { display:block!important;}
}

@media screen and (max-width: 500px) {
	.logoSite {
		margin: 0;
		max-width: inherit;
		float: none;
		min-height: 60px!important;
	} 
	.wcontainer {
		padding-top: 60px;
	}
	header { height: 80px!important; position: fixed;}
	.header-top { padding-top: 0;}
	.header-top .logo-light, .fixed-header .logo-dark { float: left;    width: 100%;}	
	
	.nomobile,
	.tabset { display: none;}
	
	.header-top #cssmenu .button { min-height: initial; top: 10px;}
	
	#cssmenu ul.offside { background: #111;    padding-left: 2%;}
	#cssmenu ul.offside { top: 60px!important; border-top: 1px solid #ccc; z-index: 100;}
	
	.mobcol1 { display: none;}
	.mobcol2 { width: 45px; padding: 0; }
	.mobcol3 { width: calc(100% - 45px);
    padding: 0;
    text-align: left;
    vertical-align: middle;}
	
	.footer-main .mobcol2 { display: none;}
	.footer-main .mobcol3 { width: 100%; padding: 0; text-align: center;}
	
	a.brandText { margin-left: auto!important;margin-right: auto!important;vertical-align: middle;}
	.logo-light span.brandText h4 {
		padding: 0;
		margin: 0;
		font-size: 24px;
	}
	
	.logo-light span.brandText small {
		color: #588be8;
		font-size: 12.5px;
	}

	.header-top .logoSite [class*="brandText"] {
		top: 8px;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 91px);
		text-align: center;
	}
	.header-telephone-left {
		margin-top: -65px !important;
	}
	.header-menu-middle {
		margin-top: 60px !important;
	}
	#cssmenu ul.offside {
		    margin-top: 91px;
	}
	#cssmenu > ul {
		max-height: calc(100vh - 91px);
	}
	
	img.whiteborder {     margin: 20px 20px 20px 20px!important;
    float: none!important;}
	
	.nodesktop { display: block;}
	
	.imgbox { width: 100%;text-align: center;}
}

@media screen and (min-width: 50px) and (max-width: 414px) { 
	.header-menu-middle {
    	margin-left: 14% !important;
	}
}
@media screen and (max-width: 340px) {
	.header-logotext-right {
		margin-left: -2%;
	}
}
@media screen and (max-width: 320px) {
	.header-logotext-right {
		margin-left: -4%;
	}
}

/* Print Style Sheet */
@media print {

	*{ background: none!important;}
	* { overflow: visible !important; }
	
	body {background:white; 
		 font-size:10pt; 
		 margin:0; }
	.whitetext li, .whitetext p {
		color: #000!important;
	}
	.home header { padding-top:30px;}
	.fixed-header,
	.header-static,
	.home header { 
		height:75px!important; 
		position: static!important;
	}
	
	
	
	#cssmenu, .custom-logo-link { display: none;}

	.vc_column_container.vc_col-sm-12 img.vc_single_image-img, 
	footer img,
	div#contact .bluebg {
		display:none;
	}
	
	.container {
		width: 98%;
	}
	
	img.alignright {
    	display: block;
    	float: none;
	}
	
	.wpb_column.vc_column_container.vc_col-sm-6 {
		display: block;
		width: 100%;
	}
	
	.vc_empty_space {
		display: none;
	}
	script {
		visibility: hidden;
	}
	
	.owl-stage {
		transform: initial!important;width: 100% !important;
	}
	.owl-carousel .owl-stage-outer {
		width: 100% !important;
	}
	
	.owl-item {
		width: 50%!important;
		display: inline-block;
		float: none!important;
		position: static!important;
		visibility: visible;
	}
	
	.owl-item > div { min-height: initial!important;}

	/*	
	div#contact .bluebg .vc_custom_1540408063660 {
		background-color: #fff!important;
	}
	div#contact .bluebg label {color:#000;}
	*/
}