/************************** responsive.css **************************/
@media (max-width: 960px) {
    .responsive .standard-body .full-width .container, .responsive .standard-body .full-width .container-home {
        padding-left: 20px;
        padding-right: 20px;
    }

    .responsive .standard-body .fixed .container, .responsive .standard-body .fixed .container-home {
        padding-left: 20px;
        padding-right: 20px;
    }

    .responsive .main-fixed .container, .responsive .main-fixed .container-home {
        padding-left: 20px;
        padding-right: 20px;
    }

    .responsive .standard-body .container .container,
    .responsive .main-fixed .container .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .responsive .container-home {
        width: auto;
    }

}

@media (max-width: 767px) {

    iframe {
        /* -webkit-transform: scale(.6);
        -webkit-transform-origin: 0 0;
        width: 142.857143%; */
    }

    .responsive .main-fixed {
        margin-top: 0px;
    }

    .responsive .container-home {
        width: auto;
    }

    .responsive .tg-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .responsive #header {
        min-height: 0;
    }

    .logo-store a img {
        max-width: 110px;
    }
    .responsive .currency, .responsive .language, .responsive .my-account, .responsive .tg-search {
        height: auto;
    }

    .responsive .buttons .right {
        float: none;
    }

    .responsive .buttons .center {
        text-align: right;
        margin-top: 10px;
    }

    .breadcrumb .container > div {
        padding: 10px 0px 5px 0px;
    }

    /* Notification */
    .responsive .modal-left-button {
        float: none;
        margin-bottom: 10px;
    }

    .responsive .modal-right-button {
        float: none;
    }

    .responsive .modal-footer {
        text-align: center;
    }

    .responsive #search input[type="text"] {
        max-width: none;
    }

    .responsive h1, .responsive h2, .responsive h3 {
        margin-top: 0px;
    }

    .responsive .currency, .responsive .language, .responsive .my-account {
        text-align: center;
    }

    #language, #currency {
        position: relative;
        padding-left: 0px;
        padding-right: 10px;
        margin: 0;
    }

    #my-login {
        position: relative;
        padding-left: 0px;
        padding-right: 10px;
        margin: 0;
    }

    .my-account .dropdown-menu {
        font-size: 12px;
        border: 1px solid #f5f5f5;
        width: auto;
        padding: 0px;
        margin: 0;
        left: -1px;
        text-align: left;
    }

    #welcome {
        text-align: center;
    }

    .responsive .logo-store {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;

        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .responsive .logo-store > * {
        /*margin-right: auto;*/
    }

    .responsive .tg-search {
        border: none;
        background: #FA7268;
        display: inline-block !important;
        height: 50px;
        width: 50px;
        padding: 0;
        text-align: center;
        color: #FFFFFF;
        line-height: 48px;
        font-size: 20px;

        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    #header #search {
        margin: 0;
    }


    .responsive .tg-search .dropdown-menu {
        font-size: 12px;
        border: none;
        width: 100%;
        margin: 0;
        left: 0;
        right: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 10px;
    }

    .responsive #cart {
        display: block;
        margin-left: -10px;
        margin-right: -10px;
        text-align: center;
    }

    .responsive #cart .cart-heading .cart-icon {
    }

    #cart .cart-heading {
        display: inline-block;
    }

    #cart .dropdown-menu, #laguange .dropdown-menu {
        width: 100%;
    }


    .responsive .tg-padding-left {
        padding-left: 10px !important;
    }

    .responsive .tg-padding-right {
        padding-right: 10px !important;
    }

    /* Layout */
    .filter-product .tab-content {
        margin-bottom: 0px;
    }

    .responsive .box-heading {
        margin-bottom: 10px;
    }

    .responsive .html-heading {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .responsive .html-description {
        margin-bottom: 10px;
    }

    .responsive .html-holder2, .html-holder {
        margin-bottom: 5px;
    }

    .responsive .custom-footer, .responsive .footer, .responsive .copyright {
        padding-top: 20px;
    }

    .responsive .custom-footer h4, .responsive .footer h4, .responsive .copyright h4 {
        margin-bottom: 20px;
    }

    /* Revolution Slider */
    .fullwidthbanner-container {
        margin-top: 10px !important;
    }

    .responsive .slider-bottom {
        margin-bottom: 20px;
    }

    .responsive .slider-middle-bottom {
        margin-bottom: 0px;
    }

    .carousel-inner > .item {
        display: block;
    }

    /*Footer*/
    .responsive .footer-column:nth-child(2n+1) {
        clear: both;
    }

    .responsive .custom-footer, .responsive .footer, .responsive .copyright {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .responsive .custom-footer, .responsive .footer {
        padding-bottom: 0px;
    }

    .responsive .copyright .pattern {
        padding: 10px 0;
    }


    /* Column Left & Column Right */
    .responsive .megamenu_vertical-wrapper {
        margin-bottom: 0px;
    }

    .responsive .col-sm-3 .product-grid .right, .responsive .col-sm-4 .product-grid .right {
        text-align: center;
    }

    #column_left .product-grid .product .image-latest img, #column_right .product-grid .product .image-latest img {
        margin: 0 auto;
    }

    #column_left .product-grid .product .name-latest,
    #column_left .name-latest, #column_right .product-grid .product .name-latest,
    #column_right .name-latest {
        margin-top: 10px;
    }

    /* Row */
    /* .responsive .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .responsive .row > div {
        padding-left: 10px;
        padding-right: 10px;
    } */

    .responsive .standard-body .full-width .container, .responsive .standard-body .full-width .container-home {
        padding: 0px 10px;
    }

    .responsive .standard-body .fixed {
        padding: 0px;
    }

    .responsive .standard-body .fixed .container, .responsive .standard-body .fixed .container-home {
        padding: 0px 10px;
    }

    .responsive .fixed-body {
        padding: 0px;
    }

    .responsive .main-fixed .container, .responsive .main-fixed .container-home {
        padding: 0px 10px;
    }

    .responsive .standard-body .container .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Top */
    .responsive #top #header-left,
    .responsive #top #header-left-logo,
    .responsive #top #header-center,
    .responsive #top #header-right {
        padding-top: 0px;
        padding-left: 10px;
        text-align: center;
    }

    .responsive #top #header-left {
        padding-top: 10px;
    }

    .responsive #top #header-left-logo {
        padding-top: 20px;
    }

    .responsive #top .container {
        padding-bottom: 10px;
    }

    /* Top -> Block Cart */
    .responsive #top #cart {
        display: block;
        margin: 0px 0px 15px 0px;
    }

    .responsive #top #cart .cart-heading {
        display: inline-block;
    }

    .responsive #top #cart .dropdown-menu {
        width: 100%;
    }

    .responsive #top #header-right #cart .dropdown-menu:after {
        right: 50%;
        margin-right: -15px;
    }

    .responsive #top #header-right #cart .dropdown-menu:before {
        right: 50%;
        margin-right: -16px;
    }

    /* Blog&News */
    .responsive .bnews-holder {
        padding: 20px 5px 20px 5px !important;
    }

    /* Newsletter */
    .responsive .newsletter-holder {
        padding: 20px;
    }

    .responsive .newsletter-text {
        text-align: center;
        padding: 0;
    }

    .responsive .newsletter-button {
        text-align: center;
        padding: 0;
        margin-top: 15px;
    }


    /* Main Content
    ------------------*/
    .responsive .main-content .container,
    .responsive .standard-body .main-content .container {
        padding-bottom: 10px;
    }

    /* Slider */
    .responsive .fullwidthbanner-container {
        margin-top: 0px !important;
    }

    .responsive #slider .fullwidth .fullwidthbanner-container {
        margin-top: 0px !important;
    }


    .responsive .banners > div {
        padding-top: 20px;
    }


    .responsive .inner-page .pattern > div > .row:first-child > div {
        margin-top: 0px !important;
    }

    .responsive .inner-page .pattern > div > .row:first-child > div {
        float: none;
    }

    .responsive .inner-page .pattern > div > .row:first-child > div:first-child {
        margin-top: -5px !important;
    }


    /* Product */
    .product-grid .product .image .quickview {
        display: none;
    }

    .filter-product .filter-tabs ul > li > a:after, .filter-product .filter-tabs ul > li > a:before {
        display: none;
    }

    .filter-product .filter-tabs ul > li {
        display: block;
    }

    .filter-product .filter-tabs ul > li {
        padding: 0;
    }

    .tab-content .prev-button {
        top: -30px;
    }

    .tab-content .next-button {
        top: -30px;
    }

    .responsive .box .prev-button2 {
        position: absolute;
        top: -32px;
        z-index: 1;
    }


    .responsive .box .next-button2 {
        position: absolute;
        top: -32px;
        z-index: 1;
    }

    .responsive .hover-product {
        display: none !important;
    }

    .responsive .product-grid,
    .responsive .center-column .product-grid {
        margin-top: -20px;
        margin-bottom: 0px;
    }

    .responsive .product-grid .product,
    .responsive .center-column .product-grid .product {
        margin-top: 20px;
    }

    .responsive .center-column .product-grid {
        margin-bottom: 20px;
    }

    .responsive .center-column {
        padding-bottom: 20px;
    }

    .responsive .product-grid .row > div.col-xs-6:nth-child(odd) {
        clear: both;
    }

    /* Carousel mobile products */
    .responsive .box-product .carousel .item .product-grid .row > div {
        display: none;
    }

    .responsive .box-product .carousel .item .product-grid .row:first-child > div:first-child,
    .responsive .box-product .carousel .item .product-grid .row:first-child > div:nth-child(2) {
        display: block;
        position: relative;
        z-index: 1;
    }

    .responsive .carousel .item .product-grid .row > div {
        display: none;
    }

    .responsive .carousel .item .product-grid .row:first-child > div:first-child,
    .responsive .carousel .item .product-grid .row:first-child > div:nth-child(2) {
        display: block;
        position: relative;
        z-index: 1;
    }


    .responsive .product-list .cart,
    .responsive .product-info .cart-holder {
        margin-right: 0px;
        margin-top: 10px;
        clear: both;
    }

    .responsive .product-info .wishlist-holder, .responsive .product-info .compare-holder {
        margin-top: 10px;
    }

    .responsive .product-list .product .image img {
        margin: 0;
    }

    .responsive .product-grid,
    .responsive .center-column .product-grid {

    }


    .responsive .product-grid .row > div:after {
        top: 30px;
    }

    .responsive .product-grid .product,
    .responsive .center-column .product-grid .product {
        margin-top: 20px;
    }

    .responsive .center-column .product-grid {
        margin-bottom: 20px;
    }

    .responsive .product-grid .row > div.col-xs-6:nth-child(odd) {
        clear: both;
    }

    /* Product for column left & right */
    .responsive .col-sm-3 .products,
    .responsive .col-sm-4 .products {
    }

    .responsive .col-sm-3 .carousel-indicators,
    .responsive .col-sm-4 .carousel-indicators {
        display: none;
    }

    .responsive .col-sm-3 .products .product-grid,
    .responsive .col-sm-4 .products .product-grid {
        margin: -20px 0px 0px 0px;
    }

    .responsive .col-sm-3 .products .row > div.col-xs-6,
    .responsive .col-sm-4 .products .row > div.col-xs-6 {
        width: 50%;
        margin: 0px;
    }

    .responsive .col-sm-3 .products .row > div .product,
    .responsive .col-sm-4 .products .row > div .product {
        margin-top: 20px;
        padding: 14px;
        text-align: center;
        position: relative;
        border: none;
    }

    .responsive .col-sm-3 .products .row > div .product .left,
    .responsive .col-sm-4 .products .row > div .product .left {
        float: none;
        width: 100%;
    }

    .responsive .col-sm-3 .products .row > div .product .right,
    .responsive .col-sm-4 .products .row > div .product .right {
        float: none;
        width: 100%;
        margin-left: 0%;
        padding-top: 0px;
    }

    /* Product list */
    .responsive .product-list > div {
        padding: 10px;
    }

    .responsive .product-list .image, .responsive .product-list .name, .responsive .product-list .description {
        text-align: center;
    }

    .product-list .rating {
        text-align: center;
    }

    .responsive .product-list > div {
        margin-bottom: 20px;
        text-align: left;
    }

    .responsive .product-list .name {
        margin-top: 10px;
    }

    .responsive .product-list .description {
        margin-bottom: 10px;
    }

    .responsive .product-list .actions > div {
        padding: 15px 0px 0px 0px;
        border-top: 1px solid #e6e6e6;
        margin: 20px 0px 0px 0px;
    }

    .responsive .product-list .actions > div:before {
        display: none;
    }

    .responsive .manufacturer-list ul {
        width: 100%;
    }

    /* Product Grid */
    /* Category page */
    .responsive .category-info {
        padding: 0px 0px 10px 0px;
    }

    .responsive .category-list-text-only {
        margin-bottom: 15px;
    }

    .responsive .category-list .row > div {
        margin-bottom: 16px;
    }

    .responsive .category-list-text-only .row > div {
        margin-bottom: 6px;
    }

    .responsive .product-filter {
        margin: 0px 0px 20px 0px;
    }

    .responsive .product-filter .options,
    .responsive .product-filter .list-options,
    .responsive .product-filter .list-options .limit {
        float: none;
        margin: 0px;
        clear: both;
    }

    .responsive .product-filter .list-options .sort {
        padding-top: 10px;
    }

    .responsive .product-filter .list-options .limit {
        padding-left: 0px;
    }

    /* Product page */
    /* Thumbnails */
    .responsive .product-info .thumbnails li,
    .responsive .product-info .thumbnails-left li {
        width: 25%;
        float: left;
    }

    /* Pagination */
    .responsive div.pagination .results {
        float: none;
        width: 100%;
        text-align: center;
    }

    .responsive div.pagination .links {
        float: none;
        width: 100%;
        text-align: center;
    }

    /* Content */
    .responsive .login-content .left,
    .responsive .login-content .right,
    .responsive .main-content .content .left,
    .responsive .main-content .content .right,
    .responsive .checkout-content .left,
    .responsive .checkout-content .right {
        float: none;
        width: 100%;
    }

    /* Hotline */
    .hotline-holder {
        border-right: none;
        margin-bottom: 10px !important;
    }

    /* Custom Footer
    -----------------*/
    .responsive .copyright-left {
        float: none;
        margin-bottom: 10px;
    }

    .responsive .copyright-right {
        float: none;
    }

    .responsive .footer {
        margin-bottom: 0px;
    }

    .responsive .custom-footer .background {
        background-image: none;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .responsive .custom-footer .pattern {
        padding: 5px 0px 26px 0px;
    }

    .responsive .custom-footer h4 {

    }

    /* Footer
    -----------------*/
    .responsive .footer .pattern {
        padding: 5px 0px 26px 0px;
    }

    .responsive div.footer-panel:nth-child(3) {
        clear: both;
    }


    /* Copyright
    ------------------*/
    .responsive .copyright {
        text-align: center;
    }

    .responsive .copyright ul {
        padding: 5px 0px 10px 0px;
        float: none;
    }

    /* Htabs */
    .responsive .htabs {
        margin-top: 10px;
        padding: 0;
        height: auto;
        margin-bottom: 10px;
    }

    .responsive .htabs a {
        float: none;
        clear: both;
        text-align: center;
        display: block;
        margin-top: 5px;
    }

    .responsive .htabs a.selected:after {
        display: none;
    }

    .responsive .center-column .tab-content {
        margin: 0 0 10px;
    }

    /* Cloud zoom */
    .responsive .zoomContainer {
        display: none !important;
    }

}


@media (min-width: 767px) and (max-width: 1499px) {
    .responsive .container-home {
        width: auto;
        padding-left: 45px;
        padding-right: 45px;
    }


    .breadcrumb .container > div {
        padding: 15px 0px 10px 0px;
    }


}
/************************** menu.css **************************/
/* MegaMenu
------------------*/

#menu {
    position: relative;
    overflow: visible;
}

#menu .background-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

#megaMenuToggle_mobile {
    display: none;
}

.container-megamenu,
.container-megamenu .container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.container-megamenu .container {
    width: auto;
}

.megamenu-wrapper {
    background: #FA7268;
    display: inline-block;
    width: 100%;
}

.main-fixed .megamenu-wrapper .container { padding-left: 0px; padding-right: 0px;}

.standard-body .megamenu-wrapper {
    margin-left: 15px;
    margin-right: 15px;
}


.megamenu-wrapper  .menu-holder{
    padding-left: 0px;
    padding-right: 0px;
}

.menu-bottom{
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #e7e7e7;
    clear: both;
    margin-bottom: 20px;
}

.megamenu-pattern {

}

ul.megamenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    z-index: 999;
}

ul.megamenu > li {
    float: left;
    width: auto;

}

ul.megamenu > li.pull-right {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}

ul.megamenu > li .close-menu {
    display: none;
}

ul.megamenu > li > a {
    display: block;
    position: relative;
    font-size: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

ul.megamenu > li:hover {
    color: #ffffff;
    background: #d63131;
}

ul.megamenu > li:hover a {
    color: #ffffff;
}

ul.megamenu > li.pull-right > a {
    margin-right: 0px;
    margin-left: 34px;
}

ul.megamenu > li > a strong {
    font-weight: normal;
}

ul.megamenu > li > a:hover,
ul.megamenu > li.active > a,
ul.megamenu > li.home > a,
ul.megamenu > li:hover > a {
    color: #ffffff;
}



ul.megamenu > li > a > .icon-home {
    display: block;
    font-size: 23px;
}

ul.megamenu > li > a img {
    margin-right: 10px;
    height: 28px;
    vertical-align: middle;
}

ul.megamenu > li > a.description {
    font-size: 14px;
    padding: 17px 0px 11px 0px;
    line-height: 1;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
}

ul.megamenu > li > a.description img {
    float: left;
}

ul.megamenu > li > a.description .description {
    font-size: 11px;
    opacity: 0.9;
}

ul.megamenu > li > a.description .description-left {
    float: left;
    width: auto;
}

/* Submenu */

ul.megamenu > li > .sub-menu {
    position: absolute;
    z-index: 9999;
    display: none;
    color: #737474;
}


.horizontal ul.megamenu > li > .sub-menu {
    max-width: 100%;
    z-index: 9999;
}

ul.megamenu li .sub-menu .content {
    z-index: 999;
    padding: 20px;
    padding-top: 0;
    background: #FFFFFF;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    position: relative;
    border: 1px solid #f1f1f1;
    z-index: 9999;
}
ul.megamenu li .sub-menu .content a{
    color: #666666;
    line-height: 24px;
    /*font-size: 12px;*/
}
ul.megamenu li .sub-menu .content a:hover{
    color: #000000;
}

/* ul.megamenu .sub-menu .content > .row {
    padding-top: 20px;
} */

ul.megamenu .sub-menu .content > .border {
    margin-bottom: 20px;
}

ul.megamenu .sub-menu .content > .row:first-child {
    padding: 0px;
}

/* Product */

ul.megamenu li .product {
    text-align: center;
    position: relative;
    background: #fff!important;
}

ul.megamenu li .product .image {
    padding: 0px;
}
ul.megamenu li .product .image  img{
    height: auto;
    max-width: 100%;
}
ul.megamenu li .product .image a{
    font-size: 0px;
}

ul.megamenu li .product .name {
    padding: 7px 0px 0px 0px;
    background: #fff!important;
}


ul.megamenu li .product .name a {
    color: #53565a;
    font-size: 14px;
    background: #fff!important;
}

ul.megamenu li .product .name a:hover {
    color: #bababa;
}

ul.megamenu li .product .price {
    color: #bababa;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

/* Manufacturer */

ul.manufacturer {
    list-style: none;
    margin: -10px 0px 0px 0px;
    padding: 0px;
    position: relative;

}

ul.manufacturer li {
    display: inline-block;
    margin: 10px 5px 0px 0px;
}

ul.manufacturer li a {
    display: block;
    font-size: 12px;
    padding: 2px 15px;
    border: 1px solid #efefef;
    background: #FFFFFF;
    color: #666666;
}

ul.manufacturer li a:hover {
    color: #bababa;
    border: 1px solid #bababa;
}

/* Static Menu */

ul.megamenu li .sub-menu .content .static-menu a.main-menu {
    display: block;
    font-size: 12px;
    color: #666666;
}

ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {
    color: #bababa;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul {
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
}

ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
    padding-top: 7px;
}


ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child {
    padding-top: 0px;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
    padding: 5px 10px;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before {
    padding-right: 0px;
}

/* Hover Menu */

ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
    display: block;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul {
    list-style: none;
    margin: -20px -20px -20px -20px;
    padding: 0px;
    position: relative;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
    display: none;
    margin: -41px 0px 0px -10px;
    width: 200px;
    position: absolute;
    z-index: 999;
    left: 100%;
    background: #fff;
    border: 1px solid #EFEFEF;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {

}
ul.megamenu li .sub-menu .content .hover-menu .menu ul li > a > span {
    margin-left: 6px;
}
ul.megamenu li .sub-menu .content .hover-menu .menu>ul {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
}
ul.megamenu li .sub-menu .content .hover-menu .menu>ul>li {
    width: 50%;
}



ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
    position: relative;
}

ul.megamenu li .sub-menu .content .hover-menu a {
    padding: 6px 20px 6px 20px;
    display: flex;
    align-items: center;
    color: #666666;
}



ul.megamenu li .sub-menu .content .hover-menu li > a:hover {
    color: #000000;
    background: #f1f1f1;

}




/* Heading MegaMenu */

#megaMenuToggle_mobile {
    display: none;
    cursor: pointer;
}

.megamenuToogle-wrapper {
    position: relative;
    z-index: 20;

}

.megamenuToogle-wrapper .container {
    color: #FFFFFF;
    font-size: 40px;
    line-height:36px;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.megamenuToogle-wrapper .container > div {
    float: left;
    width: 15px;
    margin: 2px 9px 0px 0px;
    margin-left: 10px;
}

.megamenuToogle-wrapper .container > div span {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 2px;
    background: #FFFFFF;
}

/* Responsive
------------------*/

@media (max-width: 767px) {


    ul.megamenu {
        border: 1px solid #f1f1f1;
    }
    .responsive ul.contactus, .responsive .hotline-holder {margin: 0;}

    .responsive .megamenu-wrapper .menu-holder {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .responsive .fixed-body .megamenu-pattern {
        margin-left: 0px!important;
        margin-right: 0px!important;
        margin-top: 15px;
    }

    .responsive .megamenu-wrapper .container {
        padding: 0px !important;
    }

    .responsive .megamenu-wrapper .container {
        width: 100%!important;
    }

    .responsive ul.megamenu > li > a {
        color: #4B4B4B;
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: 36px;
        line-height: 36px;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }



    /* MegaMenu Submenu */

    .responsive .megamenu-wrapper {
        /* display: none; */
        background: #f4f5f4 !important;
        position: relative;
        margin: 0px;
    }




    .responsive ul.megamenu .sub-menu .content .border {
        display: none;
    }

    .responsive ul.megamenu .sub-menu .content .row {
        margin: 0px -20px;
    }

    .responsive ul.megamenu .sub-menu .content .row > div {
        margin-top: 0px;
        border-top: 1px solid #F0F0F0;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .responsive ul.megamenu .sub-menu .content .row > div > a {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        width: 100%;
        padding: 10px 0;
    }

    .responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child {
        margin-top: 0px;
        border-top: none;
        padding-top: 0px;
    }

}


@media (max-width: 767px) {
    .responsive .megamenu-wrapper .container {
        width: 100%!important;
    }
    ul.megamenu > li > a strong {
        font-weight: normal;
    }

    .responsive #megaMenuToggle_mobile {

        background: #FA7268;
        display: inline-block !important;
        height: 50px;
        padding: 0;
        width: 50px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .responsive .megamenu-pattern {
        margin-left: 20px;
        margin-right: 20px;
    }

    .responsive .standard-body #megaMenuToggle_mobile {
        margin: 0;
    }

    .responsive .standard-body .megamenu-pattern {
        margin: 0;
        border: 1px solid #ededed;
        margin-bottom: 20px;
    }


    .responsive .megamenu-wrapper {
        /* display: none; */
        background: #fff !important;
        border-bottom: 1px solid #FFFFFF;
        position: relative;
        margin: 0;
    }

    .responsive ul.megamenu > li > a {
        color: #4B4B4B;
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: 35px;
        line-height: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .responsive ul.megamenu > li {
        display: block;
        float: none !important;
        width: auto;
        background: none;
        border-top: 1px solid #f1f1f1;
        position: relative;
        margin: 0px;
        border-left: none;
    }

    .responsive ul.megamenu > li:first-child {
        border-top: none;
    }

    .responsive ul.megamenu > li > a {
        text-shadow: none;
        background: #ffffff;
        height: auto;
        padding: 0px 20px 0px 20px;
        border: none;
    }

    .responsive ul.megamenu > li > a:hover {
        color: #bababa;
    }

    .responsive ul.megamenu li .sub-menu .content a {
        color: #666666;
    }
    .responsive ul.megamenu li .sub-menu .content a:hover {
        color: #bababa;
    }

    .responsive ul.manufacturer li a {border: 1px solid #efefef!important;
        color: #666666!important;}

    .responsive ul.manufacturer li a:hover{color: #bababa!important; border: 1px solid #bababa!important;}



    .responsive ul.megamenu > li > a:before {
        display: none !important;
    }

    .responsive ul.megamenu > li.click:before,
    .responsive ul.megamenu > li.hover:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #4b4b4b;
        font-weight: normal;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        padding: 9px 17px 10px 30px;
    }

    .responsive ul.megamenu > li.active .close-menu {
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 1px;
        width: 85px;
        height: 100%;
        padding: 9px 0px 0px 40px;
        background: #ffffff;
        text-align: center;
        cursor: pointer;

    }

    .responsive ul.megamenu > li.active .close-menu:before {
        content: "\f068";
        font-family: FontAwesome;
        color: #bababa;
        font-weight: 400;
        font-size: 14px;

    }

    /* Submenu */

    .responsive .horizontal ul.megamenu > li > .sub-menu {
        width: 100% !important;
    }

    /* Hover Menu */

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        display: block !important;
        margin: 5px 10px;
        width: auto;
        padding: 0px;
        position: static;
        left: 0;
        background: none;
        border: none;
        border-radius:         0px;
        -moz-border-radius:    0px;
        -webkit-border-radius: 0px;
        box-shadow:            none;
        -moz-box-shadow:       none;
        -webkit-box-shadow:    none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
        display: none;
    }

    .responsive .horizontal .visible {
        padding: 5px 0px 5px 0px !important;
    }

    .responsive .horizontal .visible > div {
        margin: 0px !important;
        border: none !important;
        padding: 0px 0px 0px 10px !important;
    }

}


/************************** owl.carousel.min.css **************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:96%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/************************** slider.css **************************/

/*************************
	-	CAPTIONS	-
**************************/

.tp-caption.noshadow {
    text-shadow: none;
}


.tp_inner_padding	{	box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    max-height:none !important;	}






/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img			{ -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; position:absolute; visibility: hidden;

}

.tp-simpleresponsive img	{	max-width:none;}

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
    filter:none !important;
}

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/
.tp-bullets {
    opacity: 1;
    position: absolute;
    transition: opacity 0.2s ease-out 0s;
    z-index: 1000;
}
.tp-bullets.hidebullets {
    opacity: 0;
}

.tp-bullets.simplebullets.round .bullet {
    background: none;
    border: medium none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 2px;
    padding: 0;
    text-indent: -999px;
    width: 11px;
    border: 2px solid #ffffff;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
    border: 2px solid #ffffff;
    background: #FFFFFF;
}
.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 5px;
}


/*************************************
	-	TP ARROWS 	-
**************************************/

.fullwidthbanner-container .tp-leftarrow {
    z-index:100;
    cursor:pointer;
    position:relative;
    top: 50% !important;
    left: 40px !important;
    font-size: 100px;
    color: #D5D7CA;
    font-family: fontawesome;
    margin-top:-35px;
    display:none;
    transition:         all 0.6s;
    -o-transition:      all 0.6s;
    -ms-transition:     all 0.6s;
    -moz-transition:    all 0.6s;
    -webkit-transition: all 0.6s;

}



.fullwidthbanner-container .tp-rightarrow {
    z-index:100;
    cursor:pointer;
    position:relative;
    font-size: 100px;
    color: #D5D7CA;
    font-family: fontawesome;
    margin-top:-35px;
    top: 50% !important;
    right: 40px !important;
    display:none;
    transition:         all 0.6s;
    -o-transition:      all 0.6s;
    -ms-transition:     all 0.6s;
    -moz-transition:    all 0.6s;
    -webkit-transition: all 0.6s;
}



.fullwidthbanner-container:hover .tp-leftarrow, .fullwidthbanner-container:hover .tp-rightarrow { display:block; }
.fullwidthbanner-container .tp-rightarrow:hover { opacity:1;color: #000; }
.fullwidthbanner-container .tp-leftarrow:hover { opacity:1;color: #000; }


/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:100; position:absolute; padding:3px;background-color:#fff;
    width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
    margin-top:-50px;
}

.fullwidthbanner-container .tp-thumbs		{  padding:3px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
    overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
    cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
    background: #FD95C0;
    height: 5px!important;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 200;
}
.tp-bannertimer.tp-bottom					{	bottom:0px !important;height:5px;}





/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


@media only screen and (min-width: 768px) and (max-width: 959px) {

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs				{	width:300px !important; height:30px !important;}
    .responsive .tp-bullets.tp-thumbs .tp-mask		{	width:300px !important; height:30px !important;}
    .responsive .tp-bullets.tp-thumbs .bullet		{	width:60px !important;height:30px !important;}

}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets	{	display:none}
    .responsive .tparrows	{	display:none;}
}

@media (max-width: 479px) {
    .responsive .fullwidthbanner-container .button {
        padding: 6px 10px;
        font-size: 10px;
    }
}




/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
    list-style:none;
    padding:0;
    margin:0;
}

.tp-simpleresponsive >ul >li{
    list-stye:none;
    position:absolute;
    visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:10000px; height:10000px; }

.tp-loader 	{
    background:url(../img/loader.gif) no-repeat 10px 10px;
    background-color:#fff;
    margin:-22px -22px;
    top:50%;
    left:50%;
    z-index:10000;
    position:absolute;
    width:44px;
    height:44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.fullwidthbanner-container {
    width:100% !important;
    position:relative;
    padding:0;
    overflow: hidden !important;
    z-index: 0;
}

.slider-bottom {margin-bottom: 40px;}
.slider-middle-bottom {margin-bottom: 40px;}

#slider .fullwidth .fullwidthbanner-container {
    margin: 0px;
    clear: both;
}

.fullwidthbanner-container ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
/************************** magnific-popup.css **************************/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !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-inline-holder .mfp-content, .mfp-ajax-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-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -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: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    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: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    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:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    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, 0.6);
    background: black; }

/* Main image in popup */
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; }

/* The shadow behind the image */
.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, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36Zpx;
    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) {
    /**
         * Remove all paddings around the image on small screen
         */
    .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, 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, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 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; }

/************************** bootstrap-datetimepicker.min.css **************************/
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/************************** menu.css **************************/