html{overflow-x:hidden}
body{top:0!important;font-family:"Poppins",sans-serif;color:#0c0c0c;background-color:#fff}
.pl-0{padding-left: 0!important;}
.pr-0{padding-right: 0!important;}
.goog-tooltip{display:none!important}
.goog-tooltip:hover{display:none!important}
.goog-text-highlight{background-color:transparent!important;border:none!important;box-shadow:none!important}
.icon-design{position: absolute;right: 5px;bottom: 0;width: 24px;text-align: center;pointer-events: none;height: 50px;line-height: 50px;color: #2d343b;font-size: 14px;}
#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
.layout_padding{padding:90px 0}
.layout_padding2{padding:45px 0}
.layout_padding2-top{padding-top:45px}
.layout_padding2-bottom{padding-bottom:45px}
.layout_padding-top{padding-top:90px}
.layout_padding-bottom{padding-bottom:90px}
.heading_container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:45px 0}
.custome-class-menu{top:-50px;position:relative}
.custome-class-menu-contact{top:-35px;position:relative}
.heading_container h2{position:relative;margin:0;padding:10px 0}
.heading_container h2::before{content:"";position:absolute;width:3px;height:100%;top:50%;right:-45px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;background-color:#dbc64c;background-repeat:no-repeat}
.hero_area{min-height:100vh;position:relative;background-image:url(../images/hero-bg.jpg);background-size:cover}
.hero_area::before{content:"";position:absolute;top:0;left:0;height:100%;width:65%;background-image:url(../images/hero-bg2.png);background-size:100%;background-repeat:no-repeat}
.sub_page .hero_area{min-height:auto;background-image:none;background-color:#e1f3fd}
.sub_page .service_section{margin:45px auto}
.header_section .container-fluid{padding-right:25px;padding-left:25px}
.header_section .nav_container{margin:0 auto}
.custom_nav-container .navbar-nav .nav-item .nav-link{margin:10px 20px;padding:0;color:#282828;text-align:center;position:relative;text-transform:uppercase}
a,a:hover,a:focus{text-decoration:none}
a:hover,a:focus{color:initial}
.btn,.btn:focus{outline:none!important;-webkit-box-shadow:none;box-shadow:none}
.custom_nav-container .nav_search-btn{background-image:url(../images/search-icon.png);background-size:20px;background-repeat:no-repeat;background-position:center 5px;width:35px;height:35px;padding:0;border:none}
.navbar-brand{display:-webkit-box;display:-ms-flexbox;display:flex}
.navbar-brand span{font-size:24px;font-weight:700;color:#0b0b0a;text-transform:uppercase}
.custom_nav-container{z-index:99999;padding-top:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.navbar-expand-lg .navbar-collapse{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.custom_nav-container .navbar-toggler{outline:none}
.custom_nav-container .navbar-toggler .navbar-toggler-icon{background-image:url(../images/menu.png);background-size:45px}
.slider_section{height:calc(100% - 80px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;color:#3b3a3a;padding:45px 0 75px}
.slider_section .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.slider_section div#carouselExampleIndicators{width:130%;margin-left:-25%;position:unset}
.slider_section .box{padding-left:15%;margin-bottom:100px}
.slider_section .box .detail-box{padding-right:10%}
.slider_section .box .detail-box h4{font-weight:700;margin-bottom:0;color:#fff}
.slider_section .box .detail-box h1{font-weight:700;margin-bottom:30px;text-transform:uppercase;font-size:3rem}
.slider_section .box .img-box{margin:0 7%}
.slider_section .box .img-box img{width:100%}
.slider_section .box .btn-box{margin-top:15px}
.slider_section .box .btn-box a{text-align:center;display:inline-block;padding:8px 30px;border:1px solid #0b0b0a;background-color:transparent;color:#0b0b0a}
.slider_section .box .btn-box a:hover{background-color:#0b0b0a;color:#fff}
.slider_section .slider_form{width:400px;padding:25px;background-color:#282828;border-radius:10px;margin:auto}
.slider_section .slider_form h4{font-weight:700;text-align:center;color:#fff;margin-bottom:20px}
.slider_section .slider_form form{margin:15px 0}
.slider_section .slider_form form input{width:100%;height:40px;border:none;outline:none;margin-bottom:15px;padding-left:15px}
.slider_section .slider_form form .btm_input{display:-webkit-box;display:-ms-flexbox;display:flex}
.slider_section .slider_form form .btm_input input{width:calc(95% - 116px);margin:0;margin-right:10px}
.slider_section .slider_form form .btm_input button{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:116px;border:none;outline:none;background-color:#f7c621;color:#fff}
.slider_section .carousel-indicators{margin:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:10%}
.slider_section .carousel-indicators li{width:18px;height:18px;border-radius:100%;background-color:#282828;opacity:1}
.slider_section .carousel-indicators li.active{background-color:#dbc64c}
.about_section .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.about_section .detail-box{position:relative;padding-right:75px}
.about_section .detail-box a{display:inline-block;padding:8px 25px;border:1px solid #0b0b0a;background-color:transparent;color:#0b0b0a;margin-top:25px}
.about_section .detail-box a:hover{background-color:#0b0b0a;color:#fff}
.about_section .detail-box::before{content:"";position:absolute;width:3px;height:65%;top:10%;right:25px;z-index:1;background-color:#dbc64c;background-repeat:no-repeat}
.about_section .img-box{padding:75px 45px}
.about_section .img-box img{width:100%;position:relative;z-index:2}
.about_section .img-box::before{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background-color:#282828;z-index:1;border-radius:10px}
.service_section{width:95%;margin:auto}
.service_section .service_container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.service_section .service_container .box .img-box{height:85px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.service_section .service_container .box .img-box img{max-width:100%;max-height:100%}
.service_section .service_container .box .detail-box{margin-top:15px}
.service_section .service_container .box .detail-box h5{font-weight:700}
.service_section .service_container .box .detail-box a{display:inline-block;padding:7px 20px;border:1px solid #0b0b0a;background-color:transparent;color:#0b0b0a}
.service_section .service_container .box .detail-box a:hover{background-color:#0b0b0a;color:#fff}
.news_section .news_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 25px}
.news_section .news_container .date-box{background-color:#252525;padding:7px 25px;color:#fff;margin-bottom:-15px;position:relative;z-index:2}
.news_section .news_container .date-box h6{margin:0}
.news_section .news_container .box{margin:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.news_section .news_container .box .img-box{width:100%}
.news_section .news_container .box .img-box img{width:100%}
.news_section .news_container .box .detail-box{background-color:#f7c621;padding:15px}
.news_section .news_container .box .detail-box h6{font-weight:700;font-size:18px}
.news_section .news_container .box .detail-box p{margin:0}
.client_section .carousel-wrap{margin:0 auto;padding:0 5%;position:relative}
.client_section .owl-nav > div{margin-top:-26px;position:absolute;top:50%;color:#cdcbcd}
.client_section .owl-carousel .owl-nav .owl-prev,.client_section .owl-carousel .owl-nav .owl-next{width:50px;height:50px;background-color:#000;background-size:9px;background-position:center;border-radius:100%;background-repeat:no-repeat;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);outline:none}
.client_section .owl-carousel .owl-nav .owl-prev:hover,.client_section .owl-carousel .owl-nav .owl-next:hover{background-color:#f7c621}
.client_section .owl-carousel .owl-nav .owl-prev{background-image:url(../images/prev.png);left:-10%}
.client_section .owl-carousel .owl-nav .owl-prev:hover{background-image:url(../images/prev-white.png)}
.client_section .owl-carousel .owl-nav .owl-next{right:-10%;background-image:url(../images/next.png)}
.client_section .owl-carousel .owl-nav .owl-next:hover{background-image:url(../images/next-white.png)}
.client_section .box{padding:35px 45px 15px;margin:15px;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.1);box-shadow:0 0 25px 0 rgba(0,0,0,0.1);position:relative}
.client_section .box .img-box{max-width:125px;min-width:125px}
.client_section .box .img-box img{width:100%}
.client_section .box .detail-box{margin-top:82px}
.client_section .box .detail-box img{width:25px}
.client_section .box > div{position:relative;z-index:2}
.client_section .box::after{content:"";position:absolute;top:0;left:0;width:100%;height:90px;background-color:#f7c621;z-index:1}
.client_section .carousel-wrap{margin:0 auto;padding:0 5%;position:relative;margin-bottom:45px}
.client_section .owl-carousel .owl-nav .owl-prev,.client_section .owl-carousel .owl-nav .owl-next{width:50px;height:50px;background-color:#252525;background-size:15px;background-position:center;border-radius:100%;background-repeat:no-repeat;position:absolute;top:initial;bottom:-75px;outline:none}
.client_section .owl-carousel .owl-nav .owl-prev:hover,.client_section .owl-carousel .owl-nav .owl-next:hover{background-color:#f7c621}
.client_section .owl-carousel .owl-nav .owl-prev{background-image:url(../images/prev.png);left:-5%}
.client_section .owl-carousel .owl-nav .owl-next{left:calc(-5% + 55px);background-image:url(../images/next.png)}
.client_section .owl-carousel .owl-dots.disabled,.client_section .owl-carousel .owl-nav.disabled{display:block}
.contact_section .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.contact_section .contact_form{padding:25px;background-color:#282828;margin:0 45px}
.contact_section .contact_form h4{color:#fff;margin-bottom:20px}
.contact_section .contact_form form{margin:15px 0}
.contact_section .contact_form form input{width:100%;height:40px;border:none;outline:none;margin-bottom:15px;padding-left:15px}
.contact_section .contact_form form input.message_input{height:75px}
.contact_section .contact_form form button{padding:8px 30px;border:none;outline:none;background-color:#f7c621;color:#000;font-size:15px;text-transform:uppercase;font-weight:700}
.contact_section .img-box img{width:100%}
.app_section{background-color:#f7c621;color:#fff}
.app_section .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.app_section .detail-box h2{color:#252525;text-transform:uppercase;font-weight:700}
.app_section .detail-box .text-box{margin-top:25px}
.app_section .detail-box .text-box h5{text-transform:uppercase;font-weight:700;text-decoration:underline}
.app_section .detail-box .btn-box{margin:25px -5px 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.app_section .detail-box .btn-box a{margin:5px}
.app_section .img-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.app_section .img-box img{max-width:100%}
.why_section .why_container{padding-left:10%}
.why_section .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.why_section .box .img-box{min-width:90px;min-height:90px;background-color:#252525;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:45px}
.why_section .box .img-box img{max-width:30px;-webkit-transition:all 1s;transition:all 1s}
.why_section .box .img-box .img-2{display:none;opacity:0}
.why_section .box .detail-box h5{font-weight:700}
.why_section .box .detail-box p{margin:0}
.why_section .box:nth-child(2){margin:35px 0}
.why_section .box:hover .img-box{background-color:#f7c621}
.why_section .box:hover .img-box .img-1{display:none;opacity:0}
.why_section .box:hover .img-box .img-2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;opacity:1}
.info_section{background-color:#161616;color:#fff}
.info_section .box{width:100%;max-width:675px;margin:0 auto}
.info_section .info_form{margin:0 auto;margin-bottom:45px}
.info_section .info_form h4{text-align:center;margin-bottom:35px}
.info_section .info_form form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.info_section .info_form form input{background-color:#fff;border:none;width:calc(100% - 55px);outline:none;color:#000;height:42.4px;padding-left:15px}
.info_section .info_form form input ::-webkit-input-placeholder{color:#9a9999}
.info_section .info_form form input :-ms-input-placeholder{color:#9a9999}
.info_section .info_form form input ::-ms-input-placeholder{color:#9a9999}
.info_section .info_form form input ::placeholder{color:#9a9999}
.info_section .info_form form button{border:none;outline:none;background-color:#f7c621;width:55px;font-size:15px;text-transform:uppercase;background-image:url(../images/right-arrow.png);background-size:24px;background-position:center;background-repeat:no-repeat}
.info_section .info_links ul{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.info_section .info_links ul li{list-style-type:none;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.info_section .info_links ul li a{color:#fff;padding:10px}
.info_section .info_links a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0}
.info_section .info_social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:45px auto 15px}
.info_section .info_social img{width:35px;margin:0 7px}
.footer_section{background-color:#f7c621;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.footer_section p{color:#000;margin:0 auto;text-align:center;padding:20px 0;width:100%}
.footer_section a{color:#000}
.contact-info{text-align:center}
.contact-info h4 a{color:#fff;font-size:18px}
.contact-info h4 i{margin-right:10px}
.goog-te-banner-frame{display:none}
.translate{width:100%;overflow:hidden;height:45px;line-height:24px;border:none;background-color:#f2f2f2;background-color:rgba(255,255,255,0);border:1px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;padding-right:15px;position:relative;color:#f4ca3b;cursor:pointer}
.translate #google_translate_element{text-align:center}
.translate select option[value="en"]{background:#f7c621}
.translate select option[value="fr"]{background:#f7c621}
.translate select option[value="de"]{background:#f7c621}
.translate select option[value="es"]{background:#f7c621}
.translate select{background:transparent;border:none;color:#000;font-size:14px;text-transform:uppercase;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500;margin-top:11px!important;margin-left:10px!important;width:94%}
.step-two{display:none}
.display-none{display:none}
button:disabled{cursor:no-drop;background:#ccc}
#booking{font-family:'Montserrat',sans-serif}
.booking-form{padding:0 40px 40px;max-width:642px;width:100%;margin:auto;background:#2d343b;box-shadow:rgba(17,12,46,0.15) 0 48px 100px 0}
.booking-form .form-header{padding:40px;margin:0 -40px 30px;background:#1a1f24;text-align:center}
.booking-form .form-header h1{font-weight:700;text-transform:capitalize;font-size:38px;margin:0;color:#f7c621}
.booking-form .form-group{position:relative;margin-bottom:20px}
.booking-form .form-control{font-family: "Poppins",sans-serif;background-color:#1c2126;height:50px;padding:7px 10px 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#f7c621}
.booking-form select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.booking-form select.form-control+.select-arrow{position:absolute;right:0;bottom:-4px;width:24px;text-align:center;pointer-events:none;height:50px;line-height:50px;color:#f7c411;font-size:14px}
.booking-form select.form-control+.select-arrow:after{content:'\279C';display:block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.booking-form .form-label{position:absolute;top:15px;left:20px;text-transform:uppercase;color:#f7c621;font-weight:600;line-height:24px;height:24px;font-size:15px;pointer-events:none;-webkit-transition:.2s all;transition:.2s all}
.booking-form .form-group.input-not-empty .form-label{top:-10px;color:#f7c621;font-size:14px}
.booking-form .form-group:not( .input-not-empty) .form-control:not( :focus){color:transparent}
.booking-form .form-group .form-control:focus+.form-label{top:-10px;color:#f7c621;font-size:14px}
.booking-form .form-checkbox input{position:absolute!important;margin-left:-9999px!important;visibility:hidden!important}
.booking-form .form-checkbox label{position:relative;padding-top:4px;padding-left:30px;color:#f7c621;font-weight:700}
.booking-form .form-checkbox label+label{margin-left:15px}
.booking-form .form-checkbox input+span{position:absolute;left:2px;top:4px;width:20px;height:20px;border:2px solid #f7c621;background:#1c2126;border-radius:50%}
.booking-form .form-checkbox input:checked+span{border-color:#f7c411}
.booking-form .form-checkbox input+span:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#f7c411;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s all;transition:.2s all}
.booking-form .form-checkbox input:not(:checked)+span:after{opacity:0}
.booking-form .form-checkbox input:checked+span:after{opacity:1;width:10px;height:10px}
.booking-form .submit-btn{color:#1c2126;background-color:#f7c411;font-weight:700;height:50px;border:none;padding:0 50px;width:100%;text-transform: uppercase;}
.right_conatct_social_icon{background:linear-gradient(to top right,#f7c621 -5%,#f7c621 100%)}
.contact_us{background-color:#f1f1f1;padding:120px 0;margin-top:-23px}
.contact_inner{background-color:#fff;position:relative;box-shadow:20px 22px 44px #cccc;border-radius:25px}
.contact_field{padding:60px 340px 90px 100px}
.right_conatct_social_icon{height:100%}
.contact_field h3{color:#000;font-size:40px;letter-spacing:1px;font-weight:600;margin-bottom:10px}
.contact_field p{color:#000;font-size:13px;font-weight:400;letter-spacing:1px;margin-bottom:35px}
.contact_field .form-control{border-radius:0;border:none;border-bottom:1px solid #ccc}
.contact_field .form-control:focus{box-shadow:none;outline:none;border-bottom:2px solid #f7c621}
.contact_field .form-control::placeholder{font-size:13px;letter-spacing:1px}
.contact_info_sec{position:absolute;background-color:#2d2d2d;right:1px;top:18%;height:340px;width:340px;padding:40px;border-radius:25px 0 0 25px}
.contact_info_sec h4{letter-spacing:1px;padding-bottom:15px;color:#f7c621;font-weight:600}
.info_single{margin:30px 0}
.info_single i{margin-right:15px;color:#f7c621}
.info_single span a{font-size:15px;letter-spacing:1px;color:#f7c621}
button.contact_form_submit{background:linear-gradient(to top right,#f7c621 -5%,#f7c621 100%);border:none;color:#fff;padding:10px 15px;width:100%;margin-top:25px;border-radius:35px;cursor:pointer;font-size:14px;letter-spacing:2px}
.socil_item_inner li{list-style:none}
.socil_item_inner li a{color:#fff;margin:0 15px;font-size:35px}
.socil_item_inner{padding-bottom:10px}
.map_sec{padding:50px 0}
.map_inner h4,.map_inner p{color:#000;text-align:center}
.map_inner p{font-size:13px}
.map_bind{margin-top:50px;border-radius:30px;overflow:hidden}
.step-two{display: none;}
#dvDistance,#dvDistance_price{color: #f7c411;margin-bottom: 15px;padding: 0 20px;}

.loader-file{position:fixed;height:100%;width:100%;z-index:9999999;padding-top:19%;background-color:rgba(4,4,4,0.9);top:0;text-align:center;display:none}
.lds-roller{display:inline-block;position:relative;width:80px;height:80px}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}
.lds-roller div:nth-child(1){animation-delay:-.036s}
.lds-roller div:nth-child(1):after{top:63px;left:63px}
.lds-roller div:nth-child(2){animation-delay:-.072s}
.lds-roller div:nth-child(2):after{top:68px;left:56px}
.lds-roller div:nth-child(3){animation-delay:-.108s}
.lds-roller div:nth-child(3):after{top:71px;left:48px}
.lds-roller div:nth-child(4){animation-delay:-.144s}
.lds-roller div:nth-child(4):after{top:72px;left:40px}
.lds-roller div:nth-child(5){animation-delay:-.18s}
.lds-roller div:nth-child(5):after{top:71px;left:32px}
.lds-roller div:nth-child(6){animation-delay:-.216s}
.lds-roller div:nth-child(6):after{top:68px;left:24px}
.lds-roller div:nth-child(7){animation-delay:-.252s}
.lds-roller div:nth-child(7):after{top:63px;left:17px}
.lds-roller div:nth-child(8){animation-delay:-.288s}
.lds-roller div:nth-child(8):after{top:56px;left:12px}
@keyframes lds-roller {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

/*input.error {
    background: #fff url("http://www.wallplayer.tv/images/wallplayer_en/icon_error_white.gif") no-repeat 97% center;
    border:1px solid!important;
    border-color: red!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 10px rgba(255,0,0,0.2);
}

input.success {
    background: #fff url("https://www.tafensw.edu.au/howex/stylesets/tafensw/icons/tick-icon.png") no-repeat 97% center;
    border:1px solid!important;
    border-color: green!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 10px rgba(0,255,0,0.2);
}*/
.animated {
  	-webkit-animation-fill-mode: both;
	  -moz-animation-fill-mode: both;
	  -ms-animation-fill-mode: both;
	  -o-animation-fill-mode: both;
	  animation-fill-mode: both;
  	-webkit-animation-duration: 1s;
  	-moz-animation-duration: 1s;
  	-ms-animation-duration: 1s;
	  -o-animation-duration: 1s;
	  animation-duration: 1s;
}

@-webkit-keyframes shake {
	  0%, 100% {-webkit-transform: translateX(0);}
	  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
  	0%, 100% {-moz-transform: translateX(0);}
	  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	  20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	  0%, 100% {-o-transform: translateX(0);}
	  10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	  20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	  0%, 100% {transform: translateX(0);}
	  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	  20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	  -webkit-animation-name: shake;
	  -moz-animation-name: shake;
  	-o-animation-name: shake;
	  animation-name: shake!important;
}

.floating-wpp{position:fixed;bottom:40px;right:40px!important;font-size:14px;transition:bottom .2s;z-index:99}
.floating-wpp .floating-wpp-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:49%;transform:translate3d(-50%,-50%,0)}
.floating-wpp:hover{bottom:17px}
.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{border-radius:6px;background-image:url(../images/whatsapp-bg.webp);position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:300px;height:350px;bottom:82px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:#fff;padding:8px;border-radius:0 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s;margin-top:40px;max-width:80%}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}
.floating-wpp .floating-wpp-popup .floating-wpp-head .close{color:#fff!important}
.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff!important;margin:0 -15px 10px;padding:20px 30px;display:flex;justify-content:space-between;cursor:pointer;font-weight:600;font-size:16px}
.floating-wpp .floating-wpp-input-message{background-color:#fff;margin:10px 0;padding:0 15px;display:flex;align-items:center;border-radius:0 10px 10px;margin-top:40%}
.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:0px 10px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none;height:33px}
.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}
