@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
/* ==========================================================================
   HTML Tags
   ========================================================================== */
html, button, input, select, textarea {color: #4a4a4a; }
body {font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-y: scroll;}
body.graph20 {font-family: 'Lato', sans-serif; font-size: 1em;  overflow-y: scroll; color: #333;}
body.redsgn{font-family: 'Open Sans', sans-serif;}
::-moz-selection {
	background: #0c527e;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #0c527e;
	color: #fff;
	text-shadow: none;
}

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

img {
    max-width:100%;
    height: auto !important;
	vertical-align: middle;
}
.graph20 .icon{ display: inline-block;stroke-width: 0;stroke: currentColor; }
.graph20 .header-logo{ height: 3em; width: 9em; transition: opacity .3s ease-in-out;}
.graph20 .logo--green{display: none;}
.graph20 .logo-image:hover .icon.header-logo,
.graph20 .logo-image:focus .icon.header-logo {opacity: 0.7;}


.graph20 .product-detail .icon{height:1.5em; width: 1.5em; fill: #ccc; margin-right: 15px;}
.graph20 .addthis_toolbox{float:left;}
.graph20 .addthis_toolbox a{text-decoration: none;}

.graph20 .social-tools .icon{ height: 2em; width: 2em; fill: #003057; margin-top: 20px;}

.graph20 .footer .icon {width: .75em;height: .75em;fill: #fff;}
.graph20 .icon-facebook:hover,.graph20 .icon-facebook:focus{fill: #3b5998;}
.graph20 .icon-twitter:hover, .graph20 .icon-twitter:focus{fill: #00acee;}
.graph20 .icon-youtube:hover, .graph20 .icon-youtube:focus{fill: #c4302b;}
.graph20 .icon-pinterest:hover, .graph20 .icon-pinterest:focus{fill: #e60023;}
.graph20 .icon-instagram:hover, .graph20 .icon-instagram:focus{fill: #feda75;}
.graph20 .icon-linkedin:hover, .graph20 .icon-linkedin:focus{fill:  #0077B5;}

.graph20 .icon-facebook-full {height: 2em; width: 9em; fill:#1877f2;}
.graph20 .fb-auth.fb-busa { display: block; border: 2px solid #ccc; padding: 5px; transition: all 0.3s ease-in-out;}
.graph20 .fb-auth.fb-busa:hover, .graph20 .fb-auth.fb-busa:focus{cursor: pointer; background: #15435F; border-color: #15435F;}
.graph20 .fb-auth.fb-busa:hover .icon-facebook-full, .graph20 .fb-auth.fb-busa:focus .icon-facebook-full {fill: #fff;}

.graph20 input.btn-alt2{width:100%; transition: all 0.3s ease-in-out; margin-top: 10px;}
.graph20 dl.checkoutProcess dt.stepTitle a.editLink,
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:link, 
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:visited {color: #15435F; font-size: 12px; top: 26px;}

.graph20 .checkout-shipping-step .input-req,
.graph20 .checkout-shipping-step .input-opt {display: none;}


/* For Hiding the steps in the Checkout that belongs to */
.graph20 dl.checkoutProcess span.regularPayment,
.graph20 dl.checkoutProcess span.regularBill,
.graph20 dl.checkoutProcess span.regularReview{display: none;}


@media all and (min-width: 48em){
	.graph20 .icon-facebook-full {height: 3em; width: 11em;}

	.graph20 dl.checkoutProcess dt.stepTitle a.editLink,
	.graph20 dl.checkoutProcess dt.stepTitle a.editLink:link, 
	.graph20 dl.checkoutProcess dt.stepTitle a.editLink:visited { top: 32px; font-size: 14px;}
}
@media all and (min-width: 64em){
	.graph20 .icon.header-logo{ height: 4em; width: 14em;}
}
fieldset {border: 0;margin: 0; padding: 0;}
.graph20 fieldset {border: none;}
textarea {resize: vertical;}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
h1 {
	font-size:2.43em;
	font-weight:normal;
    font-family: "Open Sans", "Calibri", Arial, sans-serif;
	color: #000f18;
	margin: 0.67em 0 0.3em;
	-webkit-font-smoothing: antialiased;
}
.graph20 h1 {
	font-size: 2.25em;
	font-weight: 900;
	font-family: "Lato", sans-serif;
	letter-spacing: -0.9px;
	line-height: 38px;
}
h2 {
    font: bold 1.875em/1.2em 'Open Sans', Arial, sans-serif;
	color: #15435f;
	margin: 0.83em 0;
}
.graph20 h2 {
	margin: 0;
	font-weight: 900;
	font-size: 1.875em;
	font-family: 'Lato', sans-serif;
	color: #333;
	letter-spacing: -0.44px;
	line-height: 36px;
}
h3 {
	font: bold 1.29em/1.2em 'Open Sans', Arial, sans-serif;
	color: #0c527e;
	margin: 1em 0;
}
.graph20 h3 {
	font-weight: 900;
	font-size: 1.625em;
	font-family: 'Lato', sans-serif;
	color: #333;
}
h4 {
	font-size: 1em;
	color: #0c527e;
	margin: 1.33em 0;
}
.graph20 h4 {
	font-size: 1.25em;
	margin: 1.33em 0;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #333;
}
h5 {
	font-size: .83em;
	color: #0c527e;
	margin: 1.67em 0;
}
.graph20 h5 {color: #333;}
h6 {
	font-size: .75em;
	color: #0c527e;
	margin: 2.33em 0;
}
.graph20 h6 {color: #333;}

.graph20 p{
	font-size: 0.875em;
	line-height: 20px;
	font-family: 'Lato', sans-serif;
}
a {
	color: #15435f;
	text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover, a:active, a:focus {text-decoration: none;}
a[href^="tel"],
a[href^="tel"]:hover,
a[href^="tel"]:focus { text-decoration: none !important;}
a img{
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:focus img{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8;}

.graph20 .svg-legend {
	position: absolute;
	top: -999em;
	width: 0;
	height: 0;
}

@media all and (min-width: 48em){
	.graph20 h1{font-size: 3em; letter-spacing: -0.7px; line-height: 50px;}
	.graph20 h2 { font-size: 2.25em; letter-spacing: 0; line-height: 38px;}

	.graph20 h3{ font-size: 1.875em;}

	.graph20 h4{ font-size: 1.5em;}
	.graph20 p{
		font-size: 1em;
		line-height: 28px;
	}
}
/* Font Face for the site */

@font-face {
  font-family: 'icomoon';
  src:  url('/redesign_exclude2017/cms/fonts/icomoon.eot?ukd7qa');
  src:  url('/redesign_exclude2017/cms/fonts/icomoon.eot?ukd7qa#iefix') format('embedded-opentype'),
    url('/redesign_exclude2017/cms/fonts/icomoon.ttf?ukd7qa') format('truetype'),
    url('/redesign_exclude2017/cms/fonts/icomoon.woff?ukd7qa') format('woff'),
    url('/redesign_exclude2017/cms/fonts/icomoon.svg?ukd7qa#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-comments-o:before { content: "\e90a";}
.icon-user:before { content: "\e906";}
.graph20 .icon-user:before { color: #999;}
.graph20 .icon-lock:before { color: #999;}
.graph20 .member-nav .icon-user:before { color: #fff;}
.icon-search:before { content: "\e909";}
.icon-cart:before { content: "\e908";}
.icon-pinterest:before { content: "\e905";}
.icon-youtube:before { content: "\e900";}
.icon-facebook:before { content: "\e901";}
.icon-instagram:before { content: "\e902";}
.icon-google-plus:before { content: "\e903";}
.icon-twitter:before { content: "\e904";}

/* Social Media Icons here */
ul.footerSocial li a{
	height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999em;
    overflow: hidden;
    display: block;

}

ul.footerSocial li a.google-s{background-image: url('/cms/images/redesign_socialmedia/google-plus.svg');}
ul.footerSocial li a.facebook-s{background-image: url('/cms/images/redesign_socialmedia/facebook.svg');}
ul.footerSocial li a.instagram-s{background-image: url('/cms/images/redesign_socialmedia/instagram.svg');}
ul.footerSocial li a.pinterest-s{background-image: url('/cms/images/redesign_socialmedia/pinterest.svg');}
ul.footerSocial li a.twitter-s{background-image: url('/cms/images/redesign_socialmedia/twitter.svg');}
ul.footerSocial li a.youtube-s{background-image: url('/cms/images/redesign_socialmedia/youtube.svg');}

.arrow-list {display: block;padding-left: 0;}
.arrow-list li {
	display: block;
	background: url(/cms/images/layout/list-icon.png) no-repeat 4px 2px;
	padding-left: 20px;
	margin: 2px 0;
}

.list-3rds li {
	display: block;
	float: left;
	width: 33%;
	text-align: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	 
}
.list-3rds:after{
  content: "";
  display: table;
  clear: both;
}

.link-alt {	color: #808080;	text-decoration: none;}
.link-alt:hover,
.link-alt:focus {text-decoration: underline;}

.important {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}

.input-full {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	 
}

.input-checkbox { }

.checkbox-table [type="checkbox"] {	margin-right: 4px;}
.checkbox-table [type="checkbox"] + label {	display: inline;}

.input-req:after {
	content: ' *';
	position: relative;
	top: -0.25em;
	font-size: 11px;
	color: #00cc33;
}

.content-bgimg {
	padding: 1em;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;		
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	min-height: 350px;
}

.content-bgimg h1 {
	margin: 0;
	color: #fff;
	text-shadow: 1px 1px 2px hsla(203, 83%, 27%, 0.5);
}

.content-bgimg .content-box {
	position: absolute;
	background: hsla(0, 0%, 100%, 0.8);
	padding: 1em;
	bottom: 1em;
	right: 1em;
	width: 50%;
	margin: 0;
	border: 1px solid hsl(0, 100%, 100%);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
	   -moz-box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
	        box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
	-webkit-animation: fadeInRight 1s;
	-moz-animation: fadeInRight 1s;
	-ms-animation: fadeInRight 1s;
	-o-animation: fadeInRight 1s;
	animation: fadeInRight 1s;	        
}

.wrapper {position:relative; overflow:hidden;}
.wrapper-inner {
    position: relative;
    margin: 0 auto;
    left: 0;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media (max-width:64.99em) {
    .menu-active .wrapper-inner {
    	left:80%;
    	-moz-transition: all 0.3s linear;
    	-o-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.graph20.menu-active .wrapper-inner:before {
		content: '';
		height: 999em;
		width: 100%;
		background: rgb(0, 0, 0, 0.5);
		position: absolute;
		z-index: 100;
	}
}

/* ===============  Columns ================== */
.columns,
.columns .column { display:block; width:100%;}

.columns .column { padding: 0 10px;}

@media (min-width:48.000em) {
    .columns {display:table;}
    .columns .column {display:table-cell; vertical-align:middle; width:auto;}
}
/* ===============  Smart Bug  =============== */
.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }
/* ==========================================================================
   Buttons
   ========================================================================== */
.btnWrapper {display: inline-block;	margin: 1em 0;}
.btnWrapper + .btnWrapper { margin-left: 1em;}

.btn, a.btn {
	display: inline-block;
	padding: 8px 15px;
	border: 2px solid #235675;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
	cursor: pointer;
	text-align: center;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435F));
    background: -webkit-linear-gradient(top, #245877 0%,#15435F 100%);
    background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
    background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
    background: linear-gradient(to bottom, #245877 0%,#15435F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px; 
    background-clip: padding-box;
}
.graph20 .btn, .graph20 a.btn {
	display: inline-block;
	padding: 6px 26px 5px;
	border: none;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	line-height: 1.3em;
	cursor: pointer;
	text-align: center;
	background: #15435F;
	background-clip: padding-box;
	font-weight: bold;
	font-size: 0.625em;
	text-transform: uppercase;
	border-radius: 0px;
	letter-spacing: 1.6px;
	line-height: 24px;
	margin-top: 5px;
}
.graph20 div.centered-btn .btn{padding:10px 25px;}
.graph20 .close-cart .btn {padding: 8px 26px 8px 27px; font-size: 0.875em;}
.btn-small, a.btn-small {padding: 3px 16px;}
.btn-large, a.btn-large {padding: 16px 30px;font-size: 13px;}
.graph20 .btn-large, .graph20 a.btn-large { padding: 10px 25px;}
.lt-ie9 .btn, .lt-ie9 a.btn {zoom: 1; *zoom: 1;	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF11597D', endColorstr='#FF153146');}
.btn:hover, .btn:focus,
a.btn:hover, a.btn:focus {color: #fff; background: #153146;	text-decoration: none;}
.graph20 .btn:hover, .graph20 .btn:focus,
.graph20 a.btn:hover, .graph20 a.btn:focus {background: #335e79; border-color: #335e79;}
.btn-alt, a.btn-alt {
	display: inline-block;
	padding: 8px 15px;
  	border: 1px solid #CDCDCD;
  	color: #0C527E;
  	text-decoration: none;
  	text-transform: uppercase;
  	font-weight: bold;
 	line-height: 1.3em;
  	text-align: center;
  	cursor: pointer;
  	background: #FFF;
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#fff 0%,#cdcdcd 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#CDCDCD));
	background: -webkit-linear-gradient(top,#FFF 0%,#CDCDCD 100%);
	background: -o-linear-gradient(top,#fff 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,#fff 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,#FFF 0%,#CDCDCD 100%);
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
}
.graph20 .btn-alt, .graph20 a.btn-alt {
	display: inline-block;
	padding: 8px 15px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	cursor: pointer;
	background: none;
	border-radius: 0;
}
.lt-ie9 .btn-alt, .lt-ie9 a.btn-alt {zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );}
.btn-alt:hover, .btn-alt:focus,
a.btn-alt:hover, a.btn-alt:focus {text-decoration: none; filter:none; background: #cdcdcd;}
.graph20 .btn-alt:hover, .graph20 .btn-alt:focus,
.graph20 a.btn-alt:hover, .graph20 a.btn-alt:focus {background: #15435f;}

a.btn-alt:active, a.btn-alt:active {
    background: rgb(243,85,41);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzNTUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjczMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(243,85,41,1) 0%, rgba(255,115,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,85,41,1)), color-stop(100%,rgba(255,115,46,1)));
	background: -webkit-linear-gradient(top,  rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
	background: -o-linear-gradient(top,  rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
	background: -ms-linear-gradient(top,  rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
	background: linear-gradient(to bottom,  rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35529', endColorstr='#ff732e',GradientType=0 );
}
.btn-alt2 {
	display: inline-block;
	padding: 8px 15px;
	border: 1px solid #ff732e;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3em;
	text-align: center;
	cursor: pointer;
	background: rgb(255,115,46);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzMyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzU1MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,115,46,1) 0%, rgba(243,85,41,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,115,46,1)), color-stop(100%,rgba(243,85,41,1)));
	background: -webkit-linear-gradient(top,  rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);

	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;	
}
.graph20 .btn-alt2 {
	display: inline-block;
	padding: 8px 26px 8px 27px;
	border: 1px solid #F34F03;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background: #F34F03;
	border-radius: 0;
	letter-spacing: 1.6px;
}
.graph20 #btnAjaxCheckout { padding-left: 0; padding-right: 0; text-align: center;}
.lt-ie9 .btn-alt2, .lt-ie9 a.btn-alt2 {	zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff732e', endColorstr='#f35529',GradientType=0 );}
.btn-alt2:hover, .btn-alt2:focus,
a.btn-alt2:hover, a.btn-alt2:focus {
	color: #fff;
	background: rgb(243,85,41);
	text-decoration: none;
	filter: none;
}
.graph20 .btn-alt2:hover, .graph20 .btn-alt2:focus,
/* a.btn-alt2:hover, a.btn-alt2:focus, */
.graph20 .newsletter-btn:hover, .graph20 .newsletter-btn:focus,
.graph20 .btn-alt2-small:hover, .graph20 .btn-alt2-small:focus {
	color: #fff;
	background: #ff752b;
	text-decoration: none;
	filter: none;
}
.graph20 .btn-alt2-full-width{
	display: inline-block;
	padding: 8px 26px 8px 27px;
	border: 1px solid #F34F03;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.875em;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background: #F34F03;
	border-radius: 0;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	margin: 15px 0;
}
.graph20 button.btn-alt2-full-width{width: 100%; transition: all 0.3s ease-in-out;}
.graph20 input.btn-alt2-full-width{width:100%; font-weight: 700; font-family: 'Lato', sans-serif; margin-bottom: 0; transition: all 0.3s ease-in-out;}
.graph20 .btn-alt2-full-width:hover,.graph20 .btn-alt2-full-width:focus {background: #ff752b; text-decoration: none; filter: none;}
.graph20 .product-detail .btn.addtocart{font-size: 1em;}
@media all and (min-width: 48em){
	.graph20 .btn, .graph20 a.btn {	font-size: 1em;	padding: 13px 24px;	}
	.graph20 table.cart .btn{ font-size:0.625em; padding: 6px 26px 5px;}

	.graph20 .btn-alt2 {
		padding: 13px 49px 13px 50px;
		color: #fff;
		font-size: 1em;
		line-height: 1.3em;
	}
	.graph20 div.centered-btn .btn{padding:13px 50px;}
	.graph20 .btn-large, .graph20 a.btn-large{padding: 13px 50px;}

	.graph20 .btn-alt2-full-width{ margin: 30px 0; padding: 18px 26px 18px 27px; font-size: 1em;}
	.graph20 input.btn-alt2-full-width{font-size: 1.14em;}

	.graph20 .product-detail .btn.addtocart { font-size: 1.25em;}

	.graph20 .btnWrapper + .btnWrapper { margin-left: 0;}

	.graph20 #btnAjaxCheckout{letter-spacing: 1px; font-size: 12px;}
}
@media all and (min-width: 64em){
	.graph20 #btnAjaxCheckout{letter-spacing: 1.6px; font-size: 1em;}
}
/* Invisible button that looks like a link */
.btn-alt3 {
	display: inline-block;
	padding: 8px 15px;
	border: 0;
	color: #0c527e;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	text-align: center;
	cursor: pointer;
	background: none;
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.graph20 .addToButtons .btn-alt3{ font-weight: 900; font-size: 0.875em;}
.btn-alt3:hover, .btn-alt3:focus,
a.btn-alt3:hover, a.btn-alt3:focus { text-decoration: underline;}

.btn-regular {font-size: 11px;}

/* Fake button to look like text */
.btn-text {
	display: inline-block;
	padding: 0;
	border: 0;
	background: none;
	text-decoration: underline;
	color: #0c527e;
}

.btn-text:hover,
.btn-text:focus {text-decoration: none;}

/* Facebook button */
.btn-fbook {
	display: inline-block;
	background: #3b5998 url(/cms/images/layout/fbook.png) 1em 50% no-repeat;
	padding: 1.35em 1.5em 1.35em 4em;
	font-family: 'open-sans-semi', arial, helvetica;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;	
	text-align: left;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.btn-fbook:hover,
.btn-fbook:focus {background-color: #344e86;}

.btn-full {
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}

.mod .btn {margin-bottom:5px;}

/* ==========================================================================
   Data-Expander
   ========================================================================== */
.graph20 .target-show {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetShow;
}
.graph20 .target-hide {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: toggleTargetHide;
}
.graph20 [data-expander-target] { display: none;}
.graph20 [data-expander-target].active { display: block;}
.graph20 [data-expander-target].target-show { animation-name: toggleTargetShow;}
.graph20 [data-expander-target].target-hide { animation-name: toggleTargetHide;}
@keyframes toggleTargetShow {
    from {
        opacity: 0;
        transform: translateY(-10%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}
@keyframes toggleTargetHide {
    from {
        opacity: 1;
        transform: translateY(0%);
    }
    to {
        opacity: 0;
        transform: translateY(-10%);
    }
}
/* ==========================================================================
   Tabs
   ========================================================================== */

.tabs {	margin: 20px 0;}
.tabs-nav {
	position: relative;
	top: 1px;
	overflow: hidden;
	z-index: 20;
}
.tabs-nav ul {
	display: none;
	margin: 0;
	padding: 0;
    border-bottom:1px solid #e6e6e6;
    background-color:#fff;
    text-align:center;
}
.tabs-nav li {
	position: relative;
	display: inline-block;
    vertical-align:middle;
    padding:0 20px;
	overflow: hidden;
}
.tabs-nav a {
	display: block;
	padding:15px 0 10px;
    border-bottom:5px solid transparent;
	font-size: .9em;
    font-weight:bold;
	color: #15435f;
	text-decoration: none;
	background: #fff;
}
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav .selected a {	color: #666; border-bottom-color:#ff732e;}
.tabs-nav .selected a { border-bottom-color:#ff732e; color: #666666;}
.tabs-nav .selected a:hover {color:#666; border-bottom-color:#ff732e;}

.tabs-content {	margin-top: -1px;}

.tabs .panel > h2:first-child {	margin-top: 0;}

.panel {
	position: relative;
    padding:0 10px;
	z-index: 15;
	background-color: #fff;
	border-left: 1px solid #e5e5e5;
    overflow:hidden;
}
.panel:after {  content: "";  display: table;  clear: both;}
.panel {display: block;}
.panel.selected {display: block;}
.panel table {width:100%;}

.subpanel, .subpanel-left, .subpanel-right {
	overflow: hidden;
	padding: 40px 40px 0;
	-webkit-box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
	margin-left: -20px;
	margin-right: -20px;
}
.subpanel:first-child, .subpanel-left:first-child, .subpanel-right:first-child {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.subpanel-left {padding-right: 0;}
.subpanel-right {padding-left: 0;}

.panel .title {
    position:relative;
    padding:10px;
    margin:10px -10px 0;
    border-top:1px solid #e6e6e6;
    font-size:1.1em;
    text-transform:capitalize;
}
.panel .title .trigger {
    position:absolute;
    display:block;
    top:5px;
    right:10px;
    height:20px;
    width:20px;
    cursor:pointer;
}
.panel .title .trigger:before,
.tabs .panel .title .trigger:after {
    content:"";
    position:absolute;
    background-color:#15435f;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.panel .title .trigger:before {
    top:80%;
    width:100%;
    height:4px;
    right:2px;
}
.panel .title .trigger:after {
    top:40%;
    right:10px;
    width:4px;
    height:100%;
}
.tabs .panel .title .trigger.clicked:after {
    -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel .content {display:none; margin-top:10px;}

.tabs .sizeChart {overflow:auto;}
.tabs .sizeChart table {width:100% !important;}
.tabs .sizeChart table tr td {padding:4px;}
.tabs .sizeChart table tr td:first-child {white-space:nowrap;}
@media (min-width:48.000em) {
    .tabs-nav ul {display:block;}
    .panel {padding:20px;}
    .panel .inner {padding:0;}
    .panel .title {display:none;}
    .tabs .panel .content {display:block !important;}
    .panel {display:none;}
}
/* Tabs - Alt Style
   ========================================================================== */
.tabs-alt-nav {	position: relative;}
.tabs-alt-nav ul {	display: block;	margin: 0; padding: 0 20px;}
.tabs-alt-nav li {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	overflow: hidden;
}
.tabs-alt-nav li + li {	margin-left: 3px;}
.tabs-alt-nav .name {
	display: block;
	padding: 12px 20px 9px;
	line-height: 1em;
	border: 1px solid #d0d0d0;
	color: #0c527e;
	font-weight: bold;
	font-size: 0.86em;
	text-decoration: none;
	background: #e4e4e4;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-border-top-right-radius: 3.01px;
	 -webkit-border-top-left-radius: 3.01px;
	    -moz-border-radius-topright: 3.01px;
	     -moz-border-radius-topleft: 3.01px;
	        border-top-right-radius: 3.01px;
	         border-top-left-radius: 3.01px;
}
.tabs-alt-nav .name:hover,
.tabs-alt-nav .name:focus,
.tabs-alt-nav .selected .name {	color: #666666;	background: #fff; border-bottom-color: #fff;}
.tabs-alt-nav .selected .name:hover {cursor: default;}
/* ==========================================================================
   Modules
   ========================================================================== */
.main .block,
.main-area .block {	margin: 15px;}

.main .grid-3 .block {margin: 15px 0px;}

.margin-offset {margin: -15px;}

.no-padding {padding: 0 !important;}

.no-margin {margin: 0 !important;}

.mod-bg {background: #fff;}

.mod {position: relative; margin: 15px 0;}

.mod-has-margin {margin: 15px !important;}
.graph20.mod-has-margin{margin:16px!important; margin-top:0!important;}

.mod-centered {	text-align: center;}

.mod-alt {
	position: relative;
	overflow: hidden;
	display: block;
	padding:22px 5px; 
	color: #808080;
	background: #fff;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.mod-alt .title {margin:0;}
.mod-alt img {margin:0 auto;}
.lt-ie9 .mod-alt {*zoom: 1;	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );}
.mod-alt + .mod-alt {margin-top: 25px;}
.mod-alt > .mod-title {	text-align: center;}
.mod-alt2 {
	position: relative;
	padding: 5px;
	margin: 20px 0;
	color: #fff;
	background: #245877;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435F));
    background: -webkit-linear-gradient(top, #245877 0%,#15435F 100%);
    background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
    background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
    background: linear-gradient(to bottom, #245877 0%,#15435F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.lt-ie9 .mod-alt2 {	zoom:1;	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.mod-alt2 .title { color: #fff;}
.mod-alt > .mod-title .title {margin: 0.5em 0 0;font-size: 18px;color: #808080;}

/* Mod Alt 3 - Mod style with blue heading */
.mod-alt3 {
	position: relative;
	padding: 0;
	color: #808080;
	background: #fff;
}
.graph20 .mod-alt3{	padding: auto; background: none; overflow: visible; }
#hawkfacets { border:0; }

.mod-alt3 > .mod-title,
.hawkRailHeader {
    position:relative;
	min-height: 8px;
	text-align: left;
    cursor:pointer;
	 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #245877 0%, #15435f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
    background: -webkit-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -o-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -ms-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: linear-gradient(to bottom,  #245877 0%,#15435f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.graph20 .mod-alt3 > .mod-title,
.graph20 .hawkRailHeader{ background: none; text-align: left; padding-left: 0;}
.storeLnav .title:before,
.hawkRailHeader:before,
.nav-aside .title:before {
    content:"";
    position:absolute;
    top:15px;
    right:18px;
    width:4px;
    height:16px;
    background-color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.graph20 .nav-aside:last-child .title:before{background-color: #15425f;}
.graph20 .storeLnav .title:before,
.graph20 .hawkRailHeader:before{ top:5px;}
.graph20 .nav-aside .title:before {top: 16px;}
.graph20 .hawkRailHeader:before{background: none;transition: none;}
.storeLnav .title:after,
.hawkRailHeader:after,
.nav-aside .title:after {
    content:"";
    position:absolute;
    top:21px;
    right:12px;
    width:16px;
    height:4px;
    background-color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.graph20 .nav-aside:last-child .title:after{background-color: #15425f;}
.graph20 .storeLnav .title:after,
.graph20 .hawkRailHeader:after  {top: 11px;}
.graph20 .nav-aside .title:after {top: 22px;}
.graph20 .hawkRailHeader:after{	background: none; transition: none;}
.storeLnav .title.clicked:before,
.hawkRailHeader.clicked:before,
.nav-aside .title.clicked:before {
    -moz-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	-webkit-transform: rotate(90deg);
  	transform: rotate(90deg);
}
.storeLnav ul.rail-navigation,
.hawkRailNav,
.nav-aside ul {display:none;}
.graph20 .nav-aside ul {display: block;}

.graph20 .hawkRailHeader button{
	background: #F34F03;
	border: none;
	padding: 13px 20px 12px 35px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2.42px;
	line-height: 12px;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin: -3.2px 0;
	transition: all 0.3s ease-in-out;
}
.graph20 .hawkRailHeader button:focus{outline-color: #666;}
.graph20 .hawkRailHeader button:hover {background: rgb(243,85,41); opacity: .8;}
.graph20 .hawkRailHeader .open{display:none; position: relative;}
.graph20 .hawkRailHeader .bar{position: absolute;}
.graph20 .hawkRailHeader .close{display:none; position: relative;}
.graph20 .hawkRailHeader .open.active{display:block;}
.graph20 .hawkRailHeader .close.active{display:block; margin-right: 2px;}
.graph20 .hawkRailHeader .bar:before{
	content: '';
  	position: absolute;
  	width: 18px;
  	height: 2px;
  	background: #FFF;
  	transform: rotate(-45deg);
  	transition: transform .3s ease-in-out;
  	left: -51.5px;
  	top: 2.5px;
}
.graph20 .hawkRailHeader .bar.active:before{
	transform: rotate(0deg);  
	top: -12px;
	left: -50px;
}
.graph20 .hawkRailHeader .bar:after{
	content: '';
  	position: absolute;
  	height: 2px;
  	width: 18px;
  	transition: transform .3s ease-in-out;
  	top: 2.5px;
  	left: -50.5px;
  	background: #FFF;
  	transform: rotate(45deg);
}
.graph20 .hawkRailHeader .bar.active:after{
	width: 6px;
	left: -44px;
	top: -4px;
	transform: rotate(0deg);
}
.graph20 .hawkRailHeader .open:before{
	content: '';
	position: absolute;
	width: 11px;
	height: 2px;
	background: #FFF;
	left: -15px;
	top: 4px;
	transition: all .3s ease-in-out;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.graph20 .hawkRailHeader .bar.active::after {left:-13px;}
	.graph20 .hawkRailHeader .bar.active::before{left:-19px;}
	.graph20 .hawkRailHeader .bar::after,
	.graph20 .hawkRailHeader .bar::before{left:-20px;}

	.graph20 table.cart td.total-price dl dd p.singleprice{padding-left: 50px!important;}

	.graph20 .hawkRailNav .selectedNav{width: 100%;}

	.graph20 .accountLogin input::-ms-clear, .graph20 .accountLogin input::-ms-reveal,
	.graph20 .account input::-ms-clear, .graph20 .account input::-ms-reveal {display: none ;}
}  
.graph20 .mod-alt3#hawkfacets{background: #e6e6e6; position: relative;}
.graph20 .mod-alt3#hawkfacets > div:first-child {position: absolute; right: 10px; top: 10px; z-index: 55; color: #333; font-weight: 900; font-size: 12px;}
.graph20 .store-items .hawkRailNav {  border-top: 2px solid #ccc; margin: 0; }
.graph20 .store-items .hawkRailNav.active {display: block; }
.graph20 .store-items .hawkRailNav > div {background: #e6e6e6; border-bottom: 2px solid #ccc; margin: 20px 0;}
.graph20 .guidedNavWrapper ul li a { color: #333; font-size: 1em; font-family: 'Lato', sans-serif; margin-right: 10px;}
.graph20 .guidedNavWrapper .navGroup {background: #e6e6e6; margin-top: 0; padding-top: 0;}
.graph20 .iconImage.iconXSquareRed { background: url(/cms/images/icon-close-circled-24.png); height: 16px; width: 16px;}
.graph20 .clearSelected:before{
	content: '';
	position: absolute;
	background: url(/cms/images/icon-close-circled-24.png);
    height: 16px;
	width: 16px;
	left: -18px;
	top: 8px;
}
.graph20 .guidedNavWrapper .selhdng{ display: none;}
.graph20 .hawkRailNav .selectedNav {
    background: #e6e6e6;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.graph20 .selectedNav .selectedGroup { padding-top: 0; margin-top: 0;}
.graph20 .selectedNav .clearSelected {
    margin-top: 0;
    float: left;
	padding-top: 6px;
	position: absolute;
	top: -1px;
	left: 140px;
}
.graph20 .store-items .hawkRailNav > div#selectedNav {min-height: 40px;}
.graph20 .selectedNav .selectedGroup .hawkFacet-active { float: left; margin-left: 5px; margin-right: 5px;}

.graph20 ul.facetfilters {display: none;}
.graph20 .sliderbox {margin-left:0;}
@media (min-width:48.000em) {
    .redsgn .hawkRailNav,
    .redsgn .storeLnav ul.rail-navigation,
	.redsgn .nav-aside ul {display:block !important;}

    .hawkRailHeader {cursor:default;}
    .hawkRailHeader:before,.hawkRailHeader:after, 
    .storeLnav .title:after, .storeLnav .title:before,
    .nav-aside .title:after, .nav-aside .title:before  {display:none !important;}
    
    .storeLnav ul.rail-navigation ul {display:none !important;}
    .storeLnav ul.rail-navigation .active ul,
    .storeLnav ul.rail-navigation .on ul {display:block !important;}
	.storeLnav ul.rail-navigation .on.active ul {display:none !important;}
	
	.graph20.mod-has-margin{margin:60px!important; margin-top:60px!important;}

	.graph20 .mod-alt3#hawkfacets > div:first-child {top: 10px; right: 30px; font-size: 16px;}

	.graph20 .nav-aside ul {display: block !important;}
}
@media all and (min-width: 64em){
	.graph20 .store-items .hawkRailNav .guidedNavWrapper {
		margin-right: 15px;
		border-bottom: none;
		width: 210px;
		min-height: 250px;
		position: relative;
		float: left;
	}
	.graph20 .store-items .hawkRailNav .guidedNavWrapper:after {
		content: '';
		position: absolute;
		height: 250px;
		width: 2px;
		background: #ccc;
		top: 0;
		right: 0;
	}
	.graph20 .store-items .hawkRailNav .guidedNavWrapper:last-child:after{background: none;}
	
	.graph20 .store-items .hawkRailNav > div#selectedNav {position: absolute; top: -10px; left: 235px; width: 90%;}
	.graph20 .store-items .hawkRailNav #selectedNav.guidedNavWrapper:after{display: none;}
	.graph20 .selectedNav .clearSelected{ top: -10px; left: -60px;}

	.graph20 .store-items .hawkRailNav {  border-top: none;}

	.graph20 ul.facetfilters{display: block;}
	.graph20 .hawkRailHeader button{ padding: 15px 20px 14px 37px; margin: -7.2px 0;}

	.graph20 .hawkRailNav .selectedNav {flex-direction: row; width: max-content;	}
}
.mod-alt3 > .mod-title .title, .hawkRailHeader {
	margin: 0;
	color: #fff;
	padding: 0.3em 0.8em;
	font-size: 1.5em;
	font-weight: 300;
}
.graph20 .mod-alt3 > .mod-title .title, .graph20 .hawkRailHeader {text-align: center; text-transform: uppercase;} 
.graph20 .nav-aside .mod-title .title{ font-weight: 900; text-align: left;}
.graph20 .nav-aside:first-child .mod-title .title { border-bottom: 1px solid #306687;}
.graph20 .nav-aside:last-child .mod-title .title {color:#333; border-bottom: 1px solid  #ccc;}

.mod-alt3 > .mod-title .title a {color: #fff;text-decoration: none;}
.mod-alt3 > .mod-title .title a:hover,
.mod-alt3 > .mod-title .title a:focus {	text-decoration: underline;}
.mod-alt4 { position: relative;	padding: 0;	background: #fff;}
.mod-alt4 .mod-head { padding:20px 0 5px;}
.mod-alt4 .title {margin:0;}
.mod-alt4 .mod-content {padding:0 20px;}
.lt-ie9 .mod-alt3 > .mod-title .title {	zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.mod-alt3 .mod-content {margin: 20px; padding: 0;}
.mod-alt3.bg-alt {background: #2b678b; color: #fff; }

/* Dark Mod Theme */
.mod-dark { 
	color: #cecece;
	background: #808080;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #808080 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#999999));
	background: -webkit-linear-gradient(top,  #808080 0%,#999999 100%);
	background: -o-linear-gradient(top,  #808080 0%,#999999 100%);
	background: -ms-linear-gradient(top,  #808080 0%,#999999 100%);
	background: linear-gradient(to bottom,  #808080 0%,#999999 100%);
}
.lt-ie9 .mod-dark {	zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#999999',GradientType=0 );}
.mod-dark .title { color: #fff; }
/* Mini Mod for smaller text */
.mod-mini .title { margin-bottom: 0;}
.mod-mini .mod-content { padding: 0;}
.mod-mini p { margin: 0.5em 0;}
.mod-aside {float: left;}
.mod-aside img {padding-right: 15px;}

.title { }
.title-link {color: #3f3f3f;text-decoration: none;}
.title-link:hover,
.title-link:focus {	text-decoration: underline;}
.title .more {	position: absolute;	top: 0;	right: 0;}

.mod-content {font-size:.95em;}

.aside-alt .title,
.main-aside .title {color: #fff; font-weight: bold;	font-size: 1.167em;}
.aside-alt .title-link,
.main-aside .title-link {color: #fff;}
.aside-alt .mod-head .title,
.main-aside .mod-head .title {color: #b1e4ec; font-size: 1.29em; font-weight: normal;}
.aside-alt .content,
.main-aside .content {font-size : 0.86em;}
.aside-alt .more,
.main-aside .more {	color: #fff; white-space: nowrap;}

.newsSummary p { margin: 0;}

@media (min-width:48.000em) {
	.mod-alt3 > .mod-title .title, .hawkRailHeader {font-size:1.6em!important;}
	.graph20 .mod-alt3 > .mod-title .title, .graph20 .hawkRailHeader {font-size:auto!important;}
    .mod-content p {margin:0;}
}
/* Item Lists Content
   ========================================================================== */
.item-list {margin: 0; padding: 0; list-style: none;}
.item {
	position: relative;
	display: block;
	margin: 1em 0;
	width: 100%;
}
.item:first-child {	padding-top: 0;}
.item:last-child{padding-bottom: 0;}

.aside-alt .item + .item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 100%;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}

.item > .title {margin: 0 0 5px;}

.content .title {margin: 0;}

.item-list .content p {	margin: 0;}

.content .date {font-size: .85em;}
/* Item Media
   ========================================================================== */
.mod .aside {display: inline-block;	text-align: center;	float: left;}
.mod .aside img {padding: 0 15px 0 0;}

.caption {	display: block;	font-size: 0.8em; line-height: 1.2em;}
/* Media Queries for Item Lists 
   ========================================================================== */
@media (max-width: 400px) {
	.item {	display: block;	}
	.item > .content {	display: block;	}
	.item > .aside {display: block;	}
}
/* Aside Mods
========================================================================== */
/* Aside Mod Styles -- might be able to get rid of these as we now have mod 3 */

/* To be used to find improper styles, simplify the mod-alts */
.aside .mod-alt {background: red!important; color: red!important;}
.aside .mod-alt:before {content: 'old module, report to FED'; color: black;}
.aside .mod-alt,
.aside .recently-view .mod-content {padding: 0;}
.aside .mod-alt > .mod-title {
	min-height: 8px;
	text-align: left;
	background: #306c91;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #306c91 0%, #125272 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(100%,#125272));
	background: -webkit-linear-gradient(top,  #306c91 0%,#125272 100%);
	background: -o-linear-gradient(top,  #306c91 0%,#125272 100%);
	background: -ms-linear-gradient(top,  #306c91 0%,#125272 100%);
	background: linear-gradient(to bottom,  #306c91 0%,#125272 100%);
}
.aside .mod-alt > .mod-title .title {
	margin: 0;
	color: #fff;
	padding: 0.2em 0.8em;
	font-size: 1.71em;
	font-weight: 300;
}
.lt-ie9 .aside .mod-alt > .mod-title .title {zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.aside .mod-content {padding: 0.2em 1.5em;}
.aside-alt .mod-content {padding: 0 1.5em;}

.nav-store .mod-content{padding-top: 1em;}
/* Featured Grid
========================================================================== */
.featured-grid {position: relative;}
.featured-grid {
	position: relative;
	text-align: center;
	font-size: 100px;
	margin: 15px 0;
}
.featured-grid:after {
	content: '';
	height: 100%;
	border-left: 1px dotted #d1d1d1;
	position: absolute;
	left: 50%;
	top: 0%;
}
.featured-grid .mod {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 20px;
	width: 43%;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}
.featured-grid .mod + .mod + .mod {	margin-top: 20px;}
.featured-grid .mod .mod-title {margin: 0;	font-size: 1.5em;}
.featured-grid .mod-content { padding-bottom: 1em;}
.featured-grid p {	margin: 0.2em 0;}
.featured-grid .more {
	position: absolute;
	right: 20px;
	bottom: 0;
	font-weight: bold;
	text-decoration: none;
}
.featured-grid .more:hover,
.featured-grid .more:focus {text-decoration: underline;}
.featured-grid .more:after {
	content: '';
	display: inline-block;
	margin-left: 5px;
	width: 5px;
	height: 9px;
	background: url(/cms/images/layout/arrow-right-blue.png) 50% 50% no-repeat;
}
/* Newsletter
========================================================================== */
.mod-newsletter {
    margin: 20px 0 20px 0;
	padding: 10px 20px;
    text-align:center;
}
.mod-newsletter .column {padding:0; margin-bottom:10px;}
.mod-newsletter .title {
	display: inline-block;
	margin: 0 1em 0 0;
    font: 400 1.29em/1.2em 'Open Sans', Arial, sans-serif;
    white-space:nowrap;
}
.mod-newsletter p {	margin: 0; font-size:.75em; color: #ccc;}
.mod-newsletter .btn-alt2 {
    padding:8px 20px;
    font-size:.9em;
	white-space:nowrap;
    -webkit-transition:none;
    transition:none;
}
/* Newsletter Signup */
.graph20 .newsletter .newsletter__text h3{ margin: 0; color: #fff; font-size: 1.3125em;}
.graph20 .newsletter .newsletter__text p{ margin: .5em 0; color: #fff; font-size: 0.875em;}

.graph20 .newsletter{text-align:center;padding:50px 0;background:#32617e;color:#fff;}
.graph20 .newsletter__input{display:flex;align-items:center;justify-content:center; margin-top: 10px; width: 100%; position: relative;}
.graph20 #newsletter__input__box{
	height:25px;
	width: 100%;
	padding: 10px 110px 10px 10px;
	border-radius: 0;
}	

.graph20 .newsletter-btn{ position: absolute; top: 0; right: 0; margin-top: 0; height: 100%; 
	padding: 8px 14px;
	border: 1px solid #F34F03;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1.3em;
	text-align: center;
	cursor: pointer;
	background: #F34F03;
}

@media (min-width:48.000em) {
    .mod-newsletter {text-align:left;}
    .mod-newsletter p {padding-right:1em; font-size:1em;}
}
@media (min-width:64.000em) {
	.mod-newsletter {padding:2.5em 1.8em;}
	.graph20 #newsletter__input__box{ padding: 10px 116px 10px 10px;}
	.graph20 .newsletter-btn{ padding: 13px 49px 13px 50px; font-size: 1em;}
}
@media (min-width:79.000em) {
	.graph20 .newsletter .newsletter__text h3{ font-size: 2.25em;}
	.graph20 .newsletter .newsletter__text p{ font-size: 1.125em;}

    .mod-newsletter .title {font-size:2.5em;}
    .mod-newsletter .btn-alt2 {padding:15px 30px;font-size:1.1em;}
}
/* News
   ========================================================================== */

.news-detail {padding-right: 10px;}
.article {margin: 20px;}
.graph20 .article {	margin: 20px 0;}
.graph20 .article > .title{	font-size: 2.125em;	line-height: 36px;}
.article > .aside {	float: right; margin: 1em;}

.meta {	margin: 0.5em 0;}
.meta > div {float: left;}
.meta .social-tools {float: right; min-width: 315px;}
.graph20 .meta .social-tools {float: none; min-width: 315px;} 
.meta .date {line-height: 2em;}

.media-caption {font-size: 0.9em; text-align: center;}

.graph20 .article .clearfix{ position: relative;}
.graph20 .article .social-tools {position: absolute; right: 0; top: 38px;}
.graph20 .article .social-tools a img{border-radius: 0;}
.graph20 .article-author{border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.graph20 .article-author img, .article-author-mini img{ border-radius: 50%;}
.graph20 .article-author p {max-width: 850px;}
.graph20 .article-author-mini {display: flex; align-items: center; padding: 30px 0 20px; position: relative;}
.graph20 .article-topics { border-top: 2px solid #e6e6e6;}
.graph20 .article-topics ul li{ display: inline-block;}
.graph20 .article-topics a {color: #f34f03; text-decoration: none; margin-left: 15px; font-size: 1em}
.graph20 .article-topics p {float: left; font-weight: 900; font-size: 1em;}
.graph20 .article-topics ul {float: left; padding: 0; margin: 1.25em 0;}

.graph20 .prev-article, .next-article { border: 2px solid #e6e6e6; height: 100%; min-height: 308px; width: 100%; margin: 0 0 10px;}
.graph20 .prev-article .sub-title, .next-article .sub-title { color: #F34F03; font-weight: 700; font-size: 0.75em; margin-bottom: 0;}
.graph20 .prev-article h4, .next-article h4{ text-transform: uppercase; margin: 0;}
.graph20 .prev-article p, .next-article p{ margin-top: 0;}
.graph20 .prev-article-text {padding: 30px 15px 0 70px;}
.graph20 .next-article-text {padding: 30px 70px 0 15px;}

.graph20 .prev-button, .next-button {
	background: #e6e6e6;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	margin: 50px 10px 100px;
	position: relative;
}
.graph20 .prev-button:after{
	content:'';
	position: absolute;
	height: 15px;
	width: 15px;
	border-left: 2px solid #15435F;
	border-top: 2px solid #15435F;
	left: 19px;
	top: 16px;
	transform: rotate(-45deg);
}
.graph20 .next-button:after{
	content: '';
	position: absolute;
	height: 15px;
	width: 15px;
	border-right: 2px solid #15435f;
	border-top: 2px solid #15435F;
	right: 19px;
	top: 16px;
	transform: rotate(45deg);
}
.graph20 .prev-button {float: left;}
.graph20 .next-button{ float: right;}
.graph20 .prev-button:hover,
.graph20 .next-button:hover,
.graph20 .prev-button:focus,
.graph20 .next-button:focus{opacity: .5;}

.graph20 .related-article{margin: 30px 0;}
.graph20 .related-article img {float: left;}
.graph20 .related-article-text {margin-left: 90px;}
.graph20 .related-article-text p{margin: 0; display: block!important;}
.graph20 .related-article-text h4{margin: 0; text-transform: uppercase;}
.graph20  .category{ text-transform: uppercase; font-size: 0.875em; font-weight: 700; color: #f34f03;}

.graph20 .popular-topics h3 {margin-bottom: 0;}
.graph20 .popular-topics ul{ padding: 0;}
.graph20 .popular-topics ul li {list-style: none; margin: 7px 0;}
.graph20 .popular-topics a {color: #F34F03; font-size: 1em;}
.graph20 .popular-topics > ul > li > a { text-decoration: none;}

.graph20 .newsletter-mini { display: none;}

.graph20 .article-callout {background: #333; background-size: 191% 100%; background-repeat: no-repeat; background-position: center;}
.graph20 .article-callout-text p{ color:#fff; font-size: 1.5em; font-weight: 700;}
.graph20 .article-callout-text{text-align: center;  padding: 105px 60px 25px 60px;}
@media all and (min-width: 48em){
	.graph20 .article-callout{background-size: 100% 100%;}
	.graph20 .article-callout-text{text-align: left; padding: 60px 630px 55px 58px;}

	.graph20 .container-small{ max-width: 800px; padding-left: 50px;}

	.graph20 .article > .title { font-size: 4.5em; line-height: 72px;}

	.graph20 .article-author img{ float: left; margin-right: 20px;}
	.graph20 .article .social-tools{ 
		right: auto;
		left: -40px;
		width: 50px;
		top: 25px;
	}
	.graph20 .article .social-tools a img { margin-top: 30px; }

	.graph20 .article-author-mini{ padding: 60px 0 30px;}

	.graph20 .prev-article{margin-left: -10px;}
	.graph20 .next-article{margin-right: -10px;}
	.graph20 .prev-article .sub-title, .graph20 .next-article .sub-title { font-size: 0.875em;}

	.graph20 .newsletter-mini{ display: block; background: #0C527E; height: 285px; width: 100%; margin: 20px 0; padding: 1px 20px 0;}
	.graph20 .newsletter-mini h3, .graph20 .newsletter-mini p {margin-bottom: 0; color: #fff;}
	.graph20 .newsletter-mini .newsletter-btn {padding: 13px;}
}
/* ==========================================================================
   Documents
   ========================================================================== */
.documents-rail .item {	margin: 0.5em 0;}
/* ==========================================================================
   Testimonials
   ========================================================================== */
blockquote {
	overflow: hidden;
	margin: 1em 2em;
	padding-left: 0.5em;
	border-left: 4px solid #ccc;
	border-left: 4px solid hsla(0, 0%, 70%, 0.7);
}
blockquote small {
	display: block;
	padding-top: 0.3em;
	line-height: 1.2em;
	clear: both;
}
.aside-alt blockquote {	margin: 1em 0;}

.filter.callout-box {padding: 1em; text-align: left; color: #4a4a4a;}
/* ==========================================================================
   Filters
   ========================================================================== */
.filter {
	margin: 1em 0;
	padding: 1em;	
	border: 1px solid #444444;
	background: #cccccc;
}

.filter.callout-box {padding: 1em .5em;	color: #4a4a4a;}
.filter-options {float: left; padding-top: 4px;}
.filter-actions {float: right;}

#CT_Main_0_pnPage h4 {padding: 0 22px;}
/* Department Filter
   ========================================================================== */
.dept-filter, 
.hawksearch .filters{float: left;}
.dept-filter label,
.hawksearch .filters label {font-weight: bold;	color: #666666;	padding-right: 5px;}
.dept-filter select,
.hawksearch .filters select {width: 13em;}
/* Pagination
========================================================================== */
.paging, .hawksearch .mainControls {
	overflow: hidden;
	padding: 1em;
	font-size: 0.86em;
	color: #818181;
}

.hawksearch .paging {font-size: 1em; padding: 0 1em 0 0;}

.paging-list ul,
.hawksearch .pagination {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

.hawksearch .pagination .view {	float: right;}
.paging-center ul {	float: none; text-align: center;}
.paging-list li {display: inline-block;	padding: 0;	margin: 0;}
.paging-list li a,
.paging-list li span {display: block; padding: 2px 3px;	text-align: center;}
.paging-list li a {	/* Link State */}
.paging-list li span {	/* Current Page State */}
.paging-list .prev,
.paging-list .next {
	display: inline-block;
	padding: 2px 10px;
	width: 8px;
	height: 17px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 8px 17px;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
}
.paging-list .next {background-image: url(/cms/images/layout/pager-r.png);}
.paging-list .next:hover, .paging-list .next:focus {
	-webkit-transform: translateX(0.3em);
	-moz-transform: translateX(0.3em);
	-ms-transform: translateX(0.3em);
	-o-transform: translateX(0.3em);
	transform: translateX(0.3em);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.paging-list .next {background-image: url(/cms/images/layout/pager-r@2x.png);}
}
.paging-list .prev {background-image: url(/cms/images/layout/pager-l.png);}
.paging-list .prev:hover, .paging-list .prev:focus {
	-webkit-transform: translateX(-0.3em);
	-moz-transform: translateX(-0.3em);
	-ms-transform: translateX(-0.3em);
	-o-transform: translateX(-0.3em);
	transform: translateX(-0.3em);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.paging-list .prev {background-image: url(/cms/images/layout/pager-l@2x.png);}
}
.paging-list .prev.disabled, .paging-list .next.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	cursor: default;
	display: none;
}
.paging-list .prev.disabled:focus,
.paging-list .prev.disabled:hover,
.paging-list .next.disabled:hover, 
.paging-list .next.disabled:focus {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.paging-list .active {font-weight: bold;}
.paging-desc { font-size: 0.92em;}
@media(max-width:68.750em) {
    .paging-list {clear:left;}
    .paging-list ul {float:none; margin-top:1em; text-align:center;}
    .paging-list ul li {margin-bottom:5px; text-align:left;}
    .paging-list ul li:last-child {}
    .paging-list ul li select {width:100%;}
    
    .footer-store { margin-top: 0px !important;}
    .footer-store ul li:first-child { display: none; }    
}
/* ==========================================================================
   Grid List
   ========================================================================== */
.grid-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 1px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	font-size: 0;
	text-align: left; /*has to be left for border dividers */
}
.graph20 .grid-list{ border-bottom: none;}
.grid-list:before{
	content:'';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #f2f2f2;
}
.graph20 .grid-list:before{
	left: 0;
	width: 100%;
	height: 1px;
}
.grid-list.grid-vertical,
.grid-list.grid-content {border-top: 0;	border-bottom: 0;}
.grid-list.grid-content {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #f2f2f2;;
	border-bottom: 1px solid #f2f2f2;;
}
.grid-list.grid-content:before,
.grid-list.grid-vertical:before {display: none;}
.grid-list.col3:before {left: 33.33%;}
.grid-list.col3:after{
	content:'';
	position: absolute;
	left: 66.33%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #f2f2f2;
}
.grid-list > li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 49%;
	font-size: 14px;
	vertical-align: top;
}
.graph20 .grid-list > li { width: 100%; border-bottom: 1px solid #f2f2f2;}
.graph20 .grid-list > li:last-child { border-bottom: none;}
.grid-list.grid-content > li,
.grid-list.grid-vertical > li {	width: 100%;}
.grid-list.grid-content > li:nth-child(2n+2) {background: #f2f2f2;}

.departments .grid-title{text-align: left;}

.grid-list.col3 > li {width: 33.33%;}
.grid-list > li + li + li{border-top: 1px solid #f2f2f2;}
.graph20 .grid-list > li + li + li { border-top: none;}
.grid-list.col3 > li {border-top: 0;}
.grid-list.col3 > li + li + li + li{border-top: 1px solid #f2f2f2;}
.grid-list.grid-content > li,
.grid-list.grid-vertical > li{border-top: none}
/*.grid-list > li:nth-child(2n) {border-left: 1px solid #f2f2f2;}*/

.grid-item {
	position: relative;
	display: block;
	text-align: center;
	padding: 1em 0 2.5em;
	-webkit-backface-visibility: hidden;
}
.graph20 .grid-item{ padding-bottom: 10px;}

.grid-vertical .grid-item {	text-align: left; font-size: 0.79em; padding: 0.5em 0;}
.graph20 .grid-vertical .grid-item{ padding: 0 16px 16px;}
.grid-vertical .grid-image {float: left; padding-right: 10px;}
.graph20 .grid-vertical .grid-image{ padding-right: 16px;}
.grid-vertical .grid-image img{	max-width: 50px;max-height: 50px;}
.graph20 .grid-vertical .grid-image img{max-width: 90px;max-height: 90px;}
.grid-title {
	font-weight: bold;
	font-size: 1em;
	margin: 0.4em 0 0.2em;
	padding: 0 15px;
}
.graph20 .grid-title{ padding-top: 15px !important;}

.grid-vertical .grid-title {margin-top: 0;	padding: 0;}

.departments .grid-title{font-size: 1.29em;}

.grid-vertical .product-price {	margin-left: 60px;}

.grid-title a { text-decoration: none;}
.grid-title a:hover,
.grid-title a:focus {text-decoration: underline;}

.product-listing .grid-title {text-align: center;font-size: 1em;}
.graph20 .product-listing .grid-title {
	text-align: left;
	font-size: 1em;
	font-weight: 700;
	padding: 0!important;
	line-height: 20px;
}
.graph20 .product-listing .grid-title a {color:#333;}

.grid-desc {
	text-align: left;
	padding: 0 15px;
	font-size: 0.86em;
	color: #808080;
}

.grid-link {
	position: absolute;
	bottom: 1em;
	right: 15px;
	display: block;
	font-weight: bold;
	font-size: 0.86em;
	text-decoration: none;
}
.grid-link:hover,
.grid-link:focus {text-decoration: underline;}
.grid-link:after{
	content: '';
	display: inline-block;
	margin-left: 5px;
	width: 5px;
	height: 9px;
	background: url(/cms/images/layout/arrow-right-blue.png) 50% 50% no-repeat;
}

.product-price {color: #808080;	font-weight: bold;}
.graph20 .product-price {
	color: #333;
	font-size: 1em;
	text-align: left;
	font-weight: 400;
	display: block !important;
}
.graph20 .checkoutCart .product-price{font-weight: 400; font-size: 1em; letter-spacing: -0.2px;}
.product-desc {	font-size: 0.8em;}
.graph20 .product-desc {font-size: 1em;	color:#000;}
.graph20 .checkoutCart .product-desc{ margin: 0 60px; }
.graph20 .item-details{background: #f2f2f2; padding: 30px 0 40px;}
.graph20 .desc-wrapper p{line-height: 24px;}
.graph20 .desc-wrapper p span{ font-size: 1em; font-family: 'Lato'!important; letter-spacing: 0; line-height: 24px;} 
.price-sale {color: #990000;white-space: nowrap;}

.product-sku {font-size: 0.8em;	margin-bottom: 1em; color:#666666;}
.graph20 .product-sku-DEL{ font-size: 0.875em; color:#666666;}

.grid-content .grid-item {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: initial !important;
	padding-bottom: 0;
}

.grid-content .grid-title {
	font: normal 1.29em/1.2em Arial, sans-serif;
	text-align: left;
	min-height: initial !important;
	padding: 0;
	margin: 0 0 0.5em;
}

.grid-content .grid-title a {color: #3f3f3f;}
@media all and (min-width: 30em){
	.graph20 .checkoutCart .product-price{padding: 0 10px;}
	.graph20 .checkoutCart .product-desc{padding: 0 10px;}

	.graph20 .checkoutSection #AddressBook {padding: 0 10px;}

	.graph20 .product-listing .grid-title{margin-top: 27px;}
}
@media all and (min-width: 48em){
	.graph20 .item-details{ padding: 60px 0 50px;}

	.graph20 .desc-wrapper p span{letter-spacing: -0.23px}

	.graph20 .grid-list.grid-vertical{ padding-bottom: 30px;}
	.graph20 .grid-vertical .grid-item { padding: 0 10px 16px;}
	.graph20 .grid-vertical .grid-image { margin-right: 30px;}

	.graph20 .grid-list > li{ width: 50%;}
	.graph20 .grid-list > li:nth-last-child(2){ border-bottom: none;}
	.graph20 .grid-item {padding-bottom: 2.5em;}
}
/* ==========================================================================
   Events
   ========================================================================== */
.article > .aside.calendar {width: 35%;}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.hidden {display: none !important; visibility: hidden;}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.graph20 .newHidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.graph20 .newHidden.focusable:active,
.graph20 .newHidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " ";	display: table;}
.clearfix:after {	clear: both;}
.clearfix {	*zoom: 1;}

.no-border-left {border-left: 0 !important;}
/* Master Overlay Control */
/* overlay default */
.siteOverlay {
	display: none;
	position: relative;
	width: 550px;
    max-width:92%;
	min-height: 1px;
	background-color: #fff;
	z-index: 2000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 15px #333333;
	-moz-box-shadow: 0 0 15px #333333;
	box-shadow: 0 0 15px #333333;
}
.graph20 .siteOverlay{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.siteOverlay .overlayClose {
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	color: #fff;
	background: #d1d2d4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
    background: url(/cms/images/icon-close-circled-24.png) no-repeat;
}
.graph20 .siteOverlay .overlayClose{background: none;}
.graph20 .siteOverlay .overlayClose span{
    color: #B51414;
    position: relative;
    right: 45px;
    font-size: 0.6875em;
    font-weight: 900;
	letter-spacing: 1.69px;
}
.graph20 .siteOverlay .overlayClose span:before,
.graph20 .siteOverlay .overlayClose span:after {
    content: '';
    background: #B51414;
    height: 16px;
    width: 2px;
	position: absolute;
	top: -2px;
	right: -12px;
}
.graph20 .siteOverlay .overlayClose span:before{transform: rotate(45deg);}
.graph20 .siteOverlay .overlayClose span:after{transform: rotate(-45deg);}

.siteOverlay .overlayClose:hover, .siteOverlay .overlayClose:focus {background: #c6c6c8;}
.graph20 .siteOverlay .overlayClose:hover, .graph20 .siteOverlay .overlayClose:focus{ background: none; opacity: .6;}

.siteOverlay .overlayContent {	padding: 20px;}
@media all and (min-width:48em){
	.graph20 .siteOverlay .overlayContent{padding:0!important;}
}
.siteOverlay iframe {width:98%;}

.shipToModal .title {margin-bottom: 10px; font-size: 1.25em; color: #333;}
.shipToModal {padding:0 10px;}
.shipToModal .columns .column:first-child {padding-left: 0;}
.shipToModal .columns .column:last-child {padding-right: 0;}

.shipToModal .form .formRow {margin-bottom: 20px;}
.shipToModal .form label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #4a4a4a;
}
.shipToModal .form select {width: 100%;}

.autocomplete {	z-index: 99999999;}

/* NEW Limit Text Box */
.limitTextBox span {display: none;}
.limitTextBoxBar {width: 100%;}
.limitTextBoxBarWrpr {
	width: 100%;
	border: 0px solid black;
	overflow: hidden;
	font-size: 9px;
	color: #000;
	white-space: nowrap;
	height: 5px;
	background-color: #FDFBBE;
}
.limitTextBoxBarInner {	width: 0%;	background-color: #FF0000;}
.limitTextBoxInputWrpr {display: table-cell; width: 100%; vertical-align: top;}
.limitTextBoxInputWrpr textarea {box-sizing: border-box; vertical-align: top;}
.limitTextBoxSpellWrpr {display: table-cell; padding-left: 5px;	vertical-align: top;}

.icons-sprite, .icons-arrowdown, .icons-arrowup, .icons-arrowleft, .icons-bclub, 
.icons-beretta, .icons-dot, .icons-facebook, .icons-gallery, .icons-gplus, 
.icons-pint, .icons-pinterest, .icons-twitter, .icons-youtube, .icons-phone {background: url('/cms/images/layout/icons-sprite.png') no-repeat;}
.icons-bag { background: url('/cms/responsive/images/icon-bag.png') no-repeat;}
.graph20 .icons-bag{background: url('/assets/39/7/cart.png') no-repeat;}
.icons-arrowdown, .icons-arrowup, .icons-arrowleft {background-position: 0 -354px;}
.icons-arrowleft {background-position: 0 -366px;}
.icons-arrowup {background-position: 0 -342px;}
.icons-bclub {background-position: 0 -141px;}
.icons-beretta {background-position: 0 -238px;}
.icons-dot {background-position: 0 -326px;}
.icons-facebook {background-position: 0 -304px;}
.icons-gallery {background-position: 0 0;}
.icons-gplus {background-position: 0 -216px;}
.icons-pint {background-position: 0 -194px;}
.icons-pinterest {background-position: 0 -172px;}
.icons-twitter {background-position: 0 -282px;}
.icons-youtube {background-position: 0 -260px;}
.icons-phone {background-position: 0 -194px;}
/* ==========================================================================
   Layout
   ========================================================================== */
body {	background: url(/cms/images/layout/bg-pattern.png) repeat;}
body.graph20{background: none;}
.page-friend {background: #fff;}
.header.upd-header{	background: #1a3a4f;}
.header {
	z-index: 500;
	background: #245877;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #245877 0%, #15435f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
    background: -webkit-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -o-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -ms-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: linear-gradient(to bottom,  #245877 0%,#15435f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.graph20 .header{background: #fff;}

.header .columns {display:table;  padding:30px 0;}
.graph20 .header .columns { padding: 4px 0;}
.graph20 .header .columns .column.mobile-width-zero{width:0;}
.header .columns .column {display:table-cell; vertical-align:middle; padding:0;}
@media (min-width:48.000em) {
	.header .columns {table-layout:fixed;  padding:30px 0 15px;}
	.graph20 .header .columns {padding: 0;}
}
@media (min-width:65.000em) {
	.header-inner {position:relative;}
	.graph20 .header .columns .column.mobile-width-zero{width:auto;}
}
@media (max-width:47.938em) {
    .header .columns .column:first-child { width:30px; }
}
.main-area {
	position: relative;
	margin-top: 20px;	
    padding-top: 12px;    
    padding-bottom: 12px;
	background: #fff;
}

.grid-7.main-area {
	margin-left: 0;
/*	padding-left: 20px;
	padding-right: 20px;*/
	width: 560px;
}

.main-aside {
	position: relative;
	margin-right: 0;
	padding: 0 1em;
	color: #fff;
	background-color: #306c91;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF125272', endColorstr='#FF306C91');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNTI3MiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzA2YzkxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzA2YzkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #125272), color-stop(50%, #306c91), color-stop(100%, #306c91));
	background-image: -webkit-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
	background-image: -moz-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
	background-image: -o-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
	background-image: linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
}
.main-aside.grid-3:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: transparent white;
}
.grid-12 > .main-aside:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: white transparent;
}
.main-aside:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 0 0 25px 25px;
	border-style: solid;
	border-color: white transparent;
}

.main-aside a,
.main-aside .nav-aside a {	color: #fff;}

.main-aside a:hover,
.main-aside a:focus,
.main-aside .nav-aside a:hover,
.main-aside .nav-aside a:focus {color: #BFBFBF;}

.aside-alt {
	position: relative;
	height: 205px;
	padding: 0;
	margin: 25px 0 10px;
	color: #fff;
	background: #306c91;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzEyNTI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #306c91 0%, #125272 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(99%,#125272));
	background: -webkit-linear-gradient(top,  #306c91 0%,#125272 99%);
	background: -o-linear-gradient(top,  #306c91 0%,#125272 99%);
	background: -ms-linear-gradient(top,  #306c91 0%,#125272 99%);
	background: linear-gradient(to bottom,  #306c91 0%,#125272 99%);
}

.lt-ie9 .aside-alt {zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}

.aside-alt:before {
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	display: block;
	width: 195px;
	height: 25px;
	margin-right: 25px;
	background: #306c91;
}
.aside-alt:after {
	content: '';
	position: absolute;
	top: -25px;
	right: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: #306c91 transparent;
}
.aside-alt .mod-content {
	position: absolute;
	left: 0;
	top: -15px;
	width: 190px;
}
.aside-alt a {color: #fff;}
.aside {padding-top:50px;}
.aside .banner-tracking,
.aside  p {display:none;}
@media (min-width:48.000em) {
    .aside {padding-top:0;}
    .aside .banner-tracking,
    .aside  p {display:block;}
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxx Utility Bar for the 2017 Redesign Sites xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*.container-12 {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    min-width: 16em;
    max-width: 60.000em;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/
.upd-utility {
	position: relative;
	z-index: 1000;
	/* Sets above header */
	min-height: 40px;
	border-bottom: 1px solid #484848;
	background: #333333;
	color: #808080;
	text-transform: uppercase;
/*	-webkit-box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);*/
}
.upd-utility:after { /*Clearfix */  content: "";  display: table;  clear: both;}
.upd-utility ul {
	display: block;
	margin: 0;
	font-size: 0.69em;
	padding: 0px;
}
.upd-utility li {
	position: relative;
	display: block;
	float: left;
	padding: 15px 3px 11px;
	margin:0px;
}
.upd-utility li.selectlg{
	background: #3d3d3d;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	min-width: 100px;
	color: #fff;
}
.upd-utility li.selectlg a{	text-decoration: none;	display: block;}
.upd-utility .has-divider {	padding-right: 6px;	margin-right: 3px;}
.upd-utility-title, .language-current, .language-switcher, .member-nav a {
	display: block;
	margin: 0;
	padding: 0;
	min-height: 16px;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	line-height: 16px;
}
.upd-utility-select {color: #808080;}
.upd-utility-select:after {
	content: '';
    position: relative;
    display: inline-block;
    top: -2px;
    left: 11px;
    margin-left: 3px;
    float: right;
    border-style: solid;
    border-width: 4px;
    border-color: transparent transparent #ffffff transparent;
}
.upd-utility-select:before {
	    content: '';
    position: relative;
    display: inline-block;
    top: 8px;
    margin-left: 3px;
    float: right;
    border-style: solid;
    border-width: 4px;
    border-color: #ffffff transparent transparent transparent;
}
.upd-utility .header_right{text-align: center; display: block;}
.upd-utility .header_right .member-nav li:first-child{display: none;}
.upd-utility .header_right .member-nav .has-divider.member-link{display: none;}
.upd-utility .header_right .member-link span.icon-user{font-size: 1.6em; color:#f16c1d; }
.upd-utility .header_right .member-link span.content{position: relative;top: -3px; padding: 0 10px}
.upd-utility .header_right .member-link .sep {display:inline-block; color:#ffffff; position:relative; top:-3px;}
.upd-utility .header_right .member-link{padding: 10px 0px 0px; }
.upd-utility .header_right .member-link a{text-decoration: none;color: #fff;text-transform: uppercase;font-size: 1.1em;font-weight: 800; display:inline-block;}
.upd-utility .header_right .member-link a:hover,
.upd-utility .header_right .member-link a:focus{color:#f16c1d}
.upd-utility .language {float: left;padding-left: 15px;}
.graph20 .language--selector { display: none !important;}
.graph20 .language--country-selector { float: right; margin-left: 14px; max-width: 70px;}
.graph20 .language ul {z-index: 5000;}
.graph20 .language ul li{padding: 0!important;}
.graph20 .utility ul {right: 0;}
.upd-utility span.free_shipping{color: #fe6e21; text-transform: initial; font-style: italic; text-align: center; display: inline-block; margin: 10px; font-size: 0.950em; float: left;}
.upd-utility .language ul {
	display: none;
	position: absolute;
	padding: 0;
	left: 0px;
	top: 100%;
	background: #333333;
	border: 1px solid #484848;
	width: 11.5em;
	font-size:.938em;
	-webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.upd-utility .language li.active ul {display:block; z-index: 999;}
.language li a.upd-utility-select.active + ul {
	max-height:80em;
    opacity:1;
    visibility:visible;
    display: block;
} 
.upd-utility .customer_care{padding: 10px 0px 0px;}
.upd-utility .customer_care span{display: inline; padding: 0 10px; color: #fff;}
.upd-utility .customer_care span.icon-comments-o{color: #f16d1d; font-size: 2em;}
.upd-utility .customer_care a{display: inline;position: relative; top: -5px; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 1.1em; font-weight: 800;}
.upd-utility .scart span{color: #fff; font-size: 1.5em;}
.upd-utility .scart {padding: 10px 0px 0px;}
.upd-utility .customer_care a:hover,
.upd-utility .customer_care a:focus{color:#f16c1d;}
.upd-utility .store-tools{min-width: 50px; margin: 3px;}
.upd-utility .store-tools .mobile-total{display: inline-block; font-size: 1em; width: 13px; height:13px; right:-10px; border: 1px solid #fff}
.upd-utility .language li.lg{display: block;}
.upd-utility li li {  float: none;  padding: 0;  border-bottom: 1px solid #e2e1e1;}
.upd-utility .language ul a {
  display: block;
  padding: 10px;
  font-size: 1em;
  color: #2f2f2f;
  text-align: left;
  text-decoration: none;
  background: #f6f4f5;
}
.upd-utility .language ul a:hover,
.upd-utility .language ul a:focus {	background: #fff;}
.upd-utility .mobile.phone-number{display: none;}
.upd-utility .header_right .member-nav a [class*='icon']{display: inline;}
.upd-utility .header_right .member-nav.ajaxheader{float: right;}
.redesign_header .logo-image{width: 160px; 	margin: 20px auto;}
.redesign_header .menu-toggle{position: absolute; left: 20px; top: 15px;}

.upd-logo .logo-image{margin: 20px auto;}
/* Styling the navigation */
.upd-container{ min-width: 16em; max-width: 60.000em; margin: 0px auto; padding: 0px;}

.upd-nav a{ padding: 5px 12px 5px; font-size: 0.750em}
.upd-nav .nav-main > ul > li > a:hover, .upd-nav .nav-main > ul > li > a:focus, .upd-nav .nav-main .on > a, .upd-nav .nav-main .clicked > a,.upd-nav .nav-main a.has-sub.active
{border:transparent;}
.upd-nav .nav-main > ul{padding: 0;}
.upd-nav .nav-main li.main-li > a{margin-left: 0;}
/* Utility Bar 
   ========================================================================== */
.utility {
	/* Sets above header */
	min-height: 28px;
	border-bottom: 1px solid #484848;
	background: #333333;
	color: #808080;
	text-transform: uppercase;
}
.graph20 .utility {
	min-height: 25px;
	max-height: 26px;
	border-bottom: none;
	background: #15435f;
	color: #fff;
	padding: 4px 0;
}

.utility:after { /*Clearfix */  content: "";  display: table;  clear: both;}
.utility > .container-12 {position:static;}
.utility ul {
	display: block;
    vertical-align:middle;
	margin: 0;
	padding: 12px 0 0;
}
.graph20 .utility ul{ padding: 0;}
.utility li {
    position:relative;
	display: block;
	float: left;
	padding: 0px 3px;
    z-index:1000;
}

.usa-ada .utility ul *{color: #ffffff;}
.graph20 .utility li:first-child{ padding: 0 35px 0 10px;}
.utility li:last-child {position:static;}
.graph20 .utility li:last-child {margin-left: 3px;}
.utility .has-divider {	padding-right: 6px;	margin-right: 3px;	border-right: 1px dotted #4d4d4d;}
.graph20 .utility .has-divider{position: relative; border-right: none; padding-right: 3px;}
.graph20 .utility .has-divider:after{
	content: '|';
	position: absolute;
	top: 3px;
	right: -5px;
}
.utility-title, .language-current, .language-switcher, .member-nav a {
	display: block;
	margin: 0;
	padding: 0;
	min-height: 16px;
	color: #808080;
	font-weight: normal;
	font-size: 1em;
	line-height: 16px;
}
.graph20 .utility-title, .graph20 .language-current, .graph20 .language-switcher, .graph20 .member-nav a {
	color: #fff;
	font-weight: 700;
	font-size: 0.75em;
	line-height: 30px;
	letter-spacing: .86px;
	margin: 0;
}
.graph20 .utility-title {display: none;}

.utility-select {color: #808080;}
.utility-select:after {
	content: '';
	position: relative;
	display: inline-block;
	top: 3px;
	margin-left: 3px;
	border-style: solid;
	border-width: 5px;
	border-color: #808080 transparent transparent transparent;
}
.utility-select.en-us:after { border-color: transparent;}

.language {	float: left; font-size:0.75em;}
.language ul {
	position: absolute;
    max-height:0;
    opacity:0;
    visibility:hidden;
	padding: 0;
	top: 100%;
	background: #333333;
	border: 1px solid #484848;
	width: 15em;
    z-index:1000;
	-webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
	        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);

    -webkit-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
}
.language li a.utility-select.active + ul {
	max-height:80em;
    opacity:1;
    visibility:visible;
} 
@media all and (min-width: 48em){
	.graph20 .language li a.utility-select.active + ul{display: flex; flex-direction: column; margin-top: -1px;}

}
.utility li li { float: none; padding: 0;}

.language ul a {
  display: block;
  padding: 2px 4px;
  color: #808080;
  text-decoration: none;
}
.language .utility-title {display:none;}
.language ul a:hover,
.language ul a:focus {background: #222222;}
.header-links {float:right; text-align:right; font-size:0.75em;}
.graph20 .header-links {
    margin-right: -10px;
    margin-top: -2px;
    position: absolute;
    background: #15435f;
    left: -80%;
    width: 80%;
    box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);
    top: -2px;
    height: 33px;
}

.member-nav a {
	display: block;
	min-height: 15px;
	line-height: 15px;
    text-decoration:none;
	font-size:1.3em;	
}
.member-nav li {display:none;}
.member-nav li {display: block;}
.member-nav .mobile{display: none;}
.graph20 .member-nav .mobile{display: block;}
.member-nav .title {display:inline-block;}
.member-nav .phone-number{display: none;}
.graph20 .member-nav .phone-number{display: block;}
.store .member-nav .phone-number{display: block;}
.store.redsgn .member-nav .phone-number{display: none;}
.graph20 .store.redsgn .member-nav .phone-number{display: block;}
.member-nav .mobile {
	display: block;
    padding: 0 6px;
    border-right: 1px dotted #808080;
    font-size: 1.3em;
}
.member-nav .mobile .content{display: none;}
.graph20 .member-nav li#logoutLink {padding-left: 10px;}
.graph20 .member-nav .has-divider.member-link.mobile { display: block!important;}
@media all and (min-width: 64em){
	.member-nav .mobile:last-child {border-right:0;}
	.member-nav .mobile .content {display:block;}

}
@media all and (min-width: 65em){
	
	.graph20 .member-nav .mobile{display: inline-block;}

	.graph20 .utility li:first-child{padding: 0 10px 0 0;}
	.graph20 .utility-title {display: block;}
	.graph20 .header-links {
		position: static;
		background: none;
		width: auto;
		box-shadow: none;
		height: 33px;
	}

	.graph20 .utility .has-divider:after{ top: 5.5px; right: -1.5px;}
	.graph20 .utility .has-divider{padding-right: 6px;}
	.graph20 .utility li:last-child{margin-left: 0;}
}

.logo-image {
    display:block;
    margin:0 auto;
	width: 140px;
    max-width:100%;
    text-align:center;
    outline:0;
	overflow: hidden;
}
.graph20 .header .logo-image{padding: 0 0 0 25px; width: auto;}
@media (min-width:48.000em) {
    .language .utility-title {display:block;}
    .logo-image { width:100%; background-size:auto auto; }

    .redesign_header .logo-image {padding: 20px 5px 12px 5px; width: 210px; margin: 0;}
    
    .redesign_header .siteSearchWrpr .search input.search-field{ width:50%; height: auto; float: right;border: 2px solid #fe6e21;  font-size: 0.75em; text-transform: uppercase;    padding: 4px 10px;}
    .redesign_header .siteSearchWrpr .search input.search-field:focus {  border: 2px solid #fe6e21; }

    .redesign_header .siteSearchWrpr .search{margin: 25px 0 0; max-width: 100%;}
    .redesign_header .siteSearchWrpr .search .search-btn-wrapper{font-size: 0.85em;position: absolute; top: 0px; right: 0; height: 28px; background: #fe6e21; width: 5.5%;}
    .upd-utility .header_right{display: block}
}
@media (min-width:65.000em) {
	.graph20 .header .logo-image {
        width:100%; 
		background-size:auto auto;
		text-align: left;
		padding: 0;
		margin: 0 0 -6px;
    }
	
    .member-nav li {display:inline-block;}
	.member-nav a {text-decoration:underline; font-size:1em;}
	.graph20 .member-nav a {text-decoration:none; font-size:1em;}

	.member-nav a [class*='icon'] {display:none;}
	.graph20 .member-nav a [class*='icon'] {display: inline-block; padding: 0 10px;}
	.member-nav .mobile {font-size:1em; padding:0 3px; border:0;}
	.graph20 .member-nav .mobile {font-size:1em; padding:0; border:none;}

    .member-nav .mobile .content {display:inline;}
    .member-nav .phone-number {padding-left:10px;}
    .member-nav .phone-number .icon-phone {display:inline-block; margin-right:5px;}
    .member-nav a .content {display:inline;}

}
/* Footer
   ========================================================================== */
body.redsgn footer { background: #0c4561; font-family: 'Open Sans', sans-serif;}

.footerSocial{
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	text-align: center;	
}
.footerSocial span{color: #c8c8c8;}
.footerSocial li a{text-decoration: none}
.footerSocial li{display: inline-block; padding: 0 2px;}
.footer {
	position: relative;
    padding-top:30px;
    margin-top: 45px;
	background: #333;
}
.graph20 .footer { padding-top:0px; margin-top: 0; background: #15435f;}
.footer .container-12 {	position: relative;}

body.redsgn .footer-store {	display: none;}

.footer-store {
	display: block;
    margin-top:10px;
	background: #245877;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #245877 0%, #15435f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
    background: -webkit-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -o-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: -ms-linear-gradient(top,  #245877 0%,#15435f 100%);
    background: linear-gradient(to bottom,  #245877 0%,#15435f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.moduleContent .footer-store {
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
}
.moduleContent .footer-store .title {color: #fff;}
.moduleContent .footer-store a {color: #fff;}
.footer-store .title {
    position:relative;
    padding:20px 0;
	margin:0;
    font-weight:700;
    font-size:.8em;
    text-align:center;
    text-transform: uppercase;
    cursor:pointer;
	color: #fff;
}
.footer-store .title:after {
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-left: 5px;
    border-style: solid;
    border-width: 5px;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer-store .title.clicked:after {
    margin-bottom:6px;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.footer-store ul {display: none; margin: 0; padding:0;}
.footer-store ul.active {display:block;}
.footer-store li {margin: 0; padding: 0;}
.footer-store a {
	display: inline-block;
	padding:10px;
    border-bottom:4px solid transparent;
	line-height: 1em;
    text-decoration: none;
    text-transform:uppercase;
    font-size:.8em;
    color:#fff;
}
.footer-store a:hover,
.footer-store a:focus {border-bottom-color:#ff732e;}
.footer-store li.on a {border-bottom-color:#ff732e;}

.footer-social {
	display: block;
	margin: 0;
    padding:0;
	text-align: center;
}
.footer-social li {	display: inline-block; vertical-align:middle;}
.footer-social a {
	display: block;
    padding:0 3px;
    font-size:2.2em;
    text-decoration:none;
    color:#808080;
}

.upd-footer .footer-social a {color:#cccccc; padding: 0 2px; font-size:1.2em;}

.footer-social li:first-child a {padding-left:0;}
.footer-social li.google-plus a:hover,
.footer-social li.google-plus a:focus {color:#dd4b39;}

.footer-social li.facebook a:hover,
.footer-social li.facebook a:focus {color:#3b5998;}

.footer-social li.twitter a:hover,
.footer-social li.twitter a:focus {color:#00acee;}

.footer-social li.youtube a:hover,
.footer-social li.youtube a:focus {color:#cd201f;}

.footer-social li.beretta a:hover,
.footer-social li.beretta a:focus {color:#245877;}

.footer-social li.pinterest a:hover,
.footer-social li.pinterest a:focus {color:#bd081c;}

.footer-social li.instagram a:hover,
.footer-social li.instagram a:focus {color:#3b5998;}

.upd-footer .footer-links{ margin:20px 0; display: block; }
.upd-footer .footer-links li .trigger {display:none;}

.footer-links {
    display:none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.graph20 .footer-links{display: block;}

.footer-links .column { width: auto; vertical-align:top;}
.footer-links li {display: block;}
.footer-links a {
	display: block;
	padding: 5px 10px 15px 0;
	color: #fff;
	text-decoration: none;
	line-height: 1.2em;
}
.graph20 .footer-links a {padding: 0px 10px 13px 0; font-size: 0.875em;	font-weight: 400;}
.upd-footer .footer-links a{
	padding: 5px 10px 0px 0;
    color: #cccccc;
    font-size: 0.75em;
    line-height: 1.5em;
}

.footer-links a:hover, .footer-links a:focus {	text-decoration: underline;}
.upd-footer .footer-links > li {float: left;width: 139px; text-align: left;}
.footer-links > li > a {
	font-weight: bold;
	text-transform: uppercase;
    color: #ffffff;
}
.upd-footer .footer-links > li > a{	font-size: 0.725em;	color: #ffffff;}
.footer-links ul {display: block;padding: 0;margin: 0;}
.graph20 .footer-links ul{ display: none;}

.footer-aside .icons-gallery,
.footer-aside .icons-bclub {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	-webkit-box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
	box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.footer-aside .icons-gallery:hover, .footer-aside .icons-gallery:focus,
.footer-aside .icons-bclub:hover,
.footer-aside .icons-bclub:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;}
.footer-aside .icons-gallery {width: 220px;	height: 141px;}
.footer-aside .icons-bclub {width: 220px;height: 31px;}
.footer-legal {
	padding: 1em 0;
	font-size: 0.65em;
	text-align: center;
	color: #999999;
}
.graph20 .footer-legal {padding:0;color: #fff;}
.footer-legal a { color: #999999; }
.graph20 .footer-legal a {color: #fff;text-decoration: none;}
.graph20 .footer-legal p{font-size: 0.625em; line-height: 12px;}
.footer-legal a:hover, .footer-legal a:focus {text-decoration: underline;}
.graph20 .footer-inner{ display: flex; flex-direction: column;}
.graph20 .mobile-top{ order: 1; margin-left: -10px;}
.graph20 .mobile-bottom{ order: 3;}
.graph20 .footer-inner .column{ display: block;}
.graph20 .footer-inner .desktop{display: none;}
.graph20 .footer-inner .mobile{ display: block;}

.graph20 .footer-button{
	width: 100%;
	background: #15435f;
	padding: 10px 16px;
	border: none;
	color: #fff;
	text-align: left;
	position: relative;
	font-weight: 700;
	font-size: 0.875em;
}
.graph20 .footer-button:before,
.graph20 .footer-button:after{
	content:'';
        position: absolute;
        height: 14px;
        width: 2px;
        background: #fff;
        right: 20px;
        top: 11px;
}
.graph20 .footer-button:after{ transition-duration: .5s; transform: rotate(0deg);}
.graph20 .footer-button:before {  transform: scale(0.98) rotate(-90deg);}
.graph20 .footer-button.active:after{ transition-duration: .5s; transform: rotate(-90deg);}

.graph20 .footer .column{ border-bottom: 1px solid #666;}
.graph20 .footer > .container > .grid-12, .footer-inner > .grid-6{ padding: 0!important;}
.graph20 .footer-links ul > li {padding: 0 40px;} 

.graph20 .footer-social-logo img {height: 40px!important;}
@media(min-width:64.000em) {
	.graph20 .footer {padding-top: 25px;}
	.graph20 .footer .column{ border-bottom: none;}
	.graph20 .footer > .container > .grid-12, .footer-inner > .grid-6{ padding: 0 10px;}
	.graph20 .footer-links ul > li {padding: 0;} 

	.graph20 .footer-links ul { display: block;}

	.graph20 .footer-inner .mobile{display: none;}
	.graph20 .footer-inner .desktop{display: block;}
	.graph20 .footer-inner .column{ display: table-cell;}
	.graph20 .mobile-top{ order: 2; margin-left: 0;}
	.graph20 .mobile-bottom{ order: 1;}
	.graph20 .footer-inner{ flex-direction: row;}

    .footer-store { margin-top: 0px !important;}
    .footer-store .title.mobile { display: none;}    
    .footer-store .title {
		float:left;
        display:inline-block;
        vertical-align:middle;
        margin-right:20px;
        cursor:text;
    }
    .footer-store .title:after {display:none;}

    .footer-store ul {
       /* display: table !important;   
        table-layout: fixed; */
		display:inline-block;		
    }
    .footer-store li:first-child { background-image: none; white-space: nowrap; }
    .footer-store li:first-child a { padding: 5px 10px 5px 0px; }    
    .footer-store ul li {
        display: table-cell !important;
        vertical-align: middle;
        text-align: center;
        background:transparent url(/cms/responsive/images/dots.png) no-repeat 0 50%;
	}
	.graph20 .footer-store ul li{ background: none;}
    .footer-store a { padding: 18px 10px 18px 10px; line-height: 22px;} 

	.graph20 .footer-social {text-align: left;}

    .footer-links {display:table;}
	.footer-legal {font-size:.75em;}
	.graph20 .footer-legal p {font-size:0.875em; text-align: left; line-height: 17px; margin: 20px 0 0;}
	
 	.upd-footer .footer-legal{font-size: 0.6em; color: #cccccc;} 
	 .upd-footer .footer-legal a{color: #cccccc;}  
	 
	.graph20 .footer-inner .upd-logo .logo-image{text-align: left; margin: 0;}

	.graph20 .footer-inner__left{ display: flex; flex-direction: column; justify-content: space-between; }

	.graph20 .footer-links > .column{ padding-right: 0;}
	.graph20 .footer-links > .column > a{ padding: 0px 0 5px 0; font-size: 0.875em; font-weight: 900;}
}
/* ==========================================================================
   Menus
   ========================================================================== */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}

.sf-menu ul {position:absolute;	top:-999em;	width:14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;	top:33px; /* match top ul list item height */z-index:99;}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:14em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:14em; /* match ul width */top:0;}
/* Main Nav
   ========================================================================== */
.subnav-bg{
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 50%;
	display: block;
	margin-left: -490px;
	height: 26px;
	width: 980px;
	background: hsla(0, 0%, 0%, 0);
}

.subNav-visible + .subnav-bg{background: hsla(0, 0%, 100%, 0.95);}

.graph20 div.navAndSearch{
	position: absolute;
    left: -80%;
    width: 80%;
    height: 101%;
	top: 0;
	box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);

}

.nav-main {
    position:absolute;
    top:0;
    left:-80%;
    width:80%;
    height:100%;
	background-color:#15425f;
	color: #fff;
    box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);
    overflow:hidden;
}
.graph20 .nav-main{ 
	position: static;
	height: 999em; 
	background: none; 
	margin-top: 7px;
	width: 100%;
	text-align: left;
}

.nav-main > ul {
	z-index: 100;
	max-width: 1180px;
	display: table;
	margin: 0 auto;
	padding: 0;
}  

.upd-nav .nav-main > ul{margin: 0;}
.upd-nav .nav-main{	/* padding: 0 5px; */}

.nav-main li {
	position: relative;
	display: block;
    vertical-align:middle;
	font-size: 1em;
	padding-left: 1px;
	float: none;
}
.nav-main > ul > li > a:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: -3px;
	width: 1px;
	height: 5px;
}

.lt-ie9 .nav-main > ul > li a:after {zoom: 1;}

.nav-main > ul > li:first-child {padding-left: 0;}
.nav-main > ul > li:first-child > a:after {	display: none;}
.nav-main a {
	position: relative;
	display: block;
	padding: 12px 40px 12px 10px;
	margin: 0;
	border-bottom: 1px solid #245776;
	text-transform: uppercase;
	text-decoration: none;
    outline:0 !important;
	color: #fff;
}
.graph20 .nav-main a{color: #15435f;}
.nav-main li.main-li.lastnavitemli > a {background:none;}
.nav-main li.main-li > a[href*="/store/sale/"] {color: #ff732e;}
.nav-main li.main-li > a[href*="/store/sale-outlet/"] {	color: #ff732e;}

.nav-main a.has-sub.active {background-color:#333333; border-bottom-color:#666666;}
.graph20 .nav-main a.has-sub.active {background-color:#fff;}

.nav-main .expand-trigger {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:100%;
    z-index:1000;
    cursor:pointer;
}
.nav-main a + .expand-trigger .icon {
    position:absolute; 
    top:15px; 
    right:10px;
    display:block;
    width:16px;
    height:16px;
}
.nav-main a + .expand-trigger .icon:before,
.nav-main a + .expand-trigger .icon:after {
    content:"";
    position:absolute;
    display:block;
	background-color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.graph20 .nav-main a +  .expand-trigger .icon:before,
.graph20 .nav-main a +  .expand-trigger .icon:after {background: #15435f;}
.nav-main a + .expand-trigger .icon:before {
    top:0;
    left:6px;
    width:4px;
    height:100%;
}
.nav-main a + .expand-trigger .icon:after {
    top:6px;
    left:0;
    width:100%;
    height:4px;
}
.nav-main a + .expand-trigger.active .icon:before {
     -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.upd-nav .sub-menu{background: rgba(255, 255, 255, 0.95);}
.upd-nav .sub-menu a{color: #000;}
.sub-menu {
    display:none;
	width: 100%;
	background: rgba(21, 67, 95, 0.9);
	text-align: left;
	font-size: 1.14em;
	z-index: 10000;
}
.graph20 .sub-menu {background: #fff;}
.sub-menu .constrain { max-width:1200px; margin:0 auto;}
.sub-menu > div > ul {position: static;	width: auto;}
.sub-menu ul {	margin: 0;padding: 0;}
.sub-menu li {	display: block;	padding: 0;	width: auto;}
.sub-menu .constrain > ul > li {margin: 0; width: auto;}
.sub-menu a {
	margin: 0;
	padding: 10px 20px;
    border-bottom:0;
    background:#4d4d4d url(/cms/images/layout/dots-horizontal.png) -2px 0 repeat-x;
    font-size:.75em;
	line-height: 1em;
	color: #fff;
	text-transform: none;
}
.graph20 .sub-menu a{background: none;}
.sub-menu > .constrain > ul > li > a {
    padding: 8px 40px 8px 15px;
    border-bottom:1px solid #666666;
    background:#333;
	font: bold .75em 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing:.05em;
}
.graph20 .sub-menu > .constrain > ul > li > a{ background: #fff;}
.sub-menu > .constrain > ul > li > a.active { background-color:#4d4d4d; border-bottom-color:transparent;}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon {top:5px; height:auto; width:auto; color:#ff732e;}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon:before {
    content: "\f107";
    position: static;
    width: auto;
    height: auto;
    background-color: transparent;
    font-family: 'icomoon';
    speak: none;
    font-size: 1.3em;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sub-menu > .constrain > ul > li > a + .expand-trigger.active .icon:before {
     -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon:after {display:none;}

.sub-menu ul ul {display:none;}
.sub-content {display:none; float: right;}
.sub-content a {
	display: block;
	margin: 0;
	padding: 0;
    background-image:none !important;
}

.menu-toggle {
    display:inline-block;
    position:relative;
    height:35px;
    border:0;
    padding:0;
    z-index: 999;
}
.graph20 .menu-toggle{margin-top: -9px;}
.graph20 .menu-toggle.active{margin-top: 10px;}
.menu-toggle .icon {
    position:relative;
    left: 0;
    top: 30%;
    display:block;
    width:35px;
    height:4px;
	background-color:#fff;
}
.graph20 .menu-toggle .icon{ background: #15435f;}
.redesign_header .menu-toggle .icon{background-color: #fe6e21; height: 3px; width: 30px;}

.redesign_header .menu-toggle .icon:before,
.redesign_header .menu-toggle .icon:after{height: 3px; margin: 1px 0; background: #fe6e21;}
.menu-toggle .icon:before,
.menu-toggle .icon:after {
    content:"";
    position:absolute;
    left:0;
    height:4px;
    width:100%;
	background-color:#fff;
	
    -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.graph20 .menu-toggle .icon:before,
.graph20 .menu-toggle .icon:after {background: #15435f;}

.menu-toggle .icon:before {top:9px;}
.menu-toggle .icon:after {top:18px;}
.menu-toggle.active .icon {background-color:transparent;}
.menu-toggle.active .icon:before {
    top:0;
    left:0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-toggle.active .icon:after {
    top:0;
    right:0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width:65.000em) {
	.graph20 .menu > li > a {
		font-size: 0.875em;
		font-weight: 900;
		color: #15435f;
		letter-spacing: 1px;
	}
	.nav-main {position:static; background-color:transparent; width:100%; box-shadow:none;}
	.graph20 .nav-main { min-width: 683px; margin: 7px 0 0 -80px; height: auto;}
	.graph20.graph20--en-us .nav-main {min-width: 740px; margin-left: -100px;}
	.graph20 div.navAndSearch {	position: static;width: 100%;box-shadow: none;	}

    .nav-main > ul {text-align:center;}
    .nav-main li.main-li {display:inline-block; position:static;}

    .nav-main li.main-li > a { margin-left:-5px; background:transparent url(/cms/responsive/images/dots.png) 100% 50% no-repeat; }
	.graph20 .nav-main li.main-li >a{background: none; margin-left: 0; padding-bottom: 14px;}

    .nav-main a { padding:15px 20px; border-bottom:5px solid transparent; }
	
	.upd-nav .nav-main ul li.main-li > a:active,
    .upd-nav .nav-main ul li.main-li > a:hover{background: #e3e3e3; color: #000;}

    .upd-nav .nav-main li.main-li > a {background:none; }
    .upd-nav .nav-main ul li.main-li > a{border: none; padding: 8px 15px 15px 15px; }
    
    .upd-nav .nav-main > ul > li:first-child > a:after{display: none;}
    .upd-nav .nav-main > ul > li > a:after{
	    content: '';
	    position: absolute;
	    display: block;
	    top: 0;
	    left: -3px;
	    width: 1px;
	    height: 100%;
	    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
	    background-size: 100%;
	    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, #01a7c1), color-stop(60%, #01a7c1), color-stop(100%, rgba(0, 0, 0, 0)));
	    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
	    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
	    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
	    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
    }

    .nav-main > ul > li > a:hover,
    .nav-main > ul > li > a:focus,
    .nav-main .on > a,
    .nav-main .clicked > a,
	.nav-main a.has-sub.active { border-bottom-color:#ff732e; background:none;}
    .nav-main .expand-trigger {display:none;}
    .sub-menu > .constrain > ul > li > a.active {background:none; border:0px;}

    .sub-menu {position:absolute; top:100%; left:0; padding: 25px 15px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
    .sub-menu .constrain {display:table; width:100%;}
    .sub-menu > .constrain > ul {display:table-cell; vertical-align:top; width:90%;}

    .sub-menu .constrain > ul > li {display:inline-block; vertical-align:top; padding:0 10px; margin-bottom:20px; min-width:30%;}
    .upd-nav .sub-menu .constrain > ul > li {min-width: 25%;}
    .sub-menu .constrain > ul > li:first-child,
    .sub-menu .constrain > ul > li:nth-child(4n) {padding-left:0;}
    .sub-menu .constrain > ul > li + li { padding-left: 10px; margin-right: 0;}
    .upd-nav .sub-menu{width: 950px;margin: 0 auto;  right: 0; left: 0;}

    .sub-menu a {
        padding:10px;
        border-bottom:0;
        background:transparent url(/cms/images/layout/dots-horizontal.png) -2px 100% repeat-x;
        color: #0c4561;
	}
	.graph20 .sub-menu a{background: none;}

    .sub-menu a:hover, .sub-menu a:focus { text-decoration: underline;}
    .sub-menu .constrain > ul > li > a {
        padding:10px 0;
        border-bottom:0;
        background:transparent url(/cms/images/layout/dots-horizontal.png) -2px 100% repeat-x;
        font-size:.8em;
	}
	.graph20 .sub-menu .constrain > ul > li > a{background: none;}

    .sub-menu ul ul {display:block !important;}
    .menu-toggle {display:none;}
    .sub-content {display:table-cell;}
    .sub-content .banner-random {min-width:220px;}
}

@media (max-width:64.94em) {
    .nav-main > ul { width: 100% !important;}
}
@media all and (min-width: 72em){
	.graph20.graph20--en-us .nav-main {min-width: 800px; margin-left: -125px;}
}
@media all and (min-width: 80em){
	.graph20.graph20--en-us .nav-main {min-width: 950px; margin-left: -140px;}
}
/* Aside Nav
   ========================================================================== */
.nav-aside {margin-top: 0px;}
.graph20 .nav-aside:first-child{background: #15435f;}
.graph20 .nav-aside:last-child{background: #f2f2f2;}
.nav-aside ul {	margin: 0; padding: 0;}
.nav-aside li {	display: block;	margin: 0;	padding: 0;}

.nav-aside .mod-content {margin: 0;	padding: 0; font-size:1em;}
.nav-aside .mod-content > ul > li {	border-top: 1px solid #e6e6e6;}
.graph20 .nav-aside:first-child .mod-content > ul > li{border-top: 2px solid #306687; position: relative;}
.graph20 .nav-aside:first-child .mod-content > ul > li:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 20px;
    top: 13px;
	transform: rotate(45deg);
	transition: all .3s ease-in-out;
}
.graph20 .nav-aside.storeLnav .mod-content > ul > li:after{ content:''; height:0; width:0; border: none;}
.graph20 .nav-aside:first-child .mod-content > ul > li:hover:after,
.graph20 .nav-aside:first-child .mod-content > ul > li:focus:after,
.graph20 .nav-aside:first-child .mod-content > ul > li a:hover,
.graph20 .nav-aside:first-child .mod-content > ul > li a:focus {border-color: #F34F03; color: #F34F03;}
.graph20 .nav-aside:last-child .mod-content > ul > li{border-top: 2px solid #ccc;}

.aside-alt.nav-aside .mod-content > ul > li {border-top: 1px dotted #59869d; border-top: 1px dotted hsla(0, 0%, 100%, 0.3);}
.nav-store .mod-content > ul > li {	border-top: 0;}
.nav-aside .mod-content > ul > li:first-child {	border-top: 0;}
.nav-aside ul a {
	position: relative;
	display: block;
	padding: 0.4em 0 0.4em 10px;
	color: #0c527e;
	font-weight: bold;
    font-size:.95em;
	text-decoration: none;
    z-index:1;
}
.graph20 .nav-aside ul a {
    font-size: 1em;
    padding-left: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
.graph20 .nav-aside:first-child ul a{color: #fff;}
.graph20 .nav-aside:last-child ul a{color: #15435F;}
.nav-aside ul .last-child a {color:#FF732E;}
.aside-alt.nav-aside a {color: #fff;}
.nav-aside ul a:before{
    content: "\f105";
    position:absolute;
    left:3px;
    top:0.5em;
	display: inline-block;
    font-size:1em;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:transparent;
}
.graph20 .nav-aside ul a:before{content:'';}
.nav-aside ul a:hover,
.nav-aside ul a:focus,
.nav-aside ul a:hover:before,
.nav-aside ul a:focus:before {color:#FF732E;}
.graph20 .nav-aside:last-child ul a.on { background: #e5e5e5; color: #F34F03;}
.graph20 .nav-aside:last-child ul a:hover,
.graph20 .nav-aside:last-child ul a:focus {background: #e5e5e5;}
.aside-alt.nav-aside .mod-content a:before{	border-color: transparent transparent transparent #b1e4ec;}
.nav-aside ul ul .on {color: #0C527E;}
.main-aside .nav-aside ul ul .on {color: #B1E4EC;}
.nav-aside ul ul .on:before{border-color: transparent transparent transparent #0C527E;}
.aside-alt.nav-aside .on {color: #FF732E;}
.nav-aside .on:before{color: #FF732E;}
.aside-alt.nav-aside .on:before{border-color: transparent transparent transparent #b1e4ec;}
.main-aside .nav-aside a:before,
.main-aside .nav-aside .on:before{border-color: transparent transparent transparent #BFBFBF;}

.nav-aside ul ul {padding-top: 0.4em;}

.main-aside .nav-aside ul ul {border-top-color: #fff;}

.nav-aside ul ul a {padding: 0.2em 0;font-size: 0.86em;color: #808080;}
.nav-aside ul ul a:hover,
.nav-aside ul ul a:focus {color: #0c527e;}

.main-aside .nav-aside ul ul a:hover,
.main-aside .nav-aside ul ul a:focus {	color: #BFBFBF;}

.nav-aside ul ul a:before{	top: 0.5em;}
/* Slideshow
   ========================================================================== */
.slideshow {
	position: relative;
	max-width: 1200px;
	height: 400px;
	margin: -42px auto 0;
	overflow: hidden;
}
.slideshow .slide-item {
	position:relative;
	display: block;
	height: 400px;
	width: 100%;
	background-position: 50% 50%;
}
.slideshow .slide-content {
	padding: 5px 155px 25px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -355px;
	width: 400px;
	color: #cccccc;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-animation: slideUp 0.75s;
	-moz-animation: slideUp 0.75s;
	-ms-animation: slideUp 0.75s;
	-o-animation: slideUp 0.75s;
	animation: slideUp 0.75s;
	-webkit-backface-visibility: hidden;
}
.slideshow .slide-content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	background: url(/cms/images/layout/slide-desc-bg.png) no-repeat 0% 50%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.slideshow .slide-content:hover,
.slideshow .slide-content:focus {padding-bottom: 30px;}
.slideshow .slide-content:hover:after,
.slideshow .slide-content:focus:after {	opacity: 0.9;}
.slideshow .slide-title {
	position: relative;
	z-index: 5;
	font-size: 2em;
	margin: 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}
.slideshow .slide-desc {
	position: relative;
	z-index: 4;
	margin: 0;
}
.slideshow .slide-content strong {	color: #fff;}

.slide-tools {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	text-align: center;
}

.slideshow-nav a {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	margin-top: 2px;
	width: 0.5em;
	height: 0.5em;
	background: #fff;
	
	text-indent: -10em;
	overflow: hidden;
	vertical-align: top;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}
.graph20 .slideshow-nav a{color:#333; background: #333;}
.slideshow-nav a.activeSlide {opacity: 0.6;	filter: Alpha(Opacity=60);}
.graph20 .slideshow-nav a.activeSlide{ 	background: #F34F03;opacity: 0;	filter: Alpha(Opacity=0);}
.slideshow-nav a:hover,
.slideshow-nav a:focus {
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	-webkit-box-shadow: 0 0 0 1px #000;
	-moz-box-shadow: 0 0 0 1px #000;
	box-shadow: 0 0 0 1px #000;
}
.graph20 .slideshow-nav a:hover,
.graph20 .slideshow-nav a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.slideshow-nav a + a{margin-left: 5px;}

.no-cssboxshadow .slideshow-nav a:hover,
.no-cssboxshadow .slideshow-nav a:focus {outline: 1px solid #000;}
.graph20 .no-cssboxshadow .slideshow-nav a:hover,
.graph20 .no-cssboxshadow .slideshow-nav a:focus{ outline: none;}

.slideshow-pause {
	display: inline-block;
	padding: 2px 0 0 5px;
	height: 10px;
	border-left: 1px solid #999b9a;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	vertical-align: top;
}

.slideshow-pause:hover .pause-line,
.paused .pause-line {opacity: 0.6;filter: Alpha(Opacity=60);}

.pause-line {
	display: inline-block;
	width: 2px;
	height: 7px;
	background: #fff;
	vertical-align: top;
}

.slideshow-next,
.slideshow-prev {
	position: absolute;
	z-index: 200;
	top: 50%;
	margin-top: -48px;
	width: 60px;
	height: 96px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(/cms/images/layout/icons-sprite.png);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slideshow-prev {left: 5%;background-position: -41px -176px;}

.slideshow-next {right: 5%;	background-position: -51px -272px;}

.slideshow-prev:hover,
.slideshow-prev:focus{
	background-position: -51px -176px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slideshow-next:hover,
.slideshow-next:focus{
	background-position: -41px -272px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.is-disabled .slideshow-next,
.is-disabled .slideshow-prev,
.is-disabled .slide-tools {	display: none;}
/* Slideshow
   ========================================================================== */
.slideshow-alt {
	position: relative;
	height: 380px;
	width: 700px;
	overflow: hidden;
}
.slideshow-alt .slide-item {
	position:relative;
	display: block;
	width: 100%;
	height: 380px;
	background-position: 50% 50%;
	background-repeat: none;
}
.slideshow-alt .slide-item p{margin: 0px;}
.slideshow-alt .slide-content {
	padding: 2em 0.5em 5em 0;
	position: absolute;
	bottom: -50px;
	right: 0;
	width: 560px;
	color: #cccccc;
	background: hsla(0, 0%, 0%, 0.5);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: slideUp 1s;
	-moz-animation: slideUp 1s;
	-ms-animation: slideUp 1s;
	-o-animation: slideUp 1s;
	animation: slideUp 1s;
}
.slideshow-alt .slide-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: -140px;
	height: 200px;
	border-width: 140px 140px 0 0;
	border-style: solid;
	border-color: transparent hsla(0, 0%, 0%, 0.5);
}

.no-hsla .slideshow-alt .slide-content{
	width: 100%;
	padding: 2em 2em 5em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}
.no-hsla .slideshow-alt .slide-content:before{
	border: none;
	width: 140px;	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}

.slideshow-alt .slide-title {
	font-size: 2.43em;
	margin: 0;
	font-weight: normal;
	color: #fff;
}
.slideshow-alt .slide-desc {margin: 0;color: #cccccc;}

.slide-links {	margin-top: 1em;}
.slide-links a {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
	vertical-align: middle;
}
.slide-links a:first-child {padding-left: 0;}
.slide-links a:after {
	content: '';
	display: inline-block;
	margin-left: 5px;
	width: 5px;
	height: 9px;
	background: url(/cms/images/layout/arrow-right-white.png) 50% 50% no-repeat;
}

.slide-links a:hover,
.slide-links a:focus {text-decoration: underline;}

.slideshow-alt .slide-tools {left: auto;right: 1em;	width: auto;}
/* Hero Slideshow
   ========================================================================== */
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper{max-width: 1200px; margin: 0 auto;}
.hero-slideshow-wrapper {position:relative; z-index:1;}
.hero-slideshow .slide-item {
    position:relative; 
    height:340px;
    background-repeat:no-repeat;
    background-position:50% 0;
    background-size:auto 100%;
    text-align:center; 
    z-index:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.graph20 .hero-slideshow .slide-item {height: 400px;}
.hero-slideshow .slide-item:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.hero-slideshow .slide-text {
    position:absolute;
    bottom:20px;
    width:100%;
    color:#fff;
    z-index:10;
}
.graph20 .hero-slideshow .slide-text{top: 0;}

.hero-slideshow .slide-item .btn { padding: 8px 40px; font-size: 1.1em;}
.graph20 .hero-slideshow .slide-item .btn {
	background: #F34F03;
	border-color: #F34F03;
	font-size: 0.75em;
	padding: 8px 25px;
}

.hero-slideshow .slide-text p { margin-bottom:25px; font-size:2em; line-height:1;}
/* Updated Slideshow CSS */
.upd-hero-slideshow .slide-item {
    position:relative; 
    height:340px;
    background-repeat:no-repeat;
    background-position:50% 0;
    background-size:auto 100%;
    text-align:center; 
    z-index:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.upd-hero-slideshow .slide-item:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.upd-hero-slideshow .slide-text {
    padding: 10px 0px 25px 0;
    font-size: .813em;
    position: absolute;
    min-height: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px auto;
    width: 50%;
    color: #ccc;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-animation: slideUp 0.75s;
    -moz-animation: slideUp 0.75s;
    -ms-animation: slideUp 0.75s;
    -o-animation: slideUp 0.75s;
    animation: slideUp 0.75s;
    -webkit-backface-visibility: hidden;
    background: #14425de6;
}
.upd-hero-slideshow .slide-item .slide-title{
	position: relative;
	z-index: 5;
	font-size: 2em;
	margin: 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}
.upd-hero-slideshow .slide-item .btn {    
    font-size: 0.85em;
    color: #000;
    padding: 10px 20px;
    background: #f16d1d;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400!important;
 	display: none;
}

.upd-hero-slideshow .slick-dots{
	margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	text-align: center;
}
.upd-hero-slideshow .slick-dots li{	display: inline-block;}
.upd-hero-slideshow .slick-dots li + li { margin-left: 5px;}
.upd-hero-slideshow .slick-dots li button{
	display: inline-block;
    padding: 0px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    margin-top: 2px;
    width: 8px;
    height: 8px;
    background: #fff;
    text-indent: -10em;
    overflow: hidden;
    vertical-align: top;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden;
   
}
.upd-hero-slideshow .slick-dots li.slick-active button{	background:#f16d1d;}
/*.upd-hero-slideshow .slick-dots{position: absolute;bottom: 20px;}
.upd-hero-slideshow .slick-dots li{
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 50%;
}
.upd-hero-slideshow .slick-dots li.slick-active{background: #f16d1d;}*/

/*.upd-hero-slideshow .slick-dots li button:before{content: "";}
.upd-hero-slideshow .slick-dots li.slick-active button:before{	content: "";}*/

.upd-hero-slideshow .slide-text p { padding: 15px 0; margin: 0; display: none;}
.upd-hero-slideshow .slide-text p.slide-desc { display: block;}
/* ==================================================================================== */
.graph20 .slide-item{
    position:relative; 
    height:340px;
    background-repeat:no-repeat;
    background-position:50% 0;
    background-size:auto 100%;
    text-align:center; 
    z-index:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.graph20 .slick-dots {
	margin: 0px;
    padding: 0px;
    list-style-type: none;
	position: relative;
	left: 0;
	z-index: 200;
	width: 100%;
	text-align: center;
}
.graph20 .activity-slideshow .slick-dots {position: absolute; bottom: 0;}
.graph20 .altViews .slick-dots { bottom: 0; display: flex!important; justify-content: center; align-items: center;}
.graph20 .hero-slideshow-wrapper .slick-dots {position:absolute; bottom: -8px}

.graph20  .slick-dots li{ 
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #ffffff;
}

.graph20 .article-slideshow .slick-dots li, .graph20 .activity-slideshow .slick-dots li, .graph20 .hero-slideshow .slick-dots li {border-radius: 50%;}

.graph20 .slick-dots li + li { margin-left: 5px;}
.graph20 .item-images .viewsCarousel .altViews li {margin: 5px; }

.graph20  .slick-dots li button{
	display: inline-block;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    margin-top: 2px;
    width: 8px;
    height: 8px;
    text-indent: -10em;
    overflow: hidden;
    vertical-align: top;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden;
}
.graph20 .activity-cards .slick-dots li button{
    width: 80px;
    border-radius: 0px;
	color: #ccc;
    background: #ccc;
}
.graph20 .article-slideshow .slick-dots li button { color: #333; background: #333;} 
.graph20 .activity-slideshow .slick-dots li button{ color: #fff; background: #fff;}
.graph20 .altViews .slick-dots li button{
	color: #ccc;
	background: #ccc;
	height: 10px;
	width: 10px;
}

.graph20 .slick-dots li.slick-active { background: #f16d1d;}
.graph20 .altViews .slick-dots li.slick-active, .graph20 .activity-cards .slick-dots li.slick-active {background: none;}

.graph20 .slick-dots li.slick-active button { background:#f16d1d;}

.graph20 .slick-dots li button:before{content: "";}
.graph20 .slick-dots li.slick-active button:before{ content: "";}
/* --------------------------------------------------------------------- */
.graph20 .article .article__text{ margin: 0 auto; text-align: left; max-width: 330px;}
.graph20 .article__text p{margin: 10px 0;}
.graph20 .article__text h4{margin:0;}

.graph20 .activity-cards button, .graph20 .activity-cards select{max-width: none;}
@media all and (min-width: 48em){
	.graph20 .article-slideshow .article {margin: 0 ;}

	.graph20 .article .article__text{margin:0;}

	.graph20 .hero-slideshow .slide-item .btn {font-size: 0.875em; padding: 10px 35px;}
}
@media all and (min-width: 64em){
	.graph20 .item-images .viewsCarousel .altViews li {border: 1px solid #ccc;}
	.graph20.graph20--en-us .item-images .viewsCarousel .altViews li {
		display: flex;
		align-items: center;
		min-height: 150px;
		min-width: 150px;
	}
}

.hero-slideshow-navigation {
    position: absolute;
    left: 0;    
    top: 30%;
    right: 0;
    margin: 0 auto;
    max-width: 75.000em;
    z-index: 999;
}

.upd-hero-navigation {
    position: absolute;
    left: 0;
    top: 55%;
    right: 0;
    margin: 0 auto;
    max-width: 75.000em;
}

.hero-slideshow-navigation button {
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    font-size:10em;
    color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hero-slideshow-navigation .slick-next {float:right;}
.hero-slideshow-navigation button:hover,
.hero-slideshow-navigation button:focus {text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);}

.upd-hero-navigation .slideshow-next, 
.upd-hero-navigation .slideshow-prev{background: none;text-indent: 0; text-decoration: none;font-size: 2.5em; color: #fff; width: 50px; height: 50px; text-align: center;background: rgba(0,0,0,0.5); border-radius: 50%; font-weight: lighter; top: 55%; opacity: 1}

.upd-hero-navigation .slideshow-next span,
.upd-hero-navigation .slideshow-prev span{
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  height:10px;
  width:10px;
  position: absolute;
}
.upd-hero-navigation .slideshow-next span{  top: 17px;  right: 18px;}
.upd-hero-navigation .slideshow-prev span{	top: 17px;	right: 12px;}
.upd-hero-navigation .slideshow-next span.arrow-right{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.upd-hero-navigation .slideshow-prev span.arrow-left{ transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.upd-hero-slideshow .customSlide span.two-h{text-shadow: none;}
@media (max-width:47.94em) {
    .hero-slideshow .slide-text p { font-size:2em !important; }
    .upd-hero-slideshow .slide-text{width: 100%; background:#14425d80; }
}

@media (min-width:48.000em) {
    .hero-slideshow .slide-item { background-size:cover; }
    .hero-slideshow .slide-image { position:static; height:auto; width:100%;}
    .hero-slideshow .slide-text p {font-size:3em;}
    .hero-slideshow .slide-item .btn {padding:8px 40px; font-size:1.1em;}
	/* Updated Slideshow */
   .upd-hero-slideshow .slide-item { background-size:cover; }

   .upd-hero-slideshow .slide-image { position:static; height:auto; width:100%;}
  /*  .upd-hero-slideshow .slide-text p {font-size:3em;}*/
/*    .upd-hero-slideshow .slide-item .btn {padding:8px 40px; font-size:1.1em;}*/
}
@media (min-width:53.375em) {
    .hero-slideshow .slide-item { height:320px; }

    .upd-hero-slideshow .slide-item { height:320px; }
}
@media (min-width:64.000em) {
    .hero-slideshow .slide-item {height:340px;}
    .hero-slideshow .slide-text p {font-size:4em;}

    .upd-hero-slideshow .slide-item {height:340px;}
  /*  .upd-hero-slideshow .slide-text p {font-size:4em;}*/
  .graph20 .hero-slideshow .slide-item {height: 680px;}
}
@media (min-width:75.000em) {
	.hero-slideshow .slide-item {height:400px;} .upd-hero-slideshow .slide-item {height:400px;}
}
@media (min-width:80.000em) {
	.hero-slideshow .slide-item {height:450px;} 
	.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;} 
}
@media (min-width:95.000em) {
	.hero-slideshow .slide-item {height:500px;} 
	.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;} 
}
@media (min-width:105.000em) {
	.hero-slideshow .slide-item {height:550px;} 
	.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;} 
}
@media (min-width:120.000em) {
	.hero-slideshow .slide-item {height:593px;} 
	.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;}
}
/* Department Banner
========================================================================== */
.dept-banner {
	position: relative;
    overflow: hidden;
    z-index:1;
    color:#fff;
}

.dept-banner .title {
    margin:0;
    font-size:2em;
    text-align:center;
    color:#676767;
}
.dept-banner {display:none;}
.page-heading-listing {position: relative;overflow: hidden;}
.page-heading-listing + .banner-random{}

.graph20 .banner-random{ position: relative;}

.dept-title {
	padding: .2em 0.3em 0.2em;
	margin:0 0 15px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 2.8em;
	background:hsla(0, 0%, 0%, 0.5);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: fadeInLeft 1s;
	-moz-animation: fadeInLeft 1s;
	-ms-animation: fadeInLeft 1s;
	-o-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
	line-height: .9em;
}
.graph20 .dept-title#pageHeading {
    font-size: 1.3125em;
    line-height: 20px;
    font-weight: 900;
    color: #333;
	background: none;
	padding: 0;
}
/*
.dept-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -140px;
	border-width: 0 0 140px 140px;
	border-style: solid;
	border-color: transparent transparent transparent hsla(0, 0%, 0%, 0.5);
}
.lt-ie9 .dept-title:after {	display: none;}*/
.dept-banner .slide-links {
	position: absolute;
	bottom: -5em;
	right: 0;
	margin: 0;
	z-index:10;
	padding: 0.5em 0.3em 5.5em;
	margin:0;
	color: #fff;
	background:hsla(0, 0%, 0%, 0.5);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: slideUp 1s;
	-moz-animation: slideUp 1s;
	-ms-animation: slideUp 1s;
	-o-animation: slideUp 1s;
	animation: slideUp 1s;
}
.dept-banner .slide-links:before {
	content: '';
	position: absolute;
	top: 0;
	left: -140px;
	border-width: 0 0 140px 140px;
	border-style: solid;
	border-color: transparent transparent hsla(0, 0%, 0%, 0.5) transparent;	
}
.no-hsla .dept-title,
.no-hsla .dept-banner .slide-links {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}

 @media (min-width:60.000em) {
     .dept-banner:after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        color:#fff;
        z-index:1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.5)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.5) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    }
    .dept-banner .banner-text {
        position:absolute; 
        bottom:0; 
        left:0;
        padding: 0 3em;
        z-index:2;
    }
    .dept-banner .title {margin:0 0 .3em; line-height:1; font-size:4em; text-align:left; color:#fff;}
    .dept-banner {display:block;}
 }
@media all and (min-width: 64em){
	.graph20 .dept-title#pageHeading {
		font-size: 2.25em;
		line-height: 50px;
	}
}
/* Search
   ========================================================================== */
.search {position: relative;margin: -1px 0 0 0.5em;}

input.search-field-topright {
	position: relative;
  padding: 0 20px 0 5px;
  width: 160px;
  height: 17px;
  border: none;
  background: #ada9a9;
  color: #fff;
  -webkit-border-radius: 3.01px;
  -moz-border-radius: 3.01px;
  -ms-border-radius: 3.01px;
  -o-border-radius: 3.01px;
  border-radius: 3.01px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	

input.search-field {
	position: relative;
	padding: 0 20px 0 5px;
	width: 160px;
	height: 17px;
	border: none;
	background: #ada9a9;
	color: #fff;
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input.search-field:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 2px 1px #0c527e;
	-moz-box-shadow: 0 0 2px 1px #0c527e;
	box-shadow: 0 0 2px 1px #0c527e;
}

.search-btn-topright {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 17px;
	height: 17px;
	border: 0;
	background: url(/cms/images/layout/icon-search.png) no-repeat 50% 50%;
	text-indent: -9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}		  

.search-btn {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 17px;
	height: 17px;
	border: 0;
	background: url(/cms/images/layout/icon-search.png) no-repeat 50% 50%;
	text-indent: -9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#suggestDiv {width:298px !important;}
/* Page Divider
========================================================================== */
.page-divide {
	margin: 5px auto 0;
	width: 952px;
	height: 6px;
	background: url(/cms/images/layout/line.png) no-repeat 0 50%;
}
/* Breadcrumbs
   ========================================================================== */
   .breadcrumbs {
	margin: 1em 0 1em;
	color: #999999;
	font-size: 0.79em;
}
.graph20 .breadcrumbs {	margin: 1em 10px; color: #666;}
.breadcrumbs .crumb {color: #15435f;padding: 0 0.1em;}
.graph20 .breadcrumbs .crumb { color: #333;}
.breadcrumbs a {
	color: #15435f;
	text-decoration: none;
	display: inline-block;
}
.graph20 .breadcrumbs a {color: #15435F;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline;}

.page-heading {	margin: 10px 0;}
.page-heading .title {
	margin: 0;
	color: #000f18; 
	font-family:"Gill Sans MT", "Gill Sans Std", "Open Sans", "Calibri", Arial, sans-serif; 
	font-weight:300; 
	font-size:2.43em; 
	line-height:1.2em;
}
.graph20 .page-heading .title{
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 2.125em;
}

.page-heading.store-page-heading .title { text-align:center; color: #676767;}
.page-heading.headingSearch { display: inline-block !important;}
@media all and (min-width:48em){
	.graph20 .page-heading .title{ font-size: 2.25em;}
	.graph20 .page-heading h1.title{font-size: 3em;}
}
@media(min-width:60.000em) {
	.page-heading.store-page-heading {display:none;}
}
@media all and (min-width:64em){
	.graph20 .breadcrumbs{margin: 1em 12px;}
}
.store-tools a {display: inline-block;vertical-align: middle;text-decoration: none;}
.store-tools a.tools-bag,
.store-tools a.tools-bag:link,
.store-tools a.tools-bag:active,
.store-tools a.tools-bag:focus {
    position:relative;
	display: inline-block;
	font-size: 1em;
	color: #fff !important;
}
.graph20 a.tools-bag:hover,
.graph20 a.tools-bag:focus{opacity: .6;}
.store-tools .tools-bag strong {color: #ff732e;}

.icons-phone {
	display: inline-block;
	width: 16px;
	height: 14px;
	vertical-align: middle;
}
.icons-bag {
    display: inline-block;
    margin-right: 4px;
    width: 22px;
    height: 21px;
    vertical-align: top;
    color:#fff;
}
.store-tools .desktop-total {display:none;}
.graph20 .store-tools .desktop-total {display: block;}

.store-tools .mobile-total {
    position:absolute;
    top:-8px;
    right:-5px;
    display:block;
    width:15px;
    height:15px;
    padding:2px;
    border-radius:50%;
    background-color:#ff732e;
    font-size:.65em;
    font-weight:bold;
    text-align:center;
}
.usa-ada .store-tools .mobile-total{background-color:#962D03; }

.graph20 .store-tools .mobile-total{top: -8px; background-color: #ff732e;}

.graph20 .header .column.right{ min-width: 61px;}
.graph20 .search-toggle{display: none;}
@media (min-width:48.000em) {
	.store-tools {min-width:120px;}
	.graph20 .header .store-tools{ margin-top: -5px;}
	.store-tools .mobile-total {display:none;}
	.graph20 .store-tools .mobile-total {display: block;}
	.store-tools .desktop-total {display:inline;}
}
@media all and (min-width: 65em){
	.graph20 .search-toggle{
		display: inline-block;
		background: #fff;
		border: none;
		margin: 0 10px 0 0;
		padding: 0;
		transition: all 0.3s ease-in-out;
	}
	.graph20 .search-toggle:hover,
	.graph20 .search-toggle:focus{ opacity: .6;}
}

/* ========================================================================== 
   Search
   ========================================================================== */
/* Search Filters
   ========================================================================== */
.search-listing {position: relative; padding: 10px 0 20px; vertical-align: top;}
.grid-12 .search-listing {	margin: 0 20px;}
.search-listing + .search-listing:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 100%;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}

.grid-12 > .main-aside > .search-listing {	display: inline-block;}
.grid-12 > .search-listing + .search-listing:after {
	content: '';
	position: absolute;
	top: 0;
	left: -23px;
	height: 100%;
	width: 1px;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF000000');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}

.search-listing .title {
	color: #b1e4ec;
	font-weight: normal;
	font-size: 1.29em;
	margin: 0.2em 0;
}

.search-options {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.86em;
	overflow: hidden;
}
.search-options li {
	display: block;
	margin: 0;
	padding: 0.2em 0;
}
.search-options label {
	display: block;
	padding-left: 21px;
	text-indent: -21px;
	line-height: 1em;
	cursor: pointer;
}
.search-options input {	margin: 1px 5px 0 0;vertical-align: top;}

.multi-column-2 ul {width: 260px;}
.multi-column-3 ul {width: 390px;}
.multi-column-4 ul {width: 520px;}
.multi-column-5 ul {width: 650px;}
.multi-column ul li {float: left; width: 130px; padding: 3px 0;}
/* ========================================================================== 
   Store
   ========================================================================== */
.product-listing {
    position: relative;
	display: block;
	margin: 0;
	padding: 1px 0;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	text-align: left;
}
.graph20 .product-listing{ border-top: none; border-bottom: none;}

.product-listing [class*="grid-"] {-webkit-transition:none; transition:none;}
.product-listing li .item-wrapper{ border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.graph20 .product-listing li .item-wrapper,
.graph20--en-us .product-listing li .grid-item {	border-right: none;	border-bottom: 2px solid #f2f2f2; min-height: 320px!important;}
.graph20 .percentOff{text-align: left;}

.product-listing li:nth-child(3n) {border-right:0;}
.item-wrapper { padding:10px; text-align:center;}
@media (min-width:480px) {
	.product-listing li:nth-child(3n+1) {clear:both;}
	.graph20 .product-listing li:nth-child(3n+1) {clear:none;}
}

.item-wrapper:nth-child(3n) {border-right:0;}
.item-wrapper .item-link {display:block;}
.item-wrapper .item-link img {margin:0 auto;}
.item-wrapper .title {
      font-weight: bold;
      font-size: 1.2em;
      margin: .4em 0 .2em;
      padding: 0 15px;
}
.item-wrapper .title a {text-decoration:none;}
.item-wrapper .title a:hover,
.item-wrapper .title a:focus {text-decoration:underline;}

.item-wrapper .item-description {min-height:0 !important;}

.item-wrapper .item-price { font-size:.95em; font-weight:bold; color:#666;}
.item-wrapper .view-more {
    position:relative;
    padding:0 10px 5px 0;
    font-size:.9em;
    font-weight:bold;
    text-decoration:none;
    color:#ff732e;
}
.item-wrapper .view-more:before {
    position:absolute;
    top:2px;
    right:0;
    margin-left:5px;
    font-size:1.1em;
    content: "\f105";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.item-wrapper .view-more:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    width:0;
    height:2px;
    background-color:#ff732e;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.item-wrapper .view-more:hover:after,
.item-wrapper .view-more:focus:after {left:0;width:100%;}
.department-listing .item-wrapper {padding:20px 10px;}
.department-listing .item-wrapper .item-description {font-size:.9em;}
/* Item Slider
   ========================================================================== */
.item-slider {margin:0; padding:0; list-style-type:none;}
.item-slider .item-wrapper {padding:20px 0;}
.graph20 .item-slider .item-wrapper {padding:20px 2px;}
.graph20 .item-slider .item-wrapper a {text-decoration: none;}

.item-slider .item-wrapper .item-title {font-size:1.2em;}
.graph20 .item-slider .item-wrapper .item-title {padding-top: 20px; font-size:14px; text-align: left; border-top: 2px solid #f2f2f2; letter-spacing: 0; line-height: 16px;}
	
.item-slider .item-wrapper .item-title a {text-decoration:none;}
.item-slider .item-wrapper .item-title a:hover,
.item-slider .item-wrapper .item-title a:focus {text-decoration:underline;}

.item-slider button {
    position:absolute;
    top:30%;
    font-size:4em;
    z-index: 99;
}
/*  .item-slider button.slick-prev {left:0; color:#cccccc; }
.item-slider button.slick-next {right:0; color:#cccccc;} */
.item-slider button.slick-prev {left:5px; color:#fff; background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 7px 5px 0px; line-height: 35px;z-index: 50;}
.item-slider button.slick-next {right:5px;color:#fff; background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 0 5px 7px; line-height: 35px; z-index: 50;}
@media all and (min-width:30em){
	.graph20 .product-listing li .item-wrapper,
	.graph20--en-us .product-listing li .grid-item {min-height: 405px!important;}
}
@media (min-width:48.000em) {
	.item-slider .item-wrapper {border-right:1px solid #e6e6e6;}
	.graph20 .item-slider .item-wrapper {border-right: none;}
	.graph20 .item-slider .item-wrapper .item-title {font-size:16px;}
	.graph20 .item-slider .item-wrapper{padding: 20px 15px;}
}
/* Department
   ========================================================================== */
.department-banner {position: relative;	overflow: hidden;}

.department-info {
	position: absolute;
	top: -100px;
	left: 80px;
	width: 780px;
	min-height: 80px;
	-webkit-animation: slideDown 1s;
	-moz-animation: slideDown 1s;
	-ms-animation: slideDown 1s;
	-o-animation: slideDown 1s;
	animation: slideDown 1s;
}
.department-info:before {
	content: '';
	position: absolute;
	left: -80px;
	bottom: 1px;
	display: block;
	height: 100px;
	border-width: 0 81px 81px 0;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(12, 82, 126, 0.8);
}
.department-info:after {
	content: '';
	position: absolute;
	right: -80px;
	bottom: 1px;
	display: block;
	height: 100px;
	border-width: 0 0 81px 81px;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(12, 82, 126, 0.8);
}

.department-cat {
	display: table;
	margin: 0;
	padding: 0;
	border-spacing: 1px;
	width: 100%;
}
.department-cat h2 {
	position: relative;
	margin: 20px 0 0;
	float: left;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
}
.department-cat h2:before {
	content: 'View By:';
	display: block;
	margin-top: -1em;
	font-size: 11px;
	color: #cccccc;
	text-transform: uppercase;
}
.department-cat h2:after {
	content: '\00BB';
	position: absolute;
	right: -0.75em;
	bottom: 0;
	color: #fff;
}
.department-cat a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.department-cat-item {
	display: table-cell;
	margin: 0;
	padding: 100px 25px 0;
	vertical-align: top;
	background: #0c527e;
	background: rgba(12, 82, 126, 0.8);
}
.department-cat-item ul {
	display: none;
	margin: 6px 10px 0 40px;
	padding: 0;
	max-width: 400px;
	float: left;
}
.department-cat-item[data-state="active"] h2:after {display: none;}
.department-cat-item[data-state="active"] ul {display: block;}
.department-cat-item li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
}
.department-cat-item li a {
	font-size: 0.86em;
	background: url(/cms/images/layout/list-icon.png) no-repeat 0 3px;
	padding: 1px 5px 1px 15px;
}
.department-cat-item li a:hover, .department-cat-item li a:focus {	text-decoration: underline;}
/* Quickview
   ========================================================================== */
.icons-dot {
	position: absolute;
	bottom: 0;
	right: 0;  
	z-index: 50;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.icons-dot + .icons-dot {right: 20px;}
.icons-dot[data-state="active"] {filter: Alpha(Opacity=50);	opacity: 0.5;}

.item-quickview {
	position: absolute;
	top: 12em;
	right: 2em;
	padding: 0.5em 1.5em;
	border: 3px solid #0c527e;
	font-family: Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFCFD', endColorstr='#FFE7E8E8');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfd), color-stop(100%, #e7e8e8));
	background-image: -webkit-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
	background-image: -moz-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
	background-image: -o-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
	background-image: linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.grid-list li:hover .item-quickview {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75;}

.item-quickview:focus,
.grid-list li:hover .item-quickview:hover {	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.quickview {
	display: none;
	visibility: none;
	position: fixed;
	left: 50%;
	top: 100px;
	z-index: 2000;
	margin-left: -447px;
	width: 894px;
	border: 3px solid #e6e6e6;
	background: #fff;
	-webkit-box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.quickview .close {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	color: #fff;
	background: #d1d2d4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.quickview .close:hover, .quickview .close:focus {	background: #c6c6c8;}

.quickview-image {
	position: relative;
	width: 682px;
	height: 350px;
	float: left;
	margin: 30px 5px 1.5em 15px;
	border: 1px solid #e6e6e6;
}

.quickview-zoom {
	position: relative;
	overflow: hidden;
	width: 682px;
	height: 350px;
	text-align: center;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: -mms-zoom-in;
	cursor: zoom-in;
}

/*.quickview-zoom img {
position: absolute;
top: -50%;
left: 0;
}
*/
.quickview-image .icons-dot {bottom: -1.5em;}

.quickview-scroll {
	float: right;
	margin: 30px 15px 0 5px;
	width: 170px;
	height: 350px;
	overflow-y: auto;
}
.quickview-scroll ul {display: block; padding: 0; margin: 0;}
.quickview-scroll li {
	display: block;
	margin: 10px 0 0;
	padding: 0;
	width: auto;
	border: 0;
}
.quickview-scroll li:first-child {margin-top: 0;}
.quickview-scroll li[data-state="active"] a {border-color: #0c527e;}
.quickview-scroll a {
	position: relative;
	display: block;
	width: 140px;
	/*height: 50px;*/
	overflow: hidden;
	border: 1px solid #e9e9e9;
	text-align: center;
}
.quickview-scroll a:hover {	border-color: #0c527e;}
.quickview-scroll img {
	/*  position: absolute;
	top: -50%;
	left: 0;*/
	max-width: 100%;
	height: auto;
	max-height: 200px;
}
.quickview-scroll a:focus,
.quickview-scroll a:hover img {	opacity: 1;}
.quickview-zoom .mainImage {max-height: 100%;}

.quickview-content {text-align: left; padding: 0 15px 15px;	overflow: hidden;}
.quickview-content h3 {	color: #0c527e;}
.quickview-content .more {	float: right;}
/* Callout box
   ========================================================================== */
.firearm-banner {position: relative; height: 280px;	overflow: hidden;}

.no-js .firearm-banner {height: 300px;}

.firearm-nav {
	position: absolute;
	bottom: -50px;
	z-index: 150;
	/*left: 50px;*/
	width: 840px;
	min-height: 50px;
	overflow: hidden;
	text-align: center;
	-webkit-animation: slideUp 0.75s;
	-moz-animation: slideUp 0.75s;
	-ms-animation: slideUp 0.75s;
	-o-animation: slideUp 0.75s;
	animation: slideUp 0.75s;
}

.no-js .firearm-nav { display: none;}

.firearm-nav:before {
/*	content: '';
	position: absolute;
	left: -50px;
	top: 0px;*/
	float: left;
	display: block;
	height: 50px;
	border-width: 50px 50px 0 0;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(12, 82, 126, 0.8);
}
.firearm-nav:after {
	content: '';
/*	position: absolute;
	right: -50px;
	top: 0px;*/
	display: block;
	float: left;
	height: 50px;
	border-width: 50px 0 0 50px;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(12, 82, 126, 0.8);
}

.firearm-nav-wrpr {
	display: block;
	margin: 0;
	padding: 0;
}
/*.firearm-nav-wrpr:before, .firearm-nav-wrpr:after {
	content: '';
	display: table-cell;
	width: 25px;
	background: #0c527e;
	background: rgba(12, 82, 126, 0.8);
}*/
.firearm-nav-wrpr a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 2em 50px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	font-size: 1.29em;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	background: #0c527e;
	background: rgba(12, 82, 126, 0.8);
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.firearm-nav-wrpr a[data-state="active"] {background: #1e4157;	background: rgba(0, 0, 0, 0.65);}
.firearm-nav-wrpr a:hover, .firearm-nav-wrpr a:focus {	background: #1e4157; background: rgba(5, 37, 56, 0.8);}

.firearm-detail {position: relative; z-index: 100; overflow-x: scroll;}
.firearm-detail > ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 4750px;
	overflow: hidden;
}
.firearm-detail-item {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	width: 940px;
	float: left;
}
.firearm-detail-item + .firearm-detail-item {margin-left: 10px;}
.firearm-detail-image {
	background: #fff;
	height: 280px;
	line-height: 280px;
	text-align: center;
}

.firearm-video {
	position: relative;
	display: block;
	text-align: center;
}
.firearm-video:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/cms/images/layout/video-play.png) no-repeat 50% 50%;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.firearm-video:hover:after,
.firearm-video:focus:after {opacity: 1;}
.firearm-video:hover:after,
.firearm-video:focus:after {opacity: 0.5;}

.firearm-video-list {
	overflow-y: auto;
	height: 160px;
	font-size: 12px;
	margin-right: -20px;
}
.firearm-video-list a{text-decoration: none;color: #fff;}
.firearm-video-list a:hover,
.firearm-video-list a:focus {text-decoration: underline;}
.firearm-video-list .clearfix {	margin-bottom: 1em;}
/* Main
   ========================================================================== */
.firearm-detail-info {
	position: absolute;
	top: -280px;
	right: 0;
	z-index: 1000;
	width: 320px;
	height: 280px;
	background: #0c527e;
	background: rgba(0, 0, 0, 0.65);
	-webkit-animation: slideDown 0.75s;
	-moz-animation: slideDown 0.75s;
	-ms-animation: slideDown 0.75s;
	-o-animation: slideDown 0.75s;
	animation: slideDown 0.75s;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.firearm-detail-info:hover {top: -270px;}
.firearm-detail-info[data-state="active"] {	top: 0px;}

.firearm-detail-tab {
	position: absolute;
	bottom: -50px;
	right: 50px;
	z-index: 500;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #0c527e;
	background: rgba(0, 0, 0, 0.65);
	cursor: pointer;
}
.firearm-detail-tab:before {
	content: '';
	position: absolute;
	left: -50px;
	bottom: 0px;
	display: block;
	border-width: 0 50px 50px 0;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(0, 0, 0, 0.65);
}
.firearm-detail-tab:after {
	content: '';
	position: absolute;
	right: -50px;
	bottom: 0px;
	display: block;
	border-width: 0 0 50px 50px;
	border-style: solid;
	border-color: transparent #0c527e;
	border-color: transparent rgba(0, 0, 0, 0.65);
}

.firearm-detail-text {
	max-height: 189px;
	overflow-y: auto;
	padding: 20px;
	color: #fff;
}
.firearm-detail-text h2 {margin: 0;	color: #fff;}
.firearm-detail-text p {font-size: 0.86em;}

.firearm-detail-close {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #666666;
	font-size: 1.07em;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.icons-arrowdown, .icons-arrowup, .icons-arrowleft {
	display: inline-block;
	margin-left: 5px;
	width: 12px;
	height: 12px;
}

.icons-arrowleft {margin-left: 0; margin-right: 5px;}
/* Enhanced
   ========================================================================== */
.detail-points {
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	background: url(/cms/images/layout/bulletpoint.png) no-repeat 0 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.detail-points:hover, .detail-points:focus {
	background-position: 0 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.firearm-detail-item[data-state="active"] .detail-points {
	display: block;
	-webkit-animation: slideDown 1s;
	-moz-animation: slideDown 1s;
	-ms-animation: slideDown 1s;
	-o-animation: slideDown 1s;
	animation: slideDown 1s;
}

.firearm-points-image {
	position: absolute;
	top: -300px;
	left: 0;
	overflow: hidden;
	display: block;
	width: 940px;
	height: 280px;
	z-index: 200;
	-webkit-transition: top 0.4s ease-out;
	-moz-transition: top 0.4s ease-out;
	-o-transition: top 0.4s ease-out;
	transition: top 0.4s ease-out;
}
.firearm-points-image[data-state="active"] {top: 0;}

.firearm-points-close {
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	padding: 8px 12px;
	font-size: 0.93em;
	text-decoration: none;
	color: #fff;
	background: #707070;
	background: rgba(0, 0, 0, 0.45);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.firearm-points-close:hover, .firearm-points-close:focus {background: #474747;	background: rgba(0, 0, 0, 0.65);}
/* Photos box
   ========================================================================== */
.firearm-gallery {	position: relative;}
.firearm-gallery .next, .firearm-gallery .prev {
	position: absolute;
	top: 50%;
	z-index: 50;
	margin-top: -35px;
	display: block;
	width: 69px;
	height: 69px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
	opacity: 0.25;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.firearm-gallery .next:hover, .firearm-gallery .next:focus,
 .firearm-gallery .prev:hover, .firearm-gallery .prev:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.firearm-gallery .next {right: 230px; background-image: url(/cms/images/layout/nav-next.png);}
.firearm-gallery .next:hover, .firearm-gallery .next:focus {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}
.firearm-gallery .prev {left: 230px; background-image: url(/cms/images/layout/nav-prev.png);}
.firearm-gallery .prev:hover, .firearm-gallery .prev:focus {
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
}

.firearm-gallery-scroll {
	position: relative;
	overflow: hidden;
	width: 940px;
	height: 280px;
}
.firearm-gallery-scroll ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 600em;
	overflow: hidden;
}
.firearm-gallery-scroll li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.firearm-gallery-scroll li:first-child {margin-left: 275px;}
.firearm-gallery-scroll li + li {margin-left: 3px;	/*border-left: 3px solid white;*/}

.firearm-gallery-scroll a{
	display: block;
	background: #fff;
	min-width: 385px;
	text-align: center;
	line-height: 280px;
}

.tech-specs {
	color: #000000;
	text-align: left;
	overflow: auto;
}
.tech-specs select{
	width: 49%;
	padding: 5px;
	border: 2px solid #e5e5e5;
}
.tech-specs select:hover,
.tech-specs select:focus,
.tech-specs select:active {	border-color: #0c527e;}


.graph20 .tech-specs select{
	border:1px solid #ccc;
  	background: #f2f2f2;
  	color: #333;
  	padding: 13px 15px 14px;
	border-radius: 0;
	width: 100%;
	max-width: 375px;
	margin-bottom: 25px;
}
.js .tech-specs-option {display: none;}
.js .tech-specs-option.active {	
	display: block;
	width:100%;
  	overflow-x: hidden;
  	overflow-y: hidden;
 }

.tech-specs table{
	margin: 1em 0;
	width: 100%;
	border-bottom: 2px solid #f2f2f2;
	border-collapse: collapse;
	border-left: 0;
	border-right: 0;
}

.tech-specs th {
	padding: 4px 25px 4px 8px;
	border-top: 2px solid #f2f2f2;
	color: #3f3f3f;
	white-space: nowrap;
}

.tech-specs thead th {	border-top: 0;}

.tech-specs td {
	border-top: 2px solid #f2f2f2;
	border-left: 0;
	border-right: 0;
	padding: 4px 25px;
	font-size: 0.86em;
}

/* ========================================================================== 
   Banners
   ========================================================================== */
.banners > [class*="grid"] {margin-top: 20px;}

.store-nav {
	display: table;
	margin-top: 0;
	width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.banner-category {
	display: table-cell;
	padding: 0 0.3em;
	text-decoration: none;
	color: #808080;
	font: 1.29em Arial, sans-serif;
	text-align: center;
}
.banner-category > p {display: inline-block; text-align: left;}

.banner-category + .banner-category {	border-left: 1px dotted #d1d1d1;}
.banner-category:hover .banner-cat-desc,
.banner-category:focus .banner-cat-desc {	text-decoration: underline;}
.banner-category img {	display: inline-block;	-webkit-backface-visibility: visible;}
.banner-cat-desc {
	display: inline-block;
	padding-left: 0.2em;
	vertical-align: middle;
	font-weight: 200;
	line-height: 1em;
}
.banner-cat-desc strong {
	display: block;
	color: #0c527e;
	font-weight: bold;
}
.banners {text-align:center;}
.banner {
    display:inline-block;
    position:relative;
    z-index:1;
}
.banner:after {
    content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.75)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.store.redsgn .upd-hero-slideshow .slide-item.banner > a.slideanchor{position: absolute; height: 100%; width: 100%;}
.store.redsgn .upd-hero-slideshow .slide-item.banner > a.slideanchor:after{background:none;}

.banner > a {
    display:block;
    position:relative;
    z-index:100;
}
.banner > a:after {
    content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.75)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.banner .banner-text {
    position:absolute;
    bottom:25px;
    width:100%;
    text-align:center;
    color:#fff;
    z-index:10;
}
.banner .banner-text p {font-size:1.5em; margin:0 0 10px;}
.hero-slideshow .btn,
.banner .btn {
    display:inline-block;
    padding: 5px 20px;
    border:1px solid #fff;
    border-radius:5px;
    background:transparent;
    font-weight:700 !important;
    font-size:.75em;
}

.promo-banners .banner .banner-text {font-size:.8em;}
/*.callout-banners {display:none;}*/
@media (min-width:48.000em) {
	.banners {text-align:left;}
	.graph20 .banners > [class*="grid"] {margin-top: 50px;	}
    .banner {display:block;}
    .banner .banner-text p {font-size:2em;}
    .banner .btn {padding:8px 40px; font-size:1.1em;}

    .promo-banners .banner .banner-text p {font-size:1.6em;}
    .callout-banners {display:block;}
    .callout-banners .block {margin:0;}
    .callout-banners .block + .block {margin-top:20px;}
}
@media (min-width:64.000em) {.promo-banners .banner .banner-text {font-size:1em;}}
@media (max-width:64.000em) {.callout-banners img {margin-top:0 !important;}}

@media only screen and (min-width: 11.250em) and (max-width: 47.938em){

	.upd-utility {padding:0 5px;}
	/*.upd-utility-title {display:none;}*/
	.upd-utility .has-divider {border:0px; margin-right:35px;}
 	.upd-utility .m_1half{display: flex; align-items: center;}
 	.upd-utility .m_1half .grid-3 {width: 30%;}
 	.upd-utility .m_1half .grid-9 {width: 70%; padding: 0;}

 	.upd-utility ul.language > li:first-child{display: none;}
 	.upd-utility ul.language > li.selectlg{margin: 0 -10px; min-width: 60px;}

	.upd-utility .language{/*width: 50%;*/ padding:0;}
	.upd-utility .language ul{width: 100%;}
	.upd-utility li{/*width: 70%;*/ margin: 0 0 0 20px;}

	.upd-utility li.selectlg ul li{width: 100%; margin: 0;}
	.upd-utility .member-nav {display:block; position:absolute; top:20px; right:0px; font-size: 0.69em;  padding: 0 !important;  position: absolute; top: 100%; width: 15em;}
 	.upd-utility .scart span{font-size: 2em;}
	.upd-utility .member-nav li{display: none!important;}
	.upd-utility .member-nav li.scart{display: block!important; position: absolute; top:35px; right: 10px;  }
	.upd-utility .member-nav.active {display:block;}
	.upd-utility .member-nav li {display:block; float:none; margin:0px !important; padding:0px !important;}
/* 	.upd-utility .member-nav li:last-child {display:none;} */
	.upd-utility .member-nav li a {text-decoration:none; display:block; padding:2px 4px;}

	.upd-utility .language li.lg{display: block;}
	.upd-utility .bClubTrigger{display: none;}
	.redesign_header .siteSearchWrpr .search input.search-field { border: 2px solid #fe6e21; }

	.upd-utility span.free_shipping{color: #fe6e21; text-transform: initial; font-style: italic; text-align: center;padding: 0px;float: none;
    margin: 0px 0px; display: block; font-size: 0.75em;}
 	.redesign_header .logo-image {width: 170px;}

	.upd-footer .footer-links{margin:0;}
	.upd-footer .footer-links li .trigger {display:block; position:absolute; right:0px; top:0px; font-size:1.7em; line-height:1; width:36px; height:36px; color:#ffffff; z-index:5; cursor:pointer;}
	.upd-footer .footer-links li .trigger:after {content:'+'; position:absolute; top:5px; left:11px;}
	.upd-footer .footer-links li.active .trigger:after {content:'-';  top:3px; left:14px;}
	.upd-footer .footer-links > li {float:none; width:auto; border-bottom:1px solid #2B6080; position:relative;}
	.upd-footer .footer-links > li > a {text-transform:uppercase; font-size:1em; font-weight:bold; padding:10px 0px; position:relative;}
	.upd-footer .footer-links > li > a:after {}
	.upd-footer .footer-links ul {display:none;}
	.upd-footer .footer-links li.active ul {display:block;}
	.upd-footer .footer-links ul a {display:block; font-size:.875em; color:#ffffff; padding:5px 10px}
	body.redsgn .footer{padding: 0;}
	.upd-logo .logo-image { width: 250px; margin: 30px auto 20px;}
	.graph20 .upd-logo .logo-image { width: auto; margin: 10px auto 2px;}
	.upd-footer .footer-legal{padding: 10px 70px;}
}
@media only screen and (min-width: 47.939em) and (max-width: 64em){
	.upd-utility .m_1half .grid-3{width: 25%!important;}
	.upd-utility .m_1half .grid-9{width: 75%;}
	.upd-utility .member-nav li{display: block;}
}
/* Callout box
   ========================================================================== */
.callout-box {
	position: relative;
	overflow: hidden;
	padding: 5px;
	border: 1px solid white;
	color: #808080;
	text-align: center;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(#e6e6e6, #ffffff);
	background: -moz-linear-gradient(#e6e6e6, #ffffff);
	background: -o-linear-gradient(#e6e6e6, #ffffff);
	background: linear-gradient(#e6e6e6, #ffffff);
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
	-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
	box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}

.lt-ie9 .callout-box {
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E6E6', endColorstr='#FFFFFFFF');
}

.callout-title {
	margin: 0.5em 0 0.2em;
	color: #0c527e;
	font-size: 1.57em;
	font-weight: normal;
}
.banner-tracking {text-decoration: none;}
.banner-tracking:hover, 
.banner-tracking:focus {text-decoration: none;}
.callout-title a {text-decoration: none;}
.callout-title a:hover, .callout-title a:focus {text-decoration: underline;}

.callout-box p {/*margin: 0 0 0.5em;*/	font-size: 0.86em;}
.callout-box img {height: auto !important;	max-width: 100%;}
/* Scroller
   ========================================================================== */
.scroller {
	position: relative;
	height: 142px;
	padding-top: 18px;
	margin-bottom: 20px;
	background-color: #fff;
	color: #808080;
	text-align: center;
	font-size: 0.875em;
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
	-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
	box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}
.scroller:after {
	content: '';
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 100%;
	height: 22px;
	background: url(/cms/images/layout/scroller-btm.png) no-repeat 50% 0;
}

.no-boxshadow .scroller {outline: 1px solid #a1a1a1;}

.scroller-next,
.scroller-prev {
	position: absolute;
	top: 20px;
	z-index: 200;
	display: block;
	width: 27px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999em;
	outline: none;
	background: url(/cms/images/layout/scroller-nav.png) no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.scroller-prev {left: 7px;	background-position: 0 50%;}
.scroller-prev:hover,
.scroller-prev:focus {	left: 2px;}
.scroller-next {right: 7px;	background-position: 100% 50%;}
.scroller-next:hover,
.scroller-next:focus {	right: 2px;}

.scroller-inner {margin: 0 20px; overflow: hidden;}

.scroller-scroll {
	position: relative;
	width: 1000em;
	overflow: hidden;
}

.no-js .scroller-scroll {left: -270px;}

.scroller .panel:first-child {	margin-left: 220px;}

.scroller .panel {
	position: relative;
	display: block;
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 120px;
	border: 1px solid white;
	text-align: center;
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

.scroller .panel.active {height: 140px;}
.scroller .panel:hover,
.scroller .panel:focus {border-color: #0c527e;}

.scroller img {	position: relative;	z-index: 1;}

.scroller .panel-desc {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 5;
	width: 100%;
	color: #0c527e;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: padding 0.3s ease-out, bottom 1s ease-out;
	-moz-transition: padding 0.3s ease-out, bottom 1s ease-out;
	-o-transition: padding 0.3s ease-out, bottom 1s ease-out;
	transition: padding 0.3s ease-out, bottom 1s ease-out;
}
.scroller .panel-desc .desc-inner {
	position: relative;
	display: inline-block;
	background: url(/cms/images/layout/scroller-desc-l.png) 0 0 no-repeat;
	padding: 2px 5px 2px 55px;
	margin-right: 50px;
	-webkit-transition: padding 0.3s ease-out, bottom 1s ease-out;
	-moz-transition: padding 0.3s ease-out, bottom 1s ease-out;
	-o-transition: padding 0.3s ease-out, bottom 1s ease-out;
	transition: padding 0.3s ease-out, bottom 1s ease-out;
}
.scroller .panel-desc .desc-inner:before {
	content: '';
	position: absolute;
	top: 0;
	right: -51px;
	display: block;
	width: 51px;
	height: 50px;
	background: url(/cms/images/layout/scroller-desc-r.png) 100% 0 no-repeat;
}
.scroller .panel-desc .desc-inner:after {
	content: '';
	display: inline-block;
	margin-left: 5px;
	height: 14px;
	width: 5px;
	background: url(/cms/images/layout/scroller-arrow.png) 0 90% no-repeat;
}

.scroller .panel.active .panel-desc {bottom: 0;}

.scroller .panel.active:hover .desc-inner,
.scroller .panel.active:focus .desc-inner {	padding-bottom: 8px;}
/* ==========================================================================
   News
   ========================================================================== */
.newsListing .item{	margin: 3em 0 0;}
.newsListing .item:first-child {margin-top: 0;}

.newsFilterMonthWrpr, .newsFilterYearWrpr {	display: inline-block;}

.newsFilterCatWrpr {padding-top: 10px;}
/* Alert
   ========================================================================== */
.alert{margin: 1em 0;text-align: left;}

.alertSign {float: left;margin-right: 15px;}
/* Events
   ========================================================================== */
/* Gallery
   ========================================================================== */
/* FAQ
   ========================================================================== */
.topOfPage {
	padding-bottom: 2px;
	border-bottom: 1px solid #f2f2f2;
	text-align: right;
	font-size: 11px;
	text-transform: uppercase;
}

.topOfPage a {
	display: inline-block;
	padding-left: 12px;
	text-decoration: none;
	background: url(/cms/images/layout/arrow_up_black.gif) 0% 50% no-repeat;
}

.topOfPage a:hover,
.topOfPage a:focus {text-decoration: underline;}

.faq-ask-expand {
	position: absolute;
	top: 0;
	right: 0;
}

.usa-ada .FAQWrpr .faq-ask-expand{display: none!important;}

.faq-ask {
	display: none;
  position: absolute;
  top: 35px;
  right: 0;
  font-size: 12px;
  width: 250px;
  text-align: left;
  padding: 10px;
  opacity: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;		
}
.faq-ask.active {
	display: block;
	opacity: 1;
	-webkit-animation: fadeInRight 1s;
	-moz-animation: fadeInRight 1s;
	-ms-animation: fadeInRight 1s;
	-o-animation: fadeInRight 1s;
	animation: fadeInRight 1s;	
}
/* ==========================================================================
   Dealer - Locations
   ========================================================================== */
.googleMap > [id^="g_map"] {width: 100% !important;}

.dealer-locator {margin-bottom: 1em;}

.location-overlay {	display: none;}
/* ==========================================================================
   Email a friend
   ========================================================================== */ 
.page-friend{min-width: inherit;}

.eaf_wrpr {
	overflow: hidden;
	max-width: 700px;
	margin: 0 auto;
}

.content-slide-wrpr {position: relative;}
.content-slide {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 940px;
	height: 262px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;		
	-webkit-border-radius: 3.01px;
	-moz-border-radius: 3.01px;
	-ms-border-radius: 3.01px;
	-o-border-radius: 3.01px;
	border-radius: 3.01px;
}
.content-slide li {
	display: none;
	margin: 0;
	padding: 0;
}
.content-slide a {
	display: block;
	position: relative;
	text-decoration: none;
}
.content-slide a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 0%, 0.25);
}

.content-slide .desc {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 105;
	width: 65%;
	font-size: 2em;
	color: #fff;
}

.content-slide li:first-child {	display: block;}

.content-slide-nav {
	position: absolute;
	z-index: 50;
	bottom: 1em;
	left: 1em;
	display: block;
	margin: 0;
	padding: 0;
}
.content-slide-nav li { 
	display: inline-block;
	margin: 0 5px;
	padding: 0;
}
.content-slide-nav a {display: block;text-decoration: none;}

.content-slide-nav .title {
	text-align: center;
	margin: 0 0 0.2em;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 1px 1px hsla(0, 0%, 0%, 0.75);
}
/* MSRP tab on firearm detail page
   ========================================================================== */
.msrp table { width: 100%; line-height: 1.2em;}
.msrp table tr {
	background-color: #FFFFFF;
	border-bottom: 2px solid #f2f2f2;
	color: #000000;
}
       
.msrp table thead th {
	background-color: #f3f3f3;
	border-right: 2px solid #FFFFFF;
	color: #3f3f3f;
	height: 25px;
	padding: 2px;
	text-align: center;
}

.msrp tbody td {padding: 5px; text-align: center;}
/* Accessories tab on firearm detail page
   ========================================================================== */
ul.accessories{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 600em;
}
ul.accessories li{
	background: url('/cms/images/whitebackground_size.jpg');
	display: inline-block;
	float: left;	
	list-style-type: none;
	margin-right: 4px;
	width: 220px;
	height: 280px;
}
ul.accessories a{ display: block; text-align: center;}
ul.accessories a .text{	text-align: center;}
ul.accessories img{	padding-top: 4px; vertical-align: top;}
ul.accessories .text{
	display: inline-block;
	width: 190px;
	line-height: 1.25em;
}
ul.accessories .price{
	display: block;
	font-weight: bolder;
	padding-top: 4px;
	text-align: center;
}
.accessories-gallery .prev{	background-image: url(/cms/images/layout/nav-prev.png);	left: 230px;}
.accessories-gallery .next{	background-image: url(/cms/images/layout/nav-next.png);	right: 230px;}
.accessories-gallery .next, .accessories-gallery .prev{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
	height: 69px;
	margin-top: -35px;
	-moz-transition: all 0.2s ease-out;
	opacity: 0.25;
	-o-transition: all 0.2s ease-out;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: 50%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	width: 69px;
	z-index: 50;
}
.accessories-gallery-scroll{
	height: 280px;
	overflow: hidden;
	position: relative;
	width: 940px;
}

.mod-has-margin.noentriesfound{	padding: 2px;}

ul.accessories li.viewall img{
    width:220px;
    height:280px;
    padding:0;
}

.dealerdistance {font-weight: bolder;color: #333333;}
/*   Store Left Navigation   */
.storeLnav ul ul { padding:0 12px 10px 12px;}
.storeLnav .mod-content {margin:0;}
.storeLnav .mod-content a:before {display:none;}

.storeLnav ul > li > a {
    padding-right:40px;
    color:#15435f;
    outline:none;
}
.storeLnav ul li li {border-bottom:1px dotted #999999;}
.storeLnav ul li li:last-child {border:0px;}
.storeLnav ul li li a {
    padding:5px 25px 5px 5px;
    font-weight:normal;
    color:#15435f;
}
.storeLnav ul > li li a:hover,
.storeLnav ul > li li a:focus,
.storeLnav ul > li li a.on {text-decoration:underline; color:#666;}


.storeLnav ul > li a:hover:before,
.storeLnav ul > li a.active.on:before {display:none;}

.storeLnav ul ul li a { font-size: 0.84em;}
.storeLnav span.exp {
    position: absolute;
    right: 8px;
    top: 0.35em;
    z-index:1000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.storeLnav span.exp:before {
      content: "\f107";
      display: inline-block;
      font-size: 1.5em;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: bold;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: #FF732E;
}
.graph20 .storeLnav span.exp:before{ color: #fff;}
.graph20 .storeLnav ul > li:hover span.exp:before {color: #F34F03;}
.usa-ada .storeLnav span.exp:before{color: #962D03;}

.graph20 .storeLnav span.exp.active:before{ transform: rotate(180deg);}
@media only screen and (min-width: 47.939em) and (max-width:63.99em){
	.container2 .redesign_header .grid-3{width: 60%;}
	.container2 .redesign_header .grid-9{width: 40%;}
	.container2 .redesign_header a.logo-image{float: right;}
	.redesign_header .siteSearchWrpr .search input.search-field{width: 60%;}
	.redesign_header .siteSearchWrpr .search .search-btn-wrapper{width: 13.5%;}
	.upd-utility .header_right .member-nav.ajaxheader{display: block;}
/* 	.container2 .m_1half > [class*="grid-"] { width:50%; } */
	.upd-utility ul.language > li:first-child { display: none;}
}
@media (max-width:47.999em) {
    .storeLnav span.exp.active:before {
        margin-bottom: 6px;
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
}

.storeLnav li.on > ul {display:block;}
/* Search Bar */
.header + #main-content {margin-top:0px; outline:0;}
.header + div.slideshow #main-content { margin-top:0;}
.siteSearchWrpr  { padding: 0; background-color:#cccccc;}

.siteSearchWrpr .search {width:100%; margin:20px 0;}
.siteSearchWrpr .search input.search-field {
    display:block; 
    height:30px; 
    color:#666666; 
    background:#fff; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:100%;
	padding:0 55px 0 10px;
}
.siteSearchWrpr .search input.search-field:focus { border:0;}

.siteSearchWrpr .search .search-btn-wrapper {
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:100%;
    text-align:center;
    -webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
    font-size:1em;
    color:#fff;
    background: #ff732e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzMyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzU1MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff732e 0%, #f35529 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff732e), color-stop(100%,#f35529));
    background: -webkit-linear-gradient(top,  #ff732e 0%,#f35529 100%);
    background: -o-linear-gradient(top,  #ff732e 0%,#f35529 100%);
    background: -ms-linear-gradient(top,  #ff732e 0%,#f35529 100%);
    background: linear-gradient(to bottom,  #ff732e 0%,#f35529 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff732e', endColorstr='#f35529',GradientType=0 );
}
.siteSearchWrpr .search .search-btn-wrapper:before {
    position:relative;
    top:50%;
    display:block;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.siteSearchWrpr .search .search-btn {
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background:none;
}

@media (min-width:65.000em) {
    .siteSearchWrpr .search input.search-field {height:50px; padding:0 9% 0 1%;}
    .siteSearchWrpr .search .search-btn-wrapper {width:8.5%; font-size:2em;}
} 
#suggestDiv { z-index:99999 !important;}
#querydiv { 
	margin:-2px 0 0 77px; 
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.portlet-content-overlay .siteSearchWrpr {display:none;}

.TopSellingItemsWrapper {margin-top:20px;}
#TopSellingItemsWrapper  {background:#fff; display:block; position:relative;} 
#TopSellingItemsWrapper .grid-list {display:block; position:relative;} 
#TopSellingItemsWrapper .itemDesc,
#TopSellingItemsWrapper .product-price,
#TopSellingItemsWrapper  div.rateit,
#TopSellingItemsWrapper .product-rating, 
#TopSellingItemsWrapper .promotion {display:;}
#TopSellingItemsWrapper .grid-item {padding-bottom:5px; position:relative;}
#TopSellingItemsWrapper .grid-title {margin:0 auto;}
#TopSellingItemsWrapper .tooltip {
	display:none; 
	background:#efefef; 
	border:0px solid #DBDBDB; 
	text-align:left; 
	padding:20px 15px 15px;
	position:absolute; 
	top:8px !important; 
	left:0; 
	margin-left:-25px !important;
	display: none; 
	width: 225px; 
	height: auto;
	z-index:99999;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.5);
}
#TopSellingItemsWrapper h2.TypeTitle {margin:0px; display:block; padding:10px;}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip {margin-left:-535px !important;}
#TopSellingItemsWrapper .grid-title-overlay {margin-bottom:12px;}
#TopSellingItemsWrapper .grid-title-overlay a {text-decoration:none; font-weight:bold;}
div.tooltip {}
div.tooltip:before, div.tooltip:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent; /* arrow size */
}
div.tooltip:before {
	border-right-color: rgba(50, 50, 50, 0.5);  /* arrow color */
	position: absolute;
	top: 24%;
	left: -21px;
	z-index: 1;
}
div.tooltip:after {
	border-right-color: #efefef;  /* arrow color */
	/* positioning */
	position: absolute;
	top: 24%;
	left: -20px;
	z-index: 2;
}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip:before {
	border-right-color:transparent;
	border-left-color: rgba(50, 50, 50, 0.5);  /* arrow color */
	position: absolute;
	top: 24%;
	left:256px;
	z-index: 1;
}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip:after {
	border-right-color:transparent;
	border-left-color: #efefef;  /* arrow color */
	/* positioning */
	position: absolute;
	top: 24%;
	left:255px;
	z-index: 2;
}
/* ==========================================================================
   Third Party Styles
   ========================================================================== */

/* Slick Sliders CSS */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}

.slick-slide{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
.graph20 .slick-slide{ display: block;}

[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
   border:0;
   background-color:transparent;
   color:#fff;
}

.banners.callout-banners {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;    
}
.banners-home-all {
    display: table;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 10px;
    border-collapse: separate;
    border-spacing: 10px;  
}
.banners.callout-banners .grid-4 {
    float: none !important;
    display: table-cell !important;
    vertical-align: middle;
}
.banners.callout-banners .grid-4:first-child {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #808080 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#999999));
	background: -webkit-linear-gradient(top,  #808080 0%,#999999 100%);
	background: -o-linear-gradient(top,  #808080 0%,#999999 100%);
	background: -ms-linear-gradient(top,  #808080 0%,#999999 100%);
	background: linear-gradient(to bottom,  #808080 0%,#999999 100%);
}
.banners.callout-banners .grid-4:first-child .mod-dark { background: transparent !important;}
.banners.callout-banners .grid-4 + .grid-4 {background: #fff;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 {
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt { margin-top: 0px !important;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt.mod-mini:first-child { border-top: 0px solid #15435f;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt.mod-mini {border-top: 1px solid #15435f;}

.fluid-width-video-wrapper { margin-bottom: 30px;}

.issuuembed { width: 100%;}

.object-height { width: 100% !important;}

.display-block { display: block; text-align: center;}

.tactical-row { text-align: center;}
.tactical-row img { padding: 12px 15px;}

.center-row { text-align: center;}
.center-row img { padding: 12px 15px;}

ul.custom-ul {
    display: table;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
}
ul.custom-ul li {
    display: table-cell;
    text-align: center;
    padding: 10px;
}

.tableWrapper { margin: 10px auto; overflow: auto; }
.graph20 .siteOverlay .tableWrapper{
	background: #fff;
	padding-left: 10px;
    /* position: absolute;
    left: 0;
    top: 16px; */
}
table.tableizer-table { width: 100%;}
.graph20 .siteOverlay table.tableizer-table{ width: max-content;}
.holder-all { position: relative;}
#_svgHolder { width: 100%; height: 100%;}

.filter-actions { padding-top: 4px;}

@media (min-width:60.06em) {
    .holder-all svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 3.4%;
        left: 24.7%;
    }
    .holder-all svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 5.9%;
        left: 55%;
    }
    .holder-all svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 36.9%;
        left: 38.8%;
    }
    .holder-all svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 31.9%;
        left: 55.8%;
    }
    .holder-all svg+svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 49.9%;
        left: 16.8%;
    }
    .holder-all svg+svg+svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 78.9%;
        left: 28.8%;
    }

}

@media (max-width:60em) {
    .holder-all svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 3%;
        left: 30.7%;
    }
    .holder-all svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 6%;
        left: 60%;
    }
    .holder-all svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 36.9%;
        left: 47.8%;
    }
    .holder-all svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 31.9%;
        left: 71%;
    }
    .holder-all svg+svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 49.9%;
        left: 22.8%;
    }
    .holder-all svg+svg+svg+svg+svg+svg {
        position: absolute;    
        width: 100%;
        height: 28px;
        top: 78.9%;
        left: 28.8%;
    }    
    
}

@media (max-width:47.94em) {
    .banners.callout-banners .grid-4 {
        float: none !important;
        display: table !important;
        vertical-align: middle;
        margin-bottom: 15px;
    }    
    
}

@media (max-width:42.44em) {
    .tactical-row img { padding: 7px 7px; }
    .center-row img { padding: 7px 7px; }    
    
    .selectDrop { width: 100%; }    
    
    .filter-actions input { margin-bottom: 4px; }

    .col-1-3 { float: none !important; display: table !important; }    
    
    .faq-ask-expand.btn { position: relative !important; display: block !important; }
    
    .dept-title { font-size: 2.2em; }
}
@media (max-width:47.94em) {
    #_GUARANTEE_SealSpan {display:none !important;}
    
    .issuuembed {  height: 300px; }
    
    .object-height { height: 300px !important;}        
}
@media (min-width:61.25em) {
    .issuuembed { height: 700px;}

    .object-height {height: 450px !important; }    
}
@media (min-width:48em) and (max-width:61.19em) {
    .issuuembed { height: 500px; }
    
    .object-height { height: 450px !important; }        
}
/* #317868 nav borders */
@media screen and (min-width:1040px) {
	.nav-main a {
		-webkit-transition: border-bottom 0.3s ease-in-out;
		transition: border-bottom 0.3s ease-in-out;
	}

	.upd-nav .sub-menu .constrain > ul > li{border-right: 1px solid #ccc;}
	.upd-nav .sub-menu .constrain > ul > li > a{color: #666666; font-size: 0.7em; font-weight: 600;}
	.upd-nav .nav-main a:hover, 
	.upd-nav .nav-main li.main-li.clicked a{background: none;}
	.upd-nav .sub-menu .constrain > ul > ul > {border-right: 1px solid #ccc}
	.upd-nav .sub-menu a{padding: 7px 0; color: #0c527e;}

	.nav-main a:hover,
	.nav-main li.main-li.clicked a	{background: transparent url(/cms/responsive/images/dots.png) 100% 50% no-repeat ;	}

	.graph20 .nav-main a{padding: 15px 0;}
	.graph20 .nav-main a:hover,
	.graph20 .nav-main li.main-li.clicked a	{background:none ;}

	.nav-main li.main-li.lastnavitemli > a:hover,
	.nav-main li.main-li.lastnavitemli.clicked a	{background:none !important;}
}
/* Testing ticket #168681: button text overflow */
@media (max-width:61.19em) {
	.mod .btn {margin-bottom:5px;white-space:normal;}
}			 

/* #316573 Hawksearch Recommendations - Responsive */
.hawk-recommendation-horizontal .hawk-recommendation-inner .slick-slider {width:100% !important; float:none;}
.hawk-recommendation-horizontal .hawk-listingRating { text-align:center;}
.hawk-recommendation-horizontal .hawk-listingRating .hawk-ratingDecimal {margin-top:10px;}
div.rateit div.rateit-range {margin-top:10px;}
.graph20 div.rateit div.rateit-range {height:14px!important; margin-top: 0;}

.hawk-recommendation-horizontal .itemList .hawk-itemWrapper {border:none ;padding:0px 10px; margin:0;}
.hawk-recommendation-horizontal .itemList .slick-active:first-child { border-left:none;}
.hawk-recommendation-horizontal .itemList .slick-active {border-left:solid 1px #ccc; }
.graph20 .hawk-recommendation-horizontal .itemList .slick-active{border-left: none; background: #fff;}
.graph20 .item-details .hawk-recommendation-horizontal .itemList .slick-active {border-left:none; background: #f2f2f2;}

.graph20 .hawk-recommendation-item .grid-title { text-align: left; color: #333; font-weight: 700;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title, 
.hawkRailHeader {font-size:1.6em; font-weight:300;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title, 
.graph20 .hawkRailHeader {
	font-size:1.5em;
	letter-spacing: -0.35px; 
	font-weight:900;
	color:#333;
}
.hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title { text-align:center;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title{padding: 0; border-top: 2px solid #f2f2f2; text-align: left; line-height: 14px;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{ color: #333; font-size: 16px;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{letter-spacing: 0; line-height: 16px;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .product-price { min-height:25px; display:block; text-align:center; font-size:0.9em;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .product-price {font-size:0.875em; text-align: left; line-height: 32px;}

.hawk-recommendation-horizontalitemWrapper a.itemLink, .itemWrapper a.itemLink:link {text-align:center;}
.hawk-recommendation-horizontal .slick-slider .slick-track {min-width:5000px;}
.hawk-recommendation-horizontal .slick-slide img {display:inline-block;}

.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item {display:block;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image {width:25%; padding-left:0;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image img {}

.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title {float:left; width:70%; text-align:left; color:#0c527e;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title a {display:block;font-size:11px; line-height:120%;}

.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price a {display:block;font-size:11px; color:gray;}
.hawk-recommendation-vertical .grid-vertical .grid-item {text-align:center;}
.hawk-recommendation-vertical .slick-vertical .slick-slide {margin:0px; padding:5px; min-height:10px !important;}
.hawk-recommendation-vertical .grid-vertical .product-price {margin-left:5px; float:left;}

.hawk-recommendation-vertical .hawk-recommendation-item {width:100%;}

.hawk-recommendation-vertical .grid-list.grid-vertical, .grid-list.grid-content { background:#fff;}
.hawk-recommendation-vertical .grid-vertical .grid-image {float: left;padding:0 3px;width: 27%;}
.hawk-recommendation-vertical .grid-vertical .grid-title {width:60%; float: left; display: block; text-align:left; padding-left:5px;}

.hawk-recommendation-vertical .slick-slider .slick-track {min-width:5000px;}

@media all and (min-width: 48em){
	.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{font-size: 16px; }
	.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title, 
	.graph20 .hawkRailHeader{font-size: 2.25em!important; letter-spacing: 0; line-height: 50px;}
	.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .product-price {font-size:14px;}
}
@media screen and (max-width:768px) {
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image img {max-width:122px; max-height:140px; float:none; margin:0px auto;}
	.hawk-recommendation-vertical .grid-vertical .grid-image { float:none;}
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image {width:auto;}
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title {float:none; width:auto; text-align:center;}
	.hawk-recommendation-vertical .grid-vertical .product-price {float:none; width:auto; text-align:center; font-size:16px;}
	
	.hawk-recommendation-vertical .slick-slider .slick-slide  {border-left:1px solid #ccc; }
	.hawk-recommendation-vertical .slick-slider .slick-slide:first-child {border-left:none;}
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price {margin-bottom:10px;}
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price a {font-size:16px;}
	.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title a {font-size:16px;}
}
@media (max-width:1024px) {
  .sortList  {text-align: center;}
}

.hawk-recommendation-inner {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e6e6e6 0px, #fff 70px) repeat scroll 0 0 padding-box;
    border: 1px solid #fff;
    border-radius: 3.01px;
    box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
    color: gray;
    padding: 0;
    position: relative;}
.graph20 .hawk-recommendation-inner{
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #333;
}
.hawk-recommendation-inner > .mod-title, 
.hawkRailHeader {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #245877 0%,#15435f 100%) repeat scroll 0 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    min-height: 8px;
	text-align: left;
}
.hawk-recommendation-inner > .mod-title .title, 
.hawkRailHeader {
	color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    margin: 0;
	padding: 0.2em 0.8em;
}
.graph20 .hawk-recommendation-inner > .mod-title .title, 
.graph20 .hawkRailHeader {
	color:#333;
	background: #e6e6e6;
    font-size: 1em;
	font-weight: 700;
}

.aside .mod-content {padding:0;}    

.slick-vertical .hawk-carousel-prev,
.slick-vertical .hawk-carousel-next {display:none !important;}
/* ARROWS */
.hawk-recommendation .slick-slider button {
    color: #cccccc;
    position:absolute;
    top: 30%;
    font-size: 4em;
    z-index:9;
}
.hawk-recommendation .slick-slider button.slick-prev { left: 0;}
.hawk-recommendation .slick-slider button.slick-next { right: 0;}
/* END #316573 */

/* Ticket #348378 */
.siteSearchWrpr .search {margin: 1px auto 20px; max-width: 1035px; box-sizing:border-box;}
.graph20 .siteSearchWrpr .search {margin: 12px auto; width: 95%;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.siteSearchWrpr .search {max-width: 998px;}}
@media screen and (min-width:1040px) {
	.siteSearchWrpr .search input.search-field {margin-left: -5px;}
	.graph20 .siteSearchWrpr .search input.search-field {margin-left: 0;}
}
@media screen and (max-width:1040px) {
	.header .columns {padding: 30px 0 10px;}
}
.siteSearchWrpr {background-color: transparent;}
@media screen and (min-width:60em) {
	.nav-main > ul {margin-top:-5px;padding-bottom:15px;}
    .upd-nav .nav-main > ul{margin-top: 0;}
    .upd-nav .nav-main li.main-li:hover{background-color: #e3e3e3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #e3e3e3));
    background-image: -webkit-linear-gradient(#cccccc 0%, #e3e3e3 100%);
    background-image: -moz-linear-gradient(#cccccc 0%, #e3e3e3 100%);
    background-image: -o-linear-gradient(#cccccc 0%, #e3e3e3 100%);
    background-image: linear-gradient(#cccccc 0%, #e3e3e3 100%);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);}
}
@media all and (min-width: 65em){
	.graph20 .nav-main > ul {padding: 0; display: flex; justify-content: space-between; flex-wrap: nowrap;}
}

/* Global Button */
.o_button{min-width:115px; text-transform: uppercase; text-decoration: none; padding:10px; color: #000000; font-size: 0.675em; background:#f16d1d; margin: 0 10px 0 0; transition: all ease 0.2s;  width: 95px;  text-align: center; display: inline-block;}

.o_button:active,
.o_button:hover{color: #ffffff; transition: all ease 0.2s; box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 2px 0px #848484;}
/* Styling the main content */

.r_banner0, .r_banner1, .r_banner2, .r_banner3, .r_banner4{margin: 10px 0;} 

/*.b_square{position: relative;}*/
.b_content{padding:15px 30px;  text-align: left; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 1.5em; background:rgba(255,255,255,.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.b_content:after {}
.b_register{text-align: center; margin: 20px 0;}
.b_register_content{position: relative;}
.b_square{text-align: center; margin: 10px 0; position: relative; padding: 0;}
.b_rect{text-align: center; margin: 10px 0; position: relative; padding: 0;}
.b_content h3{margin: 5px 0; color: #111;}
.b_square img, .b_rect img{width: 100%; min-height: auto;}
.b_register h3{color:#000;}
.b_register_content h3:before{}
.b_register_content a,
.b_content a{min-width:114px; text-transform: uppercase; text-decoration: none; padding:10px; color: #000000; font-size: 0.675em; background:#f16d1d; margin: 0 10px 0 0; transition: all ease 0.2s;  text-align: center; display: inline-block;}
.b_content a:active,
.b_content a:hover{color: #ffffff; transition: all ease 0.2s; box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 2px 0px #848484;}
.b_content p,
.b_register_content p{font-size: 0.875em; color:#111;}

.b_square .b_content, .b_rect .b_content{bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
.b_register h3{ display: inline-block;  position: relative; line-height: 0.3em; }
.b_register h3:before, .b_register h3:after{
	content: ""; 
	position: absolute;
	height: 3px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;  
	width: 50%;	
}
	
.b_register h3:before {	right: 100%;margin-right: 15px;}
.b_register h3:after { left: 100%;margin-left: 15px;}

/* Signup Code*/
.signup{text-align: center;  font-family: Open Sans, sans-serif; background:#ffffff; padding:15px; box-shadow:0 0 5px 0px #ddd; margin:20px 0 30px;}
.signup h3{font-size: 1.75em; text-transform: uppercase;color: #000; margin: 10px 0;}
.signup span{font-size: 1.250em; font-weight: bold;}
.signup_form, .signup_head{margin: 5px 0;}
.signup_form input{color:#ccc; display: block;text-align: center;margin: 0 auto; padding: 15px 0; margin:10px 0; width: 100%; border-radius: 5px; border:none;box-shadow: none;}
.signup_form a{font-size: 1em; border-radius: 1px; margin: 10px 0; font-weight: bold;}

@media only screen and (min-width:48em){
	.b_content{font-size: 1em;}
	.b_square, .b_rect{/*margin-left:10px; margin-right:10px;*/}
	.b_square .b_content{bottom: 0px; left: 0px;text-align: left; margin: 0;}
	.b_rect .b_content{bottom: 0px; left: 0px;text-align: left;margin: 0;}
	.b_rect img, .b_square img{min-height: 0;}
	
	.b_register h3:before,
	.b_register h3:after{width: 360px;}

	.signup_form, .signup_head{margin:0; }
	.signup{}
	.signup h3{font-size: 1em; text-transform: uppercase;color: #000; margin: 0;}
	.signup span{font-size: 0.97em; font-weight: 600;}

	.signup_form a{float: right; margin: 10px 0; padding: 5px;}
	.signup_head{float: left;text-align: left;margin: 5px 0 0 0;}
	.signup_form input{display:inline; padding: 5px 0; margin: 10px 0 0 0; width: 50%; border-radius: 5px; border:none;box-shadow: none;}
}

/* Usa-ada focus overlay */
.usa-ada .skipdiv { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; left: 0; }
.usa-ada .skipdiv:focus, .usa-ada .skipdiv:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}
/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
    display: none;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #78aeda;
    transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}
#focus-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
    transition: all 0.1s ease-out;
}
#focus-overlay.focus-overlay-active { display: block; z-index: 999999!important;}
#focus-overlay.focus-overlay-animating::after { opacity: 1;}
.focus-overlay-target { outline: none;}

/* #472992 - refresh/migration */
.graph20 #exposeMask{opacity: .5!important;}
.graph20 .quick-links{width: 320px; margin: 0 auto; padding: 0;}
.graph20 .quick-link{list-style:none;color:#fff;text-align:center;margin:0 10px 0 0; display: inline-block;}
.graph20 .desktop{display: none!important;}
@media all and (min-width: 65em){
	.graph20 .desktop{ display: block!important;}
	.graph20 .mobile{ display: none!important;}
	.graph20 .quick-links{ width: 100%;}
}
/* Input text boxx Styles ========================================================= */
.graph20 .label-and-input label{ text-transform: uppercase; font-size: 0.75em;}
.graph20 .label-and-input input{ height: 30px; }
.graph20 .label-and-input select{ height: 33px;}
@media all and (min-width: 48em){
    .graph20 .label-and-input input{ width: 300px;}
    .graph20 .btn--orangeLg{ padding: 8px 9px; width: auto;}
}

/* ==================================================================== */
.graph20 .hashtags{  color: #f34f03; margin: 0 0 10px;}
/* Grid Adjustments */
.graph20 .sm6,.graph20  .sm12, .graph20 .lg2, 
.graph20 .lg3, .graph20 .lg4, .graph20 .lg6{
	position:relative;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* Small Screens */
.graph20 .sm6{ width: 50%;}
.graph20 .sm12{ width: 100%;}
@media all and (min-width:30em) and (max-width: 64em){
	.graph20 .md-12{width:100%!important;}
}
@media all and (min-width: 64em){
	.graph20 .lg2{ width:16.666%;}
	.graph20 .lg3{ width:25%;}
	.graph20 .lg4{ width:33.333%;}
	.graph20 .lg6{ width:50%; height:100%;}
	.graph20 .md-12{width:50%;}
}
/* Passion Banners */
.graph20 .passion-banners .block img{ margin: 0 0 0 -15px;}
/* Homepage */
.graph20 .home .feature-banners{position: relative;}
.graph20 .home h1{font-size: 1.75em;}
.graph20 .home .featured-banners-img{margin:0 -25px; position: relative;}

.graph20 .activity-cards-banner-title{ text-align: center;}

.graph20 .home .text-left-banners{position: relative; margin-bottom: 150px;}
.graph20 .home .text-left-img {margin: 0 -25px; position: relative;}
/* Activity Page */
.graph20 .activity .main-banner {position: relative;}
.graph20 .activity .main-banner-img {margin: 10px -25px 0; position: relative;}
.graph20 .activity .main-banner-text h1 {font-size: 2.125em; font-weight: 900;}
.graph20 .activity .main-banner-text { padding: 0 10px;}

.graph20 .activity .featured-banners{position: relative;}
.graph20 .activity .featured-banners-img{margin:0 -25px;}
.graph20 .activity .featured-banners-img .background-img{ background-position: center!important; background-repeat: no-repeat!important; position: relative; background-size: 100% 100%;}
.graph20 .activity .featured-banners-img .background-img:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: #333;
	opacity: .6;
	z-index: 1;
	top: 0;
	left: 0;
}

.graph20 .activity .promo-banners{position: relative;}
.graph20 .activity .promo-banners-img{margin: 0 -25px; position: relative;}

/* .activity .shop-banners{ padding: 50px 0;} */
.graph20 .banner-item{ text-align: left;}
.graph20 .item-name{margin: 0; font-weight:900; font-size: 1em; color: #333;}
.graph20 .item-price{margin: 0 0 1em; font-weight: 400; font-size: 0.875em; color:#333;}

.graph20 .divider{height:25px;border-bottom:2px solid #f2f2f2;display:flex;align-items:flex-end;font-size:0.875em; font-weight: 400;}
.graph20 .new-item{position:absolute; top: 10px; left: 20px; font-weight: 700; background:#F34F03;padding: 4px 4px 4px 5px;color:#fff; font-size: 0.625em;}
.graph20 .limited-item{position:absolute; top: 10px; left: 20px; font-weight: 700; background:#15435F;padding:4px 6px 4px 7px;color:#fff; font-size: 0.625em;}
.graph20 .centered-btn { display: flex; width: 100%; justify-content: center;}

.graph20 .middle-banner .centered{padding: 45px 0 0; text-align:center;}
.graph20 .middle-banner .centered h2{font-size: 1.75em;}

.graph20 .activity-nav{background: #15435F; border-left: 10px solid #fff; border-right: 10px solid #fff; }
.graph20 .activity-nav button{background: #15435F; color: #fff; border: none; width: 100%; font-size: 1em; font-weight: 900; text-align: left; padding: 10px; position: relative;}
.graph20 .activity-nav button:after{ 
	content:'';
	height: 10px;
	width: 10px;
	position: absolute;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(135deg);
	right: 10px;
}
.graph20 .activity-nav li { list-style: none; margin: 5px 0; padding: 10px 0 9px;}
.graph20 .activity-nav a {
	color: white;
	font-size: 0.875em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 0;
}
.graph20 .activity-nav a:hover, .graph20 .activity-nav a:focus, .graph20 .activity-nav a:visited {background: #f34f03;}

.graph20 .activity .promo-banners-img .background-image{background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}

.graph20 #lnkSizingChart { font-weight: 600; color: #15425f;}
.graph20 #lnkSizingChart:hover,
.graph20 #lnkSizingChart:focus {text-decoration: underline; cursor: pointer;}
@media all and (min-width: 48em){
	.graph20 .middle-banner .centered p {margin: 0 auto; max-width: 960px;}
	.graph20 .middle-banner .centered h2{font-size: 2.25em;}

	.graph20 .blog-banner-text .btn{padding: 13px 60px;}

	.graph20 .shop-banners {padding: 60px 0 30px;}

	.graph20 .activity .main-banner-img {margin: -32px -41px 0 -20px;}
	.graph20 .activity .main-banner-text h1 {font-size: 3em; line-height: 1;}
	.graph20 .activity .featured-banners-img{margin: 0 -10px 0 -27px;}
	.graph20 .activity .promo-banners{margin-top: 80px;}
	.graph20 .activity .promo-banners-img{margin: 0 -10px 0 -27px;}
	.graph20 .activity .promo-banners-img .background-image{min-height: 420px; width: 100%;}

	.graph20 .activity .featured-banners-img .background-img{height: 100%; min-height: 370px;}
	.graph20 .activity .featured-banners-img .background-img:after{opacity: 0;}
	.graph20 .floating-text.mobile{display: none;}

	.graph20 .homepage-hero .banner-random div{	padding: 586px 0 35px;background-size: 100% 100%!important;	}
	
	.graph20 .home .featured-banners-text p{padding-right: 90px;}
	.graph20 .home .featured-banners-img{margin: 0 -41px;}
	.graph20 .activity-cards-banner-title{ text-align: left;}
	.graph20 .home .text-left-img{margin: 0 -41px;}

	.graph20 .item-name{margin: 1em 0 0; font-weight:900; font-size: 1.5em;}
	.graph20 .item-price{font-size: 1.125em;}

	.graph20 .activity-nav{border: none;}
	.graph20 .activity-nav button{display: none;}
	.graph20 .activity-nav ul {
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		margin-top: 0;
	}
	.graph20 .activity-nav li { padding: 14px 0 13px;}
	.graph20 .activity-nav a{
		font-size: 0.625em;
		font-weight: 700;
		padding: 20.5px 7px 19.5px;
	}
}
@media all and (min-width: 64em){
	.graph20 .activity-nav a{ font-size: 1em;}

	.graph20 .activity .main-banner-text h1 {font-size: 4.5em;}
	.graph20 .activity h2{font-size:3em;}
	.graph20 .middle-banner .centered h2{font-size: 3em;}
	.graph20 .activity .main-banner-text{padding: 0 60px 0 97px;}
	.graph20 .activity .banner__text.blog{padding: 0 60px 0 110px;}
	.graph20 .activity .middle-banner {padding: 10px 50px;}

	.graph20 .middle-banner .centered {padding: 115px 0 0;}

	.graph20 .home .text-left-text {padding: 60px 60px 95px 0px;}
	.graph20 .home .featured-banners-text{padding: 40px 0px 95px 60px;}
	.graph20 .home  h1{font-size: 3em;}

	.graph20 .home .text-left-banners{margin-bottom: 0px;}
}
@media all and (min-width: 85em){
	.graph20 .home .text-left-text{ padding-left: 55px;}
}

/* Floating Text/Image/button ====================== */
.graph20 .home .floating-img-right{ position: absolute;bottom: -154px; left: 0; }
.graph20 .main-banner .floating-img-right{ position: absolute; bottom: -65px;}
.graph20 .floating-img-left{
	position: absolute; 
	 right: 0px; 
	 bottom:-63px;	
	}
	.graph20 .floating-img-left img{width: 45%!important;}

	.graph20 .floating-img-apx{display: none;}

	.graph20 .floating-text.mobile{padding: 130px 20px; position: relative; z-index: 5; color: #fff;}
	.graph20 .floating-text.mobile h2{text-align: center; color:#fff;}
	.graph20 .floating-text.mobile p{font-size: 1em;}
/* .floating-text h2{ color:#fff;} */
.graph20 .activity-card__text h4 { margin-bottom: 0; color: #333; text-align: center;}

.graph20 .activity-cards .slick-dots {bottom: -30px; width: 100%; z-index: 75;}
.graph20 .activity-cards .slick-dots li {width: 16%; margin: 0;}
.graph20 .activity-cards .slick-dots li button {width: 100%;}
.graph20 .floating-btn{
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.graph20 .header-left {
	text-align: center; 
	color: #fff; 
	position: absolute; 
	z-index: 50;
	top: 4px;
	left: 50%; 
	transform: translateX(-50%); 
	width: 100%; 
	font-family: 'Lato', sans-serif; 
	font-size: 0.75em;
}

.graph20 .btn-alt2-small{
	display: inline-block;
	padding: 0 12px ;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.625em;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	background: #F34F03;
	margin: 2px 0;
}
.graph20 .store-items .mod{margin:0;}
@media all and (min-width: 651px){
	.graph20 .activity-cards .slick-dots li {width: 33.33%;}
	.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4 { border-bottom: 10px solid #f16d1d;}
}
@media all and (min-width: 48em){
	/* .activity-cards .slick-track { width:1860px!important;} */
	.graph20 .activity-card a{margin: 0;}
	.graph20 .activity-card__text h4 { text-align: left;}
	.graph20 .activity-cards-banner-title .block{margin: 15px 0;}
	.graph20 .activity-cards{ margin: 0 -88px 0 0; }
	
	.graph20 .home .floating-img-right{left: 0px; bottom: -203px;}
	.graph20 .text-left-text p {padding-right: 87px;}
	.graph20 .main-banner .floating-img-right{ bottom: -93px;}
	.graph20 .floating-img-left{right: -55px; bottom: -55px;}

	.graph20 .floating-img-apx{display: block; position: absolute; bottom: 0; left: 0;}
	
	.graph20 .floating-text > .block > .desktop{ display: block!important; position: static;text-align: left; padding: 0px;}
	.graph20 .header-left{ left: 10px; transform: translateX(0); text-align: left; font-size: 0.875em;	letter-spacing: .75px; top: 4px; width:70%}
	.graph20 .header-left span{margin-right: 5px;}

	.graph20 .floating-btn {bottom: 60px;}

	.graph20 .btn-alt2-small{padding: 1px 12px;}
}
@media all and (min-width: 64em){
	.graph20 .floating-img-left img {width: 100%!important;}
	.graph20 .floating-img-left{right: 30px; bottom: -145px;}

	.graph20 .home .floating-img-right{left: -160px; bottom: -235px;}
	.graph20 .main-banner .floating-img-right{bottom: -200px;}

	.graph20 .floating-text > .block > .desktop{ padding: 10px 110px 0 60px;}
}
@media all and (min-width: 79em){
	.graph20 .home .floating-img-right{bottom: -211px;}
	.graph20 .main-banner .floating-img-right{ bottom: -145px; left: -321px; right: 304px;}
}
/* slideshow styles */
/* .slick-list.draggable{ width: 100%; min-width: 320px;} */
.graph20 .activity-card a, .graph20 .banner-item a {
	text-decoration: none; 
	width: 100%; 
	margin: 0 auto; 
	display: block;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-backface-visibility: hidden;
}

.graph20 .activity-card a:hover,
.graph20 .activity-card a:focus,
.graph20 .banner-item a:hover,
.graph20 .banner-item a:focus{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	opacity: 0.8;}
.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4, .graph20 .banner-item a:hover p, .graph20 .banner-item a:focus p { color: #666666;}

/* .activity-slideshow .slide {background-size: 100% 100%; background-repeat: no-repeat;} */
.graph20 .activity-card__img{margin: 0 10px 0 0;}
.graph20 .activity-cards .activity-card {max-height: 400px;}

.graph20 .activity-card__text h4 { margin-bottom: 0; color: #333; text-align: center;}

.graph20 .activity-cards .slick-dots {bottom: -30px; width: 100%; z-index: 75;}
.graph20 .activity-cards .slick-dots li {width: 16%; margin: 0;}
.graph20 .activity-cards .slick-dots li button {width: 100%;}

.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow,
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow  {
    background: none;
    border: none;
    height: 50px;
    width: 50px;
    position: absolute;
	top: 35%;
	z-index: 500;
}
.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow:focus,
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow:focus{ height: 60px; width: 60px;}

.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow{left: 0;}
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow{right: 0;}
.graph20 .activity-cards-navigation .icon-angle-left:before{ font-size: 3.75em; color: #F34F03;}
.graph20 .activity-cards-navigation .icon-angle-right:before{ font-size: 3.75em; color: #F34F03;}

.graph20 .activity-cards-navigation .icon-angle-left:hover:before,
.graph20 .activity-cards-navigation .icon-angle-left:focus:before,
.graph20 .activity-cards-navigation .icon-angle-right:hover:before,
.graph20 .activity-cards-navigation .icon-angle-right:focus:before{color: #f7844e;}

.graph20 .store-items .mod{margin:0;}
@media all and (min-width: 651px){
	.graph20 .activity-cards .slick-dots li {width: 33.33%;}
	.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4 { border-bottom: 10px solid #f16d1d;}
}
@media all and (min-width: 48em){
	/* .activity-cards .slick-track { width:1860px!important;} */
	.graph20 .activity-card a{margin: 0;}
	.graph20 .activity-card__text h4 { text-align: left;}
	.graph20 .activity-cards-banner-title .block{margin: 15px 0;}
	.graph20 .activity-cards{ margin: 0 -88px 0 0; }

	.graph20 .activity-slideshow .slide{min-height: 590px;}
	/* .store-items .activity-cards .slick-dots li {width: 476px;} */
	/* .activity-cards .slick-dots li {width: 33.33%;} */
	/* .activity-cards .slick-dots li button {width: 100%;} */
}
@media all and (min-width: 64em){
	.graph20 .activity-cards{min-height: 390px;}
}
@media all and (min-width: 1460px){ 
	.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow{left: -77px;}
}
/* Filter Bar */
.graph20 .filter-bar{background: #e6e6e6;width: 100%;}
.graph20 .filter-bar-btn{
	background: #f34f03;
	color: #fff;
	padding: 19px 17px 19px 53px;
	font-weight: 700;
	font-size: 0.625em;
	border: none;
}
.graph20 .filter-bar-result{
	font-size: 1em;
	font-weight: 900;
	text-align: left;
	color: #333;
	float: right;
	padding: 18px 17px;
}
.graph20 .pyramid{
	background: #fff;
	height: 2.5px;
	width: 14px;
	position: relative;
	left: -20px;
	font-size: 0;
}
.graph20 .pyramid:before{
	content:'';
	height: 2.5px;
	background: #fff;
	width: 20px;
	top: -6px;
	left: -3px;
	position: absolute;
}
.graph20 .pyramid:after{
	content: '';
	height: 2.5px;
	background: #fff;
	width: 6px;
	bottom: -5.5px;
	left: 4px;
	position: absolute;
}
/* ------------------ */
.graph20 .half-and-half {display: flex; width: 100%;}
.graph20 .half-and-half .left {
	background: #0c4561;
	width: 50%;
	text-align: center;
	padding: 55px 0 20px;
}
.graph20 .half-and-half .right {
	background: #f34f03;
	width:50%;
	text-align: center;
	padding: 55px 0 20px;
}
.graph20 .half-and-half p{
	color: #fff;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
}
.graph20 .btn-clear{
	padding: 8px 17px;
	color: #fff;
	border: 1px solid #fff;
	font-weight: 700;
	font-size: 0.625em;
	text-decoration: none;
}

.graph20 .insta__text{ text-align: center;}
.graph20 .insta__text ul li{ list-style: none; display: inline-block; margin: 0 10px;}
.graph20 .insta .sm12, .insta .sm6  {padding: 10px;}

/* footer sign up */
.graph20 .footer-letter {order: 2; padding: 10px;}
.graph20 .footer .newsletter-mini{
	background: none;
	height: auto;
	width: auto;
	margin: 0; 
	padding: 0;
	display: block;
}
.graph20 .footer .newsletter__text {color: #fff; text-align: center;}
.graph20 .footer .newsletter__text h3{margin: 0; font-size: 1.5em; color: #fff; line-height: 21px;}
.graph20 .store .footer-legal {position: absolute; bottom: -215px; width: 100%;}

.graph20 #dealer-filters{ margin-bottom: 0;}

.graph20 .item-details.abcd  {background: #f2f2f2;}
.graph20 .item-details--gray {background: #f2f2f2;}
.graph20 .item-details--gray .mod-alt3 {border-top: 5px solid #dadada; margin-top: 40px;}
.graph20 .item-details--white {background: #fff!important;}
.graph20 .item-details--white #dealer-filters{
	position: relative;
	background: #fff;
	padding: 1px 0 5px;
} 
.graph20 .item-details--white #dealer-filters h3{margin: 0;}
.graph20 .item-details--white #dealer-filters input {margin-top: 35px;}

.graph20 .listing-banner {background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: relative;}
.graph20 .listing-banner__text{	padding: 110px 65px;text-align: center;}
.graph20 .listing-banner__text h1{ color: #fff;  font-size: 1.5em; font-weight: 700;}
.graph20 .listing-banner img{ display: none;}

.graph20 .mod-alt3.recently-view .title{
	font-size: 30px!important;
    font-weight: 900;
    letter-spacing: -0.44px;
	line-height: 36px;
	color: #333;
}
@media all and (min-width: 48em){
	.graph20 .store .footer-legal{ position: static;}
	.graph20 .footer-letter{order: 2; padding-bottom: 10px;}
	.graph20 .footer .newsletter__text{text-align: left;}
	.graph20 .half-and-half{display: none;}

	.graph20 .insta__text{ padding: 10px 340px 0;}
	.graph20 .insta .lg6 {padding: 0 0 10px 0;}
	.graph20 .insta .lg2 {padding: 0 0 10px 10px;}

	.graph20 .listing-banner__text h1{ font-size: 3em; font-weight: 900;}

	.graph20 .item-details--gray .mod-alt3{margin-top: 55px; padding-top: 55px;}

	.graph20 #dealer-filters{ margin-bottom: 15px;}
}
@media all and (min-width: 64em){
	.graph20 .listing-banner__text{text-align: left; padding: 110px 400px 110px 50px;}
	.graph20 .listing-banner img{display: block; position: absolute; bottom: 0;}
	.graph20 .listing-banner img#coat {right: 150px; z-index: 10;}
	.graph20 .listing-banner img#hood {right: 50px; z-index: 5;}
	.graph20 .listing-banner img#shirt{ right:0px;}

	.graph20 .mod-alt3.recently-view .title{
		font-size: 36px!important;
		letter-spacing: 0;
		line-height: 50px;
	}
}
@media all and (min-width: 79em){
	.graph20 .listing-banner__text{padding: 145px 700px 110px 215px;}
	.graph20 .listing-banner img#coat {right: 390px;}
	.graph20 .listing-banner img#hood {right: 185px;}
	.graph20 .listing-banner img#shirt{ right:25px;}
}
/* ---------------------------------------- */
/* Text Input Styles */
.graph20 .newsletter input[type="text"],.graph20 .newsletter textarea {
	border-color: #c0c0c0;
	background: #c0c0c0;
	color: #333;
  }
.graph20 .onePageCheckout input[type="text"], .graph20 #LoginTab input[type="text"],
.graph20 .onePageCheckout input[type="password"], .graph20 #LoginTab input[type="password"],
.graph20 .onePageCheckout input[type="file"], .graph20 #LoginTab input[type="file"],
.graph20 .onePageCheckout textarea, .graph20 #LoginTab textarea,
.graph20 .onePageCheckout select {
	padding: 14px 14px 14px 12px;
	border-color: #ccc;
	background: #f2f2f2;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #333;
	min-width: 87px;
}
.graph20 .onePageCheckout select#drpExpirationMonth { min-width: 96px;}
.graph20 .onePageCheckout input.txtPromotionCode{background: #fff; width: 98%; margin: 0 -10px;}
.graph20 #LoginTab input[type="text"],
.graph20 #LoginTab input[type="password"],
.graph20 #LoginTab textarea{padding-left: 45px;}

.graph20 .paging-list,
.graph20 .dept-filter label,
.graph20 .hawksearch .filters label{color:#333; font-size: 1em; font-weight: 400;}
.graph20 .paging-list select,
.graph20 .sortList select{
	background: #f2f2f2;
	border-radius: 0;
	border: none;
	color: #333;
}
.graph20 .sortList select:focus{ border-radius: 0;}
.graph20 .qty input[type="text"], .graph20 .qty select {
	border-color: #ccc;
	background: #f2f2f2;
	font-size:1em;
	color: #333;
}
.graph20 .size select {
	padding:10px 0 10px 10px;
	border: none;
	background: none;
	font-size:0.9em;
	color: #333;
}
.graph20 .size select::-ms-expand, .qty select::-ms-expand {display: none;}
.graph20 .smaller.size {position: relative; width: 120px; font-size: 0.875em;}
.graph20 .smaller.size:after {
	content: '';
	height:7px;
	width: 7px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 13px;
	right: 11px;
	position: absolute;
	pointer-events: none;
}
.graph20 .size select {
	/* gets rid of select default arrow */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 89px;
}
.graph20 .account input[type="text"],
.graph20 .account input[type="password"],
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select,
.graph20 .item-details--white #dealer-filters #txtZip,
.graph20 .item-details--white #dealer-filters select {
	padding:8px 15px;
	border-color: #ccc;
	background: #f2f2f2;
	color: #333;
	font-size: 1em;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {padding: 8px 0 8px 30px;}
.graph20 .account input[type="password"] {margin-bottom: 18px; }
.graph20 .forms .form-input{
	width: 100%;
	position: relative; 
	height: 52px;
}
.graph20 .LoginSection .inputRow { position: relative; height: 52px;}

.graph20 .item-details--white #dealer-filters #txtZip,
.graph20 .item-details--white #dealer-filters select {max-width: 250px; font-size: 12px;}
.graph20 .item-details--white #dealer-filters select{margin-bottom: 0;}

.graph20 .jumpToReview-tab{ padding-left: 0; font-size: 0.875em; background: none; border: none; color: #15435f; text-transform: capitalize;}
.graph20 .jumpToReview-tab:hover,
.graph20 .jumpToReview-tab:focus {text-decoration: underline;}
.graph20 .ratingDisplay { display: flex;}

.graph20 .addToButtons .float-right{ float: right; text-align: right;}
.graph20 .addToButtons .float-right #btnWishList{padding:0;}
.graph20 #newSeal{float:right;}

.graph20 .product-detail .hawk-recommendation{z-index: -1;}

.graph20 .capitalize {text-transform: capitalize;}
.graph20 .forgotPassword {text-align: left; margin-bottom: 18px;}

.graph20 .account-shipping .mod-content,
.graph20 .account-details .mod-content {min-height: 0!important;}

.graph20 .mobile-account-link .icon-user:before { color: #15435f; font-size: 24px;}

.graph20 .country-drpdwn--selection{ max-width: 125px;}
.graph20 .country-drpdwn{float: right;}
.graph20 .country-drpdwn .utility-title{font-size: 1em;}


@media only screen and (min-width: 30em){
	.graph20 .product-detail [class*="grid-"] .grid-8 {width: 100%;}
	.graph20 .product-detail [class*="grid-"] .grid-4 {width: 100%;}
	.graph20 .item-details .desc-wrapper .grid-8 {width: 100%;}
	.graph20 .item-details .desc-wrapper .grid-4 {width: 100%;}

	.graph20 .item-details--white #dealer-filters input,
	.graph20 .item-details--white #dealer-filters select {margin: 35px 8px 0;}
}
@media only screen and (min-width: 35em){
	.graph20 .product-detail [class*="grid-"] .grid-8 {width: 50%;}
	.graph20 .product-detail [class*="grid-"] .grid-4 {width: 50%;}
}
@media all and (min-width:48em){
	.graph20 .smaller.size{font-size: 1em;}
	.graph20 .size select{width: 84px;}
}
@media only screen and (min-width: 50em){
	.graph20 .product-detail [class*="grid-"] .grid-8 {width: 60%;}
	.graph20 .product-detail [class*="grid-"] .grid-4 {width: 40%;}
	.graph20 .item-details .desc-wrapper .grid-8 {width: 50%;}
	.graph20 .item-details .desc-wrapper .grid-4 {width: 50%;}
}
@media only screen and (min-width: 64em){
	.graph20 .product-detail [class*="grid-"] .grid-8 {width: 66.666%;}
	.graph20 .product-detail [class*="grid-"] .grid-4 {width: 33.333%;}
	.graph20 .item-details .desc-wrapper .grid-8 {width: 66.666%;}
	.graph20 .item-details .desc-wrapper .grid-4 {width: 33.333%;}
		
	.graph20 .mobile-account-link .icon-user:before {display: none;}
}

.graph20 .paging-list,
.graph20 .dept-filter label,
.graph20 .hawksearch .filters label{color:#333; font-size: 1em; font-weight: 400;}
.graph20 .paging-list select,
.graph20 .sortList select{
	background: #f2f2f2;
	border-radius: 0;
	border: none;
	color: #333;
}
.graph20 .sortList select:focus{ border-radius: 0;}
.graph20 .qty input[type="text"], .graph20 .qty select {
	border-color: #ccc;
	background: #f2f2f2;
	font-size:1em;
	color: #333;
}
.graph20 .size select {
	padding:10px 0 10px 10px;
	border: none;
	background: none;
	font-size:0.9em;
	color: #333;
}
.graph20 .size select::-ms-expand, .qty select::-ms-expand {display: none;}
.graph20 .smaller.size {position: relative; width: 120px; font-size: 0.875em;}
.graph20 .smaller.size:after {
	content: '';
	height:7px;
	width: 7px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 13px;
	right: 11px;
	position: absolute;
	pointer-events: none;
}
.graph20 .size select {
	/* gets rid of select default arrow */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 89px;
}
.graph20 .account input[type="text"],
.graph20 .account input[type="password"],
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {
	padding:8px 15px;
	border-color: #ccc;
	background: #f2f2f2;
	color: #333;
	font-size: 1em;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {padding: 8px 0 8px 30px;}
.graph20 .account input[type="password"] {margin-bottom: 18px; }
.graph20 .forms .form-input{
	width: 100%;
	position: relative; 
	height: 52px;
}
.graph20 .LoginSection .inputRow { position: relative; height: 52px;}

.graph20 .jumpToReview-tab{ padding-left: 0; font-size: 0.875em; background: none; border: none; color: #15435f; text-transform: capitalize;}
.graph20 .jumpToReview-tab:hover,
.graph20 .jumpToReview-tab:focus {text-decoration: underline;}
.graph20 .product-detail-right .ratingDisplay { display: flex;}

.graph20 .addToButtons .float-right{ float: right; text-align: right;}
.graph20 .addToButtons .float-right #btnWishList{padding:0;}
.graph20 #newSeal{float:right;}

.graph20 .product-detail .hawk-recommendation{z-index: -1;}

.graph20 .capitalize {text-transform: capitalize;}
.graph20 .forgotPassword {text-align: left; margin-bottom: 18px;}

.graph20 .account-shipping .mod-content,
.graph20 .account-details .mod-content {min-height: 0!important;}

.graph20 .mobile-account-link .icon-user:before { color: #15435f; font-size: 24px;}

.graph20 .item-details--white #dealer-filters #txtZip,
	.graph20 .item-details--white #dealer-filters select { padding: 13px 15px 14px; font-size: 16px;}
	.graph20 .item-details--white #dealer-filters #txtZip{margin-bottom: 0;}
	.graph20 .item-details--white #dealer-filters input,
	.graph20 .item-details--white #dealer-filters select {margin: 35px 12px 0;}

.graph20 .onePageCheckout .has-right-border{border-right: none;}
.graph20 .onePageCheckout input[type="checkbox"], .graph20 .onePageCheckout input[type="checkbox" i]{ border: 5px solid #15435F;}

.graph20 .show-hide-password {
	font-size: 1em;
	color: #15435F;
	position: absolute;
	right: 15px;
	top: 5px;
	text-decoration: underline;
}
.graph20  .show-hide-password#hide, .graph20  .show-hide-password#show.active {display: none;}
.graph20  .show-hide-password#hide.active, .graph20  .show-hide-password#show {display: block;}
.graph20  .show-hide-password:hover, .graph20  .show-hide-password:focus {cursor: pointer; opacity: .7;}

.graph20 .account .forms .btnWrapper {margin: 0 0 17px;}
.graph20 .account a#lnkForgotPassword {color: #15435F; font-size: 1em; text-transform: capitalize;}

.graph20 .custom-checkbox{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.graph20 .dynamic_error .custom-checkbox {margin-bottom: 4px;}
.graph20 .account .custom-checkbox {padding-top: 3px;}
.graph20 .custom-checkbox input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.graph20 .custom-checkbox-check{
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 3px;
	border: 3px solid #999;
}
.graph20 .custom-checkbox-check--blue{border: 3px solid #15435f;}

.graph20 .custom-checkbox:hover input ~ .custom-checkbox-check,
.graph20 .custom-checkbox:focus input ~ .custom-checkbox-check { opacity: 0.8; cursor: pointer;}
.graph20 .custom-checkbox input:checked ~ .custom-checkbox-check { background-color: #15435F; border-color: #15435f;}
.graph20 .custom-checkbox-check:after {content: ""; position: absolute; display: none;}
.graph20 .custom-checkbox input:checked ~ .custom-checkbox-check:after { display: block;}
.graph20 .custom-checkbox .custom-checkbox-check:after {
	left: 5px;
	top: -1px;
	width: 6px;
	height: 16px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.graph20 .custom-radio {
	display: block;
	position: relative;
	padding-left: 28px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}  
.graph20 .custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}  
.graph20 .custom-radio-button {
	position: absolute;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #fff;
	border: 3px solid #999;
	border-radius: 50%;
}
.graph20 .custom-radio-button--small{
	height: 11px;
	width: 11px;
	border-width: 2px;
}
.graph20 .custom-radio:hover input ~ .custom-radio-button,
.graph20 .custom-radio:focus input ~ .custom-radio-button  {opacity: 0.8;}
.graph20 .custom-radio  input:checked ~ .custom-radio-button {background-color: #fff;border-color: #15435F;}  
.graph20 .custom-radio-button:after {
	content: "";
	position: absolute;
	display: none;
}  
.graph20 .custom-radio input:checked ~ .custom-radio-button:after {display: block;}
.graph20 .custom-radio .custom-radio-button:after {
	top: 2px;
	left: 2px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #15435F;
}
.graph20 .custom-radio .custom-radio-button--small:after {width: 7px;height: 7px;}

.graph20 .saveLoginInfo{font-size: 1em; color: #333; text-align: left; margin: 0 0 15px;}
.graph20 .saveLoginInfo a{font-size: 1em; color: #15435f;}
.graph20 .LoginSection .saveLoginInfo{margin: 18px 0 20px;}

.graph20 .account .forms label{vertical-align: middle;}
.graph20 .account .agreement p {font-size: 0.875em; line-height: 17px;}

.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {top: calc(45%);}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:focus,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:focus{height: 50px; width: 50px;}

.graph20 .hero-slideshow a.btn.Full-Center{position: absolute; top: 50%;  transform: translate(-50%, 50%);}
.graph20 .hero-slideshow a.btn.Left{position: absolute; left: 20px;}
.graph20 .hero-slideshow a.btn.Right{position: absolute; right: 20px;}
.graph20 .hero-slideshow a.btn.Top{position: absolute; top: 20px;}
.graph20 .hero-slideshow a.btn.Bottom{position: absolute; bottom: 20px; }
.graph20 .hero-slideshow a.btn.Top.Center{position: absolute; right: 50%; transform: translateX(50%);}
.graph20 .hero-slideshow a.btn.Center.Left{position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}

.graph20 .hero-slideshow a.btn.Center.Right{position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.graph20 .hero-slideshow a.btn.Bottom.Center{position: absolute; right: 50%; transform: translateX(50%);}

.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before{
	content: '';
	height: 20px;
	width: 20px;
	border-top: 5px solid #ccc;
	border-right: 5px solid #ccc;
	position: absolute;
}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before{
	right: 24px;
	transform: rotate(45deg) translateY(-50%);
}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after{
	top: 12px;
	left: 17px;
	transform: rotate(-135deg) ;
}

.graph20 .desc-wrapper .prodct-desc{ padding-top: 10px;}
.graph20 .item-activity div {
    opacity: .5;
    filter: invert(1);
	background: #353535;
	min-width: 50px!important;
	width: 73px!important;
}
.graph20 .item-activity div ~ span.cl-name {color: #797979;}
.graph20 .item-activity div.Active {
    opacity: 1;
    filter: invert(0);
	background: #353535;
}
.graph20 .item-activity div.Active ~ span.cl-name {color: #353535;}

.graph20 .member-nav .has-divider.member-link.mobile span.content {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.graph20 .member-nav .has-divider.member-link.mobile span.content.focusable:active, 
.graph20 .member-nav .has-divider.member-link.mobile span.content.focusable:active {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.checkoutSection .disclaimerWrapper{margin: 20px;}
.graph20 .checkoutSection .disclaimerWrapper{margin:0;}
.gray-table {background: #f2f2f2; padding: 5px;}
.graph20 .gray-table {background: none; padding: 0;}
.checkoutSection .right-with-margin{margin-right: 24px;}
.graph20 .checkoutSection .right-with-margin{margin-right: 0;}

.graph20 #divNewsletterRegistration .btn-alt2 {
    background: none;
    border: none;
    color: #333;
    padding: 0 0 0 25px;
}

.graph20 .moveToWishlist {display: none;}

.graph20 .LoginSection {
	text-align: center;
	margin: 10px auto 0;
	max-width: 450px;
}
.graph20 .RegisterLink,
.graph20 .LoginButton {	margin: 0 auto;	max-width: 450px;}
.graph20 .RegisterSection {	text-align: center;}
.graph20 .RegisterSection .account {text-align: left; padding-left: 0;}
.graph20 .RegisterSection .account .mod-title {margin-left: 10px;}
.graph20 .RegisterSection .account-shipping .custom-checkbox {margin-left: 10px;}

.graph20 .formRow input.text { width: 100%; padding-left: 30px;}
.graph20 .LoginSection .inputRow .icon { position: absolute; left: 8px; top: 7px;}
.graph20 .LoginSection .inputRow .icon .icon-lock{ position: absolute; left: 4px; top: 4px;}
.graph20 .RegisterLink__text,
.graph20 .LoginButton__text {
	background-image: url('/assets/39/7/myAccount-section.jpg');
	text-align: center;
	padding: 30px 34px 39px 39px;
	color: #fff;
	/* background-size: 100% 100%; */
	background-position: center;
	margin-bottom: 15px;
}



.graph20 .title--white {color: #fff; text-transform: uppercase;}

.graph20 .accountLogin .title {text-transform: uppercase;}
.graph20 .hr-gray{
	height: 2px;
	width: 97%;
	background: #f2f2f2;
	border: none;
	margin: 13px 10px;
}
.graph20 .account .req {background: none;}

.graph20 .guidedNavWrapper .navGroup ul.navScrollList{border: none; background: none;}
.graph20 .guidedNavWrapper .navhdng {
	position: relative;
    font-family: 'Lato', sans-serif;
    color: #333!important;
    font-weight: 900;
}
.graph20 .guidedNavWrapper .navhdng:hover,
.graph20 .guidedNavWrapper .navhdng:focus {color: #666!important; cursor: pointer;}
.graph20 .guidedNavWrapper .navhdng:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    right: 6px;
    transition: all .5s ease;
}
.graph20 .guidedNavWrapper .navhdng.active:after { transform: rotate(-45deg);}
.graph20 .navQuickSearch{display: none;}

.graph20.checkout .utility,
.graph20.checkout .navAndSearch,
.graph20.checkout .search-toggle,
.graph20.checkout .column.mobile {display: none;}

.graph20 .colpad .account {
    max-width: 774px;
    border-bottom: 2px solid #f2f2f2;
    padding: 0 0 25px;
}
.graph20 .colpad .account .strong { font-weight: 900;}
.graph20 .colpad .account { color: #666; font-family: 'Lato', sans-serif;}
.graph20 .title.account-title {
	margin-left: 20px;
	margin-right: 20px;
    padding-bottom: 20px;
	border-bottom: 2px solid #f2f2f2;
	max-width: 745px;
}
.graph20 .border-bottom { border-bottom: 3px solid #f2f2f2; margin-bottom: 20px;}
.graph20 .colpad{margin-top: 0;}

.graph20 .formee fieldset { background: #fafafa; padding: 0;}
.graph20 .formee legend {font-size: 1em; letter-spacing: 0; padding-left: 0; margin: 0; width: 100%;}

.graph20 .swatchList li a.SwatchMore{outline: none; position: relative; width: 22px; text-decoration: none; margin-bottom: 6px;}
.graph20 .swatchList li a.SwatchMore:after{
	content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    background: #ddd;
    border-radius: 50%;
    left: 3.7px;
    top: 5px;
    z-index: -1;
}

.graph20 .forms dt.register-2{clear:none;}
.graph20 .account.account-newsletter { padding: 0 10px;}
.graph20 #CT_Main_0_ddlLanguage{max-width: 190px;}

.graph20 .ToggleReadMore { font-size: 0.875em; color: #335e79;}

.graph20 .product-detail-right .titlesmall { line-height: 16px; margin-top: 10px;}

.graph20 .column--logo{ text-align: center;}
.graph20 .menu-toggle {margin-right: 25px;}

.graph20 .msrp { position: relative; margin: 0 0 30px;}

.graph20 .msrp .button-wrapper,
.graph20 .tech-specs .button-wrapper {display: flex; justify-content: flex-end; width: 100%;}
.graph20 .msrp .button-next,
.graph20 .msrp .button-prev,
.graph20 .tech-specs .button-next,
.graph20 .tech-specs .button-prev {border-radius: 0; border: 1px solid #244d6b; transition: opacity .3s ease-in-out; margin: 0 0 15px 15px;}
.graph20 .msrp .icon-triangle-right,
.graph20 .msrp .icon-triangle-left,
.graph20 .tech-specs .icon-triangle-right,
.graph20 .tech-specs .icon-triangle-left {height: 2em; width: 2em; margin: -2px -7px -7px -5px; fill: #164260;}
.graph20 .msrp .button-next:hover, .graph20 .msrp .button-next:focus,
.graph20 .msrp .button-prev:hover, .graph20 .msrp .button-prev:focus,
.graph20 .tech-specs .button-next:hover, .graph20 .tech-specs .button-next:focus,
.graph20 .tech-specs .button-prev:hover, .graph20 .tech-specs .button-prev:focus {opacity: .7;}
.graph20 .msrp .button-next[disabled],
.graph20 .msrp .button-prev[disabled],
.graph20 .tech-specs .button-next[disabled],
.graph20 .tech-specs .button-prev[disabled] {opacity: .3;}
.graph20 .tech-specs button.no-show {display: none;}

.graph20 .msrp .msrp__table {position: relative;}
.graph20 .msrp .msrp__table__data {display: flex; overflow: hidden;}
.graph20 .msrp .msrp__table__first-col {position: absolute; z-index: 500; left: 0; width: 185px; background: #164260; color: #fff; border-left: 1px solid #333;}
.graph20 .msrp .first-col__data-cell { height: 50px; position: relative;}
.graph20 .msrp .first-col__data-cell:after{ content: ''; position: absolute; height: 1px; width: 185px; bottom: 0; left: 0; background: #d8d8d8;}
.graph20 .msrp .first-col__data-cell:last-child:after {background: none;}
.graph20 .msrp .first-col__data-cell,
.graph20 .msrp .msrp__data__column .data-cell { padding: 5px 5px 5px 15px; width: 175px; height: 40px; font-size: 14px; display: flex; align-items: center;}
.graph20 .msrp .msrp__data__column:first-child {margin-left: 185px;}
.graph20 .msrp .msrp__data__column { width: 195px; position: relative;}
.graph20 .msrp .msrp__data__column:after {content: ''; position: absolute; right: 0; width: 1px; z-index: 5; top: 0; height: 100%; background: #d8d8d8;}
.graph20 .msrp .msrp__data__column .data-cell {background: #f2f2f2; transition: all .3s ease-in-out;}
.graph20 .msrp .msrp__data__column .data-cell:nth-child(odd) {background: #fff; transition: all .3s ease-in-out;}
.graph20 .msrp .msrp__data__column:hover .data-cell,
.graph20 .msrp .msrp__data__column:focus .data-cell {background: #d3d3d3; }
.graph20 .msrp .msrp__data__column:hover .data-cell:nth-child(odd),
.graph20 .msrp .msrp__data__column:focus .data-cell:nth-child(odd) {background: #e5e5e5; }

.graph20 .tech-specs {position: relative; overflow: hidden;}
.graph20 .tech-specs tbody tr th {position: relative; z-index: 500; left: 0; width: 150px; background: #164260; color: #fff; font-weight: 400; padding: 5px 5px 5px 15px; height: 40px; font-size: 14px; border-top: 1px solid #d8d8d8; }
.graph20 .tech-specs tbody tr:last-child th{background: none;}
.graph20 .tech-specs tbody tr td{border-left: 1px solid #d8d8d8; min-width: 150px; padding: 4px 15px; border-top: none;}
.graph20 .tech-specs tbody tr:nth-child(odd) td {background: #fff;}
.graph20 .tech-specs tbody tr td a{color: #fff; background: rgb(22,67,96); text-decoration: none; font-size: 14px; text-transform: uppercase; padding: 5px 15px;}

.graph20 .product-desc:focus{outline: none;}

.graph20 input#txtZip {margin-bottom: 7px;}

@media only screen and (max-width: 25em){

	.graph20 .msrp .msrp__table{display: flex; align-items: flex-start;}
 .graph20 .msrp .msrp__table__first-col{width: 50%; position: relative;}
 .graph20 .msrp .first-col__data-cell:after,
 .graph20 .msrp .first-col__data-cell{width: 90%}
 .graph20 .msrp .first-col__data-cell{padding: 5px 10%;}
 .graph20 .msrp .msrp__data__column:first-child{margin-left: 0;}
 .graph20 .msrp .msrp__table__data{width: 170px;}
 .graph20 .msrp .msrp__data__column .data-cell{width: 155px;}
 .graph20 .msrp .msrp__data__column{width: 170px;}
 .graph20 .msrp .msrp__data__column .data-cell{padding: 5px;}
}
@media all and (min-width: 30em){
	.graph20 .checkoutSection .useSavedAddress { margin-left: 10px;}
	.graph20 .flex-row {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.graph20 .accountLogin .grid-7,
	.graph20 .accountLogin .grid-5 {width: 100%;}

	.graph20 .accountRegister .grid-7{ width: 100%;}
	.graph20 .accountRegister .grid-5{ width: 100%;}
}
@media all and (min-width: 48em){
	.graph20 .size input[type="text"], input[type="password"], input[type="file"], textarea, select { font-size: 1em;}

	.graph20 .jumpToReview-tab{ font-size: 1em; padding: 4px 0 0 4px;}

	.graph20 .account input[type="text"],
	.graph20 .account input[type="password"] {padding: 14px 15px; margin-bottom: 30px;}
	.graph20 .LoginSection input[type="text"],
	.graph20 .LoginSection input[type="password"] {padding: 14px 0 14px 36px;}
	.graph20 .account input[type="password"]{margin-bottom: 15px;}
	.graph20  .show-hide-password{top: 15px;}

	.graph20 .forms .form-input{height: 80px;}
	.graph20 .account .forms .btnWrapper {margin: 0 0 15px;}
	.graph20 .custom-check {margin-bottom: 17px;}

	.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
	.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {top: 37%;}

	.graph20 .checkoutProcess .checkout-qs{ position: relative; left: 290px; max-width: 482px;}

	.graph20 .RegisterLink, .graph20 .LoginButton { margin-top: 53px;} 
	.graph20 .LoginSection {  margin-top: 50px;}
	.graph20 .formRow input.text{padding-left: 35px;}
	.graph20 .LoginSection .inputRow .icon { left: 11px; top: 14px;}
	.graph20 .RegisterLink__text, .graph20 .LoginButton__text { padding: 213px 87px 213px 93px;}
	.graph20 .accountLogin .grid-7,
	.graph20 .accountLogin .grid-5 {width: 50%;}

	.graph20 .LoginSection .agreement{text-align: left;}

	.graph20 .custom-radio-button--small{top: 3px;}

	.graph20 .title.account-title {margin-left: 90px;}
	.graph20 .colpad .account {	margin: 0 75px 25px;}
}
@media all and (min-width: 55em){
	.graph20 .checkoutSection .stepGroupContent p { float: left; width: 49%; font-style: italic; margin-top: 0;}
	.graph20 .checkoutSection .stepGroupContent p.help {margin: 0 6px 0 10px;}

	.graph20 .checkoutSection #AddressBookBilling .formLabel { margin-left: 10px;}
	.graph20 .checkoutProcess #divAlternatePayment { padding-left: 53px;}
	.graph20 .checkoutProcess .gray-table{padding-left: 60px;}
	.graph20 .checkoutProcess .right-with-margin{max-width: 673px; margin: 0 auto;}
	.graph20 .checkoutSection .stepGroupContent .shippingOptions { width: 50%; float: left;}

	.graph20 .accountLogin .grid-7 {width: 58.333%}
	.graph20 .accountLogin .grid-5 {width: 41.666%;}

	.graph20 .accountRegister {display: flex;}
	.graph20 .accountRegister .grid-7{ order: 2; width: 60%;}
	.graph20 .accountRegister .grid-5{ order: 1; width: 40%;}
}

@media all and (min-width: 64em) {
	.graph20 .guidedNavWrapper .navhdng { margin-top: -5px;}
	.graph20 .guidedNavWrapper .navhdng:after {display: none;}

	.graph20 .guidedNavWrapper .navhdng:hover,
	.graph20 .guidedNavWrapper .navhdng:focus {color: #333!important; cursor: default;}

	.graph20 .msg { padding: 40px 10px 108px 10px;}

	.graph20 .accountRegister .grid-7{width: 58.333%;}
	.graph20 .accountRegister .grid-5{width: 41.666%;}

	.graph20 .column--logo {text-align: left;}
}


/* =============================  Time line tabs Customized for Beretta/en-us Site ================================================== */ 


/*  Responsive Tabs code for the Timeline --> PLugin code */
/* responsive Tabs */

.r-tabs {background:#FCFDFD; border:1px solid #F2F2F2; border-radius:3px; padding:3px;}
.r-tabs .r-tabs-nav {margin: 0;padding: 3px 3px 0;border-radius:3px 3px 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f6b8f+0,135273+100 */
background: rgb(47,107,143); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(47,107,143,1) 0%, rgba(19,82,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(47,107,143,1) 0%,rgba(19,82,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(47,107,143,1) 0%,rgba(19,82,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6b8f', endColorstr='#135273',GradientType=0 ); /* IE6-9 */
}
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b5755+0,173d3e+100 */
background: rgb(27,87,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(27,87,85,1) 0%, rgba(23,61,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5755', endColorstr='#173d3e',GradientType=0 ); /* IE6-9 */
border-radius:3px 3px 0 0;
}
.r-tabs .r-tabs-tab a {color:#ffffff; display:block; padding:6px 8px; font-size:.688em; text-decoration:none; text-transform:uppercase;}
.r-tabs .r-tabs-panel { padding: 15px; display: none;}
.r-tabs .r-tabs-accordion-title {margin:0 0 1px; display: none; background: rgb(27,87,85); 
	/* Old browsers */
background: -moz-linear-gradient(top,  rgba(27,87,85,1) 0%, rgba(23,61,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5755', endColorstr='#173d3e',GradientType=0 ); /* IE6-9 */
}
.r-tabs .r-tabs-accordion-title a { color:#ffffff; display:block; padding:6px 8px;font-size:.875em; font-weight:bold; text-decoration:none;text-transform:uppercase;}
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block;}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  .r-tabs .r-tabs-nav { display: none;}
  .r-tabs .r-tabs-accordion-title { display: block;}
}


.timeline-wrapper .r-tabs { position: relative;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-tab { position: relative;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-anchor {display: block;padding: 10px 12px;	text-decoration: none; border-bottom:0px; position:relative; bottom:-1px;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-state-disabled {opacity: 0.5;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block; padding: 5px; text-decoration: none;border-bottom:1px solid #000;
  position:relative; margin:0 0 4px;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{border:none;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {position:absolute; content:''; right:10px; top:15px; border-top:7px solid #ffffff; border-left:7px solid transparent; border-right:7px solid transparent;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {border-top:0px; border-bottom:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-anchor{border:none;}
section.timeline{background:#f0f0f0; padding: 20px 0px;}
.interior .timeline h3{margin: 25px 10px; color: #fd6e2d; display: block; font-size: 2em; text-align: center;}
.timeline h3 > span {display: block;text-align: center;}

/*  Some styling for the Timeline to Tabs */
@media only screen and (max-width: 48em){
	.timeline-nav{display: none!important;}
}
.timeline-top{display: none;}
.timeline-header{ margin: 20px; }
.time-wrapper .custom-tabs{position: relative;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-tab a span:after{ content: ""; color: #fff; background: #ff732e; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 998; text-align: center; border-radius: 50%; padding: 5px; height: 9px; width: 9px; bottom: -24px; transition: .2s all ease }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-tab a strong:after{z-index: 999; display: none; left: 0px; content: "\2022"; }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{max-width:84em; margin: -165px auto 0; position: relative; text-align: left; z-index: 999; background:none; }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-panel.r-tabs-state-active{ padding: 0; border-top: 0; margin: 0 30px;}
.timeline-wrapper .tab-inner-content{position: relative; top: 0;right: 0;padding: 15px; background: transparent;}
.timeline-wrapper .tab-flex-inner{display: flex; flex-direction: column; align-items: center;justify-content: center;}
.timeline-wrapper .tab-flex-inner .tab-inner-content h3{color: #fff; font-size: 1.25em;}

.timeline-wrapper .custom-tabs .tab-module{background: url(/cms/images/general/timelinebg.png) no-repeat; background-size: cover;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-accordion-title{margin: 0 30px; background:#fd6e2d;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-accordion-title .r-tabs-anchor{color: #fff; font-size: 1em; font-family: 'Lora', serif}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor{border-bottom: 1px solid #fff;}
.timeline-wrapper .tab-flex-inner .tab-inner-img{text-align: center;margin: 20px 0;}
.timeline-nav{display: none;}

@media only screen and (min-width: 48em){
	.timeline-wrapper{background-repeat: no-repeat!important; background-size: cover!important;}
	.timeline-top{display: block;}
	.timeline-top img{width: 100%;}
 .timeline-wrapper .custom-tabs .tab-module{background:none; overflow:hidden;}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{margin-top: 300px; border-bottom: 5px solid #ff732e; width: 5000px;  max-width: 200em; transition: all ease .5s; cursor: all-scroll;}
  .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav.moveleft{left: 0!important; transition: all ease .5s;}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor{font-size: 1em;  margin: 15px auto 15px auto; text-align: center; color: #fff; font-weight: 100; position: relative; width: 75%; left: 0; right: 0; transition: .2s all ease; padding: 0; background: none; }
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor, 
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover, 
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active { }
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:after{ transform: scale(1.25);}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor strong:after{ display: block; font-size: 1.5em; position: absolute; left: 0; right: 0;  top: 19px;}
 .timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-tab{width: 100px; background: none;}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-panel.r-tabs-state-active{ margin: 0;}
 .timeline-wrapper .tab-inner-content{max-width: initial;}
 .timeline-wrapper .tab-flex-inner{ flex-direction: row; }
 .timeline-wrapper .tab-flex-inner .tab-inner-content h3{font-size: 1.75em; text-align: left;}
	.timeline-wrapper .timeline-nav {position: absolute; top: 35%; width: 100%; z-index: 999}
	.timeline-wrapper .timeline-nav button{padding: 0;border: 0; outline: 0; background: transparent; font-size: 10em; color: #ff732e;-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; position: absolute;}
 .timeline-wrapper .timeline-nav button.slide-right{right: 20px;}
 .timeline-wrapper .timeline-nav button.slide-left{left: 0px;}
 .timeline-wrapper .timeline-nav button.icon-angle-left::before { content: "\f104";}
 .timeline-wrapper .timeline-nav button.icon-angle-right::before { content: "\f105";}
}


@media only screen and (min-width: 60em){
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{margin-top: 400px;}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover,
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active{} 
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:after,
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover span:after,
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active span:after{}
 .timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor{font-size: 1.25em; }
 .timeline-wrapper .tab-flex-inner{margin: 0 100px; background:linear-gradient(to bottom, #245877 0%,#15435f 100%); }
}