/* DOmedia Mobile Stylesheet | AjZ / 9.17 */
/*********** large ***********/
@media screen and (max-width:70em), screen and (max-height:550px) {

	/* Navigation */
	/*#secondaryNav,#mobileLogoBar {display:none!important;}*/
	/*.menu-icon {margin-top:1.05em; padding-right:4em;}*/
	/*.off-canvas-content {z-index:-999999; box-sizing:border-box;}*/
	/*.off-canvas-wrapper {background:#FFF;}*/
	/*.off-canvas {z-index:10000000; background-color:#FFF!important;}*/
	/*.off-canvas:focus {outline:none!important;}*/
	/*.title-bar {display:block!important;width:100%;height:61px;background-color:#FFF!important;}*/
	/*.menu-icon {color:rgba(13,173,214,.75);}*/
	/*.menu-icon:hover {color:rgba(13,173,214,1);}*/
	/*.menu-icon:hover::after {background:none!important;}*/
	/*.menu-icon::after,.menu-icon:hover::after {font-family:'FontAwesome'; content:'\F0C9'; font-size:4em; line-height:.4em; box-shadow:none!important;}*/
	/*!* Off-Canvas Navigation Menu *!*/
	/*.is-visible {z-index:9999999;}*/
	/*.dropdown {background-color:#FFF; border:none; display:block; padding:0 .75em .75em 1em; color:#0DADD6;}*/
	/*.dropdown li {background:none; border-bottom:1px solid #E0E0E0; padding:0;}*/
	/*.dropdown li a {color:#666; font-weight:400; background:#FFF; padding:1em 1em 1em .75em; transition:all .2s ease-in-out;}*/
	/*.dropdown li a::before {font-family:'FontAwesome'; content:'\F105\ '; color:#0DADD6;}*/
	/*.dropdown li a:hover {background:#86D6EA; color:#FFF;}*/
	/*.dropdown li a:hover::before {color:#FFF;}*/
	/*.dropdown span {display:block; padding:1.25em 0 0 .5em; margin-bottom:0; font-weight:900;}*/
	/*.dropdown a:hover {text-decoration:none;}*/
	/*!* Horizontal Navigation Menu *!*/
	/*#horizNav {font-size:1em; margin-bottom:1.25em;}*/

	/* Layouts */
	/*.more {width:100%!important; float:left; display:block; box-sizing:border-box;}*/
	/*.box1 a,.box2 a,.box3 a,.box4 a,.box5 a {margin-bottom:1.5em; display:block;}*/

	/* Forms */
	/*label,label.large,textarea,select,input,#multi,#multi p,.dataTables_filter {width:100%!important; min-width:auto!important;}*/
	/*label+label,label.clear {margin-left:0;}*/
	/*form select {-webkit-appearance:menulist;-webkit-appearance:none!important;}*/
	/*.styled-select span:after {top:-.1em;}*/
	/*input.button {-webkit-appearance:none;}*/
	/*input.button,a.button,input.alt,a.alt {font-size:1.25em;}*/
	/*input,select,textarea {font-size:16px;}!* prevents iPhone zoom *!*/
	/*textarea {height:100px;}*/
	/*#multi,#multi p {width:100%;}*/
	/*#multi p {margin-bottom:.5em;}*/
	/*!* form sizes *!*/
	/*label.small,label.med {width:46.5%!important;}*/
	/*.small input,.med input {width:100%!important;}*/
	/*label.small+label,label.med+label {margin-left:7%;}*/
	/*label.small+label+label,label.med+label+label {margin-left:0;}*/
	/*!* 2-sided select *!*/
	/*.tsmsselect,.tsmsoptions {width:100%!important; padding:0 0 .5em 0;}*/
	/*.tsmsselect,.tsmsselect select {min-height:6em!important;}*/
	/*.tsmsselect {padding-bottom:0;}*/
	/*.tsmsoptions {margin:0;}*/
	/*.tsmsoptions p,.tsmsoptions p .button {width:100%!important; box-sizing:border-box!important;}*/
	/*.tsmsoptions p:nth-child(1) a.button:before {content:'\F106\ ';}*/
	/*.tsmsoptions p:nth-child(2) a.button:before {content: '\F102\ ';}*/
	/*.tsmsoptions p:nth-child(3) a.button:after {content:' \F107';}*/
	/*.tsmsoptions p:nth-child(4) a.button:after {content:' \F103';}*/

	/* Tables */
	/*table,.mobileTable {width:100%!important;max-width:100%;}*/
	/*.mobileTable th,.mobileTable td {display:none;}*/
	/*.mobileTable th:nth-of-type(1),.mobileTable th:last-of-type,.mobileTable td:nth-of-type(1),.mobileTable td:last-of-type {display:table-cell;}*/
	/*#noScroll1,#scroll2 {width:auto!important;}*/
	/*!* data table overrides *!*/
	/*.dataTables_info,.dataTables_paginate {text-align:center;clear:both!important;}*/
	/*.dataTables_paginate {width:100%!important; margin-top:.5em;}*/

	/*!* Building *!*/
	/*.mobileClear {clear:both!important;}*/
	/*.mobileLeft {float:left; text-align:left;}*/
	/*.mobileRight {float:right; text-align:right;}*/
	/*.mobileShow {display:block!important;}*/
	/*.mobileTAC {width:100%!important; text-align:center!important;}*/
	/*.mobileW50 {width:50%!important;}*/
	/*.mobileW100 {width:100%!important;}*/
	/*.W50,.W100,.W200,.W300,.W400,.W500 {width:100%!important;}*/

	/*!* Media *!*/
	/*video,embed,iframe,object {width:100%!important;height:auto!important;min-height:224px;}*/
	/*#mapContainer {height:300px;}*/

	/*!* Add-ons *!*/
	/*!* pop-ups *!*/
	/*.pop,.popV,.pop div,.popV div {width:auto;width:100%!important;height:auto;box-sizing:border-box!important;margin:0;}*/
	/*.fancybox-desktop {width:100%!important;left:0!important;}*/
	/*.fancybox-inner {width:auto!important;height:100%!important;}*/
	/*!* steps *!*/
	/*.stepWrap {background:none; margin:0 0 1.5em 0; clear:both; height:auto; box-sizing:border-box;}*/
	/*.stepWrap div {clear:both!important; display:block;}*/
	/*.step .col5 div {width:40px!important;}*/

	/*!* Project Specific *!*/
	/*!* home specific *!*/
	/*.home {background-position:center; background-size:cover;}*/
	/*#content {padding:0!important;}*/
	/*.fullPageImg {padding:4.5em .9375rem 0 .9375rem!important;}*/
	/*#home1 {margin:1em 0 .5em 0;}*/
	/*#mediaProposal {font-size:8rem;}*/
	/*#home2 {margin-bottom:1.5em;}*/
	/*#home2 .centerBoxes {max-width:auto!important;}*/
	/*#home2 .homeColWrap > div p {font-size:1.25em;}*/
	/*#home2 button {min-width:auto;}*/
	/*#home3 {min-height:auto; margin:1em auto; width:95%;}*/
	/*#quotes span.quote {font-size:2em;}*/
	/*#home3 ~ .phone img {max-height:40px; margin-top:.5em;}*/
	/*.home ~ .phoneWrap {width:100%!important; max-width:auto!important; display:block; min-height:auto; margin:-2em 0 0 0!important; padding:0 .9375rem 2em .9375rem!important; background-position:center;}*/
}

/* third party */
#stwrapper, iframe[name*="oauth"] {display:none;}
}

/*********** medium ***********/
@media only screen and (min-width: 40.063em) and (max-width:69.063em) {
	/* Home Specific */
	#mediaProposal {font-size:7rem;}
	#home2 .homeColWrap > div p {font-size:1em;}
	.home ~ .phoneWrap {padding-bottom:4.5em!important;}
	.phone {text-align:center;}
	#home3 ~ .phone div {width:100%; float:right; clear:both; text-align:center; display:block; padding-bottom:1em;}
}

/*********** small ***********/
@media only screen and (max-width:40em) {
	.show-for-small-only {display: inherit !important;}
	.hide-for-small-only {display: none !important;}
	/* Home Specific */
	#mediaProposal {font-size:4rem;}
	.mainBox h2 {margin-top:-.25em;}
	#home1 button {clear:both; margin:-.5em auto .25em auto;}

	#home2 {margin:0;}
	#home2 h2 {margin-top:1em;}
	#home2 .centerBoxes,#home2 .colWrap,#home2 .homeColWrap > div {
		width:100%!important;
		max-width:auto!important;
		box-sizing:border-box;
		min-height:0;
		background-image:none;
		position:static;
		float:none;
		display:block;
	}
	#home2 .homeColWrap {padding:0 0 1em 0;}
	#home2 .homeColWrap > div {clear:both; margin:0;}
	#home2 .column2 {margin:0;}
	#home2 button {margin:-.25em 0 0 0;}

	#quotes span.quote {font-size:1.75em;}
	#quotes span.name {font-size:1em; line-height:1.25em!important;}
	.pageArrows {font-size:100px; margin-top:.5em;}

	.home ~ .phoneWrap {padding-bottom:4.5em!important;}
	.phone {text-align:center;}
	#home3 ~ .phone div {width:100%; float:right; clear:both; text-align:center; display:block; padding-bottom:1em;}

	/* Footer */
	.phone {font-size:.8em;}
	footer {font-size:.8em;}
	footer .container {width:100%;}
	footer .container div.col4 {width:48.99%!important; clear:none; float:left;}
	footer .header {font-size:1em!important;}
	footer .copyright {padding:0 .75em;}
	footer .copyright,footer .copyright .right {width:100%; white-space:nowrap; font-size:.8em;}
	footer .copyright .right {text-align:left; clear:both; margin-top:-3em;}
	.imgWrap div div {width:130px!important;float:right!important;}
	.noWrap>input {width:auto!important;}
	#horizNav li {float:none!important;}
	.phone {width:100%!important;}
	.colWrap {text-align:center!important}
	.requestQuoteFormClass {text-align:left!important}
	.overrideLoading {position:fixed;bottom:50%;right:0px;width:100%!important;max-width: 400px}
	#fancyBox-loading {width:100%;}
	.mobileCenter {width:100%!important;}
	iframe[title="recaptcha challenge"] {width:380px!important;height:560px!important;} /* This is a pretty brittle rule, if google changes the name of their recaptcha iframe this needs to change too. not sure how to target this iframe any other way though since we don't' control it */

	/* moved here from the 'large' section because they were needed but causing problems on non-mobile media sizes */
	/* Iface */
	header {width:100%; height:61px!important; float:left;}
	main,#header,#content,#conWrap,.phoneWrap,.phone,#footWrap,#foot,.copy,.boxWrap,.colWrap,.boxWrap a,.col2,.col3,.col4,.col5,.box1 a,.box2 a,.box3 a,.box4 a,.box5 a,.col23,.col34,.col45,div.col23+div.col3,div.col34+div.col4,div.col45+div.col5 {
		width:100%;
		min-width:0;
		min-height:0;
		margin:0;
		padding:0;
		background-image:none;
		position:static;
		float:none;
		display:block;
		border:none;
		box-shadow:none;
	}

	body {-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
	html,body {
		width:100%;
		min-width:0;
		box-sizing:border-box;
		-webkit-text-size-adjust:none;
		display:block;
	}
	form,p,ul,hr,option,iframe {width:auto!important;}
	.colWrap,.fullPageWrap,.fullPageImg {width:100%!important;max-width:1366px!important;min-width:auto;box-sizing:border-box;}
	.fullPageWrap {width:100%!important; padding:0;box-sizing:border-box;min-height:300px!important;}
	.boxWrap,.colWrap,.col2,.col3,.col4,.col5 {display:block;margin-bottom:1.5em;width:100%!important;box-sizing:border-box;}
	.mobileHide {display:none!important;}
	#content {padding:0 !important; overflow:hidden;}
	#content img {max-width:100%!important;}
	.column,.columns {padding:0!important;}
	a.logo {margin:0; padding:0 0 0 .25em; text-align:left;}
	a.logo img {width:140px;}
	footer {display:block!important;}
	footer .container {padding:0 .9375rem!important;}
	footer .container div.col4 {width:23.495%!important;}
	.phoneWrap {margin:2em 0 .925em 0!important;}
	.captionL,.captionR {width:100%; margin:0 0 .5em 0; padding:1em 1em 0 1em; position:static; float:none; display:block; box-sizing:border-box;}

	/* Content */
	h1,h2,h3 {font-size:1.35em;}
	h4,h5,h6 {font-size:1.25em;}
	ol {margin-left:-1em;}
	.message {width:100%!important;}
	img.resize100p,img.resize50,img.resize100,img.resize150 {max-width:100%!important; height:auto; box-sizing:border-box;}
	img.resize50 {width:50px!important;}
	img.resize100 {width:100px!important;}
	img.resize150 {width:150px!important;}
	img.noResize,.boxWrap img,p.back img {width:auto!important; height:auto!important;}
	.message,.testResult {width:100%;}
	.spacer {padding:0 1em;}
	.off-canvas-wrap {overflow:auto}
}
@media only screen and (min-width:40.01em) {
	.show-for-small-only {display: none !important;}
	.hide-for-small-only {display: inherit !important;}
	.overrideLoading {width:480px !important;}
}

/* support for recaptcha on devices with really small screens */
@media only screen and (max-width:30em) {
	.g-recaptcha iframe {
		max-width: 100%;
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: center center;
		-webkit-transform-origin: center center;
	}
	html,body {overflow-x:hidden;}

	/* These specifically resize the recaptcha box and image selection screens on mobile */
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}