/*
 * Font Stacks
 * Titles: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
 * Body:   "Source Sans Pro", "Source Sans", Arial, sans-serif;
 *
 * Colours
 * text grey: 	555555
 * dark grey: 	797d86
 * light green: 97dd40
 * mid green:	8cce3a
 * dark green:  ddb013
 * 
 */

/* necolas clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.container {
	width: 1000px;
	margin: 0 auto;
}
.container-white {
	padding: 20px;
	background: #fff;
}

/** iconography **/
.icon {
	font: 0/0 a;
	color: transparent;
	display: block;
	background: url(../img/icons.png) no-repeat 0 0;
}
.icon-page {
	width: 30px;
	height: 33px;
}
.icon-quote {
	width: 57px;
	height: 39px;
	background-position: -29px 0;
}
.icon-contact {
	width: 36px;
	height: 33px;
	background-position: -86px 0;
}

/** elements **/
html {
	background: url(../img/bg.jpg) repeat 0 0;
}
a {
	text-decoration: none;
	color: #dbae10;
}

/** header branding/content **/
#header .logo {
	float: left;
}
#header .logo a {
	display: block;
	width: 223px;
	height: 104px;
	font: 0/0 a;
	color: transparent;
	background: url(../img/logo.jpg);
}
#header .contact {
	float: right;
	font: 0/0 a;
	color: transparent;
	width: 401px;
	height: 98px;
	background: url(../img/contact.jpg);
	margin-top: 8px;
}
.contact-phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #ddb013;
	position:relative;
	letter-spacing:-1px;
	top:55px;
	left:81px;
}

/** header navigation **/

#primary-nav {
	position: relative;
	clear: both;
	padding-top: 20px;
}

#primary-nav ul	{
	z-index:1000;
	background: #cc9900;
}

#primary-nav li {
	float: left;
	position: relative;
	z-index: 100;
}
#primary-nav li a	{
	display: block;
	padding: 0 20px;
	color: #fff;
	font: 17px/40px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}
#primary-nav a:hover {
	color: #fff;
	background: #797d86;
}

#primary-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
}
#primary-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 200px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#primary-nav ul ul li a { /* target all sub menu item links */
	line-height: 30px;
	font-size: 12px;
}

#primary-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

#primary-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 200px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}

/** footer **/
#footer {
	padding-bottom: 40px;
}
.footer-links {
	float: left;
	list-style: none;
	margin-top: 27px;
}
.footer-links li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #ddb013;
}
.footer-links li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
.footer-links li a {
	display: block;
	font: 400 12px/1 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #ddb013;
}
.footer-links li a:hover {
	text-decoration: underline;
}
#footer .vcard {
	float: right;
	text-align: right;
	margin-top: 18px;
	color: #555;
	font: 400 12px/18px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}
#footer .vcard .org {
	color: #555;
	font-weight: 600;
}
#footer .vcard .org:hover {
	text-decoration: underline;
}
.vcard .type {
	display: none;
}

/** slideshow **/
.slideshow {
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 400px;
	margin-top: 20px;
	
	background: #f5f5f5;
}
.slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.slide-wrap {
	position: relative;
	overflow: hidden;
}
.slide-title {
	margin-top: 29px;
}
.slide-title span {
	display: block;
	font: 0/0 a;
	color: transparent;
	background: url(../img/slide-titles.png) no-repeat;
}
.slide-title .slide-title-p1 {
	position: relative;
	height: 114px;
	background-position: 0 0;
}
.slide-title .slide-title-p2 {
	position: relative;
	height: 48px;
	background-position: 0 -114px;
}
.slide-title .slide-title-p3 {
	position: relative;
	height: 19px;
	background-position: 0 -162px;
}
.slide-image {
	float: left;
	position: relative;
}
.slide-content {
	position: relative;
	font: 14px/22px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #555;
	margin: 14px 20px 18px 0;
}
.slide-wrap .btn {
	position: relative;
}
.slide-left .slide-wrap {
	padding-left: 20px;
}
.slide-right .slide-wrap {
	padding-right: 20px;
}

/** individual slides **/
.slide-data .slide-title {
	width: 362px;
}
.slide-centres .slide-title {
	width: 444px;
}
.slide-centres {
	display: none;
}
.slide-centres .slide-title-p1 {
	background-position: -362px 0;
}
.slide-centres .slide-title-p2 {
	background-position: -362px -114px;
}
.slide-failed {
	display: none;
}
.slide-failed .slide-title {
	width: 419px;
}
.slide-failed .slide-title-p1 {
	background-position: -806px 0;
}
.slide-failed .slide-title-p2 {
	background-position: -806px -114px;
}

/** flat ui button **/
.btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font: 600 17px/40px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding: 0 18px;
	color: #fff;
	background: #797d86;
	text-transform: uppercase;
	border: none;
	cursor: hand;
	cursor: pointer;
}
.btn:hover {
	background-color: #6e727a;
}
.btn-grey {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 12px;
	margin: 0;
	width: 130px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	background: #555 url(../img/icons.png) no-repeat 0 0;
	text-transform: lowercase;
	font-weight: 200;
}
.btn-grey:hover {
	background-color: #444;
}
.btn-submit {
	background-position: 5px -41px;
}
.btn-cancel {
	background-position: 5px -71px;
}
.btn-search {
	background-position: 5px -161px;
}

/** 1-2-3 steps **/
.steps {
	margin-top: 20px;
	background: url(../img/steps.jpg) no-repeat 0 0;
	height: 160px;
	padding: 20px 0 0 20px;
	list-style: none;
}
.step-title {
	font: 0/0 a;
	color: transparent;
	height: 53px;
}
.step-content {
	font: 14px/16px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #fff;
	margin: 4px 0 8px;
}
.step-tip {
	padding-left: 30px;
	height: 20px;
	background: url(../img/arrow.png) no-repeat left center;
	font: 600 italic 14px/16px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #555;
	padding-top:3px;
}
.step-1 {
	float: left;
	width: 325px;
	margin-right: 60px;
}
.step-1 .step-title {
	background: url(../img/step-1.png) no-repeat 0 0;
}
.step-2 {
	float: left;
	width: 280px;
	margin-right: 60px;
}
.step-2 .step-title {
	background: url(../img/step-2.png) no-repeat 0 0;
}
.step-2 .step-tip {
	margin-left: -30px;
}
.step-3 {
	float: left;
	width: 250px;
}
.step-3 .step-title {
	background: url(../img/step-3.png) no-repeat 0 0;
}

.step-3 .step-title-sml {
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -1px;
	position: relative;
	top: 40px;
	left: 71px;
	font-size: 24px;
	color: #ffffff;
}
.step-3 .step-tip {
	margin-left: -30px;
}

/** 3-column layout **/
.triplets-hidden {
	display: none;
}
.triplet {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}
.triplet:first-child {
	margin-left: 0;
}
.triplet-sml {
	width: 320px;
}
.triplet-lrg {
	width: 660px;
}

/** 2-column layout **/
.twin {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	width: 490px;
}
.twin:first-child {
	margin-left: 0;
}

/** 1-column item **/
.singular {
	position: relative;
	margin-top: 20px;
}

/** quick pitches **/
.pitch-strap {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 0;
	font: 0/0 a;
	color: transparent;
	height: 58px;
}
.pitch-fee .pitch-strap {
	background: url(../img/pitches/fee-title.png) no-repeat 0 0;
}
.pitch-job .pitch-strap {
	background: url(../img/pitches/job-title.png) no-repeat 0 0;
}
.pitch-quick .pitch-strap {
	background: url(../img/pitches/quick-title.png) no-repeat 0 0;
}
.pitch-text {opacity:0; width:320px; height:200px; position:absolute; background:url(../img/3imghover.jpg) no-repeat 0 0;
   }
.pitch-text p {color:#bcbdbf; text-shadow: 1px 2px 3px #ffffff;  font: 22px/26px "Source Sans Pro","Source Sans",Arial,sans-serif;  padding: 54px 33px;font-style: italic; }
.pitch-job p {padding-top: 33px;}
/** grey info box **/
.infobox {
	background: #797d86;
	width: 280px;
	padding: 20px 20px 0;
	color: #fff;
}
.infobox-title {
	font: 200 32px/0.8 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	margin-bottom: 20px;
}
.infobox-content {
	font: 200 14px/20px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	width: 250px;
}

/** "did you know" infobox **/
.infobox-dyk {
	height: 130px;
	background: #797d86 url(../img/info-question.png) no-repeat 280px 110px;
}
.infobox-dyk .infobox-strap {
	font: 600 16px/0.7 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 16px;
}

/** contact form infobox **/
.infobox-form {
	margin-top: 20px;
	padding: 20px;
	width: 280px;
}
.infobox-form .infobox-title {
	margin-bottom: 12px;
}
.infobox-form-actions {
	margin-top: 20px;
}
.infobox-form-actions .btn-submit {
	float: left;
}
.infobox-form-actions .btn-cancel {
	float: right;
}
.infobox-form .ajax-loader {
	display: none;
}
.infobox-form .wpcf7-not-valid-tip-no-ajax {
	font: 400 12px/1.2 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #d00;
	background: #fdd;
	padding: 3px 6px;
	border: 1px solid #d00;
	margin-top: 2px;
}
.infobox-form .wpcf7-validation-errors {
	font: 400 12px/1.2 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #aa0;
	background: #ffd;
	padding: 5px 8px;
	border: 1px solid #aa0;
	margin: 10px 0 0;
}
.infobox-form .wpcf7-mail-sent-ok {
	font: 400 12px/1.2 "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #0b0;
	background: #efe;
	padding: 5px 8px;
	border: 1px solid #0b0;
	margin: 10px 0 0;
}

/** form styles **/
.field {
	display: block;
}
.field-sml {
	float: left;
	width: 130px;
}
.field-sml-first {
	margin-right: 20px;
}
.field-label {
	display: block;
	font: 300 12px/18px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}
.field-input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	zoom: 1;
	border: none;
	width: 100%;
	height: 30px;
	background: #fff;
	padding: 7px 8px;
	font: 400 14px/16px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	margin-bottom: 2px;
	*padding: 0;
}
textarea.field-input {
	height: 75px;
}

/** general article styles **/
.article-content {
	color: #555;
	text-align: justify;
	word-break: hyphenate;
	font: 300 14px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}
.article-content p {
	margin-bottom: 16px;
}
.article-content ul li {
	list-style: none;
	padding-left: 20px;
	background: url(../img/bullet-small.png) no-repeat 0 12px;
	font-style: italic;
}
.article-content dl {
	font-size: 12px;
	line-height: 22px;

}
.article-content dt {
	color: #ddb013;
	margin-bottom: -4px;
}
.article-content dd {
	margin-bottom: 12px;
}

/** small article **/
.article-sml {
	overflow: hidden;
}
.article-sml .article-title {
	font: 400 16px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding-left: 10px;
	color: #fff;
	background: #dbae10;
}
.article-sml .article-thumb {
	float: left;
	margin: 20px 20px 0 0;
	border: 1px solid #e2e2e2;
	
}
.article-sml .article-content {
	margin: 12px 0 0;
	font: 300 14px/28px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}

/** scrollable article **/
.article-scroll {
	position: relative;
	border-top: 10px solid #ddb013;
	border-bottom: 10px solid #ddb013;
}
.article-scroll .article-wrap {
	position: relative;
	overflow: hidden;
	padding: 10px 40px 10px 20px;
	border: 1px solid #e2e2e2;
	border-top: none;
	border-bottom: none;
	height: 280px;
}
.article-scroll .article-wrap-small{
height: 150px !important;
}
.article-scroll .article-wrap-noscroll {
	padding-right: 20px;
}
.article-scroll .article-title {
	position: relative;
	color: #ddb013;
	font: 300 21px/32px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 10px;
	padding-right: 35px;
}
.article-scroll .article-title .icon {
	position: absolute;
	right: 0;
	top: 0;
}
.article-scroll .article-content {
	font: normal 12px/26px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding-top: 12px;
}
.article-scroll .article-fade {
	position: absolute;
	display: none;
	left: 1px;
	bottom: 0;
	right: 20px;
	height: 76px;
	background: url(../img/fade.png) repeat-x 0 0;
	pointer-events: none;
}
.article-scroll .viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.article-scroll .overview {
	position: relative;
	padding-bottom: 0px;
}
.article-scroll-lrg .article-title {
	font: 300 32px/42px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding-bottom: 0;
}

/** scrollbar **/
.scrollbar {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	width: 10px;
}
.scrollbar .track {
	height: 100%;
	position: relative;
	background: #ececec;
	width: 10px;
}
.scrollbar .track .thumb {
	background: #ddb013;
	width: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 20px;
	-webkit-border-radius: 5px;
}

/** read more link **/
.read-more {
	color: #ddb013;
}
.read-more:hover {
	text-decoration: underline;
}

/** load more link **/
.load-more {
	display: block;
	font: 700 20px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #fff;
	background: #cfcfcf;
	border-bottom: 5px solid #b8b8b8;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	text-transform: uppercase;
}
.load-more:hover {
	background: #b8b8b8;
}

/** footer logos **/
.footer-logos {
	margin-top: 20px;
	border: 1px solid #e2e2e2;
}

/** hero banner **/
.hero {
	position: relative;
	margin-top: 20px;
	padding-left: 28px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: right top;
	height: 350px;
	
}
.hero-image {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
}
.hero-title {
	font: 0/0 a;
	color: transparent;
	visibility: hidden;
}
.hero-content {
	margin-top: 230px;
	font: 300 14px/22px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	width: 440px;
	position: relative;
	z-index: 2;
}
.hero-content li {
	list-style: none;
	padding-left: 20px;
	background: url(../img/bullet.png) no-repeat left center;
	color: #797d86;
	font: 600 16px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}

/** image gallery **/
.gallery li {
	float: left;
	display: inline;
	margin-left: 20px !important;
}
.gallery li:first-child {
	margin-left: 0 !important;
}
.gallery li img {
	display: block;
	border: 1px solid #e3e3e3;
	padding: 0 !important;
	margin: 20px 0 0 !important;
}
/** accordion articles **/
.article-accord {
	min-height: 320px;
}
.article-accord .article-title {
	background: #ddb013 url(../img/icons.png) no-repeat 19px -131px;
	font: 400 16px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding-left: 50px;
	color: #fff;
	cursor: hand;
	cursor: pointer;
	margin-top: 10px;
}
.article-accord-item:first-child .article-title {
	margin-top: 0;
}
.article-accord .article-accord-item-open .article-title {
	background-position: 19px -101px;
}
.article-accord .article-content {
	display: none;

	overflow: hidden;
	margin-top: 10px;
	font: 300 14px/30px "Source Sans Pro", "Source Sans", Arial, sans-serif;
}
.article-accord-item-open .article-content {
	display: block;
}

/** testimonials **/
.testimonial {
	font: italic 14px/22px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	margin: 14px 0;
}
.testimonial p {
	color: #555;
	display: inline;
}
.testimonial cite {
	color: #ddb013;
	display: inline;
	font-weight: 600;
}

/** map **/
#sl_div {
	padding-top: 340px;
}
#map_table {
	position: absolute;
	left: 0;
	top: 0;
}
#map_table #map {
	border-top: 10px solid #ddb013;
	border-bottom: 10px solid #ddb013;
}

/** store locator **/
.article-search .field {
	width: 320px;
	float: left;
	margin-bottom: 20px;
}
.article-search #addy_in_address {
	margin-right: 20px;
}
.article-search .field-label {
	font-size: 14px;
	padding: 4px 0;
}
.article-search .field-input {
	background: #ebebeb;
}
.article-search .article-title {
	margin-top: 20px;
}
.text_below_map {
	display: none;
}

/** office search listing **/
#results_table {
	width: 100%;
}
#map_sidebar {
	margin-top: 20px;
	border-top: 1px solid #e2e2e2;
}
.searchResultsTable {
	width: 100%;
}
.searchResultsTable td {
	font: 300 14px/18px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	padding: 15px 0;
	border-bottom: 1px solid #e2e2e2;
	text-align: left;
}
.searchResultsTable a:hover {
	text-decoration: underline;
}
.searchResultsTable span {
	display: block;
}
.results_row_left_column {
	width: 40%;
}
.results_row_center_column {
	width: 40%;
}

/** CTAs **/
.ctas {
	margin-top: 20px;
}
.cta {
	float: left;
	width: 150px;
	height: 150px;
	font: 0/0 a;
	color: transparent;
	opacity: 1.0;
	filter: alpha(opacity=100);
	background: url(../img/ctas.png) no-repeat 0 0;
}
.cta:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.cta-terms {
	background-position: -150px 0;
	margin-left: 20px;
}


/** page tweaks **/
.template-front-page .article-sml {
	height: 150px;
}
.page-testimonials .article-scroll .article-wrap {
	height: 630px;
}
.page-template-page-templatescontact-php .article-scroll .article-wrap {
	height: 300px;
}
.page-template-default .article-sml .article-content {
	font-weight: 400;
}

/** WYSI styles **/
.article-content h2,
.article-content h3,
.article-content h4 {
	font: 400 20px/24px "Source Sans Pro", "Source Sans", Arial, sans-serif;
	color: #797d86;
	margin-top: 2px;
	margin-bottom: 12px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.flex-container-footer-nav{
    height: 80px;
    border:1px solid #ececec;
	margin-top: 20px;
}
.flex-container-footer-nav .flex-control-nav{display: none;}
.flex-container-footer-nav .slides a img:hover{opacity: 0.7}

#wpsimplegallery li img:hover{ opacity:0.5}
.locationsIMG { border-bottom: 10px solid #ddb013; border-top: 10px solid #ddb013; margin-top:20px;}
	
		.data-recoveryh4{padding: 0 15px; font: 400 16px/30px "Source Sans Pro","Source Sans",Arial,sans-serif;}
		.yellowbg{background:#fed849 !important; }
		
		.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	 height: 80px;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 80px;
	margin-bottom: 1em;
}

/* Clip DIV 
.simply-scroll .simply-scroll-clip {
	width: 576px;
	height: 200px;
}
	*/
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: auto;
	height: 80px;
	margin: 0 25px;
}
.contact-info{height:300px !important;}


.container {
	width: inherit;
	max-width: 1000px;
}

@media (min-width: 1053px){
	.slicknav_menu {
		display: none;		
	}
}

@media (max-width: 1053px){
	#menu-primary {
		display: none;		
	}
}

@media (min-width: 787px){
	.logowrap, .contactwrap{
		margin: auto;
	}
}

@media (max-width: 787px){
	.contactwrap, #header .contact{
		float: right;
		clear: none;
		margin-top: 0;
		width: 286px;
		position: relative;
	}

	.logowrap a, .logowrap{
	  float: left;
	  clear: none;
	  width: 286px;
	  height: 54px;	  
	}	

	.phoneicon {
	  float: right;
	  background-size: 100% auto;
	  height: 50px;
	  width: 42px;
	  position: absolute;
	  right: 12px;
	}

	.contacttext {
	  width: 286px;	
	}	

	.contact-title{
		font-size: 16px;
	}
	.contact-phone {
		font-size: 35px;
	}



	.logosquare {
	  background-position: 0 0;
	  height: 54px;
	  width: 15%;
	  float: right;
	}

	.logoh2 {
	  font-size: 29px;
	  margin: 0;
	  width: 80%;
	  margin-top: 4px;
	}		
}


@media (max-width: 629px){

	.contactwrap{
		float: none;
		width: 286px;
		margin: auto;
		margin-bottom: 0;
		clear: both;
		margin-top: 15px;
	}

	.logowrap a, .logowrap{
	  width: 286px;
	  height: 54px;
	  margin: auto;
	  float: none;
	  margin-bottom: 0;
	  clear: both;
	}	

	.slideshow {
		  margin-top: 0;
	}

}


@media (max-width: 1057px) {

	body {
	   cursor: default !important; 
	}


	#comment {
	  width: 100%;	
	}

	#header {
		display: inline-block;
		  width: 100%;		
	}

	.triplet-lrg.triplet.article-sml.article{
	  width: 100%;
	  margin-left: 0;
	  height: auto;
	}

	#primary-nav {
		display: none;
	}

	.triplet-sml {
	  margin-left: 0;
	    width: inherit;
	}

	.triplet-sml.pitch {
		margin-left: 0;
		width: 100%;
		position: relative;
		display: flex;
		max-width: 320px;
		margin: auto;
		float: none;
		margin-top: 20px;
	}

	.triplet-sml.pitch .pitch-text {
	  width: 100%;
	  box-sizing: border-box;
	  align-items: stretch;
	  background-size: 100%;
	  background-color: #ececec;	  
	}	

	.triplet-sml.pitch .pitch-text p {
		font: 18px/25px "Source Sans Pro","Source Sans",Arial,sans-serif;
		padding: 41px 33px;
		padding-bottom: 0;
	}


	.triplet-sml.pitch img {
		width: 100%;
	}					

	.steps {
		overflow: hidden;
		height: auto;
		  padding: 0;
		 background: none;
	}

	.steps .step {
	  overflow: hidden;
	  width: 100%;
	  margin-bottom: 26px;
	  margin-right: 0;
	  padding-right: 0;
	  padding: 20px;
	  box-sizing: border-box;
	  margin-bottom: 0px;
	}	

	.steps .step .step-tip {
	  height: auto;
	  margin-left: 0;
	  padding-top: 6px;
	  padding-bottom: 6px;
	}	

	.infobox-dyk {
		background-position: top 20px right 20px;
		height: 180px;
		box-sizing: border-box;
		padding: 23px 14px;
		width: 100%;
	}	

	.infobox-dyk .infobox-strap {
		line-height: 19px;
	}

	#footer {
		padding-left: 20px;
		padding-right: 20px;		
	}

	.slideshow .slide img{
		display: none;
	}

	.slideshow .slide-title span {
		background: none;
	}

	.slideshow .slide.slide-data {
		background: url(../img/slide1.png) 10px 10px no-repeat;

	}	

	.slideshow .slide.slide-failed {
		background: url(../img/slide2.png) 10px 10px no-repeat;

	}	

	.slideshow .slide.slide-centres {
		background: url(../img/slide3.png) 10px 10px no-repeat;

	}		

	.slideshow .slide .slide-title	{
		width: inherit;
		height: 97px;
		overflow: hidden;		
	}

	.slideshow .slide-failed .slide-title {
		height: 57px;
	}

	.slideshow .slide {
		width: 100%;
		padding: 10px;
		height: 380px;
	}

	.slide-wrap {
		margin-top: 180px;
	}	

	.slideshow {
		height: 420px;
		clear: both;
	}

	.hero-content {
	    margin-top: 35%;
	  width: 100%;
	  z-index: 2;
	  box-sizing: border-box;
	  padding-left: 10px;
	    margin-bottom: 10px;
	}

	.hero {
		height: auto;
		padding-left: 0;

	}	

	.hero-image{
	  width: 100%;
	  height: auto;
	}

	.article-sml .article-title{
		  padding: 0 10px;
	}

	.hero-content li {
	  padding-left: 15px;
	}	

	.infobox-form.infobox {
		width: 100%;
		box-sizing: border-box;
	}

	#wpsimplegallery {
		width: 100%;
		display: inline-block;
	}

	#wpsimplegallery li {
		width: 33%;
		float: left;
		text-align: center;
		margin-left: 0px !important;
	}

	#wpsimplegallery li img {
	  width: 95%;
	  margin: 5px 0 0 5px !important;
	}

	.btn-grey{
		  width: 49%;
	}

	.field-sml {
	  width: 49%;
	  float: right;
	}	

	.field-sml-first{
		margin-right: 0px;
		float: left;
	}

	.article-accord {
	  margin-left: 0;
	  width: 100%;
	}	

	.article-accord .article-title{
	  text-overflow: ellipsis;
	  overflow: hidden;
	  width: 100%;
	  white-space: nowrap;	 
	  box-sizing: border-box; 
	}

	.twin.article-scroll {
	  width: 100%;
	  float: left;
	  margin-left: 0;
	}	

	.cta-shipping.cta{
		margin: 0px;
		float: left;
		width: 140px;
	}

	.cta-terms.cta{
		margin: 0px;
		float: right;
		width: 140px;
	}

	.blog-main {
	  width: 100%;
	  margin: 0;
	}	


	.slide-title {
	  margin-top: 29px;
	  display: none;
	}	

	#header .contact {
	  background-size: 100%;
	  background-position: center;
	  background-repeat: no-repeat;
	}

	#header .contact .contact-phone{
	font-size: 26px;
	  padding-left: 60px;
	  left: 0;	
	}

	#header h1.logo{
	  width: 286px;	
	}			

	#header h1.logo a{
	   width: 286px;	
	  background-size: 100%;
	  background-position: center;
	  background-repeat: no-repeat;		
	}			

}

@media (max-width: 530px){
	.slideshow .slide.slide-data {
		background: url(../img/slide1.png) 10px 10px no-repeat;
		background-size: 85% auto;
	}	

	.slideshow .slide.slide-failed {
		background: url(../img/slide2.png) 10px 10px no-repeat;
		background-size: 85% auto;
	}	

	.slideshow .slide.slide-centres {
		background: url(../img/slide3.png) 10px 10px no-repeat;
		background-size: 85% auto;
	}	

	.slide-data .slide-wrap{
		  margin-top: 130px;
	}
	.slide-failed .slide-wrap{
		  margin-top: 90px;
	}
	.slide-centres .slide-wrap{
		  margin-top: 130px;
	}	

}	


@media (max-width: 1057px) {
	.steps .step.step-1 {
		background: #ffcd20;
	}

	.steps .step.step-2 {
		background: #f6c415;
	}
	.steps .step.step-3 {
		background: #ddb114;
	}		
}

.slicknav_menu .slicknav_btn {
      background-color: #ddb114;
}

body .slicknav_menu {
    background:#ffcd20;
}
.owl-prev{    background: url('../img/back.png') #c5c4c4 no-repeat center;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 47%;
    left: 0;}
.owl-next{    background: url('../img/next.png') #c5c4c4 no-repeat center;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 47%;
    right: 0;}
.owl-prev,.owl-next{text-indent:-1000000px; display:none!important; /    display: inline-block;margin: 0 10px; /}
/ .owl-nav{    width: 120px; margin: 0 auto;text-align:center;} /
.owl-item:hover{opacity:0.6;} 
.slider-owl{display:inline-block;width:320px;vertical-align:top;    margin: 0 5px;}
@media (max-width: 1060px) {
 .owl-nav{ margin-top:20px;}
 .slider-owl{width:31%;}
 / .owl-item{margin:0 5px;} /
}

@media (max-width: 767px) {
 .owl-nav{ margin-top:20px;}
 .slider-owl{width:100%;}
 / .owl-item{margin:0 5px;} / 
}
header1 { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
header1 div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 250px; 
  margin: .5vw; 
}
header1 div img { 
  width: 100%; 
  height: auto; 
}
@media screen and (max-width: 400px) {
  header1 div { margin: 0; }
  header1 { padding: 0; }
  
}
