@font-face {
    font-family: 'Arial';
    src: url("/tp/T0033/font/Arial.eot");
    /* IE9 Compat Modes */
    src: local("Arial"), url("/tp/T0033/font/Arial.eot?#iefix") format("embedded-opentype"), url("/tp/T0033/font/Arial.woff") format("woff"), url("/tp/T0033/font/Arial.ttf") format("truetype");
    /* Safari, Android, iOS */
}
@font-face {
    font-family: 'SFUFuturaLight';
    src: url("/tp/T0033/font/SFUFuturaLight.TTF");
}
@font-face {
    font-family: 'SFUFuturaBook';
    src: url("/tp/T0033/font/SFUFuturaBook.TTF");
}
@font-face {
    font-family: 'SFUFuturaRegular';
    src: url("/tp/T0033/font/SFUFuturaRegular.TTF");
}
@font-face {
    font-family: 'SFUFuturaHeavy';
    src: url("/tp/T0033/font/SFUFuturaHeavy.TTF");
}
@font-face {
    font-family: 'SFUFuturaBold';
    src: url("/tp/T0033/font/SFUFuturaBold.TTF");
}
@font-face {
    font-family: 'SFUFuturaExtraBold';
    src: url("/tp/T0033/font/SFUFuturaExtraBold.TTF");
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
span,
a,
p,
sub,
blockquote,
th,
td {
    font-family: SFUFuturaRegular, "Open Sans", Arial;
}

a:hover{
    text-decoration: none;
}
:root {
    --colour-text-and-icon-1: 17, 17, 17;
    --colour-text-and-icon-2: 72, 72, 72;
    --colour-text-and-icon-3: 118, 118, 118;
    --colour-text-and-icon-4: 146, 146, 146;
    --colour-text-and-icon-5: 255, 255, 255;
    --colour-neutral-1: 255, 255, 255;
    --colour-neutral-2: 245, 245, 245;
    --colour-neutral-3: 223, 223, 223;
    --colour-neutral-4: 204, 204, 204;
    --colour-neutral-5: 146, 146, 146;
    --colour-neutral-6: 72, 72, 72;
    --colour-neutral-7: 17, 17, 17;
    --colour-semantic-informative: 0, 88, 163;
    --colour-semantic-positive: 10, 138, 0;
    --colour-semantic-caution: 242, 106, 47;
    --colour-semantic-negative: 224, 7, 81;
    --colour-interactive-primary-bg-default: 17, 17, 17;
    --colour-interactive-primary-bg-hover: 51, 51, 51;
    --colour-interactive-primary-bg-pressed: 0, 0, 0;
    --colour-interactive-emphasised-bg-default: 0, 88, 163;
    --colour-interactive-emphasised-bg-hover: 0, 79, 147;
    --colour-interactive-emphasised-bg-pressed: 0, 62, 114;
    --colour-interactive-secondary-bg-default: 245, 245, 245;
    --colour-interactive-secondary-bg-hover: 223, 223, 223;
    --colour-interactive-secondary-bg-pressed: 204, 204, 204;
    --colour-interactive-subtle-bg-default: 255, 255, 255;
    --colour-interactive-subtle-bg-hover: 245, 245, 245;
    --colour-interactive-subtle-bg-pressed: 223, 223, 223;
    --colour-interactive-destructive-bg-default: 224, 7, 81;
    --colour-interactive-destructive-bg-hover: 204, 0, 61;
    --colour-interactive-destructive-bg-pressed: 184, 0, 41;
    --colour-interactive-disabled-1: 223, 223, 223;
    --colour-interactive-disabled-2: 146, 146, 146;
    --colour-interactive-disabled-3: 255, 255, 255;
    --colour-interactive-emphasised-border-selected: 0, 88, 163;
    --colour-interactive-subtle-border-selected: 17, 17, 17;
    --colour-interactive-subtle-border-default: 146, 146, 146;
    --colour-interactive-subtle-border-hover: 17, 17, 17;
    --colour-interactive-subtle-border-pressed: 17, 17, 17;
    --colour-static-ikea-brand-blue: 0, 88, 163;
    --colour-static-ikea-brand-yellow: 255, 219, 0;
    --colour-static-ikea-family: 0, 124, 193;
    --colour-static-white: 255, 255, 255;
    --colour-static-black: 17, 17, 17;
    --colour-static-dark-grey: 118, 118, 118;
    --colour-static-grey: 223, 223, 223;
    --colour-static-light-grey: 245, 245, 245;
    --colour-elevation-1: 255, 255, 255;
    --colour-elevation-2: 255, 255, 255;
    --colour-elevation-3: 17, 17, 17;
    --colour-elevation-1-border: 223, 223, 223;
    --colour-elevation-2-border: 72, 72, 72;
    --colour-commercial-message-new: 202, 80, 8;
    --colour-commercial-message-new-lower-price: 204, 0, 8;
    --colour-commercial-message-ikea-family: 0, 124, 193;
    --colour-commercial-message-bti-yellow: 255, 219, 0;
    --colour-commercial-message-bti-red: 204, 0, 8;
    --colour-campaign-sustainability: 0, 133, 62;
}
#header{
    -moz-box-shadow: rgb(0,70,119);
    -webkit-box-shadow: rgb(0,70,119);
    box-shadow: rgb(0,70,119);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0,70,119)', endColorstr='rgb(0,70,119)',GradientType=0);
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(5, 77, 127)), color-stop(100%, rgb(16, 106, 169)));
    background: -o-linear-gradient(top, rgb(0,70,119) 0%,rgb(0,70,119) 100%);
    background: -ms-linear-gradient(top, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
    background: linear-gradient(to bottom, rgb(0,70,119) 0%, rgb(4, 101, 169) 100%);
    background: -webkit-linear-gradient(top, rgb(12, 95, 152) 0%, rgb(9, 92, 150) 100%);
    padding: 10px 0;
}
#header #logo{
    margin: 0;
}
/*.header-right{*/
/*padding: 8px 0 0 0;*/
/*}*/
.header-right{
    padding: 5px 0;
}
.navBar.navbar-stuck .header-right{
    padding: 0;
}
.header-right ul{
    text-align: right;
}
.header-right ul li{
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
.header-right ul li:last-child{
    border-right: 0;
}
.contactLeft{
    font-size: 15px;
    font-weight: bold;
}
.header-right ul li a, .contactLeft{
    font-size: 13px;
    transition: all .2s;
    color: rgba(255,255,255,0.8);
}
.image a.cs_img{
    height: 255px;
}
.header-right ul li a:hover{
    color: #fff;
}
#desktop.container{
    width: auto;
}
.navBar.navbar-static-stop{
    padding: 0;
}
.navBar{
    background: url("/tp/T0033/image/stores/14215/menu.png") no-repeat center center;
    background-size: 100% 100%;
}
.navBar nav{
    background: transparent;
}
/*nav li.parent > a.sub_child:after{*/
/*content: "\f107";*/
/*font-family: Fontawesome;*/
/*position: absolute;*/
/*top: 13px;*/
/*font-size: 15px;*/
/*right: 0;*/
/*}*/
#search-form-bot{
    box-shadow: none;
    border: none;
    width: auto;
    padding: 0;
    margin: 5px 0px;
}
#search-form-bot .button-search{
    right: 0;
    background-color: #627f9a;
}
#search-form-bot .input_key{
    border: 1px solid #CACACA;
    border-radius: 0;
    color: #202020;
    float: left;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    padding: 0;
    width: 230px;
}
.navBar{
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    clear: both;
}
#search-form-bot .input_key input {
    border: none;
    box-shadow: none;
    height: 30px;
    margin: 0 10px;
    width: 88%;
    font-size: 14px;
}

nav li.parent a{
    position: relative;
    padding: 15px 10px 9px;
}
nav ul>li.parent:LAST-CHILD a{
    padding-right: 0;
}
nav #desktop li.parent ul.child.child1.isChild {
    width: 280px;
}
nav #desktop li.parent ul.child.child1>li.isChild {
    width: 93%;
}
nav #desktop li.parent ul.child.child2.isChild {
    width: 400px;
}
nav #desktop li.parent ul.child.child2>li.isChild {
    width: 46%;
}
nav #desktop li.parent ul.child.child3.isChild {
    width: 650px;
}
nav #desktop li.parent ul.child.child3>li.isChild {
    width: 31.3%;
}
nav #desktop li.parent ul.child > li a:hover{
    color: rgb(0,70,119) !important;
}
nav li.parent a span{
    letter-spacing: .02em;
    transition: all .2s;
    font-size: 15px;
    color: #000;
    font-weight: 700;
}
nav li.parent ul.child a, #footer .column ul li a, #footer-block-friends a, #footer .column ul li{
    text-transform: none;
    color: #000;
}

.right  > .product-info > .description, .product-info .description span{
    font-size: 27px;
    color: rgb(0, 70, 119);
}
.product-info .cart .wishlist{
    background: rgb(0,70,119);
    color: #fff;
    padding: 0 5px;
}

.breadcrumb a, #submenu .btn-group a, #product-main> h1, .product-info .description, .supportCustomer p, .supportCustomer a, #productTags span, .viewFilter .line{
    color: #000 !important;
}
nav li.parent a span:hover{
    color: rgb(0,70,119);
}

.cart-icon {
    display: inline-block;
}
.image-icon {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.cart-icon strong {
    border-radius: 0;
    font-weight: bold;
    margin: 1px 0;
    border: 2px solid #fff;
    color: #000;
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 2.2em;
    height: 2.2em;
    font-size: 1em;
    line-height: 1.9em;
    font-family: Helvetica,Arial, Sans-serif;
}
.cart-icon strong:after {
    transition: height .1s ease-out;
    bottom: 100%;
    margin-bottom: 0;
    margin-left: -7px;
    height: 8px;
    width: 14px;
    left: 50%;
    content: ' ';
    position: absolute;
    pointer-events: none;
    border: 2px solid #446084;
    border-top-left-radius: 99px;
    border-top-right-radius: 99px;
    border-bottom: 0;
}
.header-right > .search-form{
    float: right;
    margin-right: 20px;
}
.header-cart-link{
    float: right;
    padding: 5px 0 0 0;
    margin-right: 10px;
}
.navbar-stuck{
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index:  999;
    /*background: #fff;*/
    -webkit-animation: stuckMoveDown .6s;
    animation: stuckMoveDown .6s;
}
.boss-featured .box-content .name{
    height: 25px;
}
.boss-featured .box-heading h1{
    color: #333;
    cursor: default;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 10;
}

.navbar-stuck .header-right>.search-form {
    padding: 5px 0 0 0;
}
.navbar-stuck .header-right>.header-cart-link{
    padding: 10px 0 0 0;
}
.navBar.navbar-stuck{
    padding: 0;
}
nav #desktop li.parent ul.child{
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    border: 2px solid #ddd;
    width: 280px;
}
nav #desktop li.parent ul.child > li  a{
    padding: 10px 0 !important;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
}
nav #desktop li.parent ul.child > li > ul > li >a:hover{
    color: rgb(0,70,119);
}
a.sft_quickshop_icon, .prod-load-more a:hover, .scrollTop{
    background-color: rgb(51, 153, 255);
}
.supportLink{
    display: none !important;
}
.name a{
    color: #000;
    font-size: 16px;
}
.product-meta small{
    font-size: 15px;
}
.boss-featured .box-content .price{
    color: rgb(51, 153, 255);
}
nav #desktop li.parent ul.child li{
    width: 93%;
}
nav #desktop li.parent ul.child>li.isChild > a{
    color: #000;
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
}
nav #desktop li.parent ul.child >li > ul > li{
    width: 100%;
    margin: 0;
}
nav #desktop li.parent ul.child >li > ul > li > a{
    text-transform: none;
}
nav #desktop li.parent ul.child{
    padding: 10px;
}
#footer {
    clear: none;
    float: left;
    width: 100%;
    background: url("/tp/T0033/image/stores/14215/footer.png") no-repeat center center;
    background-size: 100%;
    margin-bottom: 0;
    padding: 0 0 2% 0;
    background-color: #06418d;
}
#gc_message_bar{
    background: #06428b !important;
}
#runtime{
    padding: 0 !important;
}
#footer .container{
    background: none;
}
#footer .column ul li a, #footer-block-friends a, #footer .column ul li, #footer h3, .infomation i{
    color: #fff !important;
}
.static-banner-category{
    display: none;
}
#footer-block-friends h3{
    margin: 0;
    padding-bottom: 10px;
}
#desktop li > ul.child.lastMenu:after{
    left: 35%;
}
#desktop li > ul.child.lastMenu > li{
    width: 31% !important;
}
#desktop li > ul.child:after{
    content: "";
    position: absolute;
    top: -7px;
    left: 3%;
    background: #fff;
    width: 11px;
    height: 11px;
    border: solid #ddd;
    border-width: 0 2px 2px 0;
    transform: rotate(223deg);
    -webkit-transform: rotate(223deg);
    -moz-transform: rotate(223deg);
    -ms-transform: rotate(223deg);
    -o-transform: rotate(223deg);
    transform: rotate(223deg);
}
.box-heading a{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}
#column-left .box-heading, #column-right .box-heading, .productContent > h3 > span{
    background: rgb(51, 153, 255) !important;
}
#addToCart{
    background: rgb(51,153,255) !important;
}
.product-info p{
    margin: 0;
    font-size: 15px;
}
.checkProduct a{
    float: left;
    width: 45%;
    margin-right: 4%;
}
.checkProduct a:hover{
    color: rgb(51,153,255);
}
.checkProduct a img{
    max-width: 100%;
    height: 85px;
}
.viewFilter .line{
    padding: 5px 0;
    border-bottom: 1px dotted #DEDEDE;
}
.line.supportCustomer p{
    display: block;
    padding:  5px 0;
}
#product-main .tab-content{
    border: none;
}
#product-main .nav-tabs>li.active>a,#product-main  .nav-tabs>li.active>a:hover,#product-main  .nav-tabs>li.active>a:focus{
    background: rgb(51,153,255);
    color: #fff;
}
#product-main .nav-tabs>li>a{
    text-transform: uppercase;
}
#product-main .nav-tabs>li>a:hover{
    background: rgb(51,153,255);
    color: #fff;
}
.blockHotline{
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}
.product-info{
    margin: 0;
}
#menu1 .customer-review .commentItem{
    background: #fff;
}
.blockHotline span{
    display: block;
    color: #3e5872;
    font-weight: bold;
}
.blockHotline >div{
    text-align: center;
}
.blockHotline >div b{
    color: #ff6909;
    font-weight: bold;
}
#productTags a{
    color: #3088ff;
}
#productTags a:hover{
    text-decoration: underline;
}

.customer-review, .your-review{
    float: left;
    width: 100%;
}
#menu1 .content{
    width: 100%;
}
.customer-review span.title, .your-review span.title{
    color: #3088ff;
    font-weight: bold;
    font-style: italic;
    float: left;
    padding: 0 0 5px 0;
    display: block;
}
.userDes .nav-tabs{
    clear: both;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}
.viewPage .content{
    padding: 15px;
    clear: both;
}
.customer-review .commentItem{
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}

.voteView{
    line-height: 18px; text-align: right; display: block;
}

#voteView0{background-position: 0 19px}
#voteView1{background-position: 0 -4px}
#voteView2{background-position: 0 -20px}
#voteView3{background-position: 0 -35px}
#voteView4{background-position: 0 -51px}
#voteView5{background-position: 0 -68px}

.vote .si {
    background: url("/tp/T0033/image/stars.png") repeat scroll 3px -84px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 15px;
    width: 20px;
}

.commentItem .si {
    background: url("/tp/T0033/image/stars.png") no-repeat scroll 3px -84px rgba(0, 0, 0, 0);
    float: left;
    height: 15px;
}

.btnGreen{
    padding:5px;
    background: #4a4a4a;
    color: #fff;
    border-radius:4px;
    border: 1px solid #4a4a4a;
}

.vote{
    margin:5px 0 0px 15px;
}
.vote .si.voteHover,
.vote .si.active{
    background:url("/tp/T0033/image/stars.png");
    background-position: 3px -107px;
}

#comment{
    display: block;
    width: 100%;
    resize: none;
    height: 100px;
    padding: 5px;
    margin: 3px 0;
}
.continue{
    background-color: #627f9a !important;
}
.footer-middle{
    display: none;
}
#btnRate .btnRed{
    background: none repeat scroll 0 0 #e40b20;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px;
    margin-top: 10px;
    border-radius:4px;
    border: 1px solid #e40b20;
    border-bottom: 4px solid #b71f23;
    display: inline-block;
}
#powered{
    background: rgb(85,85,85) !important;
}
#powered a, #powered{
    color: #fff !important;
}
#gc_message_bar {
    white-space: nowrap;
    z-index: 99998;
    position: fixed;
    left: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    -moz-box-shadow: rgb(0,70,119);
    -webkit-box-shadow: rgb(0,70,119);
    box-shadow:rgb(0,70,119);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0,70,119)', endColorstr='rgb(0,70,119)',GradientType=0);
    background: rgb(0,70,119);
    background: -moz-linear-gradient(top, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0,70,119)), color-stop(100%, rgb(0,70,119)));
    background: -o-linear-gradient(top, rgb(0,70,119) 0%,rgb(0,70,119) 100%);
    background: -ms-linear-gradient(top, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
    background: linear-gradient(to bottom, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
    background: -webkit-linear-gradient(top, rgb(0,70,119) 0%, rgb(0,70,119) 100%);
}

#gc_message_bar div {
    margin: 0 10px;
    text-decoration: none;
}
#gc_message_bar div, #gc_message_bar span, #gc_message_bar b, #gc_message_bar i, #gc_message_bar form, #gc_message_bar label {
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.gc_message_bar_bottom {
    -moz-box-shadow: rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: rgba(0,0,0,0.2) !important;
    box-shadow: rgba(0,0,0,0.2) !important;
    bottom: -45px;
}
#gc_message_bar #gc_message_bar_wrapper {
    margin: 5px 50px;
    height: 30px;
    line-height: 30px;
}
#gc_message_bar #gc_message_bar_content {
    position: relative;
    width: 100%;
}
#gc_message_bar #gc_message_bar_message {
    margin: 0 10px;
    vertical-align: top;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    display: inline-block;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-family: inherit;
    font-size: 16px;
}
#gc_message_bar #gc_message_bar_button_a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: none !important;
}
#gc_message_bar #gc_message_bar_button {
    display: inline-block;
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    cursor: pointer;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cb0101;
    background: #cb0101;
}
#gc_message_bar #gc_message_bar_button #gc_message_bar_buttontext {
    width: 100%;
    height: 28px;
    display: inline-block;
    font-family: inherit;
    line-height: 0;
    font-size: 16px;
}

.supportLink{
    text-align: center;
}
.supportLink h3{
    display: block;
    text-transform: uppercase;
}
.supportLink img{
    max-width: 100%;
}
.scrollTop{
    bottom: 80px;
}
#searchFolding a:nth-of-type(2n+1) {
    background: #f6f6f6 none repeat scroll 0 0;
}

#searchFolding a i {
    color: #627f9a;
    font-size: 11px;
}
#searchFolding {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px #bbb;
    display: none;
    left: 1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 200;
}
#searchFolding a{
    color: #7e7e7e;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#searchFolding a span {
    color: #7e7e7e;
    float: right;
}
#footer {
    padding: 10px 0;
}
.product-block .product-meta .name h4, .product-grid .name h4 {
    line-height: 25px;
    margin: 0;
    text-transform: inherit;
}
.menu-sidebar-level1-name {
    display: inline-block;
    margin: 0;
}
#submenu .btn-group .dropdown-menu a {
    text-transform: none;
}
.left-news-title h5 {
    margin: 0 0 0 5px;
}
@media  only screen and (max-width: 767px){
    .mobileNav{
        top: 0;
        color: #000;
    }
    .navBar{
        padding: 0;
    }
    #mobile{
        background: #DCDCDC;
    }
    #search-form-bot .button-search{
        background-color: #627f9a !important;
        top: 0;
    }
    .navBar .header-right{
        padding: 0 0 10px 0;
    }
}
@media only screen and (max-width: 479px) {
    ul.topParent li {
        text-align: left;
    }
}


.coccoc-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

.coccoc-alo-phone.coccoc-alo-show {
    visibility: visible
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.coccoc-alo-phone.coccoc-alo-static {
    opacity: .6
}

.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {
    opacity: 1
}

.coccoc-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
    -webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
    -webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
    border-color: #75eb50;
    border-color: #baf5a7 9;
    opacity: .5
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5
}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.coccoc-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {
    -webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important
}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #00aff2 9;
    opacity: .75 !important
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    background-color: #baf5a7 9;
    opacity: .75 !important
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 165, 233, 0.9);
    background-color: #a6e3fa 9;
    opacity: .75 !important
}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(204, 204, 204, 0.5);
    background-color: #ccc 9;
    opacity: .75 !important
}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: .75 !important
}

.coccoc-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important
}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {
    -webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
    -moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
    -ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
    -o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
    animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important
}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
    background-color: #00aff2
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50 9
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #00aff2;
}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {
    background-color: #ccc
}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {
    background-color: #75eb50
}

@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

#coccoc-alo-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 2000000;
    overflow: visible;
    display: none;
    color: #383838
}

#coccoc-alo-wrapper.night-mode {
    color: #fff
}

.coccoc-alo-popup-close {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute !important;
    right: -15px !important;
    top: -15px !important;
    height: 30px !important;
    width: 30px !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer !important;
    -webkit-transition: .3s ease-out !important;
    -moz-transition: .3s ease-out !important;
    -o-transition: .3s ease-out !important;
    transition: .3s ease-out !important
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")
}

#coccoc-alo-wrapper .coccoc-alo-popup-close:hover {
    opacity: .6 !important
}

.coccoc-alo-popup {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
    -webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    transition: .6s ease-out;
    margin: 0 auto;
    z-index: 200001;
    text-align: center;
    padding: 60px 75px
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")
}

#coccoc-alo-wrapper .coccoc-alo-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");
    top: 0;
    left: 0;
    z-index: 200000
}

.coccoc-alo-popup h3 {
    font-size: 24px;
    margin: 0 0 40px;
    font-family: 'Open Sans';
    font-weight: 300;
    white-space: nowrap
}

.night-mode .coccoc-alo-popup h3 {
    font-size: 23px
}

.night-mode .coccoc-alo-message {
    padding-bottom: 0
}

.coccoc-alo-message {
    height: 32px;
    padding: 18px 0 13px 0;
    text-align: center;
    clear: both;
    font-size: 14px
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input {
    float: left;
    width: 49%
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {
    padding: 0 13px
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {
    color: #616161;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    padding-right: 15px
}

.coccoc-alo-number {
    color: #00bed5;
    font-size: 28px;
    font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;
    font-weight: normal;
    background-color: transparent;
    border: none;
    border-width: 0;
    display: inline-block;
    border-bottom: #00bed5 solid 1px;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 221px
}

.coccoc-alo-number::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.night-mode .coccoc-alo-number {
    border: #00bed5 solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 31px
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {
    color: #ff496b
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {
    outline: 0
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #d1d1d1
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #d1d1d1
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
    color: #d1d1d1
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #d1d1d1
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #60615f
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #60615f
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
    color: #60615f
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #60615f
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit {
    border: none;
    border-width: 0;
    padding: 20px 40px;
    background-color: #333;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    outline: none !important
}
.paginator-bottom{
    clear: both;
    text-align: center;
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {
    background-color: #00bed5
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {
    outline: none !important
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {
    border: 0
}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {
    background-color: #00aff2;
    background-color: #00aff2
}

.coccoc-alo-blur {
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
    filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")
}

#coccoc-countdown {
    padding-top: 20px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 300
}
.productSearch .box-content .box-item:nth-child(4n+1){
    clear: none !important;
}
.coccoc-alo-request-time {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding: 6px 12px;
    font-size: 18px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {
    color: #fff;
    background-color: #515350;
    border: 1px solid #606260
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {
    margin-bottom: 15px
}

#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {
    margin-bottom: 35px
}

.coccoc-alo-table {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.coccoc-alo-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
#submenu .hisproduct .box-item{
    padding: 0 5px;
}
#submenu .btn+.dropdown-toggle-split::after {
    margin-left: 0;
}
#submenu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    content: "\f107";
    color: #333;
    font-family: Fontawesome;
    font-weight: normal;
    font-size: 17px;
}
#submenu .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#submenu .dropdown-menu{
    position: relative;
}
#submenu .btn-group{
    width: 100%;
}
#submenu .btn-group a{
    background: none;
    box-shadow: none;
    color: #777;
    padding: 6px 0;
    font-weight: normal;
    text-shadow: none;
}
#submenu .btn-group.childs{
    padding-left: 15px;
}
#submenu .btn-group a:hover,#submenu .btn-group a.active{
    color: #d60000 !important;
}
#submenu .btn-group button{
    background: none;
    box-shadow: none;
    float: right;
    padding: 5px 0;
    width: 50%;
    text-align: right;
}
#submenu .btn-group{
    margin: 0;
    padding:  0 5px;
}
#submenu .btn-group .dropdown-menu{
    border: none;
    box-shadow: none;
    width: 100%;
    clear: both;
    padding: 0 10px;
    margin: 0;
}
#submenu .btn-group .dropdown-menu a{
    display: block;
}
.banner.tp_banner_main {
    display: none;
}
.growUp {
    padding: 35px 0 55px;
}
.section-header {
    color: #324148;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.growUp .section-header {
    margin-bottom: 45px;
}
.section-header p {
    font-size: 32px;
    font-weight: 800;
    line-height: 64px;
    position: relative;
    display: inline-block;
}
.section-header p:before {
    position: absolute;
    content: '';
    height: 34px;
    width: 33px;
    background-image: url('/tp/T0033/image/stores/14215/before.png');
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -48px;
}
.section-header span {
    font-size: 18px;
    line-height: 28px;
    display: block;
    max-width: 780px;
    margin: 0 auto;
}
.growUp-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.growUp-list__left, .growUp-list__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 35px) / 2);
    flex: 0 0 calc((100% - 35px) / 2);
    border-radius: 5px;
    overflow: hidden;
}
.growUp-list__left {
    margin-right: 35px;
}
.growUp-list__left, .growUp-list__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 35px) / 2);
    flex: 0 0 calc((100% - 35px) / 2);
    border-radius: 5px;
    overflow: hidden;
}
.growUp-list__left a {
    position: relative;
    display: block;
    line-height: 0;
}
.growUp-list__left a img {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    max-height: 325px;
    -o-object-fit: cover;
    object-fit: cover;
}
.growUp-list__left a img {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    max-height: 325px;
    -o-object-fit: cover;
    object-fit: cover;
}
.products-list__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    margin-top: 30px;
}
.products-list__link a {
    color: #00B4E1;
    text-decoration: underline;
}
.products-list__link a i {
    vertical-align: middle;
    margin-left: 5px;
}
.products-list.box-content {
    margin-top: 20px;
}
.products {
    padding: 20px 0 50px;
    background-color: #F9F9F9;
}
.popular {
    min-height: 268px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.popular-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 35px;
}
.popular-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 250px) / 4);
    flex: 0 0 calc((100% - 250px) / 4);
    margin: 0 30px;
    color: #fff;
    text-align: center;
}
.popular-list__item p {
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    margin-bottom: 20px;
}
.popular-list__item span {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}
.popular-list__item:nth-child(4n) {
    margin-right: 0;
}
.productLine {
    padding: 35px 30px 45px;
}
.productLine .section-header {
    margin-bottom: 35px;
}
.productLine-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
}
.productLine-list .left, .productLine-list .center, .productLine-list .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 100px) / 3);
    flex: 0 0 calc((100% - 100px) / 3);
    margin: 0 15px;
}
.productLine-list .left {
    margin-left: 0;
}
.productLine-list .productLine-list__item, .productLine-list .right .productLine-list__item {
    height: 100%;
}
.productLine-list .productLine-list__item a, .productLine-list .center .productLine-list__item a, .productLine-list .right .productLine-list__item a {
    display: block;
    border-radius: 6px;
    overflow: visible;
    position: relative;
    line-height: 0;
    height: 100%;
}
.productLine-list .productLine-list__item a img, .productLine-list .center .productLine-list__item a img, .productLine-list .right .productLine-list__item a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.productLine-list .productLine-list__item a img, .productLine-list .right .productLine-list__item a img {
    height: 100%;
}
.productLine-list  .productLine-list__item a h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: initial;
    text-align: center;
    width: 100%;
}
.productLine-list .center .productLine-list__item {
    margin-bottom: 20px;
    height: calc((100% - 20px) / 2);
}
.productLine-list .center .productLine-list__item img {
    max-height: 100%;
}
.productLine-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    max-width: 1200px;
    margin: auto;
}
.constructions {
    background-color: #F9F9F9;
    padding: 40px 0 100px;
}
.constructions .section-header {
    margin-bottom: 30px;
}
.constructions-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.constructions-list .item {
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    margin: 15px;
}
.constructions-list .item .show {
    height: 320px;
    -o-object-fit: cover;
    object-fit: cover;
}
.constructions-list .item .slides_thumb {
    display: none;
}
.constructions-list .item .data-garelly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 15px;
    background-color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.constructions-list .item .data-garelly h3 {
    font-size: 20px;
    font-weight: 700;
}
.constructions-list .item .data-garelly span {
    color: #00B4E1;
    text-decoration: underline;
    font-size: 16px;
}
.constructions-list .item .data-garelly span i {
    margin-left: 10px;
    vertical-align: middle;
}
.constructions-list .owl-carousel .owl-dots {
    position: absolute;
    text-align: center;
    width: 100%;
}
.constructions-list .owl-carousel .owl-dots button {
    height: 6px;
    width: 6px;
    border: 1px solid #979797;
    border-radius: 50%;
    margin: 0 10px;
    position: relative;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.constructions-list .owl-carousel .owl-dots button:hover, .constructions-list .owl-carousel .owl-dots button.active {
    border-color: #00B4E1;
    background-color: #00B4E1;
}
.constructions-list .owl-carousel .owl-dots button:before {
    content: '';
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border: 1px solid #00B4E1;
    border-radius: 50%;
    display: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.constructions-list .owl-carousel .owl-dots button:hover:before, .constructions-list .owl-carousel .owl-dots button.active:before {
    display: block;
}
.news .section-header {
    margin-bottom: 30px;
}
.news-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news-content .news-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}
.news-content .news-content__item .thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
}
.news-content .news-content__item .thumbnail a {
    display: block;
    line-height: 0;
}
.news-content .news-content__item .thumbnail a img {
    max-width: 100%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}
.news-content .news-content__item .infor {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 210px);
    flex: 0 0 calc(100% - 210px);
    padding: 0 15px;
}
.news-content .news-content__item .infor h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.news-content .news-content__item .infor span {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 48px;
}
.news-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 20px;
}

.news-content__item.large {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.news-content__item.small {
    grid-column: 2 / 16;

}
.news-content__item .thumbnail {
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
}
.news-content__item.large h3 {
    margin-top: 20px;
}
.news-link {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 30px;
}
.news-link a {
    color: #00B4E1;
    text-decoration: underline;
}
.news-link a i {
    vertical-align: middle;
    margin-left: 5px;
}
.certification {
    padding: 10px 0 50px;
}
.certification .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 175px;
    margin: 15px;
    border-radius: 6px;
}
.certification .item a:hover {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.container {
    padding: 0 15px;
}
.btn-fixed {
    transform: none;
    position: fixed;
    bottom: 62px;
    font-size: 0.875rem;
    right: 18px;
    height: 56px;
    width: 56px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #00b156;
    color: #fff;
    cursor: pointer;
    z-index: 8;
}
.btn-fixed.contact-fixed i {
    font-size: 25px;
}
.btn-fixed.contact-fixed {
    bottom: 150px;
    font-size: 1.25rem;
    box-shadow: none;
}

.btn-fixed.back-to-top {
    transform: scale(0);
    transition: all .3s;
}

.btn-fixed.back-to-top.in {
    transform: scale(1);
}

.list-contact {
    width: 250px;
    background: white;
    box-shadow: rgba(19, 18, 18, 0.1) 2px 2px 11px !important;
    border-radius: 3px !important;
    padding: 30px 34px;
    position: fixed;
    right: 24px;
    bottom: 230px;
    z-index: 9;
}

.list-contact li:not(:last-child) {
    margin-bottom: 20px;
}

.list-contact a {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.list-contact img {
    width: 36px;
    margin-right: 15px;
}

.list-contact span {
    display: flex;
    flex-wrap: wrap;
}

.list-contact p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgb(117, 117, 117);
    padding-left: 50px;
}

.list-contact {
    display: none;
    transition: all .3s;
}
.header-right{
    display: flex;
    flex-direction: row-reverse;
}
#linkzalo,nav #desktop li.parent ul.child {
    display: none;
}
.productLine-list .productLine-list__item a h3{
    color: #000;
    margin-bottom: 10px;
    margin-top: 30px;
}
.productLine-list .productLine-list__item a{
    height: auto;
}
@media screen and (max-width: 768px){
    .header {
        padding: 5px 0;
        float: unset;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        -webkit-box-shadow: #333333 0px 0px 8px 0px;
        box-shadow: #333333 0px 0px 8px 0px;
        position: relative;
    }
    .header .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex;
        padding: 0 15px;

    }
    .header-right-menu {
        position: initial;
    }
    .logo img {
        height: 66px;
    }
    .header .quick-menu, .header .header-search, .header .header-menu {
        cursor: pointer;
    }
    .header-left-menu .header-menu span {
       font-size: 24px;
    }
    .header-left-menu .header-menu {
        line-height: 0;
    }

    .search-btn i {
        color: #e5e5e5;
        font-size: 18px;
        font-weight: normal;
    }
    .header-right-menu i {
        font-size: 22px;
        font-weight: normal;
    }
    .search-container {
        width: 100%;
        float: left;
        clear: both;
        padding: 10px;
        position: absolute;
        left: 0;
        display: none;
    }
    .header .container>div.col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .header-right-menu .search-container {
        position: absolute;
        left: 0;
        bottom: -80%;
        display: none;
    }
    .header-right-menu .search-container .search-input {
        width: 100%;
        height: 40px;
        border: 2px solid #1d4289;
        padding: 0 40px 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #666;
        border-radius: 5px;
    }
    .search-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 40px;
        width: 40px;
        background: #1d4289;
        padding: 5px;
        border: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .header-left-menu {
        text-align: start;
    }

    .header-right-menu {
        text-align: end;
    }

    .header-center-menu {
        text-align: center;
    }
    .hnf-mobile-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 8000;
        display: flex;
        flex-direction: column;
        background-color: rgb(var(--colour-elevation-2, 255, 255, 255));
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(0);
        transition: transform 200ms 0s;
        transition-property: transform, visibility;
    }

    .hnf-mobile-menu__header {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        justify-content: space-between;
        align-items: center;
        padding: 0 1.5rem;
        position: sticky;
        top: 0;
        background-color: rgb(var(--colour-elevation-2, 255, 255, 255));
        z-index: 1;
        border-bottom: 0 solid rgb(var(--colour-neutral-3, 223, 223, 223));
        transition: border-bottom 100ms 0s;
    }

    .hnf-mobile-menu__header--scrolled {
        border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
    }

    .hnf-mobile-menu__search {
        display: block;
        padding-block: 1.5rem;
        padding-inline: 0 1rem;
        width: 100%;
    }

    .hnf-search {
        --skapa-search-filled: 0;
        transition: background-color 200ms cubic-bezier(0.4, 0, 0.4, 1), border 200ms cubic-bezier(0.4, 0, 0.4, 1);
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 64px;
        background-color: rgb(var(--colour-neutral-2, 245, 245, 245));
        padding-inline-end: .75rem;
    }

    .hnf-svg-icon {
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
        vertical-align: middle;
        fill: currentColor;
        transition-property: transform, fill;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    }

    .hnf-search__icon {
        pointer-events: none;
        position: absolute;
        margin-inline-start: 1rem;
        transition: transform 200ms cubic-bezier(0.4, 0, 0.4, 1), opacity 200ms cubic-bezier(0, 0, 1, 1);
        transform: scale(calc(1 - var(--skapa-search-filled)));
        opacity: calc(1 - var(--skapa-search-filled));
        z-index: 1;
    }

    .hnf-mobile-menu input[type="search"].hnf-search__input {
        transition: padding 200ms cubic-bezier(0.4, 0, 0.4, 1) !important;
        flex-grow: 1;
        margin: 0;
        padding-inline-start: calc(3rem - var(--skapa-search-filled)* 1.5rem);
        height: 3.125rem !important;
        width: calc(100% - 2.5rem);
        font-size: 1rem !important;
        line-height: 1.625 !important;
        border: none !important;
        outline: none;
        -webkit-appearance: none !important;
        appearance: none !important;
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        text-overflow: ellipsis;
        box-shadow: none;
    }

    input[type=search] {
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: inherit;
    }

    .hnf-btn {
        position: relative;
        font-size: .875rem;
        background: none;
        border: 0;
        padding: 0;
        line-height: 1.4285714286;
        font-weight: bold;
        text-align: center;
        display: inline-flex;
        border-radius: 64px;
        cursor: pointer;
        outline: 0;
        vertical-align: top;
    }

    .hnf-btn--icon-secondary, .hnf-btn--secondary, .hnf-btn--icon-tertiary, .hnf-btn--tertiary {
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
        text-decoration: none;
    }

    .hnf-btn--xsmall {
        font-size: .75rem;
        line-height: 1.3333333333;
    }

    .hnf-search__action {
        --skapa-search-action-state: var(--skapa-search-action-override, var(--skapa-search-filled));
        transform: scale(calc(var(--skapa-search-action-state)* 1));
        opacity: calc(var(--skapa-search-action-state)* 1);
        max-width: calc(var(--skapa-search-action-state)* 2rem);
        transition-duration: 200ms;
        transition-property: max-width, transform, opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    }

    .hnf-btn:disabled {
        cursor: default;
    }

    .hnf-btn--tertiary:disabled, .hnf-btn--icon-tertiary:disabled {
        color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
    }

    .hnf-btn__inner {
        border-radius: 64px;
        transition-property: opacity, transform;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 3.5rem;
        padding: 0 2rem;
        width: 100%;
        box-sizing: border-box;
    }

    [class*=hnf-btn--icon] .hnf-btn__inner {
        padding: 0 1rem;
    }

    .hnf-svg-icon {
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
        vertical-align: middle;
        fill: currentColor;
        transition-property: transform, fill;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    }

    .hnf-btn .hnf-svg-icon {
        flex-shrink: 0;
    }

    .hnf-btn .hnf-svg-icon, .hnf-btn__label {
        transition-property: opacity, margin-right, margin-left, transform;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    }

    [class*=hnf-btn--icon] .hnf-btn__inner .hnf-btn__label {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        margin: -1px;
        white-space: nowrap;
    }
    .hnf-mobile-menu__container {
        position: relative;
        padding: 0 1.5rem;
    }

    .hnf-mobile-menu__nav {
        padding-block: 0 .75rem;
        background: #fff;
    }

    .hnf-mobile-menu__nav__main {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1.45;
        letter-spacing: -0.0075rem;
    }

    .hnf-mobile-menu__container--default .hnf-mobile-menu__nav .hnf-mobile-menu__nav__main {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
    }

    .hnf-mobile-menu__container--default .hnf-mobile-menu__nav .hnf-mobile-menu__nav__main>li {
        padding: .125rem 0;
    }

    .hnf-link {
        text-decoration: underline;
        font-weight: 400;
        color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    }

    .hnf-mobile-menu__nav__main a, .hnf-mobile-menu__nav__aux a {
        display: block;
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
        text-decoration: none;
    }

    .hnf-mobile-menu__nav__main .hnf-mobile-menu__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hnf-mobile-menu__nav__main .hnf-mobile-menu__link__label {
        flex-grow: 80;
        padding: 10px 0;
    }

    .svg-icon {
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
        vertical-align: middle;
        fill: currentColor;
        transition-property: transform, fill;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    }

    .hnf-mobile-menu__nav__main .hnf-mobile-menu__link__icon {
        flex-shrink: 0;
        margin-inline-start: .5rem;
        margin-inline-end: .75rem;
    }

    .hnf-mobile-menu__nav__main li a.hnf-link {
        font-weight: 700;
    }

    .hnf-mobile-menu__nav__main--secondary li a.hnf-link {
        display: flex;
    }

    .hnf-mobile-menu__container--default .hnf-mobile-menu__nav .hnf-mobile-menu__nav__aux {
        padding-top: .75rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
        font-size: .875rem;
    }

    .hnf-mobile-menu__container--default .hnf-mobile-menu__nav .hnf-mobile-menu__nav__aux a {
        padding: .5rem 0;
    }

    .hnf-mobile-menu__footer {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 1rem;
        padding: 1.5rem 1.5rem;
    }

    .hnf-text--heading-xs {
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
        font-size: .875rem;
        line-height: 1.571;
        font-weight: 700;
    }

    .hnf-localisation-picker h2 {
        margin-block-end: 1rem;
    }

    .hnf-localisation-picker__iconlink {
        display: flex;
        align-items: center;
    }

    .hnf-localisation-picker__iconlink .svg-icon {
        margin-inline-end: .5rem;
    }

    .hnf-localisation-picker__disclaimer {
        margin-block-start: 1rem;
        color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
    }
    .hnf-mobile-menu--hidden {
        transform: translateX(-100%);
        visibility: hidden;
    }
    nav.hnf-mobile-menu__nav2.hnf-mobile-menu__submenu {
        background: #fff;
    }

    .hnf-mobile-menu__submenu__main li>a {
        padding-inline-end: .75rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
        font-weight: 400;
    }

    .hnf-mobile-menu__submenu__main li>a .hnf-mobile-menu--product__image {
        flex-shrink: 0;
        margin-inline-end: 1rem;
        border-radius: var(--product-image-radius-s, 4px);
    }

    .hnf-mobile-menu__submenu__main li>a .hnf-mobile-menu--product__image:not(.hnf-skeleton) {
        background-color: rgb(var(--colour-static-white, 255, 255, 255));
    }

    .hnf-mobile-menu__submenu__main li>a .hnf-mobile-menu--product__image>img {}

    .hnf-mobile-menu__submenu__main li>a .hnf-mobile-menu--product__image>img {
        width: 74px;
        height: 74px;
        scale: var(--product-image-transform, none);
        object-fit: cover;
    }

    .hnf-mobile-menu__submenu__main li+li {
        margin-top: 1rem;
    }
    .hnf-mobile-menu__container ul {
        margin: 0;
        padding: 0 15px;
        list-style: none;
        position: absolute;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .hnf-mobile-menu__container ul.list-root {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .hnf-mobile-menu__container .list-root.mm-subopened{
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .hnf-mobile-menu__container .list-child.mm-opened,
    .hnf-mobile-menu__container .list-root.mm-subopened.mm-opened{
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .hnf-mobile-menu__container ul .hnf-mobile-menu--product.active ul {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .hnf-mobile-menu__container ul .hnf-mobile-menu--product ul {
        position: initial;
        display: none;
    }
    .hnf-mobile-menu__container ul .hnf-mobile-menu--product ul.active{
        display: block;
    }
    .hnf-mobile-menu__container .list-child.mm-opened.active>li{
        display: none;
    }
    .hnf-mobile-menu__container .list-child.mm-opened.active>li.active{
       display: block;
    }
    .hnf-mobile-menu__container .list-child.mm-opened.active>li.active>a{
        display: none;
    }
    .hnf-pill {
        position: relative;
        font-size: .875rem;
        background: none;
        border: 0;
        padding: 0;
        line-height: 1.4285714286;
        font-weight: bold;
        text-align: center;
        display: inline-flex;
        border-radius: 64px;
        cursor: pointer;
        outline: 0;
        vertical-align: top;
        border-radius: 64px;
        transition-property: opacity, transform;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
        justify-content: center;
        align-items: center;
        min-height: 3.5rem;
        padding: 0 2rem;
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
        background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245));
        border: 2px solid rgba(0, 0, 0, 0);
        padding: 0 0.9375rem;
    }
    .hnf-pill.hnf-pill--icon .hnf-pill__label {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        margin: -1px;
        white-space: nowrap;
    }

    .hnf-mobile-menu__heading {
        width: 100%;
        padding: 1.5rem .75rem;
        min-height: 100px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        color: #333;
    }

    .hnf-btn {
        position: relative;
        font-size: .875rem;
        background: none;
        border: 0;
        padding: 0;
        line-height: 1.4285714286;
        font-weight: bold;
        text-align: center;
        display: inline-flex;
        border-radius: 64px;
        cursor: pointer;
        outline: 0;
        vertical-align: top;
    }
    .hnf-mobile-menu .menu-level,.hnf-mobile-menu.level .hnf-mobile-menu__header--scrolled {
        display: none;
    }

    .hnf-mobile-menu.level .menu-level,.hnf-mobile-menu .hnf-mobile-menu__header--scrolled {
        display: flex;
    }

    .constructions-list .item{
        margin: 15px 0;
    }
    .constructions-list .item .data-garelly{
        flex-direction: column;
    }
    .productLine-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .news-content {
        grid-template-rows: repeat(1, 1fr);
        display: block;
    }
    .productLine {
        padding: 35px 15px 45px;
    }

    .productLine-list .productLine-list__item a:after, .productLine-list .center .productLine-list__item a:after, .productLine-list .right .productLine-list__item a:after {
        display: none;
    }

    .productLine-list .productLine-list__item a img, .productLine-list .right .productLine-list__item a img {
        object-fit: scale-down;
    }

    .productLine-list .productLine-list__item a h3 {
        position: initial;
        color: #000;
        font-size: 16px;
    }

    .productLine-list .productLine-list__item a, .productLine-list .center .productLine-list__item a, .productLine-list .right .productLine-list__item a {
        overflow: visible;
    }
    .slider-one-item img {
        height: 666px;
    }
    .news-link{
        margin-bottom: 30px;
    }
    .menu-wrap {
        display: flex;
        align-items: center;
    }
}