/*
Theme Name: Vanguard
URI: http://www.imapt.co.uk/
Description: Vanguard website
Author: John@imapt
Version: 2.0
*/

/* STRUCTURAL ---------------------------------------------------------- */

html { box-sizing: border-box; height: 100%; }
*, *:before, *:after { box-sizing: inherit; }
#page ol li, #page ul li { margin-bottom: 10px; }

body { height: 100%; text-align: center; font-size: 16px !important; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #3C3C3C; }
/* body { background: url(images/bg.jpg) no-repeat center center fixed; background-size: cover; } */
#page { background: #FFF; text-align: left; padding-top: 140px; }
#page .inner { padding: 0 15px; }
.logged-in #page { padding-top: 126px; }
.logged-in .navbar-fixed-top { top: 36px; }

.responsive { width: 100%; height: auto !important; }

/* ELEMENTS ---------------------------------------------------------- */

iframe { width: 100%; }
#contactmap { height: 400px; }

.menu { padding: 0; }
#service-menu h3 { margin-top: 2em; text-indent: 12px; }
#page #singlesectorlist li, #page #service-menu li, #page .map-controls li { list-style: none; margin: 0 0 2px 0; }

#service-menu a, .map-controls li a { width: 100%; display: block; background: #231f20; color: #FFF !important; padding: 4px 10px; }
#service-menu a.active, #service-menu a:hover, #service-menu a:focus, .map-controls a.active, .map-controls a:hover, .map-controls a:focus { background: #E36C0A; }

#flashy { width: 1012px; margin: 4px auto; }

/* PORTFOLIO ---------------------------------------------------------- */

.portfolio-item a.portfolio-imagelink { position: relative; color: #FFF!important; text-align: center; display: inline-block; width: 100%; min-height: 160px; }
.portfolio-item a.portfolio-imagelink:hover, .portfolio-item a.portfolio-imagelink:focus, #clientgallery img:hover, #clientgallery img:focus { filter: url(css/filters.svg#grayscale); filter: gray; }
.portfolio-item span { text-align: center; display: none; position: absolute; bottom: 0; left: 0; padding: 40px 14px 14px 14px; background: #231f20; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; font-size: 16px; font-weight: bold; }
.portfolio-item a.portfolio-imagelink:hover span, .portfolio-item a.portfolio-imagelink:focus span { display: inline-block; }
.portfolio-item a.portfolio-imagelink { border: 4px solid #FFF; }

#clientgallery img, #clientgallery span { width: 140px; height: 140px; border: 4px solid #FFF; }
#clientgallery span { display: inline-block; vertical-align: middle; }

/* MAPS ---------------------------------------------------------- */
#map_canvas{ height: 0; overflow: hidden; padding-top: 60px; padding-bottom: 80%; position: relative; }
#map-section, #map-section .column { background: #A3CCFF; }
#map-section, #map-section h2, #map-section h3 { color: #FFF; }

/* VFRAME ---------------------------------------------------------- */

#vframe, #vframe section { margin: 0 !important; padding: 0 !important; }
#vframe .nivoSlider { margin: 0 !important; }
#TB_title { background: #231f20 !important; color: #FFF !important; font-size: 18px !important; padding-bottom: 5px; }
#callbox { background: #E36C0A left center no-repeat url(images/callicon.png); margin-bottom: 10px; border: 1px solid #FFF; padding: 9px 9px 0 89px; }
#callbox p, #callbox p strong { color: #FFF; }
#callbox p { font-size: 18px; margin: 0 0 5px; }
#callbox p strong { font-size: 32px; }
#vframemorelink { position: absolute; z-index: 9999; bottom: 27px; right: 0; }

/* HEADER ---------------------------------------------------------- */

#logo { float: left; display: block; margin: 15px 0 8px 15px; padding: 0; }
#logo img { width: 260px; }

#header nav { margin: 0 auto; background: #F3F2EE; border: none; box-shadow: none; }
#header .navbar-nav li strong { padding-top: 0; display: inline-block; white-space: nowrap; color: #231f20; background: #F3F2EE; }
#header .navbar-nav li strong .glyphicon { float: left; font-size: 1.5em; margin: 0 10px 0 4px; }
#header .navbar-nav li a { background: #231f20; padding-right: 80px; white-space: nowrap; text-shadow: none; color: #FFF; }
#header .navbar-nav .dropdown-menu { padding: 0; }
#header .navbar-nav > li a .glyphicon, #header .navbar-nav > li .caret { position: absolute; right: 10px;  }
#header .navbar-nav > li .caret { top: 1em; margin: 0; border-top: 12px dashed; border-top: 12px solid\9; border-right: 8px solid transparent; border-left: 8px solid transparent; }
#header .navbar-nav > li a .glyphicon { top: 0.5em; }
#header .navbar-nav > li { position: relative; text-align: left; }
#header .navbar-nav > li:last-child { border-right: none; }

#header .navbar-nav .dropdown-menu { min-width: 100%; }
#header .navbar-nav .dropdown-menu li a { background: #4C4C4C; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #FFF; }

#header .navbar-nav li a:hover, #header .navbar-nav li a:focus { background: #E36C0A; }

.logged-in #page { padding-top: 56px; }
.logged-in .navbar-fixed-top { top: 36px; }

#top-phone { font-size: 1.2em; }
.top-phone { font-size: 1.5em; padding: 0.25em; }
.top-phone.visible-sm { float:right; margin-top: 0.8em; }

#header .navbar-default .navbar-toggle { margin-top: 2em; background: #E36C0A; }
#header .navbar-default .navbar-toggle .icon-bar { background: #FFF; }
#header .navbar-default .navbar-toggle:hover, #header .navbar-default .navbar-toggle:focus { background: #E88839; }
#header .navbar-default .navbar-toggle:hover .icon-bar, #header .navbar-default .navbar-toggle:focus .icon-bar { background: #C4C4C4; }

footer #menu-footer-menu.navbar-nav { width: auto !important; margin: 0 auto; float: none; display: inline-block; }

.navbar-fixed-top .navbar-collapse { padding-right: 0; max-height: 600px !important; }
.navbar-fixed-top .navbar-collapse.in { overflow: visible; }
#header .navbar-nav > li a .glyphicon { font-size: 1.5em; }

@media (max-width: 767px) {
	#header .navbar-nav { padding: 0 30px 0 15px; }
	#page .col-xs-12.col-sm-6.col-md-3.cta { height: auto !important; }
	footer #menu-footer-menu.navbar-nav, footer #menu-footer-menu.navbar-nav li { width: 100% !important; }
	#page .column { height: auto !important; overflow: hidden; }
}

@media (min-width: 768px) {
	#logo { margin: 8px 0 8px -4px; }
	#header .navbar-nav > li > strong { padding-top: 15px; padding-bottom: 15px; }
	#navbar { float: left; }
	footer #menu-footer-menu.navbar-nav li { width: auto !important; }
	#header nav { width: 720px; }
	#header .navbar-nav > li > a, #header .navbar-nav > li > strong { height: 50px; }
	.logged-in .navbar-fixed-top { top: 32px; }
	.navbar-fixed-top .navbar-collapse { padding-right: 15px; }
	#header .navbar-header { padding-left: 4px; }
	.navbar { border-radius: 0 !important; }
	.logged-in #page { padding-top: 140px; }
	#header .navbar-nav > li { width: 180px; }
	#page { padding-top: 115px; }
}
@media (min-width: 992px) {
	#logo { margin: 0 0 0 -4px; }
	#header nav { width: 940px; }
	#page, .logged-in #page { padding-top: 66px; }
	#header .navbar-nav > li { width: 170px; }
	#header .navbar-nav > li > a, #header .navbar-nav > li > strong { height: 65px; }
}
@media (min-width: 1200px) {
	#header nav { width: 1140px; }
}

/* IMAGES---------------------------------------------------------- */
#page img.alignnone { width: 100%; height: auto !important; }

.alignleft { float: left; margin: 0.5em 20px 1em 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

img.alignright, a img.alignright { float: right; margin: 0 0 20px 20px; }
img.alignleft, a img.alignleft { float: left; margin: 0 20px 20px 0; }
img.aligncenter, a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a.allmaplink img { display: block; width: 100%; height: auto !important; }

a.allcasestudieslink, a.portfoliolink { border: 1px solid #6C6C6C; display: block; margin-top: 10px; padding: 4px 4px 4px 44px; }
a.allcasestudieslink { background: #231f20 top left no-repeat url(images/currentmarker.png); }
a.portfoliolink { background: #231f20 top left no-repeat url(images/portfoliolink.png); }
a.allcasestudieslink:hover, a.portfoliolink:focus, a.allcasestudieslink:hover, a.portfoliolink:focus { background-color: #3C3C3C; }

/* SLIDER---------------------------------------------------------- */

.nivoSlider { position:relative; width: 100%; overflow: hidden; background:url(css/dark/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { width: 100%; height: auto !important; }
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important; }
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
.nivo-caption { position: absolute; left: 0px; bottom: 0px; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; overflow: hidden; display: none; background: url(images/semiblackbg.png); }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
#page #featuredcasestudyslider .column { height: auto !important;  }
#featuredcasestudyslider #single-slider a span { float: right; display: inline-block; background: #FFF; color: #6F6F6F; padding: 0 0 4px 4px; }

/* GUIDE---------------------------------------------------------- */

#diagramwrapper { overflow: visible; position: relative; width: 100%; background-color: #ECEBE9; padding: 20px; }
#diagramwrapper img { width: 80%; height: auto !important; display: block; margin: 0 10%; }
.anotationdetail { display: none; position: absolute; z-index: 9999; }
#page a.anotationtrigger { display: block; width: 30px; height: 30px; line-height: 30px; background: #E36C0A; border: 1px solid #CFCFCF; color: #FFF; text-align: center; text-decoration: none; font-weight: bold; border-radius: 24px; behavior:url(css/border-radius.htc); background-clip: padding-box; }
#page a.anotationtrigger.active, #page a.anotationtrigger:hover, #page a.anotationtrigger:focus { background: #231f20; color: #FFF !important; }
.anotation, .anotationtrigger { position: absolute; }
.anotationdetail { left: 30px; top: -30px; border: 1px solid #CFCFCF; width: 200px; padding: 9px; font-size: 14px; background: #FFF; }
.anotationdetail.left { left: 30px; }
.anotationdetail.bottom { left: -90px; top: 30px; }
.anotationdetail.left.bottom { left: -30px; top: 30px; }
.anotationdetail.right { left: -210px; }
.mezzanine-floor-guide th { background: #7791AA; color: #231f20; }
.mezzanine-floor-guide th:first-child { color: #FFF; }
.mezzanine-floor-guide th.gold { background: #FFD700; }
.mezzanine-floor-guide td.gold { background: #FDEF97; }
.mezzanine-floor-guide th.silver { background: #DFDFDF; }
.mezzanine-floor-guide th.bronze { background: #C9AE5D; }
.mezzanine-floor-guide td.bronze { background: #E1CBA2; }

#at1 { left: 12%; top: 38%; }
#at2 { left: 8%; top: 74%; }
#at3 { left: 35%; top: 82%; }
#at4 { left: 68%; top: 80%; }
#at5 { left: 82%; top: 56%; }
#at6 { left: 85%; top: 30%; }
#at7 { left: 83%; top: 5%; }

@media (min-width: 768px) {
	#at1 { left: 12%; top: 40%; }
	#at2 { left: 11%; top: 81%; }
	#at3 { left: 38%; top: 89%; }
	#at4 { left: 70%; top: 88%; }
	#at5 { left: 83%; top: 59%; }
	#at6 { left: 87%; top: 32%; }
	#at7 { left: 85%; top: 7%; }
}


/* CASE STUDY POPUP ---------------------------------------------------------- */

#cscontent { font-size: 15px; }
#csinner { float: left; width: 100%; padding: 9px; background: #231f20; }
#cstitle { float: left; width: 100%; clear: both; }
#cscontent h3 { border: none; padding: 0; }
#cscontent p { margin-bottom: 10px; }
#cscontent a.mapthumblink { float: left; display: inline-block; margin: 10px 0 20px 0; }
#cscontent a.mapthumblink img { border-color: #FFF !important; }
#cscontent .btn { float: right; }
#cscontent h3 a:hover, #cscontent h3 a:focus { color: #FFF !important; }

/* GRAVITY FORM ---------------------------------------------------------- */

.gfield_required { display: none; }
#page .gform_body li { list-style: none; }
.gfield_radio input, .gfield_radio label { cursor: pointer; }
.gform_wrapper .left_label input.small { width: 25% !important; }
.gform_wrapper .left_label .gfield_description { width: 100% !important; margin-left: 0 !important; padding-bottom: 0 !important; }

.gform_wrapper .left_label li.field_sublabel_below .gfield_label { margin-right: 0 !important; }
.gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label input.medium { width: 71% !important; }

#page .gform_body li.subsection { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px dashed #E36C0A; }
#page .gform_body li.subsection li { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; }

.gform_footer { margin-top: 10px; padding-top: 20px; border-top: 1px dashed #E36C0A; }
.gform_footer input.gform_button { cursor: pointer; font-size: 24px; background: #231f20; font-weight: bold; padding: 4px 9px; color: #FFF; }
.gform_footer input.gform_button:hover, .gform_footer input.gform_button:focus { background: #E36C0A; }


.gform_wrapper .left_label li#field_1_41.field_sublabel_below .gfield_label { width: 100% !important; float: none !important; }
.gform_wrapper .left_label li#field_1_41 input.medium { width: 100% !important; }
.gform_wrapper .left_label li#field_1_41 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_41 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_16.field_sublabel_below .gfield_label { width: 100% !important; float: none !important; }
.gform_wrapper .left_label li#field_1_16 input.medium { width: 100% !important; }
.gform_wrapper .left_label li#field_1_16 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_16 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_14.field_sublabel_below .gfield_label { width: 100% !important; float: none !important; }
.gform_wrapper .left_label li#field_1_14 input.medium { width: 100% !important; }
.gform_wrapper .left_label li#field_1_14 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_14 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_15.field_sublabel_below .gfield_label { width: 100% !important; float: none !important; }
.gform_wrapper .left_label li#field_1_15 input.medium { width: 100% !important; }
.gform_wrapper .left_label li#field_1_15 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_15 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_36.field_sublabel_below .gfield_label { width: 29% !important;  }
.gform_wrapper .left_label li#field_1_36 input.medium { width: 71% !important; float: right !important; }
.gform_wrapper .left_label li#field_1_36 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_36 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_35.field_sublabel_below .gfield_label { width: 29% !important; }
.gform_wrapper .left_label li#field_1_35 input.medium { width: 71% !important; float: right !important; }
.gform_wrapper .left_label li#field_1_35 ul.gfield_radio { margin-left: 0 !important; }
.gform_wrapper .left_label li#field_1_35 ul.gfield_radio li { width: 50% !important; display: inline-block; }

.gform_wrapper .left_label li#field_1_27 { width: 100% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_27 .gfield_label { padding-top: 10px; width: 29% !important; }
.gform_wrapper .left_label li#field_1_27 .ginput_container { width: 42% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_27 input { width: 100% !important; }
.gform_wrapper .left_label li#field_1_27 .gfield_description { width: 29% !important; float: left !important; clear: none !important; padding-left: 5px; }

.gform_wrapper .left_label li#field_1_7 { width: 100% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_7 .gfield_label { padding-top: 10px; width: 29% !important; }
.gform_wrapper .left_label li#field_1_7 .ginput_container { width: 42% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_7 input { width: 100% !important; }
.gform_wrapper .left_label li#field_1_7 .gfield_description { width: 29% !important; float: left !important; clear: none !important; padding-left: 5px; }

.gform_wrapper .left_label li#field_1_8 { width: 100% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_8 .gfield_label { padding-top: 10px; width: 29% !important; }
.gform_wrapper .left_label li#field_1_8 .ginput_container { width: 42% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_8 input { width: 100% !important; }
.gform_wrapper .left_label li#field_1_8 .gfield_description { width: 29% !important; float: left !important; clear: none !important; padding-left: 5px; }

.gform_wrapper .left_label li#field_1_40 { width: 100% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_40 .gfield_label { padding-top: 10px; width: 29% !important; }
.gform_wrapper .left_label li#field_1_40 .ginput_container { width: 42% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_40 input { width: 100% !important; }
.gform_wrapper .left_label li#field_1_40 .gfield_description { width: 29% !important; float: left !important; clear: none !important; padding-left: 5px; }

.gform_wrapper .left_label li#field_1_12 { width: 100% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_12 .gfield_label { padding-top: 10px; width: 29% !important; }
.gform_wrapper .left_label li#field_1_12 .ginput_container { width: 42% !important; float: left !important; }
.gform_wrapper .left_label li#field_1_12 input { width: 100% !important; }
.gform_wrapper .left_label li#field_1_12 .gfield_description { width: 29% !important; float: left !important; clear: none !important; padding-left: 5px; }

/* THEME---------------------------------------------------------- */

.h1, .h2, .h3, .h4, h1, h2, h3, h4 { font-weight: normal; margin: 0.25em 0 0.5em 0; padding: 0; line-height: 1.5em; border-bottom: 1px dashed #E36C0A; }
.h2, .h3, h2, h3 { color: #E36C0A; }
.h1, .h4, h1, h4 { color: #231f20; }

.h1, h1 { font-size: 36px !important; line-height: 42px; margin: 0 0 20px 0; padding-bottom: 9px; }
.h2, h2 { font-size: 24px !important; margin: 0 0 0.25em 0; }
.h3, h3 { font-size: 18px !important; }

.dark h1, .dark h2, .dark h3, .mid, .mid h1, .mid h2, .mid h3 { color: #FFF; }

#page p { line-height: 1.4em; margin-top: 10px; margin-bottom: 15px; }
#page ul, #page ol { padding: 0; margin: 15px 0 10px 0; }
#page li { margin: 0 0 15px 1em; }
#page ul li { list-style-type: square; }

#page .column { background: #F3F2EE; border: 2px solid #FFF; }
#page .column.cta, #page .cta { background: #E88839; }
#page .column.cta:hover, #page .cta { background: #E36C0A; }
#page .dark { background: #231f20; color: #FFF; }

#page .dark a, #page .mid a { color: #E36C0A; }
#page a.btn-warning, #page .cta a, #page .column.cta a, #page .dark a:hover, #page .dark a:focus { color: #FFF; }
#page a.btn-warning:hover, #page a.btn-warning:focus, #page .cta a:hover, #page .cta a:focus { color: #D4D4D4; }
#page .mid { background: #949599; }

#page a { color: #E88839; }
#page a:hover, #page a:focus { color: #E36C0A; }

footer .inner { border-top: 4px solid #E88839; background: #231f20; color: #C4C4C4; padding-bottom: 15px; }
footer #menu-footer-menu.navbar-nav li a { text-shadow: none; color: #E36C0A; }
footer #menu-footer-menu.navbar-nav li a:hover, footer #menu-footer-menu.navbar-nav li a:focus { color: #FFF; background: transparent; }
footer #footer_links li { line-height:48px; display: inline-block; list-style: none; margin: 0; width: auto; }

#footer_links li a span { position: relative; top: 4px; display: inline-block; margin-right: 1em; width: 48px; height: 48px; background-repeat: no-repeat; background-color: transparent; background-image: url(images/footer-icons.png); }
#footer_links li a strong { display: inline-block; line-height: 24px; color: #FFF; }
#footer_links li a:hover, #footer_links li a:focus strong { color: #00ADEF; }
#footer_links li a.facebook span { background-position: 0 0; }
#footer_links li a.facebook:hover span, #footer_links li.facebook a:focus span { background-position: 0 -48px; }
#footer_links li a.pdf span { background-position: -48px 0; }
#footer_links li a.pdf:hover span, #footer_links li.pdf a:focus span { background-position: -48px -48px; }
#footer_links li.twit { top: -4px !important; position: relative; }
#footer_links li.grami { margin: 0 1em 0 0.5em; }

#page #clientlist { font-size: 0.8em; line-height: 1em; }
#page #clientlist ul.list-group li.list-group-item { margin-bottom: 0; border-bottom: none; }
#page #clientlist ul.list-group li.list-group-item:last-child { border-bottom: 1px solid #ddd; }

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; }
}