﻿body {
    font-family: 'Lato', sans-serif !important;
}

body.modal-open{
    padding-right:0 !important;
    margin-right: 0!important;
    overflow: auto;
}

.fixedWidthCont {
    padding: 0px;
    clear: both;
}

.top-with-navbar{
    /*height:154px;*/
    min-height:120px;
    height:100%;
}

.top-with-navbar-index-event{
    height:100%;
}

.top-no-navbar {
    /*height:114px;*/
    min-height: 80px;
    height: 100%;
}

.top-no-navbar .white-background.fixedWidthCont{
    border-bottom:1px solid #ddd;
}

a:link, a:hover {
	text-decoration: none;
    cursor:pointer;
}

.red-text{
    color: #ff2424;
}

.light-orange-background{
    background-color:#fb8f13;
}

@-moz-document url-prefix() {
    a:focus, a:active {
        outline: 0 !important;
        border: 0 !important;
    }
}


.top-bar-seller{
    cursor:pointer;
}

    .top-bar-seller:hover i{
        color:#337ab7;
    }
      
    .top-bar-seller:hover span{
        color:#337ab7;
    }

    .top-bar-seller:hover #top-bar-seller {
        display: block;
    }

    .top-bar-seller .dropdown-menu > li > a:hover
    {
        color:#0076b6;
    }

/* Nunito latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v9/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Lato latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**************************loading******************************/

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    display: none;
}

.overlay-loadingimg {
    position: fixed;
    top: 350px;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 1500;
    display: none;
}

.catalogLoading {
    opacity: 0.5;
}
/***********************************************************/

a:link, a:hover {
    text-decoration: none;
}

.defaultBlue-background {
    background: #0076b6;
    color: #fff;
}

.grey-background {
    background-color: #e1e1e1;
}

.white-background{
    background-color:#fff;
}

.black-background{
    background-color:#000;
}

.top-bar-cont {
    width: 1200px;
}

.ll-sticky{
    z-index:100;
    position:fixed;
    top:0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus{
    border:1px solid #ccc;
    outline: none;
    box-shadow:none !important;
}

.fixedWidthSubCont {
    width: 1200px;
    margin: 0 auto;
    padding: 0px;
}

.top-bar-row div {
    padding: 3px 0px;
    text-transform: uppercase;
}

.top-bar-1 {
    max-width: 300px;
    display: inline-block;
    float: left;
}

    .top-bar-1 span {
        font-size: 13px;
        color: #fff;
    }

.top-bar-search {
    padding: 3px 0px;
}

.top-bar-left,
.top-bar-middle,
.top-bar-right,
.top-bar-big-right {
    display: inline-block;
    float: left;
    padding: 10px 0px;
}

.top-bar-left {
    width: 250px;
}

.top-bar-big-right{
    width:950px;
}

.top-bar-big-right .navbar-right{
    float:right;
}

.top-bar-middle {
    width: 650px;
}

.top-bar-right {
    width: 273px;
}

.top-bar-search img {
    margin-left: -10px;
}

.top-bar-search-right-cont{
    padding:5px 0px;
    text-align:right;
}

.top-bar-search-right .acc-ico {
    color: #666;
    font-size: 20px;
}

.top-bar-right-login{
    line-height:30px;
    text-align:left;
    padding:0px 0px 0px 15px;
}

.top-bar-right-login a{
    color:#000;
    font-weight:bold;
}

.top-bar-right-login a:hover{
    color:#4f8db9;
}

.cart-count {
    position: relative;
    background: #fcaf17;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    padding: 4px 7px;
    top: -10px;
    right: -10px;
    text-align: center;
}

.padding0 {
    padding: 0px;
}

.acc-shop, .acc-notebook-computer, .acc-tv {
    color: #fff;
    font-size: 16px;
}

.acc-shop {
    font-weight: 500;
}

.top-bar-icon:hover i, .top-bar-icon:hover span{
    color: #589DCE;
}

.searchInfo{
    clear:both;
    overflow: hidden;
    height: 20px;
}

.searchInfo a,
.searchInfo span {
    font-size: 12px;
    color: #666;
    transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    padding: 0 2px;
}

    .searchInfo a:first-child {
        padding-left: 0px;
    }

    .searchInfo a:hover {
        color: #0076b6;
    }

.btn-blue-default {
    background: #4f8db9;
    color: #fff;
    padding: 5px 18px;
    border: 0;
    cursor: pointer;
}

.top-dropdown {
    cursor:pointer;
    text-align:right;
}

    .top-dropdown:hover #top-dropdown {
        display: block;
        margin-right: 10px;
    }

    .top-dropdown .dropdown-menu {
        border: none;
        left: auto;
        right: -1px;
        border-radius: 1px;
        padding: 0;
        margin: 0;
        top: 103%;
        min-width:250px;
    }

        .top-dropdown .dropdown-menu > li {
            padding: 5px 0px;
            min-height:35px;
            line-height:26px;
            clear:both;
        }

            .top-dropdown .dropdown-menu > li.dropdown-menu-icon > a {
                padding: 1px 13px 0px 13px;
            }

            .top-dropdown .dropdown-menu .ll-dropdown-icon{
                width:16px;
            }

            .top-dropdown .dropdown-menu > li.dropdown-menu-icon > a > i{
                width:16px;
            }

            .top-dropdown .dropdown-menu .ll-dropdown-icon img{
                margin:-4px 0px 0px -2px;
                width:18px;
            }

            .top-dropdown .dropdown-menu > li.dropdown-menu-icon a,
            .top-dropdown .dropdown-menu > li.dropdown-menu-icon a .ll-dropdown-icon > .acc-ico {
                color: #333;
                font-size:14px;
            }

            .top-dropdown .dropdown-menu > li.dropdown-menu-icon a:hover,
            .top-dropdown .dropdown-menu > li.dropdown-menu-icon a:hover .acc-ico{
                color:#0076b6;
            }

            .top-dropdown .dropdown-menu > li.defaultBlue-background > a {
                color: #fff;
            }

            .top-dropdown .dropdown-menu > li.defaultBlue-background:before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 45%;
                top: -13px;
                border: 5px solid transparent;
                border-bottom: 8px solid #0076b6; /* IE8 Fallback */
                z-index: 2;
            }

.login-dropdown-icon-text{
    padding-left:5px;
}

.top-dropdown .dropdown-menu > .dropdown-menu-border{
    min-height:1px;
    line-height:normal;
    padding:0 10px;
}

.top-dropdown .dropdown-menu .log-out{
    background:#f3f3f3;
}

.top-dropdown .dropdown-menu > .dropdown-menu-border:hover{
    background:none;
}

.top-dropdown .dropdown-menu .bttn{
    width:100%;
}

.dropdown-menu-border hr{
    margin:0 10px;
}

.dropdown-menu-no-icon.sell-item a:hover{
    color:red;
}

/**Navigation Bar**/
.light-grey-background,
.navigation-bar-container {
    background: #f3f3f3;
}

.navigation-bar-container{
    height:40px;
}

.navbar-menu {
    padding: 5px 0px 6px 5px;
    color: #333;
}

    .navbar-menu.no-icon {
        width:auto;
        padding:9px 8px 0px 8px;
    }

    .navbar-menu.no-icon:nth-child(1){
        padding-left:0px;
    }

    .navbar-menu.navbar-icon i {
        vertical-align: -2px;
    }

    .navbar-menu:hover {
        /*background: #589DCE;*/
        color: #589DCE;
    }

    .navbar-menu i {
        font-size: 20px;
    }

.navbar-menu-cat {
    padding: 10px 20px;
    height:40px;
}

.navbar-menu-dropdown:hover .cd-dropdown {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    width: inherit;
    z-index: 9999;
    min-height: 449px;
    opacity: 1;
}

.navbar-menu .fa-stack-2x {
    font-size: 1.8em;
}

.navbar-menu .fa-stack-1x {
    line-height: 1.8em;
}

@media (max-width:991px) {
    .top-bar-row {
        padding-right: 15px;
        padding-left: 15px;
    }

    .fixedWidthCont {
        width: 1200px;
    }

    .top-bar-search img {
        margin-left: 0px;
    }

    .navbar-menu-cat {
        margin: 0px;
    }
}

/**Index (Above the Fold)**/
.usp {
    padding: 5px 0px;
    background:#fff;
}

.defaultBlue-background.usp {
    background:#0076b6;
}

.usp-sub-con{
    padding-left:50px;
    padding-right:0px;
    width:400px;
}

.usp-icon-cont{
    width:45px;
    margin-top:5px;
}

.usp-title {
    font-family: Lato !important;
    font-size: 15px;
    font-weight: bold;
}

.usp-title-cont{
    width:292px;
}

.usp-subTitle {
    font-size: 13px;
    margin: 3px 0px 3px 0px;
    line-height:1.2;
}

.index-usp .usp-sub-con{
    width:300px;
    padding-left:0px;
}

.index-usp .usp-icon-cont{
    width:40px;
}

.index-usp .usp-title-cont{
    width:260px;
}

.index-usp .usp-title{
    font-size:13px;
    padding:0px 5px;
}

.index-usp .usp-subTitle{
    font-size:12px;
    padding:0px 5px;
}

.img-above-slider{
    position: absolute;
    right: 35px;
    z-index: 2;
    width:250px;
    height:200px;
}

.img-above-slider.img-top{
    top: 15px;
}

.img-above-slider.img-bottom{
    bottom:15px;
}

.index-container {
    padding: 20px 0px;
}

/**Mega Menu Dropdown**/
.cd-dropdown li,
.cd-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-dropdown-trigger {
    display: block;
    position: relative;
    cursor: pointer;
}

    .cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
        /* this is the arrow inside the dropdown trigger*/
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 9px;
        background: #ffffff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-dropdown-trigger::before {
        right: 5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-dropdown-trigger::after {
        right: 0px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .slider-dropdown{
        width:250px;
        z-index:3;
    }

    .slider-dropdown .cd-dropdown.dropdown-is-active{
        z-index:3 !important;
        top:0;
    }

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content ul span,
.cd-dropdown-content .cd-divider {
    padding: 0 16px;
    cursor: pointer;
}

.cd-dropdown-content .main-menu-a{
    margin: 0 16px;
    cursor: pointer;
    border-style:none !important;
}

.cd-dropdown {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111433;
    color: #ffffff;
    visibility: hidden;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

    .cd-dropdown.dropdown-is-active {
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        width: inherit;
        z-index: 9999;
        min-height: 449px;
        opacity: 1;
    }

.cd-dropdown {
    position: absolute;
    top: calc(100% - 0px);
    /* reset style*/
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: #ffffff;
    color: #111433;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.cd-dropdown-content, .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0;
    overflow: visible;
}

    .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .main-menu-a, .cd-dropdown-content ul span {
        display: block;
        color: #333;
        /* truncate text with ellipsis if too long */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-top-width: 1px;
        border-color: #fff;
        border-style: solid;
        font-size: 13px;
        height: 37px;
        line-height: 37px;
    }

.cd-dropdown-content {
    position: static;
    height: auto;
}

    .top-dropdown .dropdown-menu > li:hover,
    .top-dropdown .dropdown-menu > li:hover > a,
    .cd-dropdown-content > .has-children.is-active,
    .cd-dropdown-content > .has-children > a.is-active,
    .cd-dropdown-content > .has-children > .main-menu-a.is-active,
    .cd-dropdown-content > .no-children-a > a:hover {
        /* hover effect for .cd-dropdown-content items with subnavigation */
        color: #589dce;
        /*color: #004b91;*/
        background: #f6f6f6;
    }

.top-dropdown .dropdown-menu > li.dropdown-menu-no-hover {
    cursor:default;
    height:75px;
}

.top-dropdown .dropdown-menu #socialLoginList{
    text-align:right;
}

.top-dropdown .dropdown-menu .rm-padding-rght{
    margin-bottom:0px;
    width:50px;
}

.top-dropdown .dropdown-menu #socialLoginList .row{
    margin:0px;
}

.top-dropdown .dropdown-menu .btn-facebook,
.top-dropdown .dropdown-menu .btn-google {
    border-radius: 0px;
    background-color: #3b5998;
    color: white;
    font-size: 18px !important;
    font-weight: bold;
    padding:3px 10px;
    width:40px;
}

.top-dropdown .dropdown-menu .btn-google {
    background-color: #dd4b39;
}

.top-dropdown .dropdown-menu > li.dropdown-menu-no-hover a{
    color:#fff;
}

.top-dropdown .dropdown-menu > li.dropdown-menu-no-hover:hover{
    color:inherit;
    background:inherit;
}

.top-dropdown .dropdown-menu > li.defaultBlue-background:hover,
.top-dropdown .dropdown-menu > li.defaultBlue-background > a:hover,
.top-dropdown .dropdown-menu > li.defaultBlue-background:hover > a {
    background: #0076b6;
    color: #fff;
    opacity: 0.8;
}

.cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > .main-menu-a.is-active::before,
.cd-dropdown-content > .has-children > a.is-active::after, .cd-dropdown-content > .has-children > .main-menu-a.is-active::after {
    background: #0076b6;
}

.has-children > a, .has-children > .main-menu-a, .go-back a {
    position: relative;
}

    .has-children > a::before, .has-children > .main-menu-a::before, .has-children > a::after, .has-children > .main-menu-a::after, .go-back a::before, .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #ffffff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .has-children > a::before, .has-children > .main-menu-a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a::after, .has-children > .main-menu-a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .has-children > a::before, .has-children > .main-menu-a::before, .has-children > a::after, .has-children > .main-menu-a::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -moz-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        -o-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
        background: #b3b3b3;
    }

.cd-dropdown-content .fa-stack {
    margin-right: 8px;
}

.cd-dropdown-content .fa-stack-1x:before {
    font-size: 15px;
    font-weight: normal;
}

.cd-dropdown-content .fas:before{
    font-weight:bold;
}

/**HomePage*/
#mainpage-slider .swiper-button-next, #mainpage-slider .swiper-button-prev {
    background-image: none;
    width: auto;
    height: auto;
    margin-top: 0px;
    top: 48%;
    background-size: initial;
    opacity: 0.5;
}

    .lmall-store .swiper-button-next:hover,
    .lmall-store .swiper-button-prev:hover,
    #mainpage-slider .swiper-button-next:hover,
    #mainpage-slider .swiper-button-prev:hover {
        opacity: 1;
    }

    .lmall-store .swiper-button-next:focus,
    .lmall-store .swiper-button-prev:focus,
    #mainpage-slider .swiper-button-next:focus,
    #mainpage-slider .swiper-button-prev:focus {
        outline: none;
    }

    .lmall-store .swiper-button-next i:before,
    .lmall-store .swiper-button-prev i:before,
    #mainpage-slider-cont .swiper-button-next i:before,
    #mainpage-slider-cont .swiper-button-prev i:before {
        font-size: 35px;
        font-weight: bold;
        color: #000;
        text-shadow: 0px 0px 2px #fff;
    }

.img-above-slider .swiper-button-next i:before,
.img-above-slider .swiper-button-prev i:before,
.mainpage-minislider .swiper-button-next i:before,
.mainpage-minislider .swiper-button-prev i:before{
    font-size:20px;
    color:#666;
    font-weight: bold;
}

#mainpage-slider .swiper-button-next {
    right: 0px;
}

/*#mainpage-slider .swiper-button-next:before {
    content: "\f101";
}

#mainpage-slider .swiper-button-prev:before {
    content: "\f100";
}*/

.lmall-store .swiper-button-next.swiper-button-disabled, .lmall-store .swiper-button-prev.swiper-button-disabled,
#mainpage-slider .swiper-button-next.swiper-button-disabled, #mainpage-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

#mainpage-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

#mainpage-slider .fixedWidthSubCont,
#mainpage-slider .swiper-container {
    height: inherit;
}



.ui-autocomplete{
   font-family: Lato,sans-serif !important;
}

.ui-menu .ui-menu-item{
    padding: 5px 1em 5px .6em !important;
}

.search-histoy-header{
    position: relative;
    margin: 0;
    padding: 10px 1em 10px .8em;
    cursor: pointer;
    min-height: 0;
    font-size: 12px;
    color: gray;
}


.search-histoy-clear{
    float:right;
    color: #0076b6;
}
