@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.padding-tb-50 {
    padding: 50px 0;
}

#wrapper {
    min-width: 320px;
    overflow: hidden;
    position: relative;
}

body {
    background: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #747474;
}

html {
    height: 100%;
}

a {
   
    text-decoration: none;
}

a:hover {
    outline: none;
    text-decoration: none;
    
}

a:focus {
    outline: none;
    text-decoration: none;
    outline-offset: 0;
}

a {
    -webkit-transition: 300ms;
    transition: 300ms;
}

.overflow {
    overflow: hidden;
}

.uppercase {
    text-transform: uppercase;
}

.align-right {
    text-align: right;
}

.header-separator {
    display: inline-block;
    padding: 0 12px;
    color: #666;
}

.mobile-only {
    display: block;
    line-height: 18px;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 8px;
    left: 15px;
}



/* Header */

#header {
       z-index: 1010;
    font-family:  Open Sans, sans-serif;
    background-size: auto 80%;
    background-color:#787a7b;
    background-repeat: repeat-x;
    background-position: bottom left;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    padding:0 0 10px 0;
    border-bottom: 1px solid #6e7071;
}
.search-area{text-align: right; display: block; margin:50px 5px 0;}
.right {
    float: right !important;
}
.topnav {border-color: #ededed; background: #fff; padding: 10px 0;}
.topnav  a{color: #000;}
#header .navbar-inverse .container{width: auto; min-width: 150px;}
#header .topnav+.container{padding:25px 0;}
#footer {
    background-color: #393939; color: #ccc; 
}
.centered p{float: left;text-align: center; margin-right: 15px; font-size: 16px;}
.centered img{float: left;max-width:80px;}
footer h3{font-family:  Open Sans, sans-serif;}
#footer a{color: #ccc; font-size: 14px; padding-left: 10px; font-family:"Arial", Helvetica, sans-serif;}
#footer ul{padding: 0;}
#footer li{list-style-type: none;}
#footer li :before { color:#B63E09; content: "\f0da"; font-family: fontawesome;  font-size: 14px;  float: left;}
.header-top {
    line-height:80px; padding: 0 15px;
}
#searchform-header-replace {
       padding: 0 2%;
    position: absolute;
    top: 50px;
    left: 0;
    height: 50px;
    width: 96%;
    background: #fff;
    z-index: 999;
    color: #bbb;
    transition: all 0.25s ease-in-out;
}
.navbar.navbar-inverse.sticky.fixed .navbar-header.col-xs-12{display: none;}
#searchform-header-replace form {
    height: 100%;
    width: 98%; position: relative; float: left;
}
#searchform-header-replace-close{height: 40px;
    line-height: 40px;
    color: inherit;
    cursor: pointer;
    font-family: Times New Roman, Times New Roman, Times, serif;
    font-size: 40px;
    font-weight: 400;}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
#searchform-header-replace input[type="search"] {
    height: 100%;
    width: 100%;
    outline: 0;
    border: 0;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: inherit;
    background: none;
    padding: 0;font-weight: 300;
    border-radius: 0;
}
.searchform .searchform-submit {
    position: absolute;
    top: 50%;
    right: 14px;
    height: 20px;
    line-height: 20px;
    margin: -10px 0 0;
    background: none;
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    font-size: .846em;
    opacity: 0.5;
}
replace.show {
    visibility: visible;
    opacity: 1;
}
.header-contacts{color: #fff;}
.header-contacts a{color: #000;}
.navbar-inverse .navbar-nav>li>a{color: #fff; text-transform: uppercase;  font-size: 12.5px; padding:8px 4px; }
ul.nav.nav-pills a i {background: #F7F7F7; color: #555; padding: 5px; width: 27px;  text-align: center; border-radius: 100px; vertical-align: middle;}
.header-top .header-contacts a { color: #000; }
.header-top .header-contacts a :hover{color: #777;}
#header .navbar-inverse .container { position: relative;}
#formSearch {
    position: relative;
    width: 160px;
    float: right;
    margin-right:15px;
}
#formSearch input { padding-left:30px; width:100%;  height: 33px;}
#formSearch i.fa-search {
    cursor: pointer;
    color: #797979;
    position: absolute;
    top: 0px;
    display: block;
    padding: 9px 10px 11px;}
.social-icons ul li {
    padding: 0 5px;
}

.social-icons ul li:last-child {
    padding-right: 0;
}

.social-icons ul li a {
    font-size: 16px;
    color: #fff;
    padding: 0;
}

.social-icons ul li a:hover {
    opacity: 0.8;
}

.social-icons ul li a:hover,
.social-icons ul li a:focus {
    background: none;
}
.logo{max-width: 250px;}
.header-top+.container {color: #fff;}
.header-top+.container span, .header-top+.container p{float: left; font-size: 135%;}
.header-top+.container span i{font-size:40px;}
#header .navbar {background:transparent; width: 100% border-radius: 0; margin-bottom: 0; border-color:transparent;}
#header .navbar li a{color: #fff; border: 1px solid #787a7b;}
.boder-top{ padding: 10px 0; margin-top: 15px;}
#header .navbar-toggle {
    margin-top: 20px;
    position: relative;
}
#header .navbar-brand{float: none;}
.navbar-brand>img{margin:0 auto;}
#header .navbar-brand {
    margin-top: 24px;
    margin-bottom: 16px;
    padding: 0;
}



#header .navbar-nav.navbar-right > li:last-child a {
    padding-right: 0;
}

#header .navbar-inverse .navbar-nav li.active > a,
#header .navbar-inverse .navbar-nav li.active > a:focus,
#header .navbar-nav.navbar-right li > a:hover,
.navbar-inverse .navbar-nav > .open > a {
    background-color: inherit;
    border: 0;
    color: #989caf;
}

#header .navbar-inverse .navbar-nav li a:hover {
       color: #fff; background: #818384; border: 1px solid #6e7071;
}

/*  Dropdown menu*/

.sub-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f9f9f9;
    border-top: 5px solid #B63E09;
    padding-top: 25px;
}
ul.mega-menu-list.clearfix{margin: 0; padding: 0;}
.sub-menu ul{/*width: 320px;*/list-style-type: none;}
#header .navbar-nav .sub-menu li a {   border:1px solid #818384; padding:4px 15px;line-height:2em; display: block; color: #fff; font-family:"Arial", Helvetica, sans-serif; font-size:14px; transition: none;}
     #header .navbar-nav .sub-menu li:hover:before{color: #B63E09;}
#header .navbar-nav .sub-menu li .active {
    background-color:#DD3333;
    color: #fff;
    position: relative;
}

#header .navbar-nav .sub-menu li a i {
    position: absolute;
    right: 5px;
}

#header .navbar-nav .sub-menu li a:hover,
#header .navbar-nav .sub-menu li a:focus {
   color:#fff; background: #747677;}

#header .navbar-nav.navbar-right li > a > .fa-angle-down {
    display: none;
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Footer */
footer hr { left:0px; width:100%; border-color: black; opacity: 0.085;}
#footer {color: #fff; text-align: center; padding: 20px 0; background:#f00;}
footer .newsletter .title {
    display: block;
    line-height: 21px;
    float: left;
    font-weight: 600;
    font-size: 18px;
    margin: 5px 15px 5px 0px;
}
.social-media .social-icon {
    display: inline-block;
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 32px;
    height: 32px;
    opacity: 0.7;
}
.social-media .social-icon.facebook {
    background-position: 0px 0px;
}
.social-icon.instagram {
    background-position: -192px 0px;
}
.social-media .social-icon:hover { opacity: 1;}
footer form .btn {
    overflow: hidden;
    margin-top: -1px;
    line-height: 28px;
}
footer form {
    line-height: 0px;
    display: inline-block;
}
div#footer-bottom {padding: 15px 0; font-size: 18px;}
.fb{color: #999;}
/* Responsive */
@media (min-width: 980px) {
    #footer-inner, #footer-bottom-inner{width: 1000px;}
}
@media (min-width: 1024px) {
    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    #header .fixed .navbar-brand {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #header .fixed .navbar-nav.navbar-right>li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
#quick-access input, #quick-access button{border-radius: 0;}
#quick-search { width:40px; margin-left:-4px; height: 34px; border: none; background: #b63e09; color: #fff;}
ul.sub-menu.last {width: 200px; padding: 10px;}
#quick-search:before { border: medium none; content: ""; display: inline-block;  font-family: fontawesome;  font-size: 16px; left: 0;}
.mega-menu-list { display: block; padding-left:20px;  position: relative; width: 100%;  min-width: 0; top: auto; left: auto; box-shadow: none;  -wekbit-box-shadow: none; border-top: none;}
 .mega-menu-list li {  border-bottom: medium none;  border-top: medium none; line-height: 24px;   text-transform: capitalize;  width: 100%;}
span.mega-menu-title { width: 100%; text-align: left; color: #000;  padding-left:20px; padding-top:10px;
    display: block; font-size: 20px; padding-bottom: 10px;}
    ul.mega-menu-list.products figure { float: left; width: 20%;}
    ul.mega-menu-list.products li:before {content: none;}
   li .dropdown-cart-details {display: inline-block; height: 60px; width: 80%; padding: 10px 0 10px 10px;}
   ul.mega-menu-list.products { padding-left: 0;}
   span.item-price {margin-left: 20px; color: #B63E09;}
   p.item-name { margin-bottom: 0;}
   span.image-title {font-weight: bold;}
@media (min-width: 768px) {
    .navbar{float: right;}
    .collapse.navbar-collapse {float: right;}
    .sub-menu ul ul {display: none;}
    .sub-menu ul li.dropdown a:hover:li.dropdown ul{display: block;}
    #cbp-spmenu-s2{margin-top:5px;}
    .text_right{text-align: right;}
    #header .navbar-inverse .container.one { min-width: 600px; left: auto;right: 0;}
    .sub-menu.container{position: absolute !important; left:0; padding:0;}
    .sub-menu.container a{padding: 0 10px;}
    .sub-menu.container .col-xs-12{padding-left: 0; padding-right: 0;}
    .sub-menu.container.one{left: -11.35em;}
    .sub-menu.container.two{left: -12.35em;}
    .sub-menu.container.three{left: -30.9em;}
    .sub-menu.container.four{left:-45.35em;}
     .sub-menu.container.five{left:-50.8em;}
      .sub-menu.container.six{left: -54em;}
    .footer-widget { padding-bottom: 45px;}
    #formNewsletter a{background: #000; border-radius: 0; color:#fff; padding: 3px 10px;}
    .navbar-header{padding: 5px 0;}
    input#formNewsletterEmail { border-color: rgba(0, 0, 0, 0.085); padding: 8px;}
    .navbar-nav{ text-align: center;}
    .navbar-nav>li { float: none; display: inline-block;}
    .navbar-nav>li ul li{text-align: left;}
    .nav.navbar-nav > li:hover > .sub-menu,
    .nav.navbar-nav > li > .sub-menu > li:hover .sub-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }
    .list li a { color: #000;}
.list ul {
    list-style: none;
    padding: 0;
}
hr.full-width.bottom { margin-bottom: -1px;}
.copyright-payment {
    color: #6c6c6c;
    font-size: 12px;
    background-color: #ededed;
    padding-top: 15px;
    padding-bottom: 15px;
}
.copyright-payment .copyright a{color: #000; opacity: 0.7;}
label.footercollapse { color: #000; font-size: 16px;}
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        z-index: 999;    background:#818384;
    border: 0;
    padding: 0; border: 1px solid #6e7071; 
    }
.big{}
div#quick-access { float: right;}
 .sub-menu.big ul {/*left: 400px;*/}
    .sub-menu ul {/* left: 200px; top: -3px;*/ }

    #header .navbar-nav .sub-menu li a {
        padding-left: 20px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

    .mobile-only {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    #header .navbar-nav.navbar-right > li a {
        font-size: 14px;
    }

    .footer-top-item {
        margin-bottom: 30px;
    }
}
.mobile-only{display: none;}
@media only screen and (max-width: 767px) {
    .navbar-header {
    position: relative;
    top: -70px;
}
#header .topnav+.container {
    padding: 25px 0 0;
}
    a.my-account, .search-area{display: none;}
    .cbp-spmenu-vertical {
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
.logo{float: right;}
.cbp-spmenu {
    background:rgba(0,0,0,0.7);
    position: fixed;
}
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #258ecd;
    padding: 1em;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left:300px;
}

.cbp-spmenu-push-toleft {
    left: -300px;
}
    .cbp-spmenu-right { right: -300px; }
    .cbp-spmenu-right.cbp-spmenu-open{right: 0;}
    .cbp-spmenu-vertical {   font-size: 90%;   width:300px;}
   .cbp-spmenu-left {     left:-300px; }
   .cbp-spmenu-open{left: 0;}
   .cbp-spmenu-push-toleft{ left: 300px;}
    .cbp-spmenu-push-toright {    left: 300px;  }
    #header .navbar li a, #header .navbar li a i { color: #fff; font-weight: bold;}
    #header .navbar li a i{float: right;}
    .navbar-collapse{box-shadow: none;}
    .sub-menu.container {background: rgba(0,0,0,0.15) !important; border-top:0;}
    #header .navbar-nav .sub-menu li a{color: #fff;}
    .centered img {float: left; max-width: 72px; margin-left: 15px;}
    .centered p{display: none;}
    .navbar-inverse .navbar-nav>li>a{padding: 12px;}
    .mobile-only{display: inline-block;}
    div#quick-access { max-width: 220px; position: absolute; right: 15px;  top: -30px;}
    #quick-access .form-group { margin-bottom: 15px; width: 78%; float: left;}
    #quick-search{float: right;}
    .small{display: none;}
    .header-top+.container .col-xs-12{text-align: center;}
    .header-top+.container span, .header-top+.container p{float: none; text-align: center;}
    .header-top {display: none;}
    .navbar-collapse.collapse.in { position: absolute; width: 100%; }
    .navbar-toggle .icon-bar+.icon-bar+.icon-bar { margin-top: 15px;}
    .navbar-toggle .icon-bar { display: block; width:32px; height: 2px; border-radius: 1px; left: 3px; position: absolute; top:10px;}
    .navbar-toggle .icon-bar+.icon-bar { margin-top:8px;}
    button.navbar-toggle{width: 100%; top:0; padding: 0; left: 0; right: 0}
    .header-contacts {text-align: center;}
    .navbar-header.col-xs-12 { margin-top: 20px;}
    .boder-top{border-top: none !important;padding: 0 !important;}
    .social-icons.pull-right {
        display: none;
    }

    #header .navbar-brand,
    .navbar-toggle {
        float: none;
        display: block;
        width: 100%;
    }
    #header .navbar .container{max-width: 100%;}
    #header .navbar {
        padding:0 0 20px 0;
    }

    #header .navbar-brand {
        text-align: center;
    }

    #header .navbar-brand > img {
        display: inline-block;
    }

    #header .navbar-inverse .navbar-toggle {
        border-radius: 0;
    }

    #header .navbar-inverse .navbar-toggle, 
    #header .navbar-inverse .navbar-toggle:focus {
        outline: none;
        font-size: 14px;
        height:36px;width: 34px;
    border-radius: 5px !important;
        line-height: 35px;
        color: #Ffff;
        margin:0 0 0 10px; float: left;
    }

 .navbar-inverse .navbar-toggle:hover{background: transparent;}
    #header .navbar-inverse .navbar-toggle .icon-bar {
        background: #222;
        height: 3px;
        margin-left: auto;
    }

    .navbar-inverse .navbar-collapse { margin-top:12px; border-color: transparent;
        padding: 0;
    }
    .navbar-inverse .navbar-nav>li>a {color: #000; border-bottom:1px solid rgba(0,0,0,0.1);}
 .navbar-inverse .navbar-toggle{border-color: transparent; background:transparent;}
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-top: 0;
    }

    .navbar.navbar-inverse {
        padding-left: 15px;
        padding-right: 15px;
    }

    .social-icons ul li:first-child {
        padding-left: 0;
    }

    #header .navbar-nav {
        margin: 0;
    }

    #header .navbar-nav.navbar-right li > a > .fa-angle-down {
        display: inline-block;
        float: right;
        padding: 4px 16px 4px 30px;
        font-size: 24px;
        margin-top: -6px;
    }

    #header .navbar-nav.navbar-right li > a,
    #header .navbar-nav li ul.sub-menu li a {
        background-color: #f9f9f9;
        border: 1px solid transparent;
        border-bottom-color: #dadada;
        padding: 12px 0 12px 12px;
        color: #333333;
    }

    #header .navbar-nav li ul.sub-menu li a:before {
        content: "-";
        margin-right: 2px;
    }

    #header .navbar-nav li ul.sub-menu li a {
        padding-left: 25px;
    }

    #header .navbar-nav li ul.sub-menu li ul.sub-menu li a:before {
        content: "--"
    }

    #header .navbar-nav li ul.sub-menu li ul.sub-menu li a {
        padding-left: 36px;
    }

    #header .navbar-inverse .navbar-nav li.active > a,
    #header .navbar-inverse .navbar-nav li.active > a:focus,
    #header .navbar-nav.navbar-right li > a:hover,
    #header .navbar-nav li ul.sub-menu li a:hover,
    #header .navbar-nav li ul.sub-menu li a:focus {
        background-color: #f6f6f6;
        border: 1px solid transparent;
        border-bottom: 1px solid #dadada;
        color: #333333;
    }

    .footer-copyright {
        text-align: center;
    }

    .footer-copyright .content-holder {
        margin-bottom: 20px;
    }

    .footer-copyright .social-icons.pull-right {
        display: block !important;
        float: none !important;
    }

    .footer-copyright .social-icons.pull-right .nav-pills > li {
        float: none;
        display: inline-block;
    }
}

/* General styles for all menus */


.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}

.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}

.cbp-spmenu a:hover {
    background: #258ecd;
}

.cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */


/* Vertical menu that slides from the left or right */


/* Push classes applied to the body */



/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }

}