/*
Theme name: Ó£ÌÒÊÓƵ
Description: Custom Theme
*/

/** Ó£ÌÒÊÓƵ WordPress CSS **/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/** /Ó£ÌÒÊÓƵ WordPress CSS **/
/* ==========================================================================
	#Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
main,
nav,
section { display: block; }

/* ==========================================================================
	#Base
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }
body { background: #f2f2f2; font-family: "vw-book", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.2; color: #0455a0; }

a { cursor: pointer; text-decoration: none; color: #05b2eb; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }

ul,
ol { list-style-position: inside; }

blockquote { padding: 20px 0 9px 6px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 6px 0 14px 0; font-family: "vw-semibold", arial, sans-serif; font-size: 25px; line-height: 1.2; color: #13b6eb; }
/*blockquote p { padding-left: 39px; background: url(/wp-content/themes/better-cable-systems/images/quotes.png) 0 6px no-repeat; }*/

hr { margin: 12px 0 29px 0; border: 0; border-top: 1px solid #cccccc; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "vw-black", arial, sans-serif; font-weight: normal; }

textarea { resize: none; overflow: auto; }

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#Buttons
========================================================================== */
.btn { 
	-webkit-transition: background 0.5s;
	     -o-transition: background 0.5s;
	        transition: background 0.5s; 
}
.btn { font-family: "vw-semibold", Arial, sans-serif; }
.btn-blue { display: inline-block; padding: 12px 11px; background: #3569bd; font-size: 16px; color: #fff; text-align: center; font-weight: 600; }
.btn-blue:hover { background: #3a79df; }

.btn-grey {
	background: #fafafa;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ebebeb),color-stop(1,#fff));
    background: -ms-linear-gradient(bottom,#ebebeb,#fff);
    background: -moz-linear-gradient(center bottom,#ebebeb 0,#fff 100%);
    background: -o-linear-gradient(#fff,#ebebeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffebebeb',GradientType=0);
    background: linear-gradient(center bottom,#ebebeb 0,#fff 100%);
}
.btn-grey {	display: inline-block; border: #e6e6e6 solid 1px; border-top-color: #e0e0e0; border-bottom-color: #c1c1c1; color: #00b1eb; padding: .6em 1.2em .6em 1.2em; margin-top: 1.2em; border-radius: 4px; font-size: 1em; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); filter: none; }
.btn-grey:hover { box-shadow: 2px 8px 15px 0 rgba(0,0,0,0.24); color: #00b1eb; }
.btn-light-blue {
	background: #00b1eb;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#009bcd),color-stop(1,#40c5f0));
    background: -ms-linear-gradient(bottom,#009bcd,#40c5f0);
    background: -moz-linear-gradient(center bottom,#009bcd 0,#40c5f0 100%);
    background: -o-linear-gradient(#40c5f0,#009bcd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40c5f0',endColorstr='#ff009bcd',GradientType=0);
    background: linear-gradient(center bottom,#009bcd 0,#40c5f0 100%);
}

.btn-light-blue { display: inline-block; margin-top: 1.2em; padding: .6em 1.2em .6em 1.2em; font-size: 1em; color: #fff; border: #23bbed solid 1px; border-top-color: #40c5f0; border-bottom-color: #009ccf; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); filter: none; }

.btn-light-blue:hover { box-shadow: 2px 8px 15px 0 rgba(0,0,0,0.24); }

/* ==========================================================================
	#Containers
========================================================================== */
.shell { max-width: 940px; margin: 0 auto; }
.main-page-inner { overflow: hidden; padding-bottom: 84px; }
.content { float: left; width: 70%; }
.sidebar { float: right; width: 22%; margin-right: 4.3%; }

/* ==========================================================================
	#Container
========================================================================== */
.container { min-width: 1024px; max-width: 1680px; margin: 0 auto; box-shadow: 0 0 38px rgba(0,0,0,0.08); }
.container-inner { position: relative; padding-top: 34px; margin: -24% 90px 0 90px; background: #fff url(images/inner-top-gradient.png) 0 0 repeat-x; border-radius: 16px 16px 0 0; padding: 34px 90px 0 90px; }
.container-inner-home { z-index: 7; margin-top: -6%; }
.container-inner-home main { padding-bottom: 53px; }
.container-inner-home section:first-child { background-image: none; }
.container-inner-home section { background: url(/wp-content/themes/better-cable-systems/images/shadow.png) center top no-repeat; }
/* ==========================================================================
	#General
========================================================================== */
.page-time { float: left; }
.page-time ul { list-style: none outside none; }
.page-time li { float: left; height: 13px; padding-right: 3px; line-height: 13px; font-size: 13px; color: #979b9f; }
.page-time li + li { padding-left: 5px; border-left: 1px solid #979b9f; }
.page-time span { color: #07b3eb; text-transform: uppercase; font-weight: bold; }

.page-title { padding-bottom: 4px; color: #00b1eb; }

.page-title,
.article-title,
h2 { font-family: "vw-black", arial, sans-serif; font-size: 1.7em; line-height: 1; }
.article-title,
h2 { color: #123968; }

/* ==========================================================================
	#Header
========================================================================== */
.header { position: relative; height: 119px; padding: 9px 26px 0 103px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.45); box-sizing: border-box; }
.header-inner { overflow: hidden; }

.header.header-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; height: 44px; }
.header.header-sticky + section { padding-top: 114px; }
.header.header-sticky .page-time,
.header.header-sticky .logo,
.header.header-sticky .logo-secondary { display: none; }

.logo,
.logo-secondary { display: block; background: url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.logo { float: left; width: 310px; height: 31px; margin: 17px 0 0 9px; background-position: 0px -150px; clear: left; }
.logo-secondary { position: relative; margin-top: -2px; float: right; width: 149px; height: 61px; background-position: 0px -217px; }
.header.header-sticky .callout { display: none; }
.header .callout { position: absolute; bottom: -71px; right: 20%; z-index: 12; width: 220px; height: 71px; background: #fff; border-radius: 0 0 8px 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.24); }
.header .callout-actions { height: 70px; padding-top: 5px; }
.header .callout a { position: relative; float: right; margin: 20px 26px 10px 0; color: #00b1eb; }
.header .callout a:hover:after { box-shadow: 0 5px 10px rgba(0,0,0,0.45); }
.header .callout a:after { position: absolute; left: -40px; top: -8px; width: 32px; z-index: 13; height: 32px; background: #039cce url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat 0 -183px; border-radius: 17px; content: ''; }

/* ==========================================================================
	#Navigation
========================================================================== */
.nav { padding-left: 26px; }
.nav ul { list-style: none outside none; }
.nav li { position: relative; }
.nav > ul > li { float: left; padding-bottom: 15px; }
.nav > ul > li + li { padding-left: 25px; }
.nav > ul > li:first-child > a { position: relative; }
.nav > ul > li:first-child > a:after { position: absolute; top: 0; left: -19px; width: 9px; height: 13px; background: url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat 0 -30px; content: ''; }
.nav > ul > li:first-child.current-menu-item > a:after,
.nav > ul > li:first-child > a:hover:after { background: url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat 0 -15px; }
.nav a { font-size: 14px; color: #31537c; }

.nav a:hover,
.nav .current-menu-parent > a,
.nav .current-menu-item > a { color: #00b1eb; }

.header.header-sticky .nav ul ul { top: 35px; z-index: 8; }
.nav ul ul { position: absolute; left: 6px; top: 38px; z-index: 11; display: none; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.24); }
.nav ul ul a { display: block; padding: 10px 0 10px 15px; color: #123968; }
.nav ul ul a:hover { background: #f7f7f7; color: #00b1eb; }
.nav ul ul li { width: 297px; }
.nav ul ul li:last-child a { border-radius: 0 0 10px 10px; }

/* ==========================================================================
	#Socials
========================================================================== */
.socials { float: right; padding-top: 10px; }
.socials ul { overflow: hidden; list-style: none outside none; }
.socials li { float: left; }
.socials li + li { padding-left: 17px; }

.link-facebook,
.link-google_plus,
.link-mail,
.link-twitter { display: inline-block; background: url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.link-facebook:hover,
.link-google_plus:hover,
.link-mail:hover,
.link-twitter:hover { opacity: 0.7; }

.link-facebook { width: 15px; height: 13px; background-position: 0px -45px; }
.link-google_plus { width: 15px; height: 13px; background-position: 0px 0px; }
.link-mail { width: 16px; height: 13px; background-position: 0px -60px; }
.link-twitter { width: 15px; height: 13px; background-position: 0px -75px; }

.footer-logos { margin-top: 10px; }

/* ==========================================================================
	#Intro
========================================================================== */
.intro img { width: 100%; height: auto; }

/* ==========================================================================
	#Slider Home
========================================================================== */
.slides { list-style: none outside none; }
.slide { float: left; }

.slider-home { position: relative; }
.slider-home,
.slider-home .slider-clip,
.slider-home .slide-image,
.slider-home .slide,
.slider-home .slides { width: 100%; overflow: hidden; }

.slider-home .slide { position: relative; }
.slider-home .slide-image img { width: 100%; height: auto; }
.slider-home .slide-content { position: absolute; top: 14%; left: 21%; z-index: 5; width: 390px; color: #fff; visibility: hidden; opacity: 0; }
.slider-home .slide-content { 
	-webkit-transition: opacity 1s, visibility 1s;
	     -o-transition: opacity 1s, visibility 1s;
	        transition: opacity 1s, visibility 1s; 
}

.slider-home .slide.active .slide-content { opacity: 1; visibility: visible; }
.slider-home .slide-content h1 { font-family: "vw-black", Arial, sans-serif; font-size: 1.86666em; }
.slider-home .slide-content p { font-size: 1.13em; margin-top: 10px; }

.slider-home .slider-paging { position: absolute; bottom: 17%; left: 0; z-index: 6; width: 100%; text-align: center; }
.slider-home .slider-paging li { display: inline-block; }
.slider-home .slider-paging li a { display: block; width: 11px; height: 11px; margin: 2px 9px; background: #fff; border-radius: 7px; box-shadow: 0 1px 0 rgba(0,0,0,0.45); }
.slider-home .slider-paging li.selected a,
.slider-home .slider-paging li a:hover { 
	-ms-transform: scale(1.5);
     -o-transform: scale(1.5);
        transform: scale(1.5); 
}
.slider-home .slider-paging li.selected a { background: #00b1eb; border: 1px solid #f6f6f6; box-shadow: 0 5px 20px rgba(0,0,0,0.45); }

.slider-home .slider-actions { position: absolute; top: 0; width: 100%; z-index: 4; height: 100%; }
.slider-home .slider-prev,
.slider-home .slider-next { position: absolute; display: block; width: 350px; height: 82%; background: rgba(255,255,255,0.0001); text-indent: 100%; overflow: hidden; white-space: nowrap; }

.slider-home .slider-prev { left: 0; cursor: url(/wp-content/themes/better-cable-systems/images/prev-icon.png), auto; }
.slider-home .slider-prev:active { cursor: url(/wp-content/themes/better-cable-systems/images/prev-icon-active.png), auto; }
.slider-home .slider-next { right: 0; cursor: url(/wp-content/themes/better-cable-systems/images/next-icon.png), auto; }
.slider-home .slider-next:active { cursor: url(/wp-content/themes/better-cable-systems/images/next-icon-active.png), auto; }

/* ==========================================================================
	#Features
========================================================================== */
.section-features { padding-bottom: 28px; }
.section-features .section-head h1 { color: #123968; }
.section-features .section-head h1 span { color: #00b1eb; }
.features { overflow: hidden; list-style: none outside none; }
.feature { float: left; }

.feature { width: 34%; padding: 0 2em; text-align: center; margin: 2.15em 0 2.2em 0; color: #0455a0; box-sizing: border-box; }
.feature a,
.feature span { display: block; }
.feature-head { min-height: 140px; }
.feature:first-child + .feature { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.feature:last-child,
.feature:first-child { width: 33%; padding: 0 2em 0 1em; }
.feature a:active { color: #0455a0; }

.feature-title { padding-bottom: 5px; font-size: 1.33em; line-height: 1.2; color: #123961 8px; font-family: "vw-black", Arial, sans-serif; letter-spacing: 0.03em; }
.feature-body { padding-bottom: 9px; font-size: 0.9em; letter-spacing: 0.03em; line-height: 1.6; color: #0455a0; }
.feature .link-more { position: relative; display: inline-block; font-family: "vw-black", Arial, sans-serif; font-size: 15px; color: #00b1eb; }
.feature .link-more:after { position: absolute; top: 4px; right: -14px; width: 6px; height: 10px; background: url(/wp-content/themes/better-cable-systems/images/nav-arrow.png) no-repeat 0 0; content: ''; display: none; }
.feature .link-more:hover:after { display: block; }

/* ==========================================================================
	#News
========================================================================== */
.container-inner-home .section-news { padding-top: 52px; background-color: #d5f4ff; }
.section-news .section-head { padding-bottom: 22px; padding-left: 5%; }
.section-news .section-head p { padding-bottom: 2px; }

.news-items { overflow: hidden; padding: 10px; list-style: none outside none; text-align: center; }
.news-item { display: inline-block; width: 220px; margin: 0 20px 20px 0; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-radius: 8px; }
.news-item { 
	-webkit-transition: box-shadow .3s;
	     -o-transition: box-shadow .3s;
	        transition: box-shadow .3s; 
}
.news-item img { width: 100%; height: auto; border-radius: 8px 8px 0 0; }
.news-item a { display: block; box-sizing: border-box; }
.news-item-body { display: block; color: #00b1eb; line-height: 1.4em; padding: 10px 1.3em .9em 1.3em; font-family: "vw-semibold", Arial, sans-serif; text-align: left; }
.news-item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.35); }

/* ==========================================================================
	#Section Video
========================================================================== */
.section-video { padding-top: 55px; overflow: hidden; }
.section-video .section-head { width: 70%; max-width: 700px; height: 400px; float: left; }
.section-video .section-body { float: right; width: 28%; max-width: 235px; padding-top: 55px; box-sizing: border-box; }
.section-video .section-body h1 { margin-bottom: 5px; font-family: "vw-black", Arial, sans-serif; font-size: 1.86667em; line-height: 1.1428571428571428em; color: #123968; }
.section-video .section-body p { margin-bottom: 2px; font-size: 15px; line-height: 1.4; }

/* ==========================================================================
	#Section
========================================================================== */
.section-head h1 { margin-bottom: 10px; font-size: 28px; color: #123968; font-family: "vw-black", Arial, sans-serif; }

/* ==========================================================================
	#Widgets
========================================================================== */
.widgets,
.widgets ul { list-style: none outside none; }

.widget_categories li + li,
.widget_nav_menu li + li { margin-top: 13px!important; }

.widget_categories a,
.widget_nav_menu a { position: relative; font-family: "vw-semibold", Arial, sans-serif; font-size: 15px; color: #47c4ec; }

.widget_categories a:hover:after,
.widget_nav_menu a:hover:after { position: absolute; top: 6px; right: -14px; width: 6px; height: 10px; background: url(/wp-content/themes/better-cable-systems/images/nav-arrow.png) 0 0 no-repeat; content: ''; }

.widget-title { padding-bottom: 13px; font-family: "vw-black", arial, sans-serif; font-size: 16px;color: #000; font-weight: 600; }

.widget_categories .current-menu-item a:after,
.widget_nav_menu .current-menu-item a:after { position: absolute; top: 6px; left: -14px; width: 6px; height: 10px; background: url(/wp-content/themes/better-cable-systems/images/nav-arrow.png) 0 0 no-repeat; content: ''; }

/* ==========================================================================
	#Article
========================================================================== */
.article-entry iframe { width: 100%; }
.article-title,
h2 { padding-bottom: 7px; }
.article-entry { padding: 5px 80px 0 0; padding-top: 5px; line-height: 1.3; }
.article-entry p { padding-bottom: 18px; }
.article-entry img { margin-top: 4px; }
.article img.alignleft { margin: 10px 20px 10px 0; }
.article img.alignright { margin: 10px 0 10px 20px; }
.article-actions { text-align: center; padding-right: 80px; }
.article-entry ul { list-style: none outside none; }
.article-entry ul li { color: #3367bd; }
.article-entry iframe { margin: 20px 0; }
.article-entry a { color: #05b2eb; text-decoration: underline; }
.article-entry a:hover { text-decoration: none; }

.article-entry h2 { margin-right: -80px; padding-bottom: 14px; }

.article-entry h1,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 { color: #13b6eb; }

.article-entry h3 { padding-bottom: 16px; font-size: 18px; }
.article-entry h4 { font-size: 16px; }

.article .cols { overflow: hidden; }
.article .col { float: left; }
.article .one_half { width: 47%; padding-left: 3%; font-size: 14px; }
.article .content-column ul { margin-left: 5px; list-style: disc outside none; }
.article .content-column li + li { margin-top: 12px; }

/* ==========================================================================
	#Section Article
========================================================================== */
.section-article .article-head { padding-bottom: 5px; }
.section-article .article-title { color: #05b2eb; letter-spacing: 0.02em; }
.article-entry ol,
.article-entry ul { margin-top: 12px; }
.article-entry ul { padding-left: 5px; padding-bottom: 13px; list-style: disc inside none; }
.article-entry li { font-size: 14px; }
.article-entry li + li { margin-top: 14px; }
.article-entry h3 { padding-bottom: 16px; }
.article-entry blockquote { margin-top: 16px; margin-bottom: 27px; }
.section-article .article-actions { margin-top: 13px; }

/* ==========================================================================
	#Services
========================================================================== */
.section-services { padding-top: 8px; }

/* ==========================================================================
	#Form Contact
========================================================================== */
.gform_wrapper { width: 842px; }
.gfield_required { display: none; }
.gform_wrapper ul { overflow: hidden; list-style: none outside none; }
.gform_heading { padding-bottom: 22px; }
.gform_footer { margin-top: 23px; }
.gform_title { padding-bottom: 12px; font-size: 1.7em; color: #05b2eb; line-height: 1; }
.gform_description { display: block; font-size: 16px; color: #3367bd; line-height: 1.2; }
.gform-req { float: right; font-size: 16px; color: #3367bd; font-weight: 600; }

.textarea-alignright { float: right; }
.gfield { width: 548px; height: 38px; margin-bottom: 14px; overflow: hidden; }
.gfield input { width: 100%; height: 38px; padding: 0 8px; }
.gfield-textarea { width: 263px; height: 305px; }
.gfield textarea { width: 100%; height: 305px; padding: 8px; }

.gfield-captcha { height: auto; }
.gfield_label { position: absolute; top: 0; left: 0; opacity: 0; }

.gfield textarea,
.gfield input { font-family: "Segoe UI", Arial, sans-serif; font-size: 18px; color: #13b6eb; border: 1px solid #06b2eb; background-color: transparent; box-sizing: border-box; }

::-webkit-input-placeholder { 
    color:    #13b6eb;
    font-family: "Segoe UI", Arial, sans-serif;
}
:-moz-placeholder { 
   color:    #13b6eb;
   font-family: "Segoe UI", Arial, sans-serif;
   opacity:  1;
}
::-moz-placeholder {
   color:    #13b6eb;
   font-family: "Segoe UI", Arial, sans-serif;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #13b6eb;
   font-family: "Segoe UI", Arial, sans-serif;
}

.field-medium,
.field-small,
.field-xsmall { float: left; }

.field-medium,
.field-xsmall { margin-right: 12px; }

.field-medium { width: 327px; }
.field-small { width: 115px; }
.field-xsmall { width: 82px; }

.gform_button { display: inline-block; min-width: 139px; height: 43px; line-height: 43px; background: #3569bd; font-size: 16px; color: #fff; text-align: center; font-weight: 600; border: 0; cursor: pointer; -webkit-appearance: none; }
.gform_button:hover { background: #3a79df; }

/* ==========================================================================
	#Posts
========================================================================== */
.posts { padding-right: 80px; list-style: none outside none; }
.post { padding-bottom: 31px; }
.post ~ .post { padding-top: 30px; border-top: 1px solid #cccccc; }
.post-head { padding-bottom: 10px; }
.post-title { padding-bottom: 4px; }
.post-title a { font-size: 28px; line-height: 1; color: #00b1eb; }
.post-body { font-size: 16px; color: #3367bd; font-weight: 600; }
.post-body p { padding-bottom: 19px; }
.post-actions .link-more { font-size: 16px; color: #05b2eb; }
.post-actions .link-more:hover { text-decoration: underline; }

/* ==========================================================================
	#Footer
========================================================================== */
.footer { 
background: rgb(219,219,219);
background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ededed',GradientType=0 );
 }
.footer { border-radius: 0 0 12px 12px; }
.footer-cols { display: table; width: 100%; text-align: center; padding: 2.4em 0 2.4em 0; }
.footer-col { display: table-cell; width: 250px; }
.footer-col:first-child + .footer-col { border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.footer-col:first-child { padding-right: 70px; }
.footer-col:last-child { padding-left: 70px; }
.footer-col h3 { padding-bottom: 4px; font-family: "vw-black", Arial, sans-serif; font-size: 1.066666666666667em; color: #565b61; }
.footer-col-1of3 { width: 300px; }

.footer-cols .widget_nav_menu ul { list-style: none outside none; }
.footer-cols .widget_nav_menu li + li { margin-top: 11px; }
.footer-cols .widget_nav_menu a { position: relative; font-family: "vw-semibold", Arial, sans-serif; font-size: 0.9em; color: #00b1eb; font-weight: 600; }
.footer-cols .widget_nav_menu a:hover:after { position: absolute; top: 3px; right: -14px; width: 6px; height: 10px; background: url(/wp-content/themes/better-cable-systems/images/nav-arrow.png) 0 0 no-repeat; content: ''; }

.footer-cols .widget_nav_menu a,
.footer-col a { font-size: 15px; color: #00b1eb; font-weight: 600; }

.select { display: block; height: 40px; width: 255px; margin: 5px 0 12px 27px; }
.bar { overflow: hidden; margin-top: 10px; }
.terms ul { float: left; list-style: none outside none; }
.terms li { float: left; }
.terms li + li { padding-left: 35px; }
.terms a { font-size: 12px; color: #00b1eb; font-weight: 600; }

.copyright { float: right; padding-top: 4px; font-size: 12px; color: #123968; }
.sbOptions li a { font-size: 14px; }
.footer .sbSelector { font-size: 14px; }

/* ==========================================================================
	#Footer Socials
========================================================================== */
.footer-socials ul { list-style: none outside none; }
.footer-socials li { display: inline-block; margin: 6px 6px 23px 0; }
.footer-socials a:hover { opacity: 0.7; }
.footer-socials .link-facebook,
.footer-socials .link-youtube { width: 28px; height: 28px; display: inline-block; background: url(/wp-content/themes/better-cable-systems/images/sprite.png) no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.footer-socials .link-facebook { background-position: 0px -90px; }
.footer-socials .link-youtube { background-position: 0px -120px; }

@media (max-width: 1160px) {
	.container-inner { width: 980px; margin-left: auto; margin-right: auto; padding: 5% 2% 0 2%; }
	.main-page-inner,
	.footer { width: 980px; margin: 0 auto; }
}

/* ==========================================================================
	#Media - Tablets in landscape
========================================================================== */
@media (max-width: 1024px) {
	.btn-mobile { position: absolute; bottom: 15px; left: 10px; display: block; width: 25px; height: 22px; background: url(/wp-content/themes/better-cable-systems/images/nav-btn.png) 0 0 no-repeat; }
	.main-page-inner, 
	.footer,
	.container-inner { width: 98%; box-sizing: border-box; }
	.container { width: 100%; min-width: 0; }
	.header-bar { position: relative; z-index: 20; margin-left: 26px; }
	
	.header { padding-left: 25px; }
	.header .nav { position: absolute; display: none; width: 100%; top: 35px; margin-left: 0; z-index: 15; }
	.slider-home .slide-content { left: 10%; }
	.header.header-sticky .btn-mobile { bottom: 10px; }
	.header.header-sticky .nav { top: 34px; }

	.nav { padding-left: 0; margin-left: 26px; }
	.nav > ul > li { float: none; }
	.nav > ul > li,
	.nav > ul > li + li { padding-left: 10px; }
	.nav > ul > li:first-child > a:after { display: none; }
	.nav > ul { background: #fff; }
	.nav a { display: block; padding: 6px 0; }
	.nav ul ul { position: static; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 20px; border-radius: 0; box-shadow: none; }
	.nav ul ul li { width: 100%; }
	.nav ul ul a:hover { background: #fff; }
	.nav li { display: block; }
	.slider-home { padding-bottom: 20px; }
	.slider-home .slide-content { top: 3%; }

	.posts { padding-right: 5%; }
	.article-entry img { width: 100%; height: auto; }
	.article-entry img.alignright,
	.article-entry img.alignleft { width: auto; }
	.section-news .section-head { padding-left: 5%; }
	.section-video .section-head,
	.section-video .section-body { float: none; }

	.section-video .section-head { max-width: none; width: 100%; text-align: center; }
	.section-video .section-head iframe { display: inline-block; }
	.section-video .section-body { width: 100%; padding-bottom: 20px; max-width: none; }

	.gform_wrapper { width: 100%; }
	.gfield-textarea { float: none; width: 548px; }
	.gform-req { float: none; display: block; margin-top: 13px; }

	.article-entry,
	.footer-col:first-child { padding-right: 3%; }
	.footer-col:last-child { padding-left: 3%; }

	.widget_categories a:after,
	.widget_nav_menu a:after,
	.footer-cols .widget_nav_menu a:after { display: none; }
	.socials { position: absolute; top: 4px; right: 5%; }
	.header .callout { bottom: -109px; right: 5%; }
	
}

/* ==========================================================================
	#Media - Mobile
========================================================================== */
@media (max-width: 767px) { 
	.header { height: 180px; text-align: center; }
	.header-bar,
	.nav { margin-left: 0; }
	.header .nav { top: 34px; }
	.header.header-sticky .nav { top: 16px; }
	.header.header-sticky .socials { top: -18px; }
	.nav ul ul { padding-left: 0; }
	.nav ul ul a { padding-left: 0; }
	.logo { margin: 10px 0; width: 250px; height: 25px; background: url(/wp-content/themes/better-cable-systems/images/logo-mobile.png) 0 0 no-repeat; } 
	.page-time,
	.logo,
	.logo-secondary { float: none; display: inline-block;  }
	.sidebar,
	.content { width: 100%; float: none; }

	.sidebar { margin: 30px 0 0 0; text-align: center; }
	.select { position: relative; left: 50%; margin-left: -125px; }
	.socials { top: 0; right: 50%; margin-right: -49px; text-align: center; }
	.socials ul { display: inline-block; }

	.article-actions { padding-right: 0; }

	.footer-cols { padding: 10px 0; }
	.footer-col { display: block; width: 100%; margin-bottom: 10px; height: auto; }
	.footer-col ~ .footer-col { padding-top: 20px; }
	.footer-col a { display: block; }
	.footer-col .footer-logos img { margin-top: 10px; }
	.footer-col:first-child + .footer-col { border: 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
	.article-entry, .footer-col:first-child { padding-right: 0; }
	.footer-col:last-child { padding-left: 0; }

	.gfield-textarea,
	.gfield { width: 100%; }
	.gfield textarea,
	.gfield-textarea { height: 160px; }
	.gform_footer { text-align: center; }

	.article-entry img.alignright, 
	.article-entry img.alignleft { width: 100%; float: none; padding: 0; margin: 10px 0; }
	.article .col { float: none; }
	.article .one_half { width: 100%; padding-left: 20px; }
	.article .one_half { padding-bottom: 10px; }

	.slider-home .slide-content { left: 2%; }
	.slider-home .slide-content h1 { font-size: 17px; }
	.slider-home .slide-content p { font-size: 15px; }
	.header-inner { display: inline-block; width: 290px; }
	.header .callout { display: none; }
	.feature { width: 100%; float: none; }
	.feature:last-child, 
	.feature:first-child { width: 100%; }
	.feature:first-child + .feature { border: 0; }
	.section-video .section-head { width: 100%; height: auto; }
}

@media (max-width: 480px) {
	.header.header-sticky .btn-mobile { bottom: 10px; }
	.container-inner-home { margin-top: -2%; }
	.page-title,
	.article-title,
	h2 { font-size: 1.5em; }
	.nav { top: 0; }
	.header-bar:after { content: ''; clear: both; display: table; *zoom: 1; }
	.header.header-sticky .nav { top: 16px; }
	.header.header-sticky .socials { top: -13px; }
	.header .socials { top: 10px; float: none; padding: 0; }

	.slider-home,
	.slider-home .slider-clip,
	.slider-home .slide-image,
	.slider-home .slide,
	.slider-home .slide-image,
	.slider-home .slide-image img,
	.slider-home .slides { min-height: 240px !important; }
	.slider-home .slider-paging { bottom: 7%; }

	.header .nav { top: 32px; }
	.nav a { display: inline-block; padding-left: 20px; padding-right: 20px; }
	.nav ul ul,
	.nav ul ul a,
	.nav > ul > li, 
	.nav > ul > li + li { padding-left: 0; }

	.terms ul,
	.terms li { float: none; display: inline-block; }
	.bar { text-align: center; }
	.copyright,
	.terms { float: none; display: inline-block; width: 320px; }

	.slider-home .slider-actions { display: none; }
}

.location-map { width: 578px; height: 330px; margin: 20px 0; }

.single-crb-location ul { list-style: none outside none; }
.single-crb-location li { font-size: 16px; }
.single-crb-location li + li { margin-top: 0; font-size: 16px; }
.gfield-captcha { height: 80px; }

.gform_ajax_spinner { margin-left: 5px; }