b{font-weight:700!important} *{letter-spacing:0} li#wp-admin-bar-porto,li#wp-admin-bar-vc_inline-admin-bar-link,li#wp-admin-bar-comments,li#wp-admin-bar-customize,li#wp-admin-bar-new-content,li#wp-admin-bar-themes,li#wp-admin-bar-wp-logo{display:none!important} #header{border-bottom:3px solid #ed252d;border-top:0 solid #ededed;padding:4px 0} #header .header-main{background:#fff} #header .header-main .container .header-left{padding:0} .no-breadcrumbs .main-content,body.woocommerce .main-content{padding-top:0} #header .header-main .container #main-menu .mega-menu > li.menu-item i{font-size:25px;margin-top:-5px;color:#0054a5} #main-menu .mega-menu .narrow .popup ul.sub-menu{background-color:#f5f5f5;border-top-color:#08c} #main-menu .mega-menu .narrow .popup li.menu-item > a,#main-menu .mega-menu .narrow .popup li.menu-item > h5{color:#0054a5;border-bottom-color:rgba(13,13,13,0)} #header .header-main .header-contact i{color:#b70100;float:left;background:#fff;width:34px;padding-right:6px;padding-top:4px;font-size:27px;height:34px;border-radius:50%} #header .header-main .header-contact{ background: #b70100; padding: 4px 12px 4px 35px; font-size: 26px; font-weight: 700; border-radius: 15px 15px 15px 15px;} #header .header-main .header-contact a{color:#ffd600;line-height:35px;padding:0} #slider-wrapper .nivo-caption,#slider-wrapper .nivo-controlNav{display:none!important} .nhan-tin-du-an button,.custom-html-widget button{background:#0054a5;border-radius:25px;padding:6px 10px;border:0 solid #ccc} .nhan-tin-du-an button i,.custom-html-widget button i{padding-left:7px} .nhan-tin-du-an button a,.custom-html-widget button a{color:#fff} .wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid>li{margin-bottom:0} .search-duan-home,.nhan-tin-du-an{width:50%;float:left;padding:8px 0} #search-contact-home{background:#dadada;overflow:hidden} .search-duan-home input#searchsubmit{background:#ef402a;border:1px solid #ef402a} .search-duan-home label{text-transform:uppercase;font-weight:700} .nhan-tin-du-an button.nu-form{float:right} .nhan-tin-du-an p{margin:0} .search-duan-home .widget{margin-bottom:0;margin-top:0} .carosel-logo-company{max-width:1200px;margin:30px auto} .carosel-logo-company img:hover{transform:scale(1);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s} .carosel-logo-company img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s} .vc_images_carousel .vc_carousel-control .icon-prev:before,.vc_images_carousel .vc_carousel-control .icon-next:before{color:#777;font-size:72px} .du-an-trien-khai,#news-ph{max-width:1200px;margin:auto} h4.wpb_heading,h4.title-news,.title-event-du-an{border-top:2px solid #ed252d;margin-bottom:0;border-bottom:1px solid #dedede;border-right:1px solid #dedede;border-left:1px solid #dedede;padding:5px 10px;color:#0054a5;font-weight:700;font-size:18px;background:eee;background:-webkit-linear-gradient(#fff,#e6e6e6);background:-o-linear-gradient(#fff,#e6e6e6);background:-moz-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6)} .porto-portfolios .thumb-info .thumb-info-wrapper img,.portfolio .thumb-info .thumb-info-wrapper img,.portfolio-item .thumb-info.thumb-info-lighten img,.portfolio-item span.thumb-info-wrapper{height:100%} .portfolio-item .thumb-info .thumb-info-wrapper{border-radius:0!important;margin:0!important} .porto-portfolios .thumb-info .thumb-info-wrapper,.portfolio .thumb-info .thumb-info-wrapper,.portfolio-item .thumb-info.thumb-info-lighten{border-radius:0;margin:0} .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background-color:#ef3f29} .porto-recent-portfolios .portfolio-carousel{margin-top:8px} .portfolio-item.outimage .color-body{display:none} .portfolio-item.outimage{text-align:center;position:relative} .meta-duan h4{color:#fff} .du-an-trien-khai .m-t-lg{margin-top:10px !important} .meta-duan{position:absolute;text-align:left;padding:10px;color:#fff;bottom:0;width:100%;background:red;background:-webkit-linear-gradient(red,yellow);background:-o-linear-gradient(red,yellow);background:-moz-linear-gradient(red,yellow);background:linear-gradient(rgba(255,0,0,0),rgba(0,0,0,0.88))} .hoat-dong-cong-ty .wpb_wrapper,.tin-noi-bat .wpb_wrapper,.tuyen-dung .wpb_wrapper,.dao-tao .wpb_wrapper{overflow:hidden;background:#f1f1f1} #news-ph ul{list-style:none;margin:0;padding:0} ul.big .thum-news{padding:10px} ul.big .thum-news img{width:100%;border:1px solid #ececec} ul.big h3.title a,ul.big h3.title-1 a{color:#ed252d;font-size:16px;font-weight:700;text-transform:uppercase} ul.big h3.title{line-height:20px;padding:0 10px;margin:0 0 10px 0} ul.big h3.title a{color:#ed252d;font-size:16px;font-weight:700;font-family:Arial,sans-serif;text-transform:uppercase} .content-big.noi-dung{padding:0 10px;text-align:justify} ul.other .thum-news img{width:115px;height:85px} ul.other .thum-news{float:left} ul.other h3.title{margin:0;padding:0;font-size:14px;line-height:20px;font-weight:700} ul.other h3.title a{color:#464646} ul.other li{margin:10px;border-bottom:1px dashed #ccc;padding-bottom:10px} ul.other li:last-child{border-bottom:0 dashed #ccc} ul.other .thum-news{float:left;margin-right:10px} .content-other p{height:47px;overflow:hidden} .tuyen-dung,.dao-tao{margin-top:40px} .tuyen-dung{margin-right:10px} .dao-tao{margin-left:10px} .img-daotao{padding:10px} .tuyen-dung ul.other li,.dao-tao ul.other li{margin:0 10px;border-bottom:1px dashed #ccc;padding-bottom:0} .tuyen-dung ul.other li:last-child,.dao-tao ul.other li:last-child{border-bottom:0 dashed #ccc} ul.big h3.title-1{margin:0 10px} h3.title-1 a{color:#222;font-weight:400;font-size:14px} ul.big h3.title-1{border-bottom:1px dashed #ccc} .img-daotao img{width:100%} #footer{background:#c8262f} #footer .footer-main > .container{padding:15px 0} #footer h3.widget-title{font-size:14px!important;font-weight:600!important;font-family:Arial,sans-serif;margin:0 0 10px 0!important;padding:0} #footer .textwidget p{color:#fff!important} #footer .widget{margin-bottom:3px!important;margin-top:10px!important} #footer .footer-bottom{color:#555;background-color:#fafafa;margin:0;padding:0} #footer .footer-bottom .container .footer-left{padding:5px} #footer .footer-bottom .container .footer-center{padding:3px} #footer .logo img{display:none} #footer .footer-bottom a,#footer .footer-bottom a:hover{color:#c8262f} /*======================= BÀI DỰ ÁN =========================*/ #revolutionSliderCarousel ul{list-style:none;padding:0;text-align:center;border:none;margin:0;background:#fff url(http://vinhomes.vn/Cms_Data/Sites/VinHomes/Themes/Default/images/pattern.png)} ul.portfolio-filter.nav{margin-top:20px} .portfolio-info.pt-none{display:none} .tax-portfolio_cat .m-t-xl{margin-top:0 !important} h5.portfolio-desc{display:none} .archive.tax-portfolio_cat .popup-inline-content,.archive.tax-portfolio_cat .mfp-content .ajax-container{padding:20px 15px;overflow:hidden;margin:0 auto} .archive.tax-portfolio_cat .m-b-lg{margin-bottom:0 !important} .archive.tax-portfolio_cat .m-t-sm{margin-top:0 !important} .archive.tax-portfolio_cat .project-section{padding:0 15px} .archive.tax-portfolio_cat h2.section-title span,h3.section-title span,.tax-portfolio_cat .page-title span{background:#ed252d;color:#fff;padding:7px 25px;font-size:18px} .related-portfolios span.thumb-info-type{display:none!important} .archive.tax-portfolio_cat .portfolio-title{padding-top:40px} #tin-tuc-category{margin-top:20px} #tin-tuc-category h4.title-news{border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff} #tin-tuc-category ul.big,#tin-tuc-category ul.other{padding:0;background:#f1f1f1;list-style:none;margin:0 0 30px 0} #tin-tuc-category ul.other li{margin:10px;border-bottom:1px dashed #ccc;padding-bottom:10px;clear:both;overflow:hidden} #tin-tuc-child .porto-blog .post-meta{display:none} #tin-tuc-child .porto-blog h2.entry-title{line-height:14px;font-weight:700;color:#333;margin:0 0 5px 0} #tin-tuc-child .porto-blog h2.entry-title a{font-size:14px} #tin-tuc-child .porto-blog p.post-excerpt{height:50px;overflow:hidden;margin:0} #tin-tuc-child .porto-blog .img-thumbnail img{max-height:120px} .blog-posts article{border-bottom:1px dashed #ddd;margin-bottom:10px;padding-bottom:10px} #tin-tuc-child .porto-blog .blog-posts{padding:10px;background:#f1f1f1;margin-bottom: 30px;} #tin-tuc-child .porto-blog .owl-carousel{margin-bottom:0} article.post .post-image.single{margin-bottom:0} /*======================= ABOUT =========================*/ #img-gioi-thieu .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d{margin-bottom:0} #img-gioi-thieu{background:#222} .widget-ton-chi h2.wpb_heading{font-size:18px;margin:20px 0;font-weight:700;color:#0054a5} .archive.category .post-content h2.entry-title{line-height:14px;padding:0;margin:0 0 5px 0!important;font-weight:700} .archive.category .post-content h2.entry-title a{font-size:16px;color:#0054a5} .archive.category article.post .post-meta{display:none} .archive.category article.post .owl-carousel{margin-bottom:0} .archive.category article.post .img-thumbnail img{max-height:200px} .page-top{background-repeat:repeat;background-size:auto;background-attachment:scroll;background-position:initial;background-image:none;background-color:transparent;border-top:0 solid #384045;border-bottom:0 solid #ccc;background-color:transparent;min-height:0;padding:0;position:relative;text-align:left} .page-top.page-header-1 .page-title{padding:2px 15px;border-radius:0 9px 0 0;margin:10px 0!important;background:#ef402a;min-height:0;line-height:30px;font-size:19px;border-bottom:2px solid #0054a5} .archive.category .main-content{padding-top:10px;padding-bottom:40px} .single-post .page-top{display:none} #form-nhan-thong-tin .modal-content{background:#f1f1f1} #form-nhan-thong-tin form input,form textarea{width:100%;margin:5px 0;max-height:80px} #lien-he-contact{padding-top:30px} #lien-he-contact h3.widget-title{color:#ef402a;font-size:16px;font-weight:700;margin-top:15px;margin-bottom:0} .home #toc_container.toc_transparent{margin-left:-15px} .related-posts span.thumb-info-wrapper img{max-height:150px} .related-posts h4.sub-title{font-size:16px;color:#ef412a;font-weight:700;border-bottom:1px solid #ef402a} .related-posts .post-item.post-title-simple h4{font-size:14px;line-height:20px;font-weight:700} .single-post article.post.post-title-simple .entry-title{color:#ef402b;font-size:22px;font-weight:700;letter-spacing:0;border-bottom:2px solid #f1f1f1;margin:0 0 5px 0} .portfolio-item span.thumb-info-action{display:none} .page-top > .container{padding:0} .archive.tax-portfolio_cat .page-content{padding:15px} #header.sticky-header .header-main.change-logo .container > div{padding-top:0;padding-bottom:0} #header.sticky-header .header-main.change-logo .logo img{max-width:200px;padding:0;margin:0} .single.single-portfolio .page-top{display:none} #header.sticky-header .header-main.sticky{border-bottom:3px solid #ef402b;background:#fff!important} .single.single-portfolio .post-content h2 span,.title-lienquan-duan span{text-transform:uppercase;font-family:Arial;font-size:23px;color:#ef412a} .single.single-portfolio .post-content h2 span:before,.title-lienquan-duan span:before{font-size:20pt;color:#ee252e;} .single.single-portfolio .post-content h2,.title-lienquan-duan{font-size:15pt;margin-bottom:15pt;text-align:left;border-bottom:2px solid #d8d8d8;padding-bottom:2pt} .single.single-portfolio .post-content{font-size:16px} #tab-86253f23-343a-10 #title-tuyendung ul li{float:left;padding:7px;color:#fff;text-align:center} #tab-86253f23-343a-10 #title-tuyendung ul{list-style:none;margin:0;padding:0} #tab-86253f23-343a-10 #title-tuyendung{background:#ef402a;overflow:hidden} #banner-tuyen-dung{background:#a20000} .left-input{float:left;padding:7px;font-weight:700;color:#333;text-align:center} .name-vi-tri-tuyen-dung{width:40%;border-left:1px solid #ddd;border-right:1px solid #ddd} .name-noi-lam-viec,.name-so-luong,.name-ngay-het-han{width:20%;border-right:1px solid #ddd} #content-tuyendung .porto-blog article{clear:both;overflow:hidden;margin-bottom:0;padding-bottom:0} #content-tuyendung .porto-blog article:last-child {border-bottom: none;} #content-tuyendung .tabs-vertical{margin-top:20px} .page-id-209 #main{background:#f5f5f5} #content-tuyendung .tabs-vertical .nav-tabs > li a{text-transform:uppercase;color:#ef402a!important;font-weight:700} #form-nhan-thong-tin .modal-title{text-align:center;color:#e82527;text-transform:uppercase} button.close{color:#fff;background:#ff0006;width:30px;height:30px;opacity:0.6;border-radius:5px} article.post.post-title-simple .entry-title,.post-item.post-title-simple .entry-title,article.post.post-title-simple .entry-title a,.post-item.post-title-simple .entry-title a{color:#ef402a} .blog-tuyen-dung h2.entry-title{line-height:27px;font-size:20px!important;margin:0;padding:0} .left-sidebar h3.widget-title,.right-sidebar h3.widget-title{color:#ef402a;font-size:20px;border-bottom:2px solid #ef402a} .left-sidebar .img-thumbnail,.right-sidebar .img-thumbnail{border-radius:0;padding:0} .left-sidebar .img-thumbnail img,.right-sidebar .img-thumbnail img{border-radius:0;width:80px;height:60px} .porto-recent-portfolios .portfolio-item span.zoom{display:none} #tin-tuc-category .wpb_wrapper{overflow:hidden;background:#f1f1f1;margin-bottom:30px} .tin-tuc-noi-bo-css{margin-top:30px} a.read-more,article.post .post-meta{display:none} {display:none!important} .searchandfilter ul { display: block; padding: 0 0 0 5px; margin: 0; } #form-du-an { background: #ccc; border-radius: 4px; padding: 10px 15px; display: table; } #form-du-an .title-form-du-an { color: #d2322d; font-size: 21px; } #form-du-an input { margin: 8px 2px 8px 0; } /* test */ .portfolio-carousel .portfolio-item { position: relative; } .portfolio-carousel .portfolio-item.event{ height: 147px; margin-bottom: 18px; } .portfolio-carousel .portfolio-item.event p, .portfolio-carousel .portfolio-item.event a{ font-size: 12px; margin-top: 12px; text-transform: uppercase; text-align: justify; color: white; } .portfolio-carousel .portfolio-item img{ width: 100%; } .portfolio-carousel .portfolio-item.event .caption{ height: auto; } .portfolio-carousel .portfolio-item .caption{ padding-left: 20px; padding-right: 20px; height: 40px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; color: white; text-align: left; transition: all 0.5s; overflow: hidden; } .portfolio-carousel .portfolio-item .caption .title { margin-top: -7px; font-size: 22px; color: #fff; text-transform: uppercase; } .portfolio-carousel .portfolio-item .caption .address,.portfolio-carousel .portfolio-item .caption .price-duan { font-size: 14px; float: left; color: #fff; } .portfolio-carousel .portfolio-item .caption a{ margin-top: 6px; float: left; clear: both; } .portfolio-carousel .portfolio-item:hover .caption{ height: 100%; } .portfolio-carousel .portfolio-item:hover .caption .title { border-bottom: 1px solid rgba(255,255,255,0.5); color: #ffffff; margin-top: 54px; font-size: 22px; font-weight: 700; margin-bottom: 6px; } .portfolio-carousel .portfolio-item.event .caption .cc{ padding: 5px 0px; } .portfolio-carousel .portfolio-item.event .caption .cc.home{ padding: 0px 0px; } .portfolio-carousel .portfolio-item:hover .caption .cc{ display: table-cell; vertical-align: middle; } .btn-readmore{ margin-top: 40px; } .btn-readmore .btn-effect{ background-color: #ffffff; color: #4e4e4e; border: 2px solid #cccccc; padding-top: 12px; padding-bottom: 12px; width: 220px; font-size: 18px; transition: all 0.3s ease-in; } .btn-readmore .btn-effect:before { content:''; background: #cd000b; position:absolute; width:0%; top:0; left:0; height:100%; transition: 0.3s linear; z-index:-1; } .btn-readmore .btn-effect:hover:before { width:100%; } .btn-readmore .btn-effect:hover{ color: white; } .btn-readmore .btn-event{ margin-top: 30px; } .project .customhr{ margin-bottom: 0px; } .page-id-199 .event-duan-child .post-item.post-title-simple { position: relative; } .event-duan-child .post-item.post-title-simple h4 { position: absolute; text-shadow: 0 2px 2px #222; bottom:0%; font-family: Roboto; font-weight: 700; padding: 10px; color: #fff; text-align: center; } .event-duan-child .post-item.post-title-simple p { display: none; } .event-duan-child .thumb-info .thumb-info-wrapper { border-radius: 0; margin: 0; } .event-duan-child span.post-image { margin-bottom: 0!important; } .event-duan-child .thumb-info img { width: 100%; height: 190px; } .page-top ul.breadcrumb li:nth-child(2) { display: none!important; } .doitac-img h2.wpb_heading.wpb_gallery_heading { color: #0088cc; margin: 0; padding: 0; font-size: 22px; font-weight: 700; } .doitac-img .vc_inner img { width: 200px; height: 80px; } .nut-xemthem { clear: both; margin-bottom: 20px!important; } .nut-xemthem a { background: #e6e6e6; padding: 10px 20px; color: #383838; text-transform: uppercase; border: 1px solid #efefef; } .nut-xemthem i { color: #ed2726; margin-left: 5px; } /*======================= RESPONSIVE =========================*/ @media screen and (min-width:1170px){ #header .header-main .container{width:100%;padding:0;max-width:1200px} .tin-tuc-noi-bo-css .blog-posts article{width:48%;float:left;padding:1%} .tin-tuc-noi-bo-css .blog-posts article .img-thumbnail img{height:100%} .tin-tuc-noi-bo-css .blog-posts article .img-thumbnail{height:120px} #footer .container{max-width:1200px;width:100%} #header .header-main .container .header-center{padding:0} #header .mega-menu.show-arrow > li.has-sub > a:after,#header .mega-menu.show-arrow > li.has-sub > h5:after{display:none} #search-contact-home .vc_column_container{max-width:1200px;margin:auto;float:none} #form-du-an input.btn.btn-danger { width: 100px!important; min-width: 100px!important; } #form-du-an input { min-width: 240px; } .hoat-dong-cong-ty .wpb_wrapper, .tin-noi-bat .wpb_wrapper { /*min-height: 475px;*/ } .event-duan-child .thumb-info img { height: 265px; } } @media screen and (min-width:992px){ #tapdeptrai-phoneIcon { display: none; } #facebook_div{width:300px;height:500px;overflow:hidden} #facebook_left{z-index:100;border:5px solid #3B5998;background-color:#fff;width:305px;height:100%;position:fixed;right:-308px;border-radius:5px} #facebook_left img{position:absolute;top:5px;right:300px} #facebook_left div .fb-like-box{border:0 solid #3c95d9;overflow:hidden;position:static;height:100%;left:-2px;top:-3px} .porto-portfolios .thumb-info .thumb-info-wrapper,.portfolio .thumb-info .thumb-info-wrapper,.portfolio-item .thumb-info.thumb-info-lighten{height:240px} #header .logo-transition img{max-width:170px} #header .header-main .container .header-right{padding:10px 0} .page-child .main-content{padding:0 0 15px 0;text-align:justify} .page-child .left-sidebar,.page-child .right-sidebar{padding-top:0} .hoat-dong-cong-ty{margin-left:15px} #tin-tuc-child .img-category-ph{padding-left:15px} .img-category-ph{padding:0} } @media screen and (min-width:992px) and (max-width: 1169px){ #footer .widget_custom_html { display: none!important; } } @media screen and (max-width:991px) { #toc_container.fixed ul.toc_list li { float: left; padding: 3px 0; } .post-content #toc_container.fixed { position: fixed; overflow: hidden; width: 100%; top: 0; left: 0; background: #fff; z-index: 888; } #facebook_left img { display: none; } .footer-wrapper #media_image-3 { display: none!important; } #header .header-main .container { width: 100%; } #header .mobile-toggle i { font-size: 35px!important; } #header .header-main .container .header-center { float: right; } .search-duan-home, .nhan-tin-du-an { width: 100%; } } @media screen and (max-width:1169px) { .porto-recent-portfolios .portfolio-carousel { padding: 0 10px; } .vc_images_carousel { width: auto!important; } .header-right,#footer .widget_custom_html { display: none!important; } } @media screen and (min-width:768px) and (max-width: 991px){ .porto-portfolios .thumb-info .thumb-info-wrapper,.portfolio .thumb-info .thumb-info-wrapper,.portfolio-item .thumb-info.thumb-info-lighten{height:200px} } @media screen and (max-width:800px) { #news-ph .vc_column_container { width: 100%; } .tuyen-dung { margin-right: 0; } .dao-tao { margin-left:0; } } @media screen and (max-width:767px) { #footer .footer-main { padding: 0 10px; } .single.single-portfolio .post-content { padding: 10px; } article.portfolio-carousel .m-t-xl { margin-top: 0 !important; } .single-portfolio h4.wpb_heading { margin-bottom: 8px; text-align: center; } .porto-portfolios .thumb-info .thumb-info-wrapper,.portfolio .thumb-info .thumb-info-wrapper,.portfolio-item .thumb-info.thumb-info-lighten{height:170px} .carosel-logo-company { display: none; } } @media screen and (max-width:599px) { .searchandfilter input, .searchandfilter select { margin-bottom: 2px; width: 100%; } .searchandfilter input[type="submit"] { padding: 6px 3px; margin-left: 3px; } .searchandfilter li:nth-child(1),.searchandfilter li:nth-child(2) { width: 39%; } .searchandfilter li:nth-child(3) { } .searchandfilter { margin: auto!important; padding: 0px; display: table; } .searchandfilter ul { display: block; padding: 0; margin: 0; } .searchandfilter li { padding-right: 0; } #header.sticky-header .header-main.sticky { position: relative; } .nhan-tin-du-an button.nu-form { float: none; width: 100%; border-radius: 4px; background: #ed2726; padding: 12px 10px; margin-top: 5px; } .nhan-tin-du-an .wpb_wrapper { padding: 0 10px; } .nhan-tin-du-an { background: #fff url(http://ankhangtravel.vn/wp-content/uploads/images/line-gioi-thieu-right.png) no-repeat top center; padding-top: 22px; margin-top: -2px; overflow: hidden; } } @media screen and (max-width:480px) { #header .mobile-toggle { left: 14px; top: 15px; } #header .logo { max-width: 160px; } } @media screen and (min-width:1170px) { .vc_images_carousel .vc_carousel-control { width: 20px!important; } /*================== HOTLINE ====================*/ .phonering-alo-phone{position:absolute;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s} .phonering-alo-phone.phonering-alo-show{visibility:visible} .phonering-alo-phone.phonering-alo-static{opacity:.6} .phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover{opacity:1} .phonering-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;-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%} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{border-color:#272d6b;opacity:.5} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{border-color:#ccc;opacity:.5} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{border-color:#75eb50;opacity:.5} .phonering-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;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%} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5)} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important} .phonering-alo-ph-img-circle{width:40px;background-size:29px!important;height:40px;top:95px;right:104px;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;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%} #header .header-main .header-contact *{color:#ffd600!important} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#272d6b} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#a20100} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50} @-webkit-keyframes phonering-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} } @-webkit-keyframes phonering-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} } @-webkit-keyframes phonering-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)} } @-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1} 30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1} } @keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1} 30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1} } @-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2} 100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} } @keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2} 100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} } @-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } @keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } } @media screen and (max-width:1169px) { /* HOTLINE */ .tapdeptrai-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px; cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); transition:visibility .5s; } .tapdeptrai-phone.tapdeptrai-show {visibility:visible} .tapdeptrai-phone.tapdeptrai-static {opacity:.6} .tapdeptrai-phone.tapdeptrai-hover,.tapdeptrai-phone:hover {opacity:1} .tapdeptrai-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute; background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4); opacity:.1; -webkit-animation:tapdeptrai-circle-anim 1.2s infinite ease-in-out; animation:tapdeptrai-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% } .tapdeptrai-phone.tapdeptrai-active .tapdeptrai-ph-circle { -webkit-animation:tapdeptrai-circle-anim 1.1s infinite ease-in-out!important; animation:tapdeptrai-circle-anim 1.1s infinite ease-in-out!important } .tapdeptrai-phone.tapdeptrai-static .tapdeptrai-ph-circle { -webkit-animation:tapdeptrai-circle-anim 2.2s infinite ease-in-out!important; animation:tapdeptrai-circle-anim 2.2s infinite ease-in-out!important } .tapdeptrai-phone.tapdeptrai-hover .tapdeptrai-ph-circle,.tapdeptrai-phone:hover .tapdeptrai-ph-circle { border-color:#00aff2; opacity:.5 } .tapdeptrai-phone.tapdeptrai-green.tapdeptrai-hover .tapdeptrai-ph-circle,.tapdeptrai-phone.tapdeptrai-green:hover .tapdeptrai-ph-circle { border-color:#272d6b; opacity:.5 } .tapdeptrai-phone.tapdeptrai-green .tapdeptrai-ph-circle { border-color:#00aff2; opacity:.5 } .tapdeptrai-phone.tapdeptrai-gray.tapdeptrai-hover .tapdeptrai-ph-circle,.tapdeptrai-phone.tapdeptrai-gray:hover .tapdeptrai-ph-circle { border-color:#ccc; opacity:.5 } .tapdeptrai-phone.tapdeptrai-gray .tapdeptrai-ph-circle { border-color:#75eb50; opacity:.5 } .tapdeptrai-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000; border-radius:100%;border:2px solid transparent; -webkit-animation:tapdeptrai-circle-fill-anim 2.3s infinite ease-in-out; animation:tapdeptrai-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% } .tapdeptrai-phone.tapdeptrai-active .tapdeptrai-ph-circle-fill { -webkit-animation:tapdeptrai-circle-fill-anim 1.7s infinite ease-in-out!important; animation:tapdeptrai-circle-fill-anim 1.7s infinite ease-in-out!important } .tapdeptrai-phone.tapdeptrai-static .tapdeptrai-ph-circle-fill { -webkit-animation:tapdeptrai-circle-fill-anim 2.3s infinite ease-in-out!important; animation:tapdeptrai-circle-fill-anim 2.3s infinite ease-in-out!important; opacity:0!important } .tapdeptrai-phone.tapdeptrai-hover .tapdeptrai-ph-circle-fill,.tapdeptrai-phone:hover .tapdeptrai-ph-circle-fill { background-color:rgba(39,45,107,0.5); opacity:.75!important } .tapdeptrai-phone.tapdeptrai-green.tapdeptrai-hover .tapdeptrai-ph-circle-fill,.tapdeptrai-phone.tapdeptrai-green:hover .tapdeptrai-ph-circle-fill { background-color:rgba(39,45,107,0.5); opacity:.75!important } .tapdeptrai-phone.tapdeptrai-green .tapdeptrai-ph-circle-fill { background-color:rgba(0,175,242,0.5); } .tapdeptrai-phone.tapdeptrai-gray.tapdeptrai-hover .tapdeptrai-ph-circle-fill,.tapdeptrai-phone.tapdeptrai-gray:hover .tapdeptrai-ph-circle-fill { background-color:rgba(204,204,204,0.5); opacity:.75!important } .tapdeptrai-phone.tapdeptrai-gray .tapdeptrai-ph-circle-fill { background-color:rgba(117,235,80,0.5); opacity:.75!important } .tapdeptrai-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; border-radius:100%; border:2px solid transparent; -webkit-animation:tapdeptrai-circle-img-anim 1s infinite ease-in-out; animation:tapdeptrai-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50% } .tapdeptrai-phone.tapdeptrai-active .tapdeptrai-ph-img-circle { -webkit-animation:tapdeptrai-circle-img-anim 1s infinite ease-in-out!important; animation:tapdeptrai-circle-img-anim 1s infinite ease-in-out!important } .tapdeptrai-phone.tapdeptrai-static .tapdeptrai-ph-img-circle { -webkit-animation:tapdeptrai-circle-img-anim 0 infinite ease-in-out!important; animation:tapdeptrai-circle-img-anim 0 infinite ease-in-out!important } .tapdeptrai-phone.tapdeptrai-hover .tapdeptrai-ph-img-circle,.tapdeptrai-phone:hover .tapdeptrai-ph-img-circle { background-color:#00aff2; } .tapdeptrai-phone.tapdeptrai-green.tapdeptrai-hover .tapdeptrai-ph-img-circle,.tapdeptrai-phone.tapdeptrai-green:hover .tapdeptrai-ph-img-circle { background-color:#272d6b; } .tapdeptrai-phone.tapdeptrai-green .tapdeptrai-ph-img-circle { background-color:#00aff2; } .tapdeptrai-phone.tapdeptrai-gray.tapdeptrai-hover .tapdeptrai-ph-img-circle,.tapdeptrai-phone.tapdeptrai-gray:hover .tapdeptrai-ph-img-circle { background-color:#ccc; } .tapdeptrai-phone.tapdeptrai-gray .tapdeptrai-ph-img-circle { background-color:#75eb50 } @-webkit-keyframes tapdeptrai-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 } } @-webkit-keyframes tapdeptrai-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 } } @-webkit-keyframes tapdeptrai-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) } } @-webkit-keyframes tapdeptrai-circle-anim { 0% { -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @keyframes tapdeptrai-circle-anim { 0% { -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @-webkit-keyframes tapdeptrai-circle-fill-anim { 0% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @keyframes tapdeptrai-circle-fill-anim { 0% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @-webkit-keyframes tapdeptrai-circle-img-anim { 0% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } @keyframes tapdeptrai-circle-img-anim { 0% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } * {margin:0;padding:0} #container { border: 2px solid blue; position: relative; width: 400px; height: 300px; } #box { -webkit-transform: translateX(-30%) translateY(50%) }