@charset "utf-8";
/* CSS Document */
html, body{height:100%}
.wrapper {min-height: 100%; max-width: 1000px; margin: 0 auto; position: relative; background: #000; box-shadow:0 0 6px rgba(0,0,0,0.5);}
/*.wrapper:after {content: ''; height:100%; width: 100%; background: #fff; position: absolute; top: -70px; left: 0; z-index: -1;}*/
.wrapper > .container {padding: 0;}

a {colour:#7f1332 !important;}

body {background:url(/themes/theme_activesite_theme//img/cartographer.png) repeat;}
header {}
header .logo{padding-top:20px; padding-bottom:40px;}
header .top-contact{text-align:right; margin-top:40px}
header .top-contact span{font:17px/46px 'questrialregular', Arial, Helvetica, sans-serif; margin-bottom:5px; color:#39F;}
header .top-contact h2 {font-size:40px; line-height:40px; color:#39F; font-family: 'questrialregular', Arial, Helvetica, sans-serif; margin-bottom:15px;}
header .top-contact h2 img {padding-right:20px;}
header .top-contact .small-logos {}

.icon-menu {background: url(/themes/theme_activesite_theme//img/icon-menu.png) no-repeat center center;}
.mobile-nav {display: none;  font-size: 22px; color: #fff; padding: 14px 12px; cursor: pointer; text-align: center; position: relative;
    background: #39F; /* Old browsers */
    margin-bottom:5px;
}
.mobile-nav .icon-menu {float: right; height: 34px; width: 34px; background-color: #fff; background-color: rgba(255,255,255, 0.3); padding: 5px; position: absolute; top: 7px; right: 7px;}
.nav {
    background:#39F; /* Old browsers */
    margin-bottom:1px;
}
.nav ul {display: block; font-size: 0; margin-bottom:0px;}
.nav ul li {display: inline-block;  font-size: 18px; margin: 0; position: relative; font-family:'questrialregular', Arial, Helvetica, sans-serif;}
.nav ul li a {display: block; padding: 20px 22px; color: #fff;  text-align: center; border-right:1px solid #000; text-decoration:none;}
.nav ul li:last-child a{border-right:0}
.nav ul li a:hover { color:#FFF; background:#36F;
/*-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;*/
}
.nav ul li .nav-selected { color:#FFF; background:#36F;}

/* --- Submenu -- */
.nav ul li ul {display: block; z-index: 0; height: 0; overflow: hidden; position: absolute; left:0; top: 130%; width: 260px; background: #39f; border: 1px solid #000; border-bottom: none; text-align: left; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.8); opacity: 0;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */
}
.nav ul li ul li {display: block;
    background: #39f; /* Old browsers */
}
.nav ul li ul a {border-bottom: 1px solid #000; border-right: none; text-align: left; padding: 12px 32px; font-size:19px;}
.nav ul li:hover ul { top: 100%; opacity: 1; z-index: 100; height: auto;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */
}

/*Middle section */
.theme-middle{padding-bottom: 96px;}
.theme-middle ul {list-style:square; list-style-position:inside; font:normal 18px/28px 'questrialregular', Arial, Helvetica, sans-serif; margin-bottom:12px; color:#fff; padding-left: 30px;
text-indent: -16px;}
.theme-middle ul li, ol li {margin-bottom:5px;}


/* Sidebar Nav */
.sibebar-products{margin-bottom:20px; background-color:#FFFFFF;}
.sidebar-products ul{list-style: none outside none; margin: 0; padding: 0; background:#FFF; margin-top:20px;}
.sidebar-products ul .nav {background-color:#FFFFFF;}
.sidebar-products ul li{background-color:#CCC; border-bottom:solid 1px white; padding-bottom:0px; vertical-align:baseline; display:list-item; margin-bottom:0px; text-indent:0px;}

.sidebar-products ul li a {color: #fff; font-size:18px; padding:18px 18px; display: block;}
.sidebar-products ul li a:hover {background:#666666;}
.sidebar-products li .nav-selected {background:#F60; padding-left: 30px;}


/* --- Footer -- */
.footer-wrapper {display: block; position: relative; padding:15px 0 5px; min-height:96px; max-width: 1000px; margin:-96px auto 0 auto; background: #000; }
footer { line-height: 50px; color: #8a8c8e; font-size: 13px;}
footer a {display: inline-block; margin:0 5px; color:#39f;}
footer a:hover {color:#39f; text-decoration:underline;}
footer img {vertical-align: top;}


/* Form Styles */
.theme-middle label{margin-top:15px; font:18px/28px 'questrialregular', Arial, Helvetica, sans-serif; color:#fff;}
.theme-middle input,.theme-middle select,.theme-middle textarea{margin:5px 0}
.theme-middle input[type="text"], .theme-middle select, .theme-middle input[type="email"], .theme-middle input[type="tel"], .theme-middle textarea{width:100%; padding:9px 10px; color:#fff; font-size:14px; line-height:18px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #fff; background-color:#000; -webkit-box-shadow:inset 0px 1px 5px 1px #ccc); /* box-shadow:inset 0px 1px 5px 1px #ccc; */}
select{padding:6px 6px;}
.theme-middle .ccm-input-date{width:100%; padding:7px 7px; color:#fff; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; -webkit-box-shadow:inset 0px 1px 5px 1px #ccc);}
.theme-middle input[type="submit"]{background-color:#39f; font-size:22px; color: #fff; padding: 15px 50px; border:none; border-radius:5px; margin-top:20px;}
.theme-middle input[type="submit"]:hover{background-color:#36f;}
.theme-middle .ccm-captcha-image {margin-top:5px;}
.theme-middle .checkboxPair label{font-weight:normal;}
.theme-middle .field field-text{padding-top:20px !important;}
.theme-middle .field field-email{padding-top:20px !important;}
.theme-middle .field field-telephone{padding-top:20px !important;}


/* Sidebar Nav */
.sibebar-menu{margin-bottom:20px; background-color:#FFFFFF;}
.sidebar-menu ul{list-style: none outside none; margin: 0; padding: 0; background:#FFF; margin-top:20px;}
.sidebar-menu ul .nav {background-color:#FFFFFF;}
.sidebar-menu ul li{background-color:#CCC; border-bottom:solid 1px white; padding-bottom:0px; vertical-align:baseline; display:list-item; margin-bottom:0px;}

.sidebar-menu ul li a {color: #fff; font-size:18px; padding:18px 18px; display: block;}
.sidebar-menu ul li a:hover {background:#666666;}
.sidebar-menu li .nav-selected {background:#21a75a;}

/* Button */
.help-button a{
	font-family: 'questrialregular';
	font-size: 24px;
	color: #fff !important;
	background-color: #39f;
	/* border-bottom: #7f1332 solid 4px; */
	border-radius: 5px;
	padding: 25px 38px 22px 38px;
	margin-top: 0px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-bottom:27px;
	margin-top:27px;
	text-decoration:none !important;
}

.help-button a:hover{
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
			
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}

.help-button-small a{
	font-family: 'questrialregular';
	font-size: 18px;
	color: #39f !important;
	background-color: #000;
	border: 1px solid #39f;
	/* border-bottom: #7f1332 solid 4px; */
	border-radius: 5px;
	padding: 18px 38px 18px 38px;
	margin-top: 0px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-bottom:27px;
	margin-top:27px;
	text-decoration:none !important;
}

.help-button-small a:hover{
color:#FFFFFF !important;
background-color:#39f;
}


/* Contact Details Table */
table.contactTable {width:100%; border-collapse:collapse;}
.contactTable td, .contactTable th {padding: 10px 6px; border:none; text-align:left; vertical-align:middle;}
table.contactTable {font-size:16px !important;}
.contactTable img {margin-bottom:0px;}


/* Concrete5 Hacks */
.ccm-ui input, .ccm-ui textarea, .ccm-ui select, .ccm-ui .uneditable-input {height: 28px;}
.theme-default .nivoSlider {box-shadow: none; margin-bottom:0px;}
.chzn-container-multi .chzn-choices .search-field input {height: 28px;}
.ccm-ui input {padding-bottom:4px; padding-top:4px; padding-right:4px; padding-left:4px;}


@media(max-width: 959px) {
    .nav ul li a {padding: 14px 16px;}
}
@media(max-width: 768px){
    header {text-align: center;}
	header .logo {padding-bottom: 20px;}
    header .top-contact {text-align: center; margin: 0;}
    header .top-contact h2 {font-size: 28px;}
	header .top-contact span{font-size:14px;}
	.social-links {padding-bottom:20px;}
    .nav {background: no-repeat; filter:none;}
    .nav ul li a {display: block; border: none; margin: 0 2px 2px 0;
        background: #39f; /* Old browsers */
    }
	.footer-center {text-align:center; line-height:20px;}
	input[type="submit"]{display:block; width:100%;}
}
@media(max-width: 567px){
    .nav ul {display: none;}
    .nav ul li {display: block;}
    .btn-quote {font-size: 15px; white-space: break-all;}
    .mobile-nav {display: block;}
}