/*@font-face {font-family:Play;src: url(font/Play-REGULAR.TTF);}
@font-face {font-family:PlayB;src: url(font/Play-BOLD.TTF);}
@font-face {font-family:Swiss;src: url(font/UTM-Swiss-Condensed.ttf);}
@font-face {font-family:SwissB;src: url(font/UTM-Swiss-CondensedBold.ttf);}
}*/

/* CSS Variables for theme colors */
:root {
    --main: #1C71C1;
    --main-light: #11C0F7;
    --main-focus: #1C71C180;
    --main-dark: #041d31;
    --text: #757575;
    --second: #157b0a;
    --second-light: #2167ba;
    --second-focus: #edc67280;
    --second-dark: #113561;
    --third: #fffaec;
    --text: #596277;
    --text-dark: #543c04;
    --light: #F7F7F7;
}
/* CSS Variables for theme colors end*/

body {
    margin: 0;
    padding: 0;
    font-family: "Play", sans-serif;
    background: var(--main-dark);
    color: #fff;
}

h1,h2,h3,h4,h5,h6,strong,b{}
a{text-decoration:none}
.litt h4{font-size:18px;margin-top:10px;font-family:Play; font-weight:600}
.litt h4:hover{ color:var(--main)}

.imgScale{overflow:hidden;}a{color:inherit;}
.container{/* width:96%; *//* margin:auto; *//* max-width:1200px; *//* padding:0; */box-sizing:border-box;}
.row{}
.offset-lg-3{margin-left:25%}
.boxes+.boxes{margin-top:20px;}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}a:hover{text-decoration:none;color:inherit;}
.align-left{text-align:left !important;}.align-center{text-align:center !important;}.align-right{text-align:right !important;}
.postImg {overflow:hidden;position:relative;}
.postImg img{width:100%;height:auto;min-height:100%;transition:transform .5s;position:absolute;left:0}
.postImg:hover img{transform:scale(1.2)}
.imgH .hidden{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;z-index:5;top:0;left:0;color:#fff;padding-top:40%;text-align:center;text-transform:uppercase;font-size:14px;opacity:0;}
.imgH:hover .hidden{opacity:1;}
.product-img{background-color:#fff;text-align:center;position:relative;overflow:hidden;}
.product-img img{height:100%;width:auto;left:0;right:0;margin:auto;position:absolute;transition:transform .5s;}.product-list li:hover .product-img img{transform:scale(1.2) rotate(5deg)}
.desc{}
.link-inner-detail a{color:#0579a2;}.link-inner-detail a:hover{}
.message{font-size:15px;color:#4f4f4f}
.background-white{background-color:#fff;padding:25px 2%;border:1px solid #eee;border-radius:3px}
.banner img{width:100%;}
.red{font-size:15px;color:red}.w{color:#fff !important}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{font-size:16px;color:#fff;margin-top:20px;text-align:justify;}
    .detail div, .detail p, .detail strong, .detail span {
        color: #fff !important;
    }
.mucluc{ background-color:#f7f7f7;padding:15px 20px;margin-top:20px;border:1px solid #d1d1d1;}
.mucluc h4{font-size:16px;color:#3f3f3f;font-weight:bold;text-align:center;margin-bottom:10px;border-bottom:1px solid #dfdfdf;text-transform:uppercase;padding-bottom:5px;}
.mucluc li a{color:#007bff;}
.mucluc li:hover a{color:#b10019;}
.detail table{width:100% !important;}
.detail td{padding:1%}
.detail img{max-width:100% !important;width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{color:#0579a2;text-decoration:none;}
.link-inner-detail{margin-top:5px;font-weight:bold;color:#0579a2;}
.breadcrums {float:right;}

.breadcrums  a{color:#0579a2;}
.error {color:red;font-size:15px;}
.boxes .contain{overflow:hidden;}
.text-right{text-align:right;}
.img{display:block}
.img img{width:auto;height:100%;min-width:100%;}
.block{display:block}
.btopnone{border-top:none !important}
.overHide{overflow:hidden}.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}
.pager{clear:both;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:var(--main);display:inline-block;text-align:center;
margin-right:3px;border-radius:4px;color:#fff;border:1px solid #fff;padding:3px 10px 2px 10px;box-sizing:border-box;}    
.pager a:hover{background-color:#0579a2;color:#fff;/* border:0; */}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#fff;color:var(--main);border:1px solid #dddd;}
.transparent{background-color:transparent}
.boxes .contain{/* overflow:hidden; */margin-top:20px;}
.loadding{background-color:rgba(255,255,255,.6);background-image:url(../Design/cho.gif);background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;z-index:5}
.inline-block{display:inline-block}.relative{position:relative;}
.link-cat{text-align:center;margin-top:10px;}.link-cat a{border-bottom:2px solid #027dc3;color:#9f9f9f;padding:0 10px 2px;display:inline-block;font-size:14px;text-transform:uppercase;}
.link-cat a:hover{color:#027dc3;}.link-cat a i{transition:transform 0.2s;}.link-cat a:hover i{transform:translateX(5px);}
.info{font-size: 14px;color:#d9d9d9;margin-top:6px;overflow:hidden;}
.info span, .info a{display:inline-block;margin-right:10px;}.info a:hover{color:#ee0a0a;}.info a{color:#111;}
.info span:last-child, .info a:last-child{;margin-right:0;}
.info .cat:before{content:"\f0c9";font-family:fontawesome;color:#4f4f4f;display:inline-block;margin-right:6px;}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;font-weight:300}
.views{font-size:14px;}
.views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .comments:before{content:"\f0e5";font-family:fontawesome;color:#4f4f4f;display:inline-block;margin-right:6px;}
.info .share{float:right;}

.width49{width:49%;float:left;}.width49+.width49{float:right;}
.breadcrumb{width:100%;display:none;}
.breadcrumb a{color:#027dc3}
.breadcrumb a:hover{text-decoration: underline !important;}
.bninner{position:relative}
.bninner img{width:100%}
.bninner:before{position: absolute;content: '';background: rgba(0, 0, 0, 0.30);width: 100%;height: 100%;left: 0px;top: 0px;}

.center{text-align:center}

.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line5{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer;}
.num-img{position:absolute;z-index:2;color:#fff;bottom:0;right:0;padding:7px 10px;background-color:rgba(0,0,0,0.5);}
.num-img:hover{font-size:18px;color:#fff;}
.imgP{position:relative;cursor:pointer}
.imgA img{position:absolute;height:auto;width:auto !important;max-width:100%;max-height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgH img{height:100%;/* min-width:100%; */width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit:cover}
.imgP img{position:absolute;height:auto;width:auto !important;max-width:100%;max-height:100%;bottom:0;left:0;right:0;margin:auto;transition:transform .3s;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s; object-fit: cover;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.imgP:hover img{transform:translateY(-20px)}

.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.mt{margin-top:50px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}

@media (min-width: 992px){
    .col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
} 

@media only screen
and (max-width :1023px){
.offset-lg-3{margin-left:0}
}

@media only screen
and (max-width :467px){

.pdingm{/* padding: 20px 0 !important; */}
.desc{/* font-size:13px; */height:auto}
.boxes .contain{margin-top:15px;}
.width49{width:100%;float:none;}
.mtop50,.mtop40{margin-top:30px !important;}.breadcrums{float:none;}
.background-white{/* padding-bottom:0 */}
.breadcrumb{font-size:13px}
.boxes+.boxes{margin-top:20px;}
.background-white{padding:0}
}



#ft-contact-icons{position:fixed;bottom:70px;left:64px;z-index:200001!important;list-style-type:none;transition:all .5s;list-style:none;max-height:0;overflow:hidden;margin:0;padding:0}
#ft-contact-icons.active{max-height:500px;}
#ft-contact-icons .icon-messenger .icon{background:#0052c2 url(messenger.png);background-position:center;background-size:70%;background-repeat:no-repeat}
#ft-contact-icons .icon-zalo .icon{background:#fff url(/Design/ic-zalo-2.png);background-position:center;background-size:70%;background-repeat:no-repeat;border:1px solid var(--main)}
#ft-contact-icons li{margin-bottom:10px;margin-left:0}
#ft-contact-icons li .icon{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;border-radius:31px;font-size:20px;list-style:none;background:#f58634}
#ft-contact-icons li span.ab{background:var(--main);border-radius:5px;position:relative;margin-left:7px;*height:28px;padding:0 13px;cursor:pointer}
#ft-contact-icons li span.ab label{font-size:13px;margin:0;color:#fff}
#ft-contact-icons li span.ab i{position:absolute;left:-5px;top:50%;transform:translateY(-50%);color:var(--main)}
#ft-contact-icons li a{color:#fff;display:flex;align-items:center;text-decoration:none;transition:all .5s}
#ft-contact-icons li a:hover span.ab{background:var(--main-light)}
#ft-contact-icons li a:hover span.ab i{color:var(--main-light)}
#ft-contact-icons .icon-envelope .icon{background:var(--main)}
#ft-contact-icons .icon-phone .icon{background:var(--main)}
#ft-contact-icons .icon-map .icon{background:#0092bf}
#ft-contact-icons.contact-icons-right{left:auto;right:10px;margin:0}
#ft-contact-icons.contact-icons-right li a{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
#ft-contact-icons.contact-icons-right li span.ab{margin-right:6px;height:30px;line-height:30px}
#ft-contact-icons.contact-icons-right li span.ab i{left:auto;right:-5px}

#btncontact {
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 31px;
    font-size: 20px;
    background: #a05742;
    z-index: 1000;
    animation: pulse-brown 2s infinite;
    transition-duration: .2s;
}
@media only screen
and (max-width:576px) {
    /*#ft-contact-icons li span.ab{display:none}*/
}


.ring{position:fixed;bottom:0;right:0}
.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);
opacity: 0.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 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

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

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
opacity: 0.75 !important;
}

.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: 0.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 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.coccoc-alo-ph-img-circle {width: 60px;height: 60px;top: 70px;left: 70px;position: absolute;background: rgba(30, 30, 30, 0.1)
url(/Design/1/icon-zalo.png)
no-repeat center center;background-size: cover;box-sizing:border-box;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 4px solid transparent;/* opacity: 0.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;}

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

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
border-color: #00aff2;
opacity: 0.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;
opacity: 0.5;
}

.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);
opacity: 0.75 !important;
}

.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;
}

.hotline-phone-ring-wrap{position:fixed;bottom:10px;right:0;z-index:99}
.hotline-phone-ring-wrap-zl{position:fixed;bottom:70px;right:0;z-index: 99;}
.hotline-phone-ring-wrap-fb{bottom:130px}
.text-hotline{color:#fff;font-size:20px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:60px;height:60px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-zl{position:relative;visibility:visible;background-color:transparent;width:60px;height:60px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;right:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:60px;height:60px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-zl{width:60px;height:60px;top:0;right:0;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid #0182ca;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:50px;height:50px;top:5px;left:5px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-circle-fill-zl{width:50px;height:50px;top:5px;right:5px;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:10px;left:10px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;/* animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; */transform-origin:50% 50%;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle-zl{background-color:#0182ca;width:40px;height:40px;top:10px;right:10px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}
.hotline-bar{position:absolute;background:#3578e5;height:45px;width:185px;line-height:45px;border-radius:3px;padding:0 50px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:50px!important;left:52px;bottom:31px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:700;text-indent:32px;letter-spacing:1px;display:block;line-height:45px;font-family:Arial}
.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}
.hotline-phone-ring-wrap img{animation: swing .7s infinite;}
.hotline-phone-ring-wrap .p{position: absolute;left: 0;top: 0;white-space: nowrap;z-index: -1;background: red;color: #fff;padding: 6px 20px;border-radius: 0 50px 50px 0;padding-left: 30px;transition: .3s;opacity: 0;}
.hotline-phone-ring-wrap:hover .p{left: 50%;opacity:1}

 @-webkit-keyframes bg-pan-bottom{0%{background-position:50% 0}100%{background-position:50% 100%}}@keyframes bg-pan-bottom{0%{background-position:50% 0}100%{background-position:50% 100%}}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@-webkit-keyframes scale-in-hor-center{0%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes scale-in-hor-center{0%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}
@-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}
@-webkit-keyframes focus-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-800px);transform:translateZ(-800px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-800px);transform:translateZ(-800px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes tracking-in-expand-fwd-bottom{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px) translateY(500px);transform:translateZ(-700px) translateY(500px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-expand-fwd-bottom{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px) translateY(500px);transform:translateZ(-700px) translateY(500px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}
@-webkit-keyframes tracking-in-contract-bck-top{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(-300px);transform:translateZ(400px) translateY(-300px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-contract-bck-top{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(-300px);transform:translateZ(400px) translateY(-300px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}
@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}
@-webkit-keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes pulse-red{0% {box-shadow: 0 0 0 0 rgba(215,0,24,.7);transform: scale(.95);}70% {box-shadow: 0 0 0 10px rgba(215,0,24,0);transform: scale(1);}100% {box-shadow: 0 0 0 0 rgba(215,0,24,0);transform: scale(.95);}}
@-webkit-keyframes pulse-brown{0% {box-shadow: 0 0 0 0 rgba(160, 87, 66,.7);transform: scale(.95);}70% {box-shadow: 0 0 0 10px rgba(160, 87, 66,0);transform: scale(1);}100% {box-shadow: 0 0 0 0 rgba(160, 87, 66,0);transform: scale(.95);}}

@-moz-keyframes coccoc-alo-circle-anim {
0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(0.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(0.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(0.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(0.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(0.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(0.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(0.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(0.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
}
@keyframes coccoc-alo-circle-fill-anim {
0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(0.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)}
}
@media only screen and (max-width: 467px) {
.ring{z-index:2}
.coccoc-alo-phone{width:135px;height:149px}
}