body{font-family: 'Roboto', sans-serif; font-size: 16px; color: #676767;}
img{display:block; max-width:100%;}
p{line-height:1.5em;}
ul li, ol li{line-height:1.5em;}
h1,h2,h3,h4,h5,h6{font-family: 'Comfortaa', cursive;}
h1{margin-top: 65px;}
a{text-decoration: none; color:rgb(3, 161, 228);}
.block-title{text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; margin-top: 70px; font-size: 50px; text-align: center;}
.wrapper{padding-left:15px!important; padding-right:15px!important;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
#breadcrumbs{list-style-type: none; margin: 0px;padding: 15px 15px; background-color: #b1b1b1; color: #fff;}
#breadcrumbs>li{display:inline-block;}
#breadcrumbs>li a{text-decoration: none; color:#ffffff;}
#breadcrumbs>li.separator{padding:0 5px;}
header{width: 300px; background-color: rgb(25, 25, 25); height: 100vh; position: fixed; left: 0px; top: 0px; padding: 0 15px; box-sizing: border-box;}
header>a#logo{display: block; padding-top: 50px;}
header>a#logo>img{margin: 0 auto; display: block;}
header>ul#menu{list-style-type: none; padding-left: 0px; margin-top: 50px; font-family: 'Roboto Condensed', sans-serif;}
header>ul#menu>li{text-align: center; padding: 15px 0px; border-top: 1px dashed #464646;text-transform: uppercase;}
header>ul#menu>li:last-child{border-bottom: 1px dashed #464646;}
header>ul#menu>li>a{text-decoration: none; font-weight: 500; color: rgb( 232, 232, 232 ); font-size: 18px;}
header>ul#menu>li.active>a{color: rgb(3, 161, 228);}
header>ul#menu>li>a:hover{color: rgb(3, 161, 228);}
header>button.trigger{display: none;}
header>ul.contacts{list-style-type: none; padding-left: 0px; padding-top: 50px; margin-top: 0px;}
header>ul.contacts>li{font-size: 16px; text-align: center; font-weight: 500; color: rgb( 232, 232, 232 );}
header>ul.contacts>li+li{margin-top: 15px;}
section#main{ margin-left: 300px; max-width: 100%;}
section#main>div#hero{height: 100vh; min-height:600px; padding: 0 15px; background-image:url("../img/background.jpg"); background-position: right; background-size: cover; display: flex; align-items: center; justify-content: flex-start;}
section#main>div#hero>.calculator{margin: 0;  color: #ffffff; width: 600px; padding: 15px; position: relative; top: -50px; font-size: 17px; max-width: 100%;}
section#main>div#hero>.calculator>.calculate-step{width: 100%;}
section#main>div#hero>.calculator>.calculate-step>a{display: inline-block; background-color: #fff; width: 50%; padding: 10px 0px; text-decoration: none; text-align: center;color: #4e4e4e;}
section#main>div#hero>.calculator>.calculate-step>a:first-child{border-top-left-radius: 20px; }
section#main>div#hero>.calculator>.calculate-step>a:last-child{ border-bottom-right-radius: 20px;}
section#main>div#hero>.calculator>.calculate-step>a.active{background-color: rgb(3, 161, 228); color:#ffffff;}
section#main>div#hero>.calculator>label{margin-top: 20px; display: block;}
section#main>div#hero>.calculator>label>input[type=range] {-webkit-appearance: none;width: 100%;margin-top: 20px;    background-color: transparent;}
section#main>div#hero>.calculator>label>input[type=range]:focus {outline: none;}
section#main>div#hero>.calculator>label>input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 13.3px;cursor: pointer; background: #70b0f4; border-radius: 25px;}
section#main>div#hero>.calculator>label>input[type=range]::-webkit-slider-thumb {border: 5px solid #a7a7a7;height: 30px;width: 30px;border-radius: 20px;background: #666666;cursor: pointer;-webkit-appearance: none;margin-top: -10.65px;}
section#main>div#hero>.calculator>label>input[type=range]::-moz-range-track {width: 100%;height: 13.3px;cursor: pointer; box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea; background: #ff91d8; border-radius: 25px;}
section#main>div#hero>.calculator>label>input[type=range]::-moz-range-thumb {border: 5px solid #ffcdff;height: 30px;width: 30px;border-radius: 12px;background: #ffff7d;cursor: pointer;}
section#main>div#hero>.calculator>label>input[type=range]::-ms-track {width: 100%;height: 13.3px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
section#main>div#hero>.calculator>label>input[type=range]::-ms-fill-lower {background: #ff68ca;border: 2.3px solid #dbd58f;border-radius: 50px;box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;}
section#main>div#hero>.calculator>label>input[type=range]::-ms-fill-upper {background: #ff91d8;border: 2.3px solid #dbd58f;border-radius: 50px;box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;}
section#main>div#hero>.calculator>label>input[type=range]::-ms-thumb {box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;border: 5px solid #ffcdff;height: 30px;width: 30px;border-radius: 12px;background: #ffff7d;cursor: pointer;height: 13.3px;}
section#main>div#hero>.calculator>.calc-info{margin-top: 25px;}
section#main>div#hero>.calculator>.calc-info .calc-info-day, .calc-info-money{display: inline-block; width: 50%;}
section#main>div#hero>.calculator>.calc-btn{display: block;width: 100%; margin-top: 25px;background-color: rgb(3, 161, 228);padding: 15px 0px;text-transform: uppercase;text-align: center; color: #ffff; font-weight: bold; text-decoration: none;}
section#main>#service{padding: 0 15px;}
section#main>#service>h2{text-align: center;}
section#main>#service>.service-block{display: flex; justify-content: space-around; flex-wrap: wrap;}
section#main>#service>.service-block>.service-item{flex-basis: 300px; text-align: center; background-color: #F1F1F1; padding: 30px; border:3px solid #000000; margin: 20px}
section#main>#service>.service-block>.service-item>h3{font-size: 28px; position: relative; display: flex; flex-direction: column; align-items: center;}
section#main>#service>.service-block>.service-item>h3::after{content: " "; background-color: #000000;width: 60px;height: 7px;margin-top: 10px;}
section#main>#content{padding: 65px 0;}
section#main>#content>h1{margin-bottom: 35px; font-weight:500;}
section#main>#content>ul.advantages{display:flex; justify-content: space-around; flex-wrap:wrap; list-style-type: none; padding: 0;}
section#main>#content>ul.advantages>li{display: flex;flex-direction: column;padding: 0 20px;width: 33.333%;box-sizing: border-box;text-align: center; flex-grow:1; min-width:200px;}
section#main>#content>ul.advantages>li>img{margin: 25px auto;}
section#main>#content>ul.advantages>li>h3{margin-top:auto;}
section#main>#content>ul.advantages>li>p{margin-top: 0;}
section#main>#content>.how-get-money{display:flex; justify-content: space-around; flex-wrap:wrap;}
section#main>#content>.how-get-money>.how-get-money-item{flex-basis:300px;border: 1px solid #6f6f6f; padding: 20px;}
section#main>#content>.how-get-money>.how-get-money-item:hover{background-color: #efefef;}
section#main>#content>.how-get-money>.how-get-money-item>img{margin: 0 auto; display: block;}
footer{color: #fff;}
section#main>footer>.footer-nav{display:flex; background-color: #525252; flex-wrap:wrap;}
section#main>footer>.footer-nav>.footer-item{flex-basis:33.333%; padding:0 15px; box-sizing: border-box;}
section#main>footer>.footer-nav>.footer-item>h5{font-size:18px; margin-bottom: 10px;}
section#main>footer>.footer-nav>.footer-item>ul{list-style-type: none; padding:0;}
section#main>footer>.footer-nav>.footer-item>ul>li>a{color:#ffffff;}
section#main>footer>.copyright{background-color: #252525;text-align: center;}
section#main>footer>.copyright>p{margin: 0;padding: 20px 0;color: #717171;line-height: 25px;}
section#main>footer>.copyright>p>span{color:#ffffff; margin-top: 20px; margin-top: 20px; display: block;}
/* Hamburger menu */
.hamburger {padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:focus{outline: none;}
.hamburger:active{outline:none}
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #fff; }
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #fff;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
/* Hamburger menu end */