/* Reset
------------------------------------ */
HTML { font-size: 100.01% }
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, HR {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    vertical-align: baseline;
    font-family: inherit;
}
DFN, I, CITE, VAR, ADDRESS, EM { font-style: normal }
TH, B, STRONG, H1, H2, H3, H4, H5, H6 { font-weight: normal }
TEXTAREA, INPUT, SELECT {
    font-family: inherit;
    font-size: 1em;
}
SMALL { font-size: .85em }
OL, UL { list-style: none }
TABLE {
    border-collapse: collapse;
    border-spacing: 0;
}
CAPTION, TH, TD { text-align: left }
:focus { outline: none }
*{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-tap-highlight-color: transparent;
}
.clear:before, .clear:after {
    content: "";
    display: table;
    clear: both;
}
.col { padding: 0 20px }
.row .row { margin: 0 -20px }
.row:before, .row:after {
    content: "";
    display: table;
}
.row:after { clear: both }
@media only screen { 
  .col {
      float: left;
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
}


/* General
------------------------------------ */
html,body{
    background: #242526 url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/bg.jpg) no-repeat top center;
    width: 100%;
    height: 100%;
	margin: 0;
    padding: 0;
	font: 12px verdana, arial, helvetica, sans-serif;
    color: #fff;
}
a {
  color: #ffbb26;
  text-decoration: none;
  cursor: pointer;
}
a:hover{ text-decoration: underline; }
strong{ font-weight: bold; }
em{ font-style: italic; }
.clear{ clear: both; }
input { vertical-align: middle; }
#wrapper{
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 20px 24px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img { border: 0; margin: 0; vertical-align: bottom; }
.left-decor{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/left-decor.jpg) no-repeat;
  position: absolute;
  display: none;
  width: 217px;
  height: 803px;
  top:30%;
  /*bottom:40%;*/
  left:-217px;
}
.right-decor{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/right-decor.jpg) no-repeat;
  position: absolute;
  display: none;
  width: 246px;
  height: 1254px;
  top:60%;
  /*bottom:65%;*/
  right:-246px;
}
#container{
  overflow: hidden;
  width: 100%;
  position: relative;
}

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

#header{
  position: relative;
  height: 171px;
  z-index: 5000;
}
#logo{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/logo.png) no-repeat;
  position: absolute;
  display: block;
  width: 300px;
  height: 64px;
  top:23px;
  left:0;
  outline: none;
  text-indent: -9999px;
}
#slogan,#slogan-gallery{
  display: inline-block;
  position: absolute;
  top: 50px;
  left: 354px;
  color: #fff;
  text-transform: uppercase;
  font: 16px 'OrenburgCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}
#slogan-gallery{ left:568px; }
#top-nav{
  position: absolute;
  width: 800px;
  height: 54px;
  top: 112px;
  left: 0;
}
#top-nav > li{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/divider.png) no-repeat top left;
  position: relative;
  display: inline-block;
  float: left;
  font: 16px/61px 'OrenburgCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  letter-spacing: 1px;
  text-transform: uppercase;
}
#top-nav > li:first-child{ background: none; }
#top-nav > li > a{
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0 29px 0 31px;
  z-index: 700;
}
#top-nav > li.current-menu-item > a{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/current-1.png) no-repeat bottom center;
}
#top-nav > li.menu-item-has-children > a:after{
  content: '';
  position: absolute;
  display: block;
  width: 7px;
  height: 4px;
  top: 28px;
  left: 126px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
}
#top-nav > li.menu-item-has-children:hover  > a:after{
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #ffbb26 transparent transparent transparent;
}
#top-nav > li.menu-item-has-children .sub-menu{
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#top-nav > li.menu-item-has-children:hover .sub-menu{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/tut-hover.png) no-repeat top left;
  opacity: 1;
  visibility: visible;
  width: 238px;
  height: 235px;
  top: 0;
  left: -8px;
  padding: 0 35px 0 31px;
  z-index: 500;
  padding-top: 60px;
}
#top-nav .sub-menu li{
  background: none;
  position: relative;
  display: inline-block;
  float: left;
  font: 14px/normal 'TornadoCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 10px 0;
}
#top-nav .sub-menu li a{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0 0 0 40px;
  line-height: 24px;
}
#top-nav .sub-menu li a:hover,
#top-nav .sub-menu li.li-6 a:hover{ color: #ffbb26; }
#top-nav .sub-menu li.li-1 a{ background-position: 0 -36px; }
#top-nav .sub-menu li.li-2 a{ background-position: 0 -69px; }
#top-nav .sub-menu li.li-3 a{ background-position: 0 -102px; }
#top-nav .sub-menu li.li-4 a{ background-position: 0 -154px; }
#top-nav .sub-menu li.li-5 a{ background-position: 0 -205px; }
#top-nav .sub-menu li.li-6 a{
  background: none;
  padding: 0;
  color: #b3b3b3;
}
#top-nav .sub-menu li.li-6{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/hr-1.png) repeat-x top;
  width: 238px;
  text-align: center;
  padding: 12px 0 0 0;
  margin: 5px 0 0 0;
}
/*
#cse-search-box{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat -30px 0;
  position: absolute;
  width: 323px;
  height: 28px;
  top: 126px;
  right: 0;
}
#cse-search-box input[type="text"]{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat 0 -263px;
  position: absolute;
  float: left;
  width: 290px;
  height: 26px;
  top:2px;
  left:9px;
  border: 0;
  margin: 0;
  padding: 0 0 0 20px;
  color:#b5b1c1;
  font: 14px/30px 'TornadoCRegular';
}
#cse-search-box input[type="text"]:hover{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat 0 -289px;
}
*/
#get-updates{
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 36px;
  right: 0;
}
#get-updates .button{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat -457px 0;
  position: absolute;
  display: block;
  width: 151px;
  height: 36px;
  top: 0;
  right: 0;
  outline: none;
  text-indent: -999999px;
  cursor: pointer;
}
.af-form-wrapper1{
  position: absolute;
  display: none;
  width: 408px;
  top: 6px;
  right: 0;
  z-index: 600;
}
.af-form-wrapper1 input[type="submit"]{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat -608px 0;
  position: relative;
  float: right;
  width: 151px;
  height: 30px;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  outline: none;
  text-indent: -999999px;
  cursor: pointer;
}
.af-form-wrapper1 input.text{
  background: #fff url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat 5px -231px; 
  position: relative;
  float: left;
  width: 207px;
  height: 28px;
  border: 1px solid #d6d6d6;
  margin: 0;
  padding: 0 10px 0 30px;
  color: #151114;
  font: 14px/28px verdana;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  box-shadow: inset 0 0 3px 0 #ccc;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}

/* Home
------------------------------------ */

#home-slider{
  position: relative;
  margin-bottom: 30px;
}
#home-slider .owl-carousel{
  position: relative;
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/texture-1.png);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #716978;
  border-bottom: 1px solid #000;
  padding: 10px;
  z-index: 1000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#slider{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/texture-1.png);
  position: relative;
  width: 960px;
  height: 304px;
  top: 0;
  left: 0;
  clear: both;
  margin: 0 0 36px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #716978;
  border-bottom: 1px solid #000;
  z-index: 300;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
#home-slider .item{
  display: block;
  text-decoration: none;
  position: relative;
}
#home-slider img{
  display: block;
  width: 100%;
  height: auto;
}
#home-slider .line{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/trans-1.png);
  position: absolute;
  display: inline-block;
  bottom: 44px;
  left: 0;
  height: 38px;
  padding: 0 15px;
  font: 14px/40px 'OrenburgCRegular';
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
#home-slider1:after{
  content: '';
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/shadow-1.png) no-repeat;
  position: absolute;
  width: 980px;
  height: 40px;
  bottom: -25px;
  left: -10px;
}
#home-slider:before{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg) skew(-0deg);
     -moz-transform: rotate(-3deg) skew(-0deg);
     -ms-transform: rotate(-3deg) skew(-0deg);
     -o-transform: rotate(-3deg) skew(-0deg);
     transform: rotate(-3deg) skew(-0deg);
}
#home-slider:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(3deg) skew(0deg);
     -moz-transform: rotate(3deg) skew(0deg);
     -ms-transform: rotate(3deg) skew(0deg);
     -o-transform: rotate(3deg) skew(0deg);
     transform: rotate(3deg) skew(0deg);
    }
#slidetabs{
  position: absolute;
  display: inline-block;
  height: 30px;
  bottom: 12px;
  left: 32px;
  z-index: 500;
}
#slidetabs a{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat -15px 0;
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  outline: none;
  text-indent: -999999px;
  margin: 0 5px 0 0;
}
#slidetabs a.current{ background-position: 0 0; }
.home-box-wrapper{
  position: relative;
  float: left;
  width:  calc(100%/3 + 10px);
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-box{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/texture-2.png) ;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #6C6874;
  border-bottom: 1px solid #080809;
  padding: 90px 18px 0 18px;
  z-index: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home-box-wrapper .inner{
  position: relative;
  z-index: 1;
}
.home-box-wrapper .inner:after {
      position: absolute;
      width: 94%;
      height: 5%;
      left: 3%;
      border-radius: 50%;
      z-index: -1;
      bottom: 1%;
      content: "";
      box-shadow: 0 9px 15px rgba(0,0,0,0.54);
}
.home-box-wrapper.three{
  width: calc(100%/3 - 20px);
  padding-right: 0;
}
.home-box h3{
  position: absolute;
  display: inline-block;
  top: 7px;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  color: #fff;
  text-transform: uppercase;
}
.home-box-wrapper.one h3{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/spriteme-home1.png) no-repeat 0 0;
  height: 69px;
  left: -18px;
  padding: 11px 0 0 102px;
}
.home-box-wrapper.two h3{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/spriteme-home1.png) no-repeat 0 -90px;
  height: 60px;
  left: 13px;
  padding: 11px 0 0 79px;
}
.home-box-wrapper.three h3{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/spriteme-home1.png) no-repeat 0 -174px;
  height: 61px;
  left: -7px;
  padding: 11px 0 0 91px;
}
.home-box li{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/hr-1.png) repeat-x top;
  display: block;
  padding: 12px 0 10px 0;
  font: 14px 'TornadoCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.home-box li:first-child{
  background: none;
  padding: 0 0 10px 0;
}
.home-box a{
  color:#eee;
  text-decoration: none;
}
.home-box a:hover{ color: #ffbb26; }

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

#main-wrapper{
  position: relative;
  padding: 0 0 24px 0;
}
#main{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/main.png) repeat-y;
  position: relative;
  margin-bottom: 20px;
  padding: 35px 0 10px 0;
  z-index: 400;
  border-top: 1px solid #6C6A72;
  border-bottom: 1px solid #080809;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 5px 8px #000;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
#main-wrapper .shadow{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/shadow-1.png) no-repeat;
  position: absolute;
  width: 979px;
  height: 40px;
  bottom: 0;
  left: -5px;
}
#content{
  float: left;
  width: calc(100% - 298px);
  padding: 0 30px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1{
  margin: 0 -15px 20px 0;
  font: 28px 'OrenburgCRegular';
  text-transform: uppercase;
}
#wide h1{ text-align: center; }
h2{
  margin: 30px -10px 20px 0;
  font: 22px 'OrenburgCRegular';
}
h3{
  margin: 30px 0 20px 0;
  font: 20px 'OrenburgCRegular';
}
.h2-1, .h2-2, .h2-3, .h2-4, .h2-5, .h2-6, .h2-7, .h2-8, .h2-9, .h2-10, .h2-11, .h2-12, .h2-13, .h2-14, .h2-15, .h2-16, .h2-17, .h2-18, .h2-19, .h2-20, .h2-21, .h2-22, .h2-23, .h2-24, .h2-25, .h2-26{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/h-sprite.png) no-repeat 0 0;
  font: 24px/87px 'OrenburgCRegular' !important;
  padding: 0 0 0 150px;
}
.h2-1 { background-position: 0 0; }
.h2-2 { background-position: 0 -100px; }
.h2-3 { background-position: 0 -200px; }
.h2-4 { background-position: 0 -300px; }
.h2-5 { background-position: 0 -400px; }
.h2-6 { background-position: 0 -500px; }
.h2-7 { background-position: 0 -600px; }
.h2-8 { background-position: 0 -700px; }
.h2-9 { background-position: 0 -800px; }
.h2-10{ background-position: 0 -900px; }
.h2-11{ background-position: 0 -1000px; }
.h2-12{ background-position: 0 -1100px; }
.h2-13{ background-position: 0 -1200px; }
.h2-14{ background-position: 0 -1300px; }
.h2-15{ background-position: 0 -1400px; }
.h2-16{ background-position: 0 -1500px; }
.h2-17{ background-position: 0 -1600px; }
.h2-18{ background-position: 0 -1700px; }
.h2-19{ background-position: 0 -1800px; }
.h2-20{ background-position: 0 -1900px; }
.h2-21{ background-position: 0 -2000px; }
.h2-22{ background-position: 0 -2100px; }
.h2-23{ background-position: 0 -2200px; }
.h2-24{ background-position: 0 -2300px; }
.h2-25{ background-position: 0 -2400px; }
.h2-26{ background-position: 0 -2500px; }
p { margin: 20px 0; line-height: 21px; }
sup { vertical-align: super !important; font-size: smaller; }
td { line-height: 18px; }
#content ul{ margin: 20px 0; }
#tutorial-index #content ul{ margin: 10px 0 20px 0; }
#content ul li{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/bullet-1.png) no-repeat 0 6px;
  padding: 0 0 0 27px;
  line-height: 22px;
  margin: 0 0 6px 0;
}
#content li a{ color: #ffbb26; }
.tutorial-index #content li{ color: #999; }
.tutorial-index #content li a{ color: #fff; }
.tutorial-index #content li a:hover{
  color: #ffbb26;
  text-decoration: none;
}
ol {
  counter-reset: li; /* Initiate a counter */
  margin: 20px 0 20px 0;
}
ol > li {
  position: relative; /* Create a positioning context */
  margin: 0 0 4px 30px; /* Give each list item a left margin to make room for the numbers */
  padding: 0 8px; /* Add some spacing around the content */
  list-style: none; /* Disable the normal item numbering */
  line-height: 22px;
}
ol > li:before {
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/ol.png) no-repeat 27px 10px;
  content: counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  top: -1px;
  left: -40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2em;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it (Camino 2 is one example) */
  color: #21a5d9;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}
#content img{
  max-width: 100%;
  height: auto;
}
#content  table{
  max-width: 100% !important;
}
.hide { visibility: hidden; }

/* Wide
------------------------------------ */

#wide #main{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/main-wide.png) center repeat-y;
}
#wide #content{
  position: relative;
  float: none;
  max-width: 610px;
  margin: 0 auto;
  left: 0;
  padding: 0;
  width: auto;
  padding-top: 30px;
}
#wide .post {
  max-width: 610px;
  margin: 0 auto;
}

/* Single
------------------------------------ */

.post{
position: relative;
}
.image-row{
  display: table;
  width: 100%;
  clear: both;
  margin: 20px 0 10px 0;
}
.image-row>div, .image-row>span{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.image-row>div>div,.image-left>div,.image-right>div{
  background: #383640;
  position: relative;
  display: inline-block;
  padding: 5px;
  border: 1px solid #55515f;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.image-left{ float: left; margin: 0 10px 5px 0; }
.image-right{ float: right; margin: 0 0 5px 10px; }
.image-row img, .image-left img, .image-right img { display: inline-block; margin: 0 auto; }
.image-row table { margin: 0 auto !important; }
.caption{
  display: block;
  clear: both;
  text-align: center;
  padding: 10px 2px;
}
#content .note{
  position: relative;
  color: #999;
  font: 10px/14px verdana !important;
  margin: 0 !important;
  text-align: center;
}
.note a{ color: #cc9c33; }
.notebox{
  background: #4e4b57;
  display: block;
  clear: both;
  border: 1px solid #62616b;
  font: 11px/20px verdana;
  padding: 10px;
  margin: 10px 0 20px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}

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

.advice-link{
  background: #43404d;
  position: absolute;
  display: inline-block;
  top: -10px;
  right: -50px;
  color: #bbb !important;
  text-decoration: none !important;
  border: 1px solid #585661;
  border-bottom: 1px solid #29272f;
  border-right: 1px solid #29272f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
  font: 12px/20px verdana;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
.gallery-page{
 background: #242526 url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/gallery-bg.jpg) no-repeat top center;
}
.gallery-page #logo{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/gallery-logo.png) no-repeat;
}

.gallery{
  max-width: 600px;
}
.gallery .item{
  float:left;
  width: calc(100% / 3);
  margin-bottom: 16px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery .item a{
  text-decoration: none;
  background: #000;
  padding: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.gallery .item img{
  display: block;
  max-width: 100%;
  height: auto;
}
.remodal .inner{

}

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

#sidebar{
  position: relative;
  float: right;
  width: 298px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.side-social{
  background: #4a4852;
  clear: both;
  width: 226px;
  height: 50px;
  font: 14px/50px 'TornadoCRegular';
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #4e4d55;
  border-top: 1px solid #727177;
  border-bottom: 1px solid #1d1d1f;
  padding: 0 15px;
  margin: -12px 0 15px 0;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
.side-social ul{
  position: relative;
  display: inline-block;
  float: right;
  top: 13px;
}
.side-social li{
  display: inline-block;
  float: left;
  margin: 0 0 0 15px;
}
.side-social li a, #f-social li a{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat;
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -999999px;
  outline: none;
}
.side-social li.li-1 a, #f-social li.li-1 a{
  background-position: -353px 0;
  width: 24px;
  height: 22px;
}
.side-social li.li-2 a, #f-social li.li-2 a{
  background-position: -377px 0;
  width: 20px;
  height: 20px;
}
.side-social li.li-3 a, #f-social li.li-3 a{
  background-position: -397px 0;
  width: 10px;
  height: 21px;
}
.side-social li.li-4 a, #f-social li.li-4 a{
  background-position: -407px 0;
  width: 27px;
  height: 20px;
}
.side-social li.li-5 a, #f-social li.li-5 a{
  background-position: -434px 0;
  width: 23px;
  height: 21px;
}
.category-links{
  background: #4e4b56;
  float: left;
  clear: both;
  width: 226px;
  font: 14px 'TornadoCRegular';
  border: 1px solid #4e4d55;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #727177;
  border-bottom: 1px solid #1d1d1f;
  padding: 15px 15px 10px 15px;
  margin-bottom: 15px;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
.category-links h3{
  font: 14px 'TornadoCRegular';
  margin: 0 0 10px 0;
}
.category-links li{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/hr-1.png) repeat-x top;
  position: relative;
  display: inline-block;
  float: left;
  width: 226px;
  font: 14px/normal 'TornadoCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  letter-spacing: 0;
  text-transform: none;
  padding: 15px 0 10px 0;
}
.category-links li a{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0 0 0 40px;
  line-height: 24px;
  margin-right: -10px;
}
.category-links li a:hover{ color: #ffbb26; }
.category-links li.li-1 a{ background-position: 0 -36px; }
.category-links li.li-2 a{ background-position: 0 -69px; }
.category-links li.li-3 a{ background-position: 0 -102px; }
.category-links li.li-4 a{ background-position: 0 -154px; }
.category-links li.li-5 a{ background-position: 0 -205px; }

/* Ads
------------------------------------ */

.google_ad1, .advert1, .advert2 { text-align: center; width: 100%; }
.advert2{ display: none; }
.ad_side { clear: both; text-align: center; width: 258px; padding-top: 520px; }

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

#footer{
  position: relative;
  height: 50px;
  font: 11px 'TornadoCRegular';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  color: #c0bfc6;
  padding: 10px 0 0 0;
}
#footer a{ color: #c0bfc6; }
#copy{ display: inline-block; float: left; }
#copy span{ padding: 0 10px; }
#copy .first{ padding: 0 10px 0 0; }
#f-social{
  position: relative;
  display: inline-block;
  float: right;
}
#f-social li{
  display: inline-block;
  float: left;
  margin: 0 0 0 20px;
}
#socializ {
  background: #514f59;
  position: fixed;
  width: 50px;
  z-index: 300;
  margin-left: -87px;
  padding: 12px 26px 10px 10px;
  -moz-border-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-top:1px solid #797678;
  border-left:1px solid #545555;
  border-bottom:1px solid #1f1f1f;
  text-shadow: none;
  /*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
* html #socializ {display: none}
#socializ iframe{
  margin: 0 auto 10px auto;
  text-align: center;
}

#mobile-menu {
    display: none;
}

/* Positioning */
div.center { text-align: center; margin: 20px auto 0 auto; }
div.center>table,div.center>form>table { margin: 0 auto; }
div.left { position: relative; float: left !important; margin: 0 10px 5px 0; display: inline-block; }
div.right { position: relative; float: right; margin: 0 0 5px 10px; display: inline-block;}
div.bot, div.top { position: relative; }
.bot>img, .top>img { display: block; margin: auto; }
div.bot { z-index: 1; }
div.top { z-index: 2; }

/* Tables & Old Calc Style */
table { border-style: none; }
th { font-weight: bold; }
table.t1, .t1 td, .t1 th, td.t1, .calc th, td.but { text-align: center; }
.t1 td, .t1 th, td.t1, .calc td, .calc th { background: #1f1f1f; border: 1px solid #3e3e3e; }
.calc td, .left>tr>td, .left>td, td.left, th.left { text-align: left !important; }
td.calcbutton { text-align: center !important; }
td { vertical-align: middle; }
.calc th { height: 35px; font-size: 14px; }
.calc .result { background: #002; }
.bg, .bg td, .bg th { background: transparent !important; border-color: transparent !important; }
.pad td, .pad th { padding: 2px 5px !important; }

/* Misc Special Styles */
.d1 { background: #292929; display: block; clear: both; margin: 10px 0; padding: 8px; border: 2px solid #555; }
#multipage-top {
	background: #43404d;
  display: inline-block;
	position: absolute;
	top: -36px;
	right: 0;
	z-index: 10;
	padding: 0 10px;
	border: 1px solid #585661;
	border-bottom:1px solid #29272f;
	border-right:1px solid #29272f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 12px/20px verdana;
	/*behavior: url(https://cdn.cambridgeincolour.com/PIE.htc);*/
}
#multipage-top a, #multipage-bot a { font-weight: bold; }
.stButton_gradient { background: #c7c7c7 !important; border: 0 !important; }
.stButton_gradient:hover { background: #eee !important; }
.stButton .stBubble { background:url(https://cdn.cambridgeincolour.com/images/icons/bubble_arrow_below.png) no-repeat 10px 28px !important; display:none; width:60px !important; height:32px !important; margin:0; margin-top:5px; margin-bottom:2px; color:#444; overflow:hidden; line-height:16px }
.stButton .stBubble_count { background:#c7c7c7 !important; position:relative; width:58px !important; height:22px !important; font-size:12px !important; padding-top:5px !important; color: #333 !important; z-index:-1; border:1px solid #ccc; border-radius:0 !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
.arrow { font: 28px/8px arial; }
.arrowbg { font: 36px/8px arial; color: #21a5d9; }
.arrowsm { font-size: 18px; }

/* newsletter, updates & input buttons */
.af-textWrap>input { margin-top: 8px !important; }
#af-body-339930703 input, #af-body-1708561870 input { margin-top: 0 !important; }
.buttonContainer input.submit, .but>input { cursor: pointer !important; }

/* Search */
/* input#q { background: #222; width: 130px; height: 16px; margin-right: -4px; color: #999; padding: 1px 2px; font: 14px arial, sans-serif; text-align: left; }
.gsc-completion-container { z-index: 999; border: 2px solid #111 !important; box-shadow: 2px 2px 8px #000;  }
.gsc-completion-container table { margin: 0; border: 0 !important; padding: 10px 0; }
.gsc-completion-container td { background: #222; border: 0 !important; color: #ccc !important; font: 13px arial, sans-serif; text-align: left; padding: 2px 5px; }
td.gsc-completion-selected { background: #ffbb26; color: #000 !important; }
*/

/* OnMouseoverButtons */
.on, .off { cursor: pointer; }
.on { color: #ffbb26; }
.off { color: #eee; }
.preload, .hidden  { display: none; }

/* article index pages */
.tutorial-index #content li.sec { background: none; margin: 10px 0 8px -12px; color: #fff; font-size: 14px; font-weight: bold; }

/* Other Media */
@media print {
.google_ad1, .advert1, #top-nav, #footer, iframe, div.top, div.updates, #header, #sidebar, #get-updates { display: none !important; }
}

@media (max-width: 959px) {
  html, body{
    background: #242526;
  }
#header{
  height: 80px;
}
#slogan, #slogan-gallery {
    top: 20px;
    left: 230px;
    width: 350px;
    font-size: 14px;
    line-height: 130%;
}
#get-updates {
    top: 15px;
    right: 120px;
}
#logo {
    width: 200px;
    height: 42px;
    top: 15px;
    background-size: 100% 100%;
}
.gallery-page #logo {
    width: 200px;
    height: 42px;
    top: 15px;
    background-size: 100% 100%;
}
  #top-nav{
    display: none;
  }
  #cse-search-box{
    display: none;
  }
/*
#mobile-menu  #cse-search-box {
    background: #fff;
    position: relative;
    width: auto;
    height: 26px;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    margin: 10px 20px 0  20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mobile-menu #cse-search-box input[type="text"] {
    background: #fff url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat 10px -263px !important;
    position: relative;
    float: none;
    width: 100%;
    height: 26px;
    top: 0;
    left: 0;
    border: 0;
    margin: 0;
    padding: 0 0 0 30px;
    color: #b5b1c1;
    font: 14px/30px 'TornadoCRegular';
    vertical-align: middle;
    line-height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
  #main{
    background: #4B4954;
  }
  #content {
    float: none;
    width: 100%;
    padding: 35px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sidebar {
    float: none;
    width: 100%;
    padding: 0;
    right: 0;
  }
  #wrapper{
    max-width: 960px;
  }
  .post {
    float: none;
    width: 100%;
}
.side-social {
    width: auto;
    margin: 0 10px 10px 10px;
}
.category-links{
  width: auto;
  margin: 0 10px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.category-links li{
  display: block;
  width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-trigger{
  display: inline-block;
  position: absolute;
  top:20px;
  right: 0;
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/menu-icon.png) no-repeat;
  width: 32px;
  height: 32px;
}
#mobile-menu{
  background: #4D4956;
  display: block;
}
.sidebar-wrapper {
  position: relative;
  height: 100%;
  overflow: auto
 }
#mobile-nav li{
  display: block;
}
#mobile-nav > li a{
  color: #fff;
  display: block;
  padding: 20px 40px 20px 20px;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}
#mobile-nav a br{
  display: none;
}
#mobile-nav > li{
  border-bottom: 1px solid #716978;
}
#mobile-nav > li:last-child{
  border-bottom: 0;
}
#mobile-nav > li:first-child a{
  background: #FFBB26;
}
#mobile-nav > li .icon-home{
  font-family: 'montserratregular';
}
#mobile-nav > li .icon-home:before {
  content: "Home";
}
#mobile-nav .sub-menu{
  display: none;
}
#mobile-nav > li.menu-item-has-children > a:before{
  content: '+';
  position: absolute;
  right: 20px;
  top:50%;
  font-size: 30px;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
#mobile-nav > li.menu-item-has-children > a.active:before{
  content: '–';
}
#mobile-nav > li.menu-item-has-children.active .sub-menu{
  display: block;
  background: #716978;
  padding: 10px 0;
}
#mobile-nav > li li{
  border:0;
}
#mobile-nav > li li a{
  display: block;
  padding: 10px 40px 10px 20px;
  font-size: 15px;
}

#socializ{
  display: none !important;
}
.ad_side{
  display: none;
}
#main{
  padding: 0 0 20px 0;
}

.advice-link{
  top: 0px;
  right: 0;
}



}

@media (max-width: 800px) {
  .home-box-wrapper.three h3 {
      padding: 11px 0 0 85px;
  }
  #get-updates {
    display: none;
  }
}
@media (max-width: 767px) {

.home-box-wrapper{
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 30px;
}
.home-box-wrapper.three{
    margin-bottom: 0;
}

.image-row {
    display: block;
    margin: 20px 0 10px 0;
}
.image-row>div, .image-row>span {
    display: block;
    text-align: center;
    vertical-align: middle;
}
.image-row>div{
  margin-bottom: 20px;
}

.google_ad1, .advert1 {
    display: none;
}

.advert2 {
    display: block;
}

}



@media (max-width: 600px) {

#content  table{
  width: 100% !important;
  table-layout: fixed;
}
#content td,
#content th{
  word-wrap: break-word;
}
#content td img{
  width: 100%;
}
#slogan, #slogan-gallery {
display: none;
}

#copy {
    display: block;
    float: none;
    margin-bottom: 20px;
    line-height: 160%;
}
#f-social {
    display: block;
    float: none;
}

}

@media (max-width: 567px) {
.h2-1, .h2-2, .h2-3, .h2-4, .h2-5, .h2-6, .h2-7, .h2-8, .h2-9, .h2-10, .h2-11, .h2-12, .h2-13, .h2-14, .h2-15, .h2-16, .h2-17, .h2-18, .h2-19, .h2-20, .h2-21, .h2-22, .h2-23, .h2-24, .h2-25, .h2-26 {
 font-size: 18px !important;
 line-height: 120% !important;
 min-height: 80px;
}
h1 {
    font: 22px 'OrenburgCRegular';
}
h2 {
    font: 18px 'OrenburgCRegular';
}

.gallery .item{
  float:left;
  width: calc(100% / 2);
  margin-bottom: 16px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

}


#wide .search-results h1{
  text-align: left;
}

.search-post{
  margin-bottom: 20px;
}

.search-post h4{
  font-size: 14px;
  margin-bottom: 10px;
}

.search-post p{
  line-height: 18px;
  font-size: 12px;
  margin: 0;
}


.wp-paginate li:before{
  display: none;
}

/*
.wp-paginate{
  list-style: none;
    margin: 10px 0 30px 0 !important;
}

.wp-paginate li {
  margin: 0 4px 0 0;
  padding: 0;
  list-style: none;
  line-height: 100%;
}

.wp-paginate .current {
  color: #666 !important;
  background: #ffbb26 !important;
  border: 1px solid #ffbb26 !important;
}

.wp-paginate a {
  color: #666 !important;
}
*/

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 1044618 2014-12-14 23:43:29Z emartin24 $
 * Copyright 2014 Studio Fuel (http://www.studiofuel.com)
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; margin: 0 4px 0 0;}
.wp-paginate li a {background:#ddd; border:1px solid #ccc; color:#666 !important; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

ol.wp-paginate li {
	line-height: 3em;
  /*white-space: nowrap;*/
}


@media (max-width: 959px){
  #header #ajaxsearchlite1{
    display: none;
  }
}

#header #ajaxsearchlite1{
  background: url(https://cdn.cambridgeincolour.com/cms/wp-content/themes/cic/stylesheets/images/sprite.png) no-repeat -30px 0;
  position: absolute;
  width: 323px;
  height: 28px;
  top: 126px;
  right: 0;
  box-shadow: none;
  border:0;
}

#header #ajaxsearchlite1 .probox, div.asl_w .probox {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}


#header #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
  color: #fff !important;
  font-size: 12px;
  line-height: normal !important;
  text-shadow: none;
  border: 0;
  box-shadow: none;
}


#header #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input[type="search"]::placeholder{
  color: #fff !important;
}
#header #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input[type="search"]::-webkit-input-placeholder {
  color: #fff !important;
}

#header div.asl_w .probox .promagnifier .innericon svg {
  fill: #fff;
}

#header div.asl_w .probox .promagnifier {
  background-image: none;
  box-shadow: none;
}

#header  div.asl_w .probox div.asl_simple-circle {
  border: 4px solid #fff;
}



div.asl_r .results .item .asl_content .asl_desc {
  color: #000
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
  color: #B77933 !important;
}

div.asl_r p.showmore a {
  color: #fff !important;
  background: #B77933;
}