/****************************************
         GLOBAL SETTINGS STYLES
****************************************/
body, html {
    font-family: 'Noto Sans', sans-serif !important;
    background: rgb(242, 242, 242);
}
h1 {
    font-family: 'Russo One', sans-serif !important;
    color: black;
}
h2 {
    font-family: 'Russo One', sans-serif !important;
    color:#000000;
    font-size: 1.5em;
    margin-top: 10px;
}
h3 {
    font-family: 'Russo One', sans-serif !important;
    color: black;
    margin-top: 15px;
    font-size: 1.4em;
}
p {
    color: black;
    font-size: 1.1em;
}
.uk-heading-bullet::before {
    border-left: 5px solid grey;
}
.heading-title {
    text-align: center;
    text-transform: uppercase;
    color: #094a8f;
    font-size: 2.8em;
}
.before-ajax {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(10 47 81 / 76%);
    display: none; 
}
.ico-before {
    margin-top: 18% !important;
    color: white !important;
    text-align: center !important;
    width: 100% !important;
}
.align-items-center {
    align-items: center;
}
.br-rounded {
    border-radius: 50px !important;
}
.ws-red-btn:hover {
    background: #094a8f !important;
    color: white !important;
}
.ws-red-btn {
    background: none !important;
    color: black !important;
    border: solid 1px #094a8f !important;
    transition: 1s all ease !important;
    padding: 0px;
    border-radius: 50px;
}
.ws-red-shop-btn:hover {
    background: none !important;
    color: black !important;
}
.ws-red-shop-btn {
    background: #094a8f !important;
    color: white !important;
    border: solid 1px #094a8f !important;
    transition: 1s all ease !important;
    border-radius: 50px;
}
.ws-red-btn-solid:hover {
    background: none !important;
    color: black !important;
}
.ws-red-btn-solid {
    background: #d40d1e !important;
    color: white !important;
    border: solid 1px #d40d1e !important;
    border-radius: 10px 30px 10px 30px;
    transition: 1s all ease !important;
}
.btn-absolute {
    position: absolute;
    bottom: 10px;
    width: 90%;
    left: 50%;
    margin-left: -40%;
    z-index: 9;
}
.ws-white:hover {
    background: none !important;
    color: white !important;
}
.ws-white {
    background: white !important;
    color: black !important;
    border: solid 1px white !important;
    border-radius: 50px;
    transition: 1s all ease !important;
}
.m-apps {
    padding: 10px 0px;
    background: rgb(119, 119, 119);
    width: 100%;
    margin-top: 30px;
}
.m-apps img {
    width: 150px;
}
footer h3 {
    color: #094a8f !important;
    text-transform: uppercase !important;
    font-size: 1.2em !important;
}
footer .ws-color-divider {
    margin-top: 0px !important;
}
footer p {
    margin: 7px 20px !important;
    font-weight: bold;
    color: white;
    font-size: .9em;
}
.fixed-sidebar {
    position: fixed;
    top: 120px;
    bottom: 0%;
    overflow: auto;
    width: 18%;
}
.uk-table-small td, .uk-table-small th {
    font-size: .8em;
    color: black;
    font-weight: 600;
}
.table-dist {
    background: #d40d1e !important;
}
.table-dist th {
    color: white !important;
}
.trigger-styles p {
    color: #272727;
    font-size: 1em;
}
.text-decoration-none {
    text-decoration: none !important;
}
.ws-large-bottom {
    margin-bottom: 80px;
}
.uk-lightbox {
    background: #fff !important;
}
.p-tax {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    color: black;
    font-size: .8em;
}
/****************************************
              MAN MENU STYLES
****************************************/
.active-nav-ws {
    background: white !important;
    color: black !important;
}
.head-logo {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Russo One', sans-serif !important;
    letter-spacing: 10px;
    display: inline;
    padding: 5px 30px 2px 40px;
    color: #ffffff;
    background: #a7a7a7;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
    border-bottom: solid 2px #094a8f;
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    border-radius: 10px;
}
.logo-link {
    color: black !important;
    text-decoration: none !important;
}
.menu-content {
    line-height: 1.4;
    text-transform: uppercase;
    font-size: .9em;
    color: white;
    font-family: 'Russo One', sans-serif !important;
}
.m-menu {
    display: none;
}
.target-ico svg {
    width: 35px !important;
}
.p-mobile {
    color: #ffffff;
    font-size: .8em;
    text-transform: uppercase;
}
.perent-m {
    font-weight: bold;
}
.uk-offcanvas-bar {
    width: 80% !important;
}
.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
    color: #d40d1e;
}
.f-logo-section {
    background: white;
}
.display-logo {
    display: block;
    margin: 0 auto;
    width: 550px;
}
.social-m-ico {
    background: white !important;
    color: #2c2c2c !important;
}
.home-p-ico {
    background-color: #094a8f;
    color: white;
    border-radius: 50%;
    padding: 2px;
}
.red-ico {
    color: #111111 !important;
}
.pm-info {
    color: black;
    font-weight: bold;
    font-size: .9em;
}
.rmp {
    padding: 0px;
    margin: 5px;
}
.hide-m-element {
    display: none;
}
.mega_m_tile_border {
    height: 1px;
    width: 100px;
    margin: 10px auto 40px auto;
    border-bottom: 1px orange solid;
}
.mega_m_title {
    text-align: center;
    cursor: pointer;
}
.mega-m {
    background: rgba(0, 0, 0, 0.93) !important;
    z-index: 999;
    padding-bottom: 90px;
    width: 100%;
    left: 50%;
    margin-left: -50%;
}
.mega-m-btn {
    transition: 1s all ease;
    color: #000000;
    border: none;
    font-weight: bold;
    border-top: solid 1px #d40d1e;
    border-radius: 10px 30px 10px 30px;
    border-bottom: solid 1px #d40d1e;
}
.mega-m a {
    text-decoration: none !important;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    box-shadow: -1px 7px 10px -6px rgba(39, 39, 39, 0.53);
    background-color: #0b4a8f;
    padding: 0px 10px;
}
.ws-menu {
    align-items: center;
    background:#303030;
}
.uk-drop.uk-open {
    margin-top: 1px;
}
.uk-navbar-dropdown-nav .uk-nav-header {
    color: white;
    font-weight: bold !important;
}
.mega-img {
    border-radius: 50%;
    width: 100px;
    margin: 10px auto;
    display: block;
}
.uk-navbar-dropdown-nav>li>a {
    color: white;
}
.uk-navbar-nav>li>a {
    color: white;
}
.ws-a-nav {
    padding: 10px 20px 10px 30px;
    transition: 1s all ease;
    color: #ffffff;
    font-weight: bold;
    border: solid 1px #252525;
    border-radius: 50px;
    background: #dcdcdc33;
}
.ws-a-nav:hover {
    background-color: white;
    color: black !important;
    border-radius: 50px;
    border: solid 1px black !important;
}
.ws-a-nav:hover .uk-icon {
    color: black !important;
}
.uk-navbar-nav>li>a {
    padding: 0 5px;
}
.large-media>li>a:hover{
    color: orange;
}
.freehl {
    color: white;
}
.ws-phone {
    color: white;
}
.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
    border-left: 1px solid #094a8f;
}
.white-border .uk-heading-line>::after {
    border-bottom: 1px solid white !important;
}
.white-border .uk-heading-line>::before { 
     border-bottom: 1px solid white !important;
}
.black-border-ws .uk-heading-line>::after {
    border-bottom: 1px solid black !important;
}
.black-border-ws .uk-heading-line>::before {
    border-bottom: 1px solid black !important;
}
.animate-banner {
    -moz-animation-name: dropHeader;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 2.0s;

  -webkit-animation-name: dropHeader;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 2.0s;

  animation-name: dropHeader;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: 2.5s;
}

@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(50px);
        opacity :0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity:1;
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(50px);
        opacity :0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity:1;
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(50px);
        opacity :0;
    }
    100% {
        transform: translateY(0);
        opacity :1;
    }
}
.ws-menu-fixed {
    position: fixed;
    top: -20px;
    z-index: 99;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.head-section {
    padding: 20px 0px;
}
/****************************************
              BANNER STYLES
****************************************/
.mobile-banners {
    display: none;
}
.overlay-txt {
    border: solid 5px #ffffff;
    padding: 0px 40px 20px 40px;
    box-shadow: 3px 4px 11px 0px rgb(0 0 0 / 37%);
    width: 80%;
    margin: 0 auto;
    background-color: #094a8f;
    border-radius: 10px;
}
.ws-overlay {
    padding: 10px 14px;
    background: #d40d1e24;
    border-radius: 50%;
    color: #000000 !important;
    transition: 1s all ease;
    border: solid 1px white;
    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.48);
}
.ws-overlay:hover {
    color: white !important;
    background: rgb(212, 13, 30) !important;
    border: solid 1px white;
 
}
.ws-overlay-white {
    padding: 10px 14px;
    background: none !important;
    border-radius: 50%;
    color: black !important;
    transition: 1s all ease;
    border: solid 1px black;
}
.ws-overlay-white:hover {
    color: black !important;
    background: white !important;
    border: solid 1px black;
 
}
.gradient-bg {
    background-color: #ebebeb;
}
.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/****************************************
              PAGE STYLES
****************************************/
.date-ico-a {
    border: solid 1px #d40d1e;
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    color: black;
}
.catd-more-news {
    font-size: 1em !important;
    margin-bottom: 20px !important;
}
.card-more-news-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    padding: 15px 0px;
}
.uk-card-default .uk-card-header {
    border: none !important;
}
.contact-txt p {
    font-weight: bold;
    color: #363636;
    margin: 12px 5px;
    font-size: 1em;
}
.contact-txt .uk-icon {
    color: #094a8f !important;
}
.c-form label {
    color: black !important;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: #094a8f;
}
.required {
    color: red !important;
}
.if-data {
    display: none !important;
}
.err-msg {
    display: none;
}
/***************************************
                SECTIONS
***************************************/
.daisy-lm {
    width: 120px;
    display: block;
    margin: 15px auto 0px auto;
}
.last-h-part {
    padding: 50px 0px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e3e3e3' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.last-h-part img {
    box-shadow: 6px 8px 15px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #ebebeb;
}
.home-product-values {
    text-align: center;
    border-bottom: solid 1px #094a8f;
    padding-bottom: 20px;
}
.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 1px solid #000000;
}
.request-wrap {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    background: white;
}
.ws-ico-close {
    color: black;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
.first-section {
    background: rgb(242, 242, 242);
    padding: 50px 0px;
}
.first-section img {
    box-shadow: 1px 1px 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}
.uk-section-secondary {
    background-color: #131313;
}
.new-products {
    background: rgb(9 74 143);
    padding-top: 50px;
    padding-bottom: 50px;
}
.new-products .uk-subnav-pill>.uk-active>a {
    background: white;
    color: black;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
}
.new-products .uk-subnav-pill>*>:first-child {
    color: white;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    border: solid 1px white;
}
.product-container .uk-subnav-pill>.uk-active>a {
    background: #094a8f;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    color: white;
    font-size: .7em;
}
.product-container .uk-subnav-pill>*>:first-child {
    color: black;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    border: solid 1px #094a8f;
    font-size: .7em;
}
.product-container {
    margin-top: 50px;
    background: white;
    padding: 50px;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.new-products .uk-subnav-pill>*>:first-child:hover {
    color: black !important;
}
.about-section {
    padding-top: 40px;
}
.ico-overlay {
    display: inline-block;
    background: #ffffff;
    padding: 25px;
    color: #303030;
    border: solid 1px #d40d1e;
    border-bottom-left-radius: 185px 25px;
    border-bottom-right-radius: 20px 205px;
    border-top-left-radius: 125px 25px;
    border-top-right-radius: 10px 205px;
}
.ws-color-divider {
    width: 100px !important;
    margin: 20px auto;
    height: 2px;
    border-bottom: solid 1px #094a8f;
    max-width: 100px;
}
/****************************************
                FILTER
****************************************/
.dist-p {
    margin: 5px !important;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: #d40d1e !important;
}
/****************************************
            PAGINATION
****************************************/
.currentpage {
    background: rgb(9 74 143);
}
.currentpage a {
    color: white !important;
}
.uk-pagination>* {
    padding: 5px 10px;
    border: solid 1px #094a8f;
    margin: 2px;
    border-radius: 10px;
}
.uk-pagination a {
    color: black;
}
/****************************************
            PAGINATION
****************************************/
/****************************************
              SHOP STYLE
****************************************/
.top-ico-bg {
    background: rgb(9 74 143);
    color: white;
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 80px;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
    display: none;
    cursor: pointer;
}
.trash-active .ico-trash {
    display: block !important;
}
.ico-trash {
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
    background: rgb(212, 13, 30);
    color: white;
    padding: 10px;
    border-radius: 50%;
    display: none;
}
.before-price {
    margin: 0px;
    color: black;
    text-decoration: line-through;
    font-size: .8em;
    margin: 0px 2px;
    font-weight: bold;
}
.after-price {
    margin: 0px;
    color: #094a8f;
    font-weight: bold;
    margin: 0px 2px;
}
.d-price-box {
    align-items: center;
    padding: 8px 0px;
    border-radius: 10px 10px 0px 0px;
    border: solid 1px #000000;
    background-color: #ebebeb;
}
.favorites-min-ico {
    position: absolute;
    z-index: 9;
    padding: 2px;
    background: black;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    top: -10px;
    left: -10px;
    color: white;
}
.compare-min-ico {
    position: absolute;
    z-index: 9;
    padding: 2px;
    background: black;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    top: -10px;
    left: -10px;
    color: white;
}
.th-vars {
    color: white !important;
    font-weight: bold !important;
}
.td-vars {
    color: black !important;
    font-weight: bold !important;
    font-size: .9em !important;
}
.sub-cat-img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.17);
    border-radius: 8px;
}
.sp-price {
    display: inline-block;
    padding: 10px 30px 10px 30px;
    transition: 1s all ease;
    color: #000000;
    font-weight: bold;
    border-radius: 50px;
    font-size: 1.8em;
}
.ws-shop-card {
    
}
.ws-shop-card h3 {
    margin: 0px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}
.price {
    text-align: center;
    margin: 0px !important;
    padding: 5px;
    background: #ebebeb;
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    border: solid 1px black;
    border-radius: 10px 10px 0px 0px;
    line-height: 31px;
}
.tax-info {
    text-align: center;
    font-size: .6em;
    margin: 0px;
    padding: 5px;
    background: black;
    color: white;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
}
.uk-accordion-title {
    line-height: 1.4;
    text-transform: uppercase;
    font-size: .9em;
    color: #1f1f1f;
    font-family: 'Russo One', sans-serif !important;
}
.accord-sub {
    margin: 10px 8px;
    text-transform: uppercase;
    font-size: .8em;
    color: black;
}
.uk-accordion-content {
    margin-top: 5px;
}
.uk-accordion>:nth-child(n+2) {
    margin-top: 15px;
}
.no-background-image::before {
    background-image: none !important;
}
.active-sidebar {
    background: rgb(9 74 143);
    padding: 5px;
    color: white !important;
}
.active-sidebar-p {
    border-bottom: solid 1px #094a8f;
}
/****************************************
              LANGUAGE CTRL
****************************************/
.lang-flag {
    width: 100px;
    width: 35px;
    box-shadow: -1px 7px 10px -6px rgba(39, 39, 39, 0.53);
    cursor: pointer;
}
/********************************************
                IMAGE ROTATOR
********************************************/
.threesixty-image-rotate {
    background: #FFFFFF;
}

.threesixty-image-rotate .loading-spinner {
    display: block;
    position: absolute;
    z-index: 10000;
    background: #FFFFFF;
    opacity: 0.5;
}

.threesixty-image-rotate .loading-spinner:after {
    display: block;
    background-image: url("/images/icons/loading.gif");
    background-size: contain;
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100001;
}

.threesixty-image-rotate .images-display:hover {
    cursor: grab;
}

.threesixty-image-rotate .images-display .images-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.threesixty-image-rotate .images-display .images-list .images-display {
    display: none;
}

.threesixty-image-rotate .images-display .images-list .images-display img {
    width: 100%;
    height: auto;
}

.active {
    display: block !important;
}

.threesixty-image-rotate .navigation-bar-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar {
    width: 130px;
    margin: auto;
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar div {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 1px;
    background-size: contain;
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar div:hover {
    cursor: pointer;
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar .navigation-bar-next {
    background-image: url("/images/icons/next.png");
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar .navigation-bar-previous {
    background-image: url("/images/icons/previous.png");
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar .navigation-bar-play {
    background-image: url("/images/icons/play.png");
}

.navigation-bar-stop {
    background-image: url("/images/icons/stop.png") !important;
}

.threesixty-image-rotate .navigation-bar-wrapper .navigation-bar .navigation-bar-resize {
    background-image: url("/images/icons/large-size.png");
}

.navigation-bar-resize-small-icon {
    background-image: url("/images/icons/small-size.png") !important;
}

@media screen and (max-width: 991px) {
    .active {
        display: block !important;
    }

    .threesixty-image-rotate .navigation-bar-wrapper .navigation-bar {
        width: 100px;
        margin: auto;
    }

    .threesixty-image-rotate .navigation-bar-wrapper .navigation-bar .navigation-bar-resize {
        display: none;
    }
}


/**************************************************
                 START RESPONSIVE
**************************************************/
@media screen and (max-width: 1300px) {
    .ws-a-nav {
        padding: 5px 8px 5px 15px !important;
    }
}
@media screen and (max-width: 650px) {
    .product-container {
        padding: 10px !important;
    }
}
@media screen and (max-width: 1250px) {
    .text-banner-desktop {
        display: none !important;
    }
    .banner-desk {
        display: none !important;
    }
    .mobile-banners {
        display: block !important;
    }
}
@media screen and (max-width: 959px) {
    .hide-from-mobile {
        display: none !important;
    }
    .valign {
        margin-top: 0px;
        margin-bottom: 100px !important;
        margin-left: 0px !important;
    }
    .display-logo {
        width: 250px !important;
    }
    .btn-remove-padding {
        padding: 0px 10px !important;
    }
}
@media screen and (max-width: 1170px) {
    
    .d-menu {
        display: none !important;
    }
    .m-menu {
        display: block !important;
    }
    .f-logo-section {
        display: none;
    }
    
}