/* @override http://narscosmetics.co/wp-content/themes/nars/css/main.css?$staticlink$ */





/* @override 


	http://narscosmetics.co/wp-content/themes/nars/css/main.css


	http://narscosmetics.co/wp-content/themes/nars/css/main.css


	http://dev05.web.narscosmetics.demandware.net/on/demandware.static/Sites-US-Site/Sites-US-Library/en_US/v1402690227580/world-of-nars/css/main.css


	http://dev05.web.narscosmetics.demandware.net/on/demandware.static/Sites-US-Site/Sites-US-Library/en_US/v1406214705042/world-of-nars/css/main.css


	http://dev05.web.narscosmetics.demandware.net/on/demandware.static/Sites-US-Site/Sites-US-Library/en_US/v1406214705042/world-of-nars/css/main-preview.css


*/





/*


    


    Font Sizes


    ___________________________________


    Size    Desktop     iPad    iPhone


    -----------------------------------


    p   :   16px                10px            


    h1  :   48px                22px


    h2  :   33px                22px


    h3  :   27px                18px


    h4  :   20px                10px


    h5  :   16px                10px


    h6  :   13px                10px


    small:  10px                9px


    ____________________________________





*/

















/* ==========================================================================


   Author's custom styles


   ========================================================================== 


*/











body {


    background-color: black;


    color: white;


    margin: 0px;


    padding: 0px;


}








#bootstrap-styles  {


	font-family: "HelveticaNeueW01-45Ligh", "HelveticaNeueW01-45Ligh BK", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;


	font-weight: normal;


	font-size: 16px;


}





#bootstrap-styles a {


	display: inline-block; 


}





#bootstrap-styles a, 


#bootstrap-styles a:hover, 


#bootstrap-styles a:active {


    text-decoration: none;


     


}





#bootstrap-styles a.active {


	font-weight: bold;


}





#bootstrap-styles a:hover,a:focus{


	color: #b1b1b1 !important;


	outline: none;


}





#bootstrap-styles .content {


	position: relative;


}





#bootstrap-styles .uppercase {


	text-transform: uppercase;


}





#bootstrap-styles h1, 


#bootstrap-styles h2, 


#bootstrap-styles h3, 


#bootstrap-styles h4, 


#bootstrap-styles h5, 


#bootstrap-styles h6 {


	font-family: 'HelveticaNeueW01-UltLt', 'HelveticaNeueW01-UltLt BK', Arial, Helvetica, sans-serif;


	font-weight: 100;


	line-height: .95;


	margin-top: 5px;


	margin-bottom: 5px;


}





#bootstrap-styles h1, 


#bootstrap-styles h2 {


	margin-top: 40px;


	margin-bottom: 14px;


}





#bootstrap-styles h3 {


	margin-bottom: 5px;


}





#bootstrap-styles p {


    line-height: 1.2;


}





#bootstrap-styles hr {


    border-color: #222;


}





#bootstrap-styles ul, 


#bootstrap-styles li {


    list-style: none;


    padding: 0;


    margin: 0;


}





#bootstrap-styles .active {


    font-weight: bold;


}





#bootstrap-styles .btn-default {


    margin: 15px 0px 30px;


    padding: 15px 25px 10px;


	text-transform: uppercase;


	font-size: 1.125em;


}





#bootstrap-styles .btn-shop {


	text-transform: uppercase;


	font-size: .7em;


	background-color: #ededed;


	padding-top: 7px;


	border-radius: 4px;


	padding-bottom: 5px;


	margin-bottom: 40px;


	letter-spacing: 1px;


	font-weight: bold;


	margin-top: 10px;


}





#bootstrap-styles .thumbnail {


    padding: 0px;


    margin-bottom: 0px;


    border: none;


    border-radius: 0;


}





#bootstrap-styles .clickable {


	cursor: pointer;


}








#bootstrap-styles .row {


	min-width: none !important;


	max-width: none !important;


}











/* @group Navbar */





#bootstrap-styles .navbar-brand {


    height: auto;


	padding-left: 30px;    


}





#bootstrap-styles .nav hr {


    margin-top: 10px;


    margin-bottom: 10px;


}





#bootstrap-styles ul.navbar-nav {


    float: none;


    margin-bottom: 0px;


}





#bootstrap-styles .navbar-collapse {


    padding-left: 0px;


    padding-right: 0px;


}





#bootstrap-styles ul.navbar-nav li {


	padding-top: 10px;


	padding-bottom: 10px;


	cursor: pointer;


}





#bootstrap-styles ul.navbar-nav.main-nav li {


	padding-top: 28px;


	padding-bottom: 0px;


}





#bootstrap-styles ul.navbar-nav li a {


	border-right: 1px solid #222;


	padding: 0px 15px 0px 0;


	margin-right: 15px;


}





#bootstrap-styles ul.navbar-nav li:last-child a {


	border-right: none;


}





#bootstrap-styles .navbar .navbar-toggle {


    width: 25px;


    height: 25px;


	background-image: url(img/nav-toggle.png);


	background-size: 100%;


	border: none;


	margin-right: 0px;


}








#bootstrap-styles .navbar hr {


	margin-top: 10px;


	margin-bottom: 10px;


}





#bootstrap-styles .navbar .panel {


	background-color: transparent;


	border: none;


}





#bootstrap-styles .nav span.more {


    background-image: url(img/arrow-down.png);	


	width: 10px;


	height: 10px;


	display: inline-block;		


	background-size: 10px;


}





#bootstrap-styles .nav span.more.more-right {


	float: right;


	background-image: url(img/arrow-right.png);	


	background-size: 100%;	


}


#bootstrap-styles .nav span.more.more-left {


	background-image: url(img/arrow-left.png);


	background-size: 100%;


}








#bootstrap-styles .navbar-secondary {


	z-index: 5;


	width: 100%;


	background-color: #000;


	height: 100px;


	padding-top: 0px !important; 


	padding-bottom: 25px;


	-webkit-transition: all .5s ease-in-out;


	-moz-transition: all .5s ease-in-out;


	-o-transition: all .5s ease-in-out;


	transition: all .5s ease-in-out;


	height: auto;


	position: absolute;


	margin-top: -200px;


}





#bootstrap-styles .navbar-secondary ul {


	margin: 0 auto !important;


	text-align: center;


}





#bootstrap-styles .navbar-secondary ul li {


	display: inline-block;


	float: none;


}





#bootstrap-styles .navbar-secondary.affix-top {


	visibility: hidden;


	position: fixed;


	top: 0;


}





#bootstrap-styles .navbar-secondary.affix {


	position: fixed;


	margin-top: 0px;


	top: 0;


	left: 0;


}





#bootstrap-styles .navbar .container {


	max-width: 1055px;


}








/* @end */











#bootstrap-styles .nav-arrow-down {


	width: 16px;


	height: 9px;


	background-image: url(img/nav-arrow-down.png);


	background-size: 16px 9px;


    display: block;


    background-repeat: no-repeat;


    background-position: center; 


    margin-left: auto;


    margin-right: auto;


}





#bootstrap-styles .back-to-top {


	width: 50px;


	height: 70px;


	background-image: url(img/back-to-top-desktop.png);


	background-size: 50px;


	cursor: pointer;


	float: right;


}





#bootstrap-styles .back-to-top-wrapper {


	visibility: hidden;


	position: absolute;


}


#bootstrap-styles .back-to-top-wrapper.affix-top { 


	visibility: hidden;


	position: absolute;


}





#bootstrap-styles .back-to-top-wrapper.affix {


	bottom: 0px;


	right: 0px;	


	position: fixed;


	z-index: 5;	


	visibility: visible;


}





#bootstrap-styles .arrow-down {


	width: 60px;


	height: 60px;


	background-image: url(img/arrow-down-large.png);


	background-size: 60px;


	display: inline-block;


	cursor: pointer;


}








#bootstrap-styles .image-credit {


    font-style: italic;


    color: #888888;


    margin-top: 15px;


    margin-bottom: 25px;


    font-weight: bold;


}











#bootstrap-styles #side-nav {


    top: 45%;


	right: 0;


	position:fixed;


	z-index:2;


}





#bootstrap-styles #mainContainer {height:100%;}








#bootstrap-styles #shop {


	padding-top: 40px;


	padding-bottom: 40px;


}





#bootstrap-styles .products {


	padding-bottom: 50px;


	color: #000;


	text-align: center;


    display: block;


    float: none;	


}








#bootstrap-styles .products .product {


	position: relative;


	cursor: pointer;


	padding-top: 15px;


	padding-bottom: 15px;


	float: none;


	display: inline-block;	


}





#bootstrap-styles .products .product .product-title {


    margin-top: 2px;


    float: left;


    width: 100%;


}











#bootstrap-styles .products .product .product-name {


    height: 40px;


}





#bootstrap-styles .products .product .front {


	width: 100%;


	height: 100%;


}


#bootstrap-styles .products .product .back {


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


	padding-top: 100%;


	display: none;


}





#bootstrap-styles .products .product .back .shop {


	width: 80%;


	margin-left: 10%;


	margin-right: 10%;


	background-color: #cb1928;


	color: #fff;


	font-weight: bold;


	font-size: .8em;


	letter-spacing: 1px;


	text-transform: uppercase;


	padding: 15px 35px 10px;


	position: absolute;


	bottom: 70px;


	left: 0;


}





#bootstrap-styles .product .back .shop{


}





#bootstrap-styles .product.active {


    font-weight: normal;


}








#bootstrap-styles .overlaid-content {


	display: block;


	position: absolute;


	width: inherit;


	height: 100%;


}





#bootstrap-styles .vertical-center {


	display: inline-block;


	width: 100%;


}





#bootstrap-styles #side-nav {


	z-index: 5;


	padding: 7px 15px 7px 7px;


}


#bootstrap-styles #side-nav ul {


	list-style: none;


	margin:0;


}


#bootstrap-styles #side-nav li {


	margin: 8px;	


}





#bootstrap-styles #side-nav li a {


	border:none;


	border-radius: 15px;


	height: 10px;


	width: 10px;


	padding: 0px;


	cursor: pointer;


	background-color: #333333;


}





#bootstrap-styles #side-nav li.active a {


	background-color: #919191;


	background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);


	background-repeat: repeat-x;


}


#bootstrap-styles #side-nav li a:hover {


	background: none repeat scroll 0 0 #EEEEEE;


}








#bootstrap-styles .share {


	display: inline-block;


	width: 100%;


    text-align: center;


}





#bootstrap-styles .share li {


	display: inline-block;


	margin: 5px;


	vertical-align: top;


	text-align: center;


}





#bootstrap-styles .share li a {


	border-radius: 30px;


	display: block;


	color: #000;


	width: 30px;


	height: 30px;


	text-align: center;


	background-color: #545454;


}





#bootstrap-styles .share li a.facebook {


	background: url(img/social-facebook.png) no-repeat center center;


	background-size: 100%;


}


#bootstrap-styles .share li a.twitter {


	background: url(img/social-twitter.png) no-repeat center center;


	background-size: 100%;


}





#bootstrap-styles .share li a.facebook:hover {


	background: url(img/social-facebook-hover.png) no-repeat center center;


	background-size: 100%;


}


#bootstrap-styles .share li a.twitter:hover {


	background: url(img/social-twitter-hover.png) no-repeat center center;


	background-size: 100%;


}














#bootstrap-styles .tooltip {


	min-width: 130px;


	font-weight: bold;


	font-size: .8em;


	text-align: center;


}





#bootstrap-styles .tooltip-inner {


	padding-bottom: 0px;


}











#bootstrap-styles .overlay-content {


    position: absolute;


    width: inherit;


    height: 100%;


}











#bootstrap-styles .modal {


	background-color: #000;


	z-index: 99999;


}





#bootstrap-styles .modal-dialog {


	width: 100% !important;


	margin: 0px;


}





#bootstrap-styles .modal-content {


	background: transparent;


	margin: 0;


	padding: 0;


	width: 100%;


	height: 100%;


}





#bootstrap-styles .modal-body {


	background: transparent;


	padding: 0px;


}





#bootstrap-styles .modal-header {


	border: none;


	padding: 0px;


	position: absolute;


	width: 100%;


	z-index: 9;


}





#bootstrap-styles .modal-slideshow {


	padding: 0px;


}





#bootstrap-styles .modal .close {


	width: 16px;


	height: 16px;


	background: url(img/btn-close.png) no-repeat center center;


	background-size: 16px;


	opacity: 1;


	float: none;


	padding: 30px;


}





#bootstrap-styles .modal .modal-title {


	position: absolute;


	top: 0;


	left: 0;


	width:100%;	


}





#bootstrap-styles .modal .modal-cta {


	padding-top: 15px;


	font-size: 14px;


	color: #a9a9a9;


	text-align: center;


}





#bootstrap-styles .modal-brand {


	padding: 15px 15px 5px;


	display: inline-block;


}








#bootstrap-styles .slideshow-title {


	vertical-align: bottom;


}








/* TEMPLATE : SLIDESHOW */


#bootstrap-styles .slideshow .rsSlide{


	text-align: center;


}





#bootstrap-styles .slideshow .slide{


	float: none;


}





#bootstrap-styles .slideshow .slideshow-wrapper{


	height: 100%;


	max-height: 641px;


}

















#bootstrap-styles #template-anniversary .content {


    margin: 0px;


    margin-top: 0px;


}








#bootstrap-styles #template-anniversary .navbar-main {


	position: absolute;


	top: 0px;


	left: 0px;


	width: 100%;


	z-index: 5;


}





#bootstrap-styles #template-anniversary #home {


	margin: 0px;


	padding: 0;


	height: 900px;


	min-height: 900px;


	-webkit-transform: translate3d(0, 0, 0);


	-moz-transform: translate3d(0, 0, 0);


	-ms-transform: translate3d(0, 0, 0);


	transform: translate3d(0, 0, 0);


}





#bootstrap-styles #template-anniversary #home .vertical-center {


}





#bootstrap-styles #template-anniversary .home-navigation {


	list-style: none;


	margin: 0;


	padding: 0;


	margin-top: 40px;


}





#bootstrap-styles #template-anniversary .home-navigation.home-subnavigation {


    margin-top: 30px;


}





#bootstrap-styles #template-anniversary .home-down {


    margin-top: 50px;


}





#bootstrap-styles #template-anniversary .home-navigation li {


	list-style: none;


	display: inline-block;


	border-right: 1px solid #262626;


	padding: 0 15px;


	text-transform: uppercase;


	letter-spacing: 1px;


}





#bootstrap-styles #template-anniversary .home-navigation li:last-child {


	border-right: none;


}





#bootstrap-styles #template-anniversary .home-navigation li:last-child {


	border-right: none;


}





#bootstrap-styles #template-anniversary .home-navigation li a {


    text-decoration: none;


    color: #fff;


}





#bootstrap-styles #template-anniversary .first-column div[class*='col-'],


#bootstrap-styles #template-anniversary .second-column div[class*='col-'] {


    padding: 2px;


}





#bootstrap-styles #template-anniversary .thumbnail.clickable:hover {


	opacity: .65;


}











#bootstrap-styles .feature-lip {


    padding: 5px;


    cursor: pointer;


}





#bootstrap-styles .feature-lip img {


    width: 100%;


}








#bootstrap-styles .text-center .img-responsive {


	margin-left: auto;


	margin-right: auto;


}





#bootstrap-styles #template-anniversary .first-column .row > div {


    float: right


}





#bootstrap-styles #template-anniversary .second-column {


    


}





#bootstrap-styles #template-anniversary .opener {


    height: 700px;


    width: 100%;


    background-size: cover;


    position: relative;


}





#bootstrap-styles #template-anniversary .opener .opener-text {


    position: absolute;


    padding-top: 200px;


    width: 100%;


    text-align: center;


}





#bootstrap-styles #template-anniversary .opener .opener-text h1 {


    font-size: 4.375em;


    text-align: center;


}





#bootstrap-styles #template-anniversary .anniversary-logo {


	display: block;


	float: none;


	margin-left: auto;


	margin-right: auto;


}





#bootstrap-styles #template-anniversary #introduction {


	padding-top: 200px;


	padding-bottom: 200px;


}























#bootstrap-styles .videoWrapper {


	position: relative;


	padding-bottom: 56.25%; /* 16:9 */


	padding-top: 25px;


	height: 0;


}


#bootstrap-styles .videoWrapper iframe {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


}





#bootstrap-styles .home-navigation a:hover .play-button{


	/*background-image: url(img/play-hover.png); */


}





#bootstrap-styles .play-button{


	background-image: url(img/play.png);


    background-size: 14px;


	width: 14px;


	height: 14px;


	display: inline-block;


	margin-left:5px


}








#bootstrap-styles .img-responsive.aligncenter {


    margin-left: auto;


    margin-right: auto;


}














#bootstrap-styles #introduction {


	margin-top: 0px;


}





#bootstrap-styles .rsArrow {


	margin-left: 10px;


	margin-right: 10px;


}





#bootstrap-styles .rsDefault .rsArrowIcn {


	background: none;


}


#bootstrap-styles .rsDefault .rsArrowIcn:hover {


	background-color: transparent;


}





#bootstrap-styles .rsArrowLeft {


	background: url(img/chevron-prev.png) no-repeat center center;


	background-size: 70%;


}





#bootstrap-styles .rsArrowRight {


	background: url(img/chevron-next.png) no-repeat center center;


	background-size: 70%;


}








#bootstrap-styles .scroller {


    width: 100%;


    overflow: scroll;


    -webkit-overflow-scrolling: touch;


}





#bootstrap-styles a[name] {


    height: 0px;


    float: left;


}











#bootstrap-styles .navigation-runway a {


	font-size: 28px;


	font-weight: normal;


	font-weight: 100;


}














@media (max-width: 767px) {


	


    #bootstrap-styles p { font-size: 0.8em }


    #bootstrap-styles h1 { font-size: 1.375em; }


    #bootstrap-styles h2 { font-size: 1.375em; }


    #bootstrap-styles h3 { font-size: 0.750em; }


    #bootstrap-styles h4 { font-size: 0.625em; }


    #bootstrap-styles h5 { font-size: 0.563em; }


    #bootstrap-styles h6 { font-size: 0.438em; }


    #bootstrap-styles small { font-size: 0.563em; }


    


	#bootstrap-styles h1, 


	#bootstrap-styles h2 {


		margin-top: 20px;


		margin-bottom: 5px;


	}    	


	


    


    #bootstrap-styles .btn-default {


		font-size: 0.875em;


		margin: 10px 0px;


    	padding: 7px 15px 3px;        


    }


	


	#bootstrap-styles .navbar {


		background-color: black;


	}


	


	#bootstrap-styles ul.navbar-nav.main-nav li {


		padding-top: 10px;


		padding-bottom: 10px;


		border-bottom: 1px solid #222;


	}


	#bootstrap-styles ul.navbar-nav.main-nav li:last-child {


		border-bottom: 1px solid #777;


	}


	


	#bootstrap-styles #nav-more.secondary-nav {


		border-color: transparent;


	}


	#bootstrap-styles .navbar-secondary ul.navbar-nav.main-nav li {


		border-color: transparent;


	}    


    #bootstrap-styles ul.navbar-nav li {


        text-align: left;


    }


    


    #bootstrap-styles ul.navbar-nav li a {


    	border-right: none;


    	


    }


    


    #bootstrap-styles .navbar-nav {


        margin: 7px 15px;


    }


    


    #bootstrap-styles .nav.nav-list {


        display: none;


    }


    


    #bootstrap-styles .navbar-secondary {


        height: auto;


        padding-bottom: 0px;


    }


    


    #bootstrap-styles .navbar-secondary ul.navbar-nav.main-nav li {


        padding-top: 10px;


		padding-bottom: 0px;


	}





    #bootstrap-styles .navbar-collapse {


        background-color: #000;


    }


    


    #bootstrap-styles .navbar-secondary .navbar-collapse {


        padding-bottom: 10px;


        box-shadow: none;


    }


    


    #bootstrap-styles #accordion .secondary-nav hr {


		display: none;


    }


    


	#bootstrap-styles .navbar-brand {


	    padding: 7px 5px 5px 15px;


	} 


	


	#bootstrap-styles #nav-more hr {


		display: none;


	}   


	


	#bootstrap-styles .nav.main-nav li a.collapsed {


		content: "Back";


	}





    #bootstrap-styles #template-anniversary .home-navigation {


        margin-top: 20px;


    }


    


    #bootstrap-styles #template-anniversary .home-navigation li {


        border: none;


    }


    


    #bootstrap-styles #template-anniversary .home-navigation li a {


        padding-top: 5px;


        padding-bottom: 5px;


        display: block;


    }


    


    #bootstrap-styles .arrow-down {


        width: 30px;


        height: 30px;


        background-size: 100%;


    }


	


	#bootstrap-styles .back-to-top-wrapper.affix {


		right: 0px;


		bottom: 0px;


	}


    #bootstrap-styles .back-to-top {


    	width: 40px;


    	height: 29px;


    	background-image: url(img/back-to-top-mobile.png);


    	background-size: 40px;


    	z-index: 5;


    	cursor: pointer;


    	background-color: black;


    }  


    


    #bootstrap-styles #template-anniversary .home-navigation.home-subnavigation {


        margin-top: 10px;


    }


    


	#bootstrap-styles #template-anniversary #home {


		min-height: 300px;


	}    


    


    #bootstrap-styles #template-anniversary .home-down {


        margin-top: 0px;


    }


    


    #bootstrap-styles #template-anniversary .opener .opener-text {


        padding-top: 100px;


    } 


    


    #bootstrap-styles #template-anniversary .opener .opener-text h1 {


        font-size: 2.5em;


    }     


    


    #bootstrap-styles #template-anniversary .opener {


        height: 300px;


    }


    


    #bootstrap-styles #template-anniversary .thumbnail {


        padding-top: 0px !important; 


    }


    #bootstrap-styles #template-anniversary .anniversary-logo {


		padding-left: 25px;


		padding-right: 25px;


		padding-top: 50px;


	}


    


    #bootstrap-styles .navbar {


        padding-top: 0px !important;


    }


    


    #bootstrap-styles .modal .modal-brand img {


        height: 18px;


        width: auto;


	}


	#bootstrap-styles .modal .close {


		padding: 25px;


	}	


	#bootstrap-styles .modal-brand {


		padding: 0px;


		padding-top: 15px;


	}	


    


}





/* VIDEO TEMPALTE */


#bootstrap-styles .video-overlay{


	margin: auto;


}








#bootstrap-styles .video-overlay .modal-header {


	border: none;


	padding: 0px;


	width: 100%;


	display: block;


	position: inherit;


}





/* BACKGROUND VIDEO */


#bootstrap-styles #big-video-wrap{


	position:absolute;


	width: 100%;


	height: 100%;


	overflow:hidden;


}





#bootstrap-styles .vjs-control-bar {


    display: none;


}








#bootstrap-styles #content2 .credit{


}





#bootstrap-styles .vjs-error-display{ display: none; }





#bootstrap-styles #big-video-image {


    max-width: none !important;


}




















#bootstrap-styles .navbar-brand {


	display: none;


}





#bootstrap-styles .navbar-secondary .navbar-brand {


	display: block;


}














#bootstrap-styles .row-centered {


    text-align:center;


}


#bootstrap-styles .col-centered {


    display:inline-block;


    float:none;


    /* inline-block space fix */


    margin-right:-4px;


}














#bootstrap-styles .cycle .img-responsive {


	width: 100%;


}








/* LONG SLIDESHOW */





#bootstrap-styles .scrollArrow{


	height: 100%;


	width: 44px;


	position: absolute;


	display: block;


	cursor: pointer;


	z-index: 10;


	background-color: red;	


}





#bootstrap-styles .scrollArrowLeft{


	left: 0;


	top: 0;


	background: url(img/chevron-prev-bk.png) no-repeat center center;


	background-size: 70%;


}





#bootstrap-styles .scrollArrowRight{


	right: 0;


	top: 0;


	background: url(img/chevron-next-bk.png) no-repeat center center;


	background-size: 70%;


}





#bootstrap-styles .frame { width: 100%; padding: 0; max-width: none !important; }





#bootstrap-styles .frame *,


#bootstrap-styles .scrollArrow


#bootstrap-styles #gift-guide *{


	-webkit-touch-callout: none;


    -webkit-user-select: none;


    -khtml-user-select: none;


    -moz-user-select: none;


    -ms-user-select: none;


    user-select: none;


}





#bootstrap-styles .frame *::selection,


#bootstrap-styles .frame *::-moz-selection,


#bootstrap-styles .frame *::-webkit-selection {


    background: none;


}





::-moz-selection { /* Code for Firefox */


    background: transparent;


}


::selection {


    background: transparent;


}


#bootstrap-styles .frame .slidee { margin: 0; padding: 0; list-style: none; max-width: none !important;}


#bootstrap-styles .frame .slidee img{ 


	float: left; 


	user-drag: none;


	-webkit-user-drag: none; 


	-webkit-touch-callout: none;


    -webkit-user-select: none;


    -khtml-user-select: none;


    -moz-user-select: none;


    -ms-user-select: none;


    user-select: none;


    max-width: none !important;


}





/* Scrollbar */


#bootstrap-styles .scrollbar {


	display: none;


	margin: 0px;


	height: 2px;


	background: white;


	line-height: 0;


	padding-top: 5px;


	padding-bottom: 5px;


	


}


#bootstrap-styles .scrollbar .handle {


	width: 100px;


	height: 3px;


	background: #292a33;


	cursor: pointer;


}


#bootstrap-styles .scrollbar .handle .mousearea {


	position: absolute;


	top: -9px;


	left: 0;


	width: 100%;


	height: 20px;


}





#bootstrap-styles .video-background-full .clickable img {


	max-width: 465px;


	height: auto;


}














/* DEMANDWARE FIXES */





li.20th-anniversary { display: none !important; visibility: hidden; width: 1px; height: 1px; overflow: hidden; color: tranparent; }





@media (max-width:767px) {


	#bootstrap-styles .text-center-xs {


		text-align: center;


	}


    #bootstrap-styles .navbar .container {


        padding-left: 0px;


        padding-right: 0px;


    }


    #bootstrap-styles .container>.navbar-header {


        margin-left: 0px;


        margin-right: 0px;


    }


	#bootstrap-styles .navbar {


		max-width:300px;


		margin-left: auto;


		margin-right: auto;		


		position: relative !important;


	}	


}





@media (min-width:481px) and (max-width:767px) {


    #bootstrap-styles .navbar .container {


        padding-left: 0px;


        padding-right: 0px;


    }


    #bootstrap-styles .container>.navbar-header {


        margin-left: 0px;


        margin-right: 0px;


    }


	#bootstrap-styles .navbar {


		max-width:460px;


		margin-left: auto;


		margin-right: auto;		


        padding-left: 0px;


        padding-right: 0px;	


        position: relative !important;	


	}	


}











@media (min-width:481px) and (max-width:767px) {


    body .container {


        max-width: 400px;


        margin-left: auto;


        margin-right: auto;


    }


}











/* iPhone and tablet */


@media (min-width:481px) and (max-width:959px) {


	#bootstrap-styles .products .product .product-name {


		font-size: .85em;


	}





}








@media (max-width:481px) {





	#bootstrap-styles .products .product {


		float: left;


	}





}