@font-face {
    font-family: MyriadSetProText;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MyriadSetProText/MyriadSetProText.eot?#iefix) format("embedded-opentype"),url(../fonts/MyriadSetProText/MyriadSetProText.woff) format("woff"),url(../fonts/MyriadSetProText/MyriadSetProText.ttf) format("truetype")
}

@font-face {
    font-family: MyriadSetProThin;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MyriadSetProThin/MyriadSetProThin.eot?#iefix) format("embedded-opentype"),url(../fonts/MyriadSetProThin/MyriadSetProThin.woff) format("woff"),url(../fonts/MyriadSetProThin/MyriadSetProThin.ttf) format("truetype")
}

@font-face {
    font-family: MyriadSetProSemiBold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MyriadSetProSemiBold/MyriadSetProSemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/MyriadSetProSemiBold/MyriadSetProSemiBold.woff) format("woff"),url(../fonts/MyriadSetProSemiBold/MyriadSetProSemiBold.ttf) format("truetype")
}

.mfp-zoom-in .product-popup {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .product-popup {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .product-popup {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.6;
    overflow-x: hidden;
    font-family: MyriadSetProText,sans-serif
}

header {
    background-color: #333;
    padding: 7px 0
}

header .dropdown {
    display: inline-block
}

header .dropdown a.dropdown-toggle {
    color: #999;
    font-size: 14px;
    margin-top: 3px;
    padding: 5px 0;
    display: block
}

header .dropdown a.dropdown-toggle:active,header .dropdown a.dropdown-toggle:focus,header .dropdown a.dropdown-toggle:hover {
    color: #fff;
    text-decoration: none
}

a {
    outline: 0!important
}

ul.col-md-3 {
    margin: 0
}

.dropdown-menu {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    margin-top: 8px;
    left: 0
}

.dropdown-menu>li>a {
    padding: 5px 20px
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #ffe51e
}

.header-phone {
    display: inline-block;
    color: #fff !important;
    float: right;
    font-size: 18px;
    /* padding-top: 4px; */
    /* padding-left: 10px; */
    /* border-left: 1px solid #444; */
    /* -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    text-decoration: none; */
}

.logo {
    margin-top: 4px
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#search {
    width: 100%
}

#search .form-control {
    padding: 5px 16px;
    height: 34px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #444;
    color: #fff;
    font-style: italic;
    font-size: 13px;
    font-color: #fff;
    -webkit-transition: background-color .25s ease,-webkit-box-shadow .25s ease;
    transition: background-color .25s ease,-webkit-box-shadow .25s ease;
    transition: background-color .25s ease,box-shadow .25s ease;
    transition: background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease;
    -webkit-box-shadow: transparent 0 0 0 1px inset;
    box-shadow: transparent 0 0 0 1px inset
}

#search .form-control:focus,#search .form-control:hover {
    background-color: #555;
    -webkit-box-shadow: #777 0 0 0 1px;
    box-shadow: #777 0 0 0 1px
}

#search .input-group-btn {
    position: absolute;
    right: 26px
}

#search .input-group-btn .btn {
    padding: 9px 10px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    color: #999;
    font-size: 13px
}

.navbar-collapse.in {
    overflow-y: unset
}

.top-menu {
    border-bottom: #ededed 1px solid;
    margin-bottom: 40px
}

.top-menu .cart-wrapper .dropdown-menu {
    padding: 15px;
    width: 460px
}

.top-menu .cart-wrapper .dropdown-menu .table-striped img {
    width: 47px;
    height: 47px
}

.top-menu a {
    color: #333
}

.top-menu .navbar {
    margin-bottom: 0;
    font-size: 16px
}

.top-menu .navbar-nav>li>a {
    padding-top: 14px;
    padding-bottom: 12px
}

.top-menu .navbar-nav>li>a:focus,.top-menu .navbar-nav>li>a:hover {
    text-decoration: underline;
    background: 0 0
}

#cart button+.dropdown-menu {
    margin-top: 1px
}

#cart button+.dropdown-menu .btn-danger {
    -webkit-border-radius: 15em;
    border-radius: 15em;
    width: 20px;
    height: 20px;
    line-height: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    background-color: #d9534f
}

#cart button+.dropdown-menu li:first-child:last-child p {
    margin: 0
}

.btn-group>.btn {
    margin-top: 7px!important
}

#cart button {
    background-color: #ffe51e;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-top: 14px;
    padding-bottom: 15px;
    border: none;
    font-family: MyriadSetProThin,sans-serif;
    font-size: 16px
}

#cart button .btn-danger {
    -webkit-border-radius: 10em;
    border-radius: 10em
}

.cart-wrapper {
    padding-left: 0
}

.toggle-top-text {
    text-transform: uppercase;
    display: inline-block;
    color: orange;
    font-family: MyriadSetProSemiBold,sans-serif;
    padding: 16px 0
}

.navbar-toggle {
    margin-right: 0
}

.owl-wrapper-outer {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.owl-carousel .owl-buttons div i {
    font-size: 35px;
    opacity: .4
}

.list-group-item {
    padding: 12px 15px;
    border-color: #ededed;
    -webkit-transition: background .25s ease,text-indent .25s ease,border-color .25s ease;
    transition: background .25s ease,text-indent .25s ease,border-color .25s ease;
    border-bottom: 1px transparent solid;
    border-top: 1px transparent solid
}

.list-group-item:first-child {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px #ededed solid
}

.list-group-item:last-child {
    border-bottom: 1px #ededed solid;
    -webkit-border-radius: 0;
    border-radius: 0
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    background-color: #ffe51e;
    border-color: #ffe51e;
    text-indent: 10px
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    background-color: #ffe205;
    border-color: #ffe205;
    color: #555;
    text-indent: 10px
}

.common-home #content .owl-carousel {
    margin-bottom: 60px
}

.common-home #content h3 {
    text-align: center;
    font-size: 28px;
    font-family: MyriadSetProThin,sans-serif;
    margin-bottom: 40px;
    margin-top: 80px
}

.product-layout .button {
    display: block
}

.product-layout .price {
    font-size: 18px;
    font-family: MyriadSetProThin,sans-serif
}

.product-layout .price .price-old {
    font-size: 15px;
    text-decoration: line-through
}

.product-layout>.product-thumb {
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease,-webkit-box-shadow .25s ease;
    padding: 40px 0 0;
    text-align: center;
    margin-bottom: 40px
}

.product-layout>.product-thumb .image {
    padding: 0 25px
}

.product-layout>.product-thumb:hover {
    -webkit-box-shadow: #ededed 0 0 0 1px inset;
    box-shadow: #ededed 0 0 0 1px inset
}

.product-layout .caption {
    padding: 0 25px
}

.product-layout .caption p {
    display: none
}

.product-layout .caption p.price {
    display: block
}

.product-layout .caption p .price-tax {
    display: none
}

.product-layout .caption .rating {
    display: none
}

.product-layout h4 {
    margin-top: 25px
}

.product-layout h4 a {
    color: #333;
    font-size: 22px;
    font-family: MyriadSetProThin,sans-serif
}

.product-layout h4 a:focus,.product-layout h4 a:hover {
    text-decoration: none;
    border-bottom: #333 1px solid
}

.product-layout .button-group>* {
    display: none
}

.product-layout .button-group>:first-child {
    display: block
}

.product-layout .button-group>.toclick {
    display: block
}

.product-layout .button-group {
    margin-top: 15px
}

.product-layout .button,.product-layout button {
    border: none;
    background-color: #ffe51e;
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    outline: 0
}

.product-layout .button.toclick,.product-layout button.toclick {
    font-size: 14px;
    color: #777;
    background-color: #f5f1f3;
    padding: 9px 0
}

.product-layout .button.toclick:focus,.product-layout .button.toclick:hover,.product-layout button.toclick:focus,.product-layout button.toclick:hover {
    background-color: #efe8eb
}

.product-layout .button:focus,.product-layout .button:hover,.product-layout button:focus,.product-layout button:hover {
    background-color: #ffeb51;
    text-decoration: none
}

.product-layout .button:active,.product-layout button:active {
    background-color: #ffe205
}

.product-layout .button .fa,.product-layout button .fa {
    display: none
}

.alert {
    -webkit-border-radius: 0;
    border-radius: 0
}

#column-left>div>blockquote {
    border: none;
    padding: 0;
    margin-top: 45px;
    color: #777;
    line-height: 1.3
}

#column-left>div>blockquote ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

#column-left>div>blockquote ul li {
    border: 5px #f7f7f7 solid;
    margin-bottom: 20px;
    padding: 15px 20px 20px 38px;
    background-color: transparent;
    -webkit-transition: border-color .2s ease,background-color .4s ease,color .25s ease,-webkit-transform .5s ease;
    transition: border-color .2s ease,background-color .4s ease,color .25s ease,-webkit-transform .5s ease;
    transition: border-color .2s ease,background-color .4s ease,color .25s ease,transform .5s ease;
    transition: border-color .2s ease,background-color .4s ease,color .25s ease,transform .5s ease,-webkit-transform .5s ease;
    font-size: 14px;
    position: relative
}

#column-left>div>blockquote ul li:nth-child(1)>span {
    color: #222
}

#column-left>div>blockquote ul li:nth-child(2)>span {
    color: #222
}


#column-left>div>blockquote ul li:nth-child(3)>span {
    color: #222
}

#column-left>div>blockquote ul li:nth-child(4)>span {
    color: #222
}

#column-left>div>blockquote ul li:nth-child(5)>span {
    color: #222
}

#column-left>div>blockquote ul li:hover {
    border-color: #666;
    background-color: #666;
    color: #fff;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

#column-left>div>blockquote ul li:hover>span {
    color: #fff
}

#column-left>div>blockquote ul li>span {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: MyriadSetProSemiBold,sans-serif
}

#column-left>div>blockquote ul li>span>span {
    position: absolute;
    left: 0;
    font-size: 18px;
    left: 15px
}

.mfp-content .product-popup {
    display: block
}

.mfp-content .product-popup .price-tax {
    display: none
}

.mfp-content .pp-img-wrap {
    text-align: center
}

.mfp-content .pp-img-wrap img {
    max-width: 90%;
    width: 90%;
    margin-top: 15px
}

.mfp-content .pp-content h3 {
    text-align: center;
    font-family: MyriadSetProThin,sans-serif;
    margin: 30px 0 15px
}

.mfp-content p {
    text-align: center
}

.mfp-content p .price-old {
    text-decoration: line-through;
    font-size: 14px
}

.product-popup {
    background-color: #fff;
    max-width: 320px;
    position: relative;
    margin: auto;
    padding: 15px;
    display: none
}

.product-popup .success {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 80% 10% 10%;
    display: none
}

.product-popup form {
    position: relative;
    margin-top: 15px
}

.product-popup h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 28px;
    text-align: center;
    font-family: MyriadSetProThin,sans-serif
}

.product-popup p {
    text-align: center
}

.product-popup .btn {
    position: absolute;
    right: 0;
    top: 0
}

.callback-form .success {
    padding-top: 28%
}

.form-control {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: arial,sans-serif
}

.main-footer {
    margin-top: 60px
}

.main-footer .logo {
    opacity: .5;
    margin-top: 6px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.main-footer .logo:hover {
    opacity: .7
}

.main-footer .footer-cnt {
    background-color: #333;
    padding: 7px 0
}

.main-footer .footer-cnt>.container>.row>div:last-child {
    border-left: #444 1px solid
}

.main-footer .footer-mnu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-align: center
}

.main-footer .footer-mnu ul li {
    display: inline-block;
    font-size: 14px;
    float: none
}

.main-footer .footer-mnu ul li a {
    color: #999;
    display: block;
    padding: 10px 14px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.main-footer .footer-mnu ul li a:focus,.main-footer .footer-mnu ul li a:hover {
    color: #b6b6b6;
    background-color: transparent;
    text-decoration: underline
}

.nav-social {
    padding: 6px 0 0;
    text-align: right
}

.nav-social li,.nav-social ul {
    padding: 0;
    margin: 0
}

.nav-social li {
    display: inline-block
}

.nav-social li a {
    color: #777;
    font-size: 20px;
    padding: 0 5px;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.nav-social li a:hover {
    color: #a9a9a9
}

.footer-phone {
    background-color: #262626;
    color: #8c8c8c !important;
    padding: 18px 0 35px
}

.footer-phone .site-phone {
    font-size: 22px;
    color: #c8c8c8;
    margin-top: 8px;
    line-height: 1.3
}

.footer-phone .site-phone_wrap {
    text-align: center;
    font-family: MyriadSetProThin,sans-serif
}

.footer-phone .callback {
    color: #777;
    border-bottom: 1px dashed #777;
    -webkit-transition: border-bottom .25s ease,color .25s ease;
    transition: border-bottom .25s ease,color .25s ease;
    font-size: 16px
}

.footer-phone .callback:focus,.footer-phone .callback:hover {
    color: #b3b3b3;
    text-decoration: none;
    border-color: #b3b3b3
}

.btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background-color .25s ease,border-color .25s ease;
    transition: background-color .25s ease,border-color .25s ease
}

.btn-primary {
    color: #000;
    background-color: #ffe51e;
    border-color: #ffe51e
}

.breadcrumb {
    display: none
}

#content h1 {
    margin-top: 0;
    margin-bottom: 25px;
    font-family: MyriadSetProThin,sans-serif
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    -webkit-border-radius: 0;
    border-radius: 0
}

.input-group-addon {
    font-family: MyriadSetProSemiBold,sans-serif
}

.sub-cats {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 50px
}

.sub-cats .sub-name {
    font-family: MyriadSetProSemiBold,sans-serif;
    display: inline-block
}

.sub-cats a {
    font-family: MyriadSetProThin,sans-serif;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 2px;
    border: 1px solid #ccc;
    margin-right: 30px;
    margin-bottom: 25px;
    padding: 7px 10px;
    display: inline-block;
    -webkit-transition: background-color .25s ease,border-color .25s ease;
    transition: background-color .25s ease,border-color .25s ease
}

.sub-cats a:hover {
    background-color: #ffe51e;
    border-color: #ffe51e
}

.cat-head {
    border-bottom: #eaeaea 1px solid;
    margin-bottom: 30px
}

.cat-head {
    border-bottom: #eaeaea 1px solid;
    margin-bottom: 30px
}

.pagination>li>a,.pagination>li>span {
    color: #333
}

.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
    -webkit-border-radius: 0;
    border-radius: 0
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: #ffe51e;
    border-color: #ffe51e;
    color: #333
}

.price-wrap {
    margin-top: 40px
}

.price-wrap .def-price,.price-wrap .spec-price {
    font-size: 36px;
    font-family: MyriadSetProThin,sans-serif
}

#product {
    margin-top: 40px
}

#product .btn-group>.btn {
    display: none
}

#product .form-group {
    margin-bottom: 0
}

#product .control-label {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 14px;
    position: relative;
    bottom: -4px
}

.product-count {
    position: relative;
    top: -13px
}

.fa-stack-2x {
    font-size: 1em
}

#tab-description {
    padding: 30px 0
}

.nav-tabs>li>a {
    -webkit-border-radius: 0;
    border-radius: 0
}

.product-page-image {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.product-page-image .thumbnail {
    border: none
}

#content h3 {
    text-align: center;
    font-family: MyriadSetProThin,sans-serif;
    font-size: 30px;
    margin-bottom: 20px
}

#content p img {
    max-width: 100%
}

.information-contact #content h3 {
    text-align: left;
    font-family: MyriadSetProThin,sans-serif;
    margin-bottom: 10px
}

.information-contact #content address {
    margin-bottom: 0
}

.panel {
    -webkit-border-radius: 0;
    border-radius: 0
}

#map {
    min-height: 420px;
    margin: 20px 0
}

.panel-group .panel,.panel-heading {
    -webkit-border-radius: 0;
    border-radius: 0
}

.pull-left .btn-group .btn {
    background-color: #f5f1f3;
    border-color: #f5f1f3;
    color: #333
}

.pull-left .btn-group .btn img {
    display: none
}

button .language-select {
    display: inline-block;
    background-color: transparent!important;
    border: none
}

button .language-select:focus,button .language-select:hover {
    background-color: #ffe51e
}

#total_shipping {
    display: none
}

@media only screen and (max-width: 992px) {
    .btn-primary {
        font-size:15px
    }
}

@media only screen and (max-width: 768px) {
    #search {
        margin:10px 0 5px
    }

    .header-phone {
        border: none
    }

    .cart-wrapper {
        padding-left: 15px
    }

    .top-menu .cart-wrapper .dropdown-menu {
        width: 100%
    }

    .main-footer .nav-social {
        text-align: center
    }

    .main-footer .logo {
        text-align: center;
        margin-bottom: 10px
    }

    .main-footer .logo a {
        display: inline-block
    }

    .btn-primary {
        font-size: 18px
    }
}

@media only screen and (max-width: 480px) {
    .btn-primary {
        text-align:centers
    }
}

@media only screen and (min-width: 768px) {
  .navbar_footer {
    display: none !important
  }
  .mb-11 {
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 768px) {
  .top-menu .navbar {
    display: none !important
  }
  footer .navbar a {
    padding-top: 14px;
    padding-bottom: 12px;
    color: #333;
  }
  footer .navbar-nav>li>a:hover {
    text-decoration: underline;
    background: 0 0;
  }

}

.d-flex {
  display: flex;
}
header .d-flex {
  align-items: center;
  justify-content: space-between;
}

.logo1 {
    display: grid;
    justify-content: center;
}
.logo1 img {
    margin-top: 4px;
    max-height: 21px;
}

@media (min-width: 992px) {
  #logo .img-responsive {
    width: 75%;
  }
  .logo1 img {
      max-height: 23px;
  }
}