@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;
    -o-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;
    -o-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;
    -o-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 {
    /* position: fixed; */
    z-index: 999;
    width: 100%;
    background-color: #333;
    padding: 7px 0
}

header .dropdown a {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

a,button {
    outline: 0!important
}

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

.header-phone {
    display: inline-block;
    color: #fff;
    float: right;
    font-size: 21px;
    /* padding-top: 4px; */
    /* padding-left: 10px */
}

.logo {
    /* margin-top: 4px; */
    /* heigth: 150px; */
    width: auto
}

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

#search {
    /* margin-top: 43px; */
    /* margin-left: 50px; */
    width: 100%;
    font-family: Arial,sans-serif
}

#search .form-control {
    padding: 5px 16px;
    height: 35px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #444;
    font-style: italic;
    font-size: 13px;
    color: #fff;
    -webkit-transition: background-color .25s ease,-webkit-box-shadow .25s ease;
    transition: background-color .25s ease,-webkit-box-shadow .25s ease;
    -o-transition: background-color .25s ease,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 inset;
    box-shadow: #777 0 0 0 1px inset
}

#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
}

.contentbody {
    padding-top: 230px;
}

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

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

.top-menu a {
    color: #333
}

.top-menu .navbar {
    margin-bottom: 0;
    font-size: 14px;
    min-height: 40px
}

.top-menu .navbar .navbar-collapse {
    padding: 0
}

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

.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
}

#cart button {
    background-color: #17ac1a;
    color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-top: 14px;
    padding-bottom: 12px;
    border: none;
    font-family: MyriadSetProThin,sans-serif;
    font-size: 16px;
    text-align: left
}

.cart-wrapper.col-sm-3 {
    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
}

.top-menu {
    margin-bottom: 40px
}

.list-group-item {
    padding: 11px 15px;
    border-color: #ededed;
    -webkit-transition: background .25s ease,color .25s ease,text-indent .25s ease,border-color .25s ease;
    -o-transition: background .25s ease,color .25s ease,text-indent .25s ease,border-color .25s ease;
    transition: background .25s ease,color .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 {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px #ededed solid
}

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

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

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

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

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

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

.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;
    -o-transition: 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 .image>a {
    display: block
}

.product-layout>.product-thumb .image>a img {
    display: inline-block
}

.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;
    margin-bottom: 20px
}

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

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

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

.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: #4ca1ff;
    color: #fff;
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease
}

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

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

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

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

.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;
    -o-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;
    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: #921ad3
}

#column-left>div>blockquote ul li:nth-child(1):hover {
    background-color: #921ad3;
    border-color: #921ad3
}

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

#column-left>div>blockquote ul li:nth-child(2):hover {
    background-color: #f53737;
    border-color: #f53737
}

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

#column-left>div>blockquote ul li:nth-child(3):hover {
    background-color: #ff9320;
    border-color: #ff9320
}

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

#column-left>div>blockquote ul li:nth-child(4):hover {
    background-color: #0079ff;
    border-color: #0079ff
}

#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;
    -o-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;
    -o-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 {
    display: none;
    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;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

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

.footer-phone {
    background-color: #262626;
    color: #8c8c8c;
    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;
    -o-transition: border-bottom .25s ease,color .25s ease;
    transition: border-bottom .25s ease,color .25s ease;
    font-size: 14px
}

.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;
    -o-transition: background-color .25s ease,border-color .25s ease;
    transition: background-color .25s ease,border-color .25s ease
}

.btn-primary {
    background-color: #4ca1ff;
    border-color: #4ca1ff
}

.breadcrumb {
    display: none
}

#content h1 {
    margin-top: 0;
    margin-bottom: 15px;
    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: 21px;
    margin-top: 10px
}

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

.sub-cats a {
    font-family: MyriadSetProThin,sans-serif;
    color: #333;
    text-decoration: underline;
    padding: 0 2px
}

.sub-cats a:hover {
    text-decoration: none
}

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

.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: #4ca1ff;
    border-color: #4ca1ff
}

.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 button {
    background-color: #17ac1a;
    border-color: #17ac1a;
    font-weight: bold;
}

#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: 1.5em
}

#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
}

.product-old-price {
    text-decoration: line-through;
    position: relative;
    bottom: -8px
}

.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
}

.product-tabs {
    margin-bottom: 40px
}

@media only screen and (max-width: 992px) {
    .sub-cats {
        margin-bottom:15px
    }
}

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

    .header-phone {
        border: none
    }

    .dropdown-menu {
        left: 0
    }

    .cart-wrapper.col-sm-3 {
        padding-left: 15px
    }

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

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

    .logo {
        text-align: center;
        /* margin-bottom: 10px */
    }

    .logo a {
        display: inline-block
    }

    .logo a img {
        display: inline-block
    }
}

.phone-number a, .phone-number {
    color: white;
    font-size: 18px;
    text-align: center;
}

.mail-address a, .mail-address {
    font-size: 18px;
    text-align: center;
}

#header-search-container {
    height: 102.38px;
    padding: 33.69px 0;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cart button {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .product-layout img {
        width: 150px;
        height: 150px;
    }
    
    .caption h4 {
        margin: 0;
        margin-top: 10px;
    }
    .product-layout .caption p.price {
        margin: 0;
    }
    .product-layout .button, .product-layout button {
        float: left;
        width: 50%;
    }
}