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


/* -------------------------------------------------------------------------------- */
/* 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 { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* For IE 6/7 only */

.admin-bar { position: static; }


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


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

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

h1 { font-size: 1.4rem; line-height: 2rem; }
h2 { font-size: 1.2rem; line-height: 2rem; }
h3 { font-size: 1.125rem; font-weight: 300; font-weight: bold; }
h4 { font-size: 1rem; text-transform: uppercase; }
h5, h6 {  font-size: 0.85rem; text-transform: uppercase; }

.title, .widget_title { font-size: 1.5em; text-transform: capitalize; font-weight: 300; }
.widget_title { border-bottom: 1px solid #ccc; }

p { margin: 0 0 10px 0; font-weight: 300; line-height: 2rem; }

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

/* Lists */
ul { list-style: inside; font-weight: 300; }
ol { font-weight: 300; }
ul li,ol li { margin-bottom: 1em; }
ul ul {  }  

.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; } 

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: 60px; position: relative; padding: 2em; margin: 0; }
blockquote:before, q:before, .quote:before {content: "\201C"; font-size: 100px; line-height: 0px; display: block; position: absolute; top: 60px; left: -35px; }
blockquote p { line-height: 2em; }

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; -webkit-appearance: none; box-sizing: border-box; }

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

textarea { margin-bottom: 1em!important; }

label { margin-bottom: 5px; }

.req { padding-left: 5px; }

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

.main-nav, .button-list h3, .button-link h3, .section-title, .dotted-border { background-image: url('_/images/dots.png'); }

.dotted-border  { width: 100%; height: 20px; display: block; }

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

.wrapper { background: #fff; margin: 0px auto; max-width: 70rem; }
.ie8 .wrapper { max-width: 1100px; }
.ie7 .wrapper { width: 1280px; }
.align { margin: 0px auto; }

.wrapper, .button-list a, a.logo, .cmb-featured-link { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

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

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

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

.ie7 .inner, .ie8 .v-inner { padding: 2em 0; }


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

.row { padding-bottom: 2em; }
.header { margin-top: -20px; }
.header.logo-left, .header.logo-center { margin-top: 2em; } 

    a.logo { width: 120px; min-width: 120px; height: 120px; display: block; margin: 0px auto; text-align: center; background: #fff; } 
     a.logo.medium_logo { width: 80%; max-width: 240px; height: auto; } 
      a.logo.large_logo { width: 80%; max-width: 410px; height: auto; }   

    .tag-line { text-align: center; font-style: italic; font-size: 1rem; }

.contact-details-top { margin: 2em 0 0 0; text-align: center; }    
.contact-details-top li { text-align: center; list-style: none; display: inline-block; padding-left: 5px; margin-bottom: 0; }


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

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

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

.mobile-nav { display: block; width: 100%; }
.mobile-nav li { float: right; transition: all 1s ease 0s; line-height: 60px; }
.menu-text { margin-right: 15px; color: #fff; }

.mobile-nav li a, .main-nav .menu-item a { color: #fff; }

.mobile-nav li { padding-left: 30px; }
.mobile-nav li a:hover { text-decoration: none; }

.main-nav { width: 100%; display: block; }
    .main-nav .menu-item { text-align: center; border-top: 1px solid rgba( 255, 255, 255, 0.5 ); }

        .main-nav .menu-item a { display: block; padding: 15px 0; position: relative; color: #fff!important; }
        .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 .sub-menu { background: #666; }

.main-nav .current-menu-item > a:after, .main-nav .menu-item:hover > a:after  { text-align: center; content: ' '; width: 0; height: 0; display: block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }

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

/*hamburger-icon*/

.hamburger { display: inline-block; width: 20px; height: 24px; vertical-align: middle; margin-right: 5px; }
.hb-bar { display: block; height: 4px; background: #fff; width: 20px; position: relative; box-sizing: border-box; transition: all 0.5s ease-in-out 0s; opacity: 0.5; }
.hb-bar + .hb-bar { margin-top: 4px; }                         
        
.hb-bar { transform: rotate(0deg); top: 0; }
.hb-bar:nth-child(2n) { transform: rotate(0deg); }
.hb-bar:nth-child(3n) { opacity: 0.5; }
    
.menu-open .hb-bar { transform: rotate(45deg); top: 8px; }
.menu-open .hb-bar:nth-child(2n) { transform: rotate(135deg); top: 0; }
.menu-open .hb-bar:nth-child(3n) { opacity: 0; } 

.house-icon { opacity: 0.5; display: inline-block; margin-right: 5px; vertical-align: text-bottom; width: 20px; height: 23px; background: url('_/images/house.svg') center center no-repeat; background-size: auto 100%; }

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

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

.slidecontent, .bannercontent { width: 100%; padding: 0; background: rgba( 255, 255, 255, 0.8); }

.slidecontent h1, .bannercontent h1, .slidecontent h2, .bannercontent h2, 
.slidecontent h3, .bannercontent h3, .slidecontent h4, .bannercontent h4, 
.slidecontent h5, .bannercontent h5, .slidecontent h6, .bannercontent h6 { margin: 0; }

.ie7 .slidecontent, .ie7 .bannercontent, .ie8 .slidecontent, .ie8 .bannercontent { background: #fff; }

.slidecontent .inner, .bannercontent .inner  { padding: 1rem; }

.ie7 .slidecontent .inner , .ie8 .slidecontent .inner, .ie7 .bannercontent .inner , .ie8 .bannercontent .inner { padding: 1em; }

.slidecontent .text p, .bannercontent p { font-size: 1rem; }
.slidecontent .text p:last-child, .bannercontent p:last-child { margin-bottom: 0; padding-bottom: 0; }


.pag-button { display: block; height: 40px; width: 40px; position: absolute; top: 43%; opacity: 0.5; cursor: pointer; transition: opacity 1s ease; z-index: 999999; }
.pag-button:hover { opacity: 1; transition: opacity 1s ease; }
#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 */
/* -------------------------------------------------------------------------------- */

.main-text-area { margin-bottom: 2em; }

.feature-image img { border: 1px solid #ccc; }

.section-title h2, .widget_title { font-size: 1.375em; padding-bottom: 10px; margin-bottom: 1em; }
.section-title { padding: 0 2em; }

.acc-panel.content, .tabs-content .content { padding: 20px; border: 1px solid #ccc; }
.tab-title { border: 1px solid #ccc; border-bottom: none; margin-right: 4px; }
.tabs-title a, .accordion-title { font-size: 0.9em!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; }

.cybermill-button-link, .button-link { max-width: 325px; }
.button-list h3, .button-link h3 { padding: 0.5em 1em; color: #fff; font-size: 0.875rem; font-weight: 600; }
.button-list a, .cmb-featured-link { display: block; }
.button-list a:hover, .cmb-featured-link:hover { position: relative; top: 5px; text-decoration: none!important; }

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


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

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

.image-list li { list-style: none; float: left; margin-bottom: 2em; margin-left: 0!important; text-align: center; }
.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%; }
.tile a { text-decoration: none; }

.popup-text { background: rgba( 255, 255, 255, 0.8 ); color: #555; margin: 0; padding: 2em; width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; transition: bottom 1s ease; }
.popup-text h3 { color: #555; }

.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 */
/* -------------------------------------------------------------------------------- */    

.sidebar { margin-top: 2em; }
.widget { margin-bottom: 2em; }

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

.item { float: left; }

.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; }

.testimonial-list { margin: 0; padding: 0; }
.testimonial-list li { list-style: none; margin: 0 0 2em 0; padding:  0 0 2em 0;  border-bottom: 1px solid #eee; }
.testimonial-list li:first-child { padding-top: 1em; }
.testimonial-list li blockquote { padding: 0; }
.testimonial-list li blockquote::before { left: -65px; 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; }   



/* -------------------------------------------------------------------------------- */
/* 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; }



/* -------------------------------------------------------------------------------- */
/* 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; }



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

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


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

.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: 3rem; padding-left: 3rem; }
.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; }

/* -------------------------------------------------------------------------------- */
/* Google Map*/
/* -------------------------------------------------------------------------------- */  

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


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

.footer { font-weight: 300; }

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

.contact-details li, .contact-details address { font-style: normal; font-size: 1em; line-height: 1.8em; margin-bottom: 10px; }
.contact-details-insert li { margin-bottom: 10px; }
.contact-details address, .contact-details-insert address { padding-left: 20px; }

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


.phone-email li, .address-1 { display: block; float: left; margin: 0 3rem 2rem 0!important;  }
.phone-email li.address { margin-bottom: 0!important; }
.social-icons li { float: left; }
.footer .right, .footer-bottom .right { margin-top: 1em; }
.footer h3 { margin-left: 43px; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "circle-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: 10px; text-align: center;  -webkit-font-smoothing: antialiased; }
.footer .contact-details [class^="icon-"]:before { font-size: 34px; }
.person-details .contact-info [class^="icon-"]:before { font-size: 18px; margin-right: 14px; }
.social-icons li [class^="icon-"]:before { margin-right: 0; }

.icon-youtube:before { content: '\e800'; }
.icon-facebook:before { content: '\e801'; } 
.icon-fax:before { content: '\e802'; } 
.icon-house:before { content: '\e803'; }
.icon-email:before { content: '\e804'; }
.icon-phone:before, .icon-mobile:before  { content: '\e805'; }
.icon-pinterest:before { content: '\e806'; }
.icon-twitter:before { content: '\e807'; }
.icon-instagram:before { content: '\e808'; }
.icon-linkedin:before { content: '\e809'; }
.icon-googleplus:before { content: '\e80a'; }  

.icon-house { float: left; }


.menu-footer-menu-container .menu-item { float: left; }


.pipe:after, .menu-footer-menu-container .menu-item:after { content: "\007C"; display: inline-block; vertical-align: top; font-size: 1em; font-weight: bold; opacity: 0.5; padding: 0 10px; margin: 0; }

.footer.inner, .footer.inner .row { padding-bottom: 0; }
.footer-bottom .footer-nav, .cr-text { font-size: 0.7rem; line-height: 1.5em; }  

/* -------------------------------------------------------------------------------- */
/* Sidebar Contact Details */
/*-------------------------------------------------------------------------------*/



/* -------------------------------------------------------------------------------- */
/* 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; }

.page-numbers.current { padding: 0 5px; color: #fff; }


/* -------------------------------------------------------------------------------- */
/* 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; clear: both; }
.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: 999; }   
.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 {  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%; } 
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
.phone-email li { margin-bottom: 1em!important; }   
} 

@media only screen and (min-width: 680px) {
.slider-outer { max-height: 400px; }    
}

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

.slidecontent, .bannercontent { position: absolute; left: 0; bottom: 0; }

.credit { text-align: right; } 

div.date { width: 70px; height: 70px; padding: 8px; }
div.date .day { font-size: 34px; }
div.date .month { font-size: 16px; line-height: 24px; }

.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%; }

.header { position: relative; }
.contact-details-top { margin: 0; position: absolute; top: 0; right: 2em; width: auto; }  
.logo-top .contact-details-top { top: 2em; }
.contact-details-top li { text-align: right; width: auto; padding-left: 10px; text-align: right; } 

.header.logo-left a.logo { float: left; }    

.header.logo-left .tag-line { text-align: right; float: right; padding-top: 2em; }

}

/* 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 { width: 31.3%; margin-right: 3%;  }
.cybermill-button-link:nth-child(2n+2) { margin-right: 3%; }
.cybermill-button-link:nth-child(3n+3) { margin-right: 0; }

} 


@media only screen and (min-width: 960px) {
.slider-outer { max-height: 480px; }     
.image-list li a { margin-right: 0; }   
      
}

@media only screen and (min-width: 1024px) {
.cybermill-button-link { width: 100%!important; margin-right: 0;  }
.cybermill-button-link:nth-child(2n+2) { margin-right: 0; }
.cybermill-button-link:nth-child(3n+3) { margin-right: 0; }
}


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

h1 { font-size: 2rem; line-height: 2.375rem; }
h2 { font-size: 1.5rem; line-height: 2.375rem; } 
.tag-line { font-size: 1.375rem; }

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

.ie7 .inner, .ie8 .inner  { padding: 4em 2em; }
.ie7 .footer-bottom.inner, .ie8 .footer-bottom.inner { padding: 2em; }

.main-nav { padding: 0 4rem; }

#menu-main-menu { display: block!important; }
.mobile-nav { display: none!important; }     

    .main-nav .menu-item { border: none; float: left;  padding: 0; text-align: left; }
        .main-nav .menu-item:after { content: "\007C"; display: inline-block; vertical-align: text-top; font-size: 1em; font-weight: bold; opacity: 0.5; margin: 0; color: #fff; }
        .main-nav .menu-item a { padding: 0; margin:0 25px; line-height: 60px; font-size: 1.125rem; display:  inline-block; }

        .main-nav .menu-item:first-child a { margin-left: 0; }
        .main-nav .menu-item:last-child a { margin-right: 0; }
        .main-nav .menu-item:last-child:after { content: ""; }
        
    .main-nav .menu-item-has-children:hover .sub-menu { display: block; }    
    
        .main-nav .sub-menu { display: none; position: absolute; top: 60px; left: -25%; z-index: 99999; }
            .main-nav .sub-menu .menu-item { float: none; display: block; padding: 0 1em; border-bottom: 1px solid #ccc; }
            .main-nav .sub-menu .menu-item:after { content: ""; display: none; }
        
                .main-nav .sub-menu .menu-item a { display: block; margin: 0; width: 280px;  }
                .main-nav .sub-menu { opacity: 0.85; }

.contact-details li, .contact-details address { margin-bottom: 0px; } 
address { height: 30px; } 
.social-icons li { margin: 0 10px 10px 0; }


.slidecontent .inner, .bannercontent .inner  { padding: 1rem 4rem; }
.slidecontent .text { float: left; padding-right: 2em; }
.slidecontent .button { float: right; margin: 0; }
.slidecontent .button:hover { text-decoration: none; }

.ie7 .bannercontent .inner , .ie8 .bannercontent .inner, .ie7 .slidecontent .inner , .ie8 .slidecontent .inner { padding: 1em 4em; }

.sidebar { margin: 0; }

.pagination { padding: 20px 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; }

.right { text-align: right; }

.social-icons li { float: right; }
.contact-details .right { padding-left: 0; }

.footer .right, .footer-bottom .right { margin-top: 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) { 
.main-nav .menu-item a { margin:0 30px; }
} 

/* 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) { }