@import "http://fonts.googleapis.com/css?family=Oswald:400,700,300";
@import "http://fonts.googleapis.com/css?family=Raleway";

/* Custom CSS */

body {
	font-size: 16px;
}

/* Header */

.nav > li > a {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 13px !important;
}

.nav > li > a.joinchart1, .nav > li > a.joinchart1:hover {
	background: yellow;
	color:#000000 !important;
	margin-top:20px;
	padding-top:4px;
}

#header {
	background: url('../images/header-bg.png');
}

#headertagline {
	float:right
	width: 80%;
	text-align: center;
	background-color: #152f5e;
}

#headertagline h1 {
	color: #ffffff !important;
}

.navbar-inverse {
	background: transparent;
	padding-top: 0;
}

.navbar-brand > img {
    display: block;
    margin-top: -42px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-nav > li > a {
	background: none;
	font-weight: 700;
    text-transform: uppercase;
	color: #fff !important;
}
.navbar-nav {
    float: right;
    margin: 0;
}

.navbar-nav > li > a {
    margin-top: 24px;
    padding-bottom: 5px;
    padding-top: 0;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

#carousel-example-generic {
	border-top: 10px solid #354a9b; 
}

.columnbox {
	background: #eef3f6;
	border-right: 1px solid #c8ced6;
	border-bottom: 10px solid #18366c;
}

.columnheading {
	background: #18366c;
	padding: 15px;
	margin: 0 -15px;
	text-align:center;
	color: #ffffff;
	font-family: "Oswald",sans-serif;
	text-shadow: 2px 2px #000;
	font-size: 20px;
}

.columnbox.first {
	border-left: 1px solid #c8ced6;
}

.columntext {
	padding-top: 20px;
	min-height: 200px;
}

.columnboxlink {
	font-weight: 700;
	color: #1558b7;
}

.greybg {
	background: url('../images/grey-bg.png');
	height: 34px;
}

.carousel-indicators {
    bottom: -4px;
	left: 92%;
}

.chartnewsheading {
	background: #142c59;
	padding: 5px 15px;
	text-align:left;
	color: #ffffff;
	font-family: "Oswald",sans-serif;
	text-shadow: 2px 2px #000;
	font-size: 20px;
}

.chartnewframe {
	border: 1px solid #c8ced6;
	background: #eef3f6;
	min-height: 289px;
	height:auto;
}

.nopaddingleft {
	padding-left:1px;
}

.nopaddingright {
	padding-right:1px;
}

h1 {
	color: #0066cb;
	font-family: "Oswald";	
}

.sidebtns {
	margin : 0 0 10px 0 !important;
}

.columnheading.sidebtns a { color: #ffffff !important; }

#footer {
	background: url('../images/footer-bg.png');
	height: 52px;
	margin-top: 32px;
}

#footer  .socialicons {
	padding-top: 8px;
}

#footer  .socialicons a img {
	display: inline-block;
}

#footer .leftext {
	text-align:center;
	color: #fff;
	font-size: 18px;
    padding-top: 15px;
}

#footer .copyright {
	font-size: 12px;
	color: #fff;
	text-align:center;
	padding-top: 20px;
}

.orange-btns {
	padding: 15px;
    text-align: center;
	display:block;
	text-decoration: none;
	color: #ffffff;
	background: #e36c0a;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.orange-btns:hover {
	background: #152F5E;
	text-decoration: none;
	color:#ffffff;
}

/* mobile css */

@media screen and (max-width: 736px) {
	.navbar-brand {
	   height: 79px !important;
	}

	.navbar-brand > img {
		margin-top: -14px !important;
	}

	.dropdown-menu {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		margin-bottom: 10px !important;
		border: 0 !important;
		box-shadow: none !important;
		background-color: transparent !important;
		
	}
	
	.dropdown-menu > li > a {
		color: #fff !important;
		padding: 10px 30px !important;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
		font-size: 13px !important;
		font-weight: 600 !important;
	}
	
	.dropdown-menu > li > a:hover {
		background:transparent !important;
	}

	.nav > li {
		border-bottom: 1px solid #1d355f !important;
	}
	
	.navbar-nav {
		float: none !important;
	}

	#header {
		background-color: #152f5e !important;
		background-image: none !important;
	}
	
	.navbar-nav > li > a {
		margin-top: 15px !important;
	}
}

@media screen and (max-width: 1024px) { 
	.columnheading {
		min-height: 90px !important;
	}
	.columntext {
		min-height: 200px !important;
	}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.white-text {
	color: #ffffff;
}

.overview-boxes {
	background: #eef3f6;
	padding:15px;
	border:1px solid #c8ced6;
	text-align:center;
	margin-bottom: 15px;
}

.blue-text-bold {
	color: #0066cb;
	font-weight: 500;
	font-family: "Oswald", Arial, sans-serif;
}
.overview-boxes .btn {
	background: #18366c;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 15px;
	text-align:center;
	border: 0;
}

.overview-boxes .form-inline .form-control {
	min-width: 230px;
}
a {
    color: #0066cb;
    text-decoration: none;
}

button[type="submit"], button[type="reset"]{
	background: #18366c;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 15px;
	text-align:center;
	border: 0;
}

#chartmarketsexchangeform .form-control {
	margin-bottom: 15px;
}
#chartmarketsexchangeform label {
	font-size: 15px;
}

.vam-BrdBtm {border-bottom: 1px dashed #ddd;}
.vam-MB40{margin-bottom:40px;}
.vam-MB10{margin-bottom: 10px;}
h3 {font-size: 18px; font-weight: bold; color: #0066cb;}
.vam-MT10 p {font-size:13px; color: #585858; line-height: 22px;}
.content-strip {background:#f0f0f0;padding:10px;border: 1px solid #c8ced6; margin-bottom:15px; margin-top:-1px;}
.content-strip p{padding:5px;}
.pro-circle{border-radius: 100%;width:90px; height:90px;text-align: center;background: #fff;border: 4px solid #365388; display: inline-block;}
.pro-circle img{margin-top: 15px;}
.pro-circle img:hover{opacity: 0.6;}
.pro-circle:hover {border-color: #0eadff;cursor: pointer;}

.pro-circle span{margin-top: 25px; font-weight: bold; display: inline-block; text-transform: uppercase;}
.form-control.lg-form{width:450px;margin-right: 10px;}
.pro-circle input.vam-radio {width:16px; height:16px;}
span.class-text{margin-left: -23px;}
.overview-boxes h4{font-size:14px; font-weight: 600; }
.overview-boxes h3.blue-text-bold{margin-top: 5px!important;}
.dropdown-toggle.ng-binding.btn.btn-default {background:#fff; border:1px solid #ccc;color:#333; width:auto;}
.caret{color:#333;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.banner-img {background:url("../images/BannerImages.jpg") no-repeat; width:100%; height:259px;}
.banner-img2 {background:url("../images/BannerImages2.jpg") no-repeat; width:100%; height:259px;}

.banner-img-defender { background:url("../../bannerjpgs/CHARTdefender.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-rockwoodpc { background:url("../../bannerjpgs/RockwoodP&C.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-rockwoodlife { background:url("../../bannerjpgs/RockwoodL&H.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-firearm { background:url("../../bannerjpgs/Firearm.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-origin { background:url("../../bannerjpgs/origin.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-affinity { background:url("../../bannerjpgs/affinity.jpg") no-repeat; width:100%; height:259px; background-position: right top; }
.banner-img-foxpoint { background:url("../../bannerjpgs/Foxpoint.jpg") no-repeat; width:100%; height:259px; background-position: right top; }

.landing-banner-images {
	margin-bottom: 15px;
}
.landing-banner-images img{
	max-width: 100%;
	height: auto;
}
.states, .covered{display:block; width:18px;height:18px; margin-bottom:10px;line-height:15px;}
.states{background:#67b7e6;}
.covered{background:#003493;}
.covered::after,.states::after{margin-left:25px; font-size:13px;}
.covered::after{content:"Covered";}
.states::after{content:"States";}

ul.key-feat li{text-align:left; font-size:13px; margin-bottom:5px;}
.static-header{background:#173366; color:#fff;margin:-16px -16px 15px -16px; padding:10px; text-align:left;}
.static-header strong {margin-left:10px;}
.overview-boxes label{font-size:13px; }
.overview-boxes.req-label label{float:left; font-size:13px;}
.overview-boxes input [type=text] {color:#ccc;
}
textarea.editable {font-size: 13px;width: 310px; min-height: 160px; height: auto; padding: 10px; line-height: 20px; text-align:justify;margin-bottom: 10px;}
p.contact-nfo span{display:block; text-align:left; margin-bottom:5px;}