/*   
Theme Name: Nimbo
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, .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 --- 
/* -------------------------------------------------------------------------------- */

body { font-family: Georgia,Times,Times New Roman,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: Georgia,Times,Times New Roman,serif; font-weight: 400; }

h1 { font-size: 1.75rem; }
h2 { font-size: 1.25rem; color: #999; }
h3 { font-size: 1.125em; font-weight: 600; }
h4 { font-size: 1em; text-transform: uppercase; }
h5, h6 {  font-size: 0.85em; text-transform: uppercase; font-variant: small-caps; }

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

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

/* Lists */
ul { list-style-type: circle; margin: 0; }
ol { }
ul li,ol li { margin-bottom: 1em; }
ul ul {  } 
                                                                                                                                       
.main-text-area ul li, .main-text-area ol li { margin-left: 2em;}   

.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; font-size: 1.125em; }
blockquote:before, q:before, .quote:before {content: "\201C"; font-size: 120px; font-weight: 600; font-style: normal; line-height: 0px; display: block; position: absolute; top: 60px; left: -55px; opacity: 0.3; }
blockquote p { line-height: 2em; }


.sidebar blockquote { text-align: right; }

.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: #888; }

.req { padding-left: 5px; }

.button { padding: 1em; font-style: italic; font-size: 1.125em; border-radius: 40px; }
.button:after { content: "\00BB"; padding-left: 5px; }


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

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

.align { margin: 0px auto; }            

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

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

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

.ie8 .wrapper { max-width: 1040px; }
.ie7 .wrapper { width: 1040px; }
.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; }       

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

.row { margin-left: auto!important; margin-right: auto!important; }


/*colors*/  

        
.header, .footer, .header a, .footer a, .footer a:link, .footer a:hover, .footer h3, .footer label, a.button { color: #fff!important; }
.footer .widget_title, .footer-wrapper, .main-nav .sub-menu, .main-nav { border-color: #fff; }


/*borders*/

.sidebar .title, .sidebar .widget_title, .footer .widget_title, .featured, .main-content, .our-clients, .filter, .blog article, .child-list article, .search article, .team-member { border-bottom-width: 1px; border-bottom-style: dashed; }
.copyright-wrapper, .main-nav .sub-menu, .main-nav { border-top-width: 1px; border-top-style: dashed; }

.child-list article:last-child { border-bottom: none; }

.thumbnail a img, .image-list li img, .large-thumb a img, .cboxPhoto { border-width: 1px; border-style: solid } 

/*normal and itlaic*/

.widget_title, .title, .button-list h3, .button-link h3, .main-nav .menu-item , .day, 
.month, .read-more, .post-title, .copyright-wrapper, .copyright-wrapper a, .menu-click,
.section-title { font-style: italic; font-weight: normal; }

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

.header, .ribbon-wrapper, .header-inner { position: relative; z-index: 9999; }

.header-inner { padding: 20px; }

.ribbon-wrapper { max-width: 155px; width: 30%; position: absolute; top: 0; left: 20px; }

.ribbon-end { height: 100px; overflow: hidden; padding-left: 50%; padding-top: 0; padding-bottom: 50%; width: 100%; }
.ribbon-end:after { display: block; width: 0; height: 0; content:""; z-index: 1; width: 100%; margin-left: -500px; margin-top: -500px; border-width: 500px; border-style: solid; border-bottom: 500px solid transparent!important;  }

a.logo { display: block; margin: 0px auto; }
a.logo img {  max-width: 140px; width: 100%; display: block; margin: 0px auto; }


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

.menu-click { float: right; padding: 0px; padding: 0 10px; font-size: 1.124rem; }  

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

/*menu-slide*/

body.fixedPosition { position: fixed; }
body.fixedPosition .wrapper { opacity: 0.4; }

body.fixedPosition.admin-bar #wpadminbar { position: fixed; }
body.fixedPosition.admin-bar .main-nav { top: 46px; }

.background-wrapper { position: relative; right: 0; }
.background-wrapper.push { right: 260px; }

.main-nav { width: 260px; height: 100%; position: fixed; top: 0; right: -260px; }
.main-nav.open { right: 0;}   
.main-nav.open .menu-main-menu-container { overflow: auto; height: 100%; }

.main-nav, .main-nav.open, .background-wrapper, .background-wrapper.push { transition: right 0.3s ease; }

.clear { position: fixed; }

/*hamburger-icon*/

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

/*menu-items*/

.main-nav .menu-item { display: block; float: none; width: 100%; text-align: center; border-bottom-style: dashed; border-bottom-width: 1px;  }
.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.current-menu-item { text-decoration: underline; }
.main-nav .menu-item a:hover { background: rgba(255, 255, 255,0.2); color: #fff; text-decoration: underline; }
        
.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: 30px; right: 0px; opacity: 0.2;  }
        
.main-nav .sub-menu a { background: rgba( 255, 255, 255, 0.3 ); 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; }   


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

.slider-outer { background: #eee url('_/images/loader.gif') no-repeat center center; overflow: hidden; transition: background 2s ease; z-index: 999; }
.banner-wrapper { z-index: 999; }
#sliderwrap { visibility: none; 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; width: 100%; height: auto; }  

.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba( 0, 0, 0, 0.4); }    

.slidecontent, .bannercontent { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.slidecontent .text, .bannercontent .text { color: #fff; position: absolute; top: 40px; right: 40px; text-align: right; max-width: 55%; }
.slidecontent h1, .slidecontent h2, .slidecontent h3, .slidecontent h4, 
.slidecontent h5, .slidecontent h6, .bannercontent h1, .bannercontent h2, .bannercontent h3, .bannercontentt h4, 
.bannercontent h5, .bannercontent h6 { color: #fff; font-size: 2.5rem; line-height: 2.8rem; color: #fff; font-weight: 400; }

.slidecontent p, .bannercontent p { color: #fff; font-size: 1.8rem; line-height: 2rem; color: #fff; font-weight: 400; }


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

.wrapper.no-image { padding-top: 30%; }

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

.tabs-title a:hover, .accordion-title:hover { color: #fff!important; }

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

ul.sitemap { margin: 2em; }

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

.image-list { margin: 2em 0; }
.image-list li { list-style: none; float: left; margin-bottom: 2em; 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: 100%;  }

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

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

.tile { margin: 0 2% 2% 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 */
/* -------------------------------------------------------------------------------- */    

.sidebar { margin-top: 2em; }

.widget { margin-bottom: 2em; }
.sidebar .widget:last-child { margin-bottom: 0; }

.featured, .latest-news { text-align: center; }

.title, .widget_title { font-size: 1.25rem; text-transform: capitalize; margin-bottom: 1rem; }
.sidebar .title, .sidebar .widget_title { padding-bottom: 0.5em; margin-bottom: 1em; }
.latest-news .title { border: none; }
.footer .widget_title { font-size: 1.5rem; }


/* -------------------------------------------------------------------------------- */
/* Button Link */
/* -------------------------------------------------------------------------------- */  

.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; text-decoration: none; }
.button-list:hover h3, .button-link:hover h3 { }

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


/* -------------------------------------------------------------------------------- */
/* Testimonials */
/* -------------------------------------------------------------------------------- */  

.cybermill-testimonials { clear: both; }  

.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; padding: 0; }
.testimonial-list li:last-child { margin-bottom: 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; } 
.testimonial-list .name { font-weight: 600;  } 
.testimonial-list .company { font-size: 0.9333rem; }

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

.google-map { width: 100%; height: 400px; }
.google-map h3 { margin-bottom: 5px!important; }

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

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

.team-member, article { margin: 0; padding: 40px 0; }
.team-member:first-child, article:first-child {  }

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

.large-thumb { max-width: 350px; margin-left: auto; margin-right: auto;  }
.latest-news .large-thumb, .featured .large-thumb { margin-bottom: 20px; }
.latest-news article { border: none!important; }
.large-thumb a img[src$=".png"] { border: none!important; box-shadow: none; }

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

.date-circle-outer { background: #fff; border: 10px solid #fff; border-radius: 50%; width: 80px; height: 80px; margin: 0px auto; margin-top: -40px; z-index: 999; position: relative; }
.date-circle { border-radius: 50%; border-width: 2px; border-style: solid; width: 60px; height: 60px; margin: 0px auto; padding: 5px; }
.day, .month { display: block; width: 100%; text-align: center; line-height: 1em;  }
.day { font-size: 1.5rem; padding-top: 2px; }
.month { text-transform: capitalize; }

.read-more { display: block; clear: both; font-weight: 600; padding: 0.5rem 0; }


/* -------------------------------------------------------------------------------- */
/* Highlighted Posts*/
/* -------------------------------------------------------------------------------- */

.cybermill-highlightposts li { list-style: none; width: 100%; display: block; }
.thumb.circle img { border-radius: 50%; border: 3px solid #fff; }
.post-title { width: 70%; font-size: 1.125rem; }

.thumb.circle, .post-title { float: left; clear: none; }
.thumb.circle { width: 25%; margin-right: 5%; }

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

.section-title { padding: 2em 0 0 0; text-align: center; text-transform: capitalize; font-size: 1.5rem; 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: 156px; position: relative; }
.client-logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 1em; }

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

.footer input, .footer textarea, .footer input:focus, .footer textarea:focus { background: rgba(255, 255, 255, 0.3); border: none!important; }
.footer input:focus, .footer textarea:focus { border: 1px solid #fff!important; box-shadow: none; }
.footer textarea { height: 160px; }
.footer .button { float: right; }

::-webkit-input-placeholder { font-style: italic; color: #fff; }
:-moz-placeholder { font-style: italic; color: #fff; }
::-moz-placeholder { font-style: italic; color: #fff; }
:-ms-input-placeholder { font-style: italic; color: #fff; } 
::-ms-input-placeholder { font-style: italic; color: #fff; }
:placeholder-shown { font-style: italic; color: #fff; } 
DIV.wpcf7 .placeheld { font-style: italic; color: #fff; }

.footer ul { list-style-position: inside; } 

.copyright-wrapper, .copyright-wrapper a { color: #fff; font-size: 0.9rem;  }

.footer-bottom { font-weight: 300; line-height: 1em; opacity: 0.4!important; }
.footer-bottom a { color: #fff!important; }  

.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 { 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: 40px; }

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

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

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "circle-line-font-thick"; 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; color: #fff!important; }
.person-details .contact-info [class^="icon-"]:before { font-size: 20px; margin-right: 14px; }

.icon-email:before { content: '\e800'; } /* '' */
.icon-fax:before { content: '\e801'; } /* '' */
.icon-house:before { content: '\e802'; } /* '' */
.icon-mobile:before { content: '\e803'; } /* '' */
.icon-phone:before { content: '\e805'; } /* '' */
.icon-top:before { content: '\e806'; } /* '' */

.icon-house { float: left; }

.contact-details, .social-icons { margin-top: 2em; }
.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; }

.main-content .social-icons li.facebook { background-position: 0 -69px; }
.main-content .social-icons li.twitter { background-position: -61px -46px; width: 25px; }
.main-content .social-icons li.pinterest { background-position: -22px -69px; }
.main-content .social-icons li.google-plus { background-position: -88px -46px; }
.main-content .social-icons li.linkedin { background-position: -88px -69px; }
.main-content .social-icons li.instagram { background-position: -44px -69px; }
.main-content .social-icons li.vimeo { background-position: -113px -69px; }
.main-content .social-icons li.youtube { background-position: -65px -69px; width: 21px; }

.main-content .sidebar .social-icons li { margin: 0 10px 10px 0; }

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

}

.icon-top:before { font-size: 50px; }
.back-to-top { display: block; width: 50px; height: 50px; position: fixed; bottom: 80px; right: 40px; }


/* -------------------------------------------------------------------------------- */
/* 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 dashed #eee; }
.business-hours .day { display: inline-block; font-weight: bold; width: 140px; font-size: 1rem; text-align: left; }



/* -------------------------------------------------------------------------------- */
/* 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; clear: both; }
.wpcf7-mail-sent-ok { background: #88AD69!important; }

.ie8 .field { margin-bottom: 10px; }

/* -------------------------------------------------------------------------------- */
/* 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: Georgia,Times,Times New Roman,serif; }



/* -------------------------------------------------------------------------------- */
/* Colorbox Core Style:
/* The following CSS is consistent between example themes and should not be altered.
/* -------------------------------------------------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; display:block; max-width:none; -ms-interpolation-mode:bicubic; box-sizing: border-box; }
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.1; filter: alpha(opacity = 10);}
#colorbox{outline:0;}

    #cboxContent{background:transparent; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle, #cboxCurrent {position:absolute; bottom:-10px; left:0; text-align:center; width:100%; color:#aaa; padding: 5px; text-transform: uppercase; font-size: 0.8rem; }
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(_/images/cbox-loader.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious, #cboxNext {position:absolute; top:43%; background:url(_/images/controls.png) no-repeat 0 0; width: 30px; height: 50px; text-indent:-9999px; opacity: 1; }
        #cboxPrevious { left: 20px; }
        #cboxPrevious:hover{background-position:0 -50px;}
        #cboxNext{right: 20px; background-position:-30px 0;}
        #cboxNext:hover {background-position:-30px -50px;}
        #cboxPrevious:hover, #cboxNext:hover { opacity: 1; }
        
        #cboxClose{position:absolute; bottom:-4px; right:0; text-transform: uppercase; font-size: 0.8rem; }
        
/* -------------------------------------------------------------------------------- */
/* 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, .ie7 #NoScript, .ie8 #NoScript { 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; }


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


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

@media only screen and (min-width: 30em) {
.tile, .tile-sizer { width: 48%; }   


}

@media only screen and (max-width: 30em) { 

.slidecontent, .bannercontent { display: none; }
} 



@media only screen and (max-width: 38em) { 

.slidecontent h1, .slidecontent h2, .slidecontent h3, .slidecontent h4, 
.slidecontent h5, .slidecontent h6, .bannercontent h1, .bannercontent h2, .bannercontent h3, .bannercontentt h4, 
.bannercontent h5, .bannercontent h6 { font-size: 1.6rem; line-height: 2rem; }

.slidecontent p, .bannercontent p { font-size: 1.2rem; line-height: 1.5rem; }
} 

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

.wrapper.no-image { padding-top: 25%; }

}

@media only screen and (min-width: 40em) and (max-width: 64.063em) {  

.footer .column { float: none; display: inline-block; width: 47%; vertical-align: top; }
} 

/* 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; 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.063em) {   
                                
.v-inner, .inner { padding: 4rem 0; }   
.ie7 .v-inner, .ie8 .v-inner { padding: 3em 0; }    
.ie8 .main-content .large-4, .ie7 .main-content .large-4 { float: right; }

.ribbon-wrapper { max-width: 220px; left: 0; }
.header-inner { padding: 40px; }
.menu-click { display: none; }
.main-nav { position: static; top: auto; right: auto; left: auto; width: 100%; margin-top: 40px; }
.wrapper { padding-left: 260px; width: 100%; box-sizing: border-box; }
.main-nav .sub-menu { display: none;  position: absolute; right: -220px; top: -1px; width: 220px; padding-left: 41px; border-top: none; }
.main-nav .menu-item a { padding: 20px 10px; text-align: left; }

.main-nav .menu-item-has-children:after { border-top: 9px solid transparent!important; border-bottom: 9px solid transparent!important; border-left: 10px solid #fff; border-right: none!important; top: 25px; }

.main-nav .menu-item:hover .sub-menu { display: block; }    

.wrapper.no-image { padding-top: 0; }
.wrapper { min-height: 1000px; }

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

.left { float: left; }
.right { float: right; text-align: right; }

.sidebar { margin-top: 0; }

.slidecontent .text, .bannercontent .text { max-width: 50%; }

} 



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

#menu-main-menu { display: block!important; }

}