/*   
Theme Name: Cumulo
Theme URI: http://example.co.uk
Description: A Cybermill Breeze Theme
Author: The Cybermill
Author URI: http://cybermillbreeze.co.uk
Version: 999
*/


/* -------------------------------------------------------------------------------- */
/* Reset */
/* -------------------------------------------------------------------------------- */   

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/* Good ol' clearfix */
.cf:before,.cf:after, .ie8 .row:before, .ie8 .row:after, .ie7 .row:before, .ie7 .row:after  { content: " "; display: table; }
.cf:after, .ie8 .row:after, .ie7 .row:after { clear: both; }
.cf, .ie8 .row, .ie8 .row { *zoom: 1; } /* For IE 6/7 only */

.admin-bar { position: static; }


/* -------------------------------------------------------------------------------- */
/* Typography --- 
/* -------------------------------------------------------------------------------- */

@font-face {
  font-family: 'line-font';
  src: url('_/font/line-font.eot?18368323');
  src: url('_/font/line-font.eot?18368323#iefix') format('embedded-opentype'),
       url('_/font/line-font.woff?18368323') format('woff'),
       url('_/font/line-font.ttf?18368323') format('truetype'),
       url('_/font/line-font.svg?18368323#line-font') format('svg');
  font-weight: normal;
  font-style: normal;
}


body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2em; font-weight: 300; }

h1,h2,h3,h4 { clear:both; padding:0; margin: 0 0 20px 0; line-height: 1.6em; font-family: 'Open Sans', sans-serif; font-weight: 300; }

h1 { font-size: 1.4rem; font-weight: 400; }
h2 { font-size: 1.25rem; font-weight: 400}
h3 { font-size: 1.125em; font-weight: 400; }
h4 { font-size: 1em; text-transform: uppercase; }
h5, h6 {  font-size: 0.85em; text-transform: uppercase; }

.title, .widget_title { font-size: 1.125em; text-transform: capitalize; font-weight: 300; }

p { margin: 0 0 10px 0; line-height: 2em; }

/* Link defaults */
a:hover,a:active { text-decoration: underline;  } 

/* Lists */
ul { }
ol { }
ul li,ol li { margin-bottom: 1em; }
ul ul {  } 

.main-text-area ul li, .main-text-area ol li { margin-left: 2em; }  
.main-content ul, .main-content ol { list-style-position: inside; }

.main-text-area .ticks ul { margin: 0 0 20px 0; padding: 0; }
.main-text-area .ticks li { list-style: none; padding-left: 40px; background: url('_/images/tick.gif') no-repeat left 2px; display: block; margin: 0 2.5% 10px 0;}
.main-text-area .ticks.full-width li { width: 100%; float: none; }   

.sidebar ul li, .sidebar ol li { margin-left: 1em; }  

strong { font-weight: bold; }
em { font-style: italic; }
sub { font-size: 11px; }
small { font-size: .8em; }
del { text-decoration: line-through; }   

blockquote { border-left: none; font-style: italic; text-indent: 80px; position: relative; padding: 2em; margin: 0; }
blockquote:before, q:before, .quote:before {content: "\201C"; font-size: 160px; font-weight: 600; line-height: 0px; display: block; position: absolute; top: 60px; left: -55px; }
blockquote p { line-height: 2em; }

.ie8 blockquote:before, .ie8 q:before, .ie8 .quote:before { left: -100px; top: 40px; }
.ie8 .main-text-area blockquote:before, .ie8 .main-text-area q:before, .ie8 .main-text-area .quote:before { left: -100px; top: 60px; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

hr { clear: both; display: block; height: 1px; border: none; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #fff; margin: 30px 0; padding: 0; }


.alignright { float: right; margin: 2% 0 2% 4%; text-align: right; }
.alignleft { float: left; margin: 2% 4% 2% 0; text-align: left; }
.aligncenter { margin: 2% auto; text-align: center; display: block; clear: both; }

p.wp-caption-text { background: #eee; color: #666; font-style: italic; padding: 4% 5%; width: 100%; font-size: 14px; line-height: 18px; }
.wp-caption img { display: block; } 
.wp-caption img, .wp-caption { width:auto !important;  max-width:100% !important; height:auto !important; }



/* -------------------------------------------------------------------------------- */
/* Buttons, inputs */
/* -------------------------------------------------------------------------------- */

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], 
input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], 
input[type="time"], input[type="url"], input[type="color"], textarea { background: #eee; border: 1px solid #ccc; box-shadow: none; margin-bottom: 1rem; max-width: 100%; -webkit-appearance: none; box-sizing: border-box; }

input[type=checkbox] { -webkit-appearance: checkbox; }
input[type=radio] { -webkit-appearance: radio; } 

label { text-transform: uppercase; margin-bottom: 5px; font-size: 0.8em!important; color: #555; }

.req { padding-left: 5px; }

.button { padding: 12px; text-transform: uppercase; }
.button:after { content: "\00BB"; padding-left: 5px; }


.page-numbers.current { padding: 4px 8px; color: #fff; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

.wrapper { margin: 0px auto; max-width: 100%; }
.align { margin: 0px auto; }            

.inner { padding: 2rem 2rem; }
.v-inner { padding: 2rem 0; }
.footer-bottom.inner { padding: 2rem; }       

.header-inner, #sliderwrap, .banner { max-width: 1360px; margin: 0px auto; }
.header-inner { padding: 2em 0; }

.column, .columns { padding: 0 2em; }

.no-pad-right { padding-right: 0!important;; }
.no-pad-left{ padding-left: 0!important; }
.nopadding { padding-left: 0!important;;  padding-right: 0!important;; }
.no-padding-top { padding-top: 0!important;; }

.pipes:before, .pipes:after { content: "\007C"; display: inline-block; vertical-align: top; font-size: 15px; opacity: 0.5; padding: 0; margin: 0; letter-spacing: -4px; }
.pipes:before { padding-left: 14px; } 
.pipes:after { padding-right: 18px;  }   

.thumbnail img, .large-thumb img, .client-logo, .main-content img[src$=".jpg"], .button-list a, .cmb-featured-link { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } 

.ie7 .row, .ie8 .row { max-width: 1140px; }
.ie7 .inner, .ie8 .inner { padding: 2em 2em; }
.ie7 .v-inner, .ie8 .v-inner { padding: 2em 0; }
.ie7 .footer-bottom.inner, .ie8 .footer-bottom.inner  { padding: 2em; }       

.header-inner, #sliderwrap, .banner { max-width: 1360px; margin: 0px auto; }

.column, .columns { padding: 0 2em; }    

/* -------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------- */

.header { position: relative; z-index: 99999; }
a.logo img {  max-width: 100%; max-height: 100px; height: auto; width: auto; }

p.tag-line { font-size: 1.3rem; line-height: 2rem; display: block; text-align: right; margin-top: 1em; }


/* -------------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------------- */

.menu-click { float: right; padding: 0px; text-transform: uppercase; padding: 0 10px; }  

nav ul, .main-nav .sub-menu { margin: 0; }
nav ul li { list-style: none; margin: 0; }


.main-nav { width: 100%; display: block; background: #efefef; margin-top: 1em; }
    .main-nav .menu-item { display: block; float: none; width: 100%; text-align: center; border-top: 1px solid #ccc; }
        .main-nav .menu-item a { display: block; padding: 20px; position: relative; }
        .menu-click:hover,  .main-nav .menu-item a:hover, .main-nav .menu-item-has-children.active > a { text-decoration: none; }
        
.main-nav .menu-item-has-children{ position: relative; }

.main-nav .menu-item-has-children:after { content: ' '; width: 0; height: 0; display: block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top-width: 10px; border-top-style: solid; position: absolute; top: 5px; right: 24px; opacity: 0.2;  }
        
.main-nav .sub-menu { background: #ddd; margin: 0; }

.children, .sub-menu { margin-top: 10px; } 

.main-nav .sub-menu .menu-item.current-menu-item a { text-decoration: underline; }
.main-nav .sub-menu .menu-item a:hover { color: #fff!important; }   

#menu-main-menu { display: none; }
.no-js #menu-main-menu { display: block!important; }


/* -------------------------------------------------------------------------------- */
/* Image slides/banners */
/* -------------------------------------------------------------------------------- */

.slidecontent, .bannercontent { color: #fff; }

.slider-outer { background: #eee url('_/images/loader.gif') no-repeat center center; max-height: 580px; overflow: hidden; transition: background 2s ease; }
#sliderwrap { visibility: hidden; opacity: 0; overflow: hidden; }
.slider-outer, .slide, .banner { position: relative; }
.slide .image, .banner .image { text-align: center; }
.slide { float: left; }
.slide img { display: block; margin: 0px auto; }      

.slidecontent .text { padding: 2em; }

.slidecontent .text h1, .slidecontent .text h2 { color: #fff; font-weight: 600; font-size: 1.4rem; }
.slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6, .slidecontent .text p { font-size: 1rem; line-height: 1.4rem; color: #fff; font-weight: 400; }

.slider-outer, .banner-wrapper { margin-top: -20px; }
.banner-wrapper { background: #eee; }

.pag-button { display: block; height: 40px; width: 40px; position: absolute; top: 43%; opacity: 0.8; cursor: pointer; }
.pag-button:hover { opacity: 1; }
#next.pag-button { right: 0; }
#prev.pag-button { left: 0; }
.pag-button .pag-arrow { display: block; font-size: 40px; line-height: 30px; text-align: center; margin: auto; color: #fff; opacity: 0.5; }


/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */

.widget_title { font-size: 1.375em; padding-bottom: 10px; margin-bottom: 1em; }

.acc-panel.content, .tabs-content .content { padding: 20px; border: 1px solid #ccc; }

.main-text-area .tabs li, .main-text-area .accordion li { margin-left: 0; }
.tabs-title, .accordion-title { border-right: 1px solid #eee; text-transform: capitalize; }
.tabs-title a, .accordion-title { font-size: 1em!important; }
.acc-panel.content { border-top: none; }
.accordion .accordion-item, .tabs-title { margin-bottom: 0px!important; }

.main-content .column .section { padding: 2em; background: #eee; margin: 2em 0; }

ul.sitemap { margin: 2em; }

.button-list h3, .button-link h3 { padding: 0.5em 1em; color: #fff; }
.button-list a, .cmb-featured-link { display: block; }
.button-list a:hover, .cmb-featured-link:hover { position: relative; top: 5px; }

.cybermill-button-link, .button-link { max-width: 325px; }

.button-link:last-child:not(:first-child) { float: left; }

.cybermill-testimonials { clear: both; }

/* -------------------------------------------------------------------------------- */
/* Wordpress Gallery */
/* -------------------------------------------------------------------------------- */

.image-list li { list-style: none; float: left; margin: 2em 0; margin-left: 0!important; }
.image-list li a { display: block; margin-right: 1em; }
.image-list li img { opacity: 0.8; transition: all 0.5s ease; }
.image-list li img:hover { opacity: 1; }

.fix-height { display: none; }


/* -------------------------------------------------------------------------------- */
/* Portfolio Section */
/* -------------------------------------------------------------------------------- */

.grid {overflow: hidden; width: 103%;  }

.filter { margin-bottom: 2em; }
.filter button { display: block; float: left; margin-right: 5px; text-transform: capitalize; padding: 5px 10px; margin-bottom: 0; }

.tile, .tile-sizer { width: 98%; }
.gutter-sizer { width: 20px; }

.tile { margin: 0 0 20px 0; overflow: hidden; float: left; border: 1px solid #ccc; position: relative; }
.tile img { max-width: 100%; box-shadow: none!important; }
.tile a { text-decoration: none; }

.popup-text { color: #fff; margin: 0; padding: 2em; width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; transition: bottom 1s ease; }
.popup-text h3 { color: #fff; }

.tile:hover .popup-text { bottom: 0; }

.plain-masonry { margin-top: 2rem; }
.plain-masonry .tile img { opacity: 1; transition: opacity 1s ease; }
.plain-masonry .tile img:hover { opacity: 0.5; }

.descriptions .cat-info { display: none; opacity: 0; transition: all 1s ease; padding: 1rem 0 2rem 0; }
.descriptions .cat-info.show { opacity: 1; display: block; }

/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */    

.widget { margin-bottom: 2em; }
.widget_title { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 2em; }

/* -------------------------------------------------------------------------------- */
/* Content - Extra */
/* -------------------------------------------------------------------------------- */


.latest-news .title, li a.rsswidget { font-weight: 600; margin-bottom: 10px; }
span.date, .rss-date { display: block; font-style: italic; color: #888; font-size: 1em; margin-bottom: 10px; }

.read-more { display: block; clear: both; font-weight: 600; text-transform: capitalize; padding: 2rem 0; }

.testimonial-list { margin: 0; padding: 0; color: #878786; font-size: 1.125rem; line-height: 2.25rem; }
.testimonial-list li { list-style: none; margin: 0 0 2em 0!important; padding: 0; }
.testimonial-list li blockquote { padding: 0; margin-top: 20px; }
.testimonial-list li blockquote::before { left: -85px; top: 30px; }    

.testimonial-list .name, .testimonial-list .company { display: block; text-align: right; color: #878786; } 
.testimonial-list .name { font-weight: 600;  } 
.testimonial-list .company { font-size: 0.9333rem; }

.google-map { width: 100%; height: 400px; }

.child-list { margin: 2em 0; }

/* -------------------------------------------------------------------------------- */
/* Meet The Team */
/* -------------------------------------------------------------------------------- */

.meet-the-team, .contact-info { margin: 0; padding: 0; list-style: none; }

.team-member, article { margin: 0; padding: 40px 0; border-bottom: 1px solid #ccc; }
.team-member:first-child, article:first-child { border-top: 1px solid #ccc; }

.contact-info .linked-in, .contact-info .twitter { display: block; float: left; margin: 5px 15px 0 0; width: 21px; height: 21px; background: url('_/images/icons.png') no-repeat 0px -46px; text-indent: -999px; overflow: hidden;  }
.contact-info .linked-in a, .contact-info .twitter a { display: block; }
.contact-info .twitter{ background-position: -33px -46px; width: 26px; }

.person-details h2, .person-details li { margin: 0; line-height: 1.6em; }
.person-details li { margin: 0 0 5px 0; }
.job-title { font-style: italic; font-size: 0.7em; }

.post-text, .about-text { margin-top: 20px; }


/* -------------------------------------------------------------------------------- */
/* Latest News*/
/* -------------------------------------------------------------------------------- */

.latest-news .large-thumb { margin-bottom: 20px; }
.latest-news article { border: none!important; }


/* -------------------------------------------------------------------------------- */
/* Our Clients */
/* -------------------------------------------------------------------------------- */

section { background: #eee; }

.section-title { padding: 1em 2em; color: #fff; text-align: center; text-transform: capitalize; font-size: 1.5rem; font-weight: 400; margin-bottom: 0; }

.clients { margin: 0 auto; padding-right: 1rem; padding-left: 1rem; }
.clients li { display: block; list-style: none; }
.clients .column { padding-right: 1rem; padding-left: 1rem; }     


.client-logo { background: #fff; height: 150px; position: relative; }
.client-logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 90%; max-height: 90%; }

/* -------------------------------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------------------------------- */   

.copyright-wrapper, .copyright-wrapper a { color: #fff; }

.footer-bottom { font-size: 10px; font-weight: 300; line-height: 1em; }
.footer-bottom a { color: #fff!important; }
.footer-bottom.right { opacity: 0.6!important; }     

.footer-bottom .pipes:before, .footer-bottom .pipes:after { font-size: 10px; opacity: 1; }

.contact-details h2 { color: #fff; margin: 0; line-height: 1em; }
.tagline { font-style: italic; }

.contact-details ul, .contact-details-insert, .contact-details-top { margin: 0; }
.contact-details li, .contact-details-insert li, .contact-details-top li { list-style: none; margin-bottom: 0px; margin-left: 0!important;}

.contact-details-top-wrapper { padding: 0 2rem 2rem 2rem; }
.ie8 .contact-details-top-wrapper, .ie7 .contact-details-top-wrapper { padding: 0 2em 2em 2em; }
.contact-details-top li { float: right; margin-left: 1em!important; }

address { font-style: normal!important; }

.contact-details li, .contact-details address { text-transform: uppercase; font-size: 1em; margin-bottom: 10px;  }
.contact-details-insert li { margin-bottom: 10px; }
.contact-details address, .contact-details-insert address { padding-left: 40px; }

.icon { display: inline-block; background: url('_/images/icons.png') no-repeat -93px -26px; margin-right: 10px; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "line-font"; font-style: normal; font-weight: normal; font-size: 20px; speak: none; display: inline-block; vertical-align: middle; text-decoration: inherit; width: 1em; margin-right: 20px; text-align: center;  -webkit-font-smoothing: antialiased; }
.footer .contact-details [class^="icon-"]:before { font-size: 26px;  }
.person-details .contact-info [class^="icon-"]:before { font-size: 12px; margin-right: 14px; }

.icon-phone:before, .icon-mobile:before { content: '\e800'; }
.icon-house:before { content: '\e801'; margin-top: -6px; } 
.icon-fax:before { content: '\e802'; } 
.icon-email:before { content: '\e803'; }

.icon-house { float: left; }


.social-icons li { list-style: none; display: block; width: 21px; height: 21px; background: url('_/images/icons.png') no-repeat 0 0; text-indent: -999px; overflow: hidden; transition: all ease 0.2s; float: left; margin: 0 10px 10px 0; }
.social-icons li:last-child { margin-right: 0; }
.social-icons li a { display: block; }
.social-icons li:hover { opacity: 0.5; }
.social-icons li.twitter { background-position: -21px 0; width: 24px; }
.social-icons li.pinterest { background-position: -45px 0; }
.social-icons li.google-plus { background-position: -113px 0; }
.social-icons li.linkedin { background-position: 0 -21px; }
.social-icons li.instagram { background-position: -66px 0; }
.social-icons li.vimeo { background-position: -87px 0; width: 26px; }
.social-icons li.youtube { background-position: -32px -21px; width: 49px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

.social-icons li  { background-image: url('_/images/iconsx2.png'); background-size: 134px 68px; }

}


/* -------------------------------------------------------------------------------- */
/* Hours of Business */
/*-------------------------------------------------------------------------------*/

.business-hours, .business-hours li, .sidebar .business-hours li { list-style: none; margin: 0; padding: 0; }
.business-hours li, .sidebar .business-hours li { margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px solid #eee; }
.business-hours .day { display: inline-block; font-weight: bold; width: 140px; }



/* -------------------------------------------------------------------------------- */
/* Blog & Comments */
/*-------------------------------------------------------------------------------*/

.comments { display: block; }

.single article { border: none!important; }

h2#comments, #respond h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

.commentlist li { border-bottom: 1px dotted #ccc; padding: 1em 0; }
.commentlist li:last-child { border: none; }

/* -------------------------------------------------------------------------------- */
/* Contact Form 7 */
/*-------------------------------------------------------------------------------*/

.wpcf7-not-valid-tip { color: #960000!important; }
.wpcf7-form-control-wrap { display: block; margin-bottom: 1rem; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border: none!important; background: #960000; color: #fff; margin: 20px 0!important; }
.wpcf7-mail-sent-ok { background: #88AD69!important; }

/* -------------------------------------------------------------------------------- */
/* No Script */
/* -------------------------------------------------------------------------------- */ 

.ie7 .background-wrapper, .ie8 .background-wrapper { padding-top: 100px; }
 
#NoScript, .chromeframe {position:fixed; top:0; left:0; width:100%; z-index:9999999; background:rgba( 0, 0, 0, 0.8);  text-align:center;}

.chromeframe { background: #333; }
.chromeframe a { color: #fff; text-decoration: underline; font-weight: bold; }

#NoScript p, .chromeframe p { color:#fff; padding:20px 150px; font-size:16px; font-family: 'Open Sans', sans-serif; }



/* -------------------------------------------------------------------------------- */
/*
 * Vanillabox
 * (C) 2013 cocopon.
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 */
 /* -------------------------------------------------------------------------------- */
 
.vnbx * { box-sizing: content-box; -moz-box-sizing: content-box;  }      
.vnbx-mask {  left: 0; overflow: auto;  position: absolute; top: 0; z-index: 99999; }   
.vnbx-frame { position: absolute; }         
.vnbx-button { -webkit-tap-highlight-color: transparent;  -webkit-touch-callout: none;  -webkit-user-select: none; }  
.vnbx-prev, .vnbx-next {  visibility: hidden; }    
.vnbx-group .vnbx-prev, .vnbx-group .vnbx-next {  visibility: visible; cursor: pointer; } 
.vnbx-pager { visibility: hidden; }
.vnbx-group .vnbx-pager {  visibility: visible; } 
.vnbx-container {  overflow: hidden;  position: relative; } 
.vnbx-content { display: block; left: 50%; position: absolute; top: 50%; }
.vnbx-content > img { vertical-align: middle; } 
.vnbx-content > iframe { border-width: 0; vertical-align: middle; } 
.vnbx-ios .vnbx-content {  overflow: auto;  -webkit-overflow-scrolling: touch; } 
.vnbx-ios .vnbx-content > iframe { display: block; height: 100%;  width: 100%; } 
.vnbx-empty { height: 150px; width: 200px; }  
.vnbx-loading, .vnbx-error { height: 150px; width: 200px; }  
.vnbx-loading > img, .vnbx-loading > iframe, .vnbx-error > img, .vnbx-error > iframe { display: none; height: 150px; width: 200px; }

.vnbx-mask { background-color: rgba(0, 0, 0, 0.7); }   
.vnbx-frame { padding-top: 32px; }     
.vnbx-button { position: absolute; }    
.vnbx-button.vnbx-disabled { display: none; }    
.vnbx-close { cursor: pointer; background-image: url("_/images/close0.png");  background-position: center center;  background-repeat: no-repeat;  background-size: 32px;  height: 32px;  right: -8px;  top: 0;  width: 32px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-close { background-image: url("_/images/close0@2x.png"); }
}

.vnbx-close:hover {  background-image: url("_/images/close1.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-close:hover { background-image: url("_/images/close1@2x.png");   }
}

.vnbx-prev, .vnbx-next { height: 100%; margin-top: 16px; top: 0; width: 44px; }   
.vnbx-prev { background-image: url("_/images/prev0.png"); background-position: center center; background-repeat: no-repeat; background-size: 32px; left: -44px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-prev { background-image: url("_/images/prev0@2x.png");  }
}

.vnbx-prev:active,
.vnbx-prev:hover {  background-image: url("_/images/prev1.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-prev:active,
  .vnbx-prev:hover {  background-image: url("_/images/prev1@2x.png"); }
}

.vnbx-next { background-image: url("_/images/next0.png"); background-position: center center; background-repeat: no-repeat; background-size: 32px; right: -44px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-next { background-image: url("_/images/next0@2x.png"); }
}

.vnbx-next:active, .vnbx-next:hover { background-image: url("_/images/next1.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-next:active, .vnbx-next:hover { background-image: url("_/images/next1@2x.png");  }
}

.vnbx-label { font-family: sans-serif; font-size: 1em; position: absolute; }  
.vnbx-title {  box-sizing: border-box; -moz-box-sizing: border-box; color: #eee;  height: 32px; left: 0; line-height: 32px; overflow: hidden; text-align: left; text-overflow: ellipsis; top: 0; white-space: nowrap; width: 100%;  }   
.vnbx-close-button-enabled .vnbx-title { padding-right: 32px; }      
.vnbx-pager { bottom: -30px; color: #aaa; font-size: 90%; height: 22px;  left: 0;  line-height: 22px;  text-align: center;  width: 100%; }  
.vnbx-container { background-color: #222; text-align: center; }  
.vnbx-loading { background-image: url("_/images/loading.gif"); background-position: center center; background-repeat: no-repeat;  background-size: 32px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-loading { background-image: url("_/images/loading@2x.gif"); }
}

.vnbx-error { background-image: url("_/images/error.png"); background-position: center center; background-repeat: no-repeat; background-size: 32px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .vnbx-error { background-image: url("_/images/error@2x.png"); }
}



/* -------------------------------------------------------------------------------- */
/* Media Queries  */
/* -------------------------------------------------------------------------------- */


/* Define mobile styles */
@media only screen { } 

@media only screen and (min-width: 30em) {
.tile, .tile-sizer { width: 48%; } 
a.logo img {  max-width: 250px; }
}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 32em) { 

a.logo { display: block; margin: 0px auto; text-align: center; }
.menu-click { display: block; margin: 0px auto; margin-top: 40px; float: none; text-align: center; }

} 


@media only screen and (max-width: 40.062em) {  
 .aff-logos { padding-top: 0; }
}

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {    

.credit { text-align: right; } 

.post-text { margin-top: 0; padding-left: 40px; width: 75%; }
.thumbnail, .post-text { float: left; }  
.thumbnail { width: 25%; }
.about-text { margin-top: 40px; }      

.tile, .tile-sizer { width: 31.3%; } 
.tile.large-box, .tile.long { width: 64.3%; }
.tile.full-width{ width: 98%; }

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

}

@media only screen and (min-width: 10em) and (max-width: 64.063em) { 
.main-text-area { margin-bottom: 2rem; }

} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.cybermill-button-link { display: inline-block; float: left; max-width: 325px; vertical-align: top; width: 31.3%; margin-right: 3%;  }
.cybermill-button-link:nth-child(3n+3) { margin-right: 0; }

}   


/* min-width 1025px, large screens */
@media only screen and (min-width: 64.054em) {   

h1 { font-size: 1.75rem; }
                                
.v-inner { padding: 3rem 0; }        

.ie7 .v-inner, .ie8 .v-inner { padding: 3em 0; }
.slidecontent .text { padding: 2rem; }

a.logo img {  max-width: 100%; max-height: 100%; height: auto; width: auto; }
  
.menu-click { display: none; }
.main-nav .menu-main-menu-container { float: right; }
#menu-main-menu { display: block!important; }

.main-nav { width: auto; background: transparent; margin-top: 0; }
    .main-nav .menu-item { display: block; float: left; width: auto; text-align: left; border-top: none; margin: 0 1px; }
    .main-nav .menu-item a { display: block; padding: 0 14px; border-style: solid; border-width: 1px; border-top: none; border-bottom: none; color: #555; font-size: 1rem;}
    .main-nav .menu-item:first-child a { border-left: none; }
    .main-nav .menu-item:last-child a, .main-nav .menu-item:last-child .menu-item-description { border-right: none; }
        
    .main-nav .menu-item-has-children a { padding-right: 48px; }
    .main-nav .sub-menu { display: none; }
    .menu-item-description { font-size: 11px; color: #aaa; margin-top: 5px; padding: 0 14px; }

    .main-nav .menu-item-has-children:hover .sub-menu { display: block; }    
    
        .main-nav .sub-menu { display: none; position: absolute; top: 20px; left: 0%; z-index: 99999; background: transparent; padding-top: 44px; }   
              .main-nav .sub-menu:before { content: ""; display: block; margin-left: 20px; width: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee; }  
        
            .main-nav .sub-menu .menu-item { float: none; display: block; background: #eee; }
                .main-nav .sub-menu .menu-item a { font-size: 1em; padding: 10px!important; display: block; margin: 0; width: 280px; border-left: none; border-right: none; border-bottom: 1px solid #fff; }
                .main-nav .sub-menu .menu-item a:hover { color: #fff; }

.row.collapse > .column.top-header { padding: 0; }                           
.pag-button { height: 70px; width: 70px;  }
.pag-button .pag-arrow { font-size: 60px; line-height: 50px; z-index: 999999; }

.ie8 .main-content .large-4, .ie7 .main-content .large-4 { float: right; }

.contact-details li:last-child { padding: 0; }
.contact-details address, .social-icons li  { margin-bottom: 0px; } 
.contact-details .address { margin-top: 1rem; }

.slidecontent, .bannercontent { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 85%; color: #fff; }
.slidecontent .text { float: left; padding-right: 2em; }


.slidecontent .text h1, .slidecontent .text h2 { font-size: 2rem; }
.slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6, .slidecontent .text p { font-size: 1.125rem; line-height: 1.625rem;}


.pagination { padding: 20px 0; }

.latest-news article { margin-bottom: 0; }

.pagelink.next { float: right; text-align: right; }
.pages { display: block; margin: 0px auto; width: 100%; text-align: center; clear: both; }
.pages small { display: block; }

.phone-email li { float: left; padding-right: 6em; }
.address { margin-top: 10px; }

.right { text-align: right; }

} 



@media only screen and (min-width: 74em) {

.main-nav .menu-item a, .menu-item-description { padding: 0 24px; }
.main-nav .menu-item-has-children a { padding-right: 48px; }
.main-nav .menu-item:last-child a, .main-nav .menu-item:last-child .menu-item-description { padding-right: 0; }


}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {  

} 


/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 

.header-inner { padding: 2em 0; }
.main-nav .menu-item a { font-size: 1.2rem; }

} 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { }       

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { } 



.quick-phone { background: #333; padding: 5px 10px; text-align: center; }


/* Call Us */

span.phone-link {
  float: right;
  margin-right: 20px;
}

#menu-main-menu .menu-item.phone-link
span.phone-link {
  position: relative;
}

  @media only screen and (max-width: 32em){
    span.phone-link {
      margin: 1rem auto 0 auto;
      float: none;
      display: block;
      text-align: center;
    }
  }

  #menu-main-menu .menu-item.phone-link:before,
  span.phone-link:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(252, 176, 64, 1);
    position: absolute;
    left: 0;
    top: 0;
  }
  
    #menu-main-menu .menu-item.phone-link a,
    span.phone-link a {
      background-color: #FCB040;
      color: #fff;
      border-radius: 20px;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 8px;
      padding-bottom: 8px;
      margin-left: 24px;
      font-weight: 600;
      line-height: 1em;
    }
    
      @media only screen and (max-width: 32em){
        span.phone-link a {
          margin-left: 0;
        }
      }
    
      #menu-main-menu .menu-item.phone-link a:hover,
      span.phone-link a:hover {
        background-color: rgba(240, 153, 24, 1);
        color: #fff !important;
      }