@charset "UTF-8";@font-face{font-family: 'Open Sans', sans-serif; src: url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap)}
body{font-family: 'Open Sans', sans-serif!important; font-weight: 400}
a:focus{background-color: transparent!important; outline: 0}
@media(min-width:320px) and (max-width:767px){div.online-st div.row div.item{min-height: auto;}}
.desktop-logo svg{width:200px;}
.bottom_head .navbar-nav div.col-megamenu > ul > li {display:block;}
.bottom_head .navbar-nav li.dropdown > ul.dropdown-menu > li {display:block;}
.firstimagea video{border:2px solid #000;}
li.video-additional video:hover{cursor:pointer;}
.row{clear: both}
.bottom_head .container:first-child{display: flex; align-items: center}
.desktop-logo img{width: 200px}
.product-thumb .product_title{position: absolute; width: 100%; bottom: 0; border: 0; text-align: center; left: 0; background: 0 0; color: #fff; border-radius: 5px; padding: 0; opacity: 1}
.product_title li{display: inline-block}
.product_title a{background: #0000006e; padding: 0 5px}
.product-thumb .product_title a{color: #fff; text-decoration: none!important; font-size: 15px}
#country, #zone{height: 38px; width: 100%; background-image: url(/image/filter-arrow.png); background-position: 96%; background-repeat: no-repeat; -webkit-appearance: none; border: 1px solid #e6e6e6; border-radius: 5px; font-family: 'Open Sans', sans-serif; letter-spacing: .29px; color: #000; font-size: 14px; padding: 9px 4px; background-size: 15px; font-weight: 700}
.col-md-9 img{border-radius: 6px; box-shadow: 0 0 2px 1px #ccc}
.prodhead{font-size: 24px; letter-spacing: 1px; font-weight: 700!important; padding-bottom: 22px; border-bottom: 1px solid #ccc; margin-top: 6px}
.shop_store_button_visible{background-color: #64446c!important; font-size: 13px!important; padding: 16px 0!important; border-radius: 4px!important}
.tablinks{border: 1px solid #777!important; font-size: 14px!important; padding: 8px 22px!important; border-radius: 6px; background-color: #000; color: #fff}
.tablinks:hover{border: 1px solid #777!important; color: #000!important}
#zone{height: 40px; font-size: 14px; text-transform: uppercase}
#zonesub{height: 40px; border-radius: 5px}
#country{height: 40px; font-size: 14px; text-transform: uppercase}
#counsub{height: 40px; border-radius: 5px}
.fa:before{content: "\2003";}
.rating_icon em{font-size: 20px}
.rating_icon{padding-top: 22px}
.common-home{font-family: Josefin Sans!important}
.bottom_head .col-md-10{list-style: none}
p{font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif}
@media(max-width:767px){#banner0{display: none}}
#top-links .dropdown-menu a:hover, #toprow-links .dropdown-menu a:hover{background-color: #000; color: #fff; text-decoration: none}
.head_1 #search{margin-bottom: 10px; margin-top: 0}
#top .btn-link strong, #toprow .btn-link strong{font-size: 14px; line-height: 14px}
#top-links, #toprow-links{padding-top: 0; text-transform: uppercase}
#top-links a+a, #toprow-links a+a{margin-left: 15px}
#logo{margin: 20px auto 10px; width: 245px}
#search{margin-bottom: 10px; margin-top: 35px}
#search .input-lg{height: 40px; line-height: 20px; padding: 0 10px; border-radius: 18px; background-color: #000; color: #fff}
#search .btn-lg{font-size: 15px; line-height: 18px; padding: 10px 12px; text-shadow: none; color: #fff; background-color: rgba(0, 0, 0, 0); background-image: none; border: 0; box-shadow: none}
#search .btn-lg .fa{font-size: 20px}
#searchstyle{margin-bottom: 10px; margin-top: 5px; max-width: 300px}
#searchstyle .input-lg{height: 40px; line-height: 20px; padding: 0 10px; border-radius: 0; background-color: #fff; color: #333}
#searchstyle .btn-lg{font-size: 15px; line-height: 20px; padding: 9px 12px; text-shadow: none; color: #333; background-color: #fff; background-image: none; border: 0; box-shadow: none}
#searchstyle .btn-lg .fa{font-size: 20px}
#cart{margin-bottom: 10px}
#cart>.btn{font-size: 12px; line-height: 18px; color: #fff}
#cart.open>.btn{background-image: none; background-color: #fff; border: 1px solid #e6e6e6; color: #666; box-shadow: none; text-shadow: none}
#cart.open>.btn:hover{color: #444}
#cart .dropdown-menu{background: #eee; z-index: 1001; min-width: 100%}
@media(max-width:478px){#cart .dropdown-menu{width: 100%}}
#cart .dropdown-menu table{margin-bottom: 10px}
#cart .dropdown-menu li>div{min-width: 427px; padding: 0 10px}
@media(max-width:478px){#cart .dropdown-menu li>div{min-width: 100%}}
#cart .dropdown-menu li p{margin: 20px 0}
.flipimg{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: FlipH}
.nav>li>a{position: relative; display: block; padding: 5px 0}
#menu{background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; min-height: 40px}
#menu .nav>li>a{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); padding: 10px 15px; min-height: 15px; background-color: transparent}
#menu .nav>li.open>a, #menu .nav>li>a:hover{background-color: rgba(0, 0, 0, .1)}
#menu .dropdown-menu{padding-bottom: 0}
#menu .dropdown-inner{display: table}
#menu .dropdown-inner ul{display: table-cell}
#menu .dropdown-inner a{min-width: 160px; display: block; padding: 3px 20px; clear: both; line-height: 20px; color: #333; font-size: 12px}
#menu .dropdown-inner li a:hover{color: #fff}
#menu .see-all{display: block; margin-top: .5em; border-top: 1px solid #ddd; padding: 3px 20px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; font-size: 12px}
#menu .see-all:focus, #menu .see-all:hover{text-decoration: none; color: #fff; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x}
#menu #category{float: left; padding-left: 15px; font-size: 16px; font-weight: 700; line-height: 40px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .2)}
#menu .btn-navbar{font-size: 15px; font-stretch: expanded; color: #fff; padding: 2px 18px; float: right; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a}
#menu .btn-navbar.disabled, #menu .btn-navbar:active, #menu .btn-navbar:focus, #menu .btn-navbar:hover, #menu .btn-navbar[disabled]{color: #fff; background-color: #229ac8}
.categorysocial .fa{font-size: 19px; color: #fff}
@media(max-width:767px){.top-shop .shopnow a{margin-top: 26px; display: block; color: #fff; font-size: 20px; font-weight: 700}
.table-reflow td{width: 100%; float: left; border: 0 solid #ddd!important}
.table-reflow tr{border: 1px solid #ddd!important}}
@media(min-width:768px){#menu .dropdown:hover .dropdown-menu{display: block}
.homepage-switch .jovani-homepage-feature-image-top-mobile{display: none!important}}
@media(min-width:382px) and (max-width:580px){#logo{margin: 20px auto 10px 0; width: 245px}}
@media(max-width:382px){#logo{margin: 20px auto 10px 0; width: 51%; height: 100px}
.navbar-toggle{float: initial}}
@media(min-width:382px) and (max-width:767px){.navbar-header{position: absolute; top: -75px; right: 10px; color: #fff}
#top,  #toprow{min-height: 0; margin: 0}
.smallpaddleft{margin: 0 auto; max-width: 296px}}
#videobox, #videoboximg{width: 75%}
.mc_embed_signup header{padding: 15px 10px 5px; color: #000; margin-bottom: 10px}
.mc_embed_signup header h3{color: #000; margin: 0}
.mc_embed_signup, .mc_embed_signup input{color: #000}
.mc_embed_signup input, .mc_embed_signup select{margin: 0 2px; padding: 5px; width: 45%}
.mc_embed_signup select{width: 90%}
.mc_embed_signup .size1of2 input{width: 50px}
.mc_embed_signup label{margin-top: 10px}
.youtube-player{position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px}
.youtube-player iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: 0 0}
.youtube-player img{bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: 0; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all}
.youtube-player img:hover{filter: brightness(75%)}
.youtube-player .play{height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url(//i.imgur.com/TxzC70f.png) no-repeat; cursor: pointer}
.homepage-switch>div.htmlcontents{position: absolute; right: 30px; text-shadow: -2px 1px 3px #000; padding: 25px 25px 15px; color: #fff; top: 100px}
.homepage-switch h2{color: #fff; font-size: 33px}
.homepage-switch h3{color: #fff; font-size: 28px}
.homepage-switch h4{color: #fff; font-size: 25px}
.homepage-switch h2{margin-top: 0}
.homepage-switch{position: relative}
.current{background-color: #337ab7!important; color: #fff!important}
#at-image-sharing-tool{display: none!important; visibility: hidden!important}

@keyframes ma5-panelIn{0%{-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0)}
100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}}
@keyframes ma5-panelOut{0%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0)}}
@keyframes ma5menuIn{0%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0)}}
@keyframes ma5menuOut{0%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0)}}
@keyframes ma5menuOutB{0%{-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0)}
100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}}
@keyframes ma5-panelIn{0%{-webkit-transform: translate3d(360px, 0, 0); transform: translate3d(360px, 0, 0)}
100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}}
@keyframes ma5-panelOut{0%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(360px, 0, 0); transform: translate3d(360px, 0, 0)}}
@keyframes ma5menuIn{0%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0)}}
@keyframes ma5menuOut{0%{-webkit-transform: translate3d(0, 0, 0)}
100%{-webkit-transform: translate3d(-360px, 0, 0)}}
@keyframes ma5menuOutB{0%{-webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0)}
100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}}
::after, ::before{box-sizing: border-box}
.top_head .mega-dropdown{position: static!important}
.top_head .mega-dropdown-menu{box-shadow: none; padding: 14px 0; width: 100%; -webkit-box-shadow: none}
.top_head .mega-dropdown-menu>li>ul{margin: 0; padding: 0}
.top_head .mega-dropdown-menu>li>ul>li{list-style: none}
.top_head .mega-dropdown-menu>li>ul>li>span{display: block}
.top_head .mega-dropdown-menu>li>ul>li>a{display: block; color: #444; padding: 4px 0; transition: all .4s ease-in 0; -webkit-transition: all .4s ease-in 0}
.top_head .mega-dropdown-menu>li>ul>li>a:hover{color: #43434b}
.top_head .mega-dropdown-menu .dropdown-header{color: #000; font-size: 16px; margin: 0 0 8px; padding: 0; text-decoration: underline; font-weight: 700}
.mob_size1 .navbar{min-height: 45px; margin-bottom: 0}
.top_head .nav>li>a{color: #474747; cursor: pointer; font-size: 13px; font-weight: 500; margin: 17px 3px; padding: 0; text-transform: uppercase}
.give_section{padding: 100px 0 0}
.top_head .navbar-inverse .navbar-nav>li>a{color: #fff}
.top_head .col-sm-3:last-child{border-right: 0}
.top_head .mega-dropdown-menu .show{display: none!important}
.top_head .nav>li>span:hover{border-bottom: 2px solid #43434b; display: block; padding: 0 0 5px}
.top_head .nav>li>span{cursor: pointer}
#myList1 li{display: none}
#myList2 li{display: none}
#myList3 li{display: none}
#myList4 li{display: none}
#myList3{margin: 0 0 15px}
.menuMore{clear: both; text-align: center; padding: 8px 0 5px; background-color: #000; border: 2px solid #000; margin: 0 auto; width: 120px; color: #fff; cursor: pointer}
.menuMore:hover{background-color: transparent; color: #000}
#menuLess{display: none}
.mob_size1 .navbar-default{background-color: transparent}
.mobile_giveaway{background-color: rgba(232, 232, 232, .3); border-radius: 4px; box-shadow: 0 0 1px #ccc; display: none; padding: 0 10px 18px; position: relative; right: 0; z-index: 1}
.mobile_giveaway i{cursor: pointer; color: #e83996}
.mobile_giveaway a{background-color: #46464e; border: 2px solid #46464e; border-radius: 2px; color: #fff; display: block; font-size: 15px; font-weight: 500; height: 35px; margin: 10px auto 0; padding: 4px 0 0; text-align: center; text-transform: uppercase; width: 135px}
.mobile_giveaway a:hover{background-color: rgba(0, 0, 0, 0); color: #46464e; text-decoration: none}
.mobile_giveaway h3{color: #e83996; font-size: 28px; line-height: 1.3; margin: 0 0 5px; text-align: center}
.mobile_giveaway img{width: 50px}
.head_2{background-color: #000}
.head_1{padding: 0 0 15px; margin: 5px}
.head ul{margin: 10px 0 0; padding: 0; text-align: right}
.head .col-md-3 #search{border: 0; border-bottom: 1px solid #c4c4c4; padding: 2px 0}
.head .mview li{padding: 0!important}
.nav>li>a{line-height: 1!important}
.head_2 .nav>li>a:focus{outline: 0}
.nav>li:first-child>a{border-left: 0}
.section_group{background-image: url(section_news.jpg); margin: 0 15px 40px; padding: 62px 0; background-position: top center}
.store_main{background-color: #fff; margin: 0 auto; text-align: center; width: 470px; padding: 40px 32px}
.store_main h3{color: #000; font-size: 26px; letter-spacing: 3px; margin: 0 0 20px; text-transform: uppercase}
.store_main input{border: 0; border-bottom: 2px solid #a4a3a4; color: #58585b; letter-spacing: 2px; font-size: 16px; text-transform: uppercase; width: 75%; border-radius: 0}
.store_main input:focus{border-bottom: 4px solid #6fc3bb}
.store_main img{height: 35px; display: inline-block}
.pro_txt_desktop{position: absolute; height: 100%; right: 40px; top: 60%; text-align: center; color: #fff}
.pro_txt_desktop a{color: #fff}
.pro_txt_desktop a:hover{color: #fff; text-decoration: none}
.pro_txt_desktop span{display: block; padding: 10px 0 0; text-decoration: underline}
.head li{display: inline-block; padding: 7px 15px 0 0}
.head li:last-child{padding: 7px 0 0}
.head li a{color: #474747; font-size: 14px; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; -webkit-transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
.head li a:hover{color: #000}
.head_2 .navbar{margin-bottom: 0}
.head li .dropdown-menu{text-align: left}
.head_2 .navbar-default{background-color: rgba(0, 0, 0, 0)}
.head .head_2 li{padding: 0}
.head .dropdown-menu li{float: left; padding: 0!important; width: 100%}
.head .dropdown li{padding: 0}
#left-links .list-menu{margin: 0; padding: 0 0 0 12px}
#left-links .list-menu li{list-style: outside none none; padding: 0 0 8px}
.product-layout h4{font-size: 16px; font-weight: 500; height: 60px; line-height: 1.3}
.head_2 .navbar-default .navbar-nav>li>a{color: #fff}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff!important}
#zonesub{background-color: #333; border: 1px solid #ccc; color: #fff; margin: 0 0 0 3px; padding: 7px 10px}
#counsub{background-color: #333; border: 1px solid #ccc; color: #fff; margin: 0 0 0 3px; padding: 7px 10px}
.categorysocial{background-color: rgba(0, 0, 0, .55); bottom: 163px; display: none; left: 15px; padding: 6px; position: absolute; right: 15px; text-align: center}
.product-thumb:hover .categorysocial{display: block}
.wheretobuy{background: #000 none repeat scroll 0 0; color: #fff; display: inline-block; font: 600 24px/43px helvetica neue, Helvetica, Arial, sans-serif; margin: 12px; min-width: 240px; text-align: center; text-transform: uppercase}
.wheretobuy a{color: #fff!important; text-decoration: none}
.stores-stores a{color: #888}
.stores-stores a:hover{color: #000}
.box{border: 2px solid #46464e!important; border-radius: 0!important; color: #46464e!important; float: left; font-size: 13px!important; margin: 0 20px 0 0!important; width: 88%}
.box.form-control::-moz-placeholder{color: #46464e}
.box.form-control::-webkit-placeholder{color: #46464e}
.search_btn{background-color: rgba(0, 0, 0, 0); border: medium none; color: #fff; font-size: 14px; height: 34px; margin: 0 0 0 15px; padding: 0 8px; position: absolute; right: 0; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
#netsec_menu li span{background-color: transparent}
.categorysocial img{bottom: 3px; position: relative; width: 15px; height: 15px!important}
.categorysocial{padding: 0}
#column-left header{background-color: #fff; border-radius: 0; box-shadow: 0 0 3px #999}
#column-left header h3{color: #000!important; font-size: 18px; text-align: center}
#column-left header p{color: #000!important}
#column-left header .form-control{background-color: rgba(0, 0, 0, 0); border: 2px solid #999; border-radius: 0; box-shadow: none; color: #555; font-size: 13px; height: 33px; padding: 6px 12px; width: 98%}
#column-left header.form-control::-moz-placeholder{color: #555}
#left-links .btn-default{background-color: rgba(0, 0, 0, 0); border: 2px solid #999; border-radius: 0; color: #333; margin: 0; padding: 6px 8px; text-shadow: none; transition: border-color .15s ease-in-out 0, box-shadow .15s ease-in-out 0; text-transform: uppercase}
#left-links .btn-default:hover{background-color: #999; color: #fff}
#search .search-field.open{border: 2px solid #46464e; color: #46464e; width: 100%}
.head .col-md-5 ul{text-align: right}
.head_1 #search{margin-bottom: -5px}
.head_1 .col-md-6 ul{float: right}
.head_1 li{float: left; list-style: none}
.head_1 li:last-child i{color: #46464e; font-size: 30px; margin: 4px 0 0 20px; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; -webkit-transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
.head_1 li i:hover{color: #000}
.retail_btn{background-color: transparent; border: 0; color: #46464e; font-size: 12px; height: 28px; text-transform: uppercase; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; width: 215px}
.retail_btn:hover{background-color: #46464e; color: #fff}
.navbar-default .navbar-nav>li>a{color: #474747; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; -webkit-transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
.navbar-toggle.collapsed .icon-bar{opacity: 1; top: 0; transform: rotate(0)}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){top: 7px; transform: rotate(45deg)}
.navbar-toggle:not(.collapsed) .icon-bar{height: 2px; position: relative; transition: all .3s ease-in-out 0; width: 22px}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){opacity: 0}
.navbar-toggle:not(.collapsed) .icon-bar:last-child{top: -5px; transform: rotate(-45deg)}
.main .col-md-6:first-child{padding-left: 0; padding-right: 6px}
.main .col-md-6:last-child{padding-left: 6px; padding-right: 0}
.head li a{text-decoration: none}
.outer{padding: 80px 0 60px}
.outer h3{color: #111; font-size: 34px; font-weight: 300!important; letter-spacing: 1px; text-transform: uppercase}
.outer ul{margin: 0; padding: 0}
.outer li{list-style: none; padding: 24px 0 0}
.outer li span{display: block; font-size: 10px}
.outer li a{color: #050505; font-size: 14px; font-weight: 300; text-transform: uppercase; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; -webkit-transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
.outer li a:hover{color: #858687}
.hovereffect{width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #5f6361}
.hovereffect .overlay{width: 100%; height: 100%; position: absolute; overflow: hidden; top: 45%; left: 0; padding: 0 20px}
.hovereffect img{display: block; position: relative; max-width: none; width: calc(100%+10px); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden}
.hovereffect:hover img{opacity: .4; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.hovereffect h2{text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; overflow: hidden; padding: .5em 0; background-color: transparent}
.hovereffect h2:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
.hovereffect:hover h2:after{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.hovereffect a, .hovereffect p{color: #fff; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); font-size: 20px}
.hovereffect:hover a, .hovereffect:hover p{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.follow_us_section{padding: 20px 0 40px}
.follow_us_section h3{color: #4f4f4f; font-size: 22px; margin: 10px 0 15px; text-transform: uppercase}
.follow_us_section h4{color: #4f4f4f; font-size: 18px; text-transform: uppercase}
.follow_us_section p{color: #4f4f4f; font-size: 16px; line-height: 2; margin: 80px 0 40px}
.box_1{border-color: #636362!important; border-radius: 0!important; border-width: 0 0 2px!important; box-shadow: none!important; color: #4f4f4f!important; letter-spacing: 2px; margin: 0 0 40px; padding: 0!important}
.box_1.form-control::-moz-placeholder{color: #4f4f4f}
.box_1.form-control::-webkit-placeholder{color: #4f4f4f}
.sub_btn{background-color: transparent; border: 2px solid #636362; color: #383838; font-size: 14px; padding: 6px 32px; text-transform: uppercase; transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0; -webkit-transition: border .25s linear 0, color .25s linear 0, background-color .25s linear 0}
.sub_btn:hover{background-color: #636362; color: #fff}
.outer_section{padding: 0 0 30px}
.outer_section h3{border-bottom: 2px solid #000; color: #000; font-size: 40px; font-weight: 300; letter-spacing: 1.5px; margin: 0; padding: 0 0 20px; text-transform: uppercase}
.outer_section p{color: #575757; font-size: 14px; line-height: 1.8; margin: 0 0 20px; text-align: justify}
.border{border-bottom: 5px solid #000; margin: -3.8px 0 0; width: 50%}
.outer_section h4{color: #000; font-size: 20px; text-transform: uppercase}
footer{background-color: #000; padding: 25px 0 0}
footer ul{line-height: 1; margin: 0; padding: 0}
footer p{color: gray; font-size: 14px; margin: 0; padding: 18px 0; text-align: center}
footer i{background-color: #fff; border-radius: 50%; color: #2b2b2b; font-size: 22px!important; height: 35px; margin: 0 5px 0 0; padding: 7px 0 0; text-align: center; width: 35px}
footer i:hover{color: #000}
footer li{border-right: 0; list-style: none; margin: 0 0 14px; padding: 0; text-align: left!important}
footer h4{color: #c4c4c4; font-size: 14px; font-weight: 400; line-height: 29px; margin: 0 0 22px}
footer li:last-child{border-right: 0}
.copywrite p{color: #686868; font-size: 12px; letter-spacing: .5px; margin: 0; text-align: center; text-transform: uppercase}
.row.social-media{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 18px 0; margin-bottom: 24px}
.social i:hover{color: #000}
footer .app{border: 0; padding: 0}
footer .app li{border: 0; margin: 0 0 25px; padding: 0 8px}
.open-size-chart .btn-default{background-color: #333; border-color: #333; color: #fff; padding: 6px 8px}
.mfp-wrap{margin: 0 auto; right: 0; width: 50%!important}
.stores-us_stores .table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th{background-color: #f9f9f9}
.stores-world_stores .table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th{background-color: #f9f9f9}
.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th{background-color: #5a5a5a}
.mfp-content{background-color: #fff; padding: 0 10px}
#top-links .dropdown-menu>li>a{padding: 3px 10px}
.box.form-control:focus{box-shadow: none}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #000!important; color: #fff!important}
.common-home .mfp-wrap{width: 445px!important}
.head .dropdown-menu>li>a{padding: 3px 10px}
.dd1 .col-md-5{padding-right: 0}
.dd1 #search{margin-left: 7px}
.head .col-md-5 li{display: inline-block; padding: 10px 0 0}
.review_main{clear: both; padding: 40px 0 0}
.review_main h3{color: #333; font-size: 24px; margin: 0}
.review_main h4{color: #444; font-size: 24px; margin: 40px 0 12px; text-align: center}
.rating_icon{text-align: center}
.rating_icon i{color: #e3e2e2; font-size: 30px}
.review_main h5{color: #7e7e7e; font-size: 20px}
.review_main h5 span{color: #333; font-size: 24px}
.review_main img{margin: 0 auto}
.review_main .col-md-6:first-child{border-right: 1px solid #e3e2e2}
.review_main h4 b{color: #333; display: block; font-weight: 400; margin: 0 auto 70px; width: 75%}
.review_btn{background-color: #333; border: 2px solid #333; color: #fff; display: block; font-size: 21px; margin: 20% auto 0; padding: 10px 0; text-align: center; text-transform: uppercase; width: 200px; transition: all .4s ease-in 0; -webkit-transition: all .4s ease-in 0}
.review_btn:hover{background-color: transparent; color: #333}
.review_main hr{margin: 0}
.review_main .col-md-12 h4{color: #6b6b6b; font-size: 20px; margin: 20px; text-align: left}
.review_txt{background-color: #f8f6f6; clear: both; float: left; margin: 0 0 20px; padding: 20px 30px; width: 100%}
.rating_icon1 i{color: #e4e3e3; font-size: 20px}
.review_txt h5{color: #999; font-size: 18px; margin: 5px 0 0; text-align: left}
.review_txt h5 span{color: #111; display: block}
.review_txt p{color: #333; font-size: 15px; margin: 0; word-wrap: break-word}
.review_txt span{color: #2d2d2d; display: block; padding: 0 0 5px}
.review_txt label{float: left; width: 220px}
.review_popup .modal-dialog{width: 550px}
.review_popup input{border-radius: 0; box-shadow: none; margin: 0 0 12px}
.rating_bar{margin: 0 auto; width: 70%}
.rating_bar .progress-bar-success{background-color: #e3e2e2}
.rating_bar label{font-size: 20px; font-weight: 400; float: left; width: 45px; color: #7e7e7e}
.rating_bar b{float: right; margin: -44px 0 0 60px; width: 0; font-size: 16px; color: #7e7e7e; font-weight: 400}
.rating_bar i{font-size: 18px}
.progress{margin-right: 12px}
@media(min-width:320px) and (max-width:479px){.head li{padding: 0 5px!important}
footer li{border-right: 0; display: block; margin: 0 0 17px; padding: 0}
.social i{font-size: 20px; margin: 0 6px}
footer .app li{display: inline-block}
.common-home .mfp-wrap{width: auto!important}
.head .dropdown-menu a{font-size: 13px}
.head .dropdown-menu-right{left: -70px!important}
.retail_btn{font-size: 11px; margin: 10px 0!important}
.store_main{width: 260px; padding: 40px 10px}
.store_main h3{font-size: 20px; letter-spacing: 2px}}
@media(min-width:320px) and (max-width:767px){.retail_btn{font-size: 10px; font-weight: 700; margin: 0 0 3px!important}
.head ul{margin: 0; text-align: center}
.mview ul{margin: 10px 0 0}
.head .col-md-9 li:last-child{display: none}
.fame_section img{height: auto!important}
.pro_txt_desktop{display: none}
#bannerr0{display: none}
.mobile_giveaway{display: block}
.mview{justify-content: center; align-items: center}
header{padding: 0}
.head .col-md-5{padding: 0; text-align: center}
.retail_btn{margin: 10px 0 0}
.head{padding: 0}
.head li{float: none!important}
.head .col-md-5 li{float: left!important}
.head_1 li:last-child i{margin: 0}
.head .col-md-5 ul{margin: 0 auto; width: 295px}
.head_1 #search{width: 250px}
.logo{float: none!important; margin: 8px auto 0; width: 130px!important}
.nav>li>a{border-left: 0}
.head .mview{margin: 0; text-align: center}
.head_1 .col-md-6 ul{float: none; margin: 0 auto; width: 200px}
.head_1{padding: 8px 0 0}
.head_1 .col-lg-6{margin: 0 auto; width: 315px}
.box{margin: 0 10px 0 0; width: 230px}
.head_2{padding: 0 15px!important}
.navbar-nav{margin: 7px 0 0}
.nav>li>a{margin: 10px 0}
.main .col-md-6:first-child{padding: 0 15px 15px}
.main .col-md-6:last-child{padding: 0 15px}
.outer{padding: 0 0 15px}
.outer ul{padding: 0 0 10px}
.outer li{padding: 14px 0 0}
.hovereffect{margin: 0 0 20px}
.follow_us_section{padding: 0 0 20px}
.follow_us_section h3{font-size: 20px; margin: 20px 0 15px}
.follow_us_section p{margin: 30px 0}
.follow_us_section .effect{margin: 20px 0 0}
.outer_section h3{font-size: 20px; letter-spacing: 0; line-height: 1.3}
.outer_section h4{font-size: 18px; line-height: 1.4}
.h2,  h2{clear: both; font-size: 18px}
.h1,  h1{font-size: 24px}
#top-links .dropdown-menu a,  #top-links .dropdown-menu span{color: #000!important}
#top-links .dropdown-menu a:hover,  #toprow-links .dropdown-menu a:hover{color: #fff!important}
.head_2 .navbar-toggle{float: right; margin-right: 0}
.head_2 .navbar-header{position: relative; top: 0; right: 0}
.head_2 ul{text-align: left}
.head_2 .navbar-collapse{padding-left: 0; padding-right: 0}
.head .head_2 li{width: 100%}
.navbar-nav>li>a{padding-bottom: 0; padding-top: 0}
.nav>li>a{padding: 4px 0!important; margin: 0}
#top-links li,  #toprow-links li{padding: 0 4px!important}
.head_2{padding: 0}
.head_2 .navbar{margin-bottom: 5px}
.dd1{margin: 0 auto!important; width: 315px}
.dd1 .col-md-5{float: left; padding-right: 0; width: 250px}
.dd1 .col-md-7{float: left; width: 65px}
.navbar-nav>li{display: block!important}
.navbar-nav{margin: 7.5px 0!important}
.outer .col-md-4{margin: 0 0 20px}
.sub_btn{margin: 0 0 40px}
.follow_us_section .photo-thumb{border: medium none; float: none; min-height: auto!important; margin: 0!important}
.common-home .product-thumb{max-width: none!important}
.review_main h4 b{width: auto}
.review_txt{padding: 20px 12px}
.review_btn{margin: 0 auto 40px}
.review_txt label{width: auto}
.review_txt p{font-size: 14px; letter-spacing: 0; margin: 0 0 0 130px}
.rating_bar{width: auto}
.review_main .col-md-6:first-child{border-right: 0; padding-right: 30px}
.pro_txt{text-align: center; line-height: 1.3}
.pro_txt a{color: #000; font-size: 17px; text-transform: uppercase}
.pro_txt a:hover{color: #000; text-decoration: none}
.pro_txt span{display: block}
.back-to-top1{text-align: center; display: block; color: #000; font-size: 14px; text-transform: uppercase}
.back-to-top1:hover{color: #000}
.review_popup .modal-dialog{width: auto}
.outer_1 .col-md-6{padding: 0 6px}
.review_main{padding: 70px 0 0}}
@media(min-width:480px) and (max-width:639px){.outer_1 .col-md-3{float: left; padding: 0 5px; width: 50%}
.follow_us_section .col-md-4:nth-child(2){float: left; padding: 0 5px; width: 50%}
.follow_us_section .col-md-4:nth-child(3){float: left; padding: 0 5px; width: 50%}
.head_1 li:last-child i{margin: 4px 0 0 20px}
.outer .col-md-8 .col-lg-6{float: left; width: 50%}
.head .col-md-7 li{padding: 0 4px}
.store_main{width: 420px}}
@media(min-width:480px) and (max-width:767px){footer .col-md-3{float: left; width: 50%}
footer .col-md-3:nth-child(2){height: 285px}
footer i{font-size: 18px!important; height: 32px; width: 32px}}
.get_section img{margin: 0 auto}
@media(min-width:640px) and (max-width:767px){.head_1 .col-lg-6{float: left; width: 50%}
.head_1 .col-lg-4{float: left; width: 84%}
.head li{padding: 0 6px!important}
.main .col-md-6{float: left; padding: 0 6px!important; width: 50%}
.outer .col-md-4{float: left; padding: 0 5px; width: 50%}
.outer .col-md-7{float: left; width: 50%}
.outer_1 .col-md-3{float: left; padding: 0 5px; width: 50%}
.follow_us_section .col-md-4:nth-child(2){float: left; padding: 0 5px; width: 50%}
.follow_us_section .col-md-4:nth-child(3){float: left; padding: 0 5px; width: 50%}
.outer .col-md-8 .col-lg-6{float: left; width: 50%}
.follow_us_section .col-lg-6{float: left; width: 50%}
.follow_us_section .photo-thumb{min-height: 370px!important}
.retail_btn{margin: 10px 0}}
@media (min-width:1600px){.bottom_head ul.list-unstyled>li{display:block}}@media (min-width:768px) and (max-width:991px){div.dropdown-menu.container{width:280px}.bottom_head ul.list-unstyled>li{display:block}}
@media(min-width:768px){header{background-color: #fff; top: 0; width: 100%; z-index: 11; transition: all .7s ease-in 0; -webkit-transition: all .7s ease-in 0; padding: 0 0 0}
.top-mobile-menu{float: right}
.top_head .get-help{padding-right: 0}
.bottom_head .navbar-collapse{width: 79.5%}
header{background-color: #fff; position: relative; top: 0; width: 100%; z-index: 11; transition: all .7s ease-in 0; -webkit-transition: all .7s ease-in 0;}
.banner{padding: 148px 0 0}
header.smaller{padding: 12px 0 0}
header.smaller .head_1{padding: 0}
.top_head .navbar-nav>li{float: none; display: inline-block}
.top_head .navbar-nav{float: none; text-align: center}
.head_2 .navbar-collapse{padding: 0}
.top_head .mega-dropdown-menu>li>ul{text-align: left}
.top_head .col-sm-3{width: 25%}
.head_2 .navbar{min-height: auto}
.top_head .dropdown-menu{border: 0; box-shadow: 0 0 8px #ccc!important}
#banner1{display: none}
.back-to-top1{display: none}
.pro_txt{display: none}
.outer_1 .col-md-6{margin: 0 0 30px}
.effect img{margin: 0 auto}
.head_2 .navbar-nav{float: none; text-align: center}
.head_2 .navbar-nav>li{display: inline-block; float: none}
.head .navbar-nav{float: none}
.head .col-md-8 ul{margin: 45px 0 0}
.head .navbar-nav>li{display: inline-block!important; float: none}
.head .navbar{margin-bottom: 5px}
.follow_us_section .photo-thumb{border: medium none; height: 360px; margin: 0!important; width: 100%}
.head_1 #search{width: 290px}}
@media(min-width:768px) and (max-width:1023px){.mob_size{display: block!important; margin: -50px 20px 0 0}
footer i{margin: 0 5px 10px 0}
.w-100{width: auto!important}
.fame_section img{height: 170px!important}
.fame_section h4{font-size: 14px!important}
#bannerr0{background-size: auto!important;}
.mview ul{text-align: left!important}
header{padding: 0 0 13px}
.head_1 li i{margin: 4px 0 0 0}
.head_2 .navbar-nav>li{padding: 0}
.box{width: 82%}
.outer h3{font-size: 29px}
.outer li{padding: 10px 0 0}
.follow_us_section h3{font-size: 18px; line-height: 1.4; margin: 30px 0 10px}
.follow_us_section h4{font-size: 16px}
.follow_us_section p{margin: 30px 0}
.outer_section h3{font-size: 27px; letter-spacing: 0}
.outer_section h4{font-size: 16px; line-height: 1.4}
header{padding: 20px 0 0}
.head_1{padding: 0 0 12px}
.head_1 .col-lg-10{padding: 0}
.head{padding: 0}
.head_1 #search{margin-bottom: 0!important; width: 300px!important}
.head li{padding: 7px 5px 8px 0; float: none}
.head .col-md-9{padding-left: 0}
.navbar-header{position: relative!important}
#top-links .dropdown-menu a,  #top-links .dropdown-menu span{color: #000!important}
#top-links .dropdown-menu a:hover,  #toprow-links .dropdown-menu a:hover{color: #fff!important}
.dd1 #search{margin-left: 6px}
.retail_btn{font-size: 11px; height: auto; width: auto; padding: 2px 5px}
.head .mview a{float: left; margin: 0 10px 0 0}
.head ul{margin: 0; text-align: right}
.head .mview li:last-child{padding: 0}
.head_1 li:last-child i{margin: 4px 0 0 15px}
.head .col-md-5 li{padding: 0}
.head .col-sm-5{padding-left: 0}
.head .col-md-8 ul{margin: 0}
.head .mview{margin: 0; padding: 10px 0 0 8px}}
@media(min-width:1024px) and (max-width:1199px){.w-100{width: auto!important}
.mview ul{margin: 0; float: right}
.head ul{margin: 0}
.top_head .nav>li>a{font-size: 11px; margin: 17px 3px}
.banner{padding: 129px 0 0}
.head .col-md-9{padding: 0}
.head li a{font-size: 13px}
.head_1{margin: 0; padding: 0 0 10px}
header .container{width: 100%}
.head_2 .navbar-nav>li{padding: 0}
.outer_section h3{font-size: 32px}
.outer_section h4{font-size: 18px}
.head li:nth-last-child(2) a{padding: 9px 4px 7px}
.head li:last-child a{padding: 9px 4px 7px}
.head li{padding: 0 4px}
.dd1 #search{margin-left: 32px}
.head li{padding: 7px 8px 0 0}
.head .col-md-5{padding: 0}
.head .col-md-8 ul{margin: 17px 0 0}
.retail_btn{height: auto}
.head .mview{margin: 0}}
@media(min-width:1024px) and (max-width:1496px){.head li{padding: 7px 10px 0 0; float: none}}
@media(min-width:1169px){.common-home .dd1 .col-lg-4{margin: 0 0 0 85px; padding-right: 0; width: 39%}}
@media(min-width:1280px){.common-home .container{width: 1170px}
.head_1 li i{margin: 4px 0 0 0}}
.hidden{opacity: 0}
.visible{opacity: 1}
body{font-weight: 400; color: #666; font-size: 14px; line-height: 20px; width: 100%}
#column-left header{background: #000 none repeat scroll 0 0}
.us_st td:nth-child(2){font-size: 17px; padding: 15px 0 0; text-align: center}
.us_st td:last-child{font-size: 17px; padding: 15px 0 0; text-align: center}
.us_st .fa-map-marker{display: block; font-size: 20px; padding: 0 0 8px}
.us_st .fa.fa-globe{display: block; font-size: 20px; padding: 0 0 8px}
.us_st td:first-child a{color: #e363b0; font-weight: 500}
.us_st td a{text-decoration: none}
.us_content p{line-height: 1.7; margin: 0 0 25px}
.text_1{margin: 30px 0 0}
.text_1 h2{color: #000; font-size: 70px; font-weight: 900; margin: 30px 0 0}
.text_1 h1{color: #000; font-size: 25px}
.text_1>p{color: #000; font-size: 16px; margin: 20px 0 0}
.dd{padding: 40px 0 0}
.oops_link{margin: 0; padding: 8px 0 0}
.oops_link>li{list-style: outside none none; padding: 0 0 3px}
.oops_link a{color: #000}
@media(min-width:320px) and (max-width:479px){.breadcrumb{margin-right: 0!important}
.iframe_video>iframe{width: auto}}
@media(min-width:320px) and (max-width:639px){.contact_map>iframe{width: auto}}
@media(min-width:320px) and (max-width:1023px){.img_prom{height: auto!important; width: 100%!important}}
hr{border: none!important; border-bottom: 1px dashed #ccc!important; margin: 16px 0!important}
h1, h2, h3, h4, h5, h6{color: #444}
.text-center .img-responsive{margin: 0 auto}
.customsocialfooter, .customsocialfooter .fa{font-size: 30px}
h1{font-size: 26px}
h2{font-size: 21px}
h3{font-size: 15px}
h4{font-size: 15px}
h5{font-size: 15px}
h6{font-size: 15px}
.home-bottom h1{text-align: center}
a{color: #000}
a:hover{text-decoration: underline; color: #000}
legend{font-size: 18px; padding: 7px 0}
label{font-size: 12px; font-weight: 400}
input[type=color].form-control, input[type=date].form-control, input[type=datetime-local].form-control, input[type=datetime].form-control, input[type=email].form-control, input[type=month].form-control, input[type=number].form-control, input[type=password].form-control, input[type=search].form-control, input[type=tel].form-control, input[type=text].form-control, input[type=time].form-control, input[type=url].form-control, input[type=week].form-control, select.form-control, textarea.form-control{font-size: 12px}
.input-group .dropdown-menu, .input-group .popover, .input-group input, .input-group select{font-size: 12px}
.input-group .input-group-addon{font-size: 12px; height: 30px}
span.hidden-lg, span.hidden-md, span.hidden-sm, span.hidden-xs{display: inline}
.nav-tabs{margin-bottom: 15px}
div.required .control-label:before{content: '* '; color: red; font-weight: 700}
.promjump{text-align: right; background-color: #f9f9f9; padding: 8px}
.tablespacing td{padding: 2px 10px}
.thead-inverse{background-color: #373a3c}
.thead-inverse th{color: #fff}
#top, #toprow{padding: 0 0 15px; margin: 5px 0 0; min-height: 20px; text-align: center}
#top .container, #toprow .container{padding: 0 20px}
#toprow #currency .currency-select{text-align: left}
#toprow #currency .currency-select:hover{text-shadow: none; color: #fff; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x}
#top .btn-link, #top-links a, #top-links li{color: #474747; text-decoration: none; font-size: 13px}
.head .dropdown-menu-right{left: 0; right: auto}
.head .dropdown-menu{border-radius: 0}
.head li .dropdown-menu{margin: 6px 0 0; padding: 0; text-align: left}
.dropdown-menu>li>span{display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap}
#toprow .btn-link, #toprow-links a, #toprow-links li{color: #000; text-decoration: none; font-size: 15px}
#top .btn-link:hover, #top-links a:hover, #toprow .btn-link:hover, #toprow-links a:hover{color: #000; background-color: transparent}
.navbar-nav{float: none}
.shopnowhidden{display: none}
.top-shop .shopnow a{margin-top: 43px; display: block; color: #fff; font-size: 20px; font-weight: 700}
.mobile-shop .shopnow a{display: none}
.product-shop .shopnow a{display: inline; color: #fff; font-size: 15px; margin-top: 10px; margin-bottom: 10px; z-index: 99; background-color: #000; font-weight: 700; border: 4px solid #2d2d2d; padding: 5px 10px; border-radius: 8px}
.navbar-nav>li{float: none; display: inline-block}
#top-links li, #toprow-links li{padding: 0 9px; text-transform: none}
#top-links .dropdown-menu a, #top-links .dropdown-menu span, #toprow-links .dropdown-menu a{text-shadow: none; color: #000; text-transform: none}
#logo{margin: 20px auto 10px; width: 245px}
@media(min-width:382px) and (max-width:767px){.navbar-header{position: absolute; top: -75px; right: 10px; color: #fff}}
@media(min-width:770px) and (max-width:990px){.mobile-shop{text-align: center}
.mobile-shop .shopnow{position: relative}
.mobile-shop .shopnow a{display: inline; color: #fff; font-size: 15px; position: absolute; top: 22px; right: 28px; z-index: 99; background-color: #000; font-weight: 700; border: 4px solid #2d2d2d; padding: 5px 10px; border-radius: 8px}
.top-shop .shopnow a{display: none}
.breadcrumb{margin-right: 130px}}
@media(max-width:586px){.mobile-shop{text-align: center}
.mobile-shop .shopnow{position: relative}
.mobile-shop .shopnow a{display: inline; color: #fff; font-size: 15px; position: absolute; top: 22px; right: 28px; z-index: 99; background-color: #000; font-weight: 700; border: 4px solid #2d2d2d; padding: 5px 10px; border-radius: 8px}
.top-shop .shopnow a{display: none}
.breadcrumb{margin-right: 130px}}
@media(max-width:767px){#search{margin-top: 0}
#menu{border-radius: 4px}
#menu div.dropdown-inner>ul.list-unstyled{display: block}
#menu div.dropdown-menu{margin-left: 0!important; padding-bottom: 10px; background-color: rgba(0, 0, 0, .1)}
#menu .dropdown-inner{display: block}
#menu .dropdown-inner a{width: 100%; color: #fff}
#menu .dropdown-menu a:hover,  #menu .dropdown-menu ul li a:hover{background: rgba(0, 0, 0, .1)}
#menu .see-all{margin-top: 0; border: 0; border-radius: 0; color: #fff}}
#content{min-height: 600px}
footer hr{border-top: 0; border-bottom: 1px solid #666}
footer h5{font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 700; color: #fff}
.alert{padding: 8px 14px}
.container .alert{margin-top: 20px; margin-bottom: 0}
.breadcrumb{padding: 10px 0 0; margin-top: 0; margin-bottom: 0; background-color: transparent; font-size: 13px}
.breadcrumb>li{display: inline}
.breadcrumb i{font-size: 16px}
.breadcrumb>li a{color: #2d2d2d; word-break: break-word}
.breadcrumb>li{text-shadow: 0 1px 0 #fff; padding: 0 3px; position: relative; word-break: break-word; height: 29px}
.breadcrumb>li+li:before{content: ''; padding: 0}
.pagination{margin: 0}
.image-additional img{border: 2px solid #fff}
.firstimagea img{border: 2px solid #000}
.buttons{margin: 1em 0}
.btn{padding: 7.5px 12px; font-size: 12px; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)}
.advertblock h2{padding-top: 0; margin-top: 0}
.advertblock{border: 1px solid #cdcdcd; background-color: #f3f3f3; padding: 20px}
.btn-xs{font-size: 9px}
.btn-sm{font-size: 10.2px}
.btn-lg{padding: 10px 16px; font-size: 15px}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover{font-size: 12px}
.btn-group>.btn-xs{font-size: 9px}
.btn-group>.btn-sm{font-size: 10.2px}
.btn-group>.btn-lg{font-size: 15px}
.btn-default{color: #fff; text-shadow: none; background-color: #2d2d2d; background-image: none; background-repeat: repeat-x; border: 1px solid #c5c5c5}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{color: #fff; background-color: #615f5f; border-color: #c5c5c5}
.btn-primary{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a}
.btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled]{background-color: #1f90bb; background-position: 0 -15px}
.btn-warning{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704}
.btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:hover, .btn-warning[disabled]{box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)}
.btn-danger{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420}
.btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:hover, .btn-danger[disabled]{box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)}
.btn-success{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038}
.btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:hover, .btn-success[disabled]{box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)}
.btn-info{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a}
.btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled]{background-image: none; background-color: #df5c39}
.btn-link{border-color: transparent; cursor: pointer; color: #23a1d1; border-radius: 0}
.btn-link, .btn-link:active, .btn-link[disabled]{background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none}
.btn-inverse{color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #363636; background-image: linear-gradient(to bottom, #444, #222); background-repeat: repeat-x; border-color: #222 #222 #000}
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:hover, .btn-inverse[disabled]{background-color: #222; background-image: linear-gradient(to bottom, #333, #111)}
.btn-massive, .btn-massive:hover{background-color: #000; color: #fff; font-size: 20px; text-align: center; padding: 50px 20px; margin: 20px 10px 0; display: block}
.list-group a{border: 1px solid #ddd; color: #888; padding: 8px 12px}
.list-group a.active, .list-group a.active:hover, .list-group a:hover{color: #444; background: #eee; border: 1px solid #ddd; text-shadow: 0 1px 0 #fff}
.carousel-caption{color: #fff; text-shadow: 0 1px 0 #000}
.carousel-control .icon-prev:before{content: '\f053'; font-family: FontAwesome}
.carousel-control .icon-next:before{content: '\f054'; font-family: FontAwesome}
.dark-bg{background-color: #000; color: #fff}
.dark-bg h2{color: #fff; text-decoration: underline}
.owl-no-space .owl-carousel{margin: 0}
.owl-carousel{background: 0 0!important}
.product-thumb{overflow: auto; border: 2px solid #aaa!important; background-image: none; padding: 0; position: relative; max-width: 262px; margin: 0 auto}
.product-thumb .image{text-align: center}
.product-thumb .image a{display: block}
.product-thumb .image img{margin-left: auto; margin-right: auto}
.product-grid .product-thumb .image{float: none}
.product-thumb .likedfe{position: absolute; top: 2px; right: 2px; color: #535362; padding: 5px; background-color: #f5f5f5; border: 1px solid #cdcdcd; font-size: 20px}
.product-thumb .likedfe:hover{background-color: #000; border-color: #000; color: #fff; text-decoration: none}
.product-thumb .likedfe .fa{font-size: 20px; color: #2d2d2d}
@media(min-width:767px){.head_1 .col-md-2 .retail_btn{display: none}
.product-list .product-thumb .image{float: left; padding: 0 15px}}
.product-thumb h4{font-weight: 700}
.product-thumb .caption{padding: 0 20px; min-height: 180px}
.product-list .product-thumb .caption{margin-left: 230px}
@media(max-width:1200px){.product-grid .product-thumb .caption{min-height: 210px; padding: 0 10px}
.laflagship{display: none}}
@media(min-width:1200px){.text-right-lg{text-align: right}}
@media(max-width:767px){.product-list .product-thumb .caption{min-height: 0; margin-left: 0; padding: 0 10px}
.product-grid .product-thumb .caption{min-height: 0}}
.product-thumb .rating{padding-bottom: 10px}
.rating .fa-stack{font-size: 8px}
.rating .fa-star-o{color: #999; font-size: 15px}
.rating .fa-star{color: #fc0; font-size: 15px}
.rating .fa-star+.fa-star-o{color: #e69500}
h2.price{margin: 0}
.product-thumb .price{color: #444}
.product-thumb .price-new{font-weight: 600}
.product-thumb .price-old{color: #999; text-decoration: line-through; margin-left: 10px}
.product-thumb .price-tax{color: #999; font-size: 12px; display: block}
.product-thumb .button-group{border-top: 1px solid #ddd; background-color: #eee; overflow: auto}
.product-list .product-thumb .button-group{border-left: 1px solid #ddd}
@media(max-width:768px){.product-list .product-thumb .button-group{border-left: 0}}
.product-thumb .button-group button{width: 60%; border: 0; display: inline-block; float: left; background-color: #eee; color: #888; line-height: 38px; font-weight: 700; text-align: center; text-transform: uppercase}
.product-thumb .button-group button+button{width: 20%; border-left: 1px solid #ddd}
.product-thumb .button-group button:hover{color: #444; background-color: #ddd; text-decoration: none; cursor: pointer}
.catthumbnails{height: 60px; overflow: hidden; position: relative; max-width: 500px; margin: 0 auto; text-align: center}
.catthumbnails a{width: 40px; height: 60px}
.catthumbnails a img{margin-top: 5px}
.thumbnails{overflow: auto; list-style: none; padding: 0; margin: 0}
.thumbnails>li{margin-left: 20px}
.thumbnails{margin-left: 0; height: 893px}
.thumbnails>img{width: 100%}
.image-additional a, .video-additional a{margin-bottom: 10px; padding: 0; display: block; border: 0 solid #ddd}
.thumbnails .image-additional, .thumbnails .video-additional{margin-left: 0px;padding-left:7px;max-width:100%;}
.categorysocial{background-color: rgba(0, 0, 0, .55); text-align: center; padding: 6px; position: absolute; bottom: 0; width: 100%; left: 0; display: none}
.product-thumb:hover .categorysocial{display: block}
#videobox{position: absolute}
#videobox, #videoboximg{width: 100%}
@media(max-width:1200px){.product-thumb .button-group button,  .product-thumb .button-group button+button{width: 33.33%}
.thumbnails{width: 100%; height: auto}
.video-additional{float: none; width: 100%}
#videobox,  #videoboximg{width: 100%}}
@media(min-width:768px){#column-left .product-layout .col-md-3{width: 100%}
#column-left+#content .product-layout .col-md-3{width: 50%}
#column-left+#content+#column-right .product-layout .col-md-3{width: 100%}
#content+#column-right .product-layout .col-md-3{width: 100%}}
.product-layout h4{height: 36px}
#column-left .product-layout, #column-right .product-layout{width: 100%}
#column-left #filterauto .checkbox{margin-top: 0; margin-bottom: 0; width: 140px; float: left}
#column-left #filterauto .filterheader{display: block; clear: both; padding: 10px 0}
#column-left #filterauto b{display: block; clear: both; padding: 10px 5px; background-color: #000; color: #fff}
.input-group .form-control[name^=quantity]{min-width: 50px}
.white-popup{position: relative; background: #fff; padding: 20px; width: auto; max-width: 800px; margin: 20px auto}
@media((max-width:1500px) and (min-width:768px)){.hoversearchxsmd{position: absolute; right: 10px}
.mainmenufullxsmd{width: 100%}}
@media(min-width:1500px){.container{width: 1440px}}
@media(max-width:1500px){.thumbnails{height: 715px}}
@media(max-width:1200px){.thumbnails{height: auto!important}}
.owl-wrapper-outer{border: none!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; box-shadow: none!important}
.middle-home .item{background-color: #e5e5e5!important}
.middle-home .item img{text-align: center; margin: 0 auto}
.home-bottom h2{text-align: center}
#left-links .list-menu{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; color: #fff; padding: 2px 0; text-decoration: none; line-height: 1.3; list-style: none}
#left-links .list-menu small{font-size: 9pt}
#left-links .list-menu li a, #left-links .list-menu li span{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #000; padding: 2px 0; text-decoration: none; line-height: 1.7}
.common-home #left-links .list-menu li span{color: #fff}
.dark-bg #left-links .list-menu li a{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #fff; padding: 2px 0; text-decoration: none; line-height: 2.5}
#left-links .list-menu li a:hover{text-decoration: underline}
#left-links2 .list-menu{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; color: #fff; padding: 2px 0; text-decoration: none; line-height: 1.3; list-style: none}
#left-links2 .list-menu small{font-size: 13px}
#left-links2 .list-menu li a, #left-links2 .list-menu li span{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #000; padding: 2px 0; text-decoration: none; line-height: 1.7}
.dark-bg #left-links2 .list-menu li a{font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #fff; padding: 2px 0; text-decoration: none; line-height: 1.3}
#left-links2 .list-menu{margin-bottom: 0}
#left-links2 .fa{font-size: 21px}
#left-links2 .list-menu li a:hover{text-decoration: underline}
#column-right img{text-align: center; margin: 0 auto}
.dropdown-menu>li>a{color: #000; line-height: 1.62857143}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #d0d0d0!important; background-color: transparent!important}
.loadmorex{background-color: #d6d6d6; background-image: url(image/more.png); background-position: center bottom; width: 100%; text-align: center; padding: 12px 0 24px; font-weight: 700; font-size: 20px; color: #a0a0a0; cursor: pointer}
.loadmore:before{clear: both}
.loadmore:after{clear: both}
.loadmore:hover{color: #87185b}
#paginationlist{text-align: center}
#paginationlist a, #paginationlist span{color: #337ab7; font-size: 14px}
#paginationlist span{font-weight: 700}
@media(max-width:767px){.navbar-toggle,  .navbar-toggle .icon-bar{border: 1px solid #9c9c9c}
.mainmenufullxsmd li{border-bottom: 1px solid #cdcdcd; display: block; width: 100%}
.navbar-nav .open .dropdown-menu{border-top: 1px solid #cdcdcd}
#top-links .dropdown-menu a{color: #fff}
.product-thumb .button-group button,  .product-thumb .button-group button+button{width: 33.33%}}
.wheretobuy{background: #000; margin: 2px 0 7px; min-width: 240px; text-align: center; font: 24px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; font-weight: 600; text-transform: uppercase; line-height: 43px; margin: 12px; display: inline-block}
.wheretobuy a{text-decoration: none; color: #fff}
.wheretobuy a:hover{text-decoration: underline; color: #fff}
.topretailer{text-align: left; width: 100%; margin-top: 40px}
.topretailer-item-logo{padding: 5px; text-align: center}
.topretailer-item-text{padding: 5px; font-size: 18px}
#content .row p img{margin: 5px}
.form-wrapper .form-ul li input{width: 300px!important}
.form-wrapper .form-ul li .checkbox-wrapper label input{width: 50px!important}
.form-wrapper .form-ul li select{width: 300px!important}
.form-wrapper .form-ul li textarea{width: 300px!important}
.form-wrapper .form-ul li.li-submit{text-align: left!important}
.form-wrapper .form-ul li .address-wrapper input{width: 144px!important}
.form-wrapper .form-ul li .address-wrapper select{width: 145px!important; min-width: 145px!important}
.form-wrapper .form-ul li .address-wrapper input.street{width: 300px!important}
.form-wrapper .form-ul li .date-wrapper input.day, .form-wrapper .form-ul li .date-wrapper input.month, .form-wrapper .form-ul li .date-wrapper input.year{width: 80px!important}
.form-wrapper .form-ul li input.btn{width: 100px!important}
@media(max-width:767px){.form-wrapper .form-ul li .address-wrapper input.street,  .form-wrapper .form-ul li input,  .form-wrapper .form-ul li input.medium[type=text],  .form-wrapper .form-ul li textarea.medium{width: 100%!important}
.form-wrapper .form-ul li .address-wrapper input.city,  .form-wrapper .form-ul li .address-wrapper input.state,  .form-wrapper .form-ul li .address-wrapper input.zip,  .form-wrapper .form-ul li .address-wrapper select.country{width: 47.9%!important}}
.mfp-close-btn-in .mfp-close{color: #fff!important; border: 2px solid #000; background-color: #2d2d2d; width: 25px!important; text-align: center!important; padding: 0 2px!important; height: 25px; line-height: 23px; content: "close"; opacity: 1; top: 10px!important; right: 10px!important}
.mfp-close-btn-in .mfp-figure .mfp-close{top: 50px!important}
.nav>li>a:focus, .nav>li>a:hover{text-decoration: none; background-color: transparent!important}
a.back-to-top{display: none; width: 60px; height: 60px; position: fixed; text-align: center; z-index: 999; right: 20px; padding-top: 33px; font-weight: 700; color: #fff; bottom: 50px; background: #69696b url(up-arrow.png) no-repeat center 20%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px}
@media(min-width:500px) and (max-width:991px){.top-search{float: left!important; width: 200px}
header>div>.paddrowmobile{margin-top: 0}
.navbar-header{position: absolute; top: -83px; right: 10px; color: #fff}}
@media(max-width:991px){#top,  #toprow{min-height: 0; margin: 0; padding: 0}
.navbar-nav .open .dropdown-menu{position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #cdcdcd}
#top-links .dropdown-menu a,  #top-links .dropdown-menu span{color: #fff}
.navbar-toggle,  .navbar-toggle .icon-bar{border: 1px solid #9c9c9c}
.navbar-header{position: absolute; top: -75px; right: 10px; color: #fff; float: none}
.navbar-toggle{display: block}
.navbar-collapse{border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)}
.navbar-nav{float: none!important; margin: 7.5px -15px}
.navbar-nav>li{float: none}
.navbar-nav>li>a{padding-top: 10px; padding-bottom: 10px}
.navbar-text{float: none; margin: 15px 0}
.navbar-collapse.collapse.in{display: block!important}
.collapsing{overflow: hidden!important}}
#productlist .product-thumb-out{position: relative; width: 100%; padding-bottom: 150%; float: left}
#productlist .product-thumb-out .image{position: absolute; width: 100%; height: 100%}
#productlist .product-thumb-out .image img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%}
.prom-banner{background-image: url(/image/catalog/pages/prom-banner-wide.jpg); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; height: 600px}
.prom-banner a img{width: 290px}
.prom-banner a{font-size: 22px; color: #000; text-decoration: underline}
.prom-banner a.prom16{position: absolute; right: 50px; top: 125px}
.prom-banner a.prom17{position: absolute; right: 50px; top: 225px}
.item{padding: 0 3px}
.fame_section h4 span{display: block; padding: 4px 0 22px}
.fame_section img{height: 260px}
.show{display: inline-block!important}
.fade.show{opacity: 1}
.collapse{visibility: visible!important}
.head li .dropdown-menu{margin: 31px 0 0!important}
.head .dropdown-menu{transform: none!important}
@media(min-width:320px) and (max-width:767px){.head li .dropdown-menu{margin: 18px 0 0!important}
.head_2 .dropdown-menu{position: relative}
.head_2 .dropdown-menu.show{box-shadow: none!important; border: none!important}}
.trunk-box{padding: 25px 10px; box-shadow: 0 0 30px 20px #ededed; margin: 20px 0; border-radius: 5px}
.trunk-box p{margin: 0; line-height: 24px}
.trunk-box h4{color: #ea3b98}
.jbn-bx h1{color: #bfa258; margin-top: 0}
.jbn-bx .date i, .jbn-bx .date p, .jbn-bx img{display: inline-block}
.jbn-bx{text-align: center; box-shadow: 0 0 7px #999; border-radius: 0; padding: 15px 10px 30px; margin-bottom: 20px}
.jbn-bx h3{font-size: 20px; line-height: 1.5}
.jbn-bx .date{display: block; margin: 18px 0}
.jbn-bx i{color: #bfa258; margin: 0 5px}
.jbn-bx p{margin: 0}
.jbn-bx a{display: inline-block; background: #bfa258; text-transform: uppercase; letter-spacing: 1px; color: #fff; font-size: 18px; padding: 10px 70px; border-radius: 4px}
.jbn-bx a:hover{color: #fff; text-decoration: none; background: #464545}
.review_popup .modal-dialog{margin: 15% auto 0}
.free_shipping h3{background-color: #43434b; color: #fff; font-size: 16px; font-weight: 400; margin: 0; padding: 10px 0; text-align: center}
.free_shipping h3 a{color: #fff; cursor: pointer}
#panel{display: none}
.free_shipping h4{color: #000; font-size: 16px; line-height: 1.3; margin: 15px 0 12px; text-align: center}
.free_shipping p{color: #444; font-size: 14px; line-height: 1.6; margin: 0 0 15px}
#panel{position: absolute; background-color: #fff; left: 30px; right: 30px; z-index: 11; border: 1px solid #ccc}
.free_shipping{padding: 0 35px}
.free_shipping .col-md-4:nth-child(2){border-right: 1px solid #ccc}
.free_shipping .col-md-4:nth-child(4){border-left: 1px solid #ccc}
.free_shipping h3 i{float: right; padding: 0 15px 0 0; cursor: pointer}
.free_shipping #panel i{float: right; cursor: pointer; margin: 10px 10px -28px 0; position: relative; z-index: 1; font-size: 18px}
.free_shipping #panel a{background-color: #444; border: 2px solid #444; color: #fff; display: block; font-size: 18px; font-weight: 600; margin: 0 auto 20px; padding: 10px 0 6px; text-align: center; text-transform: uppercase; width: 150px; clear: both}
.free_shipping #panel a:hover{background-color: transparent; color: #444; text-decoration: none}
.free_shipping hr{border-top: 1px solid #ccc!important; clear: both; border-bottom: none!important}
.dress_by_heading_span{font-weight: 700!important; font-size: 17px!important; text-decoration: underline!important; color: #000}
.my_size{display: block; text-align: center}
.my_size a{font-size: 21px; background: #333; padding: 10px 12px; color: #fff; margin: 20px auto; display: inline-block; border-radius: 4px; border: 2px solid transparent; transition: all .5s; text-decoration: none}
.my_size a:hover{background: 0 0; border: 2px solid #292929; color: #292929}
@media(min-width:1100px) and (max-width:1300px){.top_head .nav>li>a{font-size: 10px; font-weight: 600; padding: 0; color: #000!important}}
@media screen and (max-width:1499px){.prom-banner{height: 484px}
.prom-banner a.prom16{position: absolute; top: 130px}
.prom-banner a.prom17{position: absolute; top: 240px}}
@media screen and (max-width:1200px){.prom-banner a img{width: 210px}
.prom-banner{height: 400px}
.prom-banner a.prom16{position: absolute; top: 135px}
.prom-banner a.prom17{position: absolute; top: 220px}}
@media screen and (max-width:992px){.prom-banner a img{width: 180px}
.prom-banner{height: 305px}
.prom-banner a.prom16{position: absolute; right: 15px; top: 70px}
.prom-banner a.prom17{position: absolute; right: 15px; top: 140px}}
@media screen and (max-width:768px){.at-image-sharing-mobile-icon{display: none}
.prom-banner a img{width: 210px}
.prom-banner{height: 412px}
.prom-banner a.prom16{position: absolute; right: 15px; top: 100px}
.prom-banner a.prom17{position: absolute; right: 15px; top: 190px}
.desktopmenuonly{display: none}}
@media screen and (max-width:690px){.top-search{float: left!important; width: auto!important}}
@media screen and (max-width:650px){.prom-banner a img{width: 180px}
.prom-banner{height: 350px}
.prom-banner a.prom16{position: absolute; top: 100px}
.prom-banner a.prom17{position: absolute; top: 180px}}
@media screen and (max-width:580px){a.back-to-top{width: 35px; height: 35px}
.prom-banner{background-image: none; text-align: center; height: 145px}
.prom-banner a img{width: 75%; margin: 0 auto}
.prom-banner a.prom16{position: initial; display: inline-block}
.prom-banner a.prom17{position: initial; display: inline-block}}
@media screen and (max-width:425px){.prom-banner{height: 130px}}
@media(max-width:840px){.homepage-switch>div.htmlcontents{position: initial!important; width: 100%; clear: both; background-color: #000}}
@media(min-width:768px) and (max-width:991px){#instagram_list_post .product-grid:nth-child(2n+1){clear: both!important}
.navbar-header{top: 0}}
@media screen and (min-width:992px){#instagram_list_post .product-grid:nth-child(3n+1){clear: both!important}}
.common-home .image-brdr{border: 0; margin-top: 0}
.image-brdr{border: 2px solid #aaa; margin-top: -3px}
.mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8}
.mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden}
.mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle}
.mfp-align-top .mfp-container:before{display: none}
.mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content{width: 100%; cursor: auto}
.mfp-ajax-cur{cursor: progress}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out}
.mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in}
.mfp-auto-cursor .mfp-content{cursor: auto}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader{-webkit-user-select: none; -moz-user-select: none; user-select: none}
.mfp-loading.mfp-figure{display: none}
.mfp-hide{display: none!important}
.mfp-preloader{color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044}
.mfp-preloader a{color: #ccc}
.mfp-preloader a:hover{color: #fff}
.mfp-s-ready .mfp-preloader{display: none}
.mfp-s-error .mfp-content{display: none}
button.mfp-arrow, button.mfp-close{overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none}
button::-moz-focus-inner{padding: 0; border: 0}
.mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace}
.mfp-close:focus, .mfp-close:hover{opacity: 1}
.mfp-close:active{top: 1px}
.mfp-close-btn-in .mfp-close{color: #333}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close{color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%}
.mfp-counter{position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px}
.mfp-arrow{position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent}
.mfp-arrow:active{margin-top: -54px}
.mfp-arrow:focus, .mfp-arrow:hover{opacity: 1}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent}
.mfp-arrow .mfp-a, .mfp-arrow:after{border-top-width: 13px; border-bottom-width: 13px; top: 8px}
.mfp-arrow .mfp-b, .mfp-arrow:before{border-top-width: 21px; border-bottom-width: 21px}
.mfp-arrow-left{left: 0}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after{border-right: 17px solid #fff; margin-left: 31px}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before{margin-left: 25px; border-right: 27px solid #3f3f3f}
.mfp-arrow-right{right: 0}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after{border-left: 17px solid #fff; margin-left: 39px}
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before{border-left: 27px solid #3f3f3f}
.mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px}
.mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px}
.mfp-iframe-holder .mfp-close{top: -40px}
.mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%}
.mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000}
img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto}
.mfp-figure{line-height: 0}
.mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444}
.mfp-figure small{color: #bdbdbd; display: block; font-size: 12px; line-height: 14px}
.mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto}
.mfp-title{text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px}
.mfp-image-holder .mfp-content{max-width: 100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0}
.mfp-img-mobile img.mfp-img{padding: 0}
.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0}
.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px}
.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0}
.mfp-img-mobile .mfp-counter{right: 5px; top: 3px}
.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0}}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform: scale(.75); transform: scale(.75)}
.mfp-arrow-left{-webkit-transform-origin: 0 0; transform-origin: 0 0}
.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%}
.mfp-container{padding-left: 6px; padding-right: 6px}}
.mfp-ie7 .mfp-img{padding: 0}
.mfp-ie7 .mfp-bottom-bar{width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px}
.mfp-ie7 .mfp-container{padding: 0}
.mfp-ie7 .mfp-content{padding-top: 44px}
.mfp-ie7 .mfp-close{top: 0; right: 0; padding-top: 0}
.ma5menu{display: none}
.ma5menu--active .ma5menu__page{margin-right: -17px; height: 100%; overflow: hidden; -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); transition: -webkit-transform .3s ease-out 0; -o-transition: transform .3s ease-out 0; transition: transform .3s ease-out 0; transition: transform .3s ease-out 0, -webkit-transform .3s ease-out 0}
@media(min-width:768px){.ma5menu--active .ma5menu__page{-webkit-transform: translate3d(360px, 0, 0); transform: translate3d(360px, 0, 0)}}
.ma5menu>ul{display: none}
.ma5menu__head{padding: 0 5px; height: 60px; text-align: center; color: #fff; background-color: transparent; position: relative}
.ma5menu__header{line-height: 35px; color: #fff; background-color: transparent}
.ma5menu__header a{color: #ffc107}
.ma5menu__header a:hover{color: #ffc107}
.ma5menu__close{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; background-color: transparent}
.ie .ma5menu__close{fill: #fff}
.ma5menu__toggle:hover .ma5menu__close{color: #ffc107; background-color: transparent}
.ie .ma5menu__toggle:hover .ma5menu__close{fill: #ffc107}
.ma5menu__logo{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 40px; height: 40px}
.ie .ma5menu__logo{fill: #fff}
.ma5menu__home:hover .ma5menu__logo{color: #ffc107}
.ie .ma5menu__home:hover .ma5menu__logo{fill: #ffc107}
.ma5menu__home{font-weight: 700; color: inherit}
.ma5menu__tools{display: none}
.ma5menu__footer .ma5menu__tools{display: block}
.ma5menu__footer{padding: 20px 20px 30px 20px; text-align: center; color: rgba(255, 255, 255, .6); text-transform: none}
.ma5menu__footer a{color: #ffc107}
.ma5menu__footer a:hover{color: #ffc107}
.ma5menu__toggle{cursor: pointer; color: #000; background-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; width: 42px; height: 38px; position: relative; box-shadow: none}
.ma5menu__toggle:hover{color: #fff!important; background-color: #43434b}
.ie .ma5menu__toggle:hover{fill: #fff}
.ie .ma5menu__toggle{fill: #fff}
.ma5menu__toggle .ma5menu__icon-toggle{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 42px; height: 35px}
.ma5menu__header .ma5menu__toggle{position: absolute; top: 0; width: 60px; height: 60px; color: #fff; background-color: transparent}
.ma5menu__header .ma5menu__toggle:hover{color: #ffc107; background-color: transparent}
.ma5menu--left .ma5menu__header .ma5menu__toggle{right: 0}
.ma5menu--right .ma5menu__header .ma5menu__toggle{left: 0}
.ma5menu__icon-up{margin: 0; width: 44px; height: 44px; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px 8px}
.ma5menu__alert{display: block; text-align: center; width: 280px; height: 50px; bottom: 0; left: 0; position: absolute; overflow: hidden; z-index: 500; -webkit-transform: translateZ(0); transform: translateZ(0)}
@media(min-width:768px){.ma5menu__alert{width: 360px}}
.ma5menu__container--scroll .ma5menu__alert{background-position: 0 0; -o-transition: background-position .4s ease-out; transition: background-position .4s ease-out; pointer-events: auto}
.ma5menu__alert-content{width: 150px; height: 40px; position: absolute; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -o-transition: bottom .4s ease-in; transition: bottom .4s ease-in}
.ma5menu__container--scroll .ma5menu__alert-content{bottom: 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ma5-arrowDown; animation-name: ma5-arrowDown; -o-transition: bottom .4s ease-out .4s; transition: bottom .4s ease-out .4s}
.ma5menu__container{-o-transition: none!important; transition: none!important; position: fixed; background-color: #43434b; height: 100%; top: 0; line-height: 19px; overflow: hidden; border: 0; z-index: 10000; box-shadow: 0 0 12px rgba(0, 0, 0, .14)}
@media(max-width:767px){.ma5menu__container{width: 280px}}
@media(min-width:768px){.ma5menu__container{width: 360px}}
.ma5menu--left .ma5menu__container{-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); left: 0}
.ma5menu--right .ma5menu__container{-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); right: -280px}
.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOut; animation-name: ma5menuOut}
.ie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOutIEphone; animation-name: ma5menuOutIEphone}
@media(min-width:768px){.ie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOutIEtablet; animation-name: ma5menuOutIEtablet}}
.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB}
.ie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone}
@media(min-width:768px){.ie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet}}
.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB}
.ie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone}
@media(min-width:768px){.ie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet}}
.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuIn; animation-name: ma5menuIn}
.ie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuInIEphone; animation-name: ma5menuInIEphone}
@media(min-width:768px){.ie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name: ma5menuInIEtablet; animation-name: ma5menuInIEtablet}}
@media(min-width:768px){.ma5menu--left .ma5menu__container{-webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0); padding: 0; left: 0}}
@media(min-width:768px){.ma5menu--right .ma5menu__container{-webkit-transform: translate3d(360px, 0, 0); transform: translate3d(360px, 0, 0); right: -360px}}
.safari .ma5menu__container{height: 100%}
.preload .ma5menu__container{opacity: 0; z-index: -1}
.ma5menu__panel{display: none; width: 280px; height: 80%; height: calc(100% - 60px); position: absolute; overflow: hidden; overflow-y: auto; top: 60px; left: 0; margin: 0; padding: 0; list-style-type: none; z-index: 100; color: rgba(255, 255, 255, .1); background-color: #43434b}
@media(min-width:768px){.ma5menu__panel{width: 360px}}
.ma5menu__panel.has-scrollbar{overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch}
.ma5menu__panel:hover::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, .4)}
.ma5menu__panel::-webkit-scrollbar{width: 9px; background-color: #43434b}
.ma5menu__panel::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, .15); outline: 0; border-right: 3px solid #43434b}
.ma5menu__panel:first-of-type{z-index: 160}
.ma5menu__panel--parent-enter, .ma5menu__panel--parent-leave{z-index: 180; display: block}
.ma5menu__panel--active-enter, .ma5menu__panel--active-leave{z-index: 190; display: block}
.ma5menu__panel--active-enter{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie .ma5menu__panel--active-enter{-webkit-animation-name: ma5-panelIn; animation-name: ma5-panelIn}
.ie .ma5menu__panel--active-enter{-webkit-animation-name: ma5-panelInIEphone; animation-name: ma5-panelInIEphone}
@media(min-width:768px){.ie .ma5menu__panel--active-enter{-webkit-animation-name: ma5-panelInIEtablet; animation-name: ma5-panelInIEtablet}}
.ma5menu__panel--active-leave{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie .ma5menu__panel--active-leave{-webkit-animation-name: ma5-panelOut; animation-name: ma5-panelOut}
.ie .ma5menu__panel--active-leave{-webkit-animation-name: ma5-panelOutIEphone; animation-name: ma5-panelOutIEphone}
@media(min-width:768px){.ie .ma5menu__panel--active-leave{-webkit-animation-name: ma5-panelOutIEtablet; animation-name: ma5-panelOutIEtablet}}
.ma5menu__panel--parent-enter{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie .ma5menu__panel--parent-enter{-webkit-animation-name: ma5menuOut; animation-name: ma5menuOut}
.ie .ma5menu__panel--parent-enter{-webkit-animation-name: ma5menuOutIEphone; animation-name: ma5menuOutIEphone}
@media(min-width:768px){.ie .ma5menu__panel--parent-enter{-webkit-animation-name: ma5menuOutIEtablet; animation-name: ma5menuOutIEtablet}}
.ma5menu__panel--parent-leave{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.noie .ma5menu__panel--parent-leave{-webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB}
.ie .ma5menu__panel--parent-leave{-webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone}
@media(min-width:768px){.ie .ma5menu__panel--parent-leave{-webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet}}
.ma5menu__panel.lvl-0{text-transform: uppercase}
.ma5menu__panel.lvl-1{text-transform: none}
.ma5menu__panel>ul{margin: 0; padding: 0}
.ma5menu__panel>ul li{position: relative; font-size: 0; padding-right: 0; margin-bottom: 0; line-height: 0}
.ma5menu__panel>ul li:first-of-type{border-top: 1px solid rgba(255, 255, 255, .3)}
.ma5menu__panel>ul li .ma5menu__category, .ma5menu__panel>ul li a{display: inline-block; vertical-align: top; text-decoration: none!important; width: 100%; outline: 0!important; border-bottom: 1px solid rgba(255, 255, 255, .3); pointer-events: none; letter-spacing: .3px; -o-transition: color .3s ease-out, background-color .3s ease-out; transition: color .3s ease-out, background-color .3s ease-out; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 19px; overflow: hidden; -ms-touch-action: manipulation; touch-action: manipulation; min-height: 50px}
.ma5menu__panel>ul li a{color: #fff; background-color: transparent}
.ma5menu__panel>ul li a:hover{color: #ccc; background-color: transparent; -o-transition: none; transition: none}
.ma5menu__panel>ul li .ma5menu__category{position: relative; text-align: left; background-position: calc(100% - 23px) 50%; color: #fff; background-color: transparent}
.ma5menu__panel>ul li .ma5menu__category:hover{color: #ccc; background-color: transparent; -o-transition: none; transition: none}
.ma5menu__panel>ul li .ma5menu__category.ma5menu__path{color: #ffc107!important; background-color: transparent!important}
.ma5menu__panel>ul li .ma5menu__category.ma5menu__path:hover{color: #ffc107!important; background-color: transparent!important; -o-transition: none; transition: none}
.ma5menu__panel>ul li>.ma5menu__btn--enter+a{padding-right: 60px; margin-right: -50px}
.ma5menu__panel--active{z-index: 170; display: block}
.ma5menu__panel--active>ul li .ma5menu__category, .ma5menu__panel--active>ul li a{pointer-events: auto}
.ma5menu__btn--enter, .ma5menu__btn--leave{font-size: 13px; cursor: pointer; display: block; position: absolute; padding: 0; top: 0; height: 100%; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; background-repeat: no-repeat; background-position: 50% 50%; background-size: 8px 8px; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out}
.ma5menu__btn--enter:hover, .ma5menu__btn--leave:hover{-o-transition: none; transition: none}
.ma5menu__btn--enter{z-index: 0; left: auto; right: 0; color: #fff; background-color: rgba(255, 255, 255, .1); background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%207%22%3E%3Cpath%20d%3D%22M4.999%2C3.502%20L2.500%2C0.001%20L0.103%2C0.001%20L2.619%2C3.502%20L-0.001%2C7.001%20L2.500%2C7.001%20L4.999%2C3.502%20L4.999%2C3.502%20Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E); width: 50px}
.ma5menu__btn--enter:hover{color: #ffc107; background-color: rgba(255, 255, 255, .3); background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%207%22%3E%3Cpath%20d%3D%22M4.999%2C3.502%20L2.500%2C0.001%20L0.103%2C0.001%20L2.619%2C3.502%20L-0.001%2C7.001%20L2.500%2C7.001%20L4.999%2C3.502%20L4.999%2C3.502%20Z%22%20fill%3D%22%23ffc107%22/%3E%3C/svg%3E)}
.ma5menu__btn--enter:before{content: ""; display: block; width: 1px; position: absolute; top: 3px; bottom: 3px; left: -2px; background-color: transparent; -webkit-transform: translateZ(0); transform: translateZ(0)}
.ma5menu__btn--leave{left: 0; right: auto; color: #fff; background-color: rgba(255, 255, 255, .1); background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%207%22%3E%3Cpath%20d%3D%22M0.001%2C3.498%20L2.500%2C6.999%20L4.897%2C6.999%20L2.381%2C3.498%20L5.001%2C-0.001%20L2.500%2C-0.001%20L0.001%2C3.498%20L0.001%2C3.498%20Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E); width: 50px}
.ma5menu__btn--leave:hover{color: #ffc107; background-color: transparent; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%207%22%3E%3Cpath%20d%3D%22M0.001%2C3.498%20L2.500%2C6.999%20L4.897%2C6.999%20L2.381%2C3.498%20L5.001%2C-0.001%20L2.500%2C-0.001%20L0.001%2C3.498%20L0.001%2C3.498%20Z%22%20fill%3D%22%23ffc107%22/%3E%3C/svg%3E)}
.ma5menu__leave:hover .ma5menu__btn--leave{color: #ffc107; background-color: transparent; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%207%22%3E%3Cpath%20d%3D%22M0.001%2C3.498%20L2.500%2C6.999%20L4.897%2C6.999%20L2.381%2C3.498%20L5.001%2C-0.001%20L2.500%2C-0.001%20L0.001%2C3.498%20L0.001%2C3.498%20Z%22%20fill%3D%22%23ffc107%22/%3E%3C/svg%3E)}
.ma5menu__btn--leave:before{content: ""; display: block; width: 1px; position: absolute; top: 0; bottom: 0; right: -2px; background-color: transparent; -webkit-transform: translateZ(0); transform: translateZ(0)}
.ma5menu__leave{font-size: 15px; color: #fff; background-color: rgba(255, 255, 255, .1); cursor: pointer; display: block; position: relative; padding: 0 44px 0 44px; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .3); height: 50px; line-height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: -44px}
.ma5menu__leave:hover{color: #ccc; background-color: rgba(255, 255, 255, .1)}
.ma5menu__leave+.ma5menu__btn--enter{bottom: 0; height: calc(100% - 50px); top: auto}
.ma5menu__path{color: #ffc107!important; background-color: transparent!important}
.ma5menu--overflow{overflow-x: hidden!important}
.ma5menu--left:before, .ma5menu--right:before{content: ""; display: block; height: 100%; position: fixed; top: 0; background-color: rgba(255, 255, 255, .01); z-index: -1; -o-transition: background-color .4s ease-out .5s, z-index .8s linear; transition: background-color .4s ease-out .5s, z-index .8s linear; width: 100%}
.ma5menu--active:before{background-color: rgba(255, 255, 255, .6); -o-transition: background-color .4s ease-in; transition: background-color .4s ease-in; z-index: 9000}
.ma5menu--active>body .container *{-ms-touch-action: none; touch-action: none; pointer-events: none}
@media(max-width:767px){.ma5menu--active>body *{pointer-events: none}
.ma5menu--active>body .ma5menu__toggle{pointer-events: auto}
.ma5menu--active>body .ma5menu__toggle *{pointer-events: auto}
.ma5menu--active>body .ma5menu__container{pointer-events: auto}
.ma5menu--active>body .ma5menu__container *{pointer-events: auto}
.ma5menu--active>body .ma5menu__container .ma5menu__alert{pointer-events: none}
.ma5menu--active>body .ma5menu__container--scroll{pointer-events: auto}}
@media(max-width:1199px){.ma5menu--active.has-body-scrollbar{overflow: hidden; overflow-y: scroll; height: auto; min-height: 100%; -webkit-overflow-scrolling: touch}}
.ma5menu--active.ma5menu--left:before{right: 0}
.ma5menu--active.ma5menu--right:before{left: 0}
.ma5menu--swipe{position: relative; overflow-x: hidden!important}
.ma5menu--swipe body{position: relative}
.ma5menu--swipe.ma5menu--left body{-o-transition: left .5s ease-out; transition: left .5s ease-out; left: 0}
.ma5menu--swipe.ma5menu--right body{-o-transition: right .5s ease-out; transition: right .5s ease-out; right: 0}
.ma5menu--swipe.ma5menu--active.ma5menu--left body{left: 280px}
@media(min-width:768px){.ma5menu--swipe.ma5menu--active.ma5menu--left body{left: 360px}}
.ma5menu--swipe.ma5menu--active.ma5menu--right body{right: 280px}
@media(min-width:768px){.ma5menu--swipe.ma5menu--active.ma5menu--right body{right: 360px}}
header{background-color: #fff}
.dd{padding: 0!important}
.click-sec .form-control #netsec_menu_mobile{position: relative}
#customer-sec{background-color: #000!important; margin: 2px 0 25px; text-align: center}
#customer-sec p{color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .5px; line-height: 1.7; margin: 14px 12px}
#customer-sec p span{text-transform: uppercase; color: #fff}
#customer-sec .owl-next, #customer-sec .owl-prev{font-size: 0!important; padding: 0!important}
#customer-sec .owl-prev::before{color: #fff; content: "\f053"; font-family: fontAwesome; font-size: 13px; left: 15px; position: absolute; top: 32%; line-height: 6px}
#customer-sec .owl-next::before{color: #fff; content: "\f054"; font-family: fontAwesome; font-size: 13px; position: absolute; right: 15px; top: 32%; line-height: 6px}
.outer-sec, .outer-sec-1{padding: 0 0 50px; text-align: center}
.outer-sec h3, .outer-sec-1 h3{color: #000; font-size: 19px; font-weight: 400; margin: 32px 0 12px; text-transform: uppercase}
.outer-sec h3 span, .outer-sec-1 h3 span{display: block; font-size: 35px; font-weight: 700; padding: 12px 0 0}
.outer-sec a, .outer-sec-1 a{color: #000; display: inline-block; font-size: 19px; font-weight: 900; text-decoration: underline; text-transform: uppercase}
.outer-sec a:hover, .outer-sec-1 a:hover{color: #888}
.dress-sec .col-lg-12, .outer-sec .col-lg-12, .outer-sec-1 .col-lg-12{margin: 35px 0 0}
.prom-txt{padding: 20px 0 70px}
.prom-box{background-color: #5a6169; padding: 120px 0; text-align: center}
.prom-box a{color: #fff; font-size: 50px; font-weight: 800}
.prom-box a b, .prom-box1 a b{display: block; font-size: 100px; padding: 25px 0}
.prom-box a span, .prom-box1 a span{font-weight: 700}
.prom-box a:hover, .prom-box1 a:hover{color: #bf1722}
.prom-box1{background-color: #dfe6ec; padding: 120px 0; text-align: center}
.prom-box1 a{color: #000; font-size: 50px; font-weight: 800}
.outer-sec-1 h3{margin: 18px 0}
.outer-sec-1 a{margin: 0 0 20px}
.click-sec{background-color: #1b1b1b; color: #fff; padding: 40px 180px}
.click-sec h4{font-size: 15px; margin: 0 0 5px; text-transform: uppercase}
.click-sec p{font-size: 15px; margin: 17px 0 0}
.box-mailchimp{background-color: transparent!important; border: none!important; border-bottom: 2px solid #fff!important; border-radius: 0!important; box-shadow: none!important; color: #fff!important; font-size: 16px!important; font-weight: 700!important; height: 60px!important; padding: 35px 0!important; text-transform: uppercase}
.box-mailchimp:focus{background-color: transparent!important; border: none!important; border-bottom: 2px solid #fff!important; box-shadow: none; color: #fff!important}
.box-mailchimp::-moz-placeholder, .box-mailchimp::-webkit-input-placeholder{background-color: transparent; color: #fff}
.click-sec button{background-color: transparent; border: none; border-radius: 50%; color: #000; float: right; font-size: 15px; height: 37px; margin: -52px 0 0; position: relative; width: 37px}
.click-sec button:hover{background-color: #bf1722; color: #fff}
.dress-sec{padding: 50px 0; text-align: center}
.dress-sec .owl-next, .dress-sec .owl-prev{font-size: 0!important; padding: 0!important}
.dress-sec .owl-prev::before{color: #000; content: "\f053"; font-family: fontAwesome; font-size: 18px; left: -35px; position: absolute; top: 40%}
.dress-sec .owl-next::before{color: #000; content: "\f054"; font-family: fontAwesome; font-size: 18px; position: absolute; right: -35px; top: 40%}
.dress-sec .owl-item{padding: 0 8px}
.dress-sec img{width: 100%}
.dress-sec h4{color: #000; font-size: 22px; font-weight: 700; margin: 18px 0; text-transform: uppercase}
.jovani-txt{padding: 0 0 25px}
.jovani-txt h3{color: #000; font-size: 34px; font-weight: 700; margin: 0 0 35px; text-align: center; text-transform: uppercase}
.jovani-txt p{color: #000; font-size: 14px; line-height: 1.8; margin: 0 0 18px}
.prom-sec{padding: 18px 0 0}
.prom-sec h3{color: #000; font-size: 26px; font-weight: 700; letter-spacing: 1.5px; margin: 28px 0 40px; text-transform: uppercase}
.prom-sec h5{color: #444; font-size: 14px; letter-spacing: .2px; line-height: 1.3; margin: 15px 0}
.prom-sec h6{color: #000; font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: 0; text-transform: uppercase}
.prom-sec a{color: #000}
.dress-menu li{padding: 0 0 17px}
.dress-menu h4{border-bottom: 1px solid #e4e4e4; color: #000; font-size: 15px; font-weight: 400; letter-spacing: 1px; margin: 0; padding: 0 0 21px; text-transform: uppercase}
.dress-menu li a{color: #000; font-size: 14px; font-weight: 500; letter-spacing: .6px}
.dress-menu li a span{color: #000; font-size: 17px; font-weight: 500}
.prom-sec .col-md-9 .col-md-4{margin: 0 0 35px; text-align: center}
.filter-menu{border-bottom: 1px solid #e4e4e4; margin: 0 0 25px; padding: 0 0 13px}
.filter-menu li{display: inline-block; padding: 0 35px 5px 0}
.filter-menu li span{color: #1c1c1c; font-weight: 600; letter-spacing: .6px}
.filter-menu li i{font-size: 10px}
.filter-menu li a{color: #3c3c3c; cursor: pointer; font-size: 14px; letter-spacing: .6px}
.filter-menu .dropdown-menu{border: none; border-radius: 2px; box-shadow: 0 0 11px rgba(0, 0, 0, .15); margin: 5px 0 0; padding: 20px 0; width: 400px}
.filter-menu .dropdown-menu li{padding: 0; text-align: center; width: 24%}
.filter-menu .dropdown-menu li b{color: #000; display: block; font-size: 13px; font-weight: 500; padding: 12px 0 0}
.filter-menu .dropdown-menu li a:hover{background-color: transparent}
.filter-menu .dropdown-menu li:last-child{width: auto}
.filter-menu li .done-btn{background-color: #000; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 1px; margin: 18px 0 0 15px; text-transform: uppercase}
.filter-menu li .done-btn:hover{background-color: #fff; box-shadow: 0 0 5px #999; color: #000!important}
.filter-menu li .cl-btn{color: #333; font-size: 13px; display: inline-block; text-decoration: underline}
.filter-menu li .cl-btn:hover{color: #000!important; text-decoration: none}
.find-btn{border: 1px solid #000; color: #000; display: inline-block; font-size: 12px; letter-spacing: .5px; padding: 6px 30px; text-transform: uppercase}
.prom-sec .col-md-9 .col-md-4:hover .find-btn{background-color: #000; color: #fff}
@media (min-width:320px) and (max-width:767px){.outer-sec h3,  .outer-sec-1 h3{font-size: 16px; margin: 18px 0 10px}
.outer-sec h3 span,  .outer-sec-1 h3 span{font-size: 20px}
.outer-sec a,  .outer-sec-1 a{font-size: 18px; margin: 0 0 5px}
.prom-box1{margin: 20px 0 0}
.click-sec{padding: 25px 15px}
.box-mailchimp{font-size: 16px; font-weight: 500; height: 40px; padding: 18px 0}
.click-sec button{font-size: 14px; height: 32px; margin: -36px 0 0; width: 32px}
.jovani-txt h3{font-size: 20px; margin: 0 8px 15px}
.filter-menu .dropdown-menu{width: 290px}
.dress-sec .owl-prev::before{left: -12px}
.dress-sec .owl-next::before{right: -12px}
.dress-sec h4{font-size: 16px; font-weight: 600}
.get_help_dp{left: -52px!important}}
@media (min-width:480px) and (max-width:767px){.outer-sec .dd,  .outer-sec-1 .dd{padding: 0 30px}
.outer-sec .col-md-6 .col-md-6,  .outer-sec-1 .col-md-6 .col-md-6{float: left; padding: 0; width: 50%}
.prom-sec .col-md-9 .col-md-4{float: left; padding: 0 7px; width: 50%}}
@media (min-width:768px){.outer-sec .row,  .outer-sec-1 .row{display: flex; flex-wrap: wrap}
.outer-sec .col-md-6:last-child{padding-left: 0}
.outer-sec .col-md-6 .col-md-6,  .outer-sec-1 .col-md-6 .col-md-6{padding: 0}
.outer-sec .dd{padding-left: 30px!important}
.outer-sec-1 .col-md-6:first-child{padding-right: 0}
.outer-sec-1 .dd{padding-right: 30px!important}
.outer-sec .col-md-6:last-child img,  .outer-sec-1 .col-md-6:first-child img{height: 100%}
.prom-sec .col-md-9 .col-md-4{padding: 0 7px}}
@media (min-width:768px) and (max-width:991px){.outer-sec h3 span,  .outer-sec-1 h3 span{font-size: 22px}
.click-sec{padding: 40px}
.jovani-txt h3{font-size: 25px; margin: 0 0 25px}
.dress-sec .owl-prev::before{left: -15px}
.dress-sec .owl-next::before{right: -15px}}
@media (min-width:992px) and (max-width:1199px){.filter-menu li{padding: 0 20px 5px 0}
.dress-sec .owl-prev::before{left: -15px}
.dress-sec .owl-next::before{right: -15px}}
a{transition: all .4s ease-in 0s;}
ul{list-style: none; margin: 0; padding: 0}
.top_head{background-color: #fff}
.top_head li{display: inline-block; font-family: Overpass; text-transform: uppercase}
.top_head li a{color: #777; cursor: pointer; display: inline-block; font-size: 11px; font-weight: 700}
.top_head .dropdown-menu{margin: 10px 0 0}
.top_head .dropdown li{display: block; margin: 0}
.top_head .dropdown-menu li a{color: #000!important; display: block; padding: 7px 10px; text-transform: none}
.bottom_head .navbar-inverse{background-color: transparent; border-color: transparent; margin: 0}
.bottom_head .mega-dropdown{position: static!important}
.bottom_head .mega-dropdown-menu{padding: 10px 0; width: 100%; box-shadow: none}
.bottom_head .mega-dropdown-menu>li>ul{margin: 0; padding: 0}
.bottom_head .mega-dropdown-menu>li>ul>li{list-style: none; margin: 0 0 10px}
.bottom_head .mega-dropdown-menu>li>ul>li>a{display: block; color: #717171}
.bottom_head .mega-dropdown-menu>li>ul>li>a:hover{color: #000}
.bottom_head .mega-dropdown-menu .dropdown-header{color: #000; font-size: 15px; margin: 0 0 7px; padding: 0; text-transform: uppercase; font-weight: 700; font-family: overpass; display: block}
.bottom_head .nav>li>a{font-size: 14px; font-weight: 500; margin: 20px 8px; padding: 0}
.bottom_head .navbar-inverse .navbar-nav>li>a{color: #252829!important; font-size: 12px; letter-spacing: .44px}
.sr-btn{display: flex; align-items: center; justify-content: space-between; padding: 5px 0}
.top_head .sr-btn li{text-transform: none}
.top_head .sr-btn li a{color: #fff; font-size: 17px; font-weight: 400}
.bottom_head{border-bottom: 1px solid #ccc; box-shadow: 1px 1px #ccc}
.search-button a{display: block; height: 15px; padding: 0!important; position: relative; width: 15px; z-index: 1}
.bottom_head .mega-dropdown-menu li a{font-weight: 700; color: #000}
#header-2 .search-box{opacity: 0}
.bottom_head #header-2{display: none}
.bottom_head #header-2.show{position: absolute; top: 0; width: 100%; margin: 0 auto; background-color: #fff; left: 0; right: 0; padding: 0 60px}
#header-2.show .search-box{opacity: 1}
#header-2 i{color: #000; display: none}
#header-2 em{color: #000; display: none}
#header-2.show i{display: block; font-size: 20px; left: 10px; position: absolute; top: 9px}
#header-2.show em{display: block; font-size: 20px}
.search-button a::after, .search-button a::before{content: ''; display: block; position: absolute; transition: all .1s}
.search-button a::before{border: 2px solid #000; border-radius: 50%; height: 100%; width: 100%}
.search-button a::after{background-color: #000; height: 2px; left: 10px; top: 13px; transform: rotate(45deg); width: 10px; -webkit-transform: rotate(45deg)}
.search-button a.active::before{border-radius: 0; border-width: 1px; left: 5px; top: 0; transform: rotate(45deg); width: 0; -webkit-transform: rotate(45deg)}
.search-button a.active::after{left: -1px; top: 5.5px; width: 16px}
#header-2 .search-box .search-input{background-color: transparent; border: 0; padding: 0 0 0 35px; width: 100%; font-size: 22px; text-transform: capitalize}
#header-2 .search-box button{border: none; padding: 0; background-color: transparent; position: relative; top: 28px; z-index: 1}
.bottom_head .navbar-nav{float: none; font-family: 'Open Sans', sans-serif}
.top_head ul{margin: 0}
#header-2 .search-box .search-input:focus{outline: 0}
footer{border-top: 1px solid #a0a0a0; color: #000; padding: 35px 0 0}
footer h3{font-size: 15px; font-weight: 600; margin: 0 0 24px; text-transform: uppercase}
footer .cont-txt{margin: 14px 0 24px}
footer h4{color: #383838; font-size: 14px; font-weight: 400; line-height: 1.8; margin: 0 0 7px}
footer h4 a{color: #383838}
footer h5{color: #383838; font-size: 14px; font-weight: 700; margin: 12px 0}
footer li{list-style: none; padding: 0 0 8px}
footer li a{color: #383838; font-size: 14px}
footer li a:hover{color: #000}
footer i{background-color: #2d2d2d; border-radius: 50%; color: #fff; font-size: 22px!important; height: 35px; margin: 0 5px 22px 0; padding: 7px 0 0; text-align: center; width: 35px}
footer i:hover{background-color: #fff; box-shadow: 0 0 5px #999; color: #000}
footer p{color: #383838; font-size: 13px; margin: 0}
footer .col-lg-12 ul{border-top: 1px solid #a0a0a0; margin: 38px 0 0; padding: 14px 0}
footer .col-lg-12 li{display: inline-block; padding: 0 22px 0 0}
footer .col-lg-12 li:last-child{padding-right: 0}
footer .col-lg-12 li a{font-size: 13px}
@media (min-width:320px) and (max-width:767px){
.top_head .sr-btn li:nth-child(3){float: right; margin: 20px 0 0}
.logo{width: 128px}
.top_head li:nth-child(2) .dropdown-menu{left: -35px}
#header-2{left: 80px; right: 32px}
.bottom_head{padding: 15px 0}
.bottom_head .col-md-10,  .bottom_head .col-md-2{float: left; width: 50%}
.desktop-logo{display: none}
footer{padding: 25px 0 0}
footer h3{margin: 14px 0 18px}
footer .col-lg-12 ul{margin: 18px 0 0; padding: 10px 0; text-align: center}
footer .col-lg-12 li{padding: 0 5px}}
@media (min-width:320px) and (max-width:991px){#customer-sec .owl-next::before,  #customer-sec .owl-prev::before{top: 40%}
.prom-box,  .prom-box1{padding: 80px 0}
.prom-box a,  .prom-box1 a{font-size: 35px}
.prom-box a b,  .prom-box1 a b{font-size: 70px}}
@media (min-width:480px) and (max-width:767px){footer .col-md-3{float: left; width: 50%}
footer i{font-size: 17px!important; height: 30px; width: 30px}
footer .col-md-3:nth-child(3) img{height: 28px}}
@media (min-width:768px){.navbar-nav{text-align: right}
.bottom_head .navbar-nav li{border-bottom: 3px solid #fff; display: inline-block; float: none; font-family: 'Open Sans', sans-serif}
.bottom_head .mega-dropdown a{display: inline-block}
.bottom_head .navbar-inverse .navbar-nav>.open>a,  .navbar-inverse .navbar-nav>.open>a:focus,  .navbar-inverse .navbar-nav>.open>a:hover{background-color: transparent; color: #000}
.bottom_head .mega-dropdown i{cursor: pointer; font-size: 12px; left: -10px; position: relative}
.bottom_head .mega-dropdown-menu li ul li{display: block}
.bottom_head .navbar-nav .col-sm-3{float: left; text-align: left; width: 20%}
footer .col-lg-12 li:last-child{float: right}
.outer-sec-1 .col-md-6 .col-md-6:first-child,  .outer-sec-1 .col-md-6 .col-md-6:nth-child(3){padding-left: 15px}
.outer-sec-1 .col-md-6 .col-md-6:nth-child(3) img{height: 100%}}
@media (min-width:768px) and (max-width:1199px){#header-2{left: 15px; right: 140px}
.mobile-menu{margin: 2px 0 0; text-align: right; transition: all .7s ease-in 0; -webkit-transition: all .7s ease-in 0}
footer i{font-size: 18px!important; height: 32px; margin: 0 3px 22px 0; padding: 8px 0 0; width: 32px}}
@media (min-width:992px) and (max-width:1199px){.top_head li{margin: 10px 0 10px 15px}
footer .col-md-3:nth-child(3) img{height: 30px}}
@media (min-width:1200px){.mobile-menu{display: none}}
@media (min-width:1200px) and (max-width:1299px){.top_head .mobile-search{padding-right: 2em}}
@media (min-width:1300px){.container{width: 1260px}
.bottom_head .mega-dropdown-menu{width: 1000px}}