/* ***** BEGIN CUSTOM FONT STYLES ***** */
@font-face {
    font-family: 'robotomedium';
    src: url('../Content/Fonts/Roboto-Medium-webfont.eot');
    src: url('../Content/Fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../Content/Fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../Content/Fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../Content/Fonts/Roboto-Light-webfont.eot');
    src: url('../Content/Fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../Content/Fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../Content/Fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../Content/Fonts/Roboto-Regular-webfont.eot');
    src: url('../Content/Fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../Content/Fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../Content/Fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../Content/Fonts/Roboto-Thin-webfont.eot');
    src: url('../Content/Fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../Content/Fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../Content/Fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../Content/Fonts/Roboto-Bold-webfont.eot');
    src: url('../Content/Fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../Content/Fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../Content/Fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../Content/Fonts/opensans-regular-webfont.eot');
    src: url('../Content/Fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/Fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../Content/Fonts/opensans-regular-webfont.woff') format('woff'),
         url('../Content/Fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../Content/Fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ***** END CUSTOM FONT STYLES ***** */
/* GLOBAL CSS FOR MOBILE START*/
.srtsmobile {
	background-color: #FFFFFF;
	color: #333;
	background-image: none;
	background-repeat: no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
}
body > #srtsmobile table {
	width: 100%;
}
 #srtsmobile {
	position: relative;
	overflow-x: hidden;
}
html {
	-webkit-text-size-adjust: none;
}
#srtsmobile .mobileFooter {
	background: #000;
	text-align: center;
}
#srtsmobile .mobileFooterContainer {
	margin: auto;
	padding: 30px 0;
}
#srtsmobile .footerLinks a, #srtsmobile .footerLinks a:link, #srtsmobile .footerLinks a:visited, #srtsmobile .footerLinks a:hover, #srtsmobile .mobileFooterContent a, #srtsmobile .mobileFooterContent a:link, #srtsmobile .mobileFooterContent a:visited, #srtsmobile .mobileFooterContent a:hover {
	display: block;
	color: #f8f8f8;
	font-family: 'open_sansregular';
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
} 
#srtsmobile .footerLinks li {
	display: inline-block;
	list-style-type: none;
	border-right: 1px solid #f8f8f8;
	padding: 0 4px;
	line-height: 10px;
}
#srtsmobile .footerLinks li.lastChild {
	border-right: none;
}
#srtsmobile .mobileFooterContent {
	color: #FFF;
	font-size: 10px;
	padding: 15px 0;
}
#srtsmobile .footerLinks ul {
	margin: 0;
	padding: 0;
}
#srtsmobile .mobileheader {
	margin: 5px 15px;
	height: 63px;
}
#srtsmobile .mobilecontent td {
	line-height: 1.8em;
}
#srtsmobile .mobilecontent img {
	width: 100%
}
#srtsmobile .mobilebodydiv {
	margin: 0 15px 20px 15px;
	font-size: 15px;
	color: #000;
	line-height: 16px;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
}
#srtsmobile .mobilebody {
	padding-bottom: 15px;
}
#srtsmobile .mobilediv td {
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 16px;
}
#srtsmobile a {
	color: #4c70a9;
	font-size: 15px;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	text-decoration: underline;
}
#srtsmobile a:link, #srtsmobile a:visited, #srtsmobile a:hover {
	color: #4c70a9;
	text-decoration: underline;
}
#srtsmobile .mobilelogo {
	margin: 20px 0 5px 0;
	text-align: center;
}
#srtsmobile .menu-link a {
	/*background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	*/display: block;
	background: transparent url('../Content/Images/icon-menu.png') no-repeat center center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
    text-decoration: none !important;
}
#srtsmobile .menu-link {
	float: left;
}
#srtsmobile .mobilehero img, #srtsmobile .mobilebody img {
	width: 100%;
}
#srtsmobile .clearboth {
	clear: both;
	margin-bottom: 5px;
}
#srtsmobile .mobilebacktotop {
	text-align: right;
	margin: 10px 15px 0 0;
}
#srtsmobile .mobilebacktotop a, #srtsmobile .mobilebacktotop a:link, #srtsmobile .mobilebacktotop a:visited {
	font-size: 12px;
	color: #000;
}
#srtsmobile .mobilebacktotop a:hover {
	color: #333;
}
#srtsmobile .mobilephone {
	color: #000;
	font-size: 25px;
	font-weight: bold;
	float: right;
	margin: -28px 0 25px 15px;
}
#srtsmobile .mobilephone a, #srtsmobile .mobilephone a:link, #srtsmobile .mobilephone a:visited {
	color: #000;
	font-size: 25px;
	font-weight: bold;
}
#srtsmobile .mobilephone a:hover {
	color: #000;
}
#srtsmobile .mobileemailsignup {
	margin: 5px 25px 0 15px;
}
#srtsmobile .FormElementInputSearchMobile {
	border: 0px;
	width: 90%;
	font-size: 12px;
	color: #808080;
}
#srtsmobile .mobileemailsignupinput {
	border: 1px solid #838383;
	border-radius: 10px;
	font-size: 12px;
	padding: 2px 7px 3px 5px;
}
#srtsmobile .mobileemailheader {
	color: #999;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 3px 0;
}
#srtsmobile .clearBoth {
	clear: both;
}
#srtsmobile .clearRight {
	clear: right;
}
#srtsmobile .clearLeft {
	clear: left;
}
#srtsmobile .floatLeft {
	float: left;
}
#srtsmobile .floatRight {
	float: right;
}
#srtsmobile .mobilefooter {
	text-align: center;
	color: #333;
	font-size: 12px;
	margin: 20px 0 30px 0;
}
#srtsmobile .mobilefooter a, #srtsmobile .mobilefooter a:link, #srtsmobile .mobilefooter a:visited {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#srtsmobile .mobilefooter a:hover {
	color: #000;
}
#srtsmobile h1 {
	font-family: 'robotolight';
	font-size: 24px;
	line-height: 24px;
	margin: 10px 0;
}
#srtsmobile h2, #srtsmobile h3, #srtsmobile h4 {
	font-family: 'robotolight';
}
#srtsmobile .searchkeyword {
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}
#srtsmobile .Error {
	background: transparent;
	color: red;
	font-size: 12px;
	font-family: 'robotolight';
	font-weight: bold;
}
#srtsmobile .BoldText {
	font-weight: bold;
}
#srtsmobile #OrderDiv .Primary {
	background: #666;
}
#srtsmobile #OrderDiv .Primary a, #srtsmobile #OrderDiv .Primary a:visited {
	color: white;
}
#srtsmobile .GridRowEven {
	background: none;
}
#srtsmobile .featuredheader {
	background: #838383;
	color: #fff;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 10px 15px;
	margin: 10px 0;
}
#srtsmobile td,  #srtsmobile .DefaultText {
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	color: #333;
	font-size: 15px;
}
#srtsmobile #CancelStepTwo, #srtsmobile #CancelCCB, #srtsmobile #CancelProcess, #srtsmobile #ModifyBilling, #srtsmobile #ModifyShipping {
	background: #999;
	color: #FFFFFF;
	border: 1px solid #999999;
}
#srtsmobile .mobilesitesearch {
	margin-top: 4px;
}
#srtsmobile .checkouterror, #srtsmobile .checkoutrequred {
	color: #d10101;
	font-weight: bold;
	text-align: left;
}
#srtsmobile .checkoutrequred {
	padding-left: 2px;
}
#srtsmobile .CheckoutHeader {
	background: none;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	text-align: left;
}
#srtsmobile .secureshoppingmobnile {
	background: url("../content/images/checkoutlock.png") no-repeat scroll left center / 25px 25px rgba(0, 0, 0, 0);
	font-size: 11px;
	margin-top: 120px;
	padding-left: 30px;
}
/* GLOBAL CSS FOR MOBILE END */
/* DROP DOWN SHOP MENU CSS START*/
/* hide the link until viewport size is reached */
#srtsmobile a.meanmenu-reveal {
	display: none;
}
/* when under viewport size, .mean-container is added to body */
#srtsmobile .mean-container .mean-bar {
	width: 100%;
	position: relative;
	background: none;
	padding: 4px 0;
	min-height: 30px;
	z-index: 999999;
}
#srtsmobile .topmenulabelclose {
	font-size: 14px;
	line-height: 22px;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	font-weight: bold;
	background: #ccc url('../content/images/down_menu_up.png') right center no-repeat;
	background-size: 22px 9px;
	color: #333;
	padding: 7px 30px 8px 7px;
}
#srtsmobile .topmenulabelopen {
	font-size: 14px;
	line-height: 22px;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	font-weight: bold;
	background: url('../content/images/down_menu.png') right center no-repeat;
	background-size: 22px 9px;
	color: #333;
	padding: 7px 30px 8px 7px;
}
#srtsmobile .mean-container a.meanmenu-reveal {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-decoration: none;
	display: block;
}
#srtsmobile .mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}
#srtsmobile .mean-container .mean-nav {
	float: left;
	width: 100%;
	background: none;
	margin-top: 33px;
	position: absolute;
}
#srtsmobile .mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#srtsmobile .mean-container .mean-nav ul ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
#srtsmobile .mean-clicked {
	padding-bottom: 15px !important;
}
#srtsmobile .mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#srtsmobile .mean-container .mean-nav ul li ul li {
	position: relative;
	float: left;
	width: 94%;
	background: #fff;
	border-bottom: 0px solid #ccc;
	padding-left: 15px;
}
#srtsmobile .mean-container .mean-nav ul li a, #srtsmobile .mean-container .mean-nav ul li a:link, #srtsmobile .mean-container .mean-nav ul li .topmenuchildren, #srtsmobile .mean-container .mean-nav ul li a:hover {
	display: block;
	float: left;
	width: 86%;
	padding: 13px 40px 13px 10px;
	margin: 0;
	text-align: left;
	color: #333 !important;
	text-decoration: none;
	font-size: 13px !important;
	font-weight: bold;
	z-index: 3;
	position: relative;
}
#srtsmobile .mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 0px 10px 20px 10px !important;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
	font-weight: normal !important;
}
#srtsmobile .mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}
#srtsmobile .mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}
#srtsmobile .mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}
#srtsmobile .mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}
#srtsmobile .mean-container .mean-nav ul li a.mean-expand-sign {
	width: 26px;
	height: 26px;
	border: none !important;
	padding: 8px 5px !important;
	text-align: center;
	font-size: 20px !important;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
}
#srtsmobile .mean-container .mean-nav ul li a.mean-expand-sign:hover {
	background: none;
}
#srtsmobile .mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
#srtsmobile .mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */
#srtsmobile .mean-container .mean-bar, #srtsmobile .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* DROP DOWN SHOP MENU CSS END*/
/* FORM CONTORL STYLES START */
#srtsmobile .FormElementInput, #srtsmobile .FormElementInputLogin {
	border: 1px solid #838383;
	border-radius: 5px;
	font-size: 14px;
	padding: 7px;
	width: 95%;
	color: #333;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	margin-top: 3px;
}

#srtsmobile .FormElementInput:active, #srtsmobile select:active, #srtsmobile .FormElementInput:focus, #srtsmobile select:focus {
	border: 1px solid #000;
	box-shadow: 0px 0px 4px #b9b9b9 inset;
}
#srtsmobile #forgotpass #Submit {
	margin: 0px;
}
#srtsmobile .qty, #srtsmobile .qtyminus, #srtsmobile .qtyplus {
	border: 1px solid #838383;
	border-radius: 1px;
	font-size: 14px;
	color: #333;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	text-align: center;
	width: 40px;
	height: 30px;
	-webkit-appearance: none;
	vertical-align: middle;
}
#srtsmobile .qtyminus, #srtsmobile .qtyplus {
	cursor: pointer;
	font-weight: bold;
	height: 34px;
}
#srtsmobile #mainReg .FormElementInput {
	width: 90%;
}
#srtsmobile select {
	border: 1px solid #838383;
	border-radius: 4px;
	font-size: 14px;
	padding: 7px;
	width: 100%;
	color: #333;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'robotolight',Arial,Helvetica,sans-serif;
	-webkit-appearance: none;
	background: url('../content/mobile/down_select.png') no-repeat right center;
	-moz-background-size: 28px 11px;
	-o-background-size: 28px 11px;
	-webkit-background-size: 28px 11px;
	background-size: 28px 11px;
}
#srtsmobile .FormButtons {
	color: #FFF !important;
	border-radius: 10px;
	width: 90%;
	padding: 10px;
}
#srtsmobile #smalllogon #LogonSave {
	height: 45px;
}
#srtsmobile .FormButtonsGray {
	color: #fff;
	background: #999;
	font-size: 14px;
	border: 1px #999 solid;
	padding: 10px;
	width: 75%;
	margin-top: 15px;
	border-radius: 0px;
	font-family: 'putainregular', Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	cursor: pointer;
	text-transform: uppercase;
}
#srtsmobile .FormButtonsModify {
	font-size: 11px !important;
	border: 0px !important;
	background: none !important;
	color: #ce5100 !important;
	font-weight: bold !important;
	margin-left: 5px !important;
	font-family: 'putainregular', Arial, Helvetica, sans-serif !important;
	cursor: pointer !important;
}
/* FORM CONTROL STYLE END */
/* CSS FOR 3 MENU ITEMS ACROSS TOP OF SITE */
#srtsmobile .mobilemenu1, #srtsmobile .mobilemenu2, #srtsmobile .mobilemenu3 {
	width: 33%;
	display: inline-block;
	float: left;
}
#srtsmobile .mobilemenu2 {
	text-align: center;
	padding-top: 9px;
}
#srtsmobile .mobilemenu2 a, #srtsmobile .mobilemenu2 a:link, #srtsmobile .mobilemenu2 a:visited, #srtsmobile .mobilemenu3 a, #srtsmobile .mobilemenu3 a:link, #srtsmobile .mobilemenu3 a:visited {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#srtsmobile .mobilemenu2 a:hover, #srtsmobile .mobilemenu3 a:hover {
	color: #333;
}
#srtsmobile .mobilemenu3 {
	text-align: right;
	padding-top: 9px;
}
/* END */
/* SEARCH FIELD CSS START */
#srtsmobile .FormElementSearch {
	border: 0px;
	width: 90%;
	font-size: 14px;
	color: #808080;
}
#srtsmobile .mobilesearchinput {
	background: url("../content/images/toolbar_find.png") no-repeat scroll left center transparent;
	border: 1px solid #838383;
	border-radius: 10px;
	font-size: 14px;
	padding: 3px 7px 4px 35px;
	-moz-background-size: 32px 32px;
	-o-background-size: 32px 32px;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
}
/* SEARCH FIELD CSS END */
/* EXPANDABLE MENUS CSS START*/
#srtsmobile .mainmenuwrapper {
	width: 100%;
	margin-top: 0px;
	border-top: 1px solid #e5e5e5;
}
#srtsmobile .accordionButton {
	background-image: url('../content/images/menu_more.png');
	-moz-background-size: 21px 18px !important;
	-o-background-size: 21px 18px !important;
	-webkit-background-size: 21px 18px !important;
	background-size: 21px 18px !important;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #FFF;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	width: 100%;
}
#srtsmobile .accordionContent {
	background: none repeat scroll 0 0 #FFF;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding: 10px 0;
	width: 100%;
}
#srtsmobile .homemenu {
	background: none repeat scroll 0 0 #F1F1F1;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 0 5px #ccc inset;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding: 10px 0;
	width: 100%;
}
#srtsmobile .subcatsmenu {
	padding: 7px 20px 8px 30px;
}
#srtsmobile .on, #srtsmobile .over {
	background-color: #fff;
	background-image: url('../content/images/menu_less.png');
	-moz-background-size: 21px 18px !important;
	-o-background-size: 21px 18px !important;
	-webkit-background-size: 21px 18px !important;
	background-size: 21px 18px !important;
	background-position: right center;
	background-repeat: no-repeat;
}
#srtsmobile .accordionnoarrow, #srtsmobile .accordionarrow .on, #srtsmobile .accordionarrow .over {
	background: none !important;
}
#srtsmobile .mobilenavLevel0 {
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	display: block;
	color: #000;
}
#srtsmobile .mobilenavLevel0:hover {
	color: #333;
}
#srtsmobile a.mobilenavLevel0, #srtsmobile a.mobilenavLevel0:link, #srtsmobile a.mobilenavLevel0:visited {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#srtsmobile a.mobilenavLevel0:hover {
	color: #333;
}
#srtsmobile .subcatsmenu a, #srtsmobile .subcatsmenu a:link, #srtsmobile .subcatsmenu a:visited {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
#srtsmobile .subcatsmenu a:hover {
	color: #333;
}
/* EXPANDABLE MENUS CSS END */

/***************FLEX SLIDER *******************/


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 3px 0 30px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -22px; text-align: left;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #fff; border: 2px solid #666; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #666}
.flex-control-paging li a.flex-active { background: #666; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* ***** END FLEXSLIDER STYLES ***** */
/****** ADD TO HOME SCREEN CSS START ******/
 .ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet {
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,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);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAGaklEQVR42u3cfUxVZRwH8O8FRERRfNfKt4zM2UzNMszZFPMPW5KWzizJ0JJWitOU3mYs54ZuNRk6zblSaebUnKllSpopaRorJiqmtjRNK4sNEBR5+fbH45ELwrnn5Tnn3gPP7/cv9/7O/eyc5zyvAF6PrlgAFTrRHcQmtFIQekDEYXRRFA3GzP4gCOI39FcaDcQ7g24BEUUYrTz0gIhKvKZE9IAIIhNhSkUPiNiGaOWiB0Tko4eS0QMi/sQQZaMHRJRivNLRAyKqkKZ89IAIYg1aKCDq5l60U0D6WYDeCkg/r2KEAtLPG5iqgPSzBukKKFB+ikgFpJ+56KyA9PMcHjBXYYwjGRmyQMR/GGWmAqVnNV4N4TuIICowPXhA1ZgR0o+Y6Yk1uTyVeD7E26Da3GpsYk0iTwQ3kSS5nbLboAj0wnBMwGwsRhaysRO5yEMe8iJP2bjig+joIlALbhE86xguCWUgXkYmduMMbjrQVhLEWfRzCagldwmelfTZhOmM8ViGXJQ7hFI3iwK906SUieLXgifTFs9DeA/HUOMKjP87LdlhoFb8RvB8ZJHHhxHIxEWXYfzzY0Q4BtSG3wueDyzhxCAFvwSRJuA7zeYXx/CQ4LEy/3sPlqMkBHBEHkN36UBt+YPgWWgapzfWoiJkcERewECpQB2YR5I1nG/6PbUcN0IMR2QJxhkEWsi0gPkjSVYzxRROS6SjLCRxGplYa+QPq2goqjnTFM8wFIQwjpZZCJcDVMmppu6dTNf7OFbzEDoFAKrcx5yA+ZIJnh444hEckcfRUxcoXe5wMwH/eIqHIK7gUbeAklHlOR4xCElyA2iWR3mIGixyHijDoziMqRw8xflH7H2v8vTjKfIyhzoLNNurPM+xVHRksp0EesabbU84M1hDklVMo885oMdcmhGUnO25W9w7xUx0sh8Ui/Ne5InjCcFTwL4BetI2gbZ5kedZreXZwjYBx2K2gKZ7DydMa3mqRcvjJFAcrnmNJ5ZfiXunlBMNzgfZAPrSazx9eVzwnOB9hmcULQM96TWeCSwRPFv9Wx6ngMKQ3zRaHqeAXvQSTzttNfgaJ5leOLQE5EOhd3j6MF/wnGSchZVVS0Bj5f6ELhzKiZzLdC7nOm7nAebzPIvqZKHF7x7DfwXPNsZYWpu3BLTD/iptPFO4mnt5muWGVg0uW6ozj5UBWh4ngPpYHZxG8nGmcTPPsJpmwzxQK34mPlrGKTY2UFkAWmJ+y8wopnM/y/QEilnAQ9zJbGZxMedzBif559EF5mr24s/ie3/nIFtb8CwAnTV+md04hzm83hBIFQu5mUv5Op/mQMbK3YKXyGJR5Vt2NPqzZAH1N3aJrTmNu1lRn6WUOVzGJA5hlHN7FFNFy0N+yAjbu1xNA70duFOWwPXaeFmLIu7gmxxm5oKtAUVxvahYzhfMVZAFdES/GU7m6bo0Z7mMw2n7jLsxoB78SVQ9T9OHfeUARfluNv5QzeNFf5pCvssBbm4DHsm/ReXvaOGkhhyg+MbeU3N4pZamhGs53O190m/wprZ/0tKDLAdo7p3f4GMSL9Ti/MpZbO32RvIofiKqX2eS1QpSgMI+r//5+7mvFucgE+nQf9TQA7qbR0X9PzjUegUpQG1O1F04eau2j3OAw4JzFGGE9nDvYQc7FaQARRf7rwwc1nDOcbLtbeUWgVK0vtYK2jw5LwMo2nf7c8navVPORWY7fbKAorlRXMMNJtuvIAMoTusKLhXzc2QO74UrcSfQXdodfEnOwy0D6GGxY3qPNj+XBNeiPlCCNs+TY3y05ThQ7EiwK4+JCztjdJTsBFCaNtpaJe9AlgSgsVN6aQOJzWwLBAcokqu1lucVmRUkAC2eeElsKE+F66EBdWOuyXkeF4EYT7LCzZanPtBoXtXmeTrJriAD6AmW8SkgWEC3W541bCm/ggygRxiPIMWSB1cInAqTRyJcnw8KUrD7rXmewY5VaAJA++W3PE0JKMPUPE8MEpoXkLnBcBL+wqpmBWQiemIXCCqghiIcadoxvvYbFFD9GIDDtb9s3EkF5B9RyKj7jy0UkH+MvnNBXAFp0QEbGjoCqoC0mNPwL1NACshYhKUqIN2YvFEB6ca0LxSQAlJACkgBKSAFpICsADXdVEAKSAEpIAWkgBSQAlJACkgBKaDgA41hc8vUXHM3UPOLVQpIAbkH9D87oz0rvnJrOgAAAABJRU5ErkJggg==);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.4em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2ODRFM0VGNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2ODRFM0YwNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY4NEUzRUQ0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NEUzRUU0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bs1dGAAABKElEQVR42uyXywnCQBRFxyCxCFsQ/CzUGtQGdOfGuBJbcWcqsAGtwY2Iii1YgbhQF/EOvEAQ/ARnkhHug7NwvJC5hDBzClEUqV8nCILkTx+MQR9UZO0IFmAObnEwDMOfn11UZqcMlqD2tN4WhqAHTqYe6BncvP9i88nR/61AycUCwYfNx1MFIxcLDCxlMyvQSJGtu1ggzdxdLLBNkT26WGBhKZtZAX0q7b/IHSTrXIEr6ILdm4wu2JGskx+xPmFbYAo24CJsZK1p8hS2cZVQcteZCdanYOIyl+d46s+HBfIeIx/xk9B8f3AYEBobb0B7wQSswVlYy5rv5BugkdHIaGQ0MhoZjYxGRiOjkdEHWIBGRiOjkdHIaGQ0MhoZjYxGRiPL1sgeAgwApeJtJOoNgAYAAAAASUVORK5CYII=);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}

.ath-samsungAndroid {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-stockAndroid {
	right: 1.5em;
	top: 1.8em;
}

.ath-samsungAndroid:after {
	content: '';
	background: #eee;
	background: -webkit-linear-gradient(135deg, rgba(238,238,238,0) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 50%,rgba(238,238,238,1) 100%);
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -1.5em;
	left: 0;
}

.ath-stockAndroid:after {
	content: '';
	background: #eee;
	background: -webkit-linear-gradient(-45deg, rgba(238,238,238,0) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 50%,rgba(238,238,238,1) 100%);
	position: absolute;
	width: 2em;
	height: 2em;
	top: -1.5em;
	right: 0;
}

.ath-container.ath-stockAndroid:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-stockAndroid.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}

/*
 * The following is not strictly needed and should be customized. If you want you can have an icon inside the message.
 * All you need to to is to add a special %icon tag in the message string (see below)
 */
.ath-stockAndroid .ath-action-icon,
.ath-samsungAndroid .ath-action-icon {
	width: 1.2em;
	height: 1.2em;
	/* DO NOT include the code below, it's just for the sake of this demo and to demostrate how the %icon tag works 
	background-image:url(data:image/png;base64,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);
	background-size: auto 100%;*/
}

/****** ADD TO HOME SCREEN CSS END ******/