/*

Theme Name: SQ Mobile

Author: Chris Bloomfield

URI: www.searchquest.co.uk

*/
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {

    background-color: #007ac1;
}

.form-wrapper {
    min-width: 586px;
    background-color: #eee;
}
.column.sitemap p, .column.contact p {
    line-height: 1.3em;
}

/* =BASE

------------------------------------------------------------- */

html {overflow:auto;}

html * {max-height: 999999px;}

body {

    min-width: 320px;

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #333;

    line-height: 20px;

    background: #E2E2E2;

}

#wrapper {

    max-width: 1220px;

    margin: 0 auto;

}







/* =GLOBAL DEFAULTS

------------------------------------------------------------- */

a {color: #000000;text-decoration: none;}

a:hover {color: #007ac1;text-decoration: none;}

p {margin-bottom: 20px !important;}

input, textarea, select {

	color: inherit;

	font-size: inherit;

	font-family: inherit;

	line-height: 18px;

	padding: 5px 8px;

	max-width: 300px;

	width: 100%;

	border: 1px solid #D2D6D5;

	background: white;

	margin: 0 0 5px 0;

}

h1 {

	font-size: 23px;

	margin-bottom: 20px !important;

	line-height: 30px;

}

h2 {

	color: #333;

	font-size: 16px;

	margin-bottom: 10px;

}

h3 {

	color: #333;

	font-size: 14px;

	margin-bottom: 10px;

}





/* =SPECIAL CLASSES

------------------------------------------------------------- */

.full-width {

	margin: 0 auto;

	max-width: 1080px;

}

.max-width {

	margin: 0 auto;

	max-width: 1220px;

	float: none;

	margin-left: auto;

	margin-right: auto;

	padding-left: 40px;

	padding-right: 40px;

}

.clearboth {clear: both;}

.hidden {display: none;}

.inline {display: inline;}

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

.block {display: block;}

.align-left {text-align: left;}

.align-center {text-align: center;}

.align-right {text-align: right;}





/* =WIDGETS

------------------------------------------------------------- */

.widget-container {

	margin-bottom: 0px;

	list-style:none;

}

.widget-container ul {margin: 0;padding: 0;}

.widget-container li {list-style: none;margin: 0;padding: 0;}

.widget-title {

	display: none;

	margin-bottom: 20px;

	font-size: 18px;

}

.showtitle .widget-title {display: block !important;}

.hidetitle .widget-title {display: none !important;}

.widget-bg > div, .widget-bg > ul {background: #F6F7F1;}

.widget-padding > div, .widget-padding > ul {padding: 15px 20px 10px;}









/* =HEADER BAR

------------------------------------------------------------- */

#headerbar-wrap {

    background: #6C8CA7;

}

#headerbar {

	text-align: right;

	font-size: 13px;

	font-weight: 300;

	color: white;

}

#headerbar .widget-container {

	display: inline-block;

	margin-left: 10px;

	padding: 5px 10px;

}

#headerbar a {

	color: white;

}

#headerbar .fa {

	font-size: 14px;

	color: white;

	margin-right: 5px;

}





/* =HEADER (MAIN)

------------------------------------------------------------- */

#header-wrap {background: white;}

#header {

	margin-bottom: 0px;

	padding-top: 20px;

	padding-bottom: 20px;

	background: #ffffff;

	border-bottom: solid 7px #007ac1;

}

#header a {color: inherit;}

#masthead {}

#branding {  float: left;

  width: 50%;

  margin-right: -50px;

  padding-right: 55px;}

#branding img {max-width: 100%;display: block;width: auto;max-height: 120px;}

.logo {}





/* =NAVIGATION

------------------------------------------------------------- */

#access {

	display: block;

	position: relative;

	color: white;

	padding: 0;

	float: right;

	margin-top: 20px;

}

#access ul {

	list-style: none;

	margin: 0;

}

#access li {

	position: relative;

}

#access a {

	display: block;

	text-decoration: none;

	color: black;

}



/* Main Menu Only (excl. sub-menu) */

#access .menu > li {

	margin-left: 5px;

	display: inline-block;

}

#access .menu > li > a {

	padding-bottom: 10px;

	line-height: 30px;



	padding: 5px 15px;

	font-size: 14px;

}



/* Unique Menu Items */

#access .nav-home {}

#access .menu-item-first {

	margin-left: 0;

	border: none;

}

#access .menu-item-last {}



/* Parents */

#access .menu-item-has-children {}

#access .menu-item-has-children a {padding-right: 30px !important;}

#access .menu-item-has-children > a:before {

	color: inherit;

	position: absolute;

	right: 10px;

	top: 5px;

	content: "\f107";

	font-family: FontAwesome;

}



/* Sub-Menus */

#access ul li:hover > ul {display: block;}

#access .sub-menu {

	display: none;

	float: left;

	z-index: 100;

	position: absolute;

	width: 150%;

	top: 100%;

	left: 0;

	background: white;

	font-size: 12px;

	line-height: 16px;

	-webkit-box-shadow: 1px 1px 1px #D2D6D5;

	        box-shadow: 1px 1px 1px #D2D6D5;

}

#access .sub-menu li {

	width: 100%;

	height: auto;

	float: none;

}

#access .sub-menu li a {

	line-height: 18px;

	padding: 8px 20px;

}

#access .sub-menu .sub-menu {

	left: 100%;

	top: 0;

	border-left: 1px solid white;

}



/* Hovers & Active */

#access li:hover,

#access #current_page_item,

#access .current_page_item,

#access .current-menu-ancestor  {}

#access li:hover > a,

#access a:hover,

#access .menu-item-has-children:hover > a:before,

#access #current_page_item a,

#access .current-menu-item > a,

#access .current-menu-ancestor > a {

	color: #7093AA;

}



/* Sub-Menu Hovers & Active */

#access .sub-menu li:hover,

#access .sub-menu #current_page_item,

#access .sub-menu .current-menu-item,

#access .sub-menu .current-page-item,

#access .sub-menu .current-menu-ancestor,

#access .sub-menu .current-page-ancestor {background: #7093AA;}

#access .sub-menu li:hover > a,

#access .sub-menu #current_page_item > a,

#access .sub-menu .current-menu-item > a,

#access .sub-menu .current-page-item > a,

#access .sub-menu .current-menu-ancestor > a,

#access .sub-menu .current-page-ancestor > a {color: white;}



#rsp-menu-wrap {/* display: none; */}





/* =FEATURED BOX (Slider etc.)

------------------------------------------------------------- */

#featured-wrap {overflow: hidden;}

#featured {

	padding: 0;

	overflow: hidden;

	margin-bottom: 0px !important;

}

.metaslider .flexslider {margin-bottom: 0 !important;}





/* =MAIN

------------------------------------------------------------- */

#main {

	margin: 0 auto;

	/* min-height: 400px; */

	background: white;

	/* padding-top: 20px; */

	background: #ffffff;

}





/* =TAGLINE

------------------------------------------------------------- */

#tagline-wrap {

	padding: 40px 20px;

	background: #A0A0A0;

	margin: 0 auto;

}

#tagline {

	font-size: 15px;

	font-weight: 300;

	color: white;

}

#tagline h2 {

	font-size: 22px;

	line-height: 32px;

	color: white;

	font-weight: 300;

}

#tagline p {

    margin-bottom: 0;

}

#tagline a {

    float: right;

    margin-top: 10px;

}





/* =BANNERS

------------------------------------------------------------- */

#banner-wrap {

    overflow: hidden;

}

#banner {

	min-height: 50px;

	max-height: 200px;

	text-align: center;

	position: relative;

	padding: 0;

	width: 100%;

	max-width: 100%;

}

#banner img {

	display: block;

	margin: 0 auto;

	width: 100%;

	max-height: 100%;

}

#banner-title-wrap {

	position: absolute;

	left: 0;

	right: 0;

	top: 50%;

	margin-top: -25px;

}

#banner-title {

	background: #587385;

	color: white;

	text-transform: uppercase;

	font-size: 23px;

	line-height: 30px;

	font-weight: 300;

	color: white;

	padding: 10px;

	max-width: 100%;

	margin: 0 auto;

}





/* =CONTAINER (Content + Sidebar + CTAs)

------------------------------------------------------------- */

#container {

    /* width: 100%; */

    background: white;

    padding-top: 20px;

    /* padding-bottom: 20px; */

}





/* =CTAS

------------------------------------------------------------- */

#ctas {

	clear: both;

	text-align: center;

	margin: 40px auto;

}

.ctas {

	clear: both;

	overflow: hidden;

	margin-bottom: 10px;

}

.cta {

	display: block;

	position: relative;

	/* overflow: hidden; */

	width: 100%;

	margin: 0px 19px;

}





/* =PAGE TITLES

------------------------------------------------------------- */

h1.page-title {

    color: #007ac1;

}

h1.product-title {}

h2.entry-title {

	padding: 0;

	margin-top: 0 !important;

	margin-bottom: 10px;

}

h2.entry-title a {

	display: block;

	font-size: 16px;

	overflow: hidden;

}

h2.entry-title a:hover {

}

h2.entry-title a > .fa {

	float: right;

	margin-top: 3px;

	margin-left: 20px;

	display: none;

	color: #8EA9BB;

}

h2.entry-title a:hover > .fa {}

.tax-title {text-transform: capitalize;}

.tax-title-tax {}

.tax-title-term {}





/* =PAGES & CONTENT

------------------------------------------------------------- */

#content {

	margin-bottom: 20px;

	color: inherit;

	font-size: inherit;

	min-height: 400px;

}



/* Lists */

.entry-content ul,

.entry-content ol {

	margin: 0 0 20px;

}

.entry-content ol li {

	padding-left: 0;

	margin-left: 30px;

}

.entry-content ul li {

	padding-left: 0;

	margin-left: 30px;

}



/* All Posts & Pages */

.single-entry {clear: both;}

.single-page {}

.single-post {}



/* Images */

.entry-content img {

	max-width: 100%;

	height: auto;

}
span.wpcf7-list-item {
    width: 100%;
}
td.default-tr {
    /* width: 250px; */
}

td.inputfield-alt {
    position: relative;
    left: -238px;
}
.form-wrapper input[type="radio"] {
    width: 20px;
}


/* Titles (Content) */

.entry-content h2 {}

.entry-content h3 {}

.entry-content h4 {}



/* Home */

body.home #content {}

body.home #content h1 {

	background: none;

	padding: 0;

	color: #007ac1;

}



/* Search */

body.search .entry-meta,

body.search .entry-utility {display: none;}

body.search .page,

body.search .post {margin-bottom: 40px;}

body.search .page h1,

body.search .post h1 {margin-bottom: 5px;border-bottom: none;}



/* WP Captions */

.wp-caption {

	background:#f1f1f1;

	line-height:18px;

	margin-bottom:20px;

	max-width:95% !important;

	text-align:center;

	padding: 0px;

}

.wp-caption img {

    display: block;

}

.wp-caption p.wp-caption-text {

	color: #333;

	font-size: 13px;

	margin:5px;

	padding: 10px 15px;

	line-height: 25px;

}



/* Selection */

::-moz-selection {background: #587385;color: white;}

::selection {background: #587385;color: white;}

::-moz-selection {background: #587385;color: white;}



/* Tables */

.entry-content table {text-align:left;margin: 0 0 0px;padding:0;table-layout: fixed;}

.entry-content th {font-weight:bold;background: #ECECEC;}

.entry-content td {padding:10px;vertical-align: top;}





/* =ARCHIVES (Blogs, etc.)

------------------------------------------------------------- */

.archive .post + .post {

	margin-top: 20px;

	padding-top: 20px;

}

.entry-meta {

	margin-bottom: 20px;

	font-size: 10px

}

.entry-utility {

	font-size: 12px;

	margin-top: 20px;

	margin-bottom: 0px;

}

.category-description {font-size: 13px;margin-bottom: 30px;}



/* Post Thumbnails (Featured Images) */

.post-thumbnail {

	float: left;

	margin: 0 20px 10px 0;

	position: relative;

	clear: left;

	text-align: center;

	overflow: hidden;

	border-radius: 10px;

}

.post-thumbnail a,

.post-thumbnail img {

	display: block;

	margin: 0 auto;

}

.post-thumbnail-hover {display: none;}

.post-thumbnail a:hover .post-thumbnail-hover {display: block;}

.post-thumbnail-hover:before {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	content: "\f101";

	font-family: FontAwesome;

	text-align: center;

	background: #555555;

	background: rgba(85,85,85,0.4);

	color: white;

	padding-top: 40%;

	font-size: 30px;

}

.category-thumbnail {

	opacity: 0.1;

	text-align: center;

	display: none;

}



/* Excerpt Format */

.post-excerpt {

	overflow: hidden;

	margin-bottom: 20px;

}

.post-excerpt .entry-meta {

	margin-bottom: 10px;

	font-size: 10px;

	margin-top: -5px;

}

.post-excerpt .entry-summary {}

.post-excerpt .entry-utility {

	font-size: 10px;

	margin-bottom: 0px;

	text-align: right;

	margin-top: 0;

}



/* Pagination */

.pagination {

	margin: 30px 0 20px;

	overflow: hidden;

	clear: both;

}

.pagination .page-numbers {

	display: inline-block;

	padding: 5px 20px;

	background: #F2F2F2;

	min-width: 30px;

	text-align: center;

}

.pagination .page-numbers:hover {

	background: #7093AA;

	color: white;

	text-decoration: none;

}

.pagination .page-numbers.current {

	background: #D6D6D6;

	color: white;

}

.pagination .page-numbers.dots {

	background: none !important;

}







/* =LIGHTBOXES

------------------------------------------------------------- */

.lightboxes {}

.lightbox {}

.lightbox-content {}

.acf-lightbox {}

.acf-lightbox-inner {}





/* =GALLERY

------------------------------------------------------------- */

#content .mg-img-wrap {}

#content .mg-img {}





/* =ACCORDIONS

------------------------------------------------------------- */

#content div.ui-accordion {margin-bottom: 20px;}



/* Headers (Titles) */

#content h3.ui-accordion-header {

    padding: 10px;

	background: #E1E3E4;

	color: grey;

	font-size: 16px;

	font-weight: normal;

}

#content h3.ui-accordion-header a {color: inherit;text-decoration: none !important;}

#content h3.ui-accordion-header span {}

#content h3.ui-accordion-header-active {background: #AAAAAB;color: white;}

#content h3.ui-accordion-header:hover {background: #9A9A9A;color: white;}



/* Content */

#content div.ui-accordion-content {padding: 10px 5px;}

#content div.ui-accordion-contentui-accordion-content-active {}







/* =CONTENT TOGGLES ('read more')

------------------------------------------------------------- */

.toggle {margin-bottom: 10px;}

.toggle .toggle-state {font-size: 13px;font-weight: bold;}

.toggle .toggle-state {display: none;cursor: pointer;}

.toggle .toggle-state-active {display: inline-block !important;}

.toggle .toggle-state-active .toggle-open {display: inline-block;}

.toggle .toggle-state-active .toggle-closed {display: none !important;}

.toggle-state-icon {

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center left;

	width: 12px;

	height: 8px;

	margin-left: 5px;

}

.toggle-state-active .toggle-state-icon {}

.toggle-content {}

.toggle-content.nogap p:first-child {display: none;}





/* =SIDEBAR

------------------------------------------------------------- */

.sidebar {

	min-height: 200px;

	float: right;

	color: #333;

	font-size: inherit;

	margin-bottom: 20px;

	display: none;

}

.sidebar a {color: inherit;}

.sidebar a:hover {color: #587385;}

.sidebar h2 {}

.sidebar h3 {}

.sidebar .widget-container {margin-bottom: 40px;}



/* Positions */

.sidebar.sidebar-left {float: left;margin-right: 2%;}

.sidebar.sidebar-right {float: right;margin-left: 2%;}



/* Titles */

#sidebar .notitle .widget-title {display: none !important;}

#sidebar .widget-title {

	display: block;

	margin-bottom: 10px;

	font-size: 18px;

}



/* Form */

.sidebar .sidebar-enquiry {}

.sidebar .wpcf7 {}



/* Testimonials */

.testimonials {}

.widget-container blockquote {padding: 0;}



/* Shop */

#sidebar-shop {margin-top: 35px;}



/* Recent Posts (default widget) */

.widget_recent_entries {}

.widget_recent_entries li {margin-bottom: 5px;}

.widget_recent_entries .post-date {display: block;font-size: 10px;color: grey;}







/* =WPCF7

------------------------------------------------------------- */

.wpcf7 {

	padding: 0px 0px 0px 0px !important;

	color: #2E2E2E;

}

.wpcf7 p {

	margin-bottom: 0;

	height: inherit;

	vertical-align: top;

}

.wpcf7 .watermark {font-family: inherit;}

.wpcf7 input[type=text],

.wpcf7 input[type=email],

.wpcf7 input[type=tel],

.wpcf7 select,

.wpcf7 textarea {}

.wpcf7 .wpcf7-captchar {width: 100px !important;}

.wpcf7 .wpcf7-captchac {vertical-align: top;position: relative; top: 4px;margin-left: 10px;}

.wpcf7-submit {

	margin: 5px 0 0 0;

	padding: 10px 30px 10px 20px;

	background: #007ac1;

	border: 0;

	cursor: pointer;

	color: white;

	position: relative;

	width: 200px;

}





/* =GET A QUOTE - Contact Form



------------------------------------------------------------- */







#content .wpcf7-text {



width: 119px;



}







#content .wpcf7 td {



line-height: 22px;



background: #eee;



}







#content .wpcf7-captchar {width: 80px; position: relative; top: -9px;}







#content .wpcf7-captchac {



float: none;



}











#content .your-name .wpcf7-text, #content .your-email .wpcf7-text, #content .your-phone .wpcf7-text, #content .your-postcode .wpcf7-text {width: 200px;}







#content table .wpcf7-submit {right: 0px;}







#content .wpcf7 td span textarea {width: 200px !important; height: 80px !important;}











/* WPCF7: Validation Messages */

.wpcf7-response-output {

	border: none !important;

	margin: 10px 0 0 0px !important;

	padding: 0 !important;

	font-size: 11px !important;

	font-weight: normal !important;

}

.wpcf7-not-valid-tip {

	position: absolute !important;

	top: -6px !important;

	left: 0 !important;

	z-index: 100 !important;

	background: white !important;

	border: 1px solid red !important;

	font-size: 12px !important;

	padding: 4px 8px !important;

	line-height: 20px !important;

	width: 200px !important;

}

.wpcf7-captchar .wpcf7-not-valid-tip {width: 145px !important;}

.ajax-loader {}





/* =TWITTER FEED

------------------------------------------------------------- */

.really_simple_twitter_widget {font-size: 11px;line-height: 18px;}

.really_simple_twitter_widget li {clear: both;margin-bottom: 10px;overflow: hidden;}

.really_simple_twitter_widget img {float: left;margin: 0 10px 10px 0;}

.really_simple_twitter_widget .twitter-user {}

.really_simple_twitter_widget .rstw_comma {}

.really_simple_twitter_widget .twitter-timestamp {font-size: 10px;clear: both;}





/* =FOOTER GLOBAL

------------------------------------------------------------- */

#footer {}

#colophon {}

.col {float: left;}

.col-alpha {margin-left: 0 !important;clear: left;}

.col-omega {margin-right: 0 !important;clear: right;}

.col-third {width: 32%;margin: 0 1%;}

.col-quarter {width: 23%;margin: 0 1%;}





/* =FOOTER 0 (after content)

------------------------------------------------------------- */

#footer-0-wrap {

	clear: both;

	background: #EDEDED;

	padding: 20px 0;

	border-top: 1px solid #E1E3E4;

}

#footer-0 {}





/* =FOOTER 1

------------------------------------------------------------- */

#first {

	color: #999999;

	background: #3B3B3B;

	padding: 40px 0;

	line-height: 25px;

}

#first .widget-title {

	display: block;

	color: white;

}

#first a {

	color: #999;

	text-decoration: none;

}

#first a:hover {

	color: #587385;

	text-decoration: none;

}



/* Footer Titles */

#first .widget-title {

	font-size: 18px;

	line-height: 22px;

}



/* Sitemap */

.sitemap {}

.sitemap .sub-menu {display: none;}

.sitemap li {}

.sitemap li a {}





/* Social */

.social {}

.social-a {

	display: inline-block;

	width: 40px;

	height: 40px;

	margin-right: 5px;

	background-color: #7093AA;

	background-repeat: no-repeat;

	background-image: url(images/social/sprite.png);

}

.social-a:hover {background-color: #587385;}

.social-fb {background-position: 0 -40px;}

.social-tw {background-position: -40px -40px;}

.social-gp {background-position: -80px -40px;}

.social-yt {background-position: -120px -40px;}

.social-li {background-position: -160px -40px;}

.social-in {background-position: -200px -40px;}

.social-pi {background-position: -240px -40px;}





/* =FOOTER 2

------------------------------------------------------------- */

#second {

	color: #999999;

	padding: 10px 0;

	font-size: 11px;

	background: #333333;

}

#second a {

	color: #999999;

	text-decoration: none;

}

#second a:hover {

	color: #587385;

	text-decoration: none;

}





/* Copyright */

.copyright {}

.copyright .copyright-left {float: left;}

.copyright .copyright-right {float: right;text-align: right;}





/* =RESPONSIVE

------------------------------------------------------------- */



/* Responsive Menu */

#rsp-menu-toggle {

	text-align: center;

	font-size: 30px;

	color: white;

	background: #007ac1;

	padding: 5px 0;

	cursor: pointer;

	float: right;

	min-width: 44px;

	width: 50px;

	height: 50px;

	line-height: 40px;

}

#rsp-menu {

    border-bottom: solid 7px #007ac1;

}

#rsp-menu li {list-style: none;}

#rsp-menu li a {

	display: block;

	text-align: center;

	padding: 12px 20px;

	font-size: 15px;

}

#rsp-menu li.current_page_item > a,

#rsp-menu li a:hover {

	background: #007ac1;

	color: white;

}

#rsp-menu .menu-item-has-children > a {

	cursor: default;

	background: #F6F7F1;

}

#rsp-menu .menu-item-has-children > a:hover {}

#rsp-menu .sub-menu {

	display: none;

	padding: 20px;

	background: #E9EBDE;

}

#rsp-menu .sub-menu li {

	background: white;

}



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



	/* Site Width */

	.max-width {

		/* max-width: 1040px; */

		width: auto;

		padding-left: 20px;

		padding-right: 20px;

	}



	/* Menu */

	#access .menu > li > a {padding: 10px;}

	#access .sub-menu > li > a {padding: 8px 10px;}

	#access .menu-item-has-children > a:before {top: 10px;}



}



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



	/* Home */

	#tagline-wrap {margin: 0;}



	/* Main */

	#main {margin: 0 auto;-webkit-box-shadow: none;box-shadow: none;}



}



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



	/* Header */

	#headerbar {display: none;}

	#branding {/* float: none; */text-align: center;}

	.logo {display: inline-block;}

	#access {float: none;width: 100%;text-align: center;}

	#access .sub-menu {text-align: left;}



	/* Home */

	#tagline {max-width: 90%;}



}



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



}



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



	/* Menu */

	#access {display: none;}

	#rsp-menu-wrap {display: block;}





	/* Slider */

	#featured {

		margin-left: -50%;

		width: 200%;

		max-width: initial;

		position: relative;

	}

	#featured .caption-wrap {

		margin-top: 0;

		max-width: 50%; /* Half the full slider width */

		left: 25%; /* Half the max-width */

		top: auto;

		position: relative;

		height: auto;

	}

	#featured .caption {

		max-width: 100%;

		position: absolute;

		bottom: 50px;

		left: 20px;

		overflow: hidden;

		right: 20px;

	}



	/* CTAs */

	.ctas .cta h2 {height: 65px;}

	.ctas .cta {}

	.ctas-quarter .cta {width: 48%;height: auto;margin: 0 1% 10px;}



	/* Main */

	#content {width: 100%;min-height: initial;/* margin-bottom: 40px; */}

	#content h1 {text-align: center;}

	.sidebar {width: 100%;}



	/* Footer 0 */

	#footer-0-wrap {display: none;}



	/* Footer Cols */

	.col {float: none; width: 100%;padding-top: 20px;border-top: 1px solid #333333;margin: 20px auto !important;}

	.col:first-child {border-top: none;padding-top: 0;}



	/* Footer */

	#footer {border-top: 1px solid #D2D6D5; text-align: center;}

	#first, #first .xoxo {padding: 0;}



}



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

      div.wpcf7 {width:100%;display: block;overflow-x: scroll;}

}





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



#branding {

  float: left;

  width: 220px;

  margin-right: -50px;

  padding-right: 55px;

}

}



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



	/* Header */

	#header {padding: 10px 20px;}

	.logo span {font-size: 40px;}

	.logo i {font-size: 15px !important;}



	/* Slider */

	#featured .caption-wrap {top: 10%;}



	/* CTAs */

	.ctas .cta {float: none;height: auto;width: 100%;margin: 0 auto 10px;}

	.ctas .cta h2 {height: auto;}

	.ctas-third .cta {display: inline-block;float: none;width: 47%;}



	/* Content */

	#content img.alignleft, #content img.alignleft {

		float: none;

		margin: 0 auto 20px;

		display: block;

	}







	.cta {

    display: block;

    position: relative;

    /* overflow: hidden; */

    width: 100%;

    margin: 0px 45px;

}

}



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



	#branding {

  float: left;

  width: 200px;

  margin-right: -50px;

  padding-right: 55px;

}



	/* Slider */

	#featured .caption {padding: 10px;line-height: 16px;bottom: 30px;}

	#featured .caption h2 {font-size: 16px;line-height: 20px;}



	/* CTAs */

	.ctas-third .cta {width: 100%;}

}







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





.cta {

    display: block !important;

    position: relative !important;

    /* overflow: hidden; */

    width: 100% !important;

    margin: 0px 0px !important;



}



.cta a {

    float: left !important;

    text-indent: -9999px !important;

    width: 137px !important;

    height: 95px !important;

    margin: 0 3px 10px 0 !important;

    transition: 0.5s !important;

    -webkit-transition: 0.5s !important;

}





}



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

	#content .ngg-galleryoverview {margin-bottom: 20px;}

	#content .ngg-galleryoverview img {float: left;}

	#content .ngg-gallery-thumbnail-box {float: left; width: 48%;}



	.cta {

    display: block;

    position: relative;

    /* overflow: hidden; */

    width: 100%;

    margin: 0px 22px;

}

}





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

.cta {

    display: block;

    position: relative;

    /* overflow: hidden; */

    width: 100%;

    margin: 0px 16px;

}

}



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





.cta {

    display: block !important;

    position: relative !important;

    /* overflow: hidden; */

    width: 100% !important;

    margin: 0px 0px !important;



}









.cta a {

    float: left !important;

    text-indent: -9999px !important;

    width: 137px !important;

    height: 95px !important;

    margin: 0 3px 10px 0 !important;

    transition: 0.5s !important;

    -webkit-transition: 0.5s !important;

}





}







/* = Extra Codings

------------------------------------------------------------- */







div#footer-wrapper {

  background: #ffffff;

  border-top: solid 7px #007ac1;

}



#footer-content {

  color: #000000;

}



h4.column-title {

  padding: 20px;

  font-size: 23px;

  color: #007ac1;

}



.column {

  color: #000000;

  padding: 6px;

  text-align: center;

  line-height: 5px;

}



.column.logo {

  padding-bottom: 20px;

  padding-top: 10px;

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}



#copyright {

  margin-bottom: 50px;

  line-height: 22px;

}



#mobile-icons {

  float: right;

  width: 120px;

  padding-top: 11px;

}



#callimage {

  float: left;

}



.download-icon {

  float: left;

  margin-right: 10px;

}



div#showcaseimagehead {

  width: 100%;

}



#showcaseimagehead img {

  width: 100%;

}





/* BOX */



.box h3 {color:#1d96dc; border-bottom: 1px solid #1d96dc;}





.box {width: 100%;float: right;min-height: 197px;}



.box.nth {float:left !important;}





.box img {float: left;width: 110px;height: 110px;background: #fff;padding: 5px;margin-right: 10px;margin-bottom: 10px;-webkit-box-shadow: 1px 1px 8px 0px #ccc;box-shadow: 1px 1px 8px 0px #ccc;border-radius: 5px;transition: 1s;-webkit-transition: 1s;}



.box a img:hover {background: #3091D9; transition: 1s; -webkit-transition: 1s;}





/* =CTA



------------------------------------------------------------- */



.cta-container {



width: 775px;



float: left;



margin-top: 18px;



}







.cta a {float:left;text-indent: -9999px;width: 137px;height: 95px;margin: 0 12px 10px 0;transition: 0.5s;-webkit-transition: 0.5s;}



.cta a:hover {transition: 0.5s; -webkit-transition: 0.5s;}







.cta a.nth {margin: 0 0 10px !important;}







#cta1 {background:url(/wp-content/themes/custom/images/cta1.jpg) no-repeat;}



#cta2 {background:url(/wp-content/themes/custom/images/cta2.jpg) no-repeat;}



#cta3 {background:url(/wp-content/themes/custom/images/cta3.jpg) no-repeat;}



#cta4 {background:url(/wp-content/themes/custom/images/cta4.jpg) no-repeat;}



#cta5 {background:url(/wp-content/themes/custom/images/cta5.jpg) no-repeat;}



#cta6 {background:url(/wp-content/themes/custom/images/cta6.jpg) no-repeat;}



#cta7 {background:url(/wp-content/themes/custom/images/cta7.jpg) no-repeat;}



#cta8 {background:url(/wp-content/themes/custom/images/cta8.jpg) no-repeat;}



#cta9 {background:url(/wp-content/themes/custom/images/cta9.jpg) no-repeat;}



#cta10 {background:url(/wp-content/themes/custom/images/cta10.jpg) no-repeat;}


#cta11 {background:url(/wp-content/themes/custom/images/cta11.jpg) no-repeat;}

#cta12 {background:url(/wp-content/uploads/2023/02/cta-12.jpg) no-repeat;}






#cta1:hover {background:url(/wp-content/themes/custom/images/cta1-hover.jpg) no-repeat;}



#cta2:hover {background:url(/wp-content/themes/custom/images/cta2-hover.jpg) no-repeat;}



#cta3:hover {background:url(/wp-content/themes/custom/images/cta3-hover.jpg) no-repeat;}



#cta4:hover {background:url(/wp-content/themes/custom/images/cta4-hover.jpg) no-repeat;}



#cta5:hover {background:url(/wp-content/themes/custom/images/cta5-hover.jpg) no-repeat;}



#cta6:hover {background:url(/wp-content/themes/custom/images/cta6-hover.jpg) no-repeat;}



#cta7:hover {background:url(/wp-content/themes/custom/images/cta7-hover.jpg) no-repeat;}



#cta8:hover {background:url(/wp-content/themes/custom/images/cta8-hover.jpg) no-repeat;}



#cta9:hover {background:url(/wp-content/themes/custom/images/cta9-hover.jpg) no-repeat;}



#cta10:hover {background:url(/wp-content/themes/custom/images/cta10-hover.jpg) no-repeat;}


#cta11:hover {background:url(/wp-content/themes/custom/images/cta11-hover.jpg) no-repeat;}

#cta12:hover {background:url(/wp-content/uploads/2023/02/cta12-hover.jpg) no-repeat;}


#horizontal a, marquee a {color: #000; text-decoration: none;}







.marquee-wrapper {width: 100%; background: #F2F2F2; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8;}



.home .marquee-wrapper {margin-bottom: 6px;}



.marquee {width: 100%;margin: 0 auto;line-height: 37px;height: 37px;color:#343434;font-size: 17px;text-align: center;}







.marquee b {float: left;width: 221px;}







#marquee {



line-height: 37px;



height: 37px;



float: right;



width: 770px;



font-size: 14px;



}



marquee img {margin: 0 10px;}







.HSA_widget {margin-top: -2px;}





.contactfooterform {

    padding: 45px;

    display: inline-block;

    text-align: center;

}



span.scrollform {

    font-size: 16px;

    color: #007ac1;

}



.footerlogo img {

    max-width: 60px;

}



span.rollercopy {

    color: #007ac1;

    font-size: 13px !important;

    font-weight: bold;

}





a.footeremail {

    color: #007ac1;

}

@media only screen and (max-width: 500px) {
    .alignright, img.alignright, .alignleft, img.alignleft{
    float: none;
    margin: auto;
    width: 100%;
}
}






/** Lightbox Mobile Fix **/

#fancybox-wrap {/*position: fixed !important;*/}}