@import url(https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900);
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,div pre,dl,dt,em,figcaption,figure,font,footer,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,li,nav,object,ol,p,q,s,samp,section,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
li,ul{padding:0;margin:0;list-style:none}
article,aside,footer,header,hgroup,nav,section{display:block}
*{box-sizing:border-box}
body,html{font-family:Raleway,sans-serif;font-weight:400;background-color:#fff;font-size:16px;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none!important}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}
ul{margin-bottom:0}
body,html{background:#fff;font-family:Raleway,sans-serif}
::selection{background:#ba0000;color:#fff}
::-moz-selection{background:#ba0000;color:#fff}
.section{position:relative;padding-top:100px;padding-bottom:80px}
.section.colored{background:#ffffff}
.hr{bottom:0;width:100%;height:1px;margin-top:100px;border-bottom:1px solid #eee}
.left-heading.light .section-title{color:#fff}
.left-heading .section-title{font-weight:500;font-size:24px;line-height:42px;color:#ba0000;letter-spacing:.25px;margin-bottom:10px;position:relative}
.center-heading{text-align:center}
.center-heading .section-title{font-weight:500;font-size:28px;color:#1e1e1e;letter-spacing:1.75px;line-height:38px;margin-bottom:20px}
.center-heading.colored .section-title{color:#fff}
.center-text{text-align:center;font-weight:400;font-size:16px;color:#777;line-height:28px;letter-spacing:1px;margin-bottom:50px}
.center-text.colored{color:#fff}
.center-text p{font-size:15px;color:#777;margin-bottom:30px}
.left-text{font-weight:400;font-size:16px;color:#777;line-height:28px;letter-spacing:1px}
.left-text.light{color:#fff}
.left-text p{margin-bottom:30px}
.left-text p.dark{color:#3b566e}
.padding-bottom-top-60{padding-top:60px!important;padding-bottom:60px!important}
.padding-bottom-80{padding-bottom:80px!important}
.padding-bottom-100{padding-bottom:100px!important}
.border-bottom{border-bottom:1px solid #eee!important}
.mbottom-30{margin-bottom:30px!important}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-bottom{-ms-flex-item-align:flex-end!important;align-self:flex-end!important}
.padding-bottom-0{padding-bottom:0!important}
.padding-top-0{padding-top:0!important}
.padding-top-80{padding-top:80px!important}
.padding-top-70{padding-top:70px!important}
.padding-top-20{padding-top:20px!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-bottom-30{margin-bottom:30px!important}
.margin-top-30{margin-top:30px!important}
.margin-top-15{margin-top:15px!important}
.margin-bottom-45{margin-bottom:45px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-60{margin-bottom:60px!important}
.margin-bottom-100{margin-bottom:100px!important}
@media (max-width:991px){
body,html{overflow-x:hidden}
.mobile-top-fix{margin-top:30px;margin-bottom:0}
.mobile-bottom-fix{margin-bottom:30px}
.mobile-bottom-fix-big{margin-bottom:60px}
}
a.main-button-slider{font-size:13px;border-radius:20px;padding:12px 20px;background-color:#ba0000;text-transform:uppercase;color:#fff;letter-spacing:.25px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
a.main-button-slider:hover{background-color:#ba0000}
a.main-button{font-size:13px;border-radius:20px;padding:12px 20px;background-color:#ba0000;text-transform:uppercase;color:#fff;letter-spacing:.25px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
a.main-button:hover{background-color:#ba0000}
button.main-button{outline:0;border:none;cursor:pointer;font-size:13px;border-radius:20px;padding:12px 20px;background-color:#ba0000;text-transform:uppercase;color:#fff;letter-spacing:.25px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
button.main-button:hover{background-color:#ba0000}
.header-area{position:fixed;top:30px;left:0;right:0;z-index:100;height:100px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.header-area .main-nav{box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:40px;min-height:80px;background:#fff}
.header-area .main-nav .logo{float:left;margin-top:37px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;margin-left:30px}
.header-area .main-nav .logo img{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.header-area .main-nav .nav{float:right;margin-top:27px;margin-left:0;margin-right:30px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;position:relative;z-index:999}
.header-area .main-nav .nav li{padding-left:10px;padding-right:10px}
.header-area .main-nav .nav li:last-child{padding-right:0}
.header-area .main-nav .nav li a{display:block;font-weight:500;font-size:13px;color:#fff;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;height:40px;line-height:40px;border:transparent;letter-spacing:1px}
.header-area .main-nav .nav li a:hover{color:#ba0000}
.header-area .main-nav .menu-trigger{cursor:pointer;display:block;position:absolute;top:23px;width:32px;height:40px;text-indent:-9999em;z-index:99;right:40px;display:none}
.header-area .main-nav .menu-trigger span,.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#3b566e;display:block;position:absolute;width:30px;height:2px;left:0}
.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#3b566e;display:block;position:absolute;width:30px;height:2px;left:0;width:75%}
.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{content:""}
.header-area .main-nav .menu-trigger span{top:16px}
.header-area .main-nav .menu-trigger span:before{-moz-transform-origin:33% 100%;-ms-transform-origin:33% 100%;-webkit-transform-origin:33% 100%;transform-origin:33% 100%;top:-10px;z-index:10}
.header-area .main-nav .menu-trigger span:after{-moz-transform-origin:33% 0;-ms-transform-origin:33% 0;-webkit-transform-origin:33% 0;transform-origin:33% 0;top:10px}
.header-area .main-nav .menu-trigger.active span,.header-area .main-nav .menu-trigger.active span:after,.header-area .main-nav .menu-trigger.active span:before{background-color:transparent;width:100%}
.header-area .main-nav .menu-trigger.active span:before{-moz-transform:translateY(6px) translateX(1px) rotate(45deg);-ms-transform:translateY(6px) translateX(1px) rotate(45deg);-webkit-transform:translateY(6px) translateX(1px) rotate(45deg);transform:translateY(6px) translateX(1px) rotate(45deg);background-color:#3b566e}
.header-area .main-nav .menu-trigger.active span:after{-moz-transform:translateY(-6px) translateX(1px) rotate(-45deg);-ms-transform:translateY(-6px) translateX(1px) rotate(-45deg);-webkit-transform:translateY(-6px) translateX(1px) rotate(-45deg);transform:translateY(-6px) translateX(1px) rotate(-45deg);background-color:#3b566e}
.header-area.header-sticky{min-height:80px}
.header-area.header-sticky .logo{margin-top:25px}
.header-area.header-sticky .nav{margin-top:20px!important}
.header-area.header-sticky .nav li a{color:#1e1e1e}
.header-area.header-sticky .nav li a.active{color:#ba0000}
@media (max-width:1200px){
.header-area .main-nav .nav li{padding-left:12px;padding-right:12px}
.header-area .main-nav:before{display:none}
}
@media (max-width:991px){
.header-area{padding:0 15px;height:80px;box-shadow:none;text-align:center}
.header-area .container{padding:0}
.header-area .logo{margin-top:27px!important;margin-left:30px}
.header-area .menu-trigger{display:block!important}
.header-area .main-nav{overflow:hidden}
.header-area .main-nav .nav{float:none;width:100%;margin-top:80px!important;display:none;-webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;-o-transition:all 0s ease 0s;transition:all 0s ease 0s;margin-left:0}
.header-area .main-nav .nav li:first-child{border-top:1px solid #eee}
.header-area .main-nav .nav li{width:100%;background:#fff;border-bottom:1px solid #eee;padding-left:0!important;padding-right:0!important}
.header-area .main-nav .nav li a{height:50px!important;line-height:50px!important;padding:0!important;border:none!important;}
.header-area .main-nav .nav li a:hover{background:#eee!important}
}
@media (min-width:992px){
.header-area .main-nav .nav{display:flex!important}
}
.welcome-area{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-image:url(/assets/vakel/vakel-9.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;height:100vh}
.welcome-area .header-text{position:absolute;top:50%;transform:translateY(-55%);text-align:center;width:100%}
.welcome-area .header-text h1{font-weight:500;font-size:36px;line-height:54px;letter-spacing:1.4px;margin-bottom: 320px;;color:#fff}
.welcome-area .header-text p{font-weight:400;font-size:15px;color:#fff;line-height:28px;letter-spacing:.25px;margin-bottom:40px;position:relative}
@media (max-width:991px){
.welcome-area .header-text{top:65%!important;transform:perspective(1px) translateY(-60%)!important;text-align:center}
.welcome-area .header-text h1{text-align:center;color:#fff;margin-bottom:15px}
.welcome-area .header-text h1 span{color:#fff}
.welcome-area .header-text p{text-align:center;color:#fff;margin-bottom:20px}
}
@media (max-width:820px){
.welcome-area .header-text{top:65%!important;transform:perspective(1px) translateY(-60%)!important}
.welcome-area .header-text h1{font-size:22px;line-height:30px;margin-bottom:15px}
.welcome-area .header-text p{margin-bottom:20px}
}
@media (max-width:765px){
.welcome-area{margin-bottom:100px}
.welcome-area .header-text{top:50%!important;transform:perspective(1px) translateY(-220%)!important;text-align:center}
.welcome-area .header-text .buttons{display:none}
.welcome-area .header-text h1{font-weight:600;font-size:24px!important;line-height:30px!important;margin-bottom:50px!important}
.welcome-area .header-text h1 span{color:#fff}
.welcome-area .header-text p{text-align:center;color:#fff;font-size:14px;line-height:22px;margin-bottom:40px}
}
.features-small-item{cursor:pointer;display:block;background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.1);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:20px;text-align:center;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;position:relative;margin-bottom:30px}
.features-small-item:hover .icon{background-color:#ba000000}
.features-small-item .icon{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;/*width:90px;height:90px;*/line-height:80px;margin:auto;position:relative;margin-bottom:5px;background:#ba000000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.features-small-item .icon i{font-size:18px;color:#fff}
.features-small-item .features-title{font-weight:500;font-size:18px;color:#ba0000;letter-spacing:.7px;margin-bottom:15px;position:relative;z-index:2}
.features-small-item p{font-weight:400;font-size:15px;color:#777;letter-spacing:.5px;line-height:25px;position:relative;z-index:2}
.features-small-item a{float:right;position:relative;z-index:2}
.home-feature{padding-bottom:0;padding-top:30px;margin-top:-220px;z-index:9}
@media (max-width:991px){
.home-feature{padding-bottom:0;padding-top:0;margin-top:0}
}
.mini{min-height:215px;overflow:hidden;position:relative;padding-top:90px;padding-bottom:60px}
.mini:before{content:'';position:absolute;width:140%;height:140%;opacity:.95;background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url(https://demo.in.rs/3/assets/vakel/vakel.jpg);z-index:2;top:-20%;left:-20%}
.mini .mini-content{position:relative;z-index:3}
.mini .mini-content .info{text-align:center;color:#fff;padding-top:20px;padding-bottom:20px}
.mini .mini-content .info small{display:block;font-weight:400;font-size:13px;margin-bottom:5px}
.mini .mini-content .info strong{font-weight:700;font-size:17px;margin-bottom:40px;display:block}
.mini .mini-content .info h1{color:#fff;font-weight:500;font-size:28px;letter-spacing:.25px;margin-bottom:30px}
.mini .mini-content .info p{letter-spacing:1px;margin-bottom:40px;color:#fff;letter-spacing:.25px;line-height:26px;font-weight:400;font-size:15px}
.mini .mini-content .info p span{text-decoration:underline}
.mini .mini-content .mini-box{display:block;background:#fff;padding:20px;border-radius:20px;box-shadow:0 2px 48px 0 rgba(0,0,0,.08);margin-bottom:30px;position:relative;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;text-align:center}
.mini .mini-content .mini-box:hover{margin-top:-10px}
.mini .mini-content .mini-box:before{content:'';position:absolute;z-index:-1;background:#fff;width:100%;opacity:.15;height:100%;bottom:-10px;left:0;right:-20px;margin:auto;border-radius:20px}
.mini .mini-content .mini-box i{display:block;font-size:20px;margin-bottom:15px}
.mini .mini-content .mini-box span{display:block;font-weight:400;font-size:14px;color:#777;letter-spacing:.75px}
.mini .mini-content .mini-box strong{display:block;font-weight:400;font-size:17px;color:#1e1e1e;letter-spacing:.25px;margin-bottom:5px;margin-top:20px}
.counter{overflow:hidden;position:relative}
.counter:before{content:'';position:absolute;width:140%;height:140%;opacity:.9;background-image:url(https://demo.in.rs/3/assets/vakel/vakel.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:2;top:-20%;left:-20%}
.counter .content{position:relative;z-index:3;width:100%}
.counter .content .count-item{height:340px;position:relative;float:left;width:100%}
.counter .content .count-item.decoration-bottom{position:relative}
.counter .content .count-item.decoration-bottom:after{content:'';position:absolute;width:70%;height:32px;top:160px;left:70%;background:url(https://demo.in.rs/3/assets/images/circle-dec.png) center center no-repeat;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.counter .content .count-item.decoration-top{position:relative}
.counter .content .count-item.decoration-top:after{content:'';position:absolute;width:70%;height:32px;top:140px;left:70%;background:url(https://demo.in.rs/3/assets/images/circle-dec.png) center center no-repeat;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.counter .content .count-item:hover strong{margin-top:110px}
.counter .content .count-item strong{display:block;text-align:center;font-weight:600;font-size:36px;letter-spacing:.25px;margin-bottom:10px;color:#fff;margin-top:120px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.counter .content .count-item span{display:block;text-align:center;color:#fff;font-weight:500;font-size:17px;letter-spacing:.25px}
@media (max-width:991px){
.parallax{padding-top:60px;padding-bottom:60px;min-height:auto}
.parallax .content{position:relative!important;top:0!important;transform:perspective(1px) translateY(0)!important}
.counter{padding-top:60px;padding-bottom:60px}
.counter .content{position:relative!important;top:0!important;transform:perspective(1px) translateY(0)!important}
.counter .content .count-item{height:auto;padding-top:20px;padding-bottom:20px}
.counter .content .count-item:hover strong{margin-top:0}
.counter .content .count-item:before{display:none}
.counter .content .count-item:after{display:none}
.counter .content .count-item strong{margin-top:0}
}
.team-item{background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.1);border-radius:20px;position:relative;margin-bottom:30px;padding-bottom:25px}
.team-item:hover .team-content .team-info{margin-left:30px}
.team-item i{display:block;margin-left:25px;margin-top:25px;font-size:30px;color:#4e47de;text-align:center}
.team-item .user-image{width:60px;height:60px;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;margin-left:25px;float:left}
.team-item .team-content{text-align:left;overflow:hidden}
.team-item .team-content .team-info{float:left;margin-left:20px;margin-top:8px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.team-item .team-content .team-info .user-name{display:block;font-weight:400;font-size:17px;color:#1e1e1e;letter-spacing:.25px;margin-bottom:5px}
.team-item .team-content .team-info span{display:block;font-weight:400;font-size:15px;color:#ba0000;letter-spacing:.25px}
.team-item .team-content p{margin-top:25px;padding-left:25px;padding-right:25px;margin-bottom:25px;font-weight:400;font-size:15px;color:#777;letter-spacing:.6px;line-height:26px}
.pricing-item{background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.1);border-radius:20px;margin-bottom:30px;margin-top:20px;padding:30px 0 40px 0}
.pricing-item.active .pricing-header{position:relative}
.pricing-item.active .pricing-header .pricing-title{color:#1e1e1e}
.pricing-item.active .pricing-body .price-wrapper{background-color:#ba0000}
.pricing-item.active .pricing-body .price-wrapper .currency{color:#fff}
.pricing-item.active .pricing-body .price-wrapper .price{color:#fff}
.pricing-item.active .pricing-body .price-wrapper .period{color:#fff}
.pricing-item .pricing-header{text-align:center;display:block;position:relative;padding-bottom:10px}
.pricing-item .pricing-header .pricing-title{font-weight:500;font-size:17px;letter-spacing:.25px;color:#1e1e1e;width:180px;height:40px;line-height:40px;left:0;right:0;margin:auto}
.pricing-item .pricing-body{margin-bottom:40px}
.pricing-item .pricing-body .price-wrapper{text-align:center;padding-top:20px;padding-bottom:13px;background:#ba0000;width:80%;margin:auto;margin-bottom:40px;margin-top:5px;border-radius:20px}
.pricing-item .pricing-body .price-wrapper .currency{height:47px;font-weight:500;font-size:32px;color:#fff;position:relative;top:-1px}
.pricing-item .pricing-body .price-wrapper .price{font-weight:500;font-size:28px;color:#fff}
.pricing-item .pricing-body .price-wrapper .period{font-weight:400;font-size:14px;color:#fff;display:block;letter-spacing:.88px}
.pricing-item .pricing-body .list li{text-align:center;margin-bottom:12px;font-weight:400;font-size:13px;color:#7a7a7a;letter-spacing:.25px;text-decoration:line-through}
.pricing-item .pricing-body .list li.active{color:#7a7a7a;text-decoration:none}
.pricing-item .pricing-footer{text-align:center;margin-top:50px}
.blog-post-thumb{text-align:center;margin-bottom:30px}
.blog-post-thumb.big .img{height:400px}
.blog-post-thumb .img{overflow:hidden;border-radius:20px;position:relative}
.blog-post-thumb .blog-content{margin-top:-30px;padding-top:50px;margin-left: 20px;margin-right: 20px;}
.blog-post-thumb h3{margin-bottom:20px!important}
.blog-post-thumb h3 a{font-weight:500;font-size:18px;color:#1e1e1e;letter-spacing:.25px;line-height:26px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.blog-post-thumb h3 a:hover{color:#ba0000}
.blog-post-thumb .text{font-weight:400;font-size:15px;color:#777;letter-spacing:.26px;line-height:26px;margin-bottom:15px}
.blog-post-thumb .post-footer span{float:left;height:30px;line-height:30px;font-weight:300;font-size:14px;color:#777;padding-left:30px}
.blog-post-thumb a.main-button{margin-top:10px;display:inline-block}
.blog-list .blog-post-thumb{text-align:left}
#contact-us{padding:160px 0}
#contact-us h5{font-weight:500;font-size:18px;color:#777;letter-spacing:.25px;line-height:26px}
.contact-text{font-weight:400;font-size:14px;color:#6f8ba4;letter-spacing:.6px;line-height:26px}
.contact-text p{margin-bottom:28px}
.contact-form input,.contact-form textarea{color:#777;font-size:14px;border:1px solid #eee;width:100%;height:50px;outline:0;padding-left:20px;padding-right:20px;border-radius:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:30px}
.contact-form textarea{height:150px;resize:none;padding:20px}
footer{background-image:linear-gradient(127deg,#ba0000 0,#ba0000 91%);padding-top:30px}
footer .social{overflow:hidden;margin-top:10px;text-align:center}
footer .social li{margin:0 10px;display:inline-block}
footer .social li a{color:#ba0000;text-align:center;background-color:#fff;width:36px;height:36px;line-height:36px;border-radius:50%;display:inline-block;font-size:16px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
footer .social li a:hover{background-color:#ba0000;color:#fff}
footer .copyright{text-align:center;border-top:1px solid rgba(250,250,250,.2);margin-top:30px;padding-top:30px;padding-bottom:30px;font-weight:400;font-size:12px;color:#fff;letter-spacing:.88px;text-transform:uppercase}
@media (max-width:991px){
footer .text{margin-bottom:30px}
footer h5{margin-bottom:15px}
footer .footer-nav{margin-bottom:30px}
}
#preloader{overflow:hidden;background-image:linear-gradient(135deg,#ffffff 0,#ffffff 100%);left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999;color:#fff}
#preloader .jumper{left:0;top:0;right:0;bottom:0;display:block;position:absolute;margin:auto;width:50px;height:50px}
#preloader .jumper>div{background-color:#ba0000;width:10px;height:10px;border-radius:100%;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;opacity:0;width:50px;height:50px;-webkit-animation:jumper 1s 0s linear infinite;animation:jumper 1s 0s linear infinite}
#preloader .jumper>div:nth-child(2){-webkit-animation-delay:.33333s;animation-delay:.33333s}
#preloader .jumper>div:nth-child(3){-webkit-animation-delay:.66666s;animation-delay:.66666s}
@-webkit-keyframes jumper{
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
5%{opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes jumper{
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
5%{opacity:1}
100%{opacity:0}
}
button.chatbox-open{position:fixed;bottom:0;right:0;width:52px;z-index:999;height:52px;color:#fff;background-color:#ba0000;background-position:center center;background-repeat:no-repeat;box-shadow:12px 15px 20px 0 rgba(46,61,73,.15);border:0;border-radius:50%;cursor:pointer;margin:16px}
button.chatbox-close{bottom:0;border:#f0f8ff;right:0;z-index:999;color:#fff;background-color:#ba0000;background-position:center center;background-repeat:no-repeat;box-shadow:1px 1px 2px 0 rgb(46 61 73 / 32%);border-radius:50px;cursor:pointer;display:none}
textarea{box-sizing:border-box;width:100%;margin:0;height:calc(16px + 16px / 2);padding:0 calc(16px / 2);font-family:inherit;font-size:16px;line-height:calc(16px + 16px / 2);color:#888;background-color:none;border:0;outline:0!important;resize:none;overflow:hidden}
textarea::-moz-placeholder{color:#888}
textarea:-ms-input-placeholder{color:#888}
textarea::placeholder{color:#888}
.chatbox-popup{display:flex;position:fixed;z-index:999;box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);flex-direction:column;display:none;bottom:calc(2 * 16px + 52px);right:16px;width:277px;height:auto;background-color:#fff;border-radius:16px}
.chatbox-popup .chatbox-popup__header{box-sizing:border-box;display:flex;width:100%;z-index:999;padding:16px;color:#fff;background-color:#fff;align-items:center;justify-content:space-around;border-top-right-radius:12px;border-top-left-radius:12px}
.chatbox-popup .chatbox-popup__header .chatbox-popup__avatar{margin-top:-32px;background-color:#0360a5;border:5px solid rgba(0,0,0,.1);border-radius:50%}
.chatbox-popup .chatbox-popup__main{box-sizing:border-box;width:100%;color:#888;text-align:center}
.chatbox-popup .chatbox-popup__footer{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;border-bottom-right-radius:12px;border-bottom-left-radius:12px}
.chatbox-panel{display:flex;position:absolute;box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);flex-direction:column;display:none;top:0;right:0;bottom:0;width:377px;background-color:#fff}
.chatbox-panel .chatbox-panel__header{box-sizing:border-box;display:flex;width:100%;padding:16px;color:#fff;background-color:#0360a5;align-items:center;justify-content:space-around;flex:0 0 auto}
.chatbox-panel .chatbox-panel__main{box-sizing:border-box;width:100%;padding:calc(2 * 16px) 16px;line-height:calc(16px + 16px / 2);color:#888;text-align:center;flex:1 1 auto}
.chatbox-panel .chatbox-panel__footer{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;flex:0 0 auto}














.question {
  font-size: 1.2rem;
 font-weight: 400;
  padding: 20px 50px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}

.question.active + .answercont {
}