@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{margin: 0px;padding: 0px;font-family: 'Cabin', arial, sans-serif;font-size: 14px;color: #737f96;line-height: 1.5em;text-align:left;font-weight: normal;letter-spacing: initial;text-decoration: none;}
.lft{float:left;}
html, body{overflow-x:hidden;}
.rgt {float:right;} 
.wrap {margin:0 auto;width: 90%;max-width: 1171px;min-width:280px;}
ul{margin:0; padding:0;}
ul:after{content:''; display:block; clear:both;}
ul li {list-style:none;}
p{font-weight: 400;color: #737f96;font-size: 16px;line-height: 1.75em;letter-spacing: 0.15px;}
p b{font-size: 100%;line-height: 100%;}
.clear {clear:both;}
img{max-width:100%;}

h1.hd{line-height: 1.2em;color: #000;font-size: 41px;font-weight: 900;line-height: normal;margin-bottom: 35px;font-family: 'Montserrat', sans-serif;text-align: center;text-transform: uppercase;}
h1.hd span{display:block;text-align: inherit;font-size: 18px;text-transform: uppercase;color: #737f96;font-family: 'Montserrat', sans-serif;font-weight: 600;line-height: normal;margin-bottom: 7px;}

footer{display:block;background: #eaeaea;padding: 10px;}
footer p{display:block;color: #8b8b8b;text-align: center;font-weight: 300;}
footer p b{color:inherit;font-size: inherit;}

header{display:block;padding: 13px 0px;}
header .wrap{display: flex;align-items: center;justify-content: space-between;}
header .logo{display:block;float: left;display: flex;align-items: center;}
header .logo h2{display:block;font-size: 22px;color: #000;border-left: 1px solid #dcdcdc;padding-left: 20px;margin-left: 20px;}

header .scl{display:block;float: right;line-height: 0;}
header .scl a:hover{border: 1px solid #e84024;background-color:#e84024;}    
header .scl a:hover svg path{fill:#fff;}
header .scl a{display: inline-flex;width: 37px;transition:0.3s ease;height: 37px;overflow: hidden;border-radius: 50%;border: 1px solid #737f96;margin-right: 9px;justify-content:center;align-items:center;}
header .scl a.twt{background-position: -27px 7px;}
header .scl a svg{display:block;width: 23px;height: auto;max-height: 16px;}
header .scl a svg path{fill:#737f96;}

.banner{display:block;}
.banner img.res{display:none;}
.banner img{display:block;width: 100%;}
.count{display:block;margin: 70px 0px;}
.count ul#counting {
    width: auto;
    display: flex;
    justify-content: center;
}
.count ul#counting:after {
    content: "";
    display: block;
    clear: both;
}
.count ul#counting li {
    float: left;
    margin-right: 4%;
    border-right: 1px dotted #f7f7f740;
    padding-right: 4%;
}
.count ul#counting li p {
    line-height: normal;
    color: #848484;
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: lighter;
}
.count ul#counting li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
}
.count ul#counting li h1 {
    color: #000;
    font-size: 83px;
    font-weight: 900;
    text-align: center;
    line-height: 1em;
    display: block;
    font-family: 'Montserrat', sans-serif;
}
.count ul#counting li h1.plus:after {
    /* content: "+"; */
    display: block;
    font-size: 64px;
    display: inline-block;
    line-height: 20px;
    top: -28px;
    position: relative;
}
.count ul#counting li h1.plus.M:after {
    /* content: "M+"; */
    top: 0;
    font-size: 60px;
}

.clients{display:block;background: #f7f7f775;padding: 70px 0px;}
.clients ul{display: flex;flex-wrap: wrap;justify-content: center;}
.clients ul li{display:block;float: left;width: 25%;background: #fff;box-shadow: 0px 0px 1px #b3b3b3;}
.clients ul li img{display:block;}


.calc h1.hd{text-align:left;}
.calc{display:block;padding: 80px 0px;}
.calc .colm {float: left;width: 47.223%;margin-right:5%;margin-bottom: 35px;}
.calc .colm h3 {font-size: 18px;color: #000;line-height: 24px;margin: 0;margin-bottom: 20px;padding: 0;}
.calc .colm .ui-slider{width: 100%;height: 9px;/* margin-top: 10px; */}
.calc .colm h3 b{color: #000;font-size: 100%;font-weight: bold;}
.calc .colm.mrg0 {margin-right: 0;}
.calc .colm .ui-slider-horizontal .ui-slider-handle:before{content:'';display:block;width: 14px;height: 14px;background: #ffffff61;border-radius: 50%;}
.calc .colm .ui-slider-horizontal .ui-slider-handle{background: #cf3816;width: 26px;height: 26px;outline: 0;top: -12px;border-radius: 50%;border: 3px solid #fafafa;cursor: pointer;display: flex;position: relative;align-items: center;justify-content: center;}
.calc .colm .ui-slider, .calc .colm .ui-slider-horizontal .ui-slider-range-max{background: #e84025;border: none;border-radius: 10px;}
.calc .colm .pnk{background: #fbe1dd;font-size: 15px;color: #000;padding: 4px 14px;line-height: normal;position: relative;margin-top: 20px;display: block;width: max-content;}
.calc .colm .pnk::before {bottom: 100%;border-bottom: 10px solid #fbe1dd;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";height: 0;position: absolute;width: 0;top: -9px;left: 50%;margin-left: -10px;}
.calc .colm h3.lftr {float: left;margin-right: 50px;padding-right: 50px;border-right: 4px solid #e5e5e5;}
.calc .colm .anul{float: left;font-size: 18px;color: #000;line-height: 24px;margin: 0;margin-bottom: 10px;padding: 0;}
.calc .colm .anul span{display: inline-block;color: #000;font-size: 100%;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.calc hr{width: 100%;border-color: #e5e5e5;margin-bottom: 35px;}
.calc .ttlsvng {width: 100%;background: #e84025;padding: 21px 0;}
.calc .ttlsvng:after {content: "";display: block;clear: both;}
.calc .ttlsvng div {float: left;font-size: 16px;color: #fff;text-align: center;width: 50%;/* border-right: 3px solid #ffffff73; */line-height: 1.5em;text-shadow: 3px 1px 9px #00000042;}
.calc .ttlsvng div span {display: inline-block;font-size: 41px;color: #fff;text-align: center;line-height: 1.5em;text-shadow: 3px 1px 9px #00000042;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.calc .ttlsvng div:last-child {border: none;}

@media only screen and (max-width: 1000px){
    .count{margin-bottom:30px;}
    .count ul#counting li p{font-size: 14px;}
    .count ul#counting li h1{font-size: 66px;}
    .count ul#counting li{width:50%;margin: 0;padding: 0;float: left;border: 0;margin-bottom: 30px;}
    .count ul#counting{flex-wrap:wrap;width: 100%;max-width: initial;padding: 0;justify-content: center;}
}

@media only screen and (max-width: 600px){
	footer p{font-size:14px;line-height: 1.5em;}
    h1.hd span{font-size:15px;}
    .calc .colm h3{font-size: 15px;}
	.calc{padding: 50px 0px;}
	.calc .ttlsvng div:last-child{margin:0px;}
	.calc .ttlsvng div{    width: -webkit-fill-available;float: none;margin: 0;border: 0; margin-bottom: 20px;}
	.calc .colm .ui-slider-horizontal .ui-slider-handle{width: 22px; height: 22px;}
	.calc .colm .ui-slider{height: 6px;}
	.calc .ttlsvng div span{font-size: 33px;}
	.calc .colm{width:100%; margin-right: 0;}
    
    .clients ul li{width: 50%;}
    .count ul#counting li h1{font-size: 52px;}
    .banner img{display:none;}
    .banner img.res{display:block;}
    header .scl{display:flex;}
    header .scl a:last-child{margin:0px;}
    header .scl a svg{width: 13px;}
    header .scl a{width:30px;height: 30px;margin-right: 5px;display: flex;}
    header .logo h2{font-size: 17px;margin-left: 10px;padding-left: 10px;}
header .logo img{max-width: 125px;line-height: 0;}
    h1.hd{font-size:35px;}
}


@media only screen and (max-width: 400px){
    h1.hd{font-size:30px;}
    .count ul#counting li h1{font-size: 37px;}
header .logo img{max-width: 113px;}
    header .logo h2{font-size: 15px;}
}