/*
	Theme Name: Central
	Theme URL: http://tstcars.co.uk
	Description: Central is a bespoke WordPress theme created for TST Cars
	Author: PointandStare.com
	Author URI: https://pointandstare.com
	Version: 2.0
	
	Not for general use.
	
	Main Stylesheet for TSTCars.co.uk

*/

/*

	Links - 65a9d7
	
	Main logo - AF0734

	h1.title, .sidebar h2, h2 - AF0734

*/

/* -- RESET -- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}

/* -- for new header -- */
body {
	font-family: 'Montserrat', sans-serif;
	font-family: 'Italianno', cursive;
}


#left_h {

	float: left;
	width: 42%;
	height: 80px;
}
#middle_h {
	float: left;
	width: 30%;
	text-align: center;
	
}
#right_h {
	font-family: 'Montserrat', sans-serif;
	text-align: right;
	color: #272c33;
	float: left;
	width: 28%;
}

#right_h a {
	color: #900020;
	text-decoration: none;

}
.clearfix {
	clear: both;
}
.book_title {
	font-size: 150%;
}

.cta-tele {
	font-weight: 500;
	font-size: 140%;
	line-height: 40px;

}

.phone_ico {
	padding-right: 5px;
	height: 20px;
}

/* -- for new header - end -- */

article, aside, figure, footer, header, hgroup, nav, section { display: block }
img, object, embed { max-width: 100% }
html { overflow-y: scroll }
ul { list-style: none }
blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    color: #713442; 
}

del { text-decoration: line-through }

abbr[title], dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0
}

input, select { vertical-align: middle }
*:focus { outline: 0 }

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] {
    *vertical-align: baseline;
    vertical-align: bottom
}

select, input, textarea { font: 99% sans-serif }

table {
  font: 100%;
  font-size: inherit
}

a:hover, a:active { outline: none }
small { font-size: 85% }
strong, th { font-weight: bold }
td, td img { vertical-align: top }

label,
input[type=button],
input[type=submit],
button { cursor: pointer }

button, input, select, textarea { margin: 0 }

button {
    overflow: visible;
    width: auto
}

/* -- FIXISH -- */
@-ms-viewport { width: device-width }
@viewport { width: device-width }

.row { *zoom: 1 }

.row:before, .row:after {
  content: "";
  display: table
}

.row:after { clear: both }

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after { clear: both }
.clearfix { zoom: 1 }

::-moz-selection{
    background: #fcd700;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #e8e8e8;
    text-shadow: none
}

.pands-menu {
	display: none;
	visibility: hidden
}

/* -- SLIDER -- */
.flexslider {
    width: 100%;
    display: block;

}
.flexslider {
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-box-shadow: '' 0!important;
    -o-box-shadow: '' 0!important;
    -webkit-box-shadow: '' 0!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: '' 0!important
}

div.flexslider.header { margin: 0!important }

ul.slides {	padding: 0!important }

.span-24, div.span-24 {
	border: none;
	margin: 0;
	width: 950px
}

/* -- CORNERS -- */
#pixopoint_menu1 {
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px
}

#ivycols, .mini-jimmy {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #bbb;
}

/* -- SHADOWS -- */
.mini-jimmy {
	filter: dropshadow(color=#AF0734, offx=1, offy=1);
	text-shadow: 1px 1px 0px #000
}

.mini-jimmy:hover {
	filter: dropshadow(color=#AF0734, offx=0, offy=0);
	text-shadow: 0px 0px 0px #AF0734
}

/* -- GRAD -- */
.mini-jimmy, #pixopoint_menu1 { background: #272c33 }
	
/* -- MAIN -- */
body {
	background: #fff;
	color: #222;
	font-family: "Trebuchet MS","Helvetica Neue", "PRISTINA", Arial, Helvetica, sans-serif;
	font-size: 16px
}

#wrapper {
	margin: 0 auto;
	width: 950px;
	padding: 0
}

.container {
	margin: 0 auto;
	width: 100%
}

/* HEADER */
#header {
	margin: 20px auto 0 auto;
	width: 100%
}

#header span {
	display: inline-block;
	min-width: 32.6%;
	vertical-align: text-top
}

#header span a { 
	color: #900020 
}

#header span.right { 
	text-align: center 
}

.header-name a {
	color: #900020;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-weight: bold;
	text-decoration: none
}

.cta-info {
	color: #272c33;
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-align: center
}

.cta-info a {
	color: #BE002A;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none
}

.cta-info a:hover {	text-decoration: none }

.cta-tel {
	color: #BE002A;
	font-size: 120%!important;
}

.cta-tel a {
	color: #BE002A;
	font-size: 120%!important;
}

.strapline {
	color:#666;
	font-size:110%;
	font-style:italic;
	font-weight:bold;
	text-align:left
	}

#header h1 {
	margin-bottom: 0px !important;
    padding: 0;
	}

#header h1 a, #header h1 a:visited {
	color: #0c5d7f;
	text-decoration: none;
	}

#header h2 {
	color: #6b92a2;
	font-size: 14px;
	}

.header_logo img {
	float:left;
	margin-right:10px
	}

ul.head-pics {
	list-style:none;
	margin:0
	}

li.head-pics-left {
	display:inline;
	float:left;
	width:50%
	}

li.head-pics-right {
	display:inline;
	float:right;
	width: 100%
	}

/* NAVIGATION MENUS */

#pixopoint_menu1 {
	height:36px;
	margin:0;
	width:100%
	}

#pixopoint_menu1 ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%
	}

#pixopoint_menu1 li {
	float:left;
	font-weight:bold;
	font-size:86%;
	line-height:36px;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:14%;
	z-index:20;
	}

#pixopoint_menu1 li:hover a,#pixopoint_menu1 li.sfhover {
	color:#9D9FA2
	}

#pixopoint_menu1 li a {
	
	border:none;
	color:#fff;
	display:block;
	padding:0 12px;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size: 120%;
	}

#pixopoint_menu1 li a:hover {
	
	color:#fff!important;
	}

#pixopoint_menu1 li:hover {
	background-color: #900020;
	background-position:100% -120px;
	border:none;
	color:#fff!important;
	text-decoration:none;
	}

#pixopoint_menu1 ul ul {
	left:-999em;
	position:absolute;
	top:26px;
	width:120px
	}

#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto
	}

#pixopoint_menu1 ul ul li a {
	font-variant:normal;
	padding:10px;
	text-transform:normal
	}

#pixopoint_menu1 ul ul li {
	background:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#444;
	font-size:90%;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
	width:120px;
	z-index:20
	}

#pixopoint_menu1 ul ul li a {
	color:#444;
	line-height:22px;
	text-decoration:none
	}

#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#fff;
	text-decoration:none
	}

#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#444
	}

#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#fff
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	background:#57041a;
	border-bottom:1px solid #57041a;
	border-left:1px solid #57041a;
	border-right:1px solid #57041a;
	color:#9D9FA2
	}

#pixopoint_menu1 ul ul ul li {
	font-size:1em
	}

#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	margin-left:-999em;
	position:absolute;
	top:0;
	width:120px
	}

#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px
	}

#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none
	}

#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#fff;
	text-decoration:none
	}

#pixopoint_menu1 li.pixo_right {
	float:right
	}

#pixopoint_menu1 li ul li ul li {
	min-width:280px;
	white-space:nowrap;
	width:auto
	}

#pixopoint_menu1 li ul li ul li a {
	line-height:1em
	}

div.head-right-slider {
	clear:both;
	display:block;
	width: 100%
	}

li.spaced {
	display:inline;
	padding-right:43px;
	}

.top_quote p {
	display:block;
	width:218px;
	color:#fff;
	font-size:90%;
	font-style:italic;
	padding:10px;
	margin:0
	}

/* CONTENT */
a.button {
	background: #900020;
	border:2px solid transparent;
	color: #fff!important;
	display: block;
	font-size: 176%;
	padding: 16px;
	text-align: center;
	width: auto
}

a.button:hover {
	background: #fff;
	border:2px solid #272c33;
	color: #272c33!important;
	display: block;
	font-size: 176%;
	padding: 16px;
	text-align: center;
	width: auto
}

a.quote.button {
	display: block;
	margin: 20px auto;
	max-width: 30%
}

#content {
	display:block;
	float:left;
	font-family: 'Lato', sans-serif;
	margin-bottom:20px;
	width: auto
	}

#content h1 a {
	font-size:110%;
	text-decoration: none;
	font-weight:bold;
	color: #333;
	}
	
#content h1 a:hover {
	text-decoration: none;
	color: #af0734
	}

#contentwrap {
	background:#fff url('images/main-top.png') repeat-x;
	padding-top:30px
	}

a.read_more {
	font-size:80%;
	text-decoration: none;
	font-weight:normal;
	font-style:italic;
	color: #999;
	float:right
	}
	
a.read_more:hover {
	text-decoration: none;
	color: #af0734
	}

#query-posts-7 a {
	font-size: 90%;
	padding-left: 10px
	}

p {
	padding-bottom:20px;
	line-height:1.2em;
	color:#666
	}

.chauffeur_table td {
	padding:10px
	}

.top_shots {
	border-bottom:solid 6px #AF0734
	}
	
pre { overflow: auto; 
	width: 470px; 
	}

h1.title {
	color:#BE002A;
	font-family: 'Lato', sans-serif;
	font-size:160%;
	font-weight:bold;
	line-height:1em;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
	text-align: center;
	}

.pagetitle {
	margin-bottom: 20px;
	line-height: 22px
}

.entry {
	color:#666;
	font-size: 120%;
	line-height:1.2em;
	text-align:left
	}

div.entry h2 {
	display:block;
	margin:10px 0;
	color: #BE002A;
	}

div.entry h3 {
	color: #57041A;
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:120%;
	margin-bottom:20px;
	margin-top:10px
	}

.entry ul {
	padding-left:20px;
	list-style:disc;
	font-style:italic;
	font-size:90%
	}

.navigation {
	padding: 10px 0;
	}

	
table ul {
	margin-bottom:10px
	}

table li {
	line-height:1.2em
	}

table li a {
	text-decoration:none;
	font-weight:bold;
	color:#666
	}

.entry ul {
	margin-bottom:10px
	}

.entry li {
	line-height:1.4em
	}

.entry li a {
	text-decoration:none;
	font-weight:bold;
	color:#666
	}

.entry p a {
	text-decoration:none;
	font-weight:bold;
	color:#713442
	}
	
div.ngg-gallery-thumbnail a.shutterset_set_6 img {
	border:solid 3px #ccc;
	margin-bottom:10px
	}

div.span-24 table {
	margin-bottom:20px
	}

div.span-24 table td {
	font-size:80%;
	padding:5px 6px 5px 0
	}

div.span-24 p {
	line-height: 1.6em;
	padding-bottom:10px;
	text-align: justify;
	}

div.span-24 table em {
	font-size:86%
	}

/* SIDEBAR(S) */

.sidebar {
	margin:0;
	padding:0
	}
	
.sidebar-right {
	width:260px;
	margin:20px 0 20px 10px;
	float:right
	}
	
.sidebar-left {
	color:#999;
	float:left;
	line-height:1.4em;
	margin:20px 10px 20px 0;
	width:260px
	}
    
.sidebar a {
	font-size:120%;
	text-decoration: none;
	color:#999
	}

.sidebar a:hover {
	text-decoration: none;
	color: #af0734
	}

.sidebar h2 {
	color:#57041A;
	font-size:110%;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding:6px 10px
	}

#text-8 h2.widgettitle {
	color:#72b872!important;
	font-size:120%;
	font-weight:bold;
	margin:0;
	padding:6px
	}

li#text-8.widget.widget_text {
	border-bottom: solid 6px #AF0734!important
	}

.sidebar ul {
list-style-type: none;
		}
	
.sidebar ul li {
	list-style-type: none;
	margin:0;
	padding:0 0 6px 0;
	}

.sidebar-left ul, .sidebar-right ul {
	display:block;
	width:250px;
	padding:0;
	margin:0
	}

.textwidget p {
	font-size:86%;
	padding:10px
	}

li#query-posts-6 a {
	font-size:90%;
	padding-left:10px
	}

#wp125adwrap_1c {
	width:238px;
	border-bottom:solid 6px #AF0734
	}

#wp125adwrap_1c .wp125ad { margin-bottom:10px; }

.jimmy_box {
	background:url('images/jimmy-box-bg.png') no-repeat;
	clear:both;
	color:#fff;
	display:block;
	height:20px;
	font-size:86%;
	padding:6px 0 6px 20px;
	text-decoration:none
	}

.jimmy_box:hover {
	background:url('images/jimmy-box-bg-on.png') no-repeat;
	color:#ccc
	}

.jimmy_box_arrow {
	float:right;
	font-size:120%;
	padding-right:16px
	}

.jimmy_box a, .jimmy_box a:hover {
	color:#fff
	}

h2.title a {
	color:#af0734;
	font-size:110%;
	font-style:italic;
	font-weight:normal;
	margin:0;
	text-decoration:none
	}

.mini-jimmy {
	clear:both;
	color:#fff;
	display:block;
	height:20px;
	font-size:80%;
	margin-bottom:20px;
	padding:6px 0 0 0;
	text-align:center;
	text-decoration:none;
	width:90px
	}

.mini-jimmy:hover {
	background:#AF0734;
	color:#ccc
	}

.mini-jimmy_arrow {
	float:right;
	font-size:120%;
	padding-right:16px
	}

.mini-jimmy a, .mini-jimmy a:hover {
	color:#fff;
	text-decoration:none
	}

.side_contact_box {
	display:block;
	padding:4px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	color:#fff;
	font-size:100%;
	line-height:1.4em;
	background:#41c4dd
	}

.side_contact_box_inset {
	display:block;
	padding:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	background:#74cee2
	}

.side_contact_box_base {
	display:block;
	padding:0 9px 6px 9px;
	margin-top:5px;
	}

.side_contact_box strong {
	font-size:120%;
	line-height:1.4em
	}

.side_contact_box a {
	font-size:120%;
	font-weight:normal;
	color:#fff;
	text-decoration:none
	}

.side_contact_box a:hover {
	color:#af0734
	}

.textwidget {
	line-height:1.2em;
	font-size: 14px;
	color:#999
	}


/* FOOTER */

#footer {
	background:#fff url('images/general_bg.jpg') top repeat-x;
	padding: 22px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	}

#footer a {
	color: #fff;
	} 

#footer a:hover {
	text-decoration: none;
	}

.main_footer {
	text-align:center;
	font-size:60%;
	font-style:normal;
	color:#999;
	padding-bottom:20px
	}

.main_footer a {
	color:#999;
	text-decoration:none
	}

.main_footer a:hover {
	text-decoration:underline
	}
	
	
/* -- ** IVY COLS ** -- */

#ivycols {
	background:#eee /*url('images/separator.png') repeat*/;
	clear:both;
	margin-bottom:10px;
	overflow: hidden;
	padding:10px auto
	}

#ivycols div {
	float: left;
	padding:20px 22px;
	width:20%;
	}

#ivycols h2 {
	color:#BE002A;
	font-family: 'Lato', sans-serif;
	font-size:80%;
	font-weight:bold;
	padding-bottom:6px;
	text-transform:uppercase
	}

#ivycols ul, #ivycols li {
	list-style:none;
	text-align:left
	}

#ivycols a {
	font-family: 'Lato', sans-serif;
	font-size:80%;
	color:#777;
	text-decoration:none
	}

#ivycols a:hover {
	text-decoration:underline
	}

/* -- ** QUOTE FORM ** -- */

label {
	font-weight:bold
	}

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}

input.text, input.title, textarea, select {margin:0.3em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {
	width:360px;
	padding:5px;
	border:solid 1px green
	}

input.title {font-size:1.5em;}
textarea {
	width:280px;
	padding:5px
	}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.req {
	color:#900020;
	font-weight:bold;
	}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}





/* grid.css */

.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #555;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #555;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

/*body:not(.home) .head-pics{
    display:none; 
    it doesn't work!
}
*/

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #ccc;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
    text-align: center;
}

div.ngg-navigation {
	display:none;
	visibility:hidden
	}

/* SOCIALS */

div.socials {
	display: block;
	margin: 20px 0;
	width: 100%
}

div.socials ul li {
	display: inline-block;
	text-align: center;
	width: 23%
}

/* -- DEVICES -- */

/* -- MOBILE NAV - */
.nav-collapse {
  background: #fff;
  left: 0;
  position: absolute;
  
  width: 60%
}

.nav-collapse ul {
  display: block;
  list-style: none;
  width: 100%
}

.nav-collapse li {
  display: block;
  line-height: 2em;
  text-align: left;
  width: 70%
}

.nav-collapse a {
  -moz-box-sizing: border-box;
  -moz-transition: background .3s ease;
  -webkit-box-sizing: border-box;
  -webkit-transition: background .3s ease;
  box-sizing: border-box;
  color: #57675c;
  display: block;
  padding: 0 1.1em;
  text-decoration: none;
  transition: background .3s ease;
  width: 100%
}

ul.nav-collapse li.current-menu-item a { color: #000 }
.nav-collapse a:hover { background: rgba(255,255,255, .1) }
.nav-collapse .active a {
  background: rgba(0,0,0, .3);
  color: #000
}

.nav-collapse li:first-child a { border-top: 0 }
.nav-collapse li:last-child a { border-bottom: 0 }
.nav-toggle { display: none }

@media screen and (max-width: 40em) {
	a.button.quote { max-width: 100% }
  div.twelve.columns.head { background: #002f59 }

  header#header span.left {
    display: block;
    font-size: 90%;
    margin: 0;
  }

  header#header h1 { margin: 0 }

  header#header span.right {
    display: block;
    margin: 16px auto;
    text-align: center;
    width: 100%
  }

  nav.menu-main-menu-container {
    display: none;
    visibility: hidden
  }

  div.container { padding-top: 0 }

  .nav-collapse {
    display: block;
    top: 0;
    position: relative;
    width: 100%;
    visibility: visible
  }

  .js .nav-collapse {
    clip: rect(0 0 0 0);
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute
  }

  .nav-collapse.opened { max-height: 9999px!important }
  .nav-collapse a:hover { background: transparent }
  .nav-collapse .active a:hover { color: #fff; background: rgba(0,0,0, .3) }
  .nav-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    display: inline-block;
    float: right;
    height: 55px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -999px;
    width: 16%
  }

  .nav-toggle:before {
    color: #000;
    content: "\f333";
    font-family: "dashicons";
    font-size: 280%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    speak: none;
    text-indent: 0;
    text-align: right;
    text-transform: none;
    top: 0;
    width: 100%
  }

  .nav-toggle.active:before { content: "\f335" }

}

@media screen and (min-width: 76em) {
  .nav-collapse { width: 18em }
  .main { width: auto; left: 18em }
}


/* - iPhone 5 / 5S - */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

	#navcontainer, li.head-pics-left, .sidebar-left {
		display: none;
		visibility: hidden
	}

	#wrapper, .span-24, div.span-24, .head-pics-right, div.head-right-slider { max-width: 100% }
	#content {
		float: none;
		margin: 0 auto;
		max-width: 90%
	}

	#header span, li.head-pics-right, .sidebar-right {
		display: block;
		text-align: center;
		width: 100%
	}

	.sidebar-right {
		float: none;
		margin: 0 auto
	}

	.sidebar-right ul { margin: 0 auto }

	#ivycols div {
		display: inline-block;
		min-height: 200px;
		width: 36% }

}

/* - iPhone 6 - */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

}

/* - iPhone 6+ - */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 

}