@font-face {
font-family: 'maki';
src: url("fonts/maki.eot");
src: url("fonts/maki.eot?#iefix") format("embedded-opentype"),
url("fonts/maki.woff") format("woff"),
url("fonts/maki.ttf") format("truetype"),
url("fonts/maki.svg#makiregular") format("svg");
font-weight: normal;
font-style: normal;
}
#header-top{
background-color:#272727;
color:#888;
}
.bx-inc-orginfo-phone:before{ content:"\260E\FE0E"}
h1,h2,h3,h4,h5,h6{font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;font-weight: 500;}
p{
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
}
p.bxe-first-letter:first-letter, .bxe-first-letter-s{
font-weight: bold;
font-size: 56px;
line-height: 56px;
margin-right: 10px;
float: left;
vertical-align: top;
}
.lead {
color: #757575;
margin-left: 40px;
padding:0 0 0 15px;
font-size: 13px;
font-weight: 300;
line-height: 1.4;
border-left: 3px solid #99cded;
}
@media (min-width: 768px){
.lead {
font-size: 16px;
margin-left: 20px;
}
}
blockquote {
padding:0 0 0 15px;
margin: 0 0 20px 20px;
border-left: 3px solid #c2c2c2;
}
blockquote p{
font-size: 20px;
font-style: italic;
color: #757575;
font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
@media (max-width: 768px){
blockquote p {
font-size: 16px;
}
}
blockquote.bxe-quote {
position: relative;
padding-left: 70px;
padding-top: 8px;
min-height: 50px;
border-left: none;
}
blockquote.bxe-quote:after{
content: "";
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
left: 10px;
top: 10px;
-webkit-background-size: 40px;
background-size: 40px;
width: 40px;
height:40px;
}
hr{
border: none;
border-bottom: 1px solid #ccc;
}
hr.bxe-bolder{
border-bottom-width: 5px;
}
hr.bxe-dashed{
border-bottom-style: dashed;
border-bottom-width: 2px;
}
hr.bxe-normal{}
hr.bxe-light{
border-bottom-color: #e5e5e5
}
hr.bxe-dotted{
border-bottom-width: 2px;
border-bottom-style: dotted;
}
/**/
.bg-primary {background: #60aadb!important;color: #fff;}
.bg-success {background: #64ba4e!important;color: #fff;}
.bg-info {background: #9bc6dd!important;color: #fff;}
.bg-warning {background: #fec139!important;color: #fff;}
.bg-danger{}
/**/
img.pull-left{
padding: 5px 15px 5px 0;
}
img.pull-right{
padding: 5px 0 5px 15px;
}
/**/
.alert{
border: none;
border-radius: 1px;
font-size: 14px;
}
.alert.alert-note{
background: #f2f2f3;
}
.alert.alert-sys{
background: #f5f2ec;
color: #81641F;
}
.alert.bxe-icon{
padding-left: 90px;
min-height: 100px;
position: relative;
}
.alert.bxe-icon:after{
left:22px;
top: 20px;
position: absolute;
content: " ";
width:48px;
height: 48px;
background-repeat: no-repeat;
background-position: center;
background-image:url(images/editor_sprite.png);
background-repeat: no-repeat;
}
.alert.bxe-icon.alert-success:after {background-position:0 0}
.alert.bxe-icon.alert-info:after {background-position:0 -50px}
.alert.bxe-icon.alert-warning:after {background-position:0 -100px}
.alert.bxe-icon.alert-danger:after {background-position:0 -200px}
.alert.bxe-icon.alert-note:after {background-position:0 -150px}
.alert.bxe-icon.alert-sys:after {background-position:0 -250px}
.bxe-aleft-title{
font-weight: bold;
padding-bottom: 5px;
}
.bx-panel-tooltip {
z-index: 2210 !important;
overflow: hidden !important;
position: absolute !important;
letter-spacing: normal !important;
list-style: none !important;
text-align: left !important;
text-indent: 0 !important;
text-transform: none !important;
visibility: visible !important;
white-space: normal !important;
word-spacing: normal !important;
vertical-align: baseline !important;
margin: 0 !important;
padding: 15px !important;
float: none !important;
text-decoration: none !important;
-webkit-border-radius: 1px !important;
-moz-border-radius: 1px !important;
border-radius: 1px !important;
-webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
-moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important;
box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
border: 1px solid;
border-color: #f0f0f0;
background: #fff;
color: #35414e;
font-size: 14px;
}
/**/
tab,
tabsection,
.bxe-tab-title{
display: block;
padding: 5px;
border: 1px dashed #ccc;
}
/**/
.bxe-list,
.bxe-list ul{
list-style: none;
margin: 5px 0;
padding-left: 15px;
}
.bxe-list-default,
.bxe-list-default ul{
}
.bxe-list .fa{
color: #9fb2bd;
margin-right: 6px;
}
.bxe-lis-blue .fa{
color: #0083d1;
}
/* Custom*/
@charset "UTF-8";
.upper-menu-container{
background-color:#272727;
}
.upper-menu>li{
padding: 4px 0 5px;
margin-left: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
overflow: initial;
}
ul.upper-menu>li:first-child {
margin-left: 0;
}
ul.upper-right-menu{
text-align:right;
}
ul.upper-menu{
margin:0;
padding:0;
}
.upper-menu li>a, .upper-menu li>div>a {
color:#fff;
text-decoration:none;
}
.upper-menu li>a:hover, .upper-menu li>div>a:hover{
text-decoration:none;
}
.upper-menu>li:hover:before {
left: 0;
right: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.upper-menu>li:before {
background-color:#2DA4D1;
content: "";
position: absolute;
left: 50%;
right: 50%;
top: 0;
z-index: 1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
}
.f-left{
float:left!important;
}
.f-right{
float:right!important;
}
.em-logo .logo {
margin:5px 0;
display: inline-block;
text-decoration: none;
}
.em-logo strong {
font-size: 0;
display: block;
text-indent: -99999px;
overflow: hidden;
vertical-align: middle;
text-align: left;
display: none;
}
.em-logo .logo img {
max-width: 170px;
}
.tel-no {
float: left;
margin: 27px 0 0 20px;
font-size: 18px;
}
.tel-no a{
color:#888;
}
.form-search {
border-color: #e1e1e1;
float: right;
width: 100%;
margin-bottom: 0;
border-style: solid;
border-width: 1px;
position: relative;
}
.form-search.no_cate_search .text-search {
width: 100%;
float: right;
position: relative;
}
.form-search label {
display: none;
}
.form-search input.input-text {
border: none;
float: left;
font-size: 100%;
margin: 0;
background: none;
width: 100%;
padding: 5px 50px 5px 10px;
height: 42px;
line-height: 34px;
border-radius: 3px;
}
.form-search button.button::before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
font-size: 14px;
}
.em-search-style02 .form-search button.button {
font-size: 0;
display: block;
text-indent: -99999px;
overflow: hidden;
vertical-align: middle;
text-align: left;
text-indent: 0;
padding: 14px;
vertical-align: top;
width: 44px;
}
.form-search button.button {
background: transparent;
border:none;
float: right;
position: absolute;
top: 0px;
right: 0px;
margin: 0;
padding: 13px 15px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
}
.form-search button.button:hover{
color: #ffffff;
background-color: #2DA4D1;
}
.em-search {
width: 41%;
margin-top: 19px;
/* margin-top: 40px; */
}
.em-account {
position: absolute;
top: 34px;
right: 0;
z-index: 950;
padding-top: 0;
text-align: left;
}
.mega-drop{
width:100%;
}
.mega-dropdown {
position: static !important;
/* width: 100%;*/
}
.mega-dropdown-menu {
padding: 20px;
}
@media ( min-width : 768px) {
.mega-dropdown-menu {
width: 720px;
margin: 0 0 0 14px;
}
}
@media ( min-width : 992px) {
.mega-dropdown-menu {
width: 942px;
margin: 0 0 0 14px;
}
}
@media ( min-width : 1200px) {
.mega-dropdown-menu {
width: 1140px;
margin: 0 0 0 14px;
}
}
@media(max-width:767px){
.mega-dropdown-menu {
width: 100%;
margin: 0;
}
}
.navbar-insound #main-menu ul>li>a{
background-color: #2DA4D1;
color:white;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.navbar-insound {
background-color: #2DA4D1;
margin-bottom:0!important;
}
.navbar-insound #main-menu ul>li>a:hover{
color:#2DA4D1;
background-color: white;
}
.navbar-insound #main-menu ul>li.open>a{
color:#2DA4D1;
background-color: white;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu{
background-color:#FFF;
border-radius:0;
}
}
.navbar-toggle .icon-bar{
background-color: #2DA4D1;
height:3px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.navbar-toggle{
background-color:white;
border-color:white:
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.navbar-toggle:hover{
background-color:#2DA4D1;
border-color:white;
}
.navbar-toggle:hover .icon-bar{
background-color: white;
height:3px;
border-color:white;
}
.menu-search{
background-color: white;
height:43px;
padding:1px 0;
}
.menu-search label {
display: none;
}
.menu-search input{
border: solid 1px #aaa;
font-size: 100%;
margin: 0;
background: none;
width: 100%;
padding: 5px 50px 5px 10px;
height: 42px;
line-height: 34px;
}
.menu-search button.button::before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
font-size: 14px;
}
.menu-search button.button {
font-size: 0;
display: block;
text-indent: -99999px;
overflow: hidden;
vertical-align: middle;
text-align: left;
text-indent: 0;
padding: 14px;
vertical-align: top;
width: 44px;
background: transparent;
border: none;
float: right;
position: absolute;
top: 1px;
right: 2px;
margin: 0;
padding: 13px 15px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
}
.menu-search button.button:hover {
color: #ffffff;
background-color: #2DA4D1;
}
.navbar-brand img{height:50px;
max-width:none;
width:auto;
}
.brand-wrapper{
float:left;
width:50px;
}
.navbar-brand{
padding:0;
}
#main-navbar .navbar-brand{
display:none;
}
#main-navbar.navbar-fixed-top .navbar-brand{
display:block;
}
.wrapper-footer{
padding:50px 0 10px 0;
background-color:#222222;
color:#888;
margin-top:20px;
}
.wrapper-footer address a:hover, .em-wrapper-footer address a:focus, .em-wrapper-footer address a:active {
color: #ffffff;
text-decoration: none;
}
.wrapper-footer address a{
color: #888;
text-decoration: none;
}
.em-wrapper-product-04 {
border: solid 1px #e1e1e1;
border-radius: 5px;
}
.em-wrapper-product-04 h2 {
background-color: #f1f1f1;
text-indent: 20px;
height: 40px;
line-height: 40px;
}
.bx-content-section{
padding-top:30px;
}
body{
font: 500 14px/1.55 Lato,Helvetica Neue, Helvetica, Arial, sans-serif;
}
body.bx-theme-green .catalog-block-header{
border-color: #2DA4D1;
}
.custom-product-list h2{
margin-top:0;
}
.mega-menu-item a.mega-menu-item-text{
display:block;
min-height:67px;
text-align:center;
color:#888;
transition: all 500ms ease;
}
.mega-menu-item a.mega-menu-item-text:hover{
color: #2DA4D1;
}
.mega-menu-item a.mega-menu-item-img{
display:block;
}
.mega-menu-item a.mega-menu-item-img img{
transition: all 500ms ease;
}
.mega-menu-item a.mega-menu-item-img img:hover{
opacity:0;
filter: alpha(opacity=0);
}
.bx_catalog_text, .bx-section-desc-post{
margin:0;
}
.btn-default{
background-image:none!important;
}
div.bx-blue .btn.btn-default, .btn-link, .bx-filter.bx-blue .btn-themes {
outline: none;
border-color: #2DA4D1;
background-color: #2DA4D1;
color: #fff!important;
}
div.bx-blue .btn.btn-default:hover,
.btn:hover, .btn:active, .btn:focus,
.bx-filter.bx-blue .btn-themes:hover
{
border-color: #e79f65;
background-color: #e79f65;
}
.bx_catalog_text_ul li{
color:#2da4d1;
background-color:#fff;
border: solid 1px #2da4d1;
font-weight:normal;
text-shadow: none;
border-radius: 5px;
padding:5px 13px;
}
.bx_catalog_text .bx_catalog_text_title a{
color:inherit;
font-weight:normal;
}
.bx_catalog_text .bx_catalog_text_title span{
font-weight:normal;
font-size:14px;
}
.bx_catalog_text_ul li:hover{
color:#e79f65;
border: solid 1px #e79f65;
}
.bx_catalog_text .bx_catalog_text_ul li {
float: left;
margin: 0 10px 10px 0;
list-style: none;
}
.bx-filter.bx-blue .bx-filter-section {
background: none;
background-color: #FFF;
border: solid 1px #e1e1e1;
border-radius: 5px;
position: relative;
padding: 0;
}
.smartfilter {
padding: 0 10px;
display: block;
color: #888;
}
.bx-filter .bx-filter-title {
text-align: center;
font-size: 21px;
font-weight: bold;
margin-bottom: 10px;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.navbar-collapse.collapse{
transition: height 0.2s ;
}
.navbar-collapse.collapsing {
height: 0 !important;
}
.navbar-collapse.collapse.in{
max-height: none;
height: 80vh;
}
.bx-filter .bx-filter-parameters-box {
margin-bottom:10px;
}
.bx-filter .bx-filter-parameters-box-title span:hover{
color: #2da4d1;
}
.bx-filter .bx-filter-parameters-box-title span{
color: #888;
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
cursor: pointer;
}
/*=================== fix top menu-search-cart ==========*/
.em-top-cart {
margin: 5px 0;
display: block !important;
position:relative;
}
.em-top-cart .em-amount-topcart::after {
content: "";
}
.em-top-cart .em-amount-topcart::before {
color: #434343;
background-color: #ffffff;
}
.em-top-cart .em-amount-topcart::before {
content: "\e835";
font-family: 'maki', sans-serif;
width: 40px;
height: 40px;
font-size: 1.7rem;
text-align: center;
display: inline-block;
padding: 10px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.em-top-cart .em-amount-topcart .em-topcart-text {
display: none;
}
.bx-soa-section.bx-step-completed .bx-soa-section-title-count {
background: #2DA4D1!important;
border-color: #2DA4D1!important;
}
.bx-soa-section.bx-step-completed {
border: 1px solid #2DA4D1!important;
}
.bx-soa-cart-total.bx-soa-cart-total-fixed {
top: 60px!important;
}
.em-top-cart .em-amount-topcart .em-topcart-qty {
color: #ffffff;
background-color: #272727;
}
.em-top-cart .em-amount-topcart .em-topcart-qty {
position: relative;
left: 27px;
top: -5px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
padding: 0px 5px;
font-size: 10px;
float:left;
}
.em-top-cart .topcart-popup {
padding: 15px 20px 0px;
border-style: solid;
border-width: 1px;
position: absolute;
right: 0px;
width: 300px;
z-index: 122;
top: 42px;
}
.topcart-popup {
color: #282828;
border-color: #e1e1e1;
background-color: #ffffff;
}
.top-cart-mob .em-amount-topcart::before {
content: "\e835";
font-family: 'maki', sans-serif;
width: 40px;
height: 37px;
font-size: 1.7rem;
text-align: center;
display: inline-block;
padding: 10px 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #434343;
background-color: #ffffff;
margin: 8px 10px 0 0;
display: block !important;
position: relative;
float:right;
}
.em-top-cart .em-amount-topcart::before {
color: #434343;
background-color: #ffffff;
}
.top-cart-mob .em-topcart-text {
display: none;
}
.top-cart-mob .em-topcart-qty{
position: relative;
right: -27px;
top: 0;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
padding: 0px 5px;
font-size: 10px;
float: left;
color: #ffffff;
background-color: #272727;
float:right;
}
@media (min-width: 767px) {
.top-cart-mob{
display:none;
}
}
.navbar-insound #main-menu ul ul > li > a{
color:#2DA4D1;
background-color:white;
}
.bx-section-desc{
border-radius:5px;
border: 1px solid #2da4d1;
padding: 10px 15px 10px;
}
.morelink, .morelink:visited, .morelink:hover, .morelink:active, .morelink:focus {
float: right;
color: #2da4d1;
margin-top: 12px;
}
.phone-button{
display:block;
float:right;
width:50px;
margin: 8px 10px 0 0;
}
@media (min-width: 767px) {
.phone-button{
display:none;
}
}
.phone-button::before {
content: "\260E\FE0E";
width: 40px;
height: 37px;
font-size: 2rem;
text-align: center;
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-top:3px;
color: #434343;
background-color: #ffffff;
display: block !important;
position: relative;
float:right;
}
.phone-button .phone-text{
display:none;
}
#em-account-login-form.em-account {
color: #888;
font: 500 14px/1.55 Lato,Helvetica Neue, Helvetica, Arial, sans-serif;
}
.em-account {
position: absolute;
top: 31px;
right: 0;
z-index: 950;
padding-top: 0;
text-align: left;
}
#em-account-login-form.em-account .block-content {
background-color: #ffffff;
}
.em-account .block-content {
width: 233px;
padding: 17px 20px 9px;
background: #fff;
border: 1px solid #f6f6f6;
-webkit-box-shadow: 0 0 5px #f6f6f6;
-moz-box-shadow: 0 0 5px #f6f6f6;
box-shadow: 0 0 5px #f6f6f6;
overflow: hidden;
}
.link-account:before{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f13e";
font-size: 100%;
margin-right: 10px;
}
.em-register-link:before{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f084";
font-size: 100%;
margin-right: 10px;
}
.form-list label {
float: left;
position: relative;
z-index: 0;
padding: 6px 0 5px;
margin-bottom: 0;
text-transform: capitalize;
}
input.input-text, select, textarea {
padding: 5px 10px;
border: 1px solid;
height: 40px;
line-height: 28px;
font-size: 110%;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
input.input-text:focus, select:focus, textarea:focus {
border-color: #ffa6a6;
}
input.input-text, select, textarea{
border-color: #e1e1e1;
}
.form-list{
margin: 0;
padding:0;
list-style-type: none;
}
.login-desc, .login-title{display:none}
button.button{
color: #ffffff;
border-color: #2DA4D1;
background-color: #2DA4D1;
font: 700 12px/1.35 Lato, Helvetica, Arial, sans-serif;
}
.btn.btn-default{
outline: none;
border-color: #2DA4D1;
background-color: #2DA4D1;
color: #fff!important;
}
.btn.btn-default:hover{
outline: none;
border-color: #e79f65;
background-color: #e79f65;
color: #fff!important;
}
.product-item-title{
white-space:normal;
}
.bx-catalog-element h1{ font-size:24px;}
.em-wrapper-area0102{margin:15px 0 0 0;}
.ax-buyoneclick-inner {
min-width: 298px!important;
}
.wrapper-prefooter{
padding-top:40px;
background-color:#777;
margin-bottom:-20px;
padding-bottom:33px;
}
/*пїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ*/
.wrapper:hover{
box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .25);
}
.wrapper{
box-shadow: none;
transition: box-shadow 0.3s ease-in-out;
}
div.desc {
background-color: #000;
bottom: 0;
color: #fff;
left: 0;
opacity: 0.7;
position: absolute;
width: 100%;
}
.wrapper>.fix {
width: 100%;
padding: 0px;
position: relative;
margin: 15px 0;
}
.desc_content{
padding: 0 10px 0;
display: flex;
margin:0;
}
.news_old_price{
flex: 1;
text-decoration: line-through;
}
.row.display-flex {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.row.display-flex > [class*='col-'] {
/*flex-grow: 1;*/
display: flex;
flex-direction: column;
}
.row.display-flex:before, .row.display-flex:after{
display: none;
}
/**/
@media (min-width: 767px) {
.navbar-collapse{
padding-left:0!important;
}
.nav>li>a{
padding-left:10px!important;
padding-right:10px!important;
}
}
.down-menu{
list-style-type: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-around;
box-shadow: 0 0 5px #ddd;
}
.down-menu li{
padding: 5px 0 0 0;
max-width:60px;
flex-basis:60px;
font-size:1.2rem;
text-align:center;
}
.down-menu li img{
width:35px;
}
.down-menu li a{
color:#333;
}
.down-menu li:hover{
opacity:.5;
}
.navbar-insound-bottom{
z-index:2000000;
background-color: #fff;
}
@media (max-width: 767px) {
.wrapper-footer {
margin-bottom:60px;
}
}
.want .col{
color:white;
position:absolute;
right:1px;
top:-4px;
line-height:10px;
font-size:10px;
background: #2DA4D1;
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 10px;
height: 10px;
max-width: 10px;
max-height: 10px;
}
.favor-active{
background-color: #e79f65!important;
border-color: #e79f65!important;
}
.btn.btn-default.favor-active:hover{
background-color: white!important;
color: #e79f65!important;
}
.btn.favor-active:hover{
background-color: white!important;
color: #e79f65!important;
}
.news-fix {
margin: 15px 0;
}
@media (min-width: 768px) {
#main-menu ul.nav>li.dropdown>a {
white-space:nowrap;
}
#main-menu ul.nav{
display:flex;
width: 100%;
}
#main-menu>.navbar-left{
width: 78%;
}
}