/*
Theme Name: TSWPromo
Description: Concrete5 FLEXBox Theme
Author: Tony M. O'Con
Author URI: http://www.theshootingwarehouse.com/
Tags: FLEXBox, Website
*/


/* FLEX CLASSESS */
	.flexParent{display: flex !important;flex-wrap: wrap;}
	.flexObject{flex:1 auto;overflow: hidden;}
	
	@media (min-width:0px){
		.xsFlexRow{display: flex; flex-direction: row; flex-wrap: wrap;}
		.xsFflexCol{display: flex; flex-direction: column;}
	}
	@media (min-width:500px){
		.smFlexRow{display: flex; flex-direction: row; flex-wrap: wrap;}
		.smFflexCol{display: flex; flex-direction: column;}
	}
	@media (min-width:700px){
		.mdFlexRow{display: flex; flex-direction: row; flex-wrap: wrap;}
		.mdFflexCol{display: flex; flex-direction: column;}
	}
	@media (min-width:1000px){
		.lgFlexRow{display: flex; flex-direction: row; flex-wrap: wrap;}
		.lgFflexCol{display: flex; flex-direction: column;}
	}
	@media (min-width:1200px){
		.xlFlexRow{display: flex; flex-direction: row; flex-wrap: wrap;}
		.xlFflexCol{display: flex; flex-direction: column;}
	}
	
	
	
	
	/* GLOBALS */
	textarea:focus, input:focus{
    outline: none;
    }
    
    select{
	   background: transparent;
	   width: 250px;
	   padding: 5px;
	   font-size: .85rem;
	   line-height: 1;
	   border:0px;
	   height: 34px;
	   -webkit-appearance: none;
	   position: relative;
    }
    select::after{}

	.gradient{
		background: #1c253f;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjMjUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTEwMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #1c253f 0%, #0e101e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c253f), color-stop(100%,#0e101e));
		background: -webkit-linear-gradient(top,  #1c253f 0%,#0e101e 100%);
		background: -o-linear-gradient(top,  #1c253f 0%,#0e101e 100%);
		background: -ms-linear-gradient(top,  #1c253f 0%,#0e101e 100%);
		background: linear-gradient(to bottom,  #1c253f 0%,#0e101e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c253f', endColorstr='#0e101e',GradientType=0 );
	}

.fixedWidth{width:100%; max-width: 1170px; margin:auto;}
.btnOne{
	background-color:#00345b;
	padding:8px;
	color:#fff;
	text-decoration: none;
	border-radius: 6px;
	transition: all .3s ease-out;
	box-shadow: .2rem .1rem 6px transparent;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
}
.btnOne:hover{
	background-color: #2494bc;
	box-shadow: .2rem .1rem 6px #999;
	text-align: center;
}
.btnOned{
	background-color:#e9e9e9;
	padding:8px;
	color:#999;
	text-decoration: none;
	border-radius: 6px;
	transition: all .3s ease-out;
	box-shadow: .2rem .1rem 6px transparent;
	font-weight: 700;
	cursor:not-allowed;
	display: inline-block;
}

.btnTwo{
	background-color:#00345b;
	padding:4px;
	color:#fff;
	text-decoration: none;
	border-radius: 4px;
	transition: all .3s ease-out;
	box-shadow: .2rem .1rem 6px transparent;
	cursor: pointer;
	display: inline-block;
	font-size:.7rem;
	height:auto;
}
.btnTwo:hover{
	background-color: #2494bc;
	box-shadow: .2rem .1rem 4px #999;
	text-align: center;
}

.btnThree{
	background-color:#CE5B3E;
	padding:4px;
	color:#fff;
	text-decoration: none;
	border-radius: 4px;
	transition: all .3s ease-out;
	box-shadow: .2rem .1rem 6px transparent;
	cursor: pointer;
	display: inline-block;
	font-size:.7rem;
	height:auto;
}
.btnThree:hover{
	background-color: #2494bc;
	box-shadow: .2rem .1rem 4px #999;
	text-align: center;
}

.linkOne{text-decoration: none;color:#fff;}

.textLeft{text-align: left;}
.textCenter{text-align: center;}
.textRight{text-align: right;}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}

@media (min-width:0px){
	#colorbox, #colorbox div{max-width: 300px !important;}
	.orderConfirmation{padding:40px;color:#CE5B3E;font-size:1rem;font-weight:700;display:block;}
}