/*
Theme Name: Wawrner
Theme URI: 
Description: Custom theme for Warner Communications
Version: 1.0
Tags: custom
*/
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea {font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #404041; }
body { margin: 0; font-size: 1em; line-height: 1.4; font-weight: 400; }

::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }

a {text-decoration: none; outline: 0;}
p {margin:0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin: 0; padding: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin:0; padding:0; list-style: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* !TYPOGRAPHY-----------*/

.sans {font-family: 'Roboto', Arial, Helvetica, sans-serif;  }
/*300, 400, 500, 700*/
.sans2 {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
/*300 400 700*/

.upper { text-transform: uppercase;}
.space { letter-spacing: .05em;}

.pageText p, .pageText h1, .pageText h2	 {margin: 0 0 20px;}
.pageText h1, .home .postFeedHeading  {font-size: 180%; line-height: 1.2em; font-weight: 300; letter-spacing: 0.05em; }
.pageText h1 {color:#2f2f2f;}
.pageText p {font-size: 80%; line-height: 1.7em; font-weight: 400;}
.pageText h2 {font-size: 110%;}
.pageText h3, .pageText h4, .pageText h5, .pageText h6, footer h3 {font-weight: 500; margin: 0 0 10px; color:#ec1f23; line-height: 1.2em;}

.pageText ul, .pageText ol {padding:0 0 1em 25px; line-height:1.5em; font-size: 80%; }
.pageText ul li { list-style: disc outside; padding-bottom:.5em;}
.pageText ol li { list-style: decimal outside;  padding-bottom: .5em;}

.postFeedHeading {font-size: 130%; margin-bottom: 10px; color:#ec1f23; margin-top:20px; padding-top: 30px; border-top: 1px solid #e2e2e2; }
.home .postFeedHeading {margin:0 0 20px; border:none;}

.fs70 {font-size: 70%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs110 {font-size: 110%;}
.fs115 {font-size: 115%;}
.fs130 {font-size: 130%;}
.fs180 {font-size: 180%;}
.fs200 {font-size: 200%;}

.lh1 {line-height: 1em;}

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}



/* !LINKS & COLORS-----------*/
a, a img, a svg, .flexslider img, a.fade, .gform_button, .flex-direction-nav a {
/*
-webkit-transform: translateZ(0) scale(1.0, 1.0); 
-webkit-transform: translate3d(0,0,0);
*/
-moz-transform: rotate(0); 
/* transform: translate3d(0,0,0); */
-webkit-backface-visibility: hidden;
-moz-backface-visibility:hidden;
backface-visibility: hidden;
-webkit-transition:all 0.375s ease 0s;
-moz-transition:all 0.375s ease 0s; 
transition:all 0.375s ease 0s; 
}

a:link,
a:visited,
a:hover,
a:active
a.red:link,
a.red:visited,
.red {color:#ec1f23;}

.grey1 {color:#b6b6b7;}
.grey2 {color:#7a7a7a;}

a.grey3:link,
a.grey3:visited,
.grey3 {color:#2f2f2f;}

a.white:link,
a.white:visited,
footer a:link,
footer a:visited,
.white {color: #FFF;}

a.red:hover,
a.red:active,
a.white:hover,
a.white:active,
a.grey3:hover,
a.grey3:active,
footer a:hover,
footer a:active,
a.fade:hover
{opacity:.6;}

footer a {text-decoration: underline;}

.pointer {cursor: pointer;}
.noStyle {text-decoration: none;}

/* !LAYOUT-----------*/
.mshow {display: none;}

.mtop10 {margin-top: 10px;}
.mtop30 {margin-top: 30px;}
.mtop40 {margin-top: 40px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom40 {margin-bottom: 40px;}

.pad15	{padding: 15px;}
.pad35	{padding: 35px;}
.pad25 {padding:25px;}

.ptop30 {padding-top: 30px;}
.pbottom5 {padding-bottom: 5px;}
.pbottom10 {padding-bottom: 10px;}
.pbottom20 {padding-bottom: 20px;}
.pbottom30 {padding-bottom: 30px;}
.pleft70 {padding-left: 70px;}

.prl15 {padding-right: 15px; padding-left: 15px;}

.fleft, .alignleft { float: left;}
.fright, .alignright { float: right; }
img.alignleft {margin-right: 15px; margin-bottom: 5px;}
.clear {clear:both;}
.rel {position: relative;}

.z1 {z-index: 0;}
.z2	{z-index: 100;}
.z3	{z-index: 1000;}
.z4	{z-index: 10000;}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

/* !TEMPLATES-----------*/

html, body {height: 100%;}

header{
	position:relative;
	background: #FFF; 
	width:100%;
	min-height: 175px;
}
.topBar {margin-bottom: 10px; background:#dfdfdf; height: 30px; }

.contactNumbers {text-align: left; margin:43px 10px 0 0; float: right;}
.contactNumbers div:first-child {margin-top: 12px;}
.contactNumbers > div {float: left; display: inline-block; }
.phone {padding-left: 40px; background: url(images/warner-sprite.png) 0 -578px no-repeat; margin-left: 15px; }

.container {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
	background: url(images/f4f4f4.gif);
	background-repeat: repeat-y;
	background-size: 50%;
	background-position: 0 top;
}

footer { width:100%; min-height: 300px; background: #323233;}


a.logo {display:block; margin:20px 0 20px 11px; width: 419px; height: 92px; text-indent: -9999px; background: url(images/warner_communications_logo_419x92.png) no-repeat center bottom; float:left;}
footer a.logo {width: 219px; height: 48px; margin-left:0; background: url(images/warner_communications_logo_footer_219x48.png) no-repeat center bottom; }

.col982 {max-width:982px; margin-left: auto; margin-right: auto; position: relative;}
.col960 {max-width:960px; margin-left: auto; margin-right: auto; position: relative; width:100%;}

.col727 {max-width: 727px;}
.col717 {max-width: 717px; width: 100%; min-height: 1388px;}
.col482 {max-width: 482px; background: #FFF; min-height: 1388px;}
.col482 img {max-width: 431px; height: auto;}
.col265 {max-width: 265px;}
.col241	{max-width: 241px;}
.col230 {width: 230px; margin-left: 5px;}
.col600 {max-width: 600px; width:100%;}
.col380 {max-width: 380px; width:100%;}
.col380 img {height: auto; width: auto; max-width: 100%;}

.col60 {width: 56%;}
.col40 {width:44%;}

.col75 {width:75%; max-width: 720px; float:left;} /* home slider */
.col20 {width:20%; max-width: 192px; display: table-cell; vertical-align: middle;} /* home slider */

.content {position:relative; margin:0 auto; max-width: 962px; width:100%; margin: 0 auto;}

.postEntry {display: block; float: left; }
.postEntry h3 {padding-top: 5px;}

.formContent {padding: 30px 20px;}

.pageText .formContent {background: none; padding:0;}

.featuredImage {margin:0 auto; display: block; max-width: 2000px; width: 100%;}
.imageHeading {position: absolute; padding:20px; bottom:0; width:100%; background: rgba(39,39,40,.6);}

img.full {width:100%; height: auto; margin:0 auto;}

.wp-pagenavi a, .wp-pagenavi span {border:none!important;}


/* !TEXTURES & BORDERS-----------*/
.bgWhite {background-color: #FFF;}
.bgGrey {background: #f5f5f5;}
.borders {border: 1px solid #e2e2e2; border-top: 0; border-bottom: 0;}
.borderRight {border-right: 1px solid #e2e2e2;}
.borderLeft {border-left: 1px solid #e2e2e2;}
.hrGrey {border-bottom: 1px solid #e2e2e2; padding-bottom: 5px;}
.shadow {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); }
.shadowTop {border-top: 1px solid #FFF; box-shadow: inset 0 1px 13px -7px rgba(0,0,0,.8); -moz-box-shadow: inset 0 1px 13px -7px rgba(0,0,0,.8); -webkit-box-shadow: inset 0 1px 13px -7px rgba(0,0,0,.8);}

.greyFade {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 75%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 75%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 75%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 75%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
background-size: 50%;
background-position: left top;
}

.homeLinks {
background: #ececec; /* Old browsers */
background: -moz-linear-gradient(top,  #ececec 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

.homeLinks {position:relative; height: 65px; border-bottom:1px solid #FFF; width: 100%; display: block; 
-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .3); box-shadow: 0px 1px 8px rgba(0, 0, 0, .3); 
}

.homeLinks ul {display: block; border-right: 1px solid rgba(0,0,0,.1); margin: 0 auto;}
.homeLinks li {display: inline-block; height:65px; border-left: 1px solid rgba(0,0,0,.1); width:25%; max-width: 240px; float: left; text-align: center; padding-top: 8px;} 
.homeLinks a {display:inline-block; text-align: left; color:#2f2f2f; padding-left: 52px; line-height:1.2em;}
.homeLinks a:hover {opacity: .5;}

.homeLinks a:before {content:""; position:absolute; left:0px; width:41px; height:40px; background: url(images/warner-sprite.png) no-repeat; }
a.upgrade:before {background-position: 0 5px;}
a.parts:before {background-position: 0 -92px;}
a.calendar:before {background-position: 0 -188px;}
a.consultation:before {background-position: 0 -284px;}

a.sidebar {
display:block;
text-align: left;
color:#2f2f2f;
padding:10px 20px 10px 59px;
min-height: 58px;
line-height:1.2em;
background-color: rgba(0,0,0,.05);
border:1px solid rgba(0,0,0,.05);
border-right: 0;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-weight: 500;
}
a.sidebar:hover {opacity: .5;}

/* Below is the old code before revising voceon.com style.css to fix icon placement
a.sidebar:before {content:""; position:absolute; left:10px; top: 7px; width:41px; height:40px; background: url(images/warner-sprite.png) no-repeat; }
a.sidebar.upgrade:before {background-position: 0 5px;}
a.sidebar.parts:before {background-position: 0 -92px;}
a.sidebar.calendar:before {background-position: 0 -188px;}
a.sidebar.consultation:before {background-position: 0 -284px;}
a.sidebar.radio:before {background-position: 0 -385px;}
a.sidebar.document:before {background-position: 0 -479px;}
*/

a.sidebar:before {content:""; position:absolute; left:0px; width:41px; height:40px; background: url(images/warner-sprite.png) no-repeat; }
a.sidebar.upgrade:before {background-position: 0 5px;}
a.sidebar.parts:before {background-position: 0 -92px;}
a.sidebar.calendar:before {background-position: 0 -188px;}
a.sidebar.consultation:before {background-position: 0 -284px;}
a.sidebar.radio:before {background-position: 0 -385px;}
a.sidebar.document:before {background-position: 0 -479px;}


.partnerLinks {display: block; text-align: center;}
.partnerLinks li {display: inline-block; width:16.25%; max-width: 160px; text-align: center; padding:0 10px;}
.partnerLinks li a {height:90px; line-height: 90px; max-width: 140px;  }
.partnerLinks li a img{display: inline-block; width: 100%; height: auto;}

.formHeader {background-color: rgba(0,0,0,.05);
border:1px solid rgba(0,0,0,.05);
border-left: 0;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
display: table;
margin-top: 20px;
}

.formHeader span {display:table-cell; line-height: 1.2em; vertical-align: middle; padding:15px;}

/* !PRODUCTS - - - */
.productList {margin-bottom: 40px;}
ul.productList, ul.productList li {list-style: none; margin:0; padding:0;}
ul.productList li {display:block; float: left; border:1px solid #cdcdcd;  width:48.6111%; max-width: 210px; margin-bottom: 20px;}
ul.productList li:nth-child(even) {float:right;}
a .productTitle {color:#2f2f2f; display: block; padding:5px 10px; border-top: 1px solid #cdcdcd; font-weight: 700; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;} 
ul.productList img {width: 100%;}

/* !TABS - - - */
#tabs {border:1px solid #ececec; margin-bottom: 40px; }
#tabs ul {
background: #f5f5f5; 	
-webkit-box-shadow: inset 0 -6px 6px -6px rgba(0,0,0,.2);
   -moz-box-shadow: inset 0 -6px 6px -6px rgba(0,0,0,.2);
        box-shadow: inset 0 -6px 6px -6px rgba(0,0,0,.2);
 overflow: hidden;        
}
#tabs ul, #tabs li {list-style: none; margin:0; padding:0;}
#tabs li {display:block; float: left; height:40px; line-height: 40px; text-align: center;}
#tabs li.ui-state-active {background: #FFF;
box-shadow: 6px 0 6px -6px rgba(0,0,0,.2), -6px 0 6px -6px rgba(0,0,0,.2);	
-moz-box-shadow:  6px 0 6px -6px rgba(0,0,0,.2), -6px 0 6px -6px rgba(0,0,0,.2);	
-webkit-box-shadow:  6px 0 6px -6px rgba(0,0,0,.2), -6px 0 6px -6px rgba(0,0,0,.2);	
}
#tabs ul li:first-child {width:40%;}
#tabs ul li:last-child {width:60%;}
#tabs ul li a {color:#7a7a7a; font-size:18px; font-weight: 700; display: block; padding:0 20px;}
#tabs ul li a:hover {opacity: .6;}

#tabs table {font-size: 80%; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#7a7a7a; letter-spacing: .025em;}
#tabs table {width:100%;}
#tabs table tr:nth-child(even) {background:#f5f5f5;}
#tabs table tr td {padding:10px 15px; width:70%;}
#tabs table tr td:first-child {font-weight: 700; color: #131313; width:30%;}

/* !SEARCH - - - */
#searchform {position:relative; margin-right:20px; width:205px; height:30px; background: #f2f2f2 url(images/search.png) no-repeat 186px center;}
#searchform input[type="text"] {border:0 none; background: transparent; padding:0; position: absolute; left: 8px; top:7px; letter-spacing:.05em; width:170px; color:#888;}
#searchform .searchsubmit {width:30px; height: 30px; position: absolute; right:0; top:0; display: block; text-indent: -9999px; border:0 none; background: none; }
.col717 #searchform {margin-left: 0;}


/* !SOCIAL - - - */
.icon a	{display:block; margin-right:8px; text-align: left; text-indent:-9999px; padding-left:20px; background-image: url(images/social.png); background-repeat: no-repeat;}

.icon a:hover,
.icon a:active {opacity: .5;}

.socialNav {display:inline-block; margin-right: 10px;}
.socialNav ul{list-style: none; display: inline-block; margin-top:4px;}
.socialNav ul li {display:block; height:auto; height: 22px; list-style: none; float: left; }

.linkedin a {background-position:0 2px;}
.facebook a {background-position:0 -37px;}
.twitter a {background-position:0 -77px;}
.google a {background-position:0 -116px;}
.youtube a {background-position:0 -157px;}

.latest-tweets .tweet-details {
display: none;}
/* !BUTTONS - - - */

a.button, .gform_button, .slides a.button {
z-index: 9999;
position: relative;
display:inline-block;
padding:0 10px;
transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;

text-align:left;
font-weight: 700;
letter-spacing: .05em;
line-height: 40px;
color:#FFF;

background: #ec1f23;
-webkit-box-shadow: 0px 3px #f4999b;
box-shadow: 0px 3px #f4999b; 
-webkit-border-radius: 5px;
border-radius: 5px;
border:none;
}

a.button:hover, .gform_button:hover, .slides a.button:hover {
opacity: .8;
-webkit-box-shadow: 0px 2px #f4999b;
}

a.button.alt{
	background: #FFF url(images/warner-sprite.png) right -676px no-repeat;
	-webkit-box-shadow: 0px 3px rgba(255,255,255,.4);
	box-shadow: 0px 3px rgba(255,255,255,.4);
	padding-right: 40px;
	color:#ec1f23;
}


/* !CONTACT-----------*/
.gform_body {font-size: 80%; margin: 10px 0; display: block; background: #FFF;}
.gform_body h3 {font-size: 200%; padding-top: 30px; padding-bottom: 10px; margin-bottom: 10px; line-height: 1.2em;}
ul.gform_fields { list-style: none; margin: 0; list-style: none; padding:0;}
ul.gform_fields li, ul.gform_fields li span  {margin-top:10px; text-align: left; position:relative; list-style: none; }
ul.gform_fields li.gform_hidden {display:none;}

.gform_body input.medium, .gform_body textarea.medium, .gform_drop_area {display:block; border:none; background: #f4f4f4; padding: 5px 6px; margin: 0; width:100%; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px;}
.gfield_select {margin-top:4px; width:100%; padding:0; line-height: 20px;}

.gform_body .inField label {display: block; position:absolute; left:6px; top:4px; color:#666; padding-right: 10px;}
.gform_body .inField.descriptionAbove label {top:21px;}
.inlineLabel label {padding:0 4px; margin-bottom: 5px; display: block; font-weight: 700;}
.gfield_description {padding:0 4px; font-style: italic; font-size: 90%;}

.gformLeft, .gformRight {width:48%;}
.gformLeft {float: left;}
.gformRight {float: right;}

ul.gform_fields li.formMargin {margin-top: 30px!important;}

.pageText .gform_body h2 {font-size: 200%; font-weight: 300; line-height: 1em; margin-top: 20px;}

.gfield_required, .required { padding: 3px; color: #ec1f23; }
.validation_error, .validation_message, #gforms_confirmation_message { color: #ec1f23; line-height: 1.2em; padding:5px; font-size: 80%; font-weight:500; }
.validation_message, #gforms_confirmation_message {text-transform: uppercase; clear: both;}
.validation_error { padding: 10px 0 0; font-style: italic; letter-spacing: .025em}

ul.gfield_radio, ul.gfield_checkbox {list-style: none; padding:0; margin:0;}
ul.gfield_radio li, ul.gfield_checkbox li {position:relative; display:block; float: left; padding: 2px 40px 0 20px; width:auto;}
ul.gfield_radio li:first-child, ul.gfield_checkbox li:first-child {padding-top:2px;}
ul.gfield_radio li:last-child, ul.gfield_checkbox li:last-child {margin-bottom: 10px;}
ul.gfield_radio li input[type="radio"], ul.gfield_checkbox li input[type="checkbox"] {position:absolute; top:4px; left:0;}
ul.gfield_radio label, ul.gfield_checkbox label {left:25px; top:4px; font-size: 90%; font-weight: 500;}
ul.gfield_radio li input[type="text"] {position:absolute; top:0px; left:25px; border:none; height:20px; background: rgba(0,0,0,.05); padding: 4px 6px; margin: 0; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px; }

li.gform_validation_container {display:none;}
.gform_footer {text-align: center; clear: both; padding-top:10px;	margin-bottom: 50px;}

/* !SLIDERS-----------*/

.flexslider {position: relative; margin: 0; padding: 0;}
.slides li {height: 515px; background-repeat:none; background-size:cover; background-position: 30% center;}

ul.flex-direction-nav a {
position: absolute;
width: 40px;
top:0; 
z-index: 9999;
text-indent: -9999px; 
cursor: pointer;
height: 100%;
opacity: .4;
transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;
}
.flexslider:hover ul.flex-direction-nav a{opacity: 1;}

#imageCycle {position:relative; margin: -56px auto 0 auto; display: block; max-width: 2000px; min-height: 100%; width: 100%; border-bottom: 1px solid #FFF;}

#imageCycle ul.flex-direction-nav a.flex-prev {left:0; background: url(images/prev.png) no-repeat right 55%;}
#imageCycle ul.flex-direction-nav a.flex-next {right:0; background: url(images/next.png) no-repeat left 55%;}

.textWrap {width:100%; margin:0 auto; position: relative;}
.imageText {position: absolute; left:0; bottom:-515px; width:100%; padding:20px; background: rgba(75,75,75,.7); }
.imageText .col960 {display: table;}

/* !NAVIGATION-----------*/


/* !subnav */
/* SUB */
nav.sub ul { display: block; margin-bottom: 40px;}
nav.sub > ul > li { clear: both; padding: 5px 0; border-bottom: 1px solid #FFF;}
nav.sub > ul > li:first-child {border-top: 1px solid #FFF;}

nav.sub a { padding: 4px 20px 6px; font-size: 88%; display: block; line-height: 1.2em;}
nav.sub a:hover { opacity: .6 }

nav.sub > ul > li.current_page_item,
nav.sub > ul > li.current_page_ancestor,
nav.sub > ul > li.current-cat,
nav.sub > ul > li.current-cat-parent { background-color: #FFF; margin-right: -1px; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px rgba(0, 0, 0, 0.1);}

nav.sub > ul > li > a { color: #646464; }
nav.sub ul ul { margin: 0 0 8px; padding:4px 0;}

nav.sub ul ul a { color: #646464; font-size: 70%; padding-left: 25px; font-weight: 500; }

nav.sub > ul > li.current_page_item > a,
nav.sub > ul > li.current-cat > a,
.current-cat-parent .current-cat > a,
nav.sub ul ul li.current_page_item > a {color:#ec1f23;}


nav.sub > ul > li.current_page_ancestor > a,
nav.sub > ul li.current_page_parent > a {color:#131313; font-weight: 500;}

nav.sub li li ul {border-left: 1px solid #d0d0d0; margin-left: 25px;}
nav.sub li li ul a {padding: 4px 8px 6px;}

/* !top nav */
nav ul.topNav {display:inline-block;  float:right; letter-spacing: .025em; position:relative; line-height: 30px;}
nav ul.topNav li {position:relative; display: inline; padding-right:20px; font-size: 85%;}
nav ul.topNav li:first-child: {margin-left: 0;}
nav ul.topNav > .current_page_item:after,
nav ul.topNav > .current-page-ancestor:after
{   background: url("images/up-arrow.png") repeat scroll center top rgba(0, 0, 0, 0);
    content: "";
    height: 8px;
    left: 47%;
    position: absolute;
    top: 21px;
    width: 18px;
}

nav ul.topNav a {text-decoration: none; color:#2f2f2f;}
nav ul.topNav a:hover {text-decoration: none; opacity: 0.6;}
nav ul.topNav > .current_page_item > a, 
nav ul.topNav > .current-page-ancestor > a
{color:#ec1f23;}




/* !primary nav */
.navWrap {
width:100%; padding:0; text-align: center;
background: rgba(39,39,40,.8);
z-index:10000;
position: relative;
border-bottom: 1px solid #FFF;
}

a.toggleMenu {
	width: 100%;
	position: relative;
	display: none;
	color: #fff;
    text-shadow: 0px 1px 5px rgba(0,0,0,.6);
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: 60px;
    line-height: 60px;
    text-align: left;
    text-indent: 20px;
    letter-spacing: .05em;
}
a.toggleMenu:after {
	content:"";
	background: url('images/nav-icon.png') no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right:20px;
	top:20px;
}

.primary {
    list-style: none;
     *zoom: 1;
	 max-width: 960px;
	 margin:0 auto;

}
.primary:before,
.primary:after {
    content: " "; 
    display: table; 
}
.primary:after {
    clear: both;
}

.primary ul {
    list-style: none;
    -webkit-transform: translate3d(0, 0, 0);
}
.primary a {
    color:#fff;
    -webkit-transform: translate3d(0, 0, 0);
}
.primary li {
    position: relative;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
}
.primary > li {
    display: inline-block;
	 letter-spacing: .05em;
}

.primary > li.hide {display:none; }

.primary > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.primary > li > a {
    display: block;
    text-shadow: 0px 1px 5px rgba(0,0,0,.8);
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    margin:0 43px;
    letter-spacing: .05em;
}

.primary > li:first-child > a {margin-left:0;} 
.primary > li:last-child > a {margin-right:0;}


.primary > li.current-page-ancestor > a, .primary > li.current_page_item > a {font-weight: 500; background: url(images/current-arrow.png) no-repeat center top;}

.primary > li > a:hover {
	    text-shadow: 0px 0px 5px rgba(255,255,255,.5);
}

.primary li ul {
    position: absolute;
    left: 25px;
    width: 200px;
	padding:10px 5px;
	background: #FFF;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	z-index: 9999;
	letter-spacing: .025em;
    left: -9999px;
}

.primary > li.hover > ul {left: 25px;}

.primary > li:first-child.hover > ul {left:-25px;} 

.primary li li.hover ul {
    left: 100%;
    top: -5px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.primary > li > ul:before {
  content: "";
  top: -9px;
  left: 25px;
  position: absolute;
  background: url(images/up-arrow.png) repeat center top;
  width: 18px;
  height: 9px;
  opacity: .95;
}
.primary li li ul:before {
  content: "";
  top: 10px;
  left: -9px;
  position: absolute;
  background: url(images/left-arrow.png) repeat center top;
  width: 9px;
  height: 18px;
  opacity: .95;
}
.primary li li a {
	    display: block;
	    position: relative;
	    z-index:100;
	    color:#2f2f2f;
	    font-weight: 400;
	    font-size: 12px;
	    text-shadow: 0 1px 0px #fff;
	    line-height: 1.2em;
	    padding:10px 15px;
}
.primary li li a:hover, .primary li li a:active {opacity: .5;}
.primary li li.current-menu-item > a {color:#ec1f23;}







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

/* !MEDIA QUERIES-----------*/

/*-----------------------------------*/
@media	only screen and (min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi){
	a.logo { background-image: url(images/warner_communications_logo_838x184.png); background-size: 419px 92px;}
	footer a.logo {background-image: url(images/warner_communications_logo_footer_437x96.png); background-size: 218px 48px;}
}


@media screen and (max-width: 960px) {
.col482 img  { max-width: 100%;}
.content img {border: none;}
.imageHeading {left:0;}
#imageCycle, .featuredImage{margin-top: 0;}
.borderLeft {border: none;}
.col60, .col40, .col600, .col380,
.col727, .col717, .col482, .col265, .col241 {margin-right: auto; margin-left: auto; width: 100%; max-width: 100%;}
.col230 {display:none; height:0; overflow: hidden;}

.primary > li.hide {display:block; }
nav ul.topNav {display: none;}

.pleft70 {padding-left: 0;}
.pad25 {padding:15px;}

.gformLeft, .gformRight {width:100%}
.gformLeft {float: none;}
.gformRight {float: none;}
ul.gfield_radio, ul.gfield_checkbox {height:auto;}
ul.gfield_radio li, ul.gfield_checkbox li {float:none;}

	.navWrap {width:100%; padding:0; }

    .active {
        display: block;
    }
    .primary > li {
        float: none;
        display: block;
       border-bottom: 1px solid rgba(0,0,0,.1);

    }
    .primary > li > .parent {
        background-position: 95% 50%;
    }
  
    .primary > li > .parent {
   background-image: none;
 
  }
    .primary li .more {
		background-image: url(images/nav-arrow.png);
		background-repeat: no-repeat;
		background-position: 50% 8px;
		background-color: rgba(0,0,0,.1);
		float: right;
		width: 20px;
        height: 20px;
		padding:0;
		cursor: pointer;
		z-index: 200;
		position: relative;
		right:20px;
		top:18px;
}
    .primary li li .more {top:10px;}

    .primary > li.hover > .more, .primary > li li.hover .more  {
		background-image: url(images/nav-arrow.png);
		background-color: rgba(255,255,255,.1);
		background-position: 50% -13px;

}  
	.primary > li > a, .primary > li:first-child > a, .primary > li:last-child > a {
	    padding: 10px 20px;
	    margin:0;
}

  
    .primary ul {
        display: block;
        width: 100%;
}
   .primary > li.hover > ul , .primary li li.hover ul {
        position: static;
}
   .primary li  ul:before, .primary li.current-menu-item:before, .primary li.current-page-ancestor:before {display: none;}
   .primary li  ul {
	   	background: rgba(0,0,0,.1);
	   	border: none;
		-webkit-box-shadow:none;
		box-shadow:none;
		width: 100%;
		padding:0;
 }
	 
	.primary li li a {
	    color:#FFF;
	    text-shadow: none;
	    font-weight: 400;
	    padding:12px 25px;
}
	.primary li li:first-child a {padding-top: 12px;}
	.primary li li a:hover, .primary li li a:active {text-decoration:underline; color: #FFF;}
	.primary li.current-menu-item > a{background: rgba(0,0,0,.1);}
	.primary li.current-page-ancestor > a {background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.1);}
	.primary li li.current-menu-item > a{color:#FFF; text-decoration: underline;}
	
	ul.productList li {width:23.5%; margin-right: 2%;}
	ul.productList li:nth-child(even) {float:left;}
	ul.productList li:nth-child(4n) {margin-right: 0;}
	 
}

@media screen and (max-width: 768px) {
.partnerLinks li {display:block; width:100%; margin:0 auto;}
.col20, .col75 {width:100%; max-width: 100%; float:none; clear:both; display: block;}
.col727, .col482 {min-height: 0;}
.col20 {margin-top: 20px;}
.imageText {bottom:-400px; padding:20px 50px;}
.imageText .col960 {display: block;}
.slides li {height: 400px; background-position: 50% center;}
.container {background: none;}
.formHeader {width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-right: 0;}
.mhide {display: none;}
.mshow {display: block;}





}

@media screen and (max-width: 767px) {
.homeLinks {height: auto;}
.homeLinks li {display:block; width:50%; max-width: 50%; margin:0 auto;}
.homeLinks li:nth-child(1), .homeLinks li:nth-child(2) {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
a.logo {margin:20px auto; float: none;}
header .col982 {text-align: center;}
.contactNumbers {display: inline-block; float: none; margin-top: 0;}
}

@media screen and (max-width: 600px) {
.socialNav {display: none;}
.topBar {margin-bottom: 10px; height: auto;}
nav ul.topNav {width:100%; text-align: center;}

#searchform {margin-left: auto; margin-right: auto; float: none;}
header {padding-bottom: 10px;}
.imageHeading {display: none;}
.imageCaption {display: none;}
.col482 {margin-right: 0; width: 100%;}
ul.col982 {text-align: center; width: 100%;}
}

@media screen and (max-width: 360px) {
.homeLinks li {width:100%; max-width: 100%;}
.homeLinks li:nth-child(3) {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
#tabs li {height:auto; line-height: 1.8em; text-align: left; padding:10px 0;}
#tabs li a { font-size: 15px;}
ul.productList li {width:48.6111%; max-width: 210px; margin-bottom: 20px; margin-right: 0;}
ul.productList li:nth-child(even) {float:right;}

}

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


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* CLEAR FIX*/
.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

@media print {
* { background: transparent !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; border:0!important;}
.col265, .col241, .col230, a.button, nav, .flexslider, .topBar, .monogram {display:none!important;}
.col982, .col727, .col717, .col482, .col600, .col380, .col60, .col40 {width:100%!important; max-width: 100%!important; margin:0!important; padding:0!important; float:none!important;}
.container {-moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
.contactNumbers.mtop30 {margin-top:0; font-size: 68%;}
.pad25 {padding: 0!important;}
.imageHeading {display: none!important;} 

a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 80%; font-weight: normal; clear:both; text-decoration: none;}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 3cm 1.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }

}