@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
a, h1, h2, h3, h4, h5, h5, p, span, .btn, .btn.black, button, ul, li, b, strong {
    /* font-family: Mmontserrat', sans-serif; */
    font-family: 'Open Sans', sans-serif;
}
.h0 {
    font-size: 0;
}
.h7 {
    font-size: 15px;
}
.h8 {
    font-size: 14px;
}
.cp {
    cursor: pointer;
}
.grayc {
    color: #666;
}
.required {
    color: red;
}
.fs-15 {
    font-size: 15px;
}
.sing-pr-quant .change {
    font-weight: bold;
    cursor: pointer;
    font-size: 25px;
    padding: 5px;
    transition: 0.5s transform;
    display: inline-block;
}.sing-pr-quant .change:hover {
    transform: scale(1.2);
}

.h-3r {
    height: 3rem;
}
#promocode-cont input,
#promocode-cont span {
    height: 37px;
}

@media(min-width: 1000px) {
    #modal-modal.modal .modal-dialog {
        max-width: unset;
        width: 85%;
    }
}
#variations-modal .modal-body,
#modal-modal .modal-body {
    position: relative;
    padding: 10px 25px;
}
#variations-modal .arrow {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    font-size: 35px;
    line-height: 16px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: none;
}#variations-modal .arrow:hover {
    font-weight: bold;
}
#variations-modal .arrow.next {
    right: -15px;
}#variations-modal .arrow.prev {
    left: -15px;
}
span.pinkcol,
.pinkcol {
    color: #7171d1;
}
#modal-modal .modal-content,
#directions-modal .modal-content,
#variations-modal .modal-content {
    background: white;
}
#variations-modal img {
    max-height: 70vh;
    max-width: 100%;
    display: block;
    padding: 0 25px;
    margin: 0 auto;
}
#variations-modal .modal-header,
#modal-modal .modal-header {
    display: block;
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138,138,138,1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138,138,138,1);
    box-shadow: 0px 6px 5px 0px rgba(138,138,138,1);
    padding: 15px 25px;
}
#modal-modal .modal-dialog {
    height: unset;
}
#variations-modal .close,
#modal-modal .close
 {
    color: black;
    font-weight: bold;
    font-size: 40px;
}
.sing-pr-quant .pr-cart-quant {
    display: inline-block;
    padding: 7px;
    border: 1px solid #777;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 21px;
}
.product .sale.per.sellout {
    background: gold;
    box-shadow: 0 0 17px gold;
}
body {
    scroll-behavior: smooth;
    font-family: 'Open Sans', sans-serif;
}
#back-to-top {
    transform: rotateZ(-90deg);
    position: fixed;
    font-size: 30px;
    z-index: 999999;
    bottom: 15px;
    left: 15px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    background-color: #5894cf;
    color: white;
    height: 35px;
    width: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 0 13px;
}
.btn-nobg {
    background: white!important;
}.leasing .blackc,
.btn-nobg.blackc {
    color: black!important;
    border-radius: 10px 5px;
}.btn-nobg.blackc:hover {
    color: black!important;
    border-radius: 10px 5px;
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
#tog-type-transfer {
    color: #A7A8A7
}
#filterss select,
.irs-line, .irs-bar,
.irs-handle i,
.type_last, .from,
.irs-to, .irs-from {
    cursor: pointer !important;
}
.checkbox-choices.big input {
    opacity: 1;
    position: relative;
}
.irs--flat .irs-bar,
.irs--flat .irs-handle>i:first-child,
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
        background-color: #5994cf !important;
}
.irs--flat .irs-handle>i:first-child,
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background: #b59dde !important;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before {
    border-top-color: #5994cf !important;
}
.w-10 {
    width: 10%;
}

body
{
    overflow-x: hidden;
}
body.overflow-hidden
{
    overflow-y: hidden;
}
#discret-pr-gal .fotorama__img,
.img-zoom-lens {
    cursor: pointer;
}
#product-counter {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.row {
    width: 100%;
    margin: 0;
}
.validation-failed {
    border-color: red !important;
}
.title-hr
{
    position: relative;
}
.title-hr:after
{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 45px;
    height: 2px;
    background: black;
    border-radius: 5px;
}
h1,.h1
{
    font-size: 56px;
    line-height: 62px!important;
}
h2,.h2
{
    font-size: 44px;
}
h3,.h3
{
    font-size: 32px;
    line-height: 42px!important;
}
h4,.h4
{
    font-size: 26px;
    line-height: 37px!important;
}
h5,.h5
{
    font-size: 20px;
}
h6,.h6
{
    font-size: 17px;
}
.span
{
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    z-index: 1;
    margin-top: 0;
}
.span span
{
    position: absolute;
    font-size: 65px;
    font-weight: bold;
    top: -40px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6
{
    margin-top: 0;
}
.bold
{
    font-weight: bold;
}
.s-bold
{
    font-weight: 800;
}
@media (max-width: 767px)
{
    .span span
    {
        font-size: 40px;
        top: -20px;
    }
}
b, strong
{
    font-weight: 600;
}
a,
a:hover,
a:focus,
a:active
{
    text-decoration: none;
    outline: none;
    color: inherit;
}
a.link
{
    color: #ffa136;
    font-weight: 500;
}
a.link:hover
{
    text-decoration: underline;
}
a.more
{
    margin-top: 10px;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    color: #5f72f8;
    line-height: 15px;
}
a.more:hover
{
    opacity: 0.8;
}
sup,sub
{
    font-size: 45%;
    margin-left: 3px;
}
sup
{
    top: -1em;
}
.font100 {font-weight: 100!important;}
.font200 {font-weight: 200!important;}
.font300 {font-weight: 300!important;}
.font400 {font-weight: 400!important;}
.font500 {font-weight: 500!important;}
.font600 {font-weight: 600!important;}
.font700 {font-weight: 700!important;}
.font800 {font-weight: 800!important;}
.font900 {font-weight: 900!important;}
.l-font
{
    font-weight: normal!important;
}
.bb-1 {
    border-bottom: 1px solid rgb(229, 229, 229);
}
.b-1 {
    border: 1px solid rgb(229, 229, 229);
}
.br-d {
    border-radius: 13px 0;
}
.b-font
{
    font-weight: bold!important;
}
.letter-font
{
    letter-spacing: 1px!important;
}
.heading1
{
    margin-bottom: 50px;
}
.heading2
{
    margin-bottom: 50px;
    font-family: 'Open Sans', sans-serif;
}
.heading1 h3,
.heading2 h3
{
    margin-top: 0;
}
.heading1 p,
.heading2 p
{
    font-size: 15px;
    line-height: 30px;
    margin-top: 8px;
    font-weight: 300;
}
p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
}
p.slogan {
    line-height: 25px!important;
	font-weight: bold;
	font-size: 16px;
}
p.slogan-small
{
    font-size: 11px!important;
    line-height: 20px!important;
}

.text-danger {
    color: #dc3545!important;
    font-size: 19px !important;
}
code
{
    padding: 3px 6px;
    font-size: 15px;
    display: inline-block;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 15px;
}
.mark, mark
{
    background-color: #ffe663;
}
.mainc {
    color: #5894cf !important;
}
.color-box .main-color .item.checked:before,
ul.list li:before,
ul.list li:after,
.breadcrumb>li+li:before,
.select-selected:after,
.select-selected.select-arrow-active:after,
.checkbox-choices .checkmark:after,
.checkbox-choices .checkmark:after,
.owl-nav .owl-next:before,
.owl-nav .owl-prev:before,
.blog .all-comments .comment .comment-details .reply:before,
.blog .sidebar .categories a:before,
.blog .sidebar .categories a:after,
.testimonials .item p:before,
.breadcrumb>li+li:after
{
    font-family: FontAwesome;
}
.btn,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
.alert,
.popover,
.panel-group .panel,
.navbar-default,
.navbar-nav>li>.dropdown-menu,
.pagination,
.pagination>li>a, .pagination>li>span,
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span,
pre
{
    border-radius: 0;
}
.select-radius .select-selected,
.projects .tag
{
    border-radius: 100px;
}
ul.list-bullets li:before,
ul.list-bullets li:after,
.sm-radius li a i,
.blog .all-comments .comment .comment-thumb img
{
    border-radius: 100%;
}
.color-box,.color-box .close-btn,.color-box .item,.up-btn,.sm li a i,.button-group .button,.navbar-default .navbar-toggle, .owl-nav .owl-prev,.owl-nav .owl-next,.modal .close,.offers .offers-items .item,.offers .offers-items .item:before,.portfolio .element-item a,.blog .img .date,.blog .sidebar .categories a,.blog .sidebar .tags a,.video .play,.team .img .author,.team .img .sm,.team .img img,.team-v3 .img .info,.projects.element-item .tag,footer .footer-head .links a,footer .footer-head .posts a,.select-items,.radio-choices .item label,.checkbox-choices .item label,.radio-choices .item .check,.radio-choices .item .check:before,.checkmark,.box,.navbar-nav>li>a,
#nav-icon1 span,
.nav-icon1 span,
.features .item i,.features .item h4,.modal .modal-dialog,.pagination>li>a,.pagination>li>span,.brands img,.navbar-default .navbar-collapse,.btn,.projects .tag,.nav-tabs>li>a,.blog .title,a.more,footer .footer-head .posts a,
a,
.navbar-default,
.header-carousel .owl-dot,
.search-all
{
    transition: all .3s ease-in-out!important;
    -webkit-transition: all .3s ease-in-out!important;
    -moz-transition: all .3s ease-in-out!important;
    -ms-transition: all .3s ease-in-out!important;
    -o-transition: all .3s ease-in-out!important;
}
.alert,.popover,.panel-group .panel,.navbar-default,.navbar-nav form,iframe,.button-group .button,.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:active,.features .box i,.modal-header,.modal-content,.numbers .box,.blog .all-comments .comment.reply,.features .box i.fa,
pre,.no-border
{
    border: 0!important;
}
.no-shadow
{
    box-shadow: none!important;
}
.breadcrumb
{
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.breadcrumb li a,
.breadcrumb li
{
    color: rgba(255, 255, 255, 0.6)!important;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.breadcrumb>li+li:before,
.breadcrumb>li+li:after
{
    padding: 0 8px;
    font-size: 12px;
}
.breadcrumb>li+li:before
{
    content: "\f178";
}

.w-auto
{
    width: auto!important;
}
.flex-center
{
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center!important;
    -moz-box-align: center!important;
    -ms-flex-align: center!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    -webkit-box-pack: space-between!important;
    -moz-box-pack: space-between!important;
    -ms-flex-pack: space-between!important;
    -webkit-justify-content: space-between!important;
    justify-content: space-between!important;
}
@media (max-width: 991px) {
    .flex-center {
        display: block!important;
    }
}

/*--------- Navbar / Header / Logo ---------*/

/* Sub Navbar */
.subnav {
    background-color: #f9f9f9;
	overflow: hidden;
}
.subnav .flex-subnav
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subnav ul
{
    margin: 0;
    width: 100%;
}

.subnav ul.right li
{
    margin-left: 30px;
}
.subnav ul li
{
    float: left;
    color: #b7b7b7;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
	width: 50%;
}

@media screen and (max-width: 769px) {
	.subnav ul li {
		width: 100%;
		text-align: center !important;
	}
}

.subnav ul li a
{
    color: #777;
    font-size: 15px;
    font-weight: bold;
}
.subnav ul li a:hover
{
    color: rgba(72,35,219,1);
}
.subnav ul li .fa
{
    margin-right: 5px;
}
.subnav ul li .fa-chevron-down
{
    font-size: 8px;
    margin-left: 4px;
    margin-right: 0;
}

.subnav.dark
{
    background-color: #1d1d1d;
}
.subnav.colorful-bg
{
    background-color: #5f72f8;
}

.subnav.dark .flex-subnav
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 10px;
}
.subnav.no-border .flex-subnav
{
    border-bottom: 0;
    padding-bottom: 0;
}
.subnav.dark ul li a
{
    color: #ffffff;
}

.header-dropdown
{
    position: relative;
}
.header-dropdown .header-menu
{
    position: absolute;
    right: 0;
    top: 140%;
    background: white;
    z-index: 10;
    border: 1px solid #e4e4e4;
    padding: 10px 12px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    min-width: max-content;
}

.right-side .header-dropdown .header-menu
{
    right: auto;
    left: 0;
}
@media(max-width:991px) {
    .shop-filter .header-dropdown:hover .header-menu {
        opacity: 0;
        visibility: hidden;
    }
    .shop-filter .header-dropdown > a:focus + .header-menu {
        visibility: visible;
        opacity: 1;
    }
}
.header-dropdown:hover .header-menu
{
    visibility: visible;
    opacity: 1;
}
.header-dropdown .header-menu li
{
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 7px 0;
    float: none;
}
.header-dropdown .header-menu li:last-of-type
{
    margin-bottom: 0;
}
.header-dropdown .header-menu li a
{
    color: #777!important;
    padding: 9px 9px;
}
.header-dropdown .header-menu li a:hover
{
    color: black!important;
}
.header-dropdown .header-menu li.active a
{
    color: white!important;
    border-radius: 2px;
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
}


/* Default */
.navbar .nav-overlay
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;

    transition: all .2s ease-in-out;
}
.navbar .nav-overlay.show
{
    visibility: visible;
    opacity: 1;
}
.navbar-default
{
    background-color: white;
    margin: 0;
    box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.06);
    position: static;
    top: 0;
    left: 0;
    width: 100%;
}
.navbar-default .flex-nav
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar-default .container
{
    position: relative;
}
.navbar-default .navbar-collapse.remove
{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0;
}
.navbar-default .navbar-toggle
{
    margin: 0;
    margin-left: 20px;
    padding: 34px 0;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active
{
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover
{
    opacity: 0.6;
}

.navbar-nav .subscribe-field
{
    padding: 0 12px!important;
    margin-bottom: 24px!important;
    border: 0!important;
}
.navbar-nav .subscribe-field input[type="search"]
{
    border-radius: 2px;
    padding: 10px 10px;
    font-size: 13px;
    padding-right: 80px;
}
.navbar-nav .subscribe-field .btn
{
    height: 44px!important;
    line-height: 41px!important;
    padding: 0 18px!important;
    right: 12px;
    font-size: 13px!important;
}

.navbar-nav form
{
    margin: 0;
}
.navbar-nav>li
{
    margin: 0 5px;
    padding: 0 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid transparent;
}

.navbar-nav
{
    width: 100%;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.navbar-nav>li>a
{
    padding: 13px 10px;
    background-color: transparent;
    display: inline-block;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    position: relative;
    z-index: 5;
}
.dropdown-toggle::after
{
    display: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
    color: #573dff!important;
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
    background-color: transparent;
}
.navbar-nav>li>a .fa
{
    font-size: 13px;
    margin-right: 5px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
    color: #573dff;
    background-color: transparent;
}
.navbar-nav>li>a.btn
{
    margin-left: 10px;
}
.navbar-nav>li>a.btn:hover
{
    opacity: 1;
}
.navbar-default.n-2 .navbar-header
{
    width: 100%;
    margin: 0;
}
.navbar-header
{
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0!important;
    margin-right: 0!important;
}

.navbar .options
{
    display: flex;
    align-items: center;
}
.navbar .options li
{
    margin-bottom: 0;
    margin-left: 26px;
}
.navbar .options li:first-of-type {
    margin-left: 0;
}
.navbar .options li a {
    font-size: 18px;
    color: black;
}
.navbar .options li a img {
     width: 25px;
    }
.navbar-dark {
    background-color: #5894cf;
}
.navbar-dark .navbar-nav>li>a {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
@media(min-width: 991px) {
    .navbar-dark .navbar-nav>.active>a, .navbar-dark .navbar-nav>.active>a:focus, .navbar-dark .navbar-nav>.active>a:hover {
        color: #230eac !important;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #230eac !important;
    }
}
.navbar-dark.colorful-bg {
    background: #5f72f8;
}
.navbar-dark.colorful-bg #cart span.nm {
    background: #1d1d1d
}

/* Search */
.search-box {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}
.search-all
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 1000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    transform: scale(1.1);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
}
.search-all.active
{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}
@media(min-width: 992px) {
    #mebels-dropdown {
        width: 750px;
        min-width: unset;
        font-size: 0;
    }
}
@media(min-width: 1200px) {
    #mebels-dropdown {
        width: 900px;
    }
}
#mebels-dropdown > li {
    font-size: 1rem;
    display: inline-grid;
}
#mebels-dropdown .cat-a {
    font-weight: bold;
    font-size: 15px;
    color: #6f6f6f !important;
    padding-left: 13px;
}
#mebels-dropdown .cat-a:hover {
    text-decoration: underline;
}
@media(max-width: 991px) {
    .dropdown-padding {
        display: none;
    }
    #mebels-dropdown .cat-a,
    #navbarSupportedContent .shop-anch {
        position: relative;
    }

    #navbarSupportedContent .shop-anch i,
    #mebels-dropdown .cat-a i,
    #navbarSupportedContent .dropdown .dropdown-toggle i {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        width: 35px;
        line-height: 52px;
    }
    #navbarSupportedContent .shop-anch i,
    #navbarSupportedContent .dropdown .dropdown-toggle i {
        width: 55px;
    }
    #mebels-dropdown .cat-a + ul {
        display: none;
    }
}
.dropdown-padding {
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 10px;
}.dropdown-padding.height-double {
    height: 20px;
    bottom: -15px;
}
.search-all .close
{
    content: '×';
    font-weight: 100;
    font-size: 50px;
    color: #191919!important;
    position: absolute;
    top: 40px;
    right: 40px;
    opacity: 0.8;
}
.search-all input
{
    width: 65%!important;
    font-size: 20px!important;
    padding: 20px 0!important;
    color: #191919!important;
    text-transform: uppercase;
    background-color: #FFFFFF!important;
    border: 0!important;
    border-bottom: 1px solid transparent!important;
}
.search-all input:focus
{
    background-color: #FFFFFF!important;
    border-color: #d7d7d7!important;
}
@media (max-width: 767px)
{
    .search-all input
    {
        width: 90%!important;
    }
}
.header-cat-logo {
    width: 27px;
}
/* Dropdown */
.navbar-nav>li>.dropdown-menu
{
    background-color: #ffffff;
    padding: 10px!important;
    top: 100%;
    display: block;
    left: 0px;
    border: 0;
    min-width: max-content;
    margin: 0;
    box-shadow: 0 30px 20px rgba(0, 0, 0, 0.05);
    /* opacity: 0; */
    /* visibility: hidden; */
    z-index: 1;
    display: none;
    max-height: 70vh;
    overflow: auto;
}
.navbar-nav>li>.dropdown-menu.row
{
    display: flex;
    min-width: auto;
}

@media(min-width: 992px) {
    .navbar-nav>li:hover .dropdown-menu
    {
        display: block;
    }
}
.dropdown-menu>li:last-of-type .list
{
    border-right: 0;
}
.dropdown-menu>li
{
    margin: 0!important;
    padding: 0;
}
.dropdown-menu>li a
{
    color: #9a9a9a!important;
    padding: 8px 10px;
    display: block;
    font-size: 13px;
    font-weight: 300;
        font-family: 'Open Sans', sans-serif;
}
.dropdown-menu>li a:hover
{
    color: #ffa32a!important;
}

.dropdown-menu>li:last-of-type a
{
    border-bottom: none;
}
.large-dropdown
{
    position: static!important;
}
.large-dropdown .dropdown-menu>li a:last-of-type
{
    border-bottom: none;
}
.large-dropdown .dropdown-menu
{
    width: 100%;
    padding: 35px 20px!important;
    max-height: 469px!important;
    overflow: auto;
}
.large-dropdown .dropdown-menu a
{
    padding: 22px 22px!important;
    font-size: 14px;
}

#mebels-dropdown li ul li {
    line-height: 15px;
}
/* Hamburger Menu */
#nav-icon1,
.nav-icon1
{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon1 span,
.nav-icon1 span
{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #FFFFFF;
    opacity: 1;
    border-radius: 100px;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
#nav-icon1.open span,
.nav-icon1.open span
{
    background-color: #212121!important;
}
#nav-icon1 span:nth-child(1),
.nav-icon1 span:nth-child(1)
{
    top: 0px;
}
#nav-icon1 span:nth-child(2),
.nav-icon1 span:nth-child(2)
{
    top: 7px;
}
#nav-icon1 span:nth-child(3),
.nav-icon1 span:nth-child(3)
{
    top: 14px;
}
#nav-icon1.open span:nth-child(1),
.nav-icon1.open span:nth-child(1)
{
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2),
.nav-icon1.open span:nth-child(2)
{
    opacity: 0;
    left: -60px;
}
#nav-icon1.open span:nth-child(3),
.nav-icon1.open span:nth-child(3)
{
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* Navar Middle */
.navbar-middle
{
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* Navbar version 1 */
.navbar-default.n-1 .nav>li,
.navbar-default.n-1 .navbar-brand
{
    padding: 30px 0px;
}
/* Navbar version 2 */
.navbar-default.n-2
{
    padding: 10px 0 0;
    min-height: 112px;
}
.navbar-default.n-2 .navbar-collapse.collapse
{
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}
.navbar-default.n-2 .navbar-middle
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar-form
{
    padding: 0;
}
.h-white .navbar-default.n-2 .navbar-collapse.collapse
{
    border-color: #f5f5f5;
}
.navbar-default.n-2 .navbar-nav>li>a
{
    color: #191919;
    padding: 0;
}
.navbar-default.n-2 .navbar-nav li
{
    margin: 0 18px;
    border-bottom: 2px solid transparent;
}
.navbar-default.n-2 .pull-right li
{
    margin-bottom: 0;
    float: left;
}
.navbar-default.n-2 .navbar-nav li,
.navbar-default.n-2 .pull-right li
{
    padding: 32px 0px;
}
.navbar-default.n-2 .navbar-nav ul
{
    margin: 0;
}
.navbar-default.n-2 .navbar-nav>li>a:hover,
.navbar-default.n-2 .navbar-nav>li>a:focus
{
    color: inherit;
    opacity: 0.8;
}
.navbar-default.n-2 .navbar-brand
{
    position: relative;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    padding-top: 15px;
    z-index: 1;
    left: 0;
}
.navbar-default.n-2 .pull-right li
{
    position: relative;
    z-index: 10;
}
.navbar-default.n-2 .navbar-nav>.active>a,
.navbar-default.n-2 .navbar-nav>.active>a:focus,
.navbar-default.n-2 .navbar-nav>.active>a:hover
{
    font-weight: 600;
}
/* Navbar version 3 */
.navbar-default.n-3 .navbar-left
{
    margin-left: 120px;
}
.navbar-default.n-3 .navbar-brand
{
    position: relative;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    left: 0;
}
/* Navbar White */
.navbar-default.n-white
{
    background-color: #FFFFFF;
    border-color: rgba(34, 34, 34, 0.15);
}
.navbar-default.n-white .navbar-nav>li>a
{
    color: #999999;
}
.navbar-default.n-white .navbar-nav>li>a:focus,
.navbar-default.n-white .navbar-nav>li>a:hover
{
    color: #191919!important;
    opacity: 1;
}
.navbar-default.n-white .navbar-nav>li>a.btn:focus, .navbar-default.n-white .navbar-nav>li>a.btn:hover
{
    color: #FFFFFF!important;
}
.navbar-default.n-white #nav-icon1 span,
.navbar-default.n-white .nav-icon1 span
{
    background-color: #222222;
}
/* Navbar Transparent */
.navbar-default.n-transparent
{
    background-color: transparent!important;
}
.navbar .options .toggle,
.navbar-default .navbar-collapse .close-all
{
    display: none;
}

.subnav .show-only-small,
.navbar .show-only-small
{
    display: none;
}

@media (max-width: 991px)
{
    .text-right
    {
        text-align: left!important;
    }
    .subnav .show-only-small,
    .navbar .show-only-small
    {
        display: block;
    }
    .subnav .hide-small,
    .navbar .hide-small
    {
        display: none;
    }

    .navbar-header {float: none;}
    .navbar-toggle {display: block;}

    .navbar-nav
    {
        float: none!important;
        padding-right: 0;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-bottom: 20px;
        display: block;
        height: auto;
    }
    .navbar .navbar-toggler
    {
        border: 0;
        border-radius: 0;
        padding: 2px 0 0;
        width: auto;
        height: auto;
        font-size: 17px;
        color: black;
        outline: none;

    }
    .navbar .options .toggle
    {
        display: block;
    }
    .navbar-nav>li
    {
        float: none;
        height: auto;
    }
    .navbar-default .navbar-toggle.active
    {
        z-index: 120;
    }
    .navbar-default .navbar-collapse
    {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%!important;
        background: #272727;
        z-index: 100000;
        overflow: auto;
        width: 250px;
        padding-top: 10px;
        display: block!important;
        transition: all 0.4s ease!important;
        transform: translateX(290px);
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
    .navbar .nav-overlay
    {
        display: none!important;
    }



    .navbar-default .navbar-collapse.show
    {
        transform: translateX(0);
    }

    .navbar-default .navbar-collapse .sm li a i
    {
        background: transparent;
        color: rgba(255, 255, 255, 0.41)!important;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .navbar-default .navbar-collapse .sm li a i:hover
    {
        box-shadow: none;
        color: white!important;
        border-color: white!important;
    }

    .navbar-default .navbar-collapse .close-all
    {
        display: block;
        position: static;
        text-align: right;
        line-height: 1;
        color: white;
        opacity: 1;
        padding: 0 10px;
        margin-bottom: 30px;
        font-size: 38px;
    }
    .navbar-default .navbar-brand
    {
        position: relative;
        left: 0;
    }
    .navbar-default .nav>li
    {
        padding: 0!important;
        margin-right: 0;
        margin-left: 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .navbar-default .nav>li:last-of-type
    {
        border-bottom: 0;
    }
    .navbar-default .nav>li.subscribe-field
    {
        padding: 0 12px!important;
    }
    .navbar-default .nav>li.show a
    {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .navbar-default .nav>li:first-of-type
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-nav>li>a
    {
        font-size: 14px!important;
        padding: 5px 20px!important;
        color: #ffffff;
        margin-left: 0!important;
        margin-right: 0!important;
        line-height: 35px;
        font-weight: bold;
        width: 100%;

        border-bottom: 1px solid transparent;
    }
    .navbar-nav>li:first-of-type>a
    {
        padding-left: 13px;
    }

    .navbar-nav>li>.dropdown-menu
    {
        max-height: 0!important;
        overflow: hidden;
        transition: max-height .6s ease-in-out;
    }

    .navbar-nav>li>.dropdown-menu.show
    {
        max-height: unset!important;
        height: auto;
        display: block;
    }

    .navbar-nav>li>.dropdown-menu
    {
        transform: none!important;
        max-height: initial;
        background: transparent;
    }
    .navbar-nav>li>.dropdown-menu>li
    {
        max-width: 100%;
        flex: auto;
    }
    .navbar-nav>li>.dropdown-menu>li img
    {
        display: none;
    }
    .dropdown-menu>li a
    {
            color: white!important;
            text-align: left;
            padding: 15px 25px!important;
            font-size: 12px;
            opacity: 0.6;
    }
    .dropdown-menu>li a:hover
    {
        background: transparent;
    }

    .navbar-nav>li
    {
        display: block;
    }

    .navbar-middle
    {
        position: static;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        display: block;
    }
    .navbar-default.n-2 .navbar-middle
    {
        border-bottom: 0;
    }
    .navbar-header
    {
        width: auto;
    }
    .search-div>div
    {
        width: 65%;
    }
    .cart-div
    {
        min-width: 50%;
		display: none;
    }

    .navbar-default .container,
    .subnav .container
    {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

.only-for-mobile {
	display: none;
}

@media (max-width: 767px)
{
    .logo div
    {
        display: none;
    }

    .search-div>div
    {
        width: 85%!important;
    }


    .cart-div+.overlay
    {
        display: none;
    }

    .cart-div .btns
    {
        flex-direction: column;
    }
    .cart-div .btns .btn:first-of-type
    {
        margin-bottom: 26px;
    }

	.only-for-desktop, .subnav h3 {
		display: none;
	}

	.only-for-mobile {
		display: block;
	}

}

.only-for-mobile svg {
	width: 35px;
    height: 35px;
    padding: 5px;
}

/* Header */
.header
{
    position: sticky;
	top: 0;
    z-index: 150;
}
.header.header-lg .content
{
    padding: 220px 0;
}
.header.header-md .content
{
    padding: 120px 0;
}
.header.header-sm .content
{
    padding: 60px 0;
}
.header.header-lg .item .content
{
    padding-top: 320px;
}
.header.header-md .item .content
{
    padding-top: 240px;
}
.header.header-sm .item .content
{
    padding-top: 180px;
}
.header #typed
{
    min-height: 80px;
}
.header .overlay h1,
.header .overlay .h1
{
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.typed-cursor
{
    display: none;
}
.header.tri:before, .header.tri:after
{
    content: "";
    bottom: 0;
    height: 0;
    position: absolute;
    border-top: 45px solid transparent;
    width: 0;
    z-index: 2;
}
.header.tri:before
{
    border-right: 50vw solid;
    right: 0;
}
.header.tri:after
{
    border-left: 50vw solid;
    left: -17px;
}
/* Carousel */
.header-carousel .navbar-default
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
}
.header-carousel .item
{
    position: relative;
    width: 100%;
    height: 100%;
}
.clients .owl-nav {
    display: flex !important;
    text-align: center!important;
    margin-top: 40px;
    justify-content: center;
}
.owl-nav .owl-prev
{
    left: 35px;
}
.owl-nav .owl-next
{
    right: 35px;
}
.owl-nav .owl-prev,
.owl-nav .owl-next
{
    font-size: 18px;
    color: #a5a5a5;
    background-color: white;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 15px 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    margin-right: 20px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover
{
    color: #4a4a4a;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.owl-nav .owl-next:before
{
    content: "\f105";
}
.owl-nav .owl-prev:before
{
    content: "\f104";
}
.header-carousel .owl-carousel .owl-stage,
.header-carousel .owl-carousel .owl-item
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.header-carousel .owl-dots
{
    position: absolute;
    bottom: 40px;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.header-carousel:hover .owl-dots,
.header-carousel .owl-dot.active
{
    opacity: 1;
}
.header-carousel .owl-dot.active
{
    background: white;
}
.header-carousel .owl-dot
{
    height: 11px;
    width: 11px;
    display: inline-block;
    margin-right: 15px;
    background-color: #FFFFFF;
    opacity: 0.5;
    border-radius: 100%;
    border: 2px solid white;
    background: transparent;
}
.header-carousel .owl-dot:hover
{
    opacity: 1;
}
/* Header Magazine */
.header-magazine
{
    position: fixed;
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
}
.header-magazine .overlay
{
    height: 100vh!important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* Header White */
.header.h-white h1,
.header.h-white h2,
.header.h-white h3,
.header.h-white h4,
.header.h-white h5,
.header.h-white h6
{
    color: #121212!important;
}
.header.h-white .owl-dot
{
    background-color: #151419;
}
.header.h-white h1
{
    text-shadow: none;
}
/* Scroll Bar */
.scroll-down
{
    display: inline-block;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}
.scroll-down .mouse
{
    position: relative;
    width: 52px;
    height: 88px;
    margin: auto;
    background-size: 100% 100%;
    border-radius: 100px;
    background-size: 225%;
    -webkit-animation: nudgeMouse 5s ease-out infinite;
    -moz-animation: nudgeMouse 5s ease-out infinite;
    -ms-animation: nudgeMouse 5s ease-out infinite;
    -o-animation: nudgeMouse 5s ease-out infinite;
          animation: nudgeMouse 5s ease-out infinite;
}
.scroll-down .mouse:before,
.scroll-down .mouse:after
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.scroll-down .mouse:before
{
    width: 46px;
    height: 70px;
    background-color: transparent;
    border-radius: 100px;
    border: 4px solid #FFFFFF;
}
.scroll-down .mouse:after
{
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
    -moz-animation: trackBallSlide 5s linear infinite;
    -ms-animation: trackBallSlide 5s linear infinite;
    -o-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}
@keyframes trackBallSlide {0% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}6% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}14% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}15%, 19% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}28%, 29.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}30% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}36% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}44% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}45%, 49% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}58%, 59.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}60% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}66% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}74% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}75%, 79% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}88%, 100% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}}
@-webkit-keyframes trackBallSlide {0% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}6% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}14% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}15%, 19% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}28%, 29.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}30% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}36% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}44% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}45%, 49% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}58%, 59.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}60% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}66% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}74% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}75%, 79% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}88%, 100% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}}
@-moz-keyframes trackBallSlide {0% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}6% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}14% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}15%, 19% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}28%, 29.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}30% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}36% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}44% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}45%, 49% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}58%, 59.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}60% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}66% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}74% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}75%, 79% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}88%, 100% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}}
@-ms-keyframes trackBallSlide {0% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}6% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}14% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}15%, 19% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}28%, 29.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}30% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}36% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}44% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}45%, 49% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}58%, 59.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}60% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}66% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}74% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}75%, 79% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}88%, 100% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}}
@-o-keyframes trackBallSlide {0% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}6% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}14% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}15%, 19% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}28%, 29.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}30% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}36% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}44% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}45%, 49% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}58%, 59.99% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}60% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}66% {opacity: 1;-webkit-transform: scale(0.9) translateY(5px);-moz-transform: scale(0.9) translateY(5px);-ms-transform: scale(0.9) translateY(5px);-o-transform: scale(0.9) translateY(5px);transform: scale(0.9) translateY(5px);}74% {opacity: 0;-webkit-transform: scale(0.4) translateY(40px);-moz-transform: scale(0.4) translateY(40px);-ms-transform: scale(0.4) translateY(40px);-o-transform: scale(0.4) translateY(40px);transform: scale(0.4) translateY(40px);}75%, 79% {opacity: 0;-webkit-transform: scale(0.4) translateY(-20px);-moz-transform: scale(0.4) translateY(-20px);-ms-transform: scale(0.4) translateY(-20px);-o-transform: scale(0.4) translateY(-20px);transform: scale(0.4) translateY(-20px);}88%, 100% {opacity: 1;-webkit-transform: scale(1) translateY(-20px);-moz-transform: scale(1) translateY(-20px);-ms-transform: scale(1) translateY(-20px);-o-transform: scale(1) translateY(-20px);transform: scale(1) translateY(-20px);}}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-ms-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
}
@-o-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 991px)
{
    #mebels-dropdown {
        min-width: unset!important;
    }

    .header-magazine
    {
        position: static;
        width: 100%;
    }
}
@media (max-width: 767px)
{
    .header.tri:before,
    .header.tri:after
    {
        display: none;
    }
}

/* Logo */
.logo img
{
    display: inline-block;
    max-width: 150px;
}
.logo div
{
    display: inline-block;
    text-align: left;
    transform: translate(7px,11px);
    -webkit-transform: translate(7px,11px);
    -moz-transform: translate(7px,11px);
    -ms-transform: translate(7px,11px);
    -o-transform: translate(7px,11px);
}
.logo .name
{
    display: block;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.logo .slogan
{
    font-size: 10px;
    letter-spacing: 1px;
}

/* Loading */
.loading
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;

    opacity: 1;
    visibility: visible;
}
.loading.active
{
    opacity: 0;
    visibility: hidden;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #5f72f8;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/*--------- Elements ---------*/

/* Up button */
.up-btn
{
    position: fixed;
    bottom: -50px;
    right: 20px;
    width: 45px;
    height: 45px;
    color: #929292!important;
    opacity: 0;
    z-index: -9999;
    display: block;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

        border-radius: 100%;
}
.up-btn.static
{
    border-radius: 100px;
    position: static!important;
    width: inherit!important;
    background-color: transparent!important;
    color: inherit!important;
}
.up-btn.static:hover
{
    background-color: transparent!important;
    color: #FFFFFF!important;
}
.up-btn.static i
{
    font-size: 5px;
    margin-left: 7px;
    margin-top: 3px;
    color: inherit!important;
}
.up-btn.visible
{
    opacity: 1;
    z-index: 999;
    bottom: 50px;
    background-color: rgba(255, 255, 255, 1);
}
.up-btn>img
{
    width: 35%;
}
.up-btn:hover
{
    background-color: #f0f0f0!important;
    bottom: 55px;
    color: #212121!important;
}

/* Button */
.btn
{
    color: #FFFFFF!important;
    font-size: 15px!important;
    font-weight: bold;
    padding: 13px 37px!important;
    border: 0;
    outline: none!important;
    border-radius: 29px 0;
    position: relative;
    letter-spacing: 0.5px;
}
.btn.no-radius
{
    border-radius: 2px!important;
}
.btn.no-border:before
{
    display: none!important;
}
.btn.no-radius:before
{
    border-radius: 2px!important;
}
.btn i
{
    margin-right: 5px;
    font-size: 13px;
}
.btn:before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 104%;
    height: 116%;
    border: 1px solid red;
    border-radius: 32px 0;
    transform: translate(-50%, -50%);
    transition: all .2s ease-in-out;
}
.btn.black:before,
.btn.dark:before
{
    border-color:  rgba(0,0,0,0.3);
}

.btn.large
{
    padding: 15px 68px!important;
    font-size: 17px!important;
}
.btn.small
{
    padding: 10px 20px!important;
    font-size: 14px!important;
    border-radius: 28px 0;
}
.btn.small:before
{
    width: 104%;
    height: 118%;
    border-radius: 31px 0;
}
.btn:hover,
.btn:active,
.btn:focus
{
    opacity: 1!important;
}
.btn.enabled
{
    cursor: pointer;
    filter: alpha(opacity=1);
    -webkit-filter: alpha(opacity=1);
    -moz-filter: alpha(opacity=1);
    -ms-filter: alpha(opacity=1);
    -o-filter: alpha(opacity=1);

    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.btn.disabled
{
    background: #fafafa!important;
    color: #a9a9a9!important;
    box-shadow: 0 16px 10px rgba(235, 235, 235, 0.35);
}
.btn.disabled:before
{
    border-color: #ebebeb !important;
}

/* Colors Element */
.colors-items .box .item
{
    text-align: center;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.04);
    margin-bottom: 25px;
    padding: 45px 0;
    border-radius: 50px 0;
}

/* List */
ul
{
    list-style-type: none;
}
ul,ol
{
    padding-left: 0;
    margin: 0;
}
ul li,
ol li
{
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 22px;
}
ul.list li:before,
ul.list li:after
{
    font-style: normal;
}
ul.list li:before
{
    content: "\f061";
    margin-right: 8px;
    font-size: 10px;
}
ul.list.list-blog
{
    padding-left: 0;
}
ul.list.list-blog li:before
{
    content: "\f0da";
    color: #6b6b6b;
}

ul.list-bullets li:before
{
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 15px;
    background: #FFA136;
}
ul.list-icons li i
{
    margin-right: 7px;
    font-size: 10px!important;
    width: 20px;
    height: 20px;
    background: #ffa136;
    text-align: center;
    line-height: 20px;
    color: white;
    border-radius: 100%;
}

/* Social Media List */
.sm
{
    margin: 0;
}
.share .sm
{
    display: inline-block;
    margin-left: 10px;
}
.share .sm li
{
    margin-left: 5px;
    margin-bottom: 0;
}
.sm li
{
    display: inline-block;
    margin-left: 14px;
    margin-bottom: 0!important;
    margin-bottom: 14px !important;
}
.sm li:first-of-type
{
    margin-left: 0;
}
.sm li a i
{
    color: #9D9D9D;
    font-size: 14px;
    display: block;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    border-radius: 10px 0;
}
.sm.sm-large li a i
{
    font-size: 24px;
}
.sm li a i:hover
{
    opacity: 0.9;
}

/* Colorful social media */
.sm.colorful li a .fa-facebook,
.sm.colorful li a .fa-facebook-official,
.sm.colorful li a .et-facebook,
.sm.colorful li a .fa-facebook-square
{color: #3b5999}
.sm.colorful li a .fa-twitter,
.sm.colorful li a .et-twitter,
.sm.colorful li a .fa-twitter-square
{color: #55acee}
.sm.colorful li a .fa-google-plus,
.sm.colorful li a .fa-google-plus-square,
.sm.colorful li a .et-googleplus,
.sm.colorful li a .fa-google-plus-official
{color: #dd4b39}
.sm.colorful li a .fa-youtube-play,
.sm.colorful li a .fa-youtube-square,
.sm.colorful li a .fa-youtube
{color: #cd201f}
.sm.colorful li a .fa-instagram{color: #405de6}
.sm.colorful li a .fa-pinterest,
.sm.colorful li a .fa-pinterest-square,
.sm.colorful li a .fa-pinterest-p
{color: #bd081c}
.sm.colorful li a .fa-linkedin,
.sm.colorful li a .et-linkedin
{color: #0077B5}
.sm.colorful li a .fa-tumblr,
.sm.colorful li a .et-tumblr,
.sm.colorful li a .fa-tumblr-square
{color: #35465c}
.sm.colorful li a .fa-dribbble,
.sm.colorful li a .et-dribbble
{color: #ea4c89}
.sm.colorful li a .fa-github,
.sm.colorful li a .fa-github-square
{color: #333333}
.sm.colorful li a .fa-behance,
.sm.colorful li a .fa-behance-square
{color: #1769ff}
.sm.colorful li a .fa-rss,
.sm.colorful li a .et-rss,
.sm.colorful li a .fa-rss-square
{color: #f26522}
.sm.colorful li a .fa-reddit,
.sm.colorful li a .fa-reddit-alien,
.sm.colorful li a .fa-reddit-square
{color: #ff4500}
.sm.colorful li a .fa-phone{color: #32d191}

/* Social media hover */

.sm li a
{
    text-decoration: none!important;
}

.sm-hover li a i
{
    font-size: 14px!important;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #464646!important;
}
.sm-hover li a i:hover{color: #FFFFFF!important}

.sm-hover.bigger li a i
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 17px!important;
}

/* Social media hover colorful */
.sm-color-hover li a .fa-facebook:hover,
.sm-color-hover li a .et-facebook:hover,
.sm-color-hover li a .fa-facebook-official:hover,
.sm-color-hover li a .fa-facebook-square:hover
{background-color: #3b5999; box-shadow: 0 0 17px rgba(59, 89, 153, 0.75);}
.sm-color-hover li a .fa-twitter-square:hover,
.sm-color-hover li a .fa-twitter:hover,
.sm-color-hover li a .et-twitter:hover
{background-color: #55acee; box-shadow: 0 0 17px rgba(85, 172, 238, 0.75);}
.sm-color-hover li a .fa-google-plus:hover,
.sm-color-hover li a .fa-google-plus-official:hover,
.sm-color-hover li a .fa-google-plus-square:hover,
.sm-color-hover li a .et-googleplus:hover
{background-color: #dd4b39; box-shadow: 0 0 17px rgba(221, 75, 57, 0.75);}
.sm-color-hover li a .fa-youtube-play:hover,
.sm-color-hover li a .fa-youtube-square:hover,
.sm-color-hover li a .fa-youtube:hover
{background-color: #cd201f; box-shadow: 0 0 17px rgba(205, 32, 31, 0.75);}
.sm-color-hover li a .fa-instagram:hover{background-color: #405de6; box-shadow: 0 0 17px rgba(64, 93, 230, 0.75);}
.sm-color-hover li a .fa-pinterest:hover,
.sm-color-hover li a .fa-pinterest-square:hover,
.sm-color-hover li a .fa-pinterest-p:hover
{background-color: #bd081c; box-shadow: 0 0 17px rgba(189, 8, 28, 0.75);}
.sm-color-hover li a .fa-linkedin:hover,
.sm-color-hover li a .et-linkedin:hover
{background-color: #0077B5; box-shadow: 0 0 17px rgba(0, 119, 181, 0.75);}
.sm-color-hover li a .fa-tumblr:hover,
.sm-color-hover li a .et-tumblr:hover,
.sm-color-hover li a .fa-tumblr-square:hover
{background-color: #35465c; box-shadow: 0 0 17px rgba(53, 70, 92, 0.75);}
.sm-color-hover li a .fa-dribbble:hover,
.sm-color-hover li a .et-dribbble:hover
{background-color: #ea4c89; box-shadow: 0 0 17px rgba(234, 76, 137, 0.75);}
.sm-color-hover li a .fa-github:hover,
.sm-color-hover li a .fa-github-square:hover
{background-color: #333333; box-shadow: 0 0 17px rgba(51, 51, 51, 0.75);}
.sm-color-hover li a .fa-behance:hover,
.sm-color-hover li a .fa-behance-square:hover
{background-color: #1769ff; box-shadow: 0 0 17px rgba(23, 105, 255, 0.75);}
.sm-color-hover li a .fa-rss:hover,
.sm-color-hover li a .et-rss:hover,
.sm-color-hover li a .fa-rss-square:hover
{background-color: #f26522; box-shadow: 0 0 17px rgba(242, 101, 34, 0.75);}
.sm-color-hover li a .fa-reddit:hover,
.sm-color-hover li a .fa-reddit-alien:hover,
.sm-color-hover li a .fa-reddit-square:hover
{background-color: #ff4500; box-shadow: 0 0 17px rgba(255, 69, 0, 0.75);}
.sm-color-hover li a .fa-phone:hover{background-color: #32d191; box-shadow: 0 0 17px rgba(50, 209, 145, 0.75);}

/* Social media hover light */
.sm-light-hover li a .fa-facebook:hover,
.sm-light-hover li a .fa-facebook-official:hover,
.sm-light-hover li a .fa-facebook-square:hover
{background-color: rgba(59, 89, 153, 0.7)}
.sm-light-hover li a .fa-twitter-square:hover,
.sm-light-hover li a .fa-twitter:hover
{background-color: rgba(85, 172, 238, 0.7)}
.sm-light-hover li a .fa-google-plus:hover,
.sm-light-hover li a .fa-google-plus-official:hover,
.sm-light-hover li a .fa-google-plus-square:hover
{background-color: rgba(221, 75, 57, 0.7)}
.sm-light-hover li a .fa-youtube-play:hover,
.sm-light-hover li a .fa-youtube-square:hover,
.sm-light-hover li a .fa-youtube:hover
{background-color: rgba(205, 32, 31, 0.7)}
.sm-light-hover li a .fa-instagram:hover{background-color: rgba(64, 93, 230, 0.7)}
.sm-light-hover li a .fa-pinterest:hover,
.sm-light-hover li a .fa-pinterest-square:hover,
.sm-light-hover li a .fa-pinterest-p:hover
{background-color: rgba(189, 8, 28, 0.7)}
.sm-light-hover li a .fa-linkedin:hover{background-color: rgba(0, 119, 181, 0.7)}
.sm-light-hover li a .fa-tumblr:hover,
.sm-light-hover li a .fa-tumblr-square:hover
{background-color: rgba(53, 70, 92, 0.7)}
.sm-light-hover li a .fa-dribbble:hover{background-color: rgba(234, 76, 137, 0.7)}
.sm-light-hover li a .fa-github:hover,
.sm-light-hover li a .fa-github-square:hover
{background-color: rgba(51, 51, 51, 0.7)}
.sm-light-hover li a .fa-behance:hover,
.sm-light-hover li a .fa-behance-square:hover
{background-color: rgba(23, 105, 255, 0.7)}
.sm-light-hover li a .fa-rss:hover,
.sm-light-hover li a .fa-rss-square:hover
{background-color: rgba(242, 101, 34, 0.7)}
.sm-light-hover li a .fa-reddit:hover,
.sm-light-hover li a .fa-reddit-alien:hover,
.sm-light-hover li a .fa-reddit-square:hover
{background-color: rgba(255, 69, 0, 0.7)}
.sm-light-hover li a .fa-phone:hover{background-color: rgba(50, 209, 145, 0.7)}

/* Social media hover dark */
.sm-dark-hover li a i:hover
{
    background-color: #121212;
}

/* Social media gray background */
.sm-gray-back li a i
{
    background-color: #F5F5F5;
}

/* Social media white background */
.sm-white-back li a i
{
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Social media color background */
.sm-color-back li a i {color: #FFFFFF!important}
.sm-color-back li a .fa-facebook,
.sm-color-back li a .fa-facebook-official,
.sm-color-back li a .fa-facebook-square
{background-color: #1877f2}
.sm-color-back li a .fa-twitter-square,
.sm-color-back li a .fa-twitter
{background-color: #55acee}
.sm-color-back li a .fa-google-plus,
.sm-color-back li a .fa-google-plus-square,
.sm-color-back li a .fa-google-plus-official
{background-color: #dd4b39}
.sm-color-back li a .fa-youtube-play,
.sm-color-back li a .fa-youtube-square,
.sm-color-back li a .fa-youtube
{background-color: #cd201f}
.sm-color-back li a .fa-instagram{background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}
.sm-color-back li a .fa-pinterest,
.sm-color-back li a .fa-pinterest-square,
.sm-color-back li a .fa-pinterest-p
{background-color: #bd081c}
.sm-color-back li a .fa-linkedin{background-color: #0077B5}
.sm-color-back li a .fa-dribbble{background-color: #ea4c89}
.sm-color-back li a .fa-github,
.sm-color-back li a .fa-github-square
{background-color: #333333}
.sm-color-back li a .fa-behance,
.sm-color-back li a .fa-behance-square
{background-color: #1769ff}
.sm-color-back li a .fa-rss,
.sm-color-back li a .fa-rss-square
{background-color: #f26522}
.sm-color-back li a .fa-reddit,
.sm-color-back li a .fa-reddit-alien,
.sm-color-back li a .fa-reddit-square
{background-color: #ff4500}
.sm-color-back li a .fa-phone{background-color: #32d191}
.sm-color-back li a .fa-tumblr{background-color: #35465c}
.sm-color-back li a .fa-linkedin-in{background-color: #0077b7}
.sm-color-back li a .fa-wordpress{background-color: #21759a}
.sm-color-back li a .fa-blogger-b{background-color: #f5821f}

/* Isotope */
.grid
{
    position: relative;
    display: flow-root;
}
.button-group
{
    margin: 0 0 45px;
}
.button-group .button
{
    background-color: transparent;
    outline: none;
    margin: 0 7px;
    font-size: 13px;
}

/* Input/Textarea/Select */

/* Select */
.custom-select
{
    position: relative;
    cursor: default;
    min-width: 200px;
    background-color: transparent;
    height: auto;
    padding: 0;
    background-image: none;
    border: 0;
}
.custom-select select
{
    display: none;
}
.select-selected
{
    background-color: #FFFFFF;
    border-radius: 20px 0!important;
}
.select-radius .select-items
{
    top: calc(100% + 25px);
}
/*select version 1*/
.select1 .select-selected
{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.select1 .select-items
{
    top: calc(100% + 25px);
}
.select1 .select-items
{
    padding: 15px 0;
}
.select1 .select-selected.select-arrow-active
{
    color: #737373;
}
/*select version 2*/
.select2 .select-selected,
.select2 .select-items
{
    border: 1px solid;
}
.select2 .select-items
{
    border-top: 0;
}
.select2 .select-items div
{
    border-bottom: 1px solid;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.select-selected:after,
.select-selected.select-arrow-active:after
{
    position: absolute;
    top: 18px;
    right: 25px;
    width: 0;
    height: 0;
    font-size: 9px;
}
.select-selected:after
{
    content: "\f078";
}
.select-selected.select-arrow-active:after
{
    content: "\f077";
}
.select-selected.select-arrow-active
{
    color: #9c9c9c;
}
.select-items div,.select-selected
{
    font-weight: bold;
    font-size: 14px;
    color: #737373;
    padding: 14px 25px;
    letter-spacing: 0.2px;
}
.select-items
{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08);
    min-height: 210px;
    max-height: 210px;
    overflow: auto;
}
.select-hide
{
    visibility: hidden;
    opacity: 0;
}

/* Input radio/checkbox */
.radio-choices .item,
.checkbox-choices .item
{
    position: relative;
    box-shadow: none!important;
    text-align: left!important;
    padding: 0!important;
}
.radio-choices .item label,
.checkbox-choices .item label
{
    display: block;
    position: relative;
    margin-bottom: 0;
    z-index: 9;
    cursor: pointer;
    line-height: 25px;
    font-size: 14px;
}
.radio-choices .item label:hover .checkmark,
.checkbox-choices .item label:hover .checkmark
{
    border: 1px solid #333;
}
.radio-choices .item label:focus .checkmark,
.checkbox-choices .item label:focus .checkmark
{
    border: 1px solid #866ee7
}
.radio-choices .item input[type=radio]
{
    position: absolute;
    visibility: hidden;
}
.radio-choices .item .check
{
    display: block;
    position: absolute;
    border: 1px solid #e0e0e0;
    height: 24px;
    width: 24px;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 10px 0 10px 0;
    line-height: 17px;
}
.radio-choices .item .check:before
{
    content: '';
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    top: 2px;
    left: 2px;
    margin: auto;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    border-radius: 7px 0;
    opacity: .7;
}
input[type=radio]:checked ~ .check:before
{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* Hide the browser's default checkbox */
.checkbox-choices input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark
{
    display: block;
    position: absolute;
    border: 1px solid #c5c5c5;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 7px 0 7px 0;
    line-height: 17px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after
{
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkbox-choices input:checked ~ .checkmark:after
{
    display: block;
}
.checkbox-choices input:checked + .checkmark
{
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
}
/* Style the checkmark/indicator */
.checkbox-choices .checkmark:after
{
    content: "\f00c";
    left: 4px;
    top: 1px;
    font-size: 9px;
    color: white;
}

/* Input text / textarea */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea
{
    outline: none;
    width: 100%;
    padding: 14px 16px;
    cursor: default;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 13px 0;
    transition: border .2s ease-in-out;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
textarea:hover
{
    border-color: #a2a2a2;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus
{
    border-color: #a2a2a2;
}

textarea
{
    height: 140px;
    resize: none;
}
.form-group
{
    position: relative;
    margin-bottom: 32px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder
{color: rgba(0, 0, 0, 0.35);}
input::-moz-placeholder,textarea::-moz-placeholder
{color: rgba(0, 0, 0, 0.35);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder
{color: rgba(0, 0, 0, 0.35);}
input:-moz-placeholder,textarea:-moz-placeholder
{color: rgba(0, 0, 0, 0.35);}
.help-block .list-unstyled
{
    display: none;
}
.has-danger input,
.has-danger textarea
{
    border: 1px solid #f38d8d!important;
}

/* Colors */
.theme1-color{color: #4BE1AB!important} .theme1-color-d {color: #43D29E!important}
.white .theme1-color{color: #4BE1AB!important} .white .theme1-color-d {color: #43D29E!important}
/* Background color */
.theme1-back-color{background-color:#4BE1AB!important} .theme1-back-color-d{background-color:#43D29E!important}
/* Box */
.box-item
{
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 40px 30px;
    background: white;
}
.box
{
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06);
    background-color: #FFFFFF;
    padding: 60px 10px;
    cursor: default;
    border-radius: 10px;
}
.box h2,
.box p
{
    margin: 0;
}
.box-padding
{
    padding-left: 60px!important;
    padding-right: 60px!important;
}

.box .item
{
    text-align: center;
    box-shadow: 0px 0 24px 0px rgba(0,0,0,0.06);
    margin-bottom: 25px;
    padding: 45px 0;
    border-radius: 40px 0;
}
.image-thumb
{
    position: relative;
}
.image-thumb img
{
    position: absolute;
    left: 15px;
    top: 0;
}

.image-thumb.small .padding-t-left
{
    padding-left: 45px!important;
    min-height: 35px;
    margin-bottom: 15px;
}
.image-thumb.small .padding-t-left a
{
    font-size: 14px;
    line-height: 14px!important;
    font-weight: bold;
}
.image-thumb.small .padding-t-left p.slogan-small
{
    margin-top: -1px;
    opacity: 0.6;
    font-size: 12px;
}
.image-thumb.small img
{
    border-radius: 100%;
    width: 35px;
    left: 0;
    border: 0!important;
}
/* Flipbox */
.flip-container
{
    perspective: 1000px;
    transform-style: preserve-3d;
    width: 100%;
    position: relative;
}
.flip-container:hover .back
{
    transform: rotateY(0deg);
}
.flip-container:hover .front
{
    transform: rotateY(180deg);
}
.flip-container,
.front,
.back
{
    transition: .8s!important;
}
.front,
.back
{
    width: 100%;
    height: 100%;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
    display: inline-table;
}
.front
{
    z-index: 2;
    transform: rotateY(0deg);
}
.back
{
    transform: rotateY(-180deg);
}
.vertical.flip-container {position: relative;}
.vertical .back {	transform: rotateX(-180deg);}
.vertical.flip-container:hover .back  {transform: rotateX(0deg);}
.vertical.flip-container:hover .front {transform: rotateX(180deg);}

/* Blockquote */
blockquote
{
    margin:50px 0;
    padding: 0!important;
}
blockquote.no-margin
{
    margin:0 0;
}
blockquote .quote
{
    font-size: 20px!important;
    border: 0!important;
    line-height: 39px!important;
    color: #383838!important;
    padding: 15px 70px;
    border: 0;
    font-weight: 100;
    position: relative;
    margin-bottom: 0!important;
}
blockquote .quote:before,
blockquote .quote:after
{
    content: "";
    position: absolute;
    background-image: url(../images/icons/quote.png);
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.05;
}
blockquote .quote:before
{
    top: 0;
    left: 0;
}
blockquote .quote:after
{
    bottom: 0;
    right: 30px;
    transform: rotate(180deg);
}
blockquote .author
{
    text-align: center;
    font-style: italic;
    font-size: 14px!important;
}

blockquote.pull-left
{
    text-align: left;
}
blockquote.pull-right
{
    text-align: right;
}
blockquote.pull-left,
blockquote.pull-right
{
    border: 0;
    padding: 15px;
}
blockquote.half
{
    max-width: 50%;
    float: left;
}
blockquote.half+p
{
    max-width: 50%;
    display: inline;
}

/* Message */
.alert
{
    font-size: 15px;
    padding: 18px 25px;
    color: #FFFFFF;
    margin-bottom: 30px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 100px;
}
.alert-default
{
    background-color: #FBFBFB;
    color: #333333;
}
.alert-info
{
    background-color: #3B55E6;
}
.alert-success
{
    background-color: #4CE1AA;
}
.alert-warning
{
    background-color: #F4D352;
}
.alert-danger
{
    background-color: #FE5339;
}
.alert:hover .close
{
    visibility: visible;
}
.alert .close
{
    font-size: 30px;
    line-height: 20px;
    visibility: hidden;
    color: #FFFFFF;
    opacity: 1;
    font-weight: 100;
}
.alert-default .close
{
    color: #b7b7b7;
}

/* Message box in action */
.popover
{
    margin: 0;
    position: fixed;
    top: 15px!important;
    left: 50%!important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-shadow: none;
    padding: 19px 29px;
    background-color: #F5F5F5;
    font-size: 15px;
    min-width: 350px;
    color: #333333;
    cursor: default;
}
.popover-content
{
    padding: 0;
}
.popover>.arrow
{
    display: none;
}

/* Accordion */

/*default*/
.card
{
    border: 0;
    margin-bottom: 10px;
    border-radius: 0;
}
.card-header
{
    padding: 17px 18px;
    font-size: 15px;
    color: #FFA136;
    font-weight: 500;
    display: block;
    border-radius: 0!important;
    background: white;
    border: 1px solid rgba(255, 161, 54, 0.25);
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.card-header.collapsed
{
    color: #484848;
    border-color: gainsboro;
}
.card-header:hover
{
    color: #FFA136;
    border-color: rgba(255, 161, 54, 0.25);
}
.card-body
{
    padding: 15px 18px;
    font-size: 16px;
    line-height: 30px;
    color: #5f5f5f;
}


/* Tabs */
.nav-pills.center
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.nav-pills.center.full-width>li
{
    margin: 0;
}
.nav-pills
{
    border: 0;
}
.nav-pills .nav-link
{
    color: #6d6d6d;
    border-radius: 21px 0!important;
    font-size: 16px;
    padding: 8px 15px;
    border: 0!important;
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
.nav-pills.flex-row .nav-link
{
    margin: 0 10px;
}
.nav-pills.flex-column .nav-link
{
    margin-bottom: 30px;
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:active
{
    border: 0;
}
.tab-content>.tab-pane
{
    padding: 0;
    border: 0;
    border-radius: 0;
}
@media (max-width: 767px)
{
    .nav-tabs.center
    {
        display: block;
    }
    .nav-pills
    {
        flex-direction: row!important;
        justify-content: center;
        margin-bottom: 20px;
    }
    .nav-pills .nav-link
    {
        margin: 0 10px!important;
        padding: 11px 10px!important;
    }
}

/* Features */
.features .item
{
    cursor: default;
    padding: 40px 20px;
    font-size: 30px;
    margin: auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    border-radius: 40px 0;
    transition: border .2s ease-in-out;
    background: white;
}
.features .item:hover
{
    border-color: rgba(0, 0, 0, 0.3);
}

.features.gray .item
{
    border-color: transparent;
    box-shadow: 0 7px 21px gainsboro;
}

.features .item i
{
    font-size: 30px;
    margin-bottom: 20px;
}
.features .item.v2 i
{
    display: inline-block;
    background: #6a7cf8;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: white;
    border-radius: 20px 0;
    font-size: 22px;
    margin-bottom: 16px;
    text-align: center;
}
.features .item p
{
	font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
    margin-bottom: 0;
    color: rgb(0 0 0 / 72%);
}
.features .box i.fa
{
    width: auto;
    height: auto;
    line-height: normal;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
}
.features .item:hover .box i
{
    background-color: transparent;
}
.features .item:hover i
{
    /*color: #FFFFFF!important;
    background: black;*/
}
.features .item i.white-icon,
.features .item:hover i.white-icon
{
    background-color: #FFFFFF;
    color: #FFFFFF!important;
}
.features .item i.black-icon,
.features .item:hover i.black-icon
{
    background-color: #FFFFFF;
    color: #191919!important;
}

/* Video */
.modal-backdrop.in
{
    opacity: 0.7;
}
.modal .modal-dialog
{
    max-width: 770px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0!important;
}
.modal-header
{
    padding: 25px 0px;
    display: none;
}
#directions-modal .modal-header {
    display: block;
}
.modal-content
{
    background-color: transparent;
    box-shadow: none;
}
.modal-body
{
    position: relative;
    padding: 0;
}
.modal-body iframe
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.modal .stat
{
    font-size: 27px;
    font-weight: 900;
    text-align: center;
    line-height: 27px;
    margin-left: 17px;
    padding-top: 0px;
}
.modal .stat span
{
    display: block;
    color: #FFFFFF;
    font-size: 13px;
}
.modal .close
{
    outline: none;
    font-size: 50px;
    text-shadow: none;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 25px;
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 0;
}
.modal .close:hover,
.modal .close:focus
{
    color: #FFFFFF;
    opacity: 0.8;
}
@media (max-width: 767px)
{
    .modal .modal-dialog
    {
        width: auto;
    }
}
.video
{
    overflow: hidden;
    position: relative;
    border-radius: 0 100px;
    height: 100%;
}
.video.no-radius
{
    border-radius: 0;
}
.video.mini
{
    width: 600px;
    height: 400px;
    margin: auto;
}
@media (max-width: 762px)
{
    .video.mini
    {
        width: 100%;
        height: 300px;
    }
}
.video .play
{
    display: inline-block;
    width: 74px;
    height: 74px;
    text-align: center;
    line-height: 74px;
    font-size: 19px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    border-radius: 32px 0;
    background: #FFA136;
    color: white;
    box-shadow: 0 0 17px rgba(255, 161, 54, 0.75);
}
.video .play.white-play
{
    background-color: white;
    color: #FFA136;
    box-shadow: 0 0 17px rgba(255, 255, 255, 0.75);
}
.video .play.static-play
{
    position: static!important;
    margin-left: 0;
    margin-top: 0;
}
.video .play img
{
    width: 25px;
    position: relative;
    left: 2px;
    bottom: 2px;
}
.video:hover .play
{
    box-shadow: 0 0 35px rgba(255, 161, 54, 0.75);
}
.video:hover .play.white-play
{
    box-shadow: 0 0 35px rgba(255, 255, 255, 0.75);
}

/* About */
.about ul.list {
    margin-top: 30px;
    padding-left: 25px;
}

.about .brief {
    padding: 60px;
    border: 1px solid #c5c5c57a;
    border-radius: 100px 0;
    cursor: default;
    transition: all .5s ease-in-out;
    position: relative;
}
.about .brief:hover {
    border-color: rgb(71 70 70 / 55%);
}
.about .brief p {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}
img.signature {
    width: 115px;
    display: block;
}

/* Stats */
.stats .why p {
    margin-top: 25px;
}
#container {
  margin: 20px;
  width: 400px;
  height: 8px;
  position: relative;
}
#container path
{
    stroke: red;
    width: '90%';
    height: '100%';
}
#container .progressbar-text
{
    color: rgb(153, 153, 153)!important;
    position: absolute;
    right: 0px;
    top: 30px;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 991px)
{
    .stats .img,
    .stats .statistics
    {
        margin-top: 60px;
    }
}

/* Services */
.services .item
{
    display: inline-block;
    margin-bottom: 100px;
}
.services .item:last-of-type
{
    margin-bottom: 0;
}
.services .img
{
    position: relative;
    display: block;
}
.services .img .price
{
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 12px;
    top: 25px;
    left: 25px;
}
.services .img .price.right
{
    right: 25px;
    left: auto;
}
.services .img .price h4,
.services .img .price h5
{
    color: inherit;
    margin: 0;
}
.services .img .price h5
{
    font-weight: normal;
    font-size: 14px;
}
@media (max-width: 991px)
{
    .services .item
    {
        margin-bottom: 0;
        border-bottom: 1px solid #e0e0e0;
        padding: 45px 0;
    }
    .services .item:first-of-type
    {
        padding-top: 0;
    }
    .services .item:last-of-type
    {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .services .img
    {
        margin: 20px 0;
    }
}

/* Place */
.place
{
    overflow: hidden;
}
.place h2
{
    margin-top: 0;
}
.place .right,
.place .left
{
    background-size: cover;
    background-position: center;
}
.place .left
{
    position: relative;
    z-index: 1;
    padding: 0 45px;
}
.place .left .overlay:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: black;
}
@media (max-width: 991px)
{
    .place .white .overlay
    {
        text-align: left;
        padding-right: 30px;
        padding-left: 30px;
    }
}

/* Call Action */
.call-action
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.call-action.padding
{
    padding: 0 55px;
}
.call-action.column
{
    flex-direction: column;
}
.call-action h2
{
    margin-top: 0;
    margin-bottom: 0;
}
.call-action p
{
    margin-top: 15px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
}
.call-action input[type="email"]
{
    width: 350px;
}
.call-action.column input[type="email"]
{
    width: 100%;
}
.call-action.column .right
{
    width: 70%;
    margin: auto;
}

.call-action .left
{
    padding-right: 60px;
}

.call-action.column .left
{
    width: 100%;
    padding-right: 0;
}

.newsletter
{
    position: relative;
}
.newsletter-send
{
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 12px;
    color: #8a8a8a!important;
}

@media (max-width: 767px)
{
    .call-action
    {
        display: block;
    }
    .call-action input[type="email"]
    {
        width: 100%;
    }
    .call-action .right
    {
        width: 100%!important;
    }
    .section-normal {
        text-align: center;
    }
    .call-action .left {
        padding-right: 0;
        margin-bottom: 30px;
    }
}


/* Offers */
.offers .offers-items .item
{
    z-index: 1;
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
    cursor: default;
}
.offers .offers-items .item:before
{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.offers .offers-items .item:hover:before
{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.offers .offers-items .item i,
.offers .offers-items .item h4,
.offers .offers-items .item p
{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.offers.offers-1 .offers-items .item:hover i,
.offers.offers-1 .offers-items .item:hover h4,
.offers.offers-1 .offers-items .item:hover p
{
    color: #FFFFFF!important;
}
.offers.offers-2 .offers-items .item:before
{
    display: none;
}
.offers.offers-2 .offers-items .item
{
    padding: 20px;
}
.offers .offers-items .item.right
{
    border-right: 1px solid;
}
.offers .offers-items .item.bottom
{
    border-bottom: 1px solid;
}
.offers.offers-1 .offers-items i
{
    font-size: 40px;
}
.offers.offers-2 .offers-items i
{
    font-size: 30px;
}
.offers.offers-1 .offers-items h4
{
    margin: 35px 0 15px;
}
.offers.offers-2 .offers-items h4
{
    margin: 15px 0;
}
@media (max-width: 991px)
{
    .offers .offers-items .item
    {
        border: 0;
    }
}
@media (max-width: 767px)
{
    .offers .offers-items
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .offers .offers-items .item
    {
        padding-top: 35px;
        padding-bottom: 35px;
        border: 0!important;
        text-align: left!important;
    }
    .offers .offers-items .item:before
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

/* Numbers */
.numbers h2
{
    margin-top: 0;
    margin-bottom: 5px;
}
.numbers .item h2
{
    font-weight: bold;
    line-height: 59px!important;
    margin-top: 25px;
}
.numbers h2.where
{
    font-size: 50px;
    line-height: 55px!important;
    margin-bottom: 45px;
}
.numbers .box
{
    padding: 25px 40px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}
.numbers i
{
    font-size: 29px;
    display: block;
    background: #ffa32a;
    color: white;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 20px 0;
}

/* Portfolio */
.portfolio .element-item
{
    overflow: hidden;
    margin-bottom: 30px;
}
.portfolio .element-item .img
{
    position: relative;
    display: block;
}
.portfolio .element-item a.white
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 20px;
    z-index: 1;

    background-color: rgba(49, 49, 49, 0.8);
    transform: translateX(-100%);
}
.portfolio .element-item a i.more
{
    font-size: 40px;
}
.portfolio .element-item a p
{
    font-size: 17px;
    margin-top: 10px;
}
.portfolio .element-item .img:hover a.white
{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.portfolio .element-item img
{
    width: 100%;
    height: auto;
}

/* Testimonials */

.testimonials .item
{
    padding: 10px 0;
    padding-right: 20px;
    display: inline-block;
    text-align: center;
}

.testimonials .item.box
{
    padding: 40px 30px;
    text-align: left;
}
.testimonials .item.box:hover
{
    opacity: 0.6;
}

.testimonials .item-img img
{
    width: 60px;
    border-radius: 100%;
    border-radius: 24px 0;
    margin: auto;
    margin-bottom: 20px;
}

.testimonials .item p
{
    position: relative;
    line-height: 27px;
    opacity: 0.9;
    margin-bottom: 15px;
    font-size: 16px;
}

.testimonials .item p:before
{
    content: "\f10d";
    font-size: 26px;
    color: #5f72f8;
    display: block;
    margin-bottom: 15px;
}

.testimonials.white .item p:before
{
    color: #ffffff;
}

.testimonials .item .img
{
    display: inline-block;
    margin-right: 15px;
}

.testimonials .item .img + .info
{
    display: inline-block;
}

.testimonials .item .img img
{
    width: 40px;
    border-radius: 15px 0;
}

.testimonials .item .info
{
    margin-top: 10px;
}

.testimonials .item .info .author
{
    font-weight: 700;
    font-size: 16px;
    display: block;
}

.testimonials .item .info .slogan
{
    color: #8a8a8a;
    display: block;
    font-size: 13px;
}

.testimonials .box p
{
    margin-bottom: 20px;
}

.testimonials .box i.fa
{
    font-size: 35px;
    margin-bottom: 20px;
}

/* Brands */

.brands img
{
    display: block;
    padding: 25px 0;
}

/* Progress bar */
.tech
{
    font-weight: 600;
    margin-bottom: 50px;
    font-size: 14px;
}
.tech:last-of-type
{
    margin-bottom: 0;
}
.tech .bar
{
    background-color: #ffffff;
    width: 100%;
    height: 11px;
    margin-top: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.tech .bar,
.tech .bar .filled,
.tech .bar .filled-parent
{
    border-radius: 2px;
}
.tech .bar .filled-parent
{
    height: 100%;
    display: block;
    background: #ffa136;
    position: relative;
}
.tech .bar .filled
{
    height: 100%;
    display: block;
    width: 0;
    border-bottom-right-radius: 0;
    background: rgba(72,35,219,1);
    color: white;
}
.tech .bar .filled.reverse
{
    background: rgba(255, 161, 54, 0.7);
}
.swal-button {
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
    box-shadow: 0 10px 10px rgba(72,35,219,0.1);
}
.tech .bar .filled.animate
{
    animation: filled-bar 5s forwards;
    -webkit-animation: filled-bar 5s forwards;
    -moz-animation: filled-bar 5s forwards;
    -ms-animation: filled-bar 5s forwards;
    -o-animation: filled-bar 5s forwards;
}
.tech .bar .filled .per
{
    position: absolute;
    top: -23px;
    right: 0;
    font-size: 12px;
    transform: translateY(-50%);
    color: #2b2b2b;
    background: #ffffff;
    padding: 2px 6px;
    border-radius: 100px;
    border: 1px solid #c7c7c7;
}
.tech .bar .filled.animate .per
{
    animation: filled-per 2.5s forwards;
    -webkit-animation: filled-per 2.5s forwards;
    -moz-animation: filled-per 2.5s forwards;
    -ms-animation: filled-per 2.5s forwards;
    -o-animation: filled-per 2.5s forwards;
}
@keyframes filled-bar {0% {width: 0%;} 100% {width: 100%;}}
@-webkit-keyframes filled-bar {0% {width: 0%;} 100% {width: 100%;}}
@-moz-keyframes filled-bar {0% {width: 0%;} 100% {width: 100%;}}
@-o-keyframes filled-bar {0% {width: 0%;} 100% {width: 100%;}}
@keyframes filled-per {0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes filled-per {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes filled-per {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes filled-per {0% {opacity: 0;} 100% {opacity: 1;}}

/* Team */
.team .img
{
    position: relative;
    z-index: 1;
    background: white;
    border-radius: 50px 0;
}
.team .img .image
{
    overflow: hidden;
    border-radius: 52px 0 0 0;
}
.team .img img
{
    border-radius: 50px 0 0;
}
.team .img:hover img
{
   transform: scale(1.2);
}
.team .img .info .author span
{
    font-weight: 400;
    font-size: 13px;
}
.team .img .info .author
{
    font-weight: 700;
}

/* Version 2 */
.team-v2 .img .info
{
    padding: 20px 0;
    text-align: center;
    background-color: transparent!important;
}
.team-v2 .img .info .sm
{
    margin-top: 12px;
}
.team-v2 .img .info,
.team-v2 .img .info .sm,
.team-v2 .img .info .author
{
    position: static;
    opacity: 1;
}

/* Version 3 */
.team-v3 .img .info
{
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.9)!important;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 0;
}
.team-v3 .img:hover .info
{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.team-v3 .img img
{
    filter: grayscale(0) brightness(1);
    -webkit-filter: grayscale(0) brightness(1);
    -moz-filter: grayscale(0) brightness(1);
    -ms-filter: grayscale(0) brightness(1);
    -o-filter: grayscale(0) brightness(1);
}
.team-v3 .img .info .author,
.team-v3 .img .info .author span
{
    color: #FFFFFF!important;
    margin-bottom: 25px;
}
.team-v2 .img .info,
.team-v2 .img img,
.team-v3 .img .info,
.team-v3 .img img
{
    width: 100%;
}
@media (max-width: 767px)
{
    .team .img .info
    {
        left: 0;
    }
    .team .img .info,
    .team .img img
    {
        width: 100%;
    }
    .team-v1 .img .info .sm, .team-v1 .img .info .author
    {
        bottom: 30px;
    }
    .team-v3 .img .info
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

/* Projects */
.projects h4
{
    margin-top: 22px;
    margin-bottom: 15px;
}
.projects h4 a
{
    color: inherit;
}
.projects .tag
{
    background-color: #F2F2F2;
    color: #8a8a8a;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px;
    margin-bottom: 9px;
    display: inline-block;
}
.projects .tag:hover
{
    color: #FFFFFF!important;
}
.projects .custom-select
{
    margin-bottom: 60px;
}

/* Single Project */
.projects .description h3
{
    margin-top: 0;
    margin-bottom: 20px;
}
.projects .description ul
{
    margin-top: 20px;
}
.projects .description ul li
{
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid;
    padding: 12px 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.projects .description ul li:last-of-type
{
    border-bottom: none;
}
.projects .description ul li i
{
    margin-right: 5px;
    font-size: 13px;
}
.projects .description ul li span
{
    font-weight: 400;
    margin-left: 5px;
}
@media (max-width: 991px)
{
    .projects .description img
    {
        margin-bottom: 45px;
    }
    .projects .description ul
    {
        float: left!important;
        margin-right: 35px;
    }
}
@media (max-width: 767px)
{
    .projects .button-group
    {
        float: left!important;
    }
    .portfolio .element-item a
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

/*--------- Blog ---------*/

.blog .blog_carousel .owl-nav .owl-prev,
.blog .blog_carousel .owl-nav .owl-next
{
    box-shadow: none;
    border: 0;
    position: absolute;
    top: 50%;
    background-color: transparent;
    color: white;
    font-size: 42px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    margin-top: -18px;
    margin-right: 0;
}

.blog .img
{
    position: relative;
    display: block;
}
.blog .img img
{
    width: 100%;
}
.blog .more-info
{
    position: absolute;
    color: #FFFFFF;
    top: 20px;
    left: 20px;
    display: flex;
    z-index: 2;
}

.blog .more-info li
{
    background-color: white;
    margin-right: 10px;
    font-size: 12px;
    color: black!important;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
}

.blog .more-info li:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5f72f8;
    transform: translateX(-102%);
    transition: all .4s ease;
    z-index: -1;
}

.blog .item:hover li:after
{
    transform: translateX(0);
}
.blog .item:hover li
{
    background-color: transparent;
    color: white!important;
}

.blog .more-info li:nth-child(2),
.blog .more-info li:nth-child(2):after
{
    transition-delay: .1s;
}
.blog .more-info li:nth-child(3),
.blog .more-info li:nth-child(3):after
{
    transition-delay: .2s;
}


.blog .title
{
    display: block;
    color: rgb(15, 17, 47);
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 26px;
    font-weight: bold;
}
.blog .title.big
{
    font-size: 40px;
    line-height: 47px;
}
.blog .title:hover
{
    color: rgb(77, 41, 220);
}
.blog .item.small
{
flex-direction: column;
}
.blog .blogs .item.small .infos
{
    padding: 25px;
}
.blog .blogs .item.small .infos .bottom
{
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 12px;
    padding: 5px 0;
}
.blog .item.small .date
{
    color: #cccccc;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    display: block;
}
.blog .item.small .date:hover
{
    text-decoration: underline;
}
.blog .item.small .title
{
    font-size: 21px;
    line-height: 24px;
}
.blog .title:hover
{
    opacity: 0.8;
}
.blog .info
{
    display: inline-block;
    margin-top: 9px;
}
.blog .info li
{
    font-size: 13px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
}
.blog .info li i
{
    font-size: 12px;
    margin-right: 7px;
    display: block;
    text-align: center;
    line-height: 24px;
    border-radius: 100%;
}
.blog .top .brief
{
    margin-top: 16px;
}
.filter-value-select {
    display: none;
}
.filter-value-select.active {
    display: block;
}
/* Single Blog */
.blog .blog-fullscreen
{
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 60px 80px;
}
.blog .blog-fullscreen img
{
    margin-bottom: 25px;
}
.blog .blog-fullscreen h1,
.blog .blog-fullscreen h2,
.blog .blog-fullscreen h3,
.blog .blog-fullscreen h4,
.blog .blog-fullscreen h5,
.blog .blog-fullscreen h6
{
    font-weight: bold;
}
.blog .list.list-blog
{
    margin-top: 30px;
}
.blog .details p
{
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 25px;
    color: rgb(97, 97, 97);
}
#filter-select,
.filter-value-select {
    -webkit-appearance: none;
}
.blog .details p a
{
    text-decoration: underline;
    color: #212121;
}
.blog .details .share
{
    border-bottom: 1px solid;
    padding: 15px 0;
}
.blog .details .share,
.blog .details .share a
{
    color: #8a8a8a;
    text-decoration: none;
}
.blog .details .tags a
{
    padding: 5px 15px;
    color: rgba(0,0,0,.7);
    background-color: rgba(0,0,0,.05);
    border-radius: 2px;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    margin-right: 3px;
}
.blog .details .tags a:hover
{
    background-color: rgba(0,0,0,.1);
}
.blog .comments h4
{
    margin-bottom: 35px;
    margin-top: 35px;
}
.blog .all-comments .comment
{
    position: relative;
    padding: 25px 0;
    padding-left: 60px;
    border-bottom: 2px dashed;
}
.blog .all-comments .comment p
{
    font-size: 16px;
    line-height: 24px;
}
.blog .all-comments .comment.reply
{
    margin-top: 30px;
}
.blog .all-comments .comment .comment-details .comment-author
{
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
}
.blog .all-comments .comment .comment-details .comment-time
{
    color: #484848;
    margin-bottom: 10px;
    display: block;
    font-size: 12px;
    opacity: 0.5;
}
.blog .all-comments .comment .comment-details .reply
{
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    color: #5f72f8;
    line-height: 15px;
}
.blog .all-comments .comment .comment-details .reply:before
{
    content: "\f112";
    font-size: 14px;
    margin-right: 7px;
}
.blog .all-comments .comment .comment-thumb img
{
    position: absolute;
    top: 25px;
    left: 0;
    max-width: 45px;
}
.blog .leave-comments
{
    padding: 15px 0;
}

.blog-single-header
{
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    transition: all .4s ease;
}
.blog-single-header:hover
{
    filter: grayscale(0);
}
.blog-single-header .content
{
    padding: 100px 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.blog-single-header .more-info
{
    position: static;
}
.blog .blogs .item.no-flex
{
    display: block!important;
    max-width: 100%;
}
@media (max-width: 991px)
{

}
@media only screen and (max-width: 1199px) and (min-width: 992px)
{
    .blog .blogs .item .col-lg-6:first-of-type
    {
            max-width: 60%;
    }
    .blog .blogs .item .col-lg-6:last-of-type
    {
            max-width: 40%;
    }
    .blog .blogs .item .col-lg-6
    {
        flex: 0 0 60%;
    }
}

/* Subscribe Field */
.subscribe-field
{
    position: relative;
}
.call-action .subscribe-field
{
    width: 70%;
    margin: auto;
}
.subscribe-field .btn
{
    margin: 0!important;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px!important;
    line-height: 31px!important;
}
.subscribe-field .btn:before
{
    display: none;
}
.subscribe-field input[type="text"]
{
    background-color: white;
    border-bottom-right-radius: 28px;
    padding-right: 125px;
}

@media (max-width: 991px)
{
    .call-action .subscribe-field
    {
        width: 100%;
    }
}

/* Sidebar */
.sidebar .item
{
    border: 1px solid #efefef;
    padding: 40px 30px;
}

.blog .sidebar .item:last-of-type,
.blog .blogs .item:last-of-type
{
    margin-bottom: 0;
}
.blog .blogs .item
{
    display: flex;
    transition: all .2s ease-in-out;
    border: 1px solid #efefef;
}
.blog .blogs .item:hover
{
    box-shadow: 0 0 20px rgba(0,0,0,.08);
}
.blog .blogs .item .infos
{
    padding: 50px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: white;
    height: 100%;
}
.blog .blogs .item.smaller .infos
{
    padding-top: 26px;
    padding-bottom: 26px;
}
.search
{
    position: relative;
}
.search i
{
    position: absolute;
    top: 15px;
    right: 15px;
}
.blog .sidebar .item .search input
{
    margin-bottom: 0;
}
.blog .sidebar .item h3
{
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px!important;
}
.blog .sidebar .item .subject
{
    position: relative;
    padding-left: 95px;
    margin-bottom: 15px;
    min-height: 80px;
    margin-bottom: 17px;
}
.blog .sidebar .item .subject:last-of-type
{
    margin-bottom: 0;
}
.blog .sidebar .item .subject a.title
{
    color: inherit;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: .1px;
    margin-bottom: 8px;
}
.blog .sidebar .item .subject .date
{
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    opacity: 0.5;
}
.blog .sidebar .item .subject img
{
    position: absolute;
    top: 0;
    left: 0;
}
.blog .sidebar .categories a
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: black;
    opacity: 0.4;
    margin-top: 0;
    margin-bottom: 20px;
}
.blog .sidebar .categories a:last-of-type
{
    margin-bottom: 0;
}
.blog .sidebar .categories a:hover
{
    opacity: 1;
}
.blog .sidebar .tags a
{
    background-color: #ffffff;
    padding: 6px 10px;
    margin-right: 8px;
    margin-bottom: 16px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.09);
    font-weight: bold;
    color: #616161;
}
.blog .sidebar .tags a:hover
{
    color: #FFFFFF;
    background: orange;
}
.blog .sidebar .tags.size a
{
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    font-size: 16px;
    padding: 10px 16px;
}
.blog .sidebar .tags.size a:hover
{
    background: #ffa136!important;
    border-color: #ffa136;
}

/* Blog magazine */
.blog-magazine
{
    background-size: cover;
    border-radius: 4px;
    border: 0!important;
    overflow: hidden;
}
.blog-magazine .infos
{
    color: white;
    background-color: rgba(0, 0, 0, 0.5)!important;
    padding: 250px 25px 15px!important;
    position: relative;
    transition: all .2s ease;
}
.blog-magazine .infos:hover
{
    background-color: rgba(0, 0, 0, 0.7)!important;
}
.blog-magazine h3,
.blog-magazine .title,
.blog-magazine .brief
{
    color: inherit!important;
}
.blog-magazine .brief
{
    opacity: 0.7;
}
#filterss select {
    height: 48px;
    color: white;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
    border-radius: 2px;
}#filterss select option {
    background-color: white;
    color: black;
}
@media (max-width: 991px)
{
    .sidebar
    {
        margin-top: 55px;
    }
    .blog .blog-fullscreen
    {
        padding: 0;
        border: 0;
    }
    .blog .details .share
    {
        display: flex!important;
        justify-content: space-between!important;
    }
    .blog .details .share .text-right
    {
        text-align: right!important;
    }
}
@media (max-width: 767px)
{
    .blog .details .share>div
    {
        text-align: center!important;
        margin-top: 15px;
    }
    .blog .details .share
    {
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center!important;
    }
    .blog .details .share .text-right
    {
        text-align: center!important;
    }
}

/* Pagination */
.pagination
{
    margin: 0;
    position: relative;
    justify-content: center;
}
.pagination.left
{
    justify-content: flex-start;
}
.pagination.right
{
    justify-content: flex-end;
}
#discret-pr-gal img {
    max-width: 10%;
}
.pagination>li>a, .pagination>li>span
{
    background-color: transparent;
    padding: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
    margin: 0 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px 0!important;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.pagination>li:first-of-type a,
.pagination>li:last-of-type a
{
    width: auto;
    padding: 0 15px;
}
.pagination>li.disabled a
{
    opacity: 0.5;
}
.pagination>li
{
    margin-bottom: 0;
}
.page-item.active .page-link
{
    background: #5894cf;
    border-color: transparent;
    opacity: 0.8;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus
{
    border-color: transparent;
    opacity: 0.8;
    color: white;
    background: #5894cf;
}

.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span
{
    font-size: 15px;
    font-weight: bold;
}

/*--------- Contact ---------*/
.contact .info
{
    padding: 50px 40px;
}
.contact .info ul.info-list li
{
    position: relative;
    padding-left: 33px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact .info ul.info-list li i
{
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 16px;
}
.contact .info ul.info-list li span
{
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 1px;
}
@media (max-width: 991px)
{
    .contact .info
    {
        margin-bottom: 75px;
    }
}

/* Map */
.map
{
    height: 440px;
    width: 100%;
    position: relative;
    background-color: #FBFBFB;
    z-index: 0;
    border-radius: 60px 0;
    overflow: hidden;
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.11);
}
.map.map-large
{
    border-radius: 0;
}
.map.full-size
{
    height: 100%;
}
.map #map
{
    width: 100%;
    height: 100%;
}

/* 404 Error Page */
.page404
{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.page404 .overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}
.page404 .content
{
    position: relative;
    z-index: 10;
    cursor: default;
}
.page404 .word404
{
    font-size:140px;
    line-height: 1;
    color: #573dff;
}
.page404 h1
{
    color: #573dff;
}
.page404 p
{
    font-size: 16px;
    line-height: 26px;
}
.page404 img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
    transform: scale(1.1);
}
@media (max-width: 767px)
{
    .page404 .word404
    {
        font-size: 115px;
    }
    .page404 h1
    {
        font-size: 36px;
        line-height: 34px!important;
    }
    .page404
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (max-width: 992px)
{
    .move-on-hover
    {
        transform: none!important;
    }
}

/* Shop Products */
.product
{
    height: 100%;
    position: relative;
}
.product .tag
{
    margin-bottom: 0px;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.21);
}
.product .title
{
    line-height: 100%!important;
}
.product .title .grayc {
    color: #777 !important;
    font-weight: bold;
}

.pr-font-diff {
    /* font-family: arial; */
}

.product .title a
{
    color: #2f2f2f !important;
    transition: all .2s ease-in-out;
    font-size: 15px;
    font-weight: bold;
}
.product .title a:hover
{
    color: #573dff;
}
.product .title + p
{
    font-size: 15px!important;
    font-weight: bold;
    color: #b7b7b7;
    margin-bottom: 12px;
    margin-top: 1px;
}
.product .title + p.new-price span
{
    color: #ef837b;
    margin-right: 8px;
}
.product .preview
{
    margin-bottom: 20px;
    position: relative;
}
.product .preview img
{
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.product .title
{
    margin-bottom: 0;
}
.product img.altern
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.product:hover img.altern
{
    opacity: 1;
}
.product .links
{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 2;
    overflow: hidden;
}
.product:hover .links
{
    opacity: 1;
}
.product .links li
{
    margin-bottom: 0;
    margin: 0 5px;
    transition: all .4s ease-in-out;
    transform: scale(0);
    opacity: 0;
}
.product:hover li
{
    transform: scale(1);
    opacity: 1;
}

.product .links li:nth-of-type(2)
{
    transition-delay: .1s;
}
.product .links li:nth-of-type(3)
{
    transition-delay: .2s;
}
.product .links li:nth-of-type(4)
{
    transition-delay: .3s;
}

.product .links a
{
    width: 35px;
    height: 35px;
    background-color: white;
    border-radius: 2px;
    display: block;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    color: #1d1d1d;
    transition: all .2s ease-in-out;
}
.product .links a:hover
{
    background-color: #FFA136!important;
    border-color: #FFA136!important;
    color: white!important;
    box-shadow: 0 0 17px rgba(255, 161, 54, 0.75);
}
.product .per,
.product .sold
{
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
}
.product .per
{
    left: 0;
    padding: 0 10px;
    text-align: center;
    background: #FFA136;
    color: white;
    border-radius: 15px 0;
    line-height: 40px;
    margin: 13px 15px;
    font-size: 14px;
    box-shadow: 0 0 17px rgba(255, 161, 54, 0.75);
    font-family: 'Open Sans', sans-serif;
}
.product .per.new
{
    left: unset;
    right: 0;
    background: #a6c76c;
    box-shadow: 0 0 17px rgba(166, 199, 108, 0.75);
}
.product .per.sale
{
    background: #de3545;
    box-shadow: 0 0 17px rgba(239, 131, 123, 0.75);
}
.product .sold
{
    right: 0;
    background: #1d1d1d;
    color: white;
    padding: 7px 16px 5px;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 1;
    border-radius: 0 0 0 16px;
}
/* .product:hover .sold,
.product:hover .per
{
    opacity: 0;
} */

.product.style-2
{
    text-align: center;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border .2s ease-in-out;
    padding: 0 0 20px;
    margin: 0;
    background: white;
	padding: 4%;
}
.product-shadow .product.style-2
{
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}


.product.style-2.left
{
    text-align: left;
    padding-left: 22px;
    padding-right: 22px;
}
.product.style-2.left .product-nav-dots
{
    justify-content: flex-start;
}
.product.style-2:hover
{
    border-color: #f1f1f1;
}
.product.style-2 .btn
{
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 11px 25px!important;
    font-size: 14px!important;
    border-radius: 26px 0;
    transform: translateY(180%);
    opacity: 0!important;
    transition: all .35s ease!important;
    color: #676767!important;
}
.product.style-2 .btn:before
{
    border-radius: 30px 0;
    border-color: #eaeaea!important;
}
.product.style-2:hover .btn
{
    transform: translateY(0);
    opacity: 1!important;
}

.product-shadow .product.style-2 .btn
{
    transform: translateY(0);
    opacity: 1!important;
    margin-top: 20px;
}

.product-book .product
{
    padding: 20px;
}
.product-book .preview img
{
    margin-bottom: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
.product-book .product .btn
{
    margin-top: 21px;
}

.game .product .btn
{
    transform: translateY(-100%)!important;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    background: rgba(255, 161, 54, 0.88)!important;
    color: white!important;
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 8px 0!important;
}
.game .product .btn:before
{
    display: none;
}
.game .product .btn:hover
{
    color: white!important;
    background: rgba(255, 161, 54, 1)!important;
}
.game .product:hover .btn
{
    transform: translateY(0)!important;
}
.game .product .title a
{
    margin-top: 20px;
    display: block;
}
.game .product
{
    padding-top: 20px;
}
.game .product:hover
{
    border-color: rgba(255, 161, 54, 1);
}

.product.style-2 .links {
    width: 100%;
    height: auto;
    background: transparent;
    justify-content: flex-end;
    top: 13px;
    right: 9px;
    left: auto;
    overflow: visible;
}
.product.style-2.left .links
{
    padding-right: 0;
    top: 13px;
    right: -13px;
}
.product.style-2 .links a
{
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 100%;
    line-height: 31px;
    font-size: 13px;
    color: black;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.product.style-2 .preview
{
    margin-bottom: 0;
}

@media (max-width: 767px)
{
    .product
    {
        text-align: center!important;
    }
    .product img.altern,
    .product .links
    {
        display: none!important;
    }
    .product .product-details-ratting,
    .product .product-nav-dots
    {
        justify-content: center!important;
    }
}



.product-box-carousel .owl-nav .owl-prev,
.product-box-carousel .owl-nav .owl-next {
    display: none;
}

.product-box-carousel.ind-owl .owl-nav .owl-prev,
.product-box-carousel.ind-owl .owl-nav .owl-next {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    top: calc(50% - 18px);
    margin: 0;
    -webkit-box-shadow: 0px 2px 8px 4px #5894CF;
    box-shadow: 0px 2px 8px 4px #5894CF;
}
.product-box-carousel.ind-owl .owl-nav .owl-prev {
    left: -7px;
}
.product-box-carousel.ind-owl .owl-nav .owl-next {
    right: -7px;
}

.product-box-carousel .owl-dots
{
    display: flex!important;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.gray .product-box-carousel .owl-dots
{
    margin-top: 50px;
}

.product-box-carousel  .owl-dot
{
    width: 15px;
    height: 15px;
    background: #b3b6b9;
    border-radius: 100px;
    margin: 0 4px;
    transition: all .2s ease-in-out;
}
.product-box-carousel  .owl-dot.active
{
    width: 25px;
    background: #5894cf;
}
.h-110 {
    height: 100px;
}
.vert-al {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}
.gray .product-box-carousel .owl-dot
{
    border-color: #a7a7a7;
}
.gray .product-box-carousel  .owl-dot.active
{
    background: #a7a7a7;
}

.cd-item-wrapper:hover .move-left,
.cd-item-wrapper:hover .move-right
{
    opacity: .5;
}
.product-nav-dots
{
    display: block;
    justify-content: center;
    align-items: center;
    margin: 6px 0;
}
.product-nav-dots.left
{
    justify-content: flex-start;
}
.product-nav-dots a
{
    width: 30px;
    height: 30px;
    margin: 0 4px;
    border-radius: 5px 0;
    border: 2px solid white;
}
.product-nav-dots.left a
{
    margin-left: 1px;
    margin-right: 6px;
}
.product-nav-dots a.active,
.product-nav-dots a:hover
{
    box-shadow: 0 0 0 1px #cccccc;
}

.product-nav-dots.bigger a
{
    width: 24px;
    height: 24px;
    border-radius: 10px 0;
    margin-right: 7px;
}

.product-nav-dots.img a
{
    width: auto;
    height: auto;
    border-radius: 10px 0;
}
.product-nav-dots.img a img
{
    border-radius: 8px 0;
}

.side-product.sticky
{
    position: fixed;
    top: 40px;
}
.side-product.absolute
{
    position: absolute;
    top: auto;
    bottom: 0;
}
@media (max-width: 992px)
{
    .side-product
    {
        position: static!important;
    }
}


.shop-filter
{
    display: flex;
    justify-content: flex-end;
    padding: 0 0 30px 0;
    position: relative;
}
.shop-filter>div,
.shop-filter>div>ul
{
    display: flex;
}
.shop-filter>div>ul
{
    margin-left: 42px;
}
.shop-filter>div>ul li
{
    margin-bottom: 0;
    line-height: 27px;
    margin-right: 16px;
}
.shop-filter>div>ul li a
{
    padding: 4px;
    border-radius: 2px;
}
.shop-filter>div>ul li.active a,
.shop-filter>div>ul li a:hover
{
    color: white;
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
}
.shop-filter>div .fun
{
    margin-left: 35px;
    font-size: 14px;
}
.shop-filter>div .fun i
{
    font-size: 14px;
    margin: 0 4px;
}

@media (max-width: 576px)
{
    .shop-filter>div:first-of-type
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .shop-filter>div>ul
    {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .filter-box
    {
        top: 90%!important;
    }
}

.filter-box
{
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    padding: 40px;
    position: absolute;
    background: white;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 70%;
}
.filter-box .row
{
    width: 100%;
}
.filter-box.show
{
    opacity: 1;
    visibility: visible;
}
.filter-box h6
{
    margin-bottom: 40px;
}
.filter-box a
{
    display: block;
    margin-bottom: 14px;
    font-size: 12px;
    color: rgb(117, 117, 117);
}
.filter-box a:hover
{
    color: black;
}

.dropdown-menu
{
    padding: 6px 12px;
    border-radius: 2px;
    border: 0;
}

/* Shop Sidebar */
.sidebar.shop .item
{
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebar.shop .item:last-of-type
{
    border-bottom: 0;
}
.sidebar.shop .item .card-header
{
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px!important;
    padding: 15px 0;
    border: 0;
    margin: 0;
}
.sidebar.shop .item .card-body
{
    padding: 5px 0;
    padding-bottom: 15px;
}
.sidebar.shop .checkbox-choices .item
{
    border-bottom: 0;
    margin-bottom: 16px;
    position: relative;
}
.sidebar.shop .checkbox-choices .item  .num
{
    position: absolute;
    top: -3px;
    right: 0;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.39);
    padding: 2px 0;
    line-height: 18px;
    font-size: 12px;
    border-radius: 3px;
    min-width: 18px;
    text-align: center;
}
.sidebar.shop .checkbox-choices>div:last-of-type .item
{
    margin-bottom: 0;
}
.sidebar.shop .clean
{
    padding: 13px 15px!important;
    width: 100%;
}
.sidebar.shop .clean span {
    font-size: 25px;
    line-height: 22px;
    margin-left: 15px;
    /* display: inline-block; */
}
@media(max-width: 991px) {
    .clear-parent {
        text-align: center;
    }
    .sidebar.shop .clean
    {
        width: auto;

    }
}
/* Price range slider */
.ui-slider-horizontal
{
    height: 5px;
    background: #efefef;
    border: 0;
}
.ui-slider .ui-slider-handle
{
    margin-top: -5px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.4);
    outline: none;
    cursor: pointer;
    margin-left: 0;
    position: absolute;
}
.ui-widget-header
{
    background: black;
}

.range-price #price
{
    padding: 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 14px;
    font-weight: bold;
    color: #888888;
    font-size: 13px;
    background: transparent;
}




/* Cart  */
#cart
{
    position: relative;
}

.cart-div
{
    position: absolute;
    max-height: 70vh;
    overflow-y: auto;
    top: 31px;
    right: 0;
    background: white;
    z-index: 1000;
    padding: 15px;
    transition: all .2s ease-in;
    border: 1px solid #e6e6e6;
    min-width: 500px;
    opacity: 0;
    visibility: hidden;
}

#cart:hover .cart-div {
    opacity: 1;
    visibility: visible;
}

.cart-div .item
{
    margin-bottom: 15px;
    display: flex;
}
.cart-div .item img
{
    width: 50px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.cart-div .item div:last-of-type
{
    padding-left: 12px;
}
.cart-div .product-title
{
    margin-bottom: 2px;
}
.cart-div .product-title,
.cart-div .product-title a
{
    font-size: 16px!important;
    line-height: 20px!important;
    font-weight: bold;
}
.cart-div .total
{
    font-size: 14px;
    color: #4a4a4a;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #efefef;
    padding: 15px 0;
}

.cart-div .item >div:first-of-type
{
    position: relative;
}
.cart-div .item >div:first-of-type .close
{
    /* position: absolute; */
    width: 100%;
    height: 100%;
    font-weight: 300;
    /* background: rgba(0, 0, 0, 0.7); */
    opacity: 1;
    color: black;
    text-shadow: none;
    border-radius: 2px;
    font-size: 70px;
    opacity: 0.5;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.cart-div .item:hover >div:first-of-type .close
{
    opacity: 1;
}

.cart-div .btns
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-div.flex .item
{
    display: flex;
    flex-direction: column;
}
.cart-div.flex .item >div:first-of-type
{
    margin-bottom: 20px;
}
.cart-div.flex .item >div:first-of-type .close
{
    display: none;
}
.cart-div.flex .item img
{
    position: static;
}
.close-all
{
    font-size: 50px;
    position: absolute;
    top: 10px;
    right: 30px;
    color: black;
    opacity: 0.3;
}
.close-all:hover
{
    opacity: 1;
}

#cart
{
    position: relative;
}
#cart span.nm
{
    position: absolute;
    width: 15px;
    height: 15px;
    background: white;
    top: -10px;
    right: -8px;
    text-align: center;
    line-height: 15px;
    color: blue;
    font-size: 10px;
    border-radius: 5px 0;
    font-weight: bold;
}

/* Search div */
#search
{
    position: relative;
}
.search-div
{
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 1000;
    opacity: 1;
    min-width: 400px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in;
}
#search:hover .search-div
{
    opacity: 1;
    visibility: visible;
}
.search-div input[type="search"]
{
    border-radius: 0;
    border: 1px solid #e6e6e6;
    padding-right: 100px;
}
.search-div .search-input
{
    position: relative;
}
.search-div .search-input .btn
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 21px;
    width: 90px;
    height: 100%;
    color: white;
    padding: 0!important;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Collection */
.collection
{
    position: relative;
    border-radius: 40px 0;
    overflow: hidden;
}
.collection img
{
    width: 100%;
}
.check-collection
{
    height: 100%;
}
.check-collection a
{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 25px;
    font-weight: bold;
    box-shadow: inset 0 0 55px rgba(0, 0, 0, 0.65);
}

.collection .collec-name
{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0;
    background: rgb(255, 255, 255);
    color: #1d1d1d;
    width: 60%;
    text-align: center;
    padding: 16px 0;
    transform: translateX(-50%);
    border-radius: 100px;
    transition: all .2s ease-in-out;
    line-height: 30px!important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13);
}
.collection:hover .collec-name
{
    background: rgba(255, 255, 255, 1);
}
.collection .collec-name .collec-number
{
    display: block;
    color: inherit;
    font-size: 15px;
    opacity: 0.8;
}

/* Order */
.order  ul li {
    padding: 9px 0;
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order .your-order-info {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.order .your-order-middle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding: 24px 0 23px;
}
.order .your-order-info.order-subtotal {
    padding: 15px 0 10px;
}
.order .your-order-info.order-total {
    padding: 15px 0 10px;
    border-bottom: 0;
}

.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}
@media(min-width: 500px) {
    .container-fluid {
        padding-right: 35px;
        padding-left: 35px;
    }
}


/* Single product */
.easyzoom-flyout
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.easyzoom
{
    position: relative;
}
.easyzoom .example-image-link
{
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: white;
    z-index: 999;
    width: 50px;
    height: 50px;
    border-radius: 20px 0;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: rgba(0,0,0,.4);
}
.easyzoom .example-image-link:hover
{
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.lightbox .lb-image
{
    border-radius: 0;
    border: 0;
}

.thumbnails
{
    display: flex;
    justify-content: space-between;
}
.thumbnails li a
{
    opacity: 1;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    opacity: 0.5;
    margin: 0 6px;
}
.thumbnails li a img
{
    max-width: 100%;
}
.thumbnails li:first-of-type a
{
    margin-left: 0;
}
.thumbnails li:last-of-type a
{
    margin-right: 0;
}

.thumbnails.vertical
{
    flex-direction: column;
}
.thumbnails.vertical li a
{
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 768px)
{
    .thumbnails.vertical
    {
        flex-direction: row;
    }
}

.thumbnails li a:hover,
.thumbnails li a.active
{
    border-color: rgba(0, 0, 0, 0.3)!important;
    opacity: 1;
}
.easyzoom
{
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.product_carousel .owl-nav .owl-prev,
.product_carousel .owl-nav .owl-next
{
    position: static;
    font-size: 18px;
    color: #909090;
    background-color: transparent;
    opacity: 1;
    margin: 0 10px;
    text-align: center;
}
.product_carousel .owl-nav
{
    display: flex!important;
    justify-content: center;
}

.new-price-product
{
    color: #cccccc;
    font-weight: bold;
}
.new-price-product span
{
    text-decoration: line-through;
    color: #ef837b!important;
    font-size: 30px;
    margin-right: 10px;
    font-weight: normal;
}

.product-details-ratting
{
    display: flex;
    align-items: center;
}
.product .product-details-ratting,
.product-details-ratting.center
{
    justify-content: center;
}
.product.left .product-details-ratting
{
    justify-content: flex-start;
}

.product-details-ratting i.colorful
{
    color: #ffa136;
}
.product-details-ratting i
{
    color: #d5d6d8;
    font-size: 14px;
    margin-right: 6px;
}
.product-details-ratting a
{
    margin-left: 5px;
    font-size: 12px;
    opacity: .6;
}
.product-details-ratting a:hover
{
    opacity: .8;
    text-decoration: underline;
}

.add-cart
{
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 32px;
    margin-bottom: 25px;
}


@media (max-width: 1227px)
{
    .add-cart .add-wishlist, .add-cart .add-compare,.add-cart .btn
    {
        font-size: 13px!important;
    }
    .add-cart .add-wishlist
    {
        margin: 0 20px!important;
    }
    .add-cart .btn
    {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}
@media (max-width: 768px)
{
    .add-cart
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .add-cart .add-wishlist
    {
        margin: 30px 0!important;
        display: block;
    }
    .add-cart .add-wishlist, .add-cart .add-compare, .add-cart .btn {
        font-size: 15px!important;
    }
}


.add-cart.center
{
    justify-content: center;
}
.add-cart .add-wishlist
{
    margin: 0 40px;
}
.add-cart .add-wishlist,
.add-cart .add-compare
{
    font-size: 15px;
    color: black;
    transition: border .2s ease-in-out;
    font-weight: bold;
}

.add-cart .add-wishlist i,
.add-cart .add-compare i
{
    margin-right: 5px;
    color: #555be9;
}

.quantity {
  position: relative;
    display: inline-block;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
    width: 120px;
    height: 36px;
    line-height: 49px;
    display: block;
    padding: 0 32px;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.13);
    text-align: center;
    border-radius: 0;
    font-size: 14px;
}

.quantity input:focus {
  outline: 0;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  width: 26px;
  text-align: center;
  color: #333;
    font-size: 13px;
    line-height: 36px;
    font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
        transition: all .2s ease-in-out;
}
.quantity-button.quantity-up {
  height: 36px;
  border-right: 0;
  border-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.13);
}
.quantity-button.quantity-down {
  height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.13);
}
.quantity-button:hover
{
    background: rgba(0, 0, 0, 0.13);
    border-color: rgba(0, 0, 0, 0.13);
}

.caracrestics
{
    display: flex;
}
.caracrestics li a
{
    font-weight: bold;
    font-size: 14px;
    margin-right: 23px;
}
.caracrestics li img
{
    margin-right: 6px;
    width: 18px;
}

.review .review-action a
{
    font-size: 14px;
    margin-right: 15px;
    opacity: .3;
    font-weight: bold;
}
.review .review-action a:hover
{
    opacity: .6;
    text-decoration: line-through;
}
.review .review-action a i
{
    margin-right: 3px;
}
.review
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 28px 0;
}
.review:first-of-type
{
    padding-top: 0;
}
.review:last-of-type
{
    border-bottom: 0;
    padding-bottom: 0;
}

.gallery-products .owl-nav
{
    display: block!important;
}
.gallery-products .owl-nav .owl-prev,
.gallery-products .owl-nav .owl-next
{
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 2px;
    margin: 0;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    background: rgba(255, 255, 255, 0.7);
}
.gallery-products .owl-nav .owl-prev:hover,
.gallery-products .owl-nav .owl-next:hover
{
    background: rgba(255, 255, 255, 1);
}
.gallery-products .owl-nav .owl-prev
{
    left: 0;
}
.gallery-products .owl-nav .owl-next
{
    right: 0;
}

/* Wishlist */
.wishlist-table,
.wishlist-table table
{
    width: 100%;
}
.wishlist-table table th
{
    padding: 20px 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}
.wishlist-table table tr
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.wishlist-table table td.cart-div
{
    position: static;
    height: auto;
    min-width: auto;
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    border: 0;
}
.wishlist-price.product-price {
    text-align: center;
    padding: 0 5px;
}
.wishlist-table table td.cart-div .item
{
    margin-bottom: 0;
}
.wishlist-table table tr
{
    margin: 10px 0;
}
.wishlist-table table td
{
    padding: 25px 0;
    vertical-align: middle;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400;
}
.wishlist-table table .wishlist-stock,
.wishlist-table table .wishlist-price,
.wishlist-table table .wishlist-total
{
    font-size: 15px;
    color: black;
}

.wishlist-table table .wishlist-cart
{
    width: 160px;
}
.wishlist-table table .wishlist-stock.in
{
    color: #a6c76c;
}
.wishlist-table table .wishlist-stock.out
{
    color: #ef837b;
}
.wishlist-table table p
{
    margin-bottom: 0;
}
.wishlist-table.compare table th
{
    min-width: 190px;
}

@media (max-width: 992px)
{
    .wishlist-table table thead
    {
        display: none!important;
    }
    .wishlist-table.compare table th
    {
        min-width: 100%;
        display: block;
        font-size: 16px;
        background: #f7f7f7;
        margin-bottom: 18px;
        border-radius: 2px;
    }

    .wishlist-table table tr,
    .wishlist-table table td
    {
        width: 100% !important;
    }
    .wishlist-table table tr
    {
        display: block !important;
        margin: 0;
        padding: 40px 0;
    }
    .wishlist-table table td
    {
        display: flex!important;
        justify-content: center;
        padding: 10px 0;
    }

    .wishlist-table.compare table tr
    {
        border: 0!important;
        padding: 20px 0;
    }
    .wishlist-table.compare table td
    {
        margin-bottom: 20px;
    }
}

/*--------- Footer ---------*/
footer
{
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
footer .logo
{
max-width: 180px;
}
footer .subscribe-field
{
    margin-top: 20px;
    margin-bottom: 40px;
    max-width: 400px;
}

footer.footer-dark .overlay
{
    background-color: rgba(49,49,49,1);
}
footer.footer-dark .footer-bar
{
    background-color: #252525;
    border-color: transparent;
}

/* Footer Head */
footer .footer-head
{
    padding: 30px 0;
}
footer .footer-head h4
{
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.05em;
    font-weight: bold;
}
footer .footer-head li
{
    margin-bottom: 10px;
    position: relative;
}
footer .footer-head li a,
footer  p
{
    letter-spacing: 0.03em;
    line-height: 20px;
}
footer .footer-head li a:hover
{
    text-decoration: underline;
}
footer .footer-head li span
{
    color: #8a8a8a!important;
    display: inline-block;
}
footer .footer-head .links li
{
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footer-head .links li:first-of-type
{
    padding-top: 0;
}
footer .footer-head .links li:last-of-type
{
    border-bottom: 0;
}
footer .footer-head .links a
{
    color: #8a8a8a;
    font-size: 15px;
}
footer .footer-head .posts a
{
    color: #8a8a8a;
}
footer .footer-head .posts a:hover
{
    opacity: 0.6;
}
footer .footer-head .posts li
{
    padding-left: 65px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 17px;
}
footer .footer-head .posts li:last-of-type
{
    border-bottom: 0;
    margin-bottom: 0;
}
footer .footer-head .posts img
{
    position: absolute;
    left: 0;
    top: 5px;
}
footer .footer-head .posts p
{
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 0;
}

/* Footer Bar */
footer .footer-bar
{
    color: rgb(0, 0, 0, 0.7);
    font-size: 13px;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    letter-spacing: 0.4px;
    font-weight: bold;
}

/* Footer black */
footer.dark
{
    background: #1d1d1d;
}
footer.dark .footer-head h4
{
    color: white;
}
footer.dark .footer-head li a,
footer.dark p
{
    color: #cecece;
}
footer.dark .footer-bar
{
    color: #cecece;
    border-color: rgba(222, 222, 222, 0.1);
}

@media (max-width: 767px)
{
    footer .footer-bar
    {
        padding: 15px 0!important;
    }
    footer .footer-bar .row
    {
        display: block!important;
    }
    footer .footer-bar .container .row>div
    {
        text-align: center!important;
        margin-bottom: 15px;
    }
    footer .footer-bar .container .row>div:last-of-type
    {
        margin-bottom: 0;
    }
    footer .footer-bar .container .flex-center>div:last-of-type
    {
        margin-bottom: 0;
    }
}

/*--------- Light / Dark ---------*/

/* White / Gray */
.white input[type="text"],
.gray input[type="text"],
.white input[type="email"],
.gray input[type="email"],
.white input[type="password"],
.gray input[type="password"],
.white input[type="search"],
.gray input[type="search"],
.white textarea,
.gray textarea
{
    background-color: #FFFFFF;
}
.white input[type="text"]:focus,
.white input[type="email"]:focus,
.white input[type="password"]:focus,
.white input[type="search"]:focus,
.white textarea:focus,
{
    opacity: 0.95;
}
.white .newsletter-send
{
    color: #191919!important;
}
.white h1,.white .h1,
.white h2,.white .h2,
.white h3,.white .h3,
.white h4,.white .h4,
.white h5,.white .h5,
.white h6,.white .h6,
.white span,
.white i,
.white li,
.white li:before,
.white li:after,
.white a
{
    color: #3d3535!important;
}
.white p,
.white .button-group .button,
.white .button-group .button:hover
{
    color: #2b2a2a;
}
.white .span span
{
    color: rgba(255, 255, 255, 0.05)!important;
}
.white .blog .sidebar .categories a,.white .projects .description ul li,.white ul.list-border li,.white .nav-tabs
{
    border-color: #2d2d2d;
}
.white .nav-tabs>li.active>a,.white .nav-tabs>li>a:hover,.white .nav-tabs>li>a:focus,
.white .nav-tabs>li>a:active,.white .nav-tabs>li.active>a:hover,.white .nav-tabs>li.active>a:focus,.white .nav-tabs>li.active>a:active
{
    background-color: white;
    color: #333333!important;
}
.white .blog .sidebar .tags a
{
    background-color: #191919;
}
.white .nav-tabs>li>a
{
    background-color: transparent;
    color: #b7b7b7;
}
.white h4:before
{
    background-color: rgba(255, 255, 255, 0.4)!important;
}
.white .circle-chart__background
{
    stroke: rgba(255, 255, 255, 0.6)!important;
}
.white .circle-chart__circle
{
    stroke: rgba(255, 255, 255, 1)!important;
}
.white .circle-chart__percent
{
    fill: #FFFFFF!important;
}
.white .bar .filled
{
    background-color: #FFFFFF!important;
}
.white .bar
{
    background-color: rgba(255, 255, 255, 0.3);
}

/*---------Background Overlay ---------*/

/* Background Image */
.image-back
{
    background-size: cover;
    background-position: center;
    padding: 0;
}
.image-back.image-back-fixed
{
    background-attachment: fixed;
}

/* Overlays */
.image-back .overlay
{
    background-color: rgba(0,0,0,0.7);
    height: 100%;
}
.image-back .overlay2
{
    background-color: rgba(0,0,0,0.3);
}
.image-back .overlay3
{
    background-color: rgba(0,0,0,0.9);
}
.image-back .overlay4
{
    background-color: rgba(255,255,255,0.96);
}
.image-back .overlay0
{
    background-color: transparent;
}
.image-back.section-double .overlay
{
    padding: 200px 0!important;
}
.image-back.section .overlay
{
    padding: 80px 0!important;
}
.image-back.section-normal .overlay
{
    padding-top: 30px;
}

/* Sections */
.image-back.section,
.image-back.section-double,
.image-back.section-normal
{
    padding: 0!important;
}
.section-double
{
    padding: 200px 0!important;
}
.section
{
    padding: 70px 0;
}
.section-normal
{
    padding: 40px 0!important;
}
.section-small
{
    padding: 35px 0!important;
}
.section-remove-top
{
    padding-top: 0!important;
}
.section-remove-bottom
{
    padding-bottom: 0!important;
}
.padding-s-top {padding-top: 15px!important}
.padding-s-bottom {padding-bottom: 15px!important}
.padding-top {padding-top: 25px!important}
.padding-bottom {padding-bottom: 25px!important}
.padding-d-top {padding-top: 50px!important}
.padding-d-bottom {padding-bottom: 50px!important}
.padding-t-top {padding-top: 75px!important}
.padding-t-bottom {padding-bottom: 75px!important;}
.padding-s-left {padding-left: 15px!important}
.padding-s-right {padding-right: 15px!important}
.padding-left {padding-left: 25px!important}
.padding-right {padding-right: 25px!important}
.padding-d-left {padding-left: 50px!important}
.padding-d-right {padding-right: 50px!important}
.padding-t-left {padding-left: 75px!important}
.padding-t-right {padding-right: 75px!important}
.no-padding {padding: 0!important;}

.margin-s-top {margin-top: 15px!important}
.margin-s-bottom {margin-bottom: 15px!important}
.margin-top {margin-top: 25px!important}
.margin-bottom {margin-bottom: 25px!important}
.margin-d-top {margin-top: 50px!important}
.margin-d-bottom {margin-bottom: 50px!important}
.margin-t-top {margin-top: 75px!important}
.margin-t-bottom {margin-bottom: 75px!important}
.margin-top-none {margin-top: 0!important}
.margin-bottom-none {margin-bottom: 0!important}
.margin-s-left {margin-left: 10px!important}
.margin-s-right {margin-right: 10px!important}
.margin-left {margin-left: 25px!important}
.margin-right {margin-right: 25px!important}
.margin-d-left {margin-left: 50px!important}
.margin-d-right {margin-right: 50px!important}
.margin-t-left {margin-left: 75px!important}
.margin-t-right {margin-right: 75px!important}
.margin-left-none {margin-left: 0!important}
.margin-right-none {margin-right: 0!important}

@media (max-width: 991px)
{
    .sm-margin-s-top {margin-top: 15px!important}
    .sm-margin-s-bottom {margin-bottom: 15px!important}
    .sm-margin-top {margin-top: 25px!important}
    .sm-margin-bottom {margin-bottom: 25px!important}
    .sm-margin-d-top {margin-top: 50px!important}
    .sm-margin-d-bottom {margin-bottom: 50px!important}
    .sm-margin-t-top {margin-top: 75px!important}
    .sm-margin-t-bottom {margin-bottom: 75px!important}
    .sm-margin-top-none {margin-top: 0!important}
    .sm-margin-bottom-none {margin-bottom: 0!important}
    .sm-margin-s-left {margin-left: 10px!important}
    .sm-margin-s-right {margin-right: 10px!important}
    .sm-margin-left {margin-left: 25px!important}
    .sm-margin-right {margin-right: 25px!important}
    .sm-margin-d-left {margin-left: 50px!important}
    .sm-margin-d-right {margin-right: 50px!important}
    .sm-margin-t-left {margin-left: 75px!important}
    .sm-margin-t-right {margin-right: 75px!important}
    .sm-margin-left-none {margin-left: 0!important}
    .sm-margin-right-none {margin-right: 0!important}
}

@media (max-width: 767px)
{
    .xs-margin-s-top {margin-top: 15px!important}
    .xs-margin-s-bottom {margin-bottom: 15px!important}
    .xs-margin-top {margin-top: 25px!important}
    .xs-margin-bottom {margin-bottom: 25px!important}
    .xs-margin-d-top {margin-top: 50px!important}
    .xs-margin-d-bottom {margin-bottom: 50px!important}
    .xs-margin-t-top {margin-top: 75px!important}
    .xs-margin-t-bottom {margin-bottom: 75px!important}
    .xs-margin-top-none {margin-top: 0!important}
    .xs-margin-bottom-none {margin-bottom: 0!important}
    .xs-margin-s-left {margin-left: 10px!important}
    .xs-margin-s-right {margin-right: 10px!important}
    .xs-margin-left {margin-left: 25px!important}
    .xs-margin-right {margin-right: 25px!important}
    .xs-margin-d-left {margin-left: 50px!important}
    .xs-margin-d-right {margin-right: 50px!important}
    .xs-margin-t-left {margin-left: 75px!important}
    .xs-margin-t-right {margin-right: 75px!important}
    .xs-margin-left-none {margin-left: 0!important}
    .xs-margin-right-none {margin-right: 0!important}
}

/* Dark Background */
.dark-back
{
    background-color: #d3d3d32e!important;
}

/* More store elements */

/* Banners */
.banner
{
    display: block;
    position: relative;
    margin-bottom: 1rem;
    background-color: #ccc;
    transition: transform .2s ease-in-out;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
}
.banner-overlay>a {
    position: relative;
}
.banner img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}
.banner-overlay.banner-overlay-light:before {
    background-color: rgba(255,255,255,0.3);
}
.banner-overlay.banner-overlay-color:before {
    background-color: rgba(255, 163, 42, 0.7);
}
.banner-overlay:before
{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(51,51,51,0.25);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    width: 100%;
    height: 100%;
}
.banner-overlay:hover:before
{
    opacity: 1;
    visibility: visible;
}
.banner-content {
    display: inline-block;
    position: absolute;
    padding-top: .4rem;
    left: 1.5rem;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.banner-content.right
{
    left: auto;
    right: 2rem;
}
.banner-subtitle {
    color: #666666;
    font-weight: 100;
    font-size: 18px;
    letter-spacing: -.01em;
    margin-bottom: 6px;
    line-height: 24px!important;
}
.banner-subtitle.text-grey {
    color: #ebebeb;
}
.banner-title {
    color: #333;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 0;
    line-height: 31px!important;
}


@media (max-width: 991px)
{
    .banner-subtitle
    {
        font-size: 25px;
        line-height: 27px!important;
    }
}
@media (max-width: 768px)
{
    .banner-subtitle
    {
        font-size: 18px;
        line-height: 22px!important;
    }
}

.text-white
{
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.24);
}
.text-white.no-shadow
{
    text-shadow: none;
}
.text-gray
{
    color: #666;
}
.banner .btn.light {
    cursor: pointer;
    color: black!important;
}
.banner .btn.light:hover ::before {
    background: rgba();
}
.banner a.btn.light {
    line-height: 39px;
    height: 51px;

}
.banner .btn.light
{
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}
.banner-text {
    color: #666666;
    font-weight: 300;
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.banner-content.banner-content-center {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.banner-content.banner-content-top {
    top: 16px;
    transform: translateY(0);
    -ms-transform: translateY(0);
}
.banner-content.banner-content-bottom {
    top: auto;
    bottom: 30px;
    transform: translateY(0);
    -ms-transform: translateY(0);
}

.banner-overlay:hover>a:after, .banner-overlay:focus>a:after {
    visibility: visible;
    opacity: 1;
}
.banner-content.center
{
    max-width: none;
    left: 0;
    right: 0;
    text-align: center;    padding: 0 35px;
}

/* Deal */
.deal
{
    display: flex;
    padding: 23px;
    background-color: #fff;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.deal-content h4
{
    color: #989898;
    font-size: 19px;
    line-height: 30px!important;
    margin-bottom: 6px;
}
.deal-content h2
{
    font-size: 36px;
    line-height: 32px!important;
    font-weight: bold;
}
.deal .product-title
{
    margin-top: 25px;
    font-size: 21px;
    font-weight: bold;
    color: #636363;
}
.deal .product-price
{
    display: flex;
    align-items: center;
    flex-flow: wrap;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #c96;
}
.new-price
{
    color: #ef837b;
    margin-right: 15px;
}
.old-price {
    color: #cccccc;
    text-decoration: line-through;
}

/* Timer */
#timer
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 45px;
}
#timer>div
{
    background: transparent;
    color: #b3b3b3;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    width: 75px;
    border-radius: 20px 0;
    margin-right: 15px;
    box-shadow: 0 0 17px rgba(220, 220, 220, 0.35);
}
#timer>div span
{
    display: block;
    font-size: 12px;
}

.black
{
    color: black;
}

/* Categories */
.categories a
{
    font-weight: bold;
    margin-top: 28px;
    display: block;
}
.categories .img-holder
{
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.categories .img-holder img
{
    transition: all .4s ease-in-out;
}
.categories .categ:hover img
{
    transform: translateY(-15px);
}
.categories .img-holder:before
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 62%;
    height: 3px;
    background: black;
    border-radius: 100%;
    transform: translateX(-50%);
    filter: blur(6px);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.categories .categ:hover .img-holder:before
{
    opacity: .5;
}



@media (max-width: 767px)
{
    .categories .img-holder:before
    {
        width: 28%;
    }
}

@media (max-width: 992px)
{
    .categories .row>div
    {
        margin-bottom: 30px;
    }
}


/* Other */
.clients .owl-carousel .owl-item img
{
    width: auto;
    margin: auto;
}
.clients .owl-stage
{
    display: flex;
    align-items: center;
}

.book-slider .image img
{
    width: 200px;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
    margin: auto;
}
.book-slider .info
{

}

/*------------------------------- Light Theme -------------------------------*/

.main-back,
.numbers .box,
.box,
.loading,
.projects .description .container,
.select-items div,.select-selected,.select-items,
.checkbox-choices .item
{
    background-color: #FFFFFF;
}

.box,
.blog .details .share,
.blog .all-comments .comment,
.offers .offers-items .item,
.select2 .select-selected,
.select2 .select-items,
.select2 .select-items div,
.radio-choices .item,
.checkbox-choices .item
{
    border-color: #f1f1f1!important;
}

.select3 .select-selected,.select1 .select-selected.select-arrow-active,
.select-items div:hover,
.same-as-selected
{
    background-color: #F5F5F5;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea
{
    color: #525252;
}

.gray,pre
{
    background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
.h1 span,.h2 span,.h3 span,.h4 span,.h5 span,.h6 span,
.blog .title,
.testimonials .item .info .author,
.team .img .info .author,
.contact .info ul li,
.blog .all-comments .comment .comment-details .comment-author,
ul li a:hover,
ol li a:hover,
.features .item i
{
    color: #313131;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:active
{
    background-color: #5894cf;
    color: white!important;
}

.nav-pills.flex-column .nav-link
{
    padding: 19px 10px;
}

.nav-pills.color .nav-link.active,
.nav-pills.color .nav-link:hover,
.nav-pills.color .nav-link:focus,
.nav-pills.color .nav-link:active,
.nav-pills.color .nav-link.active:hover,
.nav-pills.color .nav-link.active:focus,
.nav-pills.color .nav-link.active:active
{
    background-color: #5f72f8;
    color: #ffffff!important;
}

.gray .nav-pills .nav-link.active,
.gray .nav-pills .nav-link:hover,
.gray .nav-pills .nav-link:focus,
.gray .nav-pills .nav-link:active,
.gray .nav-pills .nav-link.active:hover,
.gray .nav-pills .nav-link.active:focus,
.gray .nav-pills .nav-link.active:active
{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.projects .description ul li,
.projects .more .share
{
    color: #5f5f5f;
}

.span span
{
    color: #f3f3f3;
}

.header.tri:before
{
    border-right-color: #FFFFFF;
}

.header.tri:after
{
    border-left-color: #FFFFFF;
}

.header.tri.gray:before
{
    border-right-color: #FBFBFB;
}

.header.tri.gray:after
{
    border-left-color: #FBFBFB;
}

p,
.button-group .button,
.team .img .info .author span,
ol li,
ol li a,
.blog .sidebar .item .subject .date
{
    color: #5f5f5f;
}

.projects .description ul li,
ul.list-border li,
.nav-tabs
{
    border-color: #e0e0e0;
}

label
{
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #837e7e;
}

/* Buttons */
.btn.white
{
    background: #FFFFFF!important;
    box-shadow: 0 8px 15px rgba(255, 255, 255, 0.2);
    color: #000000!important;
}

.btn.white:before {
    border-color: rgba(255, 255, 255, 0.3);
}

.btn.light
{
    background: rgba(255, 255, 255, 0.5)!important;
    border-color: #FFFFFF;
    color: #ffffff!important;
    box-shadow: 0 16px 10px rgba(255, 255, 255, 0.05);
}
.btn.light:before
{
    border-color: rgba(255, 255, 255, 1);
}

.btn.black
{
    background: transparent!important;
    color: #191919!important;
    box-shadow: none!important;
    border: 1px solid #d6d6d6;
}

.btn.dark
{
    border-color: transparent;
    color: #FFFFFF!important;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    opacity: 1!important;
    background-color: #5894cf !important;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%) !important;
}

.btn:hover,
.btn:active,
.btn:focus
{
    color: #FFFFFF!important;
}

.btn.white:hover,
.btn.white:active,
.btn.white:focus
{
    background-color: #FFFFFF!important;
    color: #191919!important;
    border-color: #FFFFFF;
}

.btn.light:hover,
.btn.light:active,
.btn.light:focus
{
    background-color: rgba(255, 255, 255, 0.8)!important;
    border-color: rgba(255, 255, 255, 0.8);
}

.btn.black:hover,
.btn.black:active,
.btn.black:focus
{
    background-color: rgba(0, 0, 0, 0.05)!important;
    color: #191919!important;
}

.btn.dark:hover,
.btn.dark:active,
.btn.dark:focus
{
    background-color: #FFA136!important;
    border-color: #FFA136;
    box-shadow: 0 8px 15px rgba(255, 161, 54, 0.5);
}
.btn.dark:hover:before,
.btn.dark:active:before,
.btn.dark:focus:before
{
    border-color: #FFA136;
}

.btn.w-hover:hover,
.btn.w-hover:active,
.btn.w-hover:focus
{
    background: #FFFFFF!important;
    box-shadow: 0 8px 15px rgba(255, 255, 255, 0.2);
    color: #000000!important;
}
.btn.w-hover:hover:before,
.btn.w-hover:active:before,
.btn.w-hover:focus:before
{
    border-color: #FFFFFF;
}


/* Highlight */

.highlight
{
    background-color: #EEEEEE;
}

.highlight.black
{
    color: #FFFFFF;
    background-color: #191919;
}

/**************************** Elements section ************************/
.elements .item img
{
    width: 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
    transition: top .3s ease-in-out, left .3s ease-in-out;
    opacity: 0.2;
}
.elements .item
{
    text-align: center;
    display: block;
    background: white;
    border: 1px solid #f5f5f5;
    padding: 130px 0 50px;
    font-size: 14px;
    font-weight: bold;
    color: #cccccc;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.elements .item:hover,
.elements .item .alter
{
    border-color: rgba(95, 114, 248, 0.2);
    color: #5f72f8;
}
.elements .item .alter
{
    left: -30%;
    opacity: 1;
}
.elements .item:hover img
{
    left: 50%;
}
.elements .item:hover .main
{
    top: -30%;
}
.elements .item:hover .alter
{
    left: 50%;
}

.displaynone
{
    display: none;
}

/* Popups */
.newsletter-popup
{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    z-index: 9999999999;
}

.newsletter-popup.show
{
    visibility: visible;
    opacity: 1;
}

.newsletter-popup-content .row>div
{
    padding: 0;
}
.newsletter-popup-content .newsletter-img
{
    width: 100%;
}
.newsletter-popup-content .left-placeholder
{
    background: white;
    height: 100%;
    padding: 80px 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.newsletter-popup-content
{
    position: relative;
}

.newsletter-popup-content .left-placeholder form
{
    width: 100%;
}
.newsletter-popup-content .right-placeholder
{
    position: relative;
    height: 100%;
    background-size: cover;
    background-image: url(../images/img-1.jpg);
}
.newsletter-popup-content .close-btn
{
    position: absolute;
    top: 18px;
    right: 18px;
    background: rgb(255, 255, 255);
    font-size: 24px;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 100%;
    line-height: 33px;
    color: #333;
    opacity: 0.7;
    z-index: 1;
}
.newsletter-popup-content .close-btn:hover
{
    opacity: 1;
}

.newsletter-popup .subscribe-field .btn
{
    height: 51px!important;
    line-height: 33px!important;
}
.newsletter-popup .subscribe-field input[type="text"]
{
    border: 1px solid #e0e0e0!important;
    border-radius: 2px;
}

.newsletter-popup .close-btn.bigger
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1199px)
{
    .newsletter-popup-content .left-placeholder
    {
        padding: 80px 60px;
    }
}

@media (max-width: 991px)
{
    .newsletter-popup-content .close-btn
    {
        font-size: 28px
    }
}

.newsletter-popup-content .left-placeholder .form-group
{
    margin-bottom: 0;
}

@media (max-width: 768px)
{
    .newsletter-popup-content .left-placeholder
    {
        padding: 30px 30px;
    }
    .newsletter-popup-content .close-btn
    {
        background: transparent;
        top: 5px;
        right: -10px;
    }
    .newsletter-popup-content p br
    {
        display: none;
    }
}

/* Head Carousel */
.head-carousel .item
{
    position: relative;
    background-size: cover;
    background-position: 55%;
}
.head-carousel .item:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #f3f3f3;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.head-carousel .text-content
{
    padding: 180px 0;
}
.head-carousel .text-content h1
{
    position: relative;
    font-size: 7rem;
    line-height: 7rem!important;
    margin-bottom: 16px;
    display: inline-block;
    font-weight: bold;
}
.head-carousel .text-content h1 span,
.head-carousel .text-content h2 span
{
    position: absolute;
    color: inherit;
    opacity: 0.1;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15rem;
    z-index: 0;
}
.head-carousel .text-content h2 span
{
    font-size: 7rem;
    top: -45px;
    left: 16px;
    transform: none;
}
.head-carousel .text-content h2
{
    font-size: 55px;
    line-height: 68px!important;
}
.head-carousel .text-content h2.poppins
{
    font-weight: bold;
}
.head-carousel .text-content h3
{
    font-size: 40px;
    line-height: 50px!important;
}
.head-carousel .overlay-carousel
{
    background-color: rgba(0, 0, 0, 0.65)
}
.head-carousel .overlay-carousel-light
{
    background-color: rgba(255, 255, 255, 0.9)
}
.head-carousel .text-content .btns
{
    margin-top: 52px;
}
.head-carousel .text-content .btns .btn
{
    margin-right: 18px;
}
.head-carousel .text-content p
{
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
}
.head-carousel .text-content p + .btns
{
    margin-top: 30px;
}
.head-carousel .item
{
    overflow: hidden;
}
.head-carousel .item .carousel-bg
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.head-carousel .item .blur .carousel-bg
{
    filter: blur(10px);
}
.head-carousel .text-content .side-image
{
    position: absolute;
    top: -50%;
    right: 0;
}
.head-carousel .item.static .text-content .side-image
{
    position: static;
}
.head-carousel .item.static .text-content
{
    padding: 100px 0;
}
.head-carousel .item .text-content.small
{
    padding: 50px 0;
}
.owl-item.active .carousel-bg
{
    animation: img-carousel-scale 60s forwards;
}
@keyframes img-carousel-scale
{
    100%
    {
        transform: scale(2);
    }
}

.head-carousel .owl-nav .owl-prev
{
    transform: translateX(-100px);
}
.head-carousel .owl-nav .owl-next
{
    transform: translateX(120px);
}

.head-carousel .owl-nav .owl-prev,
.head-carousel .owl-nav .owl-next
{
    position: absolute;
    background: rgba(51, 51, 51, 0.3);
    text-align: center;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 27px;
    color: #fff;
    top: 50%;
    border-radius: 100%;
    margin-top: -32.5px;
    transition: all .2s ease!important;
}
.head-carousel .owl-nav .owl-prev:hover,
.head-carousel .owl-nav .owl-next:hover
{
    background: white;
    color: #333;
}

.head-carousel .item.small .text-content
{
    width: 85%;
    margin: auto;
}

.head-carousel:hover .owl-prev,
.head-carousel:hover .owl-next
{
    transform: translateX(0);
}

@media (max-width: 1199px)
{
    .head-carousel .text-content .side-image
    {
        top: -26%;
    }
}
@media (max-width: 997px)
{
    .head-carousel .item .carousel-bg
    {
        height: 100%;
        filter: blur(30px);
    }
}
@media (max-width: 767px)
{
    .head-carousel .text-content h1 span, .head-carousel .text-content h2 span
    {
        font-size: 8rem;
    }
    .head-carousel .text-content h1
    {
        font-size: 4rem;
        line-height: 4rem!important;
    }

    .overlay-carousel.blur .row img
    {
        width: 50%;
        margin: auto;
    }
    .head-carousel .item
    {
        background-position: 70%;
    }

    .head-carousel .owl-nav .owl-prev, .head-carousel .owl-nav .owl-next
    {
        display: none!important;
    }
}

/* Container */
.container
{
    width: 96%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .container
    {
        max-width: none;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        max-width: 850px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container
    {
        max-width: 1050px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container
    {
        max-width: 80%;
    }
}


@media screen and (max-width: 991px) {
	.head-carousel .text-content {
		padding: 80px 0 450px 0;
	}

	.owl-carousel .owl-stage-outer {
			height: auto !important;
	}
}

@media screen and (max-width: 769px) {
	.head-carousel .text-content {
		padding: 80px 0 250px 0;
	}
}

/* Background color */

.btn
{
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
    box-shadow: 0 10px 10px rgba(72,35,219,0.1);
}
.btn:before
{
    border-color: rgba(72,35,219,0.4);
}

::selection {background-color: #4BE1AB;}


.offers .offers-items .item:before,
.blog .img .date,
input[type=radio]:checked ~ .check:before,
.highlight.main,
.projects .tag:hover,
.services .img .price,
.loader-inner,.color-back
{
    background: linear-gradient(90deg, rgba(72,35,219,0.4) 0%, rgba(72,35,219,0.6) 100%)!important;
}

.image-back .overlay1
{
    background-color: rgba(75, 225, 171, 0.85);
}

/* Color */

.green,
.green:hover,
.green:focus,
.green:active,
.button-group .button:hover,
.button-group .button.is-checked,
.features .item:hover .box i,
.modal .stat,
.blog .img:hover .date,
.blog .sidebar .categories a:before,
.projects .description ul li i,
ul.list li:after,.blog .sidebar .categories a:after,
ul.list li:before
{
    color: rgba(72,35,219,1)!important;
}

.orange
{
    color: #FFA136;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.logo .name
{
    color: rgba(72,35,219,1);
}

/* Border color */

.loader,.btn
{
    border-color: rgba(72,35,219,1);
}

/* Chart Circle */

.circle-chart__circle
{
    stroke: rgba(72,35,219,1);
}

/* All Pages */
.all-pages img
{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* Core features */
.core i
{
    font-size: 25px;
    color: #FFA136;
    margin-bottom: 20px;
}

.video.image-back
{
    background-image: url('../images/videobg.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: fixed;
}
.video.no-radius.section .brandon {
    color: white!important;
}
.product-nav-dots-img img {
    width: 80%;
    display: block;
}

.product-nav-dots-img {
	width: 20%;
	margin: 0 auto;
}

.just-for-products {
	float: left
}

@media (min-width: 768px) and (max-width: 992px) {
	.product-nav-dots-img {
		width: 30%;
	}

	.just-for-products {
		width: 20%;
	}
}

.delivery {
	float: left;
}

.delivery p {
	font-size: 14px;
    display: inline-block;
    margin-right: 3%;
}

.delivery img {
	width: 15% !important;
	display: inline-block !important;
}
@media(max-width: 900px) {
    .sing-product h4.promo-price {
        font-size: 28px;
    }
}
.p-info {
	float: left;
	width: 80%;
	text-align: left;
}

footer {
        background: #f2f2f2;
}

.work-together {
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
}

.work-together h3, .work-together p  {
    font-weight: 100;
    color: white;
}

.work-together .btn {
    background: white;
    color: #b79ddf !important;
}

.contact-boxes {
    width: 100%;
    margin-bottom: 5%;
    border-bottom: 1px dashed #cdcdcd;
}

.contact-box {
    float: left;
    text-align: center;
}

.contact-box svg {
    margin-bottom: 5%;
    color: #5894cf;
}

.invoice-accordion-content {
	display: none;
}

.caracrestics li {
	margin-right: 5%;
}

.grey_background {
	background: grey;
	display: inline-block;
}

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

.sticky + .content {
  padding-top: 102px;
}

.header-img {
	width: 3%;
}

.promo-price {
	color: #20853e;
    font-size: 28px;
    font-weight: bold;
}

.old-price-product {
	font-size: 25px;
	text-decoration: line-through;
}

.prices-box h2, .prices-box p, .prices-box, .guarantee {
	display: inline-block;
}

.fast-order {
	border: 1px solid #e8e8e8;
    padding: 2%;
    margin-bottom: 5%;
    margin-top: 1%;
}

.guarantee {
	padding: 2%;
    text-align: center;
}

.directions img{
	display: inline-block;
}

.inline-blocks {
	display: inline-block;
}

.buy {
	width: 39%;
}

.lds-ripple img {
	width: 100%;
}

.important-info {
	padding: 1%;
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442 !important;
	margin: 2% 0 !important;
}

.block-box {
	width: 100%;
	margin-bottom: 5%;
	display: block;
}

.block-box p {
	text-align: right;
}

.directions {
	width: 60%;
}

.buy a {
	width: 100%;
}

.subnav .col-3, .subnav .col-6 {
	float: left;
	text-align: center;
}

.subnav .col-3 p {
	margin-top: 10%;
	font-size: 18px;
}

.navbar {
	padding: 0;
}

@media screen and (max-width: 769px) {
	.header-img {
		display: none;
	}

	.caracrestics li {
	    width: 100%;
        text-align: center;
        margin-right: 0;
	}

	.fast-order {
		padding: 6%;
	}

	.subnav h4, .subnav p {
		margin-top: 0%;
		margin-bottom: 0;
	}

	.logo img {
		width: 80%;
	}

	.subnav .col-3 p {
		margin-top: 6px;
	}
}

@media screen and (max-width: 560px) {
    .subnav p {
        line-height: 15px;
        font-size: 10px;
    }
}

@media screen and (max-width: 470px) {
	.section {
		padding-top: 40px !important;
		padding-bottom: 40px;
	}

	.directions {
		width: 100%;
		text-align: center;
	}

	.buy {
		width: 100%;
		text-align: center;
		margin-bottom: 5%;
	}

	.buy a {
		width: 65%;
	}

	.block-box p {
		text-align: center;
	}

	.gray .nav {
		padding: 0
	}
}

.navbar-brand {
	margin-right: 0;
}

.carousel-caption {
    bottom: 35%;
}

.carousel-caption p {
	font-size: 30px;
}
.carousel-caption .btns {
	margin-top: 5%;
}


.square-radio-label:focus,
.direction-radio-label:focus {
    outline: none;
}
.square-radio-label input[type='radio'],
.direction-radio-label input[type='radio'] {
	display: none;
}

.square-radio-label img,
.direction-radio-label img {
	width: 40px;
	height: 40px;
	border-radius: 15px 0;
	margin-right: 5px;
	cursor: pointer;
    transition: 0.5s width, 0.5s height;
}.square-radio-label input:checked + img,
.direction-radio-label input:checked + img {
	-webkit-box-shadow: 0px 0px 2px 2px rgb(130,130,130);
	-moz-box-shadow: 0px 0px 2px 2px rgb(130,130,130);
	box-shadow: 0px 0px 2px 2px rgb(130,130,130);
    width: 90px;
    height: 90px;
	padding: 3px;
    border-radius: 20px 0;
}.direction-radio-label img {
    padding: 5px;
    width: auto;
    height: auto;
    display: block;
    border-radius: 22px 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}.direction-radio-label.inv img {
    transform: rotateY(180deg);
}
.direction-radio-label input:checked + img {
    padding: 4.5px;
    width: 100%;
    height: auto;
}
.square-radio-label {
	font-size: 0;
	position: relative;
	margin-right: 5px;
	display: inline-block;
    -webkit-appearance: none;
}

.tooltip-msg {
	font-size: 13px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 105%;
    text-align: center;
	color: white;
	background-color: #5894cf;
    background-image: -o-linear-gradient(28deg, #5894cf 0%, #b79ddf 100%);
	background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
	border-radius: 20px 0;
	height: 0;
	overflow: hidden;
	-webkit-transition: 1s opacity;
	-o-transition: 1s opacity;
	transition: 1s opacity;
	opacity: 0;
	z-index: 9;
}.square-radio-label:hover .tooltip-msg,
.direction-radio-label:hover .tooltip-msg,
.direction-radio-label:focus .tooltip-msg,
.direction-radio-label input ~ .tooltip-msg {
	padding: 5px 10px;
	height: auto;
	opacity: 1;
}
@media(max-width: 767px) {
    .direction-radio-label {
        margin-bottom: 15px;
    }
}
.colorb {
    color: #313131;
}
.colorg {
    color: #5f5f5f;
}
.fotorama__stage {
    border: 1px solid rgb(229,229,229);
}.fotorama__stage__frame img {
    padding: 10px 5px !important;
}
.m-min35 {
    margin: 0 -24px;
}


/* gall+zoom */
#gallery-cont {
    position: relative;
}
.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    width: 150px;
    height: 150px;
    border-radius: 25%;
    z-index: 999;
}

#zoomed-image {
    background: white;
    border: 2px solid #d4d4d4;
    position: absolute;
    top: 0;
    left: 105%;
    opacity: 0;
    z-index: -1;
}

.head-carousel img {
	filter: brightness(0.9);
}

.no-scroll {
    overflow: hidden;
}
[data-modal-trig] {
    cursor: pointer;
}
[data-modal-trig]:focus {
    outline: 1px solid gray;
}

.mmodal {
    overflow: hidden;
    background: black;
    background: rgb(0,0,0,0.7);
    z-index: 99999999999;
    cursor: pointer;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.mmodal-cont {
    width: 90%;
    height: 90vh;
    margin: 5vh auto;
    cursor: auto;
    overflow: auto;
}
.mmodal-close,
.mmodal-next,
.mmodal-prev {
    background: none;
    border: none;
    position: absolute;
    cursor: pointer;
    z-index: 10005;
    color: #b7b7b7;
    transition: 0.5s color, 0.4s transform;
    font-size: 30px;
    font-weight: bold;
}
.mmodal-next,
.mmodal-prev {
    padding: 15px;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    line-height: 30px;
    font-size: 45px;
}.mmodal-next:hover,
.mmodal-prev:hover {
    color: #5894cf;
    transform: scale(1.2);
}
.mmodal-next {
    right: 10px;
}.mmodal-prev {
    left: 10px;
}

.mmodal-close {
    top: 10px;
    right: 13px;
}.mmodal-close:hover,
.mmodal-close:focus {
    color: red;
    transform: rotate(360deg);
    outline: none;
}.mmodal-close:active {
    top: 12px;
}
.mmodal img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    cursor: pointer;
}
.mmodal-body {
    width: 100%;
    height: 100%;
    display: flex;
}

.no-articuls {
	padding: 5%;
    font-size: 20px;
    text-align: center;
    border: 1px solid #b2b1b1;
    width: 70%;
    margin: 3% auto;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
}
.product-new .title a{
    font-family: 'Open Sans Alternates', sans-serif;
}
.gold-bg {
    background: gold!important;
}
.product-new .per.sale.promo-code {
    right: 0;
    left: unset;
    background: gold;
}
.product-new .title b {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}
.product-new {
    /* margin-top: 35px; */
    border: 1px solid #bbb;
}
.product-new .preview a {
    max-width: 100%;
    max-height: 100%;
}
.product-new .bl-1 {
    border-left: 1px solid #bbb;
}
.just-for-products img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .product-new .color-data > p ,
    .product-new .delivery-data  > p {
        line-height: 18px;
    }
    
    .product-new del .slogan {
        font-size: 14px !important;
    }
    .product-new .slogan {
        font-size: 16px !important;
    }
    
    .product-new .title a {
        font-size: 13px;
    }
    .product-new .per {
        padding: 0 5px;
        margin: 3px;
        font-size: 12px;
        line-height: 28px;
    }
}
.product-new .preview {
    border-bottom: 1px solid #bbb;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.youtube-video {
    z-index: 9999999999999999;
    background: black;
    background: rgba(0,0,0,0.7);
}
.youtube-video iframe {
    position: relative;
}
.cc_container .cc_btn {
    background-color: #5894cf !important;
    color: white !important;
}

.cc_container, .cc_message, .cc_btn {
    width: 40%;
}

.cc_container .cc_message {
    font-size: 13px !important;
    width: 100% !important;
    line-height: 18px !important;
}

.cc_container .cc_btn {
    font-size: 13px !important;
    padding: 5px !important;
}

.direction-msg {
    width: 70%;
    margin: auto;
    background: #f0f0f0;
    text-align: center;
    border-radius: 10px;
}
@media (max-width: 769px) {
	.no-articuls {
		padding: 3%;
		font-size: 13px;
	}

	.cart-h2 {
		font-size: 25px;
	}

	.cc_container, .cc_message, .cc_btn {
        width: 100%;
    }
}

.ty-design {
	background-color: #fff;
	padding: 7rem;
}

.badge {
	white-space: unset;
	line-height: 20px;
	text-align: left;
}

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

@media (max-width: 400px) {
    .sidebar.shop .clean {
        padding: 6px 12px !important;
    }
}
@media (max-width: 991px) {

    .shop-filter .dropdown, .shop-filter>div>ul {
        margin: auto;
    }

    .navbar {
        padding: 5px;
    }
}

@media (max-width: 768px) {
    .shop-filter {
        justify-content: center;
        margin-bottom: 5% !important;
    }

    .shop-filter>div .fun {
        margin: 0 10px;
    }

    .caracrestics {
        display: block;
    }

    .fast-order h4 {
        font-size: 20px;
    }

    .fast-order label {
        font-size: 11px;
    }

    .fast-order input[type="text"] {
        padding: 5px 16px;
    }

    .fast-order .checkbox-choices .item label {
        line-height: 15px;
        font-size: 12px;
        font-weight: unset;
    }

    .fast-order .btn {
        font-size: 10px!important;
        font-weight: bold;
        padding: 10px 30px!important;
    }

    .text-small-center {
        text-align: center !important;
    }

    .square-radio-label input:checked + img {
        width: 90px;
        height: 90px;
    }

    .ty-design {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    #filterss select option {
        font-size: 11px;
    }

    .banner .btn.small {
        padding: 0px 10px!important;
        font-size: 12px!important;
        border-radius: 28px 0;
    }

    .deal-content h2 {
        font-size: 25px;
    }

    .deal-content h3 {
       font-size: 20px;
        line-height: 25px!important;
    }

    .call-action h3 {
        font-size: 22px;
        line-height: 25px !important;
    }
}


@media(max-width: 400px) {
    .container.fl {
        width: 100%;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #timer>div {
        margin-right: 7px;
    }
    #timer>div:last-of-type {
        margin-right: 0;
    }

    h2, .h2 {
        font-size: 32px;
    }

    .container {
        width: 100%;
    }

    .product .per {
        font-size: 10px;
        line-height: 30px;
    }

    .about .brief {
        padding: 70px 15px;
    }

    .important-info {
        margin-bottom: 10% !important;
        padding: 5%;
    }

    .subnav .only-for-mobile svg {
        width: 30px;
        height: 30px;
    }

    #filterss select {
        padding-left: 6%;
        font-size: 13px;
        height: 33px;
    }

    #filterss .item {
        margin-top: 8% !important;
    }

    #filterss .h6 {
        margin: 8% !important;
    }

    #filterss .col-lg-6 {
        padding: 0;
    }


    #filterss .col-sm-6 {
        padding: 5px;
    }

    .shop-filter .dropdown {
        margin: auto;
    }

    #filterss, #filterss .item {
        margin-top: 0 !important;
    }

}
@media (max-width: 550px) {
    .about .brief {
        padding: 70px 20px;
    }
}

.owl-carousel .owl-item img {
    margin: auto;
}

.sing-product .availability img {
    width: 18px;
}
.pr-nice-but,
.pr-nice-but-cont {
    -webkit-appearance: none;
    background-color: #5894cf;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
    box-shadow: 0 4px 4px rgba(72,35,219,0.1);
    padding: 2px;
    border-radius: 20px 0;
    position: relative;
}
.pr-nice-but .bg-cont,
.pr-nice-but-cont .bg-cont {
    background: white;
    border-radius: 18px 0;
    padding: 10px 0;
}
.pr-nice-but .nice-but,
.pr-nice-but-cont .nice-but {
    width: 100%;
    border: none;
    font-weight: bold;
    font-size: 13px;
    background: white;
    border-radius: 18px 0;
    color: #7171d1;
    outline: none;
}

.pr-nice-but-cont .nice-but:focus {
    outline: none;
}
.pr-nice-but-cont:hover .bg-cont,
.pr-nice-but-cont.active .bg-cont {
    background: none;
}.pr-nice-but-cont:hover .nice-but,
.pr-nice-but-cont.active .nice-but {
    color: white;
    background-color: #5894cf;
    background-image: linear-gradient(36deg, #5894cf 0%, #b79ddf 100%);
}.pr-nice-but-cont:hover .arrow, .pr-nice-but-cont:hover .nice-but,
.pr-nice-but-cont.active .arrow {
    border-color: white;
}.pr-nice-but-cont.active .arrow {
    transform: rotate(-135deg);
    top: 0;
}
.pr-nice-but-cont .decorations-holder {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    z-index: 5;
    background: white;
    padding-top: 15px;
    border-radius: 25px 0;
    margin-top: 5px;
    border: 1px solid #8799d7;
}.pr-nice-but-cont.active .decorations-holder {
    display: block;
}
.arrow {
    border: solid #8799d7;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: relative;
    bottom: 2px;
    transition: 0.4s transform, 0.4s top;
}.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.fotorama__nav-wrap {
    margin-top: 8px;
}
.variation-name {
    display: block;
}

.breadcrumbs {
    background: rgb(240, 240, 240);
    padding: 5px 15px;
    margin: 0;
    list-style-type: none;
    text-align: center;
}
.breadcrumbs li {
    margin: 0;
    padding: 0;
    padding-right: 5px;
    display: inline-block;
}
.breadcrumbs li a {
    padding-right: 5px;
}.breadcrumbs li::after {
    content: '/';
}
.breadcrumbs li:last-of-type::after {
    content: '';
}

.contact-info {
    margin-bottom: 3%;
}

.contact-info p {
    line-height: unset;
}

.contact-info svg {
    margin-right: 1%;
}

.location {
    margin-top: 2%;
    margin-bottom: 3%;
    border: 1px dashed #cdcdcd;
    padding: 3%;
    border-radius: 5px;
}

.location p {
    margin-bottom: 2%;
}

.align-self-center h4, p {
    font-family: 'Open Sans', sans-serif;
}

@media screen and (max-width: 769px) {
    .align-self-center h4 {
        /* font-size: 13px;
        line-height: 15px !important; */
    }

    #mebels-dropdown .cat-a {
        color: white!important;
    }
}

.leasing .btn {
    box-shadow: unset;
}

.fast {
    background-color: #5894cf;
    background-image: unset;
}

.navbar-nav>li:hover .dropdown-menu {
    transition: all 0.2s cubic-bezier(0.8, 0.0, 1.0, 1.0);
}
@media(min-width: 992px) {
    .shop-articul-gallery,
    .shop-articul-gallery .row {
        height: 100px;
    }
    .shop-articul-gallery .pic-wrapper {
        max-height: 90px;
    }
    .shop-articul-gallery .pic-wrapper img {
        max-height: 87px;
    }
    .shop-articul-gallery {
        position: absolute;
        top: -85px;
        right: 0.5rem;
        width: calc(100% - 1rem);
        border-radius: 5px;
        z-index: 5;
        display: none;
    }

    .pr-cont:hover .shop-articul-gallery {
        /*display: block;*/
    }


    .shop-articul-gallery .row.gal-w-1 {
        width: 33%;
        border-radius: 5px;
    }
    .shop-articul-gallery .row.gal-w-2 {
        width: 66%;
        border-radius: 5px;
    }
    .shop-articul-gallery .row.gal-w-3 {
        border-radius: 5px;
    }
}

.pr-cart-quant::-webkit-outer-spin-button,
.pr-cart-quant::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}.pr-cart-quant[type=number] {
    -moz-appearance: textfield;
}

.dynamic-price {
    display: none;
}
.dynamic-price .dyn-overall {
    color: #20853e;
    font-size: 27px;
}

.hover-gallery-background {
    background: #4b4b4b;
    position: relative;
}.hover-gallery-background::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4b4b4b;
}.shop-articul-gallery.bot .hover-gallery-background::after {
    border-top: 0;
    border-bottom: 10px solid #4b4b4b;
    bottom: 100%;
    top: unset;
}

.swal-modal {
    text-align: center;
}

.small-padding {
    padding: 1px;
}
div.header-search-desktop {
    height: auto;
    padding: 3px 0 3px 0;
}
.header-search-desktop div {
    height: 100%;
}
.header-search-desktop input {
    text-align: center;
    height: 100%;
    padding: 2px;
    width: 100px;
}
@media(min-width: 992px) {
    .header-search-desktop input {
        width: 75px;
    }
}
@media(min-width: 1017px) {
    .header-search-desktop input {
        width: 100px;
    }
}
@media(min-width: 1065px) {
    .header-search-desktop input {
        width: 150px;
    }
}
@media(min-width: 1100px) {
    .header-search-desktop input {
        width: 175px;
    }
}
@media(min-width: 1200px) {
    .header-search-desktop input {
        width: 85px;
    }
}
@media(min-width: 1210px) {
    .header-search-desktop input {
        width: 95px;
    }
}
@media(min-width: 1220px) {
    .header-search-desktop input {
        width: 100px;
    }
}
@media(min-width: 1320px) {
    .header-search-desktop input {
        width: 170px;
    }
}
.header-search-desktop button {
    background: none;
    border: none;
}
.header-search-desktop img {
    max-height: 20px;
}

.small-fontsize {
    font-size: 13px;
}

#pills1 p, #pills2 p, #pills3 p {
    font-weight: 100;
}

#pills1 a, #pills2 a, #pills3 a {
    font-weight: bold;
    color: #5894cf;
}

.btn.inactive {
    background: white;
    color: rgba(72,35,219,1)!important;
    color: rgba(72,35,219,0.8)!important;
}

.disc-label {
    border-radius: 15px 0;
    background: #ef837b;
    box-shadow: 0 0 17px rgba(239, 131, 123);
    color: white;
    padding: 0 10px;
    display: inline-block;
    box-shadow: 0 0 17px rgba(239, 131, 123, 0.75);
}

.prices-box > * {
    vertical-align: middle;
}

#countdown-timer {
    display: block;
    margin-top: 20px;
    font-size: 0;
}
@media(max-width: 450px) {
    .sing-product h1,
    .sing-product h2 {
        font-size: 25px;
    }
    .sing-product h2 + h1 {
        font-size: 21px;
    }
    .sing-product .prices-box h2 {
        font-size: 21px;
    }
}
#countdown-timer .pr-nice-but {
    display: inline-block;
    padding: 2px;
    margin-right: 4px;
    font-size: 1rem;
    text-align: center;
    width: calc(25% - 4px);
    background: #ef837b;
}#countdown-timer .pr-nice-but:last-of-type {
    margin-right: 0;
    width: 25%;
}
#countdown-timer .pr-nice-but .nice-but {
    background: #ef837b;
    color: white;
    font-weight: bold;
}
#countdown-timer .pr-nice-but .bg-cont {
    padding: 5px;
    background: #ef837b;
}
@media(min-width: 1200px) {
    .pr-nice-but .nice-but, .pr-nice-but-cont .nice-but {
        font-size: 18px;
    }
}
.options #search-in-mob,
.options [type='submit'] {
    padding: 5px !important;
    height: 100% !important;
    line-height: 100% !important;
}

.promo-cats .pr-nice-but:hover a,
.promo-cats .bg-cont.active a {
    color: white;
    background-image: linear-gradient(62deg, #5894cf 0%, #b79ddf 100%);
}

.promo-choose-cat,
.promo-pag {
    display: inline-block;
    font-size: 1rem;
}
.promo-choose-cat {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px 0;
}
.promo-pag {
    width: 100%;
}
@media(min-width:992px) {
    .promo-choose-cat {
        width: 25%;
    }
    .promo-pag {
        width: 75%;
    }
    .promo-pag > ul {
        justify-content: flex-end!important;
    }
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}
.carousel-indicators li {
    height: 20px !important;
    border-radius: 50%;
    width: 20px;
}

.usp {
    background: #f3f3f3;
}

.usp svg {
    width: 10%;
    height: 10%;
    margin-right: 5%;
}

.about-page {
    background-color: #5894cf;
}

.about-page::before {
    border-color: #5894cf;
}

.border-light {
    border-color: #bbbdbf!important;
}
.form-select.form-select-disc {
    display: block;
    width: 100%;
    padding: 14px 2.25rem 14px .75rem;
    font-size: 14px;
    font-weight: 400;
    border-radius: 13px 0;
    color: #525252;
    background: white;
    border: 1px solid #e8e8e8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.banner-parts {
    font-size: 0;
}
.banner-parts a img {
    transition: 0.5s filter;
}
.banner-parts a img:hover {
    filter: brightness(0.8);
}
.banner-parts a:nth-of-type(1) img,
.banner-parts a:nth-of-type(2) img,
.banner-parts a:nth-of-type(3) img {
    margin-bottom: 5px;
}

.banner-parts a:nth-of-type(2) img,
.banner-parts a:nth-of-type(4) img {
    margin-left: 5px;
}

.banner-parts a:nth-of-type(1) img {
    width: calc(75% - 5px);
}
.banner-parts a:nth-of-type(2) img,
.banner-parts a:nth-of-type(3) img {
    width: calc(25% - 1.5px);
}
.banner-parts a:nth-of-type(4) img {
    width: calc(75% - 5px);
}
@media(max-width: 768px) {
    .banner-parts a:nth-of-type(1) img,
    .banner-parts a:nth-of-type(4) img {
        margin-bottom: 10px;
        margin-left: 0;
        width: 100%;
    }
    .banner-parts a:nth-of-type(2) img,
    .banner-parts a:nth-of-type(3) img {
        margin-bottom: 10px;
        width: 49%;
        margin-left: 0;
    }
    .banner-parts a:nth-of-type(2) img {
        margin-right: 2%;
    }
}

.sing-product h1 {
    line-height: 100% !important;
}
.sing-product h1.grayc {
    color: #666;
}


@media(max-width: 450px) {
    .index-4-cards h5 {
        font-size: 17px;
    }

}

.product-h1-dual {
    font-size: 0!important;
}
.product-h1-dual .grayc {
    color: #666;
}
.product-h1-dual div {
    width: 100%;
}
.product-h1-dual div {
    width: 50%;
}
@media(max-width: 768px) {
    .product-h1-dual .main-title {
        font-size: 24px;
    }
    .product-h1-dual .sub-title {
        font-size: 15px;
    }
}


#popup-promo img {
    max-width: 100%;
    max-height: 100vh;
}
#popup-promo .close {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    background: #DDD;
    color: black;
    border-radius: 50%;
    opacity: 1;
    height: 40px;
    width: 40px;
    font-size: 40px;
    z-index: 99999;
}#popup-promo .close span {
    display: inline-block;
}

#popup-promo .img-cd-cont {
    position: relative;
    line-height: 100vh;
    font-size: 0;
}
#popup-promo .img-cd-cont a {
    line-height: initial;
}
#popup-promo #popup-cd-cont {
    position: absolute;
    width: 100%;
    height: 100vh;
}#popup-promo #popup-cd-cont #popup-cd {
    margin: 5px auto;
}
@media(orientation: landscape) and (max-width: 991px) {
    #popup-promo #popup-cd-cont {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }
    #popup-promo .close {
        height: 30px;
        width: 30px;
        font-size: 30px;
    }

    #myHeader {
        position: static;
    }
}

@media (max-width: 450px) {
    #popup-promo .close {
        /* top: -20px; */
        right: 0;
    }
}
@media (max-width: 769px) {
    #myHeader h1 {
        font-size: 13px;
        margin-bottom: 0;
        line-height: initial!important;
    }
    .tab-pane img:not(.w-25) {
        width: 100% !important;
        height: auto !important;
    }
}

.blog-card {
    height: 100%;
    border: 1px solid #dedede;
}

.blog-post-link {
    background: #5894cf;
    border: 1px solid #5894cf;
    padding: 11px;
    text-align: center;
    color: white;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
}
.blog-post-link:hover {
    background: white;
    border: 1px solid #5894cf;
    color: #5894cf;
}
.blog-categories {
    border: 1px solid #eaeaea;
    padding: 10px 25px;
}
.blog-categories .btn {
    background: #5894cf;
    padding: 13px 0px!important;
    color: white !important;
    font-weight: 100;
}
.var-type {
    text-transform: capitalize;
}
.blog-categories .btn:before {
    border-color: rgb(88 148 207);
}
.tab-content li {
    list-style-type: disc;
    font-size: 15px;
}
.tab-content ul {
    padding-left: 2%;
}

.prod-damask-card .var-name {
    height: 2rem;
}
.prod-damask-card .var-name:first-letter {
  text-transform: capitalize
}


#flipdown-cont {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}.flipdown {
    display: block;
    margin: 0 auto;
}

#subscr-popup {
    position: fixed;
    bottom: -100%;
    right: -270px;
    z-index: 99999999999999999;
    width: 270px;
    border: 1px solid #5894cf;
    border-radius: 5px;
    padding: 10px;
    transition: 2s right, 2s bottom, 3.5s opacity;
    opacity: 0;
    background: white;
    -webkit-box-shadow: 3px 1px 15px 0px #636363;
    box-shadow: 3px 1px 15px 0px #636363;
}
#subscr-popup .input-wrapper {
    padding: 5px;
    width: 242px;
    margin: 0 auto;
    font-size: 0;
    border: 1px solid #5894cf;
    border-radius: 10px 0;
}
#subscr-popup .input-wrapper input {
    width: 190px;
    font-size: 1rem;
    text-align: center;
    border: none;
}
#subscr-popup .input-wrapper input:focus {
    outline: none;
}
#subscr-popup .input-wrapper button {
    width: 40px;
    font-size: 1rem;
    color: #5894cf;
}
#subscr-popup.show {
    right: 20px;
    bottom: 108px;
    opacity: 1;
}
#subscr-popup .close {
    transition: 0.5s opacity;
    position: absolute;
    top: 1px;
    right: 5px;
}
#subscr-popup .msg {
    display: none;
    margin-bottom: 0;
    margin-top: 15px;
}
.null {
    border: none;
    background: transparent;
}

.nav-dd {
    position: relative;
}
.shop-button {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: white;
    box-shadow: 0 8px 10px rgb(0 0 0 / 20%);
    border: none;
    background-color: #5894cf;
    background-image: linear-gradient(
        62deg, #5894cf 0%, #b79ddf 100%);
    border-radius: 2px;
    text-align: center;
}.shop-button:hover {
    color: white;
    cursor: pointer;

}
.nav-dd .dd-cont {
    background: white;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    border: 1px solid black;
    z-index: 50;
}
.nav-dd .dd-cont a {
    display: block;
    text-align: center;
    padding: 5px 0;
}
.nav-dd .dd-cont a:hover,
.nav-dd .dd-cont a.active,
.nav-dd .dd-cont a:focus {
    background: #007bff;
    color: white;
}





@media ( max-width: 991px ) {
    .product-pagination li a.page-link {
        margin: 0 3px;
    }
    .product-pagination .prev a::before,
    .product-pagination .next a::before {
        font-weight: bold;
        font-size: 25px;
    }
    .product-pagination .prev a::before {
        content: '\2039';
    }
    .product-pagination .next a::before {
        content: '\203A';
    }
}

@media ( min-width: 992px ) {
    .product-pagination .prev a::before {
        content: 'Предишна';
    }
    .product-pagination .next a::before {
        content: 'Следваща';
    }
}

.blog-section a span, .blog-section a {
    font-weight: bold;
    text-decoration: underline;
    color: #3498db;
}
.cat-descr ul {
    list-style-type: disc;
}

#pills6 a {
    text-decoration: underline;
    color: #206fbd;
}
#dimensions-cont img {
    width: auto;
}
@media(max-width: 769px){
    #dimensions-cont img {
        width: 100% !important;
        height: auto !important;
    }
}
.blog-section ul li {
    margin-left: 40px;
    font-size: unset;
}
.blog-section ul li {
    list-style-type: disc;
}
.cat-descr ul li h3 {
    font-size: 16px;
    line-height: unset !important;
}
.cat-descr ul li, .cat-descr ol {
    margin-left: 40px;
}



.shop-post-list.is-loading + .loading-ring {
    display: block;
}
.loading-ring {
    display: none;
    margin: 0 auto;
    width: 75px;
    height: 75px;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    color: #5894cf;
    animation: animateC 2s  ease-in-out infinite;
}
.loading-ring:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:3px solid transparent;
    border-top:3px solid #5894cf;
    border-right:3px solid #5894cf;
    border-top:3px solid #5894cf;
    border-bottom:3px solid #5894cf;
    border-radius:50%;
}
.loading-ring:after {
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    background:#5894cf;
    border-radius: 50%;
    top: 10px;
    left: 6px;
}

@keyframes animateC {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(-360deg);
  }
}
.promo-nav {
    background: #de3545 !important;
    background-color: #de3545;
    /* animation: blackFriday 4s  ease-in-out infinite; */
    border-bottom: none;
}
@keyframes blackFriday {
    0% {
        background-color: #de3545;
    }
    
    50% {
        background-color: black;
    }
    
    100% {
        background-color: #de3545;
    }
}

.footer-bar2 a:hover {
    color: #5894cf;   
}
.cat-descr ul li, ol li {
    font-size: 16px;
    color: #5f5f5f;
}

.cat-descr a {
    color: #5894cf;
    text-decoration: auto;
}