@font-face {
    font-family: IRANSansWeb;
    src: url('../fonts/IRANSansWeb.eot') format('eot'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: FontAwesome;
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
}

.float-none {
    float: none !important;
}

.m-auto {
    margin: auto !important;
    text-align: center !important;
}

.no-padding-xs {
    padding: 0;
}

label.icon-sort span {
    display: none;
}

@media (max-width: 900px) {
    .box02 span {
        left: 18px;
    }

    .box03 span {
        font-size: 11px;
        padding: 0 8px;
        bottom: 5px;
    }

    ul.nav.navbar-nav li a {
        float: right;
        color: #fff;
        padding: 15px 5px !important;
        font-size: 13px !important;
        text-shadow: none;
    }

    .hidden-xs.col-sm-2.col-md-4 .logo {
        margin-top: 13px;
    }

    div#main1 {
        background-size: cover !important;
    }

    .box a {
        padding: 0 5px !important;
        font-size: 11px !important;
        float: right;
    }

    .box01, .box02, .box03 {
        position: relative;
    }

    .text-slider {
        border-right: none !important;
    }

    div#main1 {
        background-size: cover !important;
        overflow: hidden;
    }
}

.c {
    background-size: cover;
    float: right;
    width: 100%;
    height: 100vh;
    OVERFLOW: HIDDEN;
}

.error {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    color: #eee;
    padding: 20px;
    display: none;
}

form.example {
    background: #f8f8f8;
    padding: 8px 15px;
    position: relative;
    margin-top: 15px;
    border-radius: 30px;
    box-shadow: 0 1px 2px 1px #e2e2e2;
}

form.example input {
    width: 100%;
    border: none;
    background: 0 0;
}

.search button {
    background: 0 0;
    position: absolute;
    left: -2px;
    top: 0;
    box-shadow: none;
    border: none;
    background-image: url(../images/search1.png);
    width: 96px;
    height: 46px;
}

button.search-btn span {
    color: #fff;
    font-size: 13px !important;
}

.box02 span {
    font-size: 11px;
    position: absolute;
    background: #959595;
    color: #fff;
    padding: 0 8px;
    left: -23px;
    color: #fff;
    bottom: 45px;
    transform: rotate(-90deg);
}

.box01 span {
    font-size: 11px;
    padding: 0 8px;
    bottom: 45px;
    transform: rotate(-90deg);
    position: absolute;
    background: #959595;
    right: 0;
}

.box03 span {
    font-size: 11px;
    padding: 0 8px;
    bottom: -25px;
    color: #fff;
    position: absolute;
    background: #959595;
    left: 0;
}

.text {
    margin: 30px 0;
}

span.fa1 {
    font-size: 60px;
    color: #16a5ad;
    display: block;
    margin: 30px 0;
    text-align: right;
}

span.fa2 {
    color: #16a5ad;
    float: right;
    width: 100%;
    text-align: right;
    font-size: 16px;
    margin-bottom: 15px;
}

span.fa3 {
    color: #16a5ad;
    font-size: 19px;
    cursor: pointer;
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    margin-bottom: 5px;
    word-spacing: 1px;
    line-height: 40px;
}

div#main8 h4 {
    color: #107cd9;
    font-size: 20px;
    text-align: center;
    margin: 20px;
}

div#main8 h3 {
    margin-top: 30px;
    line-height: 21px;
}

div#main8 {
    background-image: url(../images/img5.jpg);
    float: right;
    width: 100%;
    padding: 35px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

div#main8 .item {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 3px 2px #dcd9d9;
}

div#main8 .owl-item.active {
    padding: 15px 0;
}

.description-item1 {
    margin: auto;
    border-top: 1px solid #eee;
    width: 84%
}

.description-item1 h3 {
    margin: 10px 0 !important;
    color: #5b5f63;
    font-size: 16px;
}

.description-item1 .price {
    color: #16a5ad;
    font-weight: 700;
}

.thumbnail-img {
    position: relative;
}

div#main8 .item:hover .hover-item {
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.hover-item {
    position: absolute;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    right: 0;
    left: 0;
    background: #6160606b;
    z-index: 99;
    opacity: 0;
    height: 100%;
    top: 0;
    padding-top: 39%
}

a.link1, a.sabd {
    background: #f8f8f8;
    width: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    border-radius: 50%;
    color: #16a5ad;
    font-size: 12px;
    border: 1px solid;
}

a.link1:hover, a.sabd:hover {
    background: #16a5ad;
    color: #fff !important;
}

.owl-nav button.owl-next, .owl-nav button.owl-prev {
    background: #3974b9 !important;
    border: 1px solid #ccc;
    top: -70px !important;
}

button.owl-dot {
    border: none;
}

button.owl-dot {
    background: 0 0 !important;
}

button.owl-dot span {
    background: #89c6eb !important;
}

button.owl-dot.active span {
    background: #1ba5f7 !important;
}

p.text-justy {
    text-align: justify;
    color: #777;
}

.main h3 span, div#main8 h3 span {
    text-align: left;
    border-bottom: 1px solid #6d6a6a;
    padding-right: 7%;
    padding-bottom: 7px;
    position: relative;
}

.main h3 span:after, div#main8 h3 span:after {
    position: absolute;
    content: "";
    background: #333;
    width: 7px;
    height: 7px;
    left: -2px;
    bottom: -4px;
    border-radius: 50%
}

.main0:after {
    position: absolute;
    content: "";
    background: #5a5858;
    width: 160px;
    height: 1px;
    right: 0;
    top: 75px;
}

.main0:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #565454;
    border-radius: 50%;
    right: 157px;
    top: 72px;
}

span.fa1, span.fa2, span.fa3 {
    padding-right: 15%
}

.footer1 i {
    background: #16a5ad;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
    font-size: 25px;
    margin-left: 10px;
}

.footer1 a {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

.footer4 i {
    color: #777;
}

.footer4 h3 {
    color: #dedcdc;
}

.footer4 li {
    list-style: circle;
}

.footer4 li a {
    color: #dcdada;
    font-size: 13px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    display: inline-block;
}

.footer4 li a:hover {
    color: red;
}

.footer2 i, .footer3 i {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    padding: 0;
}

.footer2 h5 {
    margin-top: 0;
    color: #d8d4d4;
}

.footer {
    float: right;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 8px;
    background: #333;
    color: #fff;
}

.pos2 a.logo1 {
    display: inline-block;
    margin: 0 9px;
}

.slide-text {
    position: absolute;
    top: 100px;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

span.phone-left {
    font-weight: 700;
}

span.phone-left span:first-child {
    color: #e4252c;
    direction: ltr;
    text-align: center;
}

.phone5 {
    position: absolute;
    left: 0;
    background: #f8f8f8;
    padding: 14px;
    border-radius: 0 30px 30px 0;
    width: 201px;
    bottom: 24px;
    font-size: 16px;
}

span.phone-left span {
    display: block;
}

.phone5 span.phone-rght {
    float: left;
    color: #b9181d;
    font-size: 41px;
}

.slider .container-fluid {
    padding: 0 !important;
}

.right h3 {
    color: #ed251d;
    font-weight: 700;
    font-size: 30px;
}

div#demos1 {
    direction: ltr;
}

div#main2 {
    float: right;
    background: #f8f8f8;
    width: 100%
}

.main2 {
    /*background-image: url('../frontend/images/back2.jpg');*/
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 26px;
    background-size: cover;
    background-repeat: no-repeat;
}

.main2 .right a {
    float: left;
    color: #333;
    font-size: 13px;
}

.main2 .right {
    color: #000;
    font-size: 13px;
    text-align: justify;
}

.item2 h3 {
    margin-top: 4px;
    font-size: 15px;
    margin-bottom: 5px;
}

div#main5 .owl-nav.disabled {
    display: none !important;
}

div#main1 {
    overflow: hidden;
    position: relative;
    background-image: url('../images/img91.jpg');
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-top: 12px;
    background-repeat: no-repeat;
    background-size: 100%
}

div#main1:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    background-image: url('../images/whater.png');
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

div#main1 .center a {
    background: #fac907;
    color: #3486d0;
    padding: 6px 19px;
    margin-top: 6px;
    display: inline-block;
    border-radius: 30px;
    font-weight: 700;
    width: 150px;
    height: 44px;
    font-size: 16px;
    line-height: 33px;
}

div#main1 .center h3 {
    text-shadow: 0 2px 4px #333333ed;
    font-weight: 700;
    margin-top: 36px;
    font-size: 38px;
    margin-bottom: 25px;
}

div#main1 .center h2 {
    text-shadow: 0 2px 4px #333333ed;
    font-weight: 700;
    margin-top: 36px;
    font-size: 38px;
    margin-bottom: 25px;
}

div#main1 .center h4 {
    font-size: 29px;
}

div#demos .item:hover {
    transition: all .3s;
    border-radius: 5px;
}

.left1 {
    padding-bottom: 5px;
    background: #fff;
    width: 100%;
    float: right;
    font-size: 12px;
    text-align: justify;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.left1 .item2 a {
    float: left;
    color: #ef0606;
}

span.time1 i, span.view i {
    float: right;
    margin-left: 4px;
}

.item2 {
    float: right;
    width: 100%;
    border-bottom: 3px solid #eee;
    margin-bottom: 8px;
}

.box-bottom {
    background: #ebebeb;
    font-size: 13px;
}

.box-bottom h3 a {
    float: left;
    color: #777;
    font-size: 12px;
}

.box-bottom h3 span {
    color: #dc0d0d;
    font-size: 14px;
}

.item2 p {
    line-height: 19px;
    margin-bottom: 3px;
}

.item2:last-child {
    margin: 0;
    border: none;
}

.blog > h3 {
    margin-bottom: 0;
    margin-top: 0;
    color: #ede9e9;
    font-size: 14px;
    padding: 15px 10px;
    background: -moz-linear-gradient(top, #d41319 0, #902225 45%, #3b3435 100%);
    background: -webkit-linear-gradient(top, #d41319 0, #902225 45%, #3b3435 100%);
    background: linear-gradient(to bottom, #d41319 0, #902225 45%, #3b3435 100%);
}

.blog > h3 i {
    float: left;
}

.blog {
    font-size: 12px;
    text-align: justify;
}

.item3 h3 {
    margin-top: 0;
    font-size: 15px;
    margin-bottom: 2px;
}

.blog p {
    font-size: 11px;
    color: #777;
    line-height: 22px;
}

.item3 {
    background: #fff;
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-top: 13px;
}

div#demos1 {
    padding: 0;
}

div#main4 .owl-nav.disabled {
    display: none !important;
}

div#main4 .description.col-xs-12 {
    padding: 0;
}

span.time1, span.view {
    color: #777;
    float: right;
    line-height: 14px;
    margin-left: 7px;
}

div#main4 {
    padding: 4% 0;
    background: #f8f8f8;
    float: right;
    width: 100%
}

div#demos .item:hover h4 {
    color: #0466a0;
}

div#demos .item {
    transition: all .3s;
    box-shadow: 0 0 3px 2px #dcd9d9;
    margin-bottom: 15px;
    padding-bottom: 22px;
    margin-top: 30px;
}

div#demos .item:hover img {
    filter: brightness(1);
}

body {
    text-align: right !important;
    color: #333;
    font-family: IRANSansWeb;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    width: 100%;
    background: #fff;
}

a {
    font-family: IRANSansWeb !important;
}

a:hover {
    text-decoration: none;
}

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

ol {
    padding: 0;
}

.container-fluid {
    padding: 0 15px !important;
}

a.compare {
    margin-top: 22px;
    margin-right: 10px;
    font-size: 12px;
    color: #656060;
}

a.compare i {
    font-size: 27px;
    color: #16a5ad;
}

div#cart i {
    color: #16a5ad;
    font-size: 27px;
    margin-top: 5px;
}

div#cart {
    position: relative;
    margin-top: 17px;
}

span.cart1 {
    background: #d7d7d7;
    color: #16a5ad;
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    top: 9px;
    right: -15px;
}

.back1 {
    position: relative;
    top: 0;
    z-index: 9;
    width: 100%
}

ul.nav.navbar-nav {
    width: 100%;
    text-align: right;
    line-height: 5px;
}

.newsmove {
    color: #fff;
    font-size: 12px;
    background: #191818;
    line-height: 23px;
}

.navbar.navbar-inverse {
    background: 0 0;
    margin: 0;
    border: none;
    margin-top: 0;
    text-align: center;
}

ul.nav.navbar-nav li {
    float: none !important;
    margin-left: 10px;
    display: inline-block;
}

.menu .col-xs-12.col-sm-12, .navbar.navbar-inverse {
    position: static !important;
}

.menu {
    float: right;
    width: 100%;
    bottom: 0;
    border-top: 2px solid #fff;
}

ul.dropdown-menu li {
    width: 100%;
    margin-top: 11px;
    line-height: 8px;
}

ul.dropdown-menu li {
    width: 100%;
    margin-top: 11px;
    line-height: 8px;
}

ul.dropdown-menu h3 {
    text-align: center;
    font-size: 15px;
    padding: 0 7px;
    padding-bottom: 0;
    margin: auto;
    height: auto;
    display: inline-block;
    float: none;
    margin-bottom: 0;
    border-left: 1px solid #e3dfdf;
    width: 100%
}

li.li-menu:last-child h3 {
    border: none;
}

ul.nav.navbar-nav li.li-menu a img {
    margin-left: 10px;
}

ul.nav.navbar-nav li.li-menu:hover a.end-li-2 {
    border-color: #13a1af;
}

a.end-li-2:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    bottom: -5px;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    margin: auto;
}

a.end-li-2:hover:before {
    position: absolute;
    background-image: url(https://www.avinpump.com/frontend/images/arrow-3.png);
}

a.end-li-2 {
    position: relative;
}

.ul-menu-c {
    background: #eceded;
}

.ul-menu-c h4.end-li-3 {
    float: right;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #d6d5d5;
}

body h4.end-li-3 a {
    padding: 8px 5px !important;
    color: #333 !important;
}

body h4.end-li-3 a {
    font-weight: 700;
    font-size: 14px !important;
    color: #13a1af !important;
    width: 100%;
    text-align: right;
}

body h4.end-li-3 a i.fas.fa-caret-left {
    color: #16a5ad;
    font-size: 13px !important;
}

ul.nav.navbar-nav li.li-menu a {
    color: #333;
    position: relative;
    font-size: 12px;
}

ul.end-li-3 {
    border: 1px solid #e3e1e1;
    border-radius: 5px;
}

ul.end-li-3 a {
    padding: 12px !important;
}

ul.nav.navbar-nav li.li-menu a.end-li-2 {
    color: #333;
    font-size: 13px;
    padding: 3px 6px !important;
    line-height: 18px;
    width: 100%;
    text-align: right;
    border-bottom: 2px solid transparent;
    border-bottom: 1px solid #e1dfdf;
}

ul.dropdown-menu a.dropdown-toggle {
    color: #fff !important;
    font-size: 12px !important;
}

ul.dropdown-menu h3 img {
    margin: auto;
}

ul.dropdown-menu {
    text-align: center;
    overflow: hidden;
    background: #f1f3f3;
    width: 200px;
    left: auto;
    padding: 0;
    color: #fff;
    min-width: 200px;
}

ul.dropdown-menu {
    max-height: 0;
    transition: max-height .15s ease-out;
    box-shadow: none;
    height: 0;
}

ul.dropdown-menu .col-xs-12.col-sm-2 {
    padding: 15px;
}

li.dropdown:hover ul.dropdown-menu {
    overflow: visible;
    max-height: 600px;
    height: auto;
    transition: max-height .25s ease-in;
}

.footer5 {
    text-align: center;
    margin-top: 10px;
}

.footer5 img {
    margin: auto;
}

.top1.fixedLinks-fx {
    position: fixed;
    background: #fff;
    z-index: 999;
    width: 100%;
    border-bottom: 1px solid #dad7d7;
    top: 0;
    transition: top .3s;
}

.top1 {
    float: right;
    width: 100%;
    position: relative;
}

.top1.fixedLinks-fx .logo-top {
    display: none;
}

div#myCarousel {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.carousel-inner {
    height: 100vh;
}

div#main4 .item1 img {
    height: 302px;
}

ul.dropdown-menu:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 54%;
    opacity: .6;
}

div#main3 span {
    width: 100%;
    display: block;
    font-weight: 700;
    color: #696767;
    font-size: 18px;
}

div#main3 {
    float: right;
    border-top: 2px solid #777;
    border-bottom: 2px solid #777;
    width: 100%;
    /*background-image: url('../images/amar.jpg');*/
    background-size: cover;
    height: 140px;
    text-align: center;
    line-height: 30px;
    position: relative;
    font-size: 18px;
    padding-top: 35px;
}

.footer5 h4 {
    color: #c7c5c5;
}

ul.nav.navbar-nav li a.active, ul.nav.navbar-nav li a:hover {
    position: relative;
    color: #fff;
}

ul.nav.navbar-nav li a {
    position: relative;
    padding: 14px 13px;
    font-size: 13px;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}

ul.nav.navbar-nav li a:after {
    position: absolute;
    content: "";
    background: #16a5ad;
    top: -3px;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    opacity: 0;
    right: 0;
    left: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

ul.nav.navbar-nav li a.active:after, ul.nav.navbar-nav li a:hover:after {
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.top {
    padding: 0;
}

div#link li:after {
    position: absolute;
    content: "";
    left: 6px;
    width: 1px;
    height: 16px;
    background: #bcbbbb;
    top: 5px;
}

div#link li {
    display: inline-block;
    position: relative;
    padding-left: 3%
}

div#link li a {
    color: #353434;
    font-size: 12px;
}

div#link li i {
    text-align: right;
    font-size: 16px;
    color: #bcbbbb;
    margin-left: 8px;
    line-height: 24px;
    float: right;
}

.box {
    float: right;
    margin-top: 27px;
}

.box a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #4b4444;
    padding: 0 8px;
    font-size: 13px;
    float: right;
}

a.border9:after {
    height: 20px;
    width: 1px;
    background: #a29e9e;
    left: 0;
    content: "";
    position: absolute;
    top: 3px;
}

.img-eff {
    position: absolute;
    top: 30vh;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.img-eff img {
    margin: auto;
    text-align: center;
}

a.border9 {
    position: relative;
}

.main0 {
    padding: 15px 0;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
}

.main01 {
    padding: 15px 0;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
}

.logo-top {
    text-align: center;
    padding: 2px 0;
}

div#logo img {
    text-align: center;
    margin: auto;
}

.box i {
    font-size: 22px;
    color: #16a5ad;
    float: right;
}

.text-slider {
    position: absolute;
    left: 70px;
    top: 0;
    color: #fff;
    height: 70vh;
    border-right: 2px solid #fff;
    padding-right: 25px;
    width: 216px;
}

.text-sli {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.slider {
    float: right;
    overflow: hidden;
    width: 100%
}

a.register {
    background: #363636;
    color: #ebebeb;
    border: 1px solid;
    border-radius: 8px;
    padding: 3px 11px;
    font-size: 12px;
    margin-right: 10px;
}

a.login {
    background: #16a5ad;
    color: #ebebeb;
    border: 1px solid;
    border-radius: 8px;
    padding: 3px 11px;
    font-size: 12px;
    margin-right: 10px;
}

.border5 {
    border-bottom: 1px solid #4c4b4b;
    padding-bottom: 15px;
    padding-top: 18px;
    margin-bottom: 15px;
}

ul.nav.navbar-nav li a {
    position: relative;
    padding: 15px 13px;
    font-size: 15px;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}

span.text2 {
    position: absolute;
    top: 20%;
    left: 10%;
    color: #fff;
    font-size: 16px;
}

span.text2 span {
    display: block;
}

ul.nav.navbar-nav li ul.dropdown-menu a.dropdown-toggle {
    padding: 2px 5px;
    width: 100%
}

@media (max-width: 700px) {
    .sort_label span {
        padding: 5px !important;
        font-size: 11px !important;
    }

    label.icon-sort {
        width: 100%
    }

    .nav.nav-tabs li {
        margin: 0 0 0 8px !important;
    }

    .h1, h1 {
        font-size: 19px;
        line-height: 32px;
    }

    .panel-heading {
        padding: 5px 0 !important;
    }

    .c-product__title {
        font-size: 18px !important;
    }
}

@media (max-width: 700px) {
    .menu {
        border-bottom: 1px solid #087ddd;
    }

    ul.nav.navbar-nav.menu7 li.dropdown {
        display: block;
        width: 100% !important;
        float: right !important;
    }

    .navbar-nav {
        margin: 0 !important;
        background: #f5f5f5;
    }

    body .menu ul.nav.navbar-nav li.dropdown > a {
        color: #56585b !important;
        text-align: right;
    }

    li.dropdown ul.dropdown-menu {
        position: static;
        width: 100%;
        border: none;
        border-top: 2px solid #20a5ac;
        background: #edeaea;
    }

    body .menu ul.nav.navbar-nav li.dropdown {
        width: 100% !important;
        float: right !important;
        border-bottom: 1px solid #ccc;
    }

    .footer2 {
        float: right;
        width: 100%;
        margin: 15px 0;
    }

    a.compare {
        margin-top: 8px !important;
    }

    div#main1 {
        background-size: cover !important;
        overflow: hidden;
    }
}

@media (max-width: 1200px) {
    a.left.carousel-control, a.right.carousel-control {
        line-height: initial !important;
        color: #ffffffa3;
        height: 50px;
        top: 46%
    }
}

td {
    padding: 8px 4px;
}

@media (max-width: 700px) {
    .main0:after {
        width: 52px !important;
    }

    span.fa3 {
        color: #16a5ad;
        font-size: 19px !important;
    }

    .main0:before {
        right: 48px !important;
    }

    table.table-bordered {
        width: 100% !important;
    }

    .icon-menu-xs:after {
        position: absolute;
        content: "+";
        width: 20px;
        height: 20px;
        color: #fff;
        left: 41px;
        top: -30px;
        font-size: 18px;
        border: 1px solid #b0aaaa;
        border-radius: 50%;
        text-align: center;
        line-height: 23px;
        background: #777;
    }

    .icon-menu-xs {
        position: relative;
        float: left;
        color: transparent;
    }

    .icon-menu-xs.plus:after {
        position: absolute;
        content: "-";
        font-size: 32px;
    }

    span.caret.icon-menu-xs:after {
        top: 7px;
        left: 36px;
    }

    ul.dropdown-menu {
        height: 0 !important;
        overflow: hidden !important;
    }

    li.dropdown.open1 ul.dropdown-menu {
        max-height: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    ul.nav.navbar-nav li.li-menu a.end-li-2 {
        padding: 15px 20px 0px 0px !important;
    }

    body ul.nav.navbar-nav ul.end-li-3 li a {
        padding-right: 17px !important;
    }

    body ul.nav.navbar-nav ul.end-li-4 li a {
        padding-right: 22px !important;
    }

    body ul.nav.navbar-nav ul.end-li-5 li a {
        padding-right: 26px !important;
    }

    span.caret.icon-menu-xs {
        position: relative !important;
        float: left;
        top: 0 !important;
    }

    ul.end-li-3 li {
        height: 0;
        overflow: hidden;
    }

    .end-li-4, ul.end-li-3, ul.end-li-5 {
        position: relative !important;
        right: 0 !important;
        min-width: 100% !important;
        background: #f1f3f3;
        top: 0 !important;
        display: block !important;
        float: right !important;
        height: 0 !important;
    }

    ul.open1, ul.open1 li {
        height: auto !important;
        float: right !important;
        width: 100%
    }

    li.dropdown:hover ul.dropdown-menu {
        overflow: visible;
        max-height: 100%;
        height: auto;
        transition: max-height .25s ease-in;
    }

    .menu {
        position: static;
    }

    a.left.carousel-control, a.right.carousel-control {
        line-height: initial !important;
        color: #ffffffa3;
        height: 50px;
        top: 46%
    }

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
        float: left;
        width: 190px;
    }

    a.navbar-brand {
        padding: 4px;
    }

    a.navbar-brand img {
        width: 51%;
        float: left;
    }

    .box {
        margin-top: 10px !important;
    }

    div#cart {
        margin-top: 2px !important;
    }

    button.navbar-toggle {
        border-color: #087ddd !important;
        background: #087ddd;
    }

    ul.nav.navbar-nav li a.active, ul.nav.navbar-nav li a:hover {
        position: relative;
        color: #2f2d2d !important;
    }

    ul.nav.navbar-nav li a {
        float: right;
        color: #484646 !important;
        padding: 14px 15px;
    }

    .menu.visible-xs {
        position: relative;
        background: #e6e0e0;
    }

    .text-slider {
        position: absolute;
        top: 50px;
        border-right: none !important;
        width: 100%;
        height: auto;
        min-height: 120px;
    }

    div#main1 {
        background-size: cover !important;
    }

    .box01, .box02, .box03 {
        position: relative;
    }
}

.box-content.pr-de ul.icon {
    bottom: 0;
    margin-top: 77px;
}

.box-content.pr-de ul.icon button#button-carts1 {
    background: 0 0;
}

.product-main-categori:hover .box-content {
    display: block;
}

.box-content.pr-de {
    opacity: 0;
}

@media (min-width: 900px) {
    .logo {
        text-align: left;
        float: left;
    }

    span.caret.icon-menu-xs.plus {
        position: absolute;
        top: 33px;
        color: #fff;
        left: 0;
    }

    .box02 {
        position: absolute;
        left: 25px;
        top: 0;
    }

    .box01 {
        position: absolute;
        right: 28px;
        top: 35px;
    }

    .box03 {
        position: absolute;
        top: 200px;
        right: 229px;
        width: 305px;
    }
}

.footer4 li {
    list-style: circle;
}

.footer4 li a {
    color: #dcdada;
    font-size: 13px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    display: inline-block;
}

.footer4 li a:hover {
    color: #16a5ad;
}

.footer2 i, .footer3 i {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    padding: 0;
}

.footer2 h5 {
    margin-top: 0;
    color: #d8d4d4;
}

a.register {
    background: #363636;
    color: #ebebeb;
    border: 1px solid;
    border-radius: 8px;
    padding: 3px 11px;
    font-size: 12px;
    margin-right: 10px;
}

a.read-more {
    position: absolute;
    bottom: -21px;
    left: 1px;
    background: #1ba5f7;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    opacity: 0;
    line-height: 28px;
}

a.link {
    position: absolute;
    top: 50px;
    background: #fff;
    opacity: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    text-align: center;
    line-height: 35px;
    left: 0;
    margin: auto;
    box-shadow: 0 0 2px 1px #ccc;
}

div#demos .item:hover a.link, div#demos .item:hover a.read-more {
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.pos1 a.logo1 {
    display: inline-block;
    margin: 0 9px;
}

.row.box2 {
    float: right;
    width: 100%;
    margin-top: -10px;
    text-align: center;
    position: relative;
}

.box1 {
    display: inline-block;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

a.left.carousel-control, a.right.carousel-control {
    line-height: 90vh;
    color: #ffffffa3;
}

.pos1 {
    margin-top: 10px;
}

.description {
    font-size: 11px;
    text-align: right;
}

div#demos .item1 img {
    width: auto;
    margin: auto;
    height: auto !important;
}

div#demos .item h4 span {
    border-bottom: 1px solid #b5b4b4;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 5px;
}

div#demos .item h4 span:after {
    position: absolute;
    content: "";
    background: #1ba5f7;
    width: 20px;
    height: 3px;
    bottom: -2px;
    right: 0;
    left: 0;
    margin: auto;
}

div#demos .item h4 {
    margin-top: 20px !important;
    color: #676161;
    display: block;
    text-align: right;
    font-size: 13px;
    float: right;
    width: 100%;
    margin: 5px 0;
    margin-bottom: 19px;
    padding: 0;
    font-weight: 700;
    text-align: center;
}

#demos .item p {
    margin: 0;
    float: right;
    padding: 0 10px;
    direction: rtl;
    text-align: justify;
}

div#main9 {
    text-align: center;
    padding: 25px 0;
    float: right;
    width: 100%;
    overflow: hidden;
}

div#main9 h3 {
    margin-bottom: 25px;
}

a.fave {
    background: #088170;
    margin-top: 2px;
    float: left;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 46px;
    font-size: 22px;
}

.owl-nav.disabled {
    display: block !important;
}

.large-12.columns {
    float: right;
    width: 100%
}

p.readmore-item a {
    color: #f47105;
}

.owl-carousel .owl-item span.star img {
    width: auto;
    margin-right: 2px;
    float: right;
}

#demos .item {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.694, 0, .335, 1);
    -o-transition: opacity .3s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1);
    background: #ffffffad;
}

div#demos .item1 {
    height: 155px;
    overflow: hidden;
    position: relative;
}

.item:hover .thumbnail-img img, div#demos .item:hover .item1 img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

div#demos .item1 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    height: 150px;
    -webkit-transition: opacity .3s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
    -o-transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
}

.thumbnail-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
    -o-transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1);
    transition: opacity .3s cubic-bezier(.694, 0, .335, 1), transform .7s cubic-bezier(.694, 0, .335, 1), -webkit-transform .7s cubic-bezier(.694, 0, .335, 1);
}

#demos {
    direction: ltr;
    margin: 10px 0;
    float: right;
    width: 100%
}

.description {
    float: right;
    padding: 5px 3px;
    width: 100%
}

.left1 h3 {
    margin-top: 0;
}

.owl-prev {
    color: transparent;
    position: absolute;
    margin: 0 1%;
    text-align: center;
    display: inline-block;
    right: -4px;
}

.owl-next {
    color: #fff;
    position: absolute;
    margin: 0 1%;
    text-align: center;
    display: inline-block;
    left: -5px;
}

a.more:hover {
    color: #118eef;
    background: 0 0;
}

a.more {
    margin: auto;
    background: #118eef;
    color: #fff;
    padding: 10px 5px;
    width: 170px;
    display: inherit;
    border: 1px solid #118eef;
    text-align: center;
    border-radius: 30px;
    margin-top: 5%
}

.newsmove span {
    margin-top: 5px;
    display: inline-block;
    font-weight: 700;
}

.right9 {
    float: right;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

span.submitform {
    cursor: pointer;
    float: right;
    margin-top: 0;
    padding: 15px 13px;
}

form.form-serch {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    width: 90%;
    z-index: 999;
    background: #efeded;
    margin: auto;
    margin-top: 48px;
    padding: 15px;
}

.highlight {
    display: block !important;
}

form.form-serch button {
    position: absolute;
    left: 0;
    top: 19px;
    left: 21px;
    background: 0 0;
    border: none;
}

form.form-serch input[type=text] {
    width: 100%;
    min-height: 30px;
    height: 36px;
    padding: 0 10px;
}

form.form-serch button {
    position: absolute;
    left: 0;
    top: 23px;
    left: 21px;
    background: 0 0;
    border: none;
}

span.submitform i {
    font-size: 17px;
}

span.price2 {
    color: red;
}

span.price1 {
    color: green;
}

.owl-nav {
    width: 100%;
    position: absolute;
    float: right;
    top: 50%
}

.main {
    float: right;
    width: 100%;
    background-image: url(../images/img9.png);
}

div#myNavbar {
    padding: 0;
}

nav.navbar.navbar-inverse {
    background: 0 0;
}

.back {
    position: relative;
}

div#lan a {
    padding: 0;
}

div#lan {
    margin-top: 3%
}

.no-padding {
    padding: 0;
}

ul.nav.navbar-nav li {
    float: right;
    margin-left: 0;
}

ul.nav.navbar-nav li a {
    color: #666 !important;
    float: right;
    padding: 14px 15px;
}

.carousel-control {
    box-shadow: none !important;
    background: 0 0 !important;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

h3.title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}

.box4 {
    position: relative;
}

.left1 .col-sm-4.col-xs-12, .left1 .col-sm-6.col-xs-12 {
    padding: 5px 5px;
}

.right-side {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.right-side h4 {
    margin: 0;
    background: #118eef;
    margin-top: 0;
    padding: 10px;
    color: #fff;
    font-size: 13px;
}

.right-side ul {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    padding: 10px;
    width: 100%;
    float: right;
}

.right-side ul li {
    border-bottom: 1px solid #dbd7d7;
    width: 100%;
    float: right;
}

.right-side ul li a {
    color: #a09947;
    width: 100%;
    font-size: 13px;
    float: right;
}

.right-side ul li a span {
    float: left;
}

.description2 {
    background: #f0f9ff;
    background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0, rgba(49, 49, 51, .64) 48%, rgba(24, 22, 23, .74) 100%);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: left;
    padding: 0 10px;
    font-size: 12px;
}

div#footer-text21 li {
    background: #fff;
    display: inline-block;
    margin: 15px 7px;
    box-shadow: 0 2px 2px 1px #c5c3c3;
    border-radius: 5px;
    padding: 10px;
}

div#footer-text2, div#footer-text2 a {
    color: #777;
    padding: 15px 0;
}

.box a:hover {
    background: #13a8ae;
    border-radius: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #fff;
}

div#main1 h4 {
    opacity: .5;
    margin: 15px 0;
}

span.text61 {
    background: #16a5ad;
    color: #fff;
}

span.text61 {
    background: #16a5ad;
    color: #fff;
    opacity: 0;
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

a.logo1:hover span.text61 {
    opacity: 1;
}

span.img61 {
    width: 120px;
    background: #fff;
    float: right;
    height: 120px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 3px 1px #ccc;
    overflow: hidden;
}

.footer5 li {
    display: inline-block;
}

.footer5 li i {
    background: #1b78cc;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 4px 2px 1px #000;
}

.footer5 li i.fa.fa-twitter {
    background: #00adff;
}

.footer5 li i.fa.fa-facebook-f {
    background: #0f5ae1;
}

.footer5 li i.fa.fa-whatsapp {
    background: #07ab07;
}

.footer5 li i.fa.fa-send-o {
    background: #1180f1;
}

.footer5 li i:hover {
    background: #5b5a5a !important;
}

.footer5 li i.fa.fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.product-main-categori {
    position: relative;
}

.product-main-categori .box-content {
    display: none;
    padding: 0;
    position: absolute;
    top: 69px;
    left: 23px;
    width: 35px;
    transition: all .3s ease-in-out 0s;
}

h3.title a {
    color: #000;
    font-size: 14px;
    display: block;
    min-height: 50px;
    line-height: 1.5;
}

.product-main-categori .price {
    text-align: center;
    font-weight: 600;
}

.product-main-categori .box-content:after, .product-main-categori .box-content:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0;
    transform: scale(1.5);
    transition: all .6s ease .3s;
}

.product-main-categori .title {
    font-size: 15px;
    color: #000;
    margin: 0;
    position: relative;
    transition: all 1s ease 10ms;
    text-align: center;
}

.product-main-categori:hover .title:after {
    width: 80%;
    transition: all 1s ease .8s;
}

.product-main-categori .icon {
    width: 100%;
}

.product-main-categori:hover .icon {
    opacity: 1;
    bottom: 24%
}

.product-main-categori .icon li {
    display: inline-block;
    margin-top: 5px;
}

.product-main-categori .icon li a:hover {
    background: #f5f5f5;
    color: #16a5ad;
}

.product-main-categori .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    border: 1px solid #16a5ad;
    margin-right: 5px;
    transition: all .3s ease-in-out 0s;
    z-index: 9;
    position: relative;
    background: #16a5ad;
}

.product-main-categori .icon li a i::before {
    line-height: 37px;
}

.product-main-categori .icon li a:hover {
    background: #16a5ad;
    color: #fff;
    border-color: #16a5ad;
}

.product-main-categori:hover .img-product img {
    transform: scale(1.1, 1.1);
    cursor: pointer;
}

.product-main-categori .img-product img {
    transition: opacity .35s, transform .35s;
}

div.example {
    background: #f8f8f8;
    padding: 8px 15px;
    position: relative;
    margin-top: 15px;
    border-radius: 30px;
    box-shadow: 0 1px 2px 1px #e2e2e2;
}

div.example input {
    width: 100%;
    border: none;
    background: 0 0;
}

.search-btn {
    background: 0 0;
    position: absolute;
    left: -2px;
    top: 0;
    box-shadow: none;
    border: none;
    background-image: url(../images/search8.jpg);
    width: 96px;
    height: 46px;
}

a.compare, div#cart {
    float: right;
}

a#grid i, a#list i {
    color: #087ddd;
}

a#grid, a#list {
    background: 0 0;
    border: none;
}

.desc-category {
    float: right;
    width: 100%;
    max-height: 46px;
    overflow: hidden;
    text-align: center;
}

select#input-limit {
    float: left;
    border: 1px solid #dad7d7;
    padding: 3px 6px;
    height: 30px;
}

.col-sm-2.gap-col.sort-icon .btn-group.btn-grid {
    float: left;
}

.col-sm-1.gap-col.sort-icon {
    margin-top: 3px;
}

h1.mb-4 {
    color: #636161;
    font-size: 22px;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 13px;
    margin-bottom: 20px;
    position: relative;
}

h1.mb-4:after {
    position: absolute;
    content: "";
    background: #087ddd;
    bottom: -1px;
    width: 50px;
    height: 3px;
    right: 0;
}

a.btn.btn-primary {
    background: #087ddd;
    border: 4px double #fff;
    margin: 18px 0;
}

a.btn.btn-primary:hover {
    color: #087ddd;
    background: 0 0;
    border-color: #087ddd;
}

.conten8 {
    min-height: 300px;
    background: #f5f5f5;
}

.conten8 {
    min-height: 300px;
    background: #f5f5f5;
    padding: 15px 0;
    float: right;
    width: 100%
}

.container1 {
    background: #fff;
}

span#usericon {
    background: #10a3ad;
    color: #fff;
    border: none;
}

.row.news-wrapp {
    text-align: justify;
    font-size: 13px;
}

.row.news-wrapp i {
    color: #087ddd;
}

.row.news-wrapp .pull-right img {
    width: 100%;
    border: 4px double #087ddd;
    margin-top: 15px;
}

h2.font-16.ct-color.margin-top-5 {
    border-bottom: 1px solid #d8d7d7;
    padding-bottom: 15px;
    position: relative;
}

h2.font-16.ct-color.margin-top-5:after {
    position: absolute;
    content: "";
    background: #087ddd;
    width: 20px;
    bottom: 0;
    right: 0;
    height: 2px;
}

span.pull-left.sub-title.color, span.pull-right.sub-title.no-indent.color {
    float: right !important;
    margin-right: 10px;
    font-size: 12px;
    color: #777;
}

button.form-control.btn.btn-primary.btn-reg:hover, button.form-control.btn.btn-primary.btn-register:hover {
    background: 0 0;
    color: #087ddd;
    border-color: #087ddd;
}

button.form-control.btn.btn-primary.btn-reg, button.form-control.btn.btn-primary.btn-register {
    background: #087ddd;
    border: 4px double #fff;
    width: 150px;
    margin: auto;
    height: 46px;
    border-radius: 5px !important;
}

input {
    font-size: 14px !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

input#remember {
    margin-right: 0;
    margin-top: 10px;
}

div#result {
    position: absolute;
    overflow: hidden;
    z-index: 99;
    overflow-y: scroll;
    background: #fff !important;
    width: 93% !important;
}

div#result::-webkit-scrollbar, ul.footer-item::-webkit-scrollbar {
    width: 8px;
}

div#result::-webkit-scrollbar-track, ul.footer-item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc;
    border-radius: 10px;
}

div#result::-webkit-scrollbar-thumb, ul.footer-item::-webkit-scrollbar-thumb {
    background: #087ddd;
    border-radius: 10px;
}

div#result::-webkit-scrollbar-thumb:hover, ul.footer-item::-webkit-scrollbar-thumb:hover {
    background: #002877;
}

a.btn.btn-success:hover {
    background: 0 0;
    color: #16a5ad;
    border-color: #16a5ad !important;
}

.btn-success {
    background: #16a5ad;
    border: 4px double #fff;
    padding: 6px 20px;
}

input#input-quantity {
    width: 50px;
    float: right;
}

button.btn.btn-refresh.btn-info {
    float: right;
    margin-right: 5px;
    padding: 5px 10px;
}

button#card-trush {
    padding: 5px 10px;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
    text-align: center;
    background: #14a7ae;
    color: #fff;
}

.product-thumb1 {
    border-bottom: 1px solid #dcd8d8;
    padding: 10px 0;
}

.name-category a {
    color: #5a5e61;
    margin-top: 3px;
    display: block;
}

.table-responsive {
    background: #fff;
}

label.control-label {
    float: right;
}

.row.c-product .form-group {
    margin-bottom: 15px;
    float: left;
}

.btn-add-to-cart__txt {
    padding-right: 29px !important;
}

.btn-add-to-cart::before {
    width: 73px !important;
}

.no-pading {
    padding: 0;
}

.left-pr-text {
    text-align: justify;
}

.left-pr-text p {
    font-weight: 400 !important;
    font-size: 13px;
    text-align: justify;
}

.add-to-card .icon i {
    font-size: 22px;
    margin-top: 4px;
}

.btn-add-to-cart.js-add-to-cart.js-btn-add-to-cart.addToCart.text-light {
    background-color: #1391d5 !important;
    border: 1px solid #1391d5 !important;
    font-size: 13px;
    padding: 11px 18px;
    border-radius: 4px;
}

.add-to-card {
    background-color: #1391d5 !important;
}

.c-price__value.js-variant-price {
    padding-top: 15px;
    color: #16a5ad !important;
    font-size: 19px;
    font-weight: 700;
}

ul.icon {
    text-align: center;
}

.tab-content ul.icon a.addToCart, .tab-content ul.icon a.red-tooltip {
    text-align: center;
    padding: 0;
    color: #fff;
    border-color: #16a5ad;
    background: #16a5ad;
    font-size: 15px;
}

.tab-content button#button-carts1 {
    background: #fff;
}

.table {
    margin-bottom: 0;
}

button.btn.btn-refresh.btn-info {
    background: #e2e0e0;
    color: green;
    border-color: #ccc8c8;
}

button#card-trush {
    background: #e2e0e0;
    border-color: #ccc8c8;
    color: #d40b0b;
}

.menu.visible-xs li.dropdown {
    width: 100%;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
}

.menu.visible-xs span.caret {
    float: left;
}

.menu.visible-xs li.dropdown a:hover {
    background: #087ddd !important;
    color: #fff !important;
}

.menu.visible-xs li.dropdown a {
    padding: 6px !important;
    font-size: 14px;
    color: #1c1b1b !important;
    width: 100%;
    text-align: right;
    text-shadow: none;
}

.main0 {
    min-height: 500px;
}

.main01 {
    min-height: 500px;
}

.li-menu li {
    margin: 0 !important;
}

.li-menu a i {
    margin-left: 5px;
}

.li-menu a:after {
    display: none;
    width: 0;
    height: 0 !important;
}

ul.end-li-4 li:hover ul.end-li-5 {
    display: block;
}

ul.end-li-3 li:hover ul.end-li-4 {
    display: block;
}

ul.end-li-3, ul.end-li-5 {
    position: absolute;
    right: 100%;
    min-width: 220px;
    background: #f1f3f3;
    top: 0;
    display: none;
    border: 1px solid #e3e1e1;
    border-radius: 5px;
}

li.li-menu:hover ul.end-li-3 {
    display: block;
}

li.li-menu a {
    border-bottom: 1px solid #e1dfdf;
}

ul.end-li-3 li:hover > a, ul.end-li-4 li:hover > a, ul.end-li-5 li:hover > a {
    background: #17a5ad;
    color: #fff !important;
}

li.li-menu:hover a.end-li-2 {
    background: #17a5ad;
    color: #fff !important;
}

li.li-menu a:hover {
    color: #1da2b1 !important;
}

.end-li-4 {
    float: right;
    margin-top: 0;
    width: 100%;
    position: ABSOLUTE;
    RIGHT: 100%;
    background: #f1f3f3;
    top: 0;
    display: none;
    border: 1px solid #e3e1e1;
    border-radius: 5px;
}

.ul-menu-end a {
    padding: 7px 5px !important;
}

.ul-menu-end a i {
    font-size: 5px;
    color: #737374;
}

li.end-li-5 i {
    float: right;
    margin-left: 3px;
}

li.end-li-5 {
    padding-right: 10px;
}

ul.nav.navbar-nav li.li-menu {
    float: right !important;
    width: 100%;
    padding: 4px 0;
    margin: 0;
}

.ul-menu-end {
    position: absolute;
    width: 100%;
    background: red;
    top: auto;
    display: none;
}

li.li-menu:hover .ul-menu-end {
    display: block;
}

.ul-menu-end {
    position: absolute;
    width: auto;
    background: #eceded;
    display: none;
    min-width: 200px;
    z-index: 999999;
    right: 100%
}

.ul-menu-end a.dropdown-toggle {
    color: #333 !important;
}

.li-menu img {
    float: right;
    width: 70px;
    border-radius: 5px;
}

ul.nav.navbar-nav li.li-menu a {
    color: #333;
    position: relative;
    font-size: 12px;
    width: 100%;
    text-align: right;
    line-height: 20px;
    padding: 4px 6px !important;
}

.menu ul.nav.navbar-nav li.dropdown > a {
    color: #000 !important;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.card-body.product-main-categori:hover .box-content.product-Related {
    opacity: 1;
}

li.nav-item.active a {
    BACKGROUND: #3778c2 !important;
    color: #fff !important;
}

.box-content.product-Related {
    opacity: 0;
}

.box-content.product-Related ul.icon {
    margin-top: 80px;
}

.box-content.product-Related ul.icon button#button-carts1 {
    background: 0 0;
}

.logo img {
    margin: 0 auto;
}

.input-quick-search input.input-field {
    border: 1px solid #ebeff3 !important;
    box-shadow: none !important;
    padding-right: 10px;
    font-size: 12px !important;
    border-radius: 3px !important;
}

#about-us {
    text-align: justify;
    line-height: 40px;
    width: 100%;
    font-weight: 700;
    font-size: 1em;
    padding: 10px 20px;
}

li.li-category > a {
    border-bottom: 1px dashed #eee;
}

li.li-category {
    border: none !important;
}

.categori-name {
    border-bottom: 1px dashed #eee;
    float: right;
    width: 100%
}

.input-quick-search::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    position: absolute;
    right: 89% !important;
    top: 10px;
    font-size: 18px;
    color: #278de1 !important;
}

div#main1:after {
    display: inline-block;
    background-size: 100% auto;
    width: 100%;
    animation: cbg-pos-move 30s infinite alternate linear, bounce;
    -moz-animation: cbg-pos-move 30s infinite alternate linear, bounce;
    -webkit-animation: cbg-pos-move 30s infinite alternate linear, bounce;
    -ms-animation: cbg-pos-move 30s infinite alternate linear, bounce;
    -o-animation: cbg-pos-move 30s infinite alternate linear, bounce;
    background-size: 100% auto;
    position: relative;
}

@keyframes cbg-pos-move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -250px;
    }
}

@-moz-keyframes cbg-pos-move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -250px;
    }
}

@-webkit-keyframes cbg-pos-move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -250px;
    }
}

.tab-pane td {
    width: auto !important;
}

.tab-pane table {
    width: auto !important;
}

.tab-content {
    width: auto !important;
    line-height: 40px;
}

.tab-pane h1 {
    line-height: 45px;
}

.menu.fixed .navbar {
    position: fixed !important;
    top: 0;
    width: 100%;
    right: 0;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0px 0px 5px #928d8d !important;
}

.li-menu ul {
    min-height: 100% !important;
}

.d-block.lbl {
    text-align: center;
    font-size: 11px;
    color: #000;
}

ul.icon .add-to-card.ajax-form {
    background-color: transparent !important;
}

.image img {
    margin: auto;
}

.product-thumb.list-view.product-main-categori img {
    width: 100% !important;
}

.product-thumb .add-to-card.ajax-form a {
    display: block;
    color: #fff;
    padding: 5px;
    border-radius: 25px !important;
}

.product-thumb .add-to-card {
    border-radius: 25px !important;
}

.product-thumb.list-view.product-main-categori.cat {
    min-height: 441px;
}

#callnowbutton {
    display: none
}

@media screen and (max-width: 650px) {
    #callnowbutton {
        display: block;
        position: fixed;
        text-decoration: none
    }

	ul.nav.navbar-nav li.li-menu {
		padding: 0px !important;
	}

    #callnowbutton.cnb-full {
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .18);
        width: 100%;
        left: 0;
        height: 60px
    }

    .cnb-full.cnb-full-bottom {
        bottom: 0
    }

    .cnb-full.cnb-full-top {
        top: 0
    }

    #callnowbutton.cnb-single {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
        background-position: center;
        background-size: 35px 35px;
        background-repeat: no-repeat
    }

    .cnb-single.cnb-middle {
        bottom: 15px;
        left: 50%;
        margin-left: -28px
    }

    .cnb-single.cnb-left {
        bottom: 15px;
        left: 20px
    }

    .cnb-single.cnb-right {
        bottom: 15px;
        right: 20px
    }

    .cnb-single.cnb-mleft {
        top: 50%;
        margin-top: -28px;
        left: 20px
    }

    .cnb-single.cnb-mright {
        top: 50%;
        margin-top: -28px;
        right: 20px
    }

    .cnb-single.cnb-tleft {
        top: 15px;
        left: 20px
    }

    .cnb-single.cnb-tmiddle {
        top: 15px;
        left: 50%;
        margin-left: -28px
    }

    .cnb-single.cnb-tright {
        top: 15px;
        right: 20px
    }

    #callnowbutton.cnb-single.cnb-middle span, #callnowbutton.cnb-single.cnb-tmiddle span {
        display: none
    }

    .cnb-single.cnb-left span, .cnb-single.cnb-mleft span, .cnb-single.cnb-tleft span {
        left: 68px
    }

    .cnb-single.cnb-right span, .cnb-single.cnb-mright span, .cnb-single.cnb-tright span {
        right: 68px
    }

    .cnb-single.cnb-text span {
        -moz-osx-font-smoothing: grayscale;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block;
        width: auto;
        background-color: rgba(70, 70, 70, .9);
        position: absolute;
        border-radius: 2px;
        font-family: helvetica, arial, sans-serif;
        padding: 6px 8px;
        font-size: 13px;
        font-weight: 700;
        color: #ececec;
        top: 15px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
        word-break: keep-all;
        line-height: 1em;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap
    }

    .cnb-single:not(.cnb-text) span {
        display: none
    }

    .cnb-full.cnb-text {
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: 120%;
        overflow: hidden;
        white-space: nowrap
    }

    .cnb-full.cnb-zoom-110 img, .cnb-full.cnb-zoom-120 img, .cnb-full.cnb-zoom-130 img {
        transform-origin: right
    }

    .cnb-single.cnb-zoom-70, .cnb-full.cnb-zoom-70 img {
        transform: scale(.7)
    }

    .cnb-single.cnb-zoom-80, .cnb-full.cnb-zoom-80 img {
        transform: scale(.8)
    }

    .cnb-single.cnb-zoom-90, .cnb-full.cnb-zoom-90 img {
        transform: scale(.9)
    }

    .cnb-single.cnb-zoom-110, .cnb-full.cnb-zoom-110 img {
        transform: scale(1.1)
    }

    .cnb-single.cnb-zoom-120, .cnb-full.cnb-zoom-120 img {
        transform: scale(1.2)
    }

    .cnb-single.cnb-zoom-130, .cnb-full.cnb-zoom-130 img {
        transform: scale(1.3)
    }

    .cnb-full.cnb-zoom-70 span {
        font-size: 70%
    }

    .cnb-full.cnb-zoom-80 span {
        font-size: 80%
    }

    .cnb-full.cnb-zoom-90 span {
        font-size: 90%
    }

    .cnb-full.cnb-zoom-110 span {
        font-size: 110%
    }

    .cnb-full.cnb-zoom-120 span {
        font-size: 120%
    }

    .cnb-full.cnb-zoom-130 span {
        font-size: 130%
    }

    .cnb-zindex-10 {
        z-index: 2147483647
    }

    .cnb-zindex-9 {
        z-index: 214748365
    }

    .cnb-zindex-8 {
        z-index: 21474836
    }

    .cnb-zindex-7 {
        z-index: 2147484
    }

    .cnb-zindex-6 {
        z-index: 214748
    }

    .cnb-zindex-5 {
        z-index: 21475
    }

    .cnb-zindex-4 {
        z-index: 2147
    }

    .cnb-zindex-3 {
        z-index: 215
    }

    .cnb-zindex-2 {
        z-index: 21
    }

    .cnb-zindex-1 {
        z-index: 2
    }
}

.arcuAnimated {
    animation-duration: 0.2s;
    animation-fill-mode: both
}

.arcuAnimated.infinite {
    animation-iteration-count: infinite
}

.arcuAnimated.hinge {
    animation-duration: 2s
}

.arcuAnimated.bounceIn, .arcuAnimated.bounceOut, .arcuAnimated.flipOutX, .arcuAnimated.flipOutY {
    animation-duration: .75s
}

@keyframes arcu_bounce {
    20%, 53%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.arcuAnimated.bounce {
    animation-name: arcu_bounce;
    transform-origin: center bottom
}

@keyframes arcu_flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.arcuAnimated.flash {
    animation-name: arcu_flash
}

@keyframes arcu_pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.pulse {
    animation-name: arcu_pulse
}

@keyframes arcu_rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.rubberBand {
    animation-name: arcu_rubberBand
}

@keyframes arcu_shake {
    from, to {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.arcuAnimated.shake {
    animation-name: arcu_shake
}

@keyframes arcu_headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.arcuAnimated.headShake {
    animation-timing-function: ease-in-out;
    animation-name: arcu_headShake
}

@keyframes arcu_swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.arcuAnimated.swing {
    transform-origin: top center;
    animation-name: arcu_swing
}

@keyframes arcu_tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.tada {
    animation-name: arcu_tada
}

@keyframes arcu_wobble {
    from {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        transform: none
    }
}

.arcuAnimated.wobble {
    animation-name: arcu_wobble
}

@keyframes arcu_jello {
    11.1%, from, to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.arcuAnimated.jello {
    animation-name: arcu_jello;
    transform-origin: center
}

@keyframes arcu_bounceIn {
    20%, 40%, 60%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.bounceIn {
    animation-name: arcu_bounceIn
}

@keyframes arcu_bounceInDown {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInDown {
    animation-name: arcu_bounceInDown
}

@keyframes arcu_bounceInLeft {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInLeft {
    animation-name: arcu_bounceInLeft
}

@keyframes arcu_bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInRight {
    animation-name: arcu_bounceInRight
}

@keyframes arcu_bounceInUp {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.bounceInUp {
    animation-name: arcu_bounceInUp
}

@keyframes arcu_bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.arcuAnimated.bounceOut {
    animation-name: arcu_bounceOut
}

@keyframes arcu_bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.arcuAnimated.bounceOutDown {
    animation-name: arcu_bounceOutDown
}

@keyframes arcu_bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.arcuAnimated.bounceOutLeft {
    animation-name: arcu_bounceOutLeft
}

@keyframes arcu_bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.arcuAnimated.bounceOutRight {
    animation-name: arcu_bounceOutRight
}

@keyframes arcu_bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.arcuAnimated.bounceOutUp {
    animation-name: arcu_bounceOutUp
}

@keyframes arcu_fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.arcuAnimated.fadeIn {
    animation-name: arcu_fadeIn
}

@keyframes arcu_fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInDown {
    animation-name: arcu_fadeInDown
}

@keyframes arcu_fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInDownBig {
    animation-name: arcu_fadeInDownBig
}

@keyframes arcu_fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInLeft {
    animation-name: arcu_fadeInLeft
}

@keyframes arcu_fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInLeftBig {
    animation-name: arcu_fadeInLeftBig
}

@keyframes arcu_fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInRight {
    animation-name: arcu_fadeInRight
}

@keyframes arcu_fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInRightBig {
    animation-name: arcu_fadeInRightBig
}

@keyframes arcu_fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInUp {
    animation-name: arcu_fadeInUp
}

@keyframes arcu_fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInUpBig {
    animation-name: arcu_fadeInUpBig
}

@keyframes arcu_fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.arcuAnimated.fadeOut {
    animation-name: arcu_fadeOut
}

@keyframes arcu_fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.arcuAnimated.fadeOutDown {
    animation-name: arcu_fadeOutDown
}

@keyframes arcu_fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.arcuAnimated.fadeOutDownBig {
    animation-name: arcu_fadeOutDownBig
}

@keyframes arcu_fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.arcuAnimated.fadeOutLeft {
    animation-name: arcu_fadeOutLeft
}

@keyframes arcu_fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.arcuAnimated.fadeOutLeftBig {
    animation-name: arcu_fadeOutLeftBig
}

@keyframes arcu_fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.arcuAnimated.fadeOutRight {
    animation-name: arcu_fadeOutRight
}

@keyframes arcu_fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.arcuAnimated.fadeOutRightBig {
    animation-name: arcu_fadeOutRightBig
}

@keyframes arcu_fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.arcuAnimated.fadeOutUp {
    animation-name: arcu_fadeOutUp
}

@keyframes arcu_fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.arcuAnimated.fadeOutUpBig {
    animation-name: arcu_fadeOutUpBig
}

@keyframes arcu_flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.arcuAnimated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: arcu_flip
}

@keyframes arcu_flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.arcuAnimated.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipInX
}

@keyframes arcu_flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.arcuAnimated.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipInY
}

@keyframes arcu_flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.arcuAnimated.flipOutX {
    animation-name: arcu_flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes arcu_flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.arcuAnimated.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipOutY
}

@keyframes arcu_lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.lightSpeedIn {
    animation-name: arcu_lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes arcu_lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.arcuAnimated.lightSpeedOut {
    animation-name: arcu_lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes arcu_rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateIn {
    animation-name: arcu_rotateIn
}

@keyframes arcu_rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInDownLeft {
    animation-name: arcu_rotateInDownLeft
}

@keyframes arcu_rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInDownRight {
    animation-name: arcu_rotateInDownRight
}

@keyframes arcu_rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInUpLeft {
    animation-name: arcu_rotateInUpLeft
}

@keyframes arcu_rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInUpRight {
    animation-name: arcu_rotateInUpRight
}

@keyframes arcu_rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOut {
    animation-name: arcu_rotateOut
}

@keyframes arcu_rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutDownLeft {
    animation-name: arcu_rotateOutDownLeft
}

@keyframes arcu_rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutDownRight {
    animation-name: arcu_rotateOutDownRight
}

@keyframes arcu_rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutUpLeft {
    animation-name: arcu_rotateOutUpLeft
}

@keyframes arcu_rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutUpRight {
    animation-name: arcu_rotateOutUpRight
}

@keyframes arcu_hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.arcuAnimated.hinge {
    animation-name: arcu_hinge
}

@keyframes arcu_jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.arcuAnimated.jackInTheBox {
    animation-name: arcu_jackInTheBox
}

@keyframes arcu_rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.rollIn {
    animation-name: arcu_rollIn
}

@keyframes arcu_rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.arcuAnimated.rollOut {
    animation-name: arcu_rollOut
}

@keyframes arcu_zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.arcuAnimated.zoomIn {
    animation-name: arcu_zoomIn
}

@keyframes arcu_zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInDown {
    animation-name: arcu_zoomInDown
}

@keyframes arcu_zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInLeft {
    animation-name: arcu_zoomInLeft
}

@keyframes arcu_zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInRight {
    animation-name: arcu_zoomInRight
}

@keyframes arcu_zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInUp {
    animation-name: arcu_zoomInUp
}

@keyframes arcu_zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.arcuAnimated.zoomOut {
    animation-name: arcu_zoomOut
}

@keyframes arcu_zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomOutDown {
    animation-name: arcu_zoomOutDown
}

@keyframes arcu_zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.arcuAnimated.zoomOutLeft {
    animation-name: arcu_zoomOutLeft
}

@keyframes arcu_zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.arcuAnimated.zoomOutRight {
    animation-name: arcu_zoomOutRight
}

@keyframes arcu_zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomOutUp {
    animation-name: arcu_zoomOutUp
}

@keyframes arcu_slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInDown {
    animation-name: arcu_slideInDown
}

@keyframes arcu_slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInLeft {
    animation-name: arcu_slideInLeft
}

@keyframes arcu_slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInRight {
    animation-name: arcu_slideInRight
}

@keyframes arcu_slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInUp {
    animation-name: arcu_slideInUp
}

@keyframes arcu_slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.arcuAnimated.slideOutDown {
    animation-name: arcu_slideOutDown
}

@keyframes arcu_slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.arcuAnimated.slideOutLeft {
    animation-name: arcu_slideOutLeft
}

@keyframes arcu_slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.arcuAnimated.slideOutRight {
    animation-name: arcu_slideOutRight
}

@keyframes arcu_slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.arcuAnimated.slideOutUp {
    animation-name: arcu_slideOutUp
}

.arcontactus-widget {
    opacity: 0;
    transition: .2s opacity;
    line-height: 1
}

.arcontactus-widget * {
    box-sizing: border-box
}

.arcontactus-widget.left.arcontactus-message {
    left: 20px;
    right: auto
}

.arcontactus-widget.left .arcontactus-message-button {
    right: auto;
    left: 0
}

.arcontactus-widget.left .arcontactus-prompt {
    left: 80px;
    right: auto;
    transform-origin: 0 50%
}

.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top {
    left: 0;
    right: auto
}

.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 25px;
    right: auto
}

.arcontactus-widget.left .arcontactus-prompt:before {
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: auto;
    left: -15px
}

.arcontactus-widget.left .messangers-block {
    right: auto;
    left: 0;
    -webkit-transform-origin: 10% 105%;
    -ms-transform-origin: 10% 105%;
    transform-origin: 10% 105%
}

.arcontactus-widget.left .callback-countdown-block {
    left: 0;
    right: auto
}

.arcontactus-widget.left .messangers-block::before, .arcontactus-widget.left .callback-countdown-block::before {
    left: 25px;
    right: auto
}

.arcontactus-widget.hg.arcontactus-message {
    width: 100px;
    height: 100px
}

.arcontactus-widget.hg .messangers-block, .arcontactus-widget.hg .callback-countdown-block, .arcontactus-widget.hg .arcu-popup {
    bottom: 110px
}

.arcontactus-widget.hg .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.hg .icons-line {
    top: 22px;
    left: 24px
}

.arcontactus-widget.hg.left .messangers-block:before, .arcontactus-widget.hg.left .callback-countdown-block:before, .arcontactus-widget.hg.left .arcu-popup:before {
    left: 41px
}

.arcontactus-widget.hg.left .arcontactus-prompt {
    left: 110px;
    bottom: 26px
}

.arcontactus-widget.hg.right .messangers-block:before, .arcontactus-widget.hg.right .callback-countdown-block:before, .arcontactus-widget.hg.right .arcu-popup:before {
    right: 41px
}

.arcontactus-widget.hg.right .arcontactus-prompt {
    right: 110px;
    bottom: 26px
}

.arcontactus-widget.hg .arcontactus-message-button {
    width: 100px;
    height: 100px
}

.arcontactus-widget.hg .arcontactus-message-button .pulsation {
    width: 114px;
    height: 114px;
    border-radius: 60px
}

.arcontactus-widget.hg .arcontactus-message-button .icons {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.arcontactus-widget.hg .arcontactus-message-button .callback-state {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.arcontactus-widget.md.arcontactus-message {
    width: 60px;
    height: 60px
}

.arcontactus-widget.md .messangers-block, .arcontactus-widget.md .callback-countdown-block, .arcontactus-widget.md .arcu-popup {
    bottom: 70px
}

.arcontactus-widget.md .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.md.left .messangers-block:before, .arcontactus-widget.md.left .callback-countdown-block:before, .arcontactus-widget.md.left .arcu-popup:before {
    left: 21px
}

.arcontactus-widget.md.left .arcontactus-prompt {
    left: 70px
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top {
    bottom: 70px;
    left: 0;
    right: auto
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 21px;
    right: auto
}

.arcontactus-widget.md.right .messangers-block:before, .arcontactus-widget.md.right .callback-countdown-block:before, .arcontactus-widget.md.right .arcu-popup:before {
    right: 21px
}

.arcontactus-widget.md.right .arcontactus-prompt {
    right: 70px
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    bottom: 70px
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top:before {
    right: 21px
}

.arcontactus-widget.md .arcontactus-message-button {
    width: 60px;
    height: 60px
}

.arcontactus-widget.md .arcontactus-message-button .pulsation {
    width: 74px;
    height: 74px
}

.arcontactus-widget.md .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.md .arcontactus-message-button .callback-state {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm.arcontactus-message {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .messangers-block, .arcontactus-widget.sm .callback-countdown-block, .arcontactus-widget.sm .arcu-popup {
    bottom: 60px
}

.arcontactus-widget.sm .arcontactus-prompt {
    bottom: 0
}

.arcontactus-widget.sm.left .messangers-block:before, .arcontactus-widget.sm.left .callback-countdown-block:before, .arcontactus-widget.sm.left .arcu-popup:before {
    left: 16px
}

.arcontactus-widget.sm.left .arcontactus-prompt {
    left: 60px
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top {
    bottom: 60px;
    left: 0;
    right: auto
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 16px;
    right: auto
}

.arcontactus-widget.sm.right .messangers-block:before, .arcontactus-widget.sm.right .callback-countdown-block:before, .arcontactus-widget.sm.right .arcu-popup:before {
    right: 16px
}

.arcontactus-widget.sm.right .arcontactus-prompt {
    right: 60px
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    bottom: 60px
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top:before {
    right: 16px
}

.arcontactus-widget.sm .arcontactus-message-button {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .arcontactus-message-button .pulsation {
    width: 64px;
    height: 64px
}

.arcontactus-widget.sm .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm .arcontactus-message-button .static {
    margin-top: -16px
}

.arcontactus-widget.sm .arcontactus-message-button .callback-state {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.active {
    opacity: 1;
}

.arcontactus-widget.arcontactus-message {
    z-index: 10;
    right: 20px;
    bottom: 20px;
    position: fixed !important;
    height: 70px;
    width: 70px
}

.arcontactus-widget .arcontactus-message-button {
    width: 70px;
    position: absolute;
    height: 70px;
    right: 0;
    background-color: red;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.arcontactus-widget .arcontactus-message-button p, .arcontactus-widget .arcontactus-message-button
.arcu-item-label {
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    margin: 0
}

.arcontactus-widget .arcontactus-message-button .pulsation {
    width: 84px;
    height: 84px;
    background-color: red;
    border-radius: 50px;
    position: absolute;
    left: -7px;
    top: -7px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite
}

.arcontactus-widget .arcontactus-message-button .icons {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.arcontactus-widget .arcontactus-message-button .static {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -26px;
    width: 52px;
    height: 52px;
    text-align: center
}

.arcontactus-widget .arcontactus-message-button .static img {
    display: inline
}

.arcontactus-widget .arcontactus-message-button .static svg {
    width: 24px;
    height: 24px;
    color: #fff
}

.arcontactus-widget .arcontactus-message-button.no-text .static {
    margin-top: -12px
}

.arcontactus-widget .pulsation:nth-of-type(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.arcontactus-widget .pulsation.stop {
    -webkit-animation: none;
    animation: none
}

.arcontactus-widget .icons-line {
    top: 10px;
    left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: cubic-bezier(.13, 1.49, .14, -0.4);
    -o-transition: cubic-bezier(.13, 1.49, .14, -0.4);
    transition: cubic-bezier(.13, 1.49, .14, -0.4);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    height: 24px;
    transition: .2s all
}

.arcontactus-widget .icons-line.stop {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.arcontactus-widget .icons-line span {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: red
}

.arcontactus-widget .icons-line span svg, .arcontactus-widget .icons-line span i {
    width: 24px;
    height: 24px
}

.arcontactus-widget .icons-line span i {
    display: block;
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .icons-line img, .arcontactus-widget .icons-line span {
    margin-right: 40px
}

.arcontactus-widget .static {
    transition: .2s all
}

.arcontactus-widget .static.hide {
    transform: scale(0);
    opacity: 0
}

.arcontactus-widget .icons {
    transition: .2s all
}

.arcontactus-widget .icons.hide {
    transform: scale(0);
    opacity: 0
}

.arcontactus-widget .icons.hide .icons-line {
    transform: scale(0)
}

.arcontactus-widget .icons .icon:first-of-type {
    margin-left: 0
}

.arcontactus-widget .arcontactus-close {
    color: #fff
}

.arcontactus-widget .arcontactus-close svg {
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
    display: block
}

.arcontactus-widget .arcontactus-close.show-messageners-block svg {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.arcontactus-widget .arcontactus-prompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .messangers-block, .arcontactus-widget .arcontactus-prompt, .arcontactus-widget .arcu-popup {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    width: 300px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 80px;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 1000000
}

.arcontactus-widget .messangers-block:before, .arcontactus-widget .arcontactus-prompt:before, .arcontactus-widget .arcu-popup:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: ''
}

.arcontactus-widget .messangers-block.show-messageners-block, .arcontactus-widget .arcontactus-prompt.show-messageners-block, .arcontactus-widget .arcu-popup.show-messageners-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.arcontactus-widget .arcu-popup {
    padding: 0
}

.arcontactus-widget .arcu-popup .arcu-popup-header {
    padding: 18px 15px;
    color: #fff;
    background: #787878;
    border-radius: 7px 7px 0 0;
    margin-bottom: 0;
    font-size: 17px;
    position: relative;
    line-height: 1.4
}

.arcontactus-widget .arcu-popup .arcu-popup-content {
    padding: 10px;
    max-height: 300px;
    overflow: auto;
    line-height: initial
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    max-width: 260px;
    bottom: 80px
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top:before {
    bottom: -7px;
    right: 25px;
    left: auto;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none
}

.arcontactus-widget .messangers-block {
    display: block
}

.arcontactus-widget .messangers-block.has-header {
    padding-top: 0
}

.arcontactus-widget .messangers-block .arcu-menu-header {
    padding: 18px 15px;
    color: #fff;
    background: #787878;
    border-radius: 7px 7px 0 0;
    margin-bottom: 10px;
    font-size: 17px;
    position: relative;
    line-height: 1.4
}

.arcontactus-widget .arcu-header-close, .arcontactus-widget .arcu-popup-close, .arcontactus-widget .arcu-popup-back {
    position: absolute;
    right: 0;
    top: -30px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    text-align: center
}

.arcontactus-widget .arcu-header-close svg, .arcontactus-widget .arcu-popup-close svg, .arcontactus-widget .arcu-popup-back svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .arcu-popup-back {
    right: auto;
    left: 0;
    top: 50%;
    margin-top: -13px;
    display: none
}

.arcontactus-widget .arcu-popup-back svg {
    height: 16px;
    width: 16px;
    margin: -8px 0 0 -8px
}

.arcontactus-widget .arcontactus-prompt {
    color: #787878;
    font-size: 16px;
    line-height: 18px;
    width: auto;
    bottom: 10px;
    right: 80px;
    white-space: nowrap;
    padding: 14px 20px 14px
}

.arcontactus-widget .arcontactus-prompt:before {
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    bottom: 16px;
    right: -15px
}

.arcontactus-widget .arcontactus-prompt.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.arcontactus-widget .arcontactus-prompt:hover .arcontactus-prompt-close {
    opacity: 1
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
    opacity: 0;
    transition: .2s all;
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    text-align: center
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
    border-radius: 10px;
    display: inline-block;
    left: 3px;
    padding: 0 0 0 3px;
    position: relative;
    top: 4px;
    width: 50px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div {
    position: relative;
    float: left;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 2px;
    -webkit-animation: arcontactus-updown 2s infinite;
    animation: arcontactus-updown 2s infinite
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div:nth-child(2) {
    animation-delay: .1s
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div:nth-child(3) {
    animation-delay: .2s
}

.arcontactus-widget .messangers-block .messangers-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.arcontactus-widget .messangers-block .messangers-list li {
    margin: 0;
    padding: 0
}

.arcontactus-widget .messangers-block.sm .arcu-menu-header {
    padding-top: 12px;
    padding-bottom: 12px
}

.arcontactus-widget .messangers-block.sm .not-rounded-items .messanger {
    padding-left: 42px
}

.arcontactus-widget .messangers-block.sm .messanger {
    padding-left: 50px;
    min-height: 44px;
    padding-top: 4px;
    padding-bottom: 4px
}

.arcontactus-widget .messangers-block.sm .messanger span {
    height: 32px;
    width: 32px;
    margin-top: -16px
}

.arcontactus-widget .messangers-block.sm .messanger span svg, .arcontactus-widget .messangers-block.sm .messanger span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 21px
}

.arcontactus-widget .not-rounded-items .messanger {
    padding-left: 48px
}

.arcontactus-widget .not-rounded-items .messanger span {
    left: 5px
}

.arcontactus-widget .messanger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px 8px 60px;
    position: relative;
    min-height: 54px;
    text-decoration: none
}

.arcontactus-widget .messanger:hover {
    background-color: #eee
}

.arcontactus-widget .messanger:before {
    background-repeat: no-repeat;
    background-position: center
}

.arcontactus-widget .messanger.facebook span {
    background: #0084ff
}

.arcontactus-widget .messanger.viber span {
    background: #7c529d
}

.arcontactus-widget .messanger.telegram span {
    background: #2ca5e0
}

.arcontactus-widget .messanger.skype span {
    background: #31c4ed
}

.arcontactus-widget .messanger.email span {
    background: #ff8400
}

.arcontactus-widget .messanger.contact span {
    background: #7eb105
}

.arcontactus-widget .messanger.call-back span {
    background: #54cd81
}

.arcontactus-widget .messanger span {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0084ff;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.arcontactus-widget .messanger span svg, .arcontactus-widget .messanger span i {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.arcontactus-widget .messanger span i {
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .messanger p, .arcontactus-widget .messanger .arcu-item-label {
    margin: 0;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    line-height: 17px
}

.arcontactus-widget .messanger p .arcu-item-subtitle, .arcontactus-widget .messanger .arcu-item-label .arcu-item-subtitle {
    font-size: 13px;
    color: #787878
}

.arcontactus-widget .callback-countdown-block {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    width: 410px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 80px;
    left: auto;
    right: 0;
    align-items: center;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 1000000;
    color: red;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer_timer {
    font-size: 38px;
}

.arcontactus-widget .callback-countdown-block.display-flex {
    display: block
}

.arcontactus-widget .callback-countdown-block:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: ''
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone {
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    width: 100%;
    position: relative
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone:before {
    transition: .2s all
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:before {
    background: rgba(255, 255, 255, 0.8);
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 2;
    top: 50%;
    bottom: 50%;
    margin-top: -15px;
    margin-bottom: -15px;
    left: 50%;
    margin-left: -15px;
    background: url(//nedashimi.com/wp-content/plugins/ar-contactus/res/css/../img/ring-alt.gif) no-repeat transparent scroll 0 0
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone p, .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .arcu-item-label {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 3px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group {
    align-items: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group {
    margin-bottom: 10px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-required .arcu-form-label:after {
    content: " *";
    color: #c7254e
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox {
    position: relative;
    padding-left: 20px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox input {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-label {
    font-size: 14px;
    margin-bottom: 3px;
    color: #333
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    border: 0;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px 6px;
    border: 1px solid #ddd;
    margin: 0 !important
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group textarea.arcu-form-field {
    height: 80px;
    resize: vertical;
    max-height: 140px;
    min-height: 60px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit] {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 0;
    background-color: red;
    color: #fff;
    font-size: 14px;
    padding: 7px 5px 7px;
    cursor: pointer;
    height: 36px;
    margin: 0;
    line-height: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit]:hover {
    opacity: .8
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry {
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry p {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 7px;
    width: 100%
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-close {
    position: absolute;
    right: 9px;
    top: 9px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    z-index: 1;
    text-align: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-close svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer p {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 7px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer h1 {
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    font-weight: 300
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex {
    display: block
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer.display-flex, .arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .callback-state {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    display: none;
    -webkit-animation: none;
    animation: none;
    z-index: 999999;
    transition: .2s all;
    transform: scale(0);
    color: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .callback-state.display-flex {
    transform: scale(1)
}

.arcontactus-widget .callback-state svg {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.arcontactus-widget .callback-state .callback-state-img {
    position: absolute;
    top: 12px;
    left: 12px
}

.arcontactus-widget .animation-pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@media (max-width: 468px) {
    .arcontactus-widget.arcontactus-message.opened {
        width: auto;
        right: 20px;
        left: 20px
    }

    .arcontactus-widget .callback-countdown-block {
        width: auto
    }
}

@media (max-height: 400px) {
    .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
        opacity: 1
    }
}

@media (max-width: 428px) {
    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group {
        display: block
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel], .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit] {
        display: block;
        width: 100%;
        margin: 0 0 5px 0
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel] {
        margin-bottom: 10px !important
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex {
        display: block;
        width: 100%
    }

    .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
        opacity: 1
    }

    .arcontactus-widget.arcontactus-message .messangers-block, .arcontactus-widget.arcontactus-message .callback-countdown-block, .arcontactus-widget.arcontactus-message .arcu-popup {
        bottom: 0;
        border-radius: 0
    }

    .arcontactus-widget.arcontactus-message.open, .arcontactus-widget.arcontactus-message.opened, .arcontactus-widget.arcontactus-message.popup-opened {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-menu-header, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-menu-header, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-menu-header {
        border-radius: 0;
        padding-right: 40px
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-header-close, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-header-close, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-header-close {
        right: 5px;
        top: 50%;
        margin-top: -13px
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-header, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-header, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-header {
        border-radius: 0;
        padding-right: 40px;
        padding-left: 30px
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-back, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-back, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-back {
        display: block
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-close, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-close, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-close {
        right: 5px;
        top: 50%;
        margin-top: -13px
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block, .arcontactus-widget.arcontactus-message.opened .messangers-block, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block, .arcontactus-widget.arcontactus-message.open .callback-countdown-block, .arcontactus-widget.arcontactus-message.opened .callback-countdown-block, .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block, .arcontactus-widget.arcontactus-message.open .arcontactus-prompt, .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt, .arcontactus-widget.arcontactus-message.open .arcu-popup, .arcontactus-widget.arcontactus-message.opened .arcu-popup, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup {
        width: 100%
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .arcu-popup .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcontactus-prompt-close {
        opacity: 1
    }

    .arcontactus-widget.arcontactus-message.open .arcontactus-message-button, .arcontactus-widget.arcontactus-message.opened .arcontactus-message-button, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-message-button {
        display: none
    }
}

@keyframes arcontactus-updown {
    0%, 43%, 100% {
        transform: translate(0, 0)
    }
    25%, 35% {
        transform: translate(0, -10px)
    }
}

@-webkit-keyframes arcontactus-updown {
    0% {
        transform: translate(0 0)
    }
    25% {
        transform: translate(-10px 0)
    }
    35% {
        transform: translate(-10px 0)
    }
    43% {
        transform: translate(0 0)
    }
    100% {
        transform: translate(0 0)
    }
}

@keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes arcontactus-show-stat {
    0%, 20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    21%, 84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    85%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes arcontactus-show-stat {
    0%, 20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    21%, 84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    85%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes arcontactus-show-icons {
    0%, 20% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    21%, 84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    85%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes arcontactus-show-icons {
    0%, 20% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    21%, 84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    85%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.arcu-menu-item {
    display: block;
    position: relative;
    padding: 0 0 0 50px;
    text-decoration: none !important;
    box-shadow: 0 10px 6px -6px #eaeaea !important;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    border-left: 2px solid #7eb105;
    margin-bottom: 15px;
    transition: .2s all !important;
    background-color: #FFF
}

.arcu-menu-item:hover {
    background-color: #F8F8F8
}

.arcu-menu-item:last-child {
    margin-bottom: 0
}

.arcu-menu-item .arcu-menu-item-icon {
    display: block;
    width: auto;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 0;
    margin: auto 0;
    bottom: 0
}

.arcu-menu-item .arcu-menu-item-icon svg {
    height: 100%
}

.arcu-menu-item .arcu-menu-item-title {
    color: #353535
}

#lhc_status_container, #lhc_status-icon-restore {
    display: none !important
}

#ar-zalo-chat-widget {
    display: none;
}

#ar-zalo-chat-widget.active {
    display: block;
}

#chat-application {
    display: none !important;
}

#chat-application.active {
    display: block !important;
}

iframe[seamless="seamless"]:not(.lwc-chat-frame) {
    display: none;
}

#customer-chat-iframe {
    display: none !important
}

#customer-chat-iframe.active {
    display: block !important
}

#customer-chat-iframe #mobile-widget {
    display: none !important
}

.storefront-handheld-footer-bar .arcontactus {
    text-indent: 0
}

.storefront-handheld-footer-bar .arcontactus svg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0
}

#lz_overlay_wm, #lz_overlay_preview {
    display: none !important
}

#lz_overlay_wm.active {
    display: block !important
}

.arcontactus-widget.no-bg .messangers-block {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.arcontactus-widget.no-bg .messanger span, .arcontactus-widget.no-bg .not-rounded-items .messanger span {
    left: auto;
    right: 7px
}

.arcontactus-widget.sm.no-bg .messangers-block .messanger span {
    right: -2px
}

.arcontactus-widget.md.no-bg .messangers-block .messanger span {
    right: 1px
}

.arcontactus-widget.lg.no-bg .messangers-block .messanger span {
    right: 7px
}

.arcontactus-widget.hg.no-bg .messangers-block .messanger span {
    right: 22px
}

.arcontactus-widget.sm.no-bg .messangers-block.sm .messanger span {
    right: 1px
}

.arcontactus-widget.md.no-bg .messangers-block.sm .messanger span {
    right: 5px
}

.arcontactus-widget.lg.no-bg .messangers-block.sm .messanger span {
    right: 9px
}

.arcontactus-widget.hg.no-bg .messangers-block.sm .messanger span {
    right: 25px
}

.arcontactus-widget.left.no-bg .messanger span {
    right: auto;
    left: 7px
}

.arcontactus-widget.left.sm.no-bg .messangers-block .messanger span {
    right: auto;
    left: 4px
}

.arcontactus-widget.left.md.no-bg .messangers-block .messanger span {
    right: auto;
    left: 10px
}

.arcontactus-widget.left.lg.no-bg .messangers-block .messanger span {
    right: auto;
    left: 15px
}

.arcontactus-widget.left.hg.no-bg .messangers-block .messanger span {
    right: auto;
    left: 29px
}

.arcontactus-widget.left.sm.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 9px
}

.arcontactus-widget.left.md.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 14px
}

.arcontactus-widget.left.lg.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 18px
}

.arcontactus-widget.left.hg.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 33px
}

.arcontactus-widget.no-bg .messanger {
    padding-left: 20px;
    padding-right: 60px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px
}

.arcontactus-widget.left.no-bg .messanger {
    padding-right: 20px;
    padding-left: 60px;
    text-align: left
}

.arcontactus-widget.no-bg .messanger .arcu-item-label, .arcontactus-widget.no-bg .messanger p {
    display: block
}

.arcontactus-widget.no-bg .messangers-block .messanger:hover {
    background: 0 0
}

.arcontactus-widget.no-bg .messanger .arcu-item-label {
    opacity: 0;
    transition: .2s all;
    background: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    position: absolute;
    right: 64px;
    top: auto
}

.arcontactus-widget.sm.no-bg .messangers-block .messanger .arcu-item-label {
    right: 57px
}

.arcontactus-widget.md.no-bg .messangers-block .messanger .arcu-item-label {
    right: 61px
}

.arcontactus-widget.lg.no-bg .messangers-block .messanger .arcu-item-label {
    right: 67px
}

.arcontactus-widget.hg.no-bg .messangers-block .messanger .arcu-item-label {
    right: 82px
}

.arcontactus-widget.sm.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 56px
}

.arcontactus-widget.md.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 58px
}

.arcontactus-widget.lg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 63px
}

.arcontactus-widget.hg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 79px
}

.arcontactus-widget.left.no-bg .messanger .arcu-item-label {
    right: auto;
    left: 64px
}

.arcontactus-widget.left.sm.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 57px
}

.arcontactus-widget.left.md.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 61px
}

.arcontactus-widget.left.lg.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 67px
}

.arcontactus-widget.left.hg.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 82px
}

.arcontactus-widget.left.sm.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 56px
}

.arcontactus-widget.left.md.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 58px
}

.arcontactus-widget.left.lg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 63px
}

.arcontactus-widget.left.hg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 79px
}

.arcontactus-widget.no-bg .messanger .arcu-item-label:before {
    content: " ";
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    top: 50%;
    margin-top: -8px;
    right: -14px;
    left: auto;
    position: absolute;
    transition: .2s all
}

.arcontactus-widget.left.no-bg .messanger .arcu-item-label:before {
    left: -14px;
    right: auto;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.arcontactus-widget.no-bg .messanger:hover .arcu-item-label {
    opacity: 1
}

.arcontactus-widget.no-bg.arcontactus-message .messangers-block .messangers-list li {
    border: 0 none
}

.arcontactus-widget.no-bg .messangers-block::before {
    border: 0 none
}

.arcontactus-widget.no-bg .messangers-block .arcu-menu-header {
    display: none
}

.arcu-popup-html {
    display: none !important
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::placeholder {
    color: #BBBBBB
}

.arcontactus-widget .messangers-block {
    background-color: #fff
}

.arcontactus-widget .messangers-block:before {
    border-top-color: #fff
}

.messangers-block .messanger p, .messangers-block .messanger .arcu-item-label {
    color: #3b3b3b
}

.messangers-block .messanger:hover p, .messangers-block .messanger:hover .arcu-item-label {
    color: #3b3b3b
}

.messangers-block .messanger:hover {
    background-color: #f0f0f0
}

#arcontactus-message-callback-phone-submit {
    font-weight: 400
}

.grecaptcha-badge {
    display: none
}

.arcontactus-widget.right.arcontactus-message {
    right: 30px
}

.arcontactus-widget.right.arcontactus-message {
    bottom: 20px
}

.arcontactus-widget .messangers-block, .arcontactus-widget .arcontactus-prompt, .arcontactus-widget .callback-countdown-block {
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.arcontactus-widget .arcontactus-message-button .pulsation {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

#ar-zalo-chat-widget {
    display: none
}

#ar-zalo-chat-widget.active {
    display: block
}

.arcontactus-widget .messangers-block, .arcontactus-widget .arcu-popup {
    width: 300px
}

.arcontactus-widget .callback-countdown-block {
    width: 360px
}

.arcontactus-widget.no-bg .messanger .arcu-item-label {
    background: #fff
}

.arcontactus-widget.no-bg .messanger:hover .arcu-item-label {
    background: #f0f0f0
}

.arcontactus-widget.no-bg .messanger .arcu-item-label:before, .arcontactus-widget.no-bg .messanger:hover .arcu-item-label:before {
    border-left-color: #f0f0f0
}

.arcontactus-widget.left.no-bg .messanger:hover .arcu-item-label:before {
    border-right-color: #f0f0f0;
    border-left-color: transparent
}

.arcontactus-widget.no-bg .messanger:hover .arcu-item-label {
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

@media (max-width: 428px) {
    .arcontactus-widget.right.arcontactus-message.opened, .arcontactus-widget.right.arcontactus-message.open, .arcontactus-widget.right.arcontactus-message.popup-opened {
        left: 0;
        right: 0;
        bottom: 0
    }
}

.broken_link, a.broken_link {
    text-decoration: line-through
}

.compar-pro-list ul, .row.news-wrapp ul, .tab-content ul {
    padding-right: 20px;
}

.row.news-wrapp ul li {
    list-style: initial !important;
}

.main .titrhome span, div#main8 .titrhome span {
	text-align: center;
	border-bottom: 1px solid #6d6a6a;
	/* padding-right: 7%; */
	padding-bottom: 7px;
	position: relative;
	font-size: 16px;
}

.titrhome {
    font-size: 28px;
    display: block;
	text-align: center;
}

.footerspan {
    font-size: 16px;
}

.titrhome1 {
    font-size: 28px;
    display: block;
}

.nav.navbar-nav.menu7 li {
    flex-grow: 1;
    text-align: center;
}

#result-show {
	position: absolute;
  	z-index: 1;
  	background-color: #fff;
  	padding: 15px;
}

@media screen and (max-width: 767.99px) {
    #result-show, #result-show2 {
        right: 15px !important;
    }

    audio, canvas, progress, video {
        max-width: 100% !important;
        height: auto !important;
    }

    .text-sli {
        position: absolute;
        bottom: 10px;
        left: 0;
        text-align: center;
        right: 0;
    }

    .text-slider {
        right: 0 !important;
        margin: auto;
        left: 0 !important;
    }

    .p-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .nav.navbar-nav.menu7 {
        width: 100%;
        list-style: none;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 0px;
        padding: 0;
        display: flex;
        flex-direction: row;
    }

    .menu ul.nav.navbar-nav li.dropdown > a {
        display: block;
        width: 100%;
    }

    .caret.icon-menu-xs {
        top: 24px !important;

    }
}

#phrase {
    box-shadow: none !important;
}

.text-sli {
    padding-right: 10px;
}

.faq-sec .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: right;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 5px;
    border-radius: 7px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.faq-sec .active, .accordion:hover {
    background-color: #16a5ad57;
}

/* Style the accordion panel. Note: hidden by default */
.faq-sec .panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-sec button.accordion h2::after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free"
}

.faq-sec button.accordion.active h2::after {
    content: "\2212";
}

.accordion h2 {
    margin: 0 !important;
    font-size: 18px;
    position: relative;
}

.namad li {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
}

.btn-filter label {
    height: 25px;
}

@media (max-width: 700px) {
    ul.open6, ul.open6 li {
        height: auto !important;
        float: right !important;
        width: 100%;
    }
}

.caret.icon-menu-xs {
    position: absolute;
    top: 33px;
    color: #fff;
    left: 0;
}

.menu {
    position: relative;
}

.menu .navbar {
    background: #16a5ad;
}

.nav.navbar-nav li a {
    padding: 15px 15px;
}

ul.dropdown-menu {
    border: 0;
}

@media  screen and (max-width: 767.99px) {
    .menu {
        background: #16a5ad;
    }
    ul.end-li-6, ul.end-li-7 {
        position: relative !important;
        right: 0 !important;
        min-width: 100% !important;
        background: #f1f3f3;
        top: 0 !important;
        display: block !important;
        float: right !important;
        height: 0 !important;
    }
    .end-li-6.open1,.end-li-7.open1,.end-li-8.open1 {
        height: auto !important;
        float: right !important;
        width: 100%;
    }
}
ul.end-li-6, ul.end-li-7 {
    position: absolute;
    right: 100%;
    min-width: 220px;
    background: #f1f3f3;
    top: 0;
    display: none;
    border: 1px solid #e3e1e1;
    border-radius: 5px;
}
ul.end-li-5 li:hover > ul {
    display: block;
}

.caret.icon-menu-xs {
    position: absolute;
    top: 33px;
    color: #fff;
    left: 0;
  }

  .menu {
    position: relative;
  }

  .menu .navbar {
    background: #16a5ad;
  }

  .nav.navbar-nav li a {
    padding: 15px 15px;
  }

  ul.dropdown-menu {
    border: 0;
  }

  @media screen and (max-width: 767.99px) {
    .menu {
      background: #16a5ad;
    }
    ul.end-li-6, ul.end-li-7 {
		position: relative !important;
		right: 0 !important;
		min-width: 100% !important;
		background: #f1f3f3;
		top: 0 !important;
		display: block !important;
		float: right !important;
		height: 0 !important;
	}
	.end-li-6.open1,.end-li-7.open1,.end-li-8.open1 {
		height: auto !important;
		float: right !important;
		width: 100%;
	}
  }