@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@charset "utf-8";
/* CSS Document */
body { font-family:'Open Sans', Arial; outline:none; position:relative; font-size:14px; font-weight: 400; color: #4a4948;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: 400; webkit-font-smoothing: antialiased; }


header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
ul, ul li, li { list-style-type:none; }
a, a:hover, a:focus { text-decoration:none; outline:none; }
.top_header{ width:100%; float:left; min-height:40px; background:#f9f5f1; color:#4a4948; line-height: 40px;}
.top_header figure{ text-align: right; cursor: pointer; }
header { width:100%; float:left;  color:#000; min-height:60px; }
header  a:last-child{ border:none;}
header.sticky { position: fixed; width: 100%; background: #fff; z-index:99999;  transition: all .6s ease; box-shadow:-4px 0px 14px 0px rgba(51, 51, 51, 0.31); }
header.sticky .logo_area { transition: all .6s ease-in;}
header.sticky .logo_area img{ max-height:45px;  transition: all 0.6s ease-in;}
header.sticky nav ul li a{ padding:10px 25px;}

.logo_area{ width:100%; float:left; height:auto; text-align:center; padding:5px 0;}
nav{ width:100%; float:left; height:auto; font-size:14px; font-weight:400; text-transform:uppercase; }
nav ul{ padding:0px; margin:0; width:100%; float:left; text-align:center;}
nav ul li{ width:auto; display:inline; }
nav ul li a{ width:auto; padding:15px 25px; display:inline-block; color:#000; transition:ease-in .3s;}
nav ul li a:hover{ background:#e9394d; color:#fff;}
.mobile_nav{ width:100%; float:left; background:#000; height:35px; color:#fff; font-size:16px;font-family:tahoma; text-transform:uppercase; line-height:35px; padding:0 15px; cursor:pointer; display:none;}
.banner { width:100%; float:left;	}
.banner  img{ max-width:100%;}
.banner .carousel-indicators li{ border:solid 1px #333; width: 15px; height: 15px;margin:0; }
.banner .carousel-indicators .active{ border:solid 1px #333; background: #333; margin:0;}

.our_collections{ width:100%;  float:left; height:auto;  margin:50px 0; text-align: center;}
.our_collections h2{ width:100%; text-align:center; font-size:32px;  padding:0; margin:0; text-transform: uppercase;}
.our_collections ul{ width: 100%; float: left;height:auto; padding: 0; margin: 0; }
.our_collections ul li{ width: 20%; height: auto; display: inline-block; margin: 12px; }
.our_collections ul li figure{ width: 100%; height: auto; float: left; }
.our_collections ul li h4{ width: 100%; float: left; height: auto; padding: 5px 0 0 0; font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 10px 0 0 0; border-top: 1px rgba(152, 152, 152, 0.31) solid; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.our_collections .price_pro{ width: 100%; float: left; padding: 0; margin: 0; color: #e8394d; font-size: 16px; }
.our_collections ul li figure img{ max-width: 100%; }

.subscribe{ width:100%;  float:left; height:auto;  padding:35px 0; text-align: center; background: #f5f5f5; min-height: 200px;}
.subscribe h2{ width:100%; text-align:center; font-size:32px;  padding:0; margin:0; text-transform: uppercase;}
.subscribe .subs_inpt{width:420px;   height:auto; margin: 20px auto; }
.subscribe .subs_inpt .inpt{ width: 300px; height: 45px; background: #fff; border: solid 1px #e9e9e9; padding: 0 15px; float: left;  }
.subscribe .subs_inpt .btn{ width: auto; height: 45px; cursor: pointer; text-align: left; border: solid 0px #e9e9e9; padding: 0 15px; color: #fff; float: left; text-transform: uppercase;  }
.subscribe .subs_inpt .btn:hover{transition: ease-in .3s; }
.subscribe p{ width: 100%; float: left; }

.btn{ width: auto; height: 45px; cursor: pointer; background-color: #ec3a4e; text-align: left; border: solid 0px #e9e9e9; padding: 0 15px; color: #fff; float: left; text-transform: uppercase; margin-bottom:10px; }
.btn:hover{transition: ease-in .3s; }

footer{ width:100%; float:left; background:#fff; color:#000; min-height:200px; padding:0px 0 20px; text-align: center; font-size: 13px;}

.footer_top{ width:100%; float:left; height:auto; text-align: center; margin: 20px 0; padding: 0; }
.footer_top li{ width: auto;display: inline-block; padding: 0px 30px; border-right: solid 1px #ccc; color:#000;  }
.footer_top li:last-child{border: none;}
.social_list_bot{margin:10px 0 20px; padding:0px; width:100%; float: left; text-align: center;}
.social_list_bot li{margin:0px 5px!important; padding:12px 0px 0px 0px;   list-style:none; width:48px; height:48px;display:inline-block; border:1px solid #979797;   text-align: center; border-radius:50%;}
.social_list_bot li:hover{ background-color:rgb(183, 234, 232); }
.social_list_bot li img{ width: 24px; height: 24px; }
.last_text_area{ width: 100%; float: left; font-size: 12px; border-top: solid 1px #ccc; padding: 15px 15px 0;  }


.breadcrumb_menu{ width: 100%; float: left; height: auto; line-height: 38px; border:solid 1px #ccc; border-width: 1px 0 1px 0; font-size: 13px; }
.breadcrumb_menu li{ width: auto; float: left; text-transform: uppercase; padding-right: 20px; margin-right: 10px; background:url(images/arrow.png) no-repeat center right 0px;   }
.breadcrumb_menu li:last-child{ background: none; }
.breadcrumb_menu li a{ color:#666; transition: ease-in.3s; }
.breadcrumb_menu li a:hover{color: #e9394d;}
.breadcrumb_menu li a:hover img{ opacity: .5; }
.product_area{width: 100%; float: left;height: auto; margin: 35px 0;}
.product_area .product_img{ width: 50%; float: left;height: auto; margin: 0; padding: 0;}
.product_area .product_img img{ width: 100%; }
.product_area .product_detail{ width: 50%; float: left;height: auto; padding: 0 0 0 0px; font-size: 13px; }
.product_area .product_detail h1{ width: 100%; text-align: center;float: left;; padding: 0; margin: 0; font-size: 32px; font-weight: 400; }
.product_area .product_detail .premium{width: 100%; float: left;height: auto;text-align: center;padding: 0; margin: 20px 0; font-size: 13px;}
.product_area .product_detail .col_split{ width: 100%; float: left;; height: auto; padding-left: 50px; margin: 5px 0; }
.product_area .product_detail .col_split img{width: auto; float: left; margin-right: 10px; max-width: 145px; cursor: pointer;}
.product_area .product_detail .col_split img:hover{ opacity: .7; }
.product_area .product_detail .col_split p{ width: 100%; float: left; padding: 0; margin: 0 0 15px; }

.product_area .product_detail .premium li{ width: auto;display: inline-block; text-transform: uppercase; cursor: pointer; }
.product_area .product_detail .premium li a{ padding: 8px 20px; margin: 0 5px; background: #4c4c4c; color: #fff; transition: ease-in .3s; }
.product_area .product_detail .premium li a:hover, .product_area .product_detail .premium li a.active{ background:#e9394d;  }
.product_area .product_detail .price{ width: 100%; float: left;text-align: center; color: #e9394d; text-transform: uppercase; padding: 0; margin: 0; }
.product_area .product_detail .select_size, .product_area .product_detail .qty{width: auto;float: left; margin: 0 35px 0 0; text-transform: uppercase;}
.product_area .product_detail select{ width: auto; min-width: 70px; height: 30px; padding: 0 0 0 10px; text-align: left; margin: 0 0 0 10px; cursor: pointer; border:solid 1px #d9d9d9; }
.product_area .product_detail h3{ width: 100%; float: left;padding: 0 0 10px 0; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: 400; color: #000; }
.product_area .product_detail .buy_now a{ width: auto; display: inline-block;padding: 10px 35px; font-size: 16px; font-weight: 600; background: #e9394d; color: #fff; text-transform: uppercase; margin: 10px 0 0 0; }
.product_area .product_detail .buy_now a:hover{ background: #4c4c4c; transition: ease-in .3s; }
.product_area .product_detail .est_dlvr{ width: auto; text-transform: uppercase; float: left; margin: 10px 0; }
.product_area .product_detail .est_dlvr span{ font-size: 14px; color: #e9394d; padding: 0 0px 0 10px;  }
.product_slider{ width: 100%; float: left;; height: auto; border-bottom: solid 1px #ccc; padding-bottom: 70px;  }
.product_slider h2{ text-align: center; padding: 15px 0; margin: 0; text-transform: uppercase; font-size: 32px; font-weight: 400; color: #444444; }
.product_slider h2 span{ color: #090808; font-weight: 600; }
.product_slider figure{ width: 100%; height: auto; float: left; }
.product_slider h4{ width: 100%; float: left; height: auto; padding: 10px 0 0 0; font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0; text-align: center; }
.product_slider .price_pro{ width: 100%; float: left; padding: 0; margin: 0; color: #e8394d; font-size: 13px; text-align: center; }
.product_slider ul li figure img{ max-width: 100%; }

.inner_page {width: 100%; float: left;height: auto; margin: 35px 0; border-bottom: solid 1px #ccc; padding-bottom: 40px;}
.inner_page h1{ width: 100%; text-align: left;float: left;; padding: 0 0 10px 0; margin: 0; font-size: 32px; font-weight: 400; text-transform: uppercase; }
.inner_page h3{ width: 100%; text-align: left;float: left;; padding: 10px 0; margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase; }
.inner_page p{ width: 100%; float: left; padding: 0; margin: 0 0 15px; }

.legend_wrapper{
	float: left;
	margin-right: 5px;
}

.legend_key{
	float: left;
	width: 16px;
	height: 16px;
	border: 1px black solid;
}

.legend_text{
	float: left;
	margin-left: 5px;
	line-height: 16px;
	font-size: 12px;
}

.left{
	float:left;
}

.input_button{
	clear:none;
	float:left;
	width: 28px; height: 28px;
	border: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0px 0px 1px 0px black;
	background-color: #dddddd;
	transition: ease-in.3s;
}

.input_button:hover{
	background-color: #90f97d;
}

.search_icon{
	background-image: url("images2/search.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

.button_options_wrapper{
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
}

.button_option_image{
	width: 50px;
	height: 50px;
	margin:auto;
}
.button_option{
	float: left;
	margin-right: 5%;
	width: 25%;
	height: 75px;
	padding: 10px;
	box-shadow: 0px 0px 1px 0px black;
	border-radius:8px;
	box-sizing: border-box;
}

/* Ribbon */
.ribbon {
    position: relative;
    width: 100%;
    margin: 0;
}

.ribbon:before,
.ribbon i:before {
    content: '';
    position: absolute;
    bottom: -23px;
    border: 24px solid #c45045;
}

.ribbon:before {
    left: -54px;
    border-left-color: transparent;
    -webkit-transform: rotate(-16deg);
       -moz-transform: rotate(-16deg);
        -ms-transform: rotate(-16deg);
         -o-transform: rotate(-16deg);
            transform: rotate(-16deg);
}
.oldie .ribbon:before {
    left: -48px;
}

.ribbon i:before {
    right: -54px;
    border-right-color: transparent;
    -webkit-transform: rotate(16deg);
       -moz-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
         -o-transform: rotate(16deg);
            transform: rotate(16deg);
    z-index: -1;
}
.oldie .ribbon i:before {
    right: -48px;
}

.ribbon i:after,
.ribbon u:after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: -16px;
    z-index: 0;
}

.ribbon i:after {
    right: -16px;
    border-color: transparent transparent transparent #a33d33;
    border-width: 0 0 16px 16px;
}

.ribbon u:after {
    left: 0;
    border-color: transparent #a33d33 transparent transparent;
    border-width: 0 16px 16px 0;
}

.ribbon u {
    display: block;
    position: relative;
    width: 100%;
    left: -16px;
    padding: 0 16px 16px;
    background: #d0726a;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0726a), to(#c7574d));
    background-image: -webkit-linear-gradient(#d0726a, #c7574d);
    background-image:    -moz-linear-gradient(#d0726a, #c7574d);
    background-image:     -ms-linear-gradient(#d0726a, #c7574d);
    background-image:         linear-gradient(#d0726a, #c7574d);
    -webkit-border-top-left-radius: 50% 16px;
            border-top-left-radius: 50% 16px;
    -webkit-border-top-right-radius: 50% 16px;
            border-top-right-radius: 50% 16px;
    text-align: center;
    font: 28px/48px Museo, cursive;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 1px rgba(163, 61, 51, .8), 0 2px 1px rgba(163, 61, 51, .6);
}
.oldie .ribbon u {
    padding: 0 16px;
    *left: 0px;
    *padding: 0;
}

.ribbon u {
    left: 0;
    margin: 0 -16px;
    width: auto;
}

.ribbon u::selection { background-color: #a33d33; }
.ribbon u::-moz-selection { background-color: #a33d33; }

.ribbon u:before,
.ribbon:after {
    content: '';
    position: absolute;
    height: 16px;
    left: 0;
    bottom: 0;
    -webkit-border-top-left-radius: 50% 16px;
            border-top-left-radius: 50% 16px;
    -webkit-border-top-right-radius: 50% 16px;
            border-top-right-radius: 50% 16px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
}
.oldie .ribbon u:before,
.oldie .ribbon:after {
    content: none;
}

.ribbon u:before {
    width: 100%;
    background: #a33d33;
}

.ribbon:after {
    width: 100%;
    background: #ded8c5;
    z-index: 1;
}

.easy-autocomplete-container ul{
	text-align:left;
}

.account_icon{
	width: 64px;
	height: 64px;
}

#checkout_form_wrapper input, #checkout_form_wrapper textarea{
	color: #5783ff;
}

#checkout_form_wrapper input[type=button]{
	color: white;
}

#header{
	background-color: transparent;
	background:url(images/snow-header-test1.jpg);
}

#content-wrapper{
	background:url(images/test1.jpg);
}

#main-container{
	background-color: #FFF;
	margin-top: 50px;
	margin-bottom: 50px;
}

.site_message .row{
    background: linear-gradient(45deg, #61bb56, #a2da47);
	color:white;
}

#the-nav{
	background-color: #00000026;
    color: white;
    box-shadow: 0px 1px 0px 0px #00000061;
}