body {
    background: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.8;
    color: #000;
    width: 100%;
}
h1 {
    color: #0b0b0b;
}
h2 {
    color: #999999;
}
h3{
    color: #444444;
}
h4{
    color: #2A5CBB;
}
h5{
    color: #ff6600;
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: #2A5CBB;
}

::-webkit-scrollbar-thumb:hover {
    background: #2A5CBB;
}
a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #444444;
    text-decoration: none !Important;;
}
a:hover {
    text-decoration: #666666;
    color: #666666
}
.header {

}
.brand img{
    width: 120px;
}
.slider-info{
    padding: 10px;
}
.slider-size{
    height: 80vh;

}
.nav-item a {
    font-weight: 400;
}
.purchase-button {
    border: solid 1px #3498EB;
    background: #3498EB;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff !important;
}
.purchase-button:hover {
    border: solid 1px #3498EB;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    color: #444444 !important;
}
.margin-top-100 {
    margin-top: 0px;
}
.first-img{
    width: 40%;
}
.center {
    /*display: flex;*/
    vertical-align: middle;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.background-first{
    background: rgba(209,209,255, 0.07);
    border-radius: 5px;
    margin: 10px;
    position: relative;
}
.nav-position{
    border-radius: 0 0 5px 5px;
    margin-right: 10px;
    margin-left: 10px;
}
.height-box {
    width: 50%;
}
.height-box p{
    padding-left: 15px;
    padding-right: 15px;
    font-size: .9em;
}
.flex-height {
    display: flex;
}
.height-box-1{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.height-box-2{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.height-box-3{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.height-box-4{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.height-box-5{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.height-box-6{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
}
.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.text-in-box{
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
}
.text-in-box div{
    font-size: 1.3em;
}
.place-fa{
    display: flex;
    vertical-align: middle;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80%;
}
.sales {
    background-image: url('/img/f1.jpg');
    border-radius: 5px;
    background-position: right top;
    background-size: cover;
    height: 100vh;
}
.quality {
    background-image: url('/img/f2.jpg');
    border-radius: 5px;
    background-position: right top;
    background-size: cover;
    height: 100vh;
}
.report {
    background-image: url('/img/f3.jpg');
    border-radius: 5px;
    background-position: right top;
    background-size: cover;
    height: 100vh;
}
.position{
    position: absolute;
    top: 30%;
    line-height: 1.5;
    padding: 15px;
    background: rgba(42,92,187, 0.5);
    border-radius: 0 5px 5px 0;
}
.position h1{
    color: #ffffff;
    margin-left: 20px;
    margin-bottom: 20px;
}
.position h3{
    color: #444444;
    margin-left: 20px;
    line-height: 0.9;
    font-size: 1.2em;
}
.position p{
    color: #ffffff;
    margin-left: 20px;
    line-height: 0.9;
    font-weight: 400;
}
.font-desc{
    font-weight: 100;
    font-size: 0.8em;
}
.partners{
    background: rgba(209,209,255, 0.2);
    border-radius: 5px;
    text-align: center;
    margin: 20px 10px 10px 10px;
    padding: 10px;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
}
.partners-grid{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.help-revpar .help-revpar-desc {
    visibility: hidden;
    font-size: 1em;
    font-weight: 400;
    background-color: rgba(42,92,187, 0.5);
    color: #f8f9fa;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 100;
    bottom: 100%;
    opacity: 0;
    transition: opacity 1s;
}

.help-revpar:hover .help-revpar-desc {
    visibility: visible;
    opacity: 1;
}
.help_revpar{
    position: relative;
}
.help-revpar .help-adr-desc {
    visibility: hidden;
    font-size: 1em;
    font-weight: 400;
    background-color: rgba(42,92,187, 0.5);
    color: #f8f9fa;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 100;
    bottom: 100%;
    opacity: 0;
    transition: opacity 1s;
}
.help-revpar:hover .help-adr-desc {
    visibility: visible;
    opacity: 1;
}
.help-revpar{
    position: relative;
}
.partners-percent{
    color: #ff6600;
    font-weight: 400;
    font-size: 1.6em;
}
.partners-percent-percent{
    color: #ff6600;
    font-size: 0.9em;
    vertical-align: text-bottom;
}
.partners h5{
    color: #6666;
}
.partners img{
    opacity: 0.5;
    margin: 10px 20px;
    max-height: 30px;
    text-align: center;
}
.register {
    background: rgba(209,209,255, 0.2);
    border-radius: 5px;
    margin: 20px 10px 10px 10px;
    padding: 10px;
}
.calc {
    background: rgba(209,209,255, 0.2);
    border-radius: 5px;
    margin: 20px 10px 10px 10px;
    padding: 10px;
}
.register-input{
    display: inline-block;
    width: 155px;
    margin: 5px;
    border-radius: 5px;
    color: #444444;
    border: 1px solid #444444;
    background-color: transparent;
    height: 52px;
    padding-left: 2%;
    padding-right: 2%;
}
.register-input-d{
    display: inline-flex;
    width: 280px;
    margin: 5px;
    border-radius: 5px;
    color: #444444;
    border: 1px solid #444444;
    background-color: transparent;
    height: 52px;
    padding-left: 2%;
    padding-right: 2%;
}
.calc-submit-top{
    border: solid 1px #3498EB;
    width: 280px;
    margin: 5px;
    background: #3498EB;
    border-radius: 5px;
    height: 52px;
    padding-left: 2%;
    padding-right: 2%;
    color: #ffffff !important;
    cursor: pointer;
    margin-bottom: 30px;
}
.calc-submit-top:hover{
    border: solid 1px #3498EB;
    width: 280px;
    margin: 5px;
    height: 52px;
    background: #ffffff;
    border-radius: 5px;
    padding-left: 2%;
    padding-right: 2%;
    color: #444444 !important;
    cursor: pointer;
    margin-bottom: 30px;
    transition-delay:.2s;
}
.register-submit-top{
    border: solid 1px #3498EB;
    height: 52px;
    background: #3498EB;
    border-radius: 5px;
    padding: 5px;
    padding-left: 3%;
    padding-right: 3%;
    color: #ffffff !important;
    cursor: pointer;
    margin-bottom: 15px;
}
.register-submit-top:hover{
    border: solid 1px #3498EB;
    height: 52px;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    padding-left: 3%;
    padding-right: 3%;
    color: #444444 !important;
    cursor: pointer;
    transition-delay: 0.3s;
}
.grid-info {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    text-align: center;
}
.info {
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    border-radius: 5px;
    padding: 15px;
}
.info-dialog{
    background: rgba(42,92,187, 0.5);
    background-position: center center;
    border-radius: 15px;
    text-align: center;
    color: #FFFFFF;
    width: 60%;
    padding: 15px;
    font-weight: 300;
    font-size: .8em;
}
.read-info{
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    margin-left: 10px;
}
.time {
    background: rgba(209,209,255, 0.2);
    margin: 10px;
    border-radius: 5px;
    padding: 15px;
}
.bg-time {
    background-image: url("/img/p6.jpg");
    background-size: cover;
    background-position: center center;
    margin: -15px -10px -15px 0;
    border-radius: 0 5px 5px 0;
}

.grid-register {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.grid-calc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
#info-calc, #info-calc1{
    font-size: .7em;
    color: #444444;
}
.span-col-2{
    grid-column: span 2 / auto;
}

.span-row-3{
    grid-row: span 3 / auto;
}
.span-col-4{
    grid-column: span 4 / auto;
}
.span-col-3{
    grid-column: span 3 / auto;
}
.bg-register{
    background-image: url("/img/p5.jpg");
    background-size: cover;
    background-position: center center;
    margin: -10px;
    border-radius: 5px;
}
.bg-calc{
    background-image: url("/img/calc.jpg");
    background-size: cover;
    background-position: center center;
    margin: -10px;
    border-radius: 5px;
}
.size{
    font-size: .9em;
}
.header nav{
    color: #f8f9fa;
    background: rgba(248,248,248, 0.9);
}
.info-line {
    color: #2A5CBB;
}
.list {
    display: flex;
    margin-left: 20px;
}
.list-check{
    background-image: url("/img/check.svg");
    background-size: cover;
    width: 30px;
    height: 25px;
}
.list-text {
    margin-left: 10px;
}
.how-it{
    background: rgba(209,209,255, 0.08);
    border-radius: 5px;
    text-align: center;
    margin: 20px 10px 10px 10px;
    padding: 10px;
}
.price{
    background: rgba(209,209,255, 0.08);
    border-radius: 5px;
    text-align: center;
    margin: 20px 10px 10px 10px;
    padding: 10px;
}
.grid-multiply {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.multiply{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 400;
    font-size: .9em;
}
.hr{
    display: flex;
    padding: 10px;
    justify-content: center;
}
/* SVG */
.with-us {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMTQuMTAxLDQyLjMxNGMtMS44NywwLTMuNjI4LTAuNzI5LTQuOTUtMi4wNTFMNy43MzYsMzguODVjLTIuNzI5LTIuNzI5LTIuNzI5LTcuMTcxLDAtOS44OTlsOS4xOTItOS4xOTIgICAgIGMxLjMyMi0xLjMyMiwzLjA4LTIuMDUxLDQuOTUtMi4wNTFzMy42MjgsMC43MjksNC45NDksMi4wNTFsMS40MTQsMS40MTRjMC4zOTEsMC4zOTEsMC4zOTEsMS4wMjMsMCwxLjQxNHMtMS4wMjMsMC4zOTEtMS40MTQsMCAgICAgbC0xLjQxNC0xLjQxNGMtMC45NDQtMC45NDQtMi4yLTEuNDY1LTMuNTM1LTEuNDY1Yy0xLjMzNiwwLTIuNTkyLDAuNTIxLTMuNTM2LDEuNDY1TDkuMTUsMzAuMzY0ICAgICBjLTEuOTQ5LDEuOTQ5LTEuOTQ5LDUuMTIxLDAsNy4wNzFsMS40MTQsMS40MTRjMC45NDQsMC45NDQsMi4yLDEuNDY1LDMuNTM2LDEuNDY1YzEuMzM1LDAsMi41OTEtMC41MjEsMy41MzUtMS40NjVMMjQsMzIuNDg1ICAgICBjMC4zOTEtMC4zOTEsMS4wMjMtMC4zOTEsMS40MTQsMHMwLjM5MSwxLjAyMywwLDEuNDE0bC02LjM2NCw2LjM2NEMxNy43MjksNDEuNTg2LDE1Ljk3MSw0Mi4zMTQsMTQuMTAxLDQyLjMxNHoiLz48L2c+PGc+PHBhdGggZD0iTTI2LjEyMSwzMC4yOTNjLTEuODY5LDAtMy42MjgtMC43MjktNC45NDktMi4wNTFjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRzMS4wMjMtMC4zOTEsMS40MTQsMCAgICAgYzAuOTQ0LDAuOTQ0LDIuMiwxLjQ2NSwzLjUzNSwxLjQ2NWMxLjMzNiwwLDIuNTkyLTAuNTIxLDMuNTM2LTEuNDY1bDkuMTkyLTkuMTkyYzEuOTQ5LTEuOTQ5LDEuOTQ5LTUuMTIxLDAtNy4wN0wzNy40MzYsOS4xNSAgICAgYy0xLjk0OS0xLjk0OS01LjEyMi0xLjk0OS03LjA3MSwwTDI0LDE1LjUxNWMtMC4zOTEsMC4zOTEtMS4wMjMsMC4zOTEtMS40MTQsMHMtMC4zOTEtMS4wMjMsMC0xLjQxNGw2LjM2NC02LjM2NCAgICAgYzIuNzI5LTIuNzI5LDcuMTctMi43MjksOS44OTksMGwxLjQxNCwxLjQxNWMyLjcyOSwyLjcyOSwyLjcyOSw3LjE3LDAsOS44OThsLTkuMTkyLDkuMTkyICAgICBDMjkuNzUsMjkuNTY0LDI3Ljk5MSwzMC4yOTMsMjYuMTIxLDMwLjI5M3oiLz48L2c+PC9nPjwvZz48L3N2Zz4=');
}
.line {
    width: 120px;
    height: 2px;
    background: #2A5CBB;
    margin: 9px;
}
.star {
    background-image: url("/img/star.svg");
    width: 18px;
    height: 18px;


}
.rating {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMjQsNDhDMTAuNzY3LDQ4LDAsMzcuMjMzLDAsMjRTMTAuNzY3LDAsMjQsMHMyNCwxMC43NjcsMjQsMjRTMzcuMjMzLDQ4LDI0LDQ4eiBNMjQsMkMxMS44NjksMiwyLDExLjg2OSwyLDI0ICAgICBzOS44NjksMjIsMjIsMjJzMjItOS44NjksMjItMjJTMzYuMTMxLDIsMjQsMnoiLz48L2c+PGc+PHBhdGggZD0iTTI0LDI4Yy0yLjIwNiwwLTQtMS43OTQtNC00czEuNzk0LTQsNC00czQsMS43OTQsNCw0UzI2LjIwNiwyOCwyNCwyOHogTTI0LDIyYy0xLjEwMywwLTIsMC44OTctMiwyczAuODk3LDIsMiwyICAgICBzMi0wLjg5NywyLTJTMjUuMTAzLDIyLDI0LDIyeiIvPjwvZz48Zz48cGF0aCBkPSJNMjYuMTIyLDIyLjg3OWMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGw5Ljg5OS05Ljg5OSAgICAgYzAuMzkxLTAuMzkxLDEuMDIzLTAuMzkxLDEuNDE0LDBzMC4zOTEsMS4wMjMsMCwxLjQxNGwtOS44OTksOS44OTlDMjYuNjMzLDIyLjc4MSwyNi4zNzcsMjIuODc5LDI2LjEyMiwyMi44Nzl6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik05LDI1SDVjLTAuNTUyLDAtMS0wLjQ0Ny0xLTFzMC40NDgtMSwxLTFoNGMwLjU1MiwwLDEsMC40NDcsMSwxUzkuNTUyLDI1LDksMjV6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik02LjQ0NywzMi4yNzFjLTAuMzkzLDAtMC43NjUtMC4yMzItMC45MjQtMC42MTdjLTAuMjExLTAuNTExLDAuMDMxLTEuMDk2LDAuNTQyLTEuMzA3bDMuNjk2LTEuNTMgICAgIGMwLjUwOS0wLjIxMywxLjA5NSwwLjAzLDEuMzA2LDAuNTQxYzAuMjExLDAuNTExLTAuMDMxLDEuMDk2LTAuNTQyLDEuMzA3bC0zLjY5NiwxLjUzQzYuNzA0LDMyLjI0Niw2LjU3NCwzMi4yNzEsNi40NDcsMzIuMjcxeiIvPjwvZz48Zz48cGF0aCBkPSJNNDEuNTUyLDMyLjI3MWMtMC4xMjcsMC0wLjI1Ny0wLjAyNC0wLjM4Mi0wLjA3NmwtMy42OTUtMS41MzFjLTAuNTEtMC4yMTItMC43NTItMC43OTctMC41NDEtMS4zMDcgICAgIGMwLjIxMS0wLjUxMSwwLjc5Ny0wLjc1NCwxLjMwNy0wLjU0MWwzLjY5NSwxLjUzMWMwLjUxLDAuMjEyLDAuNzUyLDAuNzk3LDAuNTQxLDEuMzA3ICAgICBDNDIuMzE2LDMyLjAzOSw0MS45NDQsMzIuMjcxLDQxLjU1MiwzMi4yNzF6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00Mi45OTksMjUuMDAxTDQyLjk5OSwyNS4wMDFsLTQtMC4wMDFjLTAuNTUyLDAtMS0wLjQ0OC0xLTFjMC0wLjU1MywwLjQ0OC0xLDEtMWwwLDBsNCwwLjAwMWMwLjU1MywwLDEsMC40NDgsMSwxICAgICBDNDMuOTk5LDI0LjU1NCw0My41NTEsMjUuMDAxLDQyLjk5OSwyNS4wMDF6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0zNy44NTgsMTkuMjZjLTAuMzkzLDAtMC43NjUtMC4yMzItMC45MjQtMC42MTdjLTAuMjExLTAuNTExLDAuMDMxLTEuMDk2LDAuNTQyLTEuMzA3bDMuNjk1LTEuNTI5ICAgICBjMC41MDktMC4yMTEsMS4wOTUsMC4wMzEsMS4zMDYsMC41NDFjMC4yMTEsMC41MTEtMC4wMzEsMS4wOTYtMC41NDIsMS4zMDdsLTMuNjk1LDEuNTI5ICAgICBDMzguMTE1LDE5LjIzNSwzNy45ODYsMTkuMjYsMzcuODU4LDE5LjI2eiIvPjwvZz48Zz48cGF0aCBkPSJNMjkuNzQsMTEuMTQyYy0wLjEyNywwLTAuMjU3LTAuMDI0LTAuMzgyLTAuMDc2Yy0wLjUxLTAuMjEyLTAuNzUyLTAuNzk3LTAuNTQxLTEuMzA3bDEuNTMxLTMuNjk0ICAgICBjMC4yMTEtMC41MSwwLjc5Ni0wLjc1MiwxLjMwNy0wLjU0MWMwLjUxLDAuMjEyLDAuNzUyLDAuNzk3LDAuNTQxLDEuMzA3bC0xLjUzMSwzLjY5NEMzMC41MDQsMTAuOTA5LDMwLjEzMiwxMS4xNDIsMjkuNzQsMTEuMTQyICAgICB6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0yNCwxMEwyNCwxMGMtMC41NTMsMC0xLTAuNDQ4LTEtMWwwLjAwMS0zLjk5OWMwLTAuNTUzLDAuNDQ4LTEsMS0xbDAsMGMwLjU1MywwLDEsMC40NDgsMSwxTDI1LDkgICAgIEMyNSw5LjU1MywyNC41NTIsMTAsMjQsMTB6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xOC4yNiwxMS4xNDJjLTAuMzkzLDAtMC43NjUtMC4yMzItMC45MjQtMC42MTdsLTEuNTI5LTMuNjk1Yy0wLjIxMS0wLjUxMSwwLjAzMS0xLjA5NiwwLjU0Mi0xLjMwNyAgICAgYzAuNTEtMC4yMTIsMS4wOTYsMC4wMzEsMS4zMDYsMC41NDFsMS41MjksMy42OTVjMC4yMTEsMC41MTEtMC4wMzEsMS4wOTYtMC41NDIsMS4zMDdDMTguNTE3LDExLjExNywxOC4zODgsMTEuMTQyLDE4LjI2LDExLjE0MiAgICAgeiIvPjwvZz48Zz48cGF0aCBkPSJNMTMuMzk0LDE0LjM5NGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwOC0wLjI5M2wtMi44MjctMi44MjljLTAuMzktMC4zOTEtMC4zOS0xLjAyNCwwLTEuNDE0ICAgICBjMC4zOTEtMC4zOTEsMS4wMjQtMC4zOTEsMS40MTUsMGwyLjgyNywyLjgyOWMwLjM5LDAuMzkxLDAuMzksMS4wMjQsMCwxLjQxNEMxMy45MDUsMTQuMjk2LDEzLjY0OSwxNC4zOTQsMTMuMzk0LDE0LjM5NHoiLz48L2c+PGc+PHBhdGggZD0iTTEwLjE0MiwxOS4yNmMtMC4xMjcsMC0wLjI1Ny0wLjAyNC0wLjM4My0wLjA3NmwtMy42OTUtMS41MzJjLTAuNTEtMC4yMTItMC43NTItMC43OTctMC41NDEtMS4zMDcgICAgIHMwLjc5NS0wLjc1MywxLjMwNy0wLjU0MWwzLjY5NSwxLjUzMmMwLjUxLDAuMjEyLDAuNzUyLDAuNzk3LDAuNTQxLDEuMzA3QzEwLjkwNiwxOS4wMjcsMTAuNTM0LDE5LjI2LDEwLjE0MiwxOS4yNnoiLz48L2c+PGc+PHBhdGggZD0iTTMzLDQwSDE1Yy0wLjU1MiwwLTEtMC40NDctMS0xdi02YzAtMC41NTMsMC40NDgtMSwxLTFoMThjMC41NTIsMCwxLDAuNDQ3LDEsMXY2QzM0LDM5LjU1MywzMy41NTIsNDAsMzMsNDB6IE0xNiwzOGgxNiAgICAgdi00SDE2VjM4eiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
}
.support {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMTEuMDAzLDQ2TDExLjAwMyw0NmMtMS4yMTcsMC0yLjQtMC4yMzktMy41MTctMC43MTJjLTAuMzA3LTAuMTMtMC41MjgtMC40MDMtMC41OTItMC43MjlzMC4wMzktMC42NjMsMC4yNzQtMC44OTggICAgIGwzLjUzNS0zLjUzNHYtMi44MjlINy44NzVMNC4zNCw0MC44MzJjLTAuMjM1LDAuMjM1LTAuNTcsMC4zNC0wLjg5OCwwLjI3NGMtMC4zMjYtMC4wNjMtMC42LTAuMjg1LTAuNzI5LTAuNTkyICAgICBjLTEuNDM3LTMuMzk2LTAuNjgzLTcuMjcxLDEuOTItOS44NzRjMS42OTctMS42OTgsMy45NTUtMi42MzMsNi4zNTctMi42MzNjMC45ODcsMCwxLjk1MiwwLjE1NywyLjg3NiwwLjQ2OWwxNC42MDMtMTQuNjAzICAgICBjLTEuMDkyLTMuMjMzLTAuMjc4LTYuNzkzLDIuMTYzLTkuMjM0YzEuNjk4LTEuNjk3LDMuOTU2LTIuNjMyLDYuMzU4LTIuNjMyYzEuMjE3LDAsMi40LDAuMjM5LDMuNTE3LDAuNzEyICAgICBjMC4zMDcsMC4xMywwLjUyOCwwLjQwMywwLjU5MiwwLjcyOXMtMC4wMzksMC42NjMtMC4yNzQsMC44OThMMzcuMjksNy44ODJ2Mi44MjloMi44MjlsMy41MzQtMy41MzUgICAgIGMwLjIzNS0wLjIzNSwwLjU2OC0wLjM0LDAuODk4LTAuMjc0YzAuMzI2LDAuMDYzLDAuNiwwLjI4NSwwLjcyOSwwLjU5MmMxLjQzNywzLjM5NiwwLjY4Myw3LjI3MS0xLjkyLDkuODc0ICAgICBDNDEuNjYzLDE5LjA2NSwzOS40MDUsMjAsMzcuMDAzLDIwYy0wLjk4NywwLTEuOTUyLTAuMTU3LTIuODc2LTAuNDY5TDE5LjUyNCwzNC4xMzRjMS4wOTIsMy4yMzMsMC4yNzcsNi43OTMtMi4xNjQsOS4yMzQgICAgIEMxNS42NjMsNDUuMDY1LDEzLjQwNSw0NiwxMS4wMDMsNDZ6IE05Ljc2Niw0My44OTJDMTAuMTcxLDQzLjk2NCwxMC41ODQsNDQsMTEuMDAzLDQ0YzEuODY4LDAsMy42MjMtMC43MjcsNC45NDMtMi4wNDYgICAgIGMyLjAyNS0yLjAyNCwyLjYxMS01LjA0LDEuNDkzLTcuNjgxYy0wLjE1OS0wLjM3NS0wLjA3NC0wLjgwOSwwLjIxNC0xLjA5N0wzMy4xNjksMTcuNjZjMC4yODktMC4yODgsMC43MjQtMC4zNzQsMS4wOTctMC4yMTQgICAgIEMzNS4xMzUsMTcuODEzLDM2LjA1NiwxOCwzNy4wMDMsMThjMS44NjgsMCwzLjYyMy0wLjcyNyw0Ljk0My0yLjA0N2MxLjY0OS0xLjY0OSwyLjM0NC0zLjk1NiwxLjk0LTYuMTgzbC0yLjY0NywyLjY0NyAgICAgYy0wLjE4OCwwLjE4OC0wLjQ0MiwwLjI5My0wLjcwNywwLjI5M0gzNi4yOWMtMC41NTIsMC0xLTAuNDQ3LTEtMVY3LjQ2OGMwLTAuMjY2LDAuMTA1LTAuNTIsMC4yOTMtMC43MDdsMi42NDYtMi42NDUgICAgIGMtMC40MDYtMC4wNzItMC44MTktMC4xMDgtMS4yMzgtMC4xMDhjLTEuODY4LDAtMy42MjQsMC43MjctNC45NDQsMi4wNDZjLTIuMDI0LDIuMDI1LTIuNjEsNS4wNC0xLjQ5Miw3LjY4MSAgICAgYzAuMTU5LDAuMzc1LDAuMDc0LDAuODA5LTAuMjE0LDEuMDk3TDE0LjgyNCwzMC4zNDhjLTAuMjg4LDAuMjg4LTAuNzIzLDAuMzczLTEuMDk3LDAuMjE0Yy0wLjg2OS0wLjM2Ny0xLjc5LTAuNTU0LTIuNzM3LTAuNTU0ICAgICBjLTEuODY4LDAtMy42MjQsMC43MjctNC45NDMsMi4wNDdjLTEuNjQ5LDEuNjQ5LTIuMzQ0LDMuOTU2LTEuOTQsNi4xODNsMi42NDctMi42NDdjMC4xODgtMC4xODgsMC40NDItMC4yOTMsMC43MDctMC4yOTNoNC4yNDMgICAgIGMwLjU1MiwwLDEsMC40NDcsMSwxdjQuMjQzYzAsMC4yNjYtMC4xMDUsMC41Mi0wLjI5MywwLjcwN0w5Ljc2Niw0My44OTJ6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00Miw0NmMtMS4wNjgsMC0yLjA3My0wLjQxNi0yLjgyOS0xLjE3MmwtOS4xOTItOS4xOTNjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRsNC4yNDItNC4yNDIgICAgIGMwLjM5MS0wLjM5MSwxLjAyMy0wLjM5MSwxLjQxNCwwbDkuMTkzLDkuMTkzQzQ1LjU4NCwzOS45MjcsNDYsNDAuOTMyLDQ2LDQyYzAsMS4wNjktMC40MTcsMi4wNzQtMS4xNzIsMi44MjkgICAgIEM0NC4wNzMsNDUuNTg0LDQzLjA2OSw0Niw0Miw0NnogTTMyLjEwMSwzNC45MjhsOC40ODUsOC40ODZjMC43NTUsMC43NTUsMi4wNzIsMC43NTYsMi44MjgsMEM0My43OTIsNDMuMDM2LDQ0LDQyLjUzNCw0NCw0MiAgICAgcy0wLjIwOC0xLjAzNy0wLjU4NS0xLjQxNEwzNC45MjksMzIuMUwzMi4xMDEsMzQuOTI4eiIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTUuNzc2IC02LjUzNSkiIHdpZHRoPSIxNi4xMzciIHg9IjcuNzA4IiB5PSIxNC43NzYiLz48L2c+PGc+PHBhdGggZD0iTTI4LjU2NCwzOC4wNWMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGw4LjQ4NS04LjQ4NSAgICAgYzAuMzkxLTAuMzkxLDEuMDIzLTAuMzkxLDEuNDE0LDBzMC4zOTEsMS4wMjMsMCwxLjQxNGwtOC40ODUsOC40ODVDMjkuMDc2LDM3Ljk1MiwyOC44MiwzOC4wNSwyOC41NjQsMzguMDV6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik04LjY1NywxMi40ODVjLTAuMjU2LDAtMC41MTItMC4wOTgtMC43MDctMC4yOTNMMi4yOTMsNi41MzVDMi4xMDUsNi4zNDgsMiw2LjA5NCwyLDUuODI4czAuMTA1LTAuNTIsMC4yOTMtMC43MDcgICAgIGwyLjgyOC0yLjgyOGMwLjM5MS0wLjM5MSwxLjAyMy0wLjM5MSwxLjQxNCwwbDUuNjU3LDUuNjU3YzAuMTg4LDAuMTg4LDAuMjkzLDAuNDQxLDAuMjkzLDAuNzA3cy0wLjEwNSwwLjUyLTAuMjkzLDAuNzA3ICAgICBsLTIuODI4LDIuODI4QzkuMTY5LDEyLjM4OCw4LjkxMywxMi40ODUsOC42NTcsMTIuNDg1eiBNNC40MTQsNS44MjhsNC4yNDMsNC4yNDNsMS40MTQtMS40MTRMNS44MjgsNC40MTRMNC40MTQsNS44Mjh6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyOS4zOTU1IC0xMi4xNzU2KSIgd2lkdGg9IjEwLjM4MSIgeD0iMjQuMjA0IiB5PSIyOC4zOTQiLz48L2c+PC9nPjwvZz48L3N2Zz4=');
}
.review {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNNSw0NGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGwyNi44NzEtMjYuODdjMC4zOTEtMC4zOTEsMS4wMjMtMC4zOTEsMS40MTQsMCAgICAgczAuMzkxLDEuMDIzLDAsMS40MTRMNS43MDcsNDMuNzA3QzUuNTEyLDQzLjkwMiw1LjI1Niw0NCw1LDQ0eiIvPjwvZz48Zz48cGF0aCBkPSJNMzEuNjEzLDMuNjU4bDQuODUzLDQuODUzbDYuNzg5LTMuNTg4bC0zLjU5LDYuNzg5bDQuNjc0LDQuNjc0bC02LjE4LTEuNDVsLTMuMzkzLDcuMjc1bC0wLjk3Ny03LjgyMWwtNy44MjItMC45NzggICAgIGw3LjI3My0zLjM5NkwzMS42MTMsMy42NTggTTMxLjYxMywxLjk1OGMtMC4yODgsMC0wLjU3OCwwLjA3My0wLjg0MSwwLjIyM2MtMC42NjUsMC4zNzktMC45OTUsMS4xNTctMC44MDUsMS44OTlsMS4yNzksNC45OTEgICAgIGwtNS45OTYsMi43OTljLTAuNjg2LDAuMzItMS4wNzgsMS4wNTctMC45NiwxLjgwNWMwLjExOCwwLjc0OCwwLjcxNywxLjMyOCwxLjQ2OCwxLjQyMmw2LjUxLDAuODE0bDAuODEzLDYuNTA5ICAgICBjMC4wOTQsMC43NTIsMC42NzQsMS4zNTEsMS40MjMsMS40NjljMC4wODksMC4wMTQsMC4xNzcsMC4wMjEsMC4yNjUsMC4wMjFjMC42NTIsMCwxLjI1OC0wLjM3NiwxLjU0LTAuOTgybDIuODA5LTYuMDIyICAgICBsNC44MzUsMS4xMzVjMC4xMywwLjAzLDAuMjYsMC4wNDUsMC4zODksMC4wNDVjMC42MDcsMCwxLjE4LTAuMzI2LDEuNDg1LTAuODczYzAuMzY5LTAuNjY0LDAuMjU0LTEuNDkyLTAuMjgzLTIuMDI5ICAgICBsLTMuNzg2LTMuNzg2bDMuMDAzLTUuNjhjMC4zNDktMC42NTksMC4yMjctMS40NjktMC4zMDEtMS45OTdjLTAuMzI3LTAuMzI3LTAuNzYyLTAuNDk4LTEuMjAzLTAuNDk4ICAgICBjLTAuMjcsMC0wLjU0MywwLjA2NC0wLjc5NCwwLjE5N2wtNS42OCwzLjAwMmwtMy45NjYtMy45NjZDMzIuNDg4LDIuMTI5LDMyLjA1MywxLjk1OCwzMS42MTMsMS45NThMMzEuNjEzLDEuOTU4eiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
}
.up-price {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMjAsMjhjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJzMi0wLjg5NiwyLTJTMjEuMTA0LDI4LDIwLDI4TDIwLDI4eiIvPjwvZz48Zz48Zz48cGF0aCBkPSJNMjAsMjZjMi4yMDYsMCw0LDEuNzk0LDQsNHMtMS43OTQsNC00LDRzLTQtMS43OTQtNC00UzE3Ljc5NCwyNiwyMCwyNiBNMjAsMjRjLTMuMzE0LDAtNiwyLjY4Ny02LDYgICAgICBjMCwzLjMxNCwyLjY4Niw2LDYsNmMzLjMxMywwLDYtMi42ODYsNi02QzI2LDI2LjY4NiwyMy4zMTMsMjQsMjAsMjRMMjAsMjR6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBkPSJNMjAsMjBjNS41MTQsMCwxMCw0LjQ4NiwxMCwxMHMtNC40ODYsMTAtMTAsMTBzLTEwLTQuNDg2LTEwLTEwUzE0LjQ4NiwyMCwyMCwyMCBNMjAsMThjLTYuNjI3LDAtMTIsNS4zNzMtMTIsMTIgICAgICBzNS4zNzMsMTIsMTIsMTJzMTItNS4zNzMsMTItMTJTMjYuNjI3LDE4LDIwLDE4TDIwLDE4eiIvPjwvZz48L2c+PGc+PGc+PHBhdGggZD0iTTIwLDE0YzguODIyLDAsMTYsNy4xNzgsMTYsMTZzLTcuMTc4LDE2LTE2LDE2UzQsMzguODIyLDQsMzBTMTEuMTc4LDE0LDIwLDE0IE0yMCwxMmMtOS45NCwwLTE4LDguMDYtMTgsMTggICAgICBzOC4wNiwxOCwxOCwxOGM5Ljk0LDAsMTgtOC4wNiwxOC0xOFMyOS45NCwxMiwyMCwxMkwyMCwxMnoiLz48L2c+PC9nPjxnPjxyZWN0IGhlaWdodD0iMzEuMTEzIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDIyLjUxNDcgLTE2LjM1NTMpIiB3aWR0aD0iMiIgeD0iMzAiIHk9IjMuNDQ0Ii8+PC9nPjxnPjxnPjxwYXRoIGQ9Ik00MSw0LjkxMVY3djJoMmgyLjA4NGMtMS4zMSwyLjg5MS0zLjQ0Nyw2LjI0LTUuNjYsNi4yNGMtMC44OTksMC0xLjkxMi0wLjU1Ny0zLjAxLTEuNjU0ICAgICAgYy0xLjk3NS0xLjk3NS0xLjY4My0zLjE2NS0xLjU4Ny0zLjU1NkMzNS4zMTMsOC4wNDcsMzguMjY3LDYuMTQ2LDQxLDQuOTExIE00MywyYzAsMC0xNiw1LTgsMTNjMS42LDEuNiwzLjA4LDIuMjQsNC40MjQsMi4yNCAgICAgIEM0NC44LDE3LjI0LDQ4LDcsNDgsN2gtNVYyTDQzLDJ6Ii8+PC9nPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjciIHdpZHRoPSIyIiB4PSIzNyIgeT0iNSIvPjwvZz48Zz48cGF0aCBkPSJNMyw0OGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGw0LjI3Mi00LjI3MmMwLjM5MS0wLjM5MSwxLjAyMy0wLjM5MSwxLjQxNCwwICAgICBzMC4zOTEsMS4wMjMsMCwxLjQxNGwtNC4yNzIsNC4yNzJDMy41MTIsNDcuOTAyLDMuMjU2LDQ4LDMsNDh6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0zNyw0OGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2wtNC4yNzMtNC4yNzNjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRzMS4wMjMtMC4zOTEsMS40MTQsMCAgICAgbDQuMjczLDQuMjczYzAuMzkxLDAuMzkxLDAuMzkxLDEuMDIzLDAsMS40MTRDMzcuNTEyLDQ3LjkwMiwzNy4yNTYsNDgsMzcsNDh6Ii8+PC9nPjwvZz48L2c+PC9zdmc+');
}
.review-up {
    display: inline-block;
    width: 48px;
    height: 48px;
    filter: invert(46%) sepia(87%) saturate(2444%) hue-rotate(358deg) brightness(98%) contrast(111%);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMzIsMjhjLTAuMTI5LDAtMC4yNTktMC4wMjQtMC4zODMtMC4wNzZDMzEuMjQzLDI3Ljc3LDMxLDI3LjQwNCwzMSwyN3YtN2gtM2MtMC41NTMsMC0xLTAuNDQ3LTEtMXMwLjQ0Ny0xLDEtMWg0ICAgICBjMC41NTMsMCwxLDAuNDQ3LDEsMXY1LjU4Nmw2LjI5My02LjI5M0MzOS40OCwxOC4xMDUsMzkuNzM0LDE4LDQwLDE4aDZWMkgxOHY3YzAsMC41NTMtMC40NDcsMS0xLDFzLTEtMC40NDctMS0xVjEgICAgIGMwLTAuNTUzLDAuNDQ3LTEsMS0xaDMwYzAuNTUzLDAsMSwwLjQ0NywxLDF2MThjMCwwLjU1My0wLjQ0NywxLTEsMWgtNi41ODZsLTcuNzA3LDcuNzA3QzMyLjUxNiwyNy44OTgsMzIuMjYsMjgsMzIsMjh6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0zMiw0OEgwdi0zLjk3OGMwLTIuNDE4LDEuNTMtNC41ODksMy44MDktNS40MDJsNy4yNDQtMi41ODh2LTMuNTloMnY1TDQuNDgsNDAuNTAzQzIuOTk3LDQxLjAzMywyLDQyLjQ0NywyLDQ0LjAyMlY0NiAgICAgaDI4di0xLjk3OGMwLTEuNTc1LTAuOTk2LTIuOTg5LTIuNDc5LTMuNTJsLTguNTczLTMuMDYxVjMyLjE3aDJ2My44NjJsNy4yNDYsMi41ODhDMzAuNDcxLDM5LjQzNCwzMiw0MS42MDQsMzIsNDQuMDIyVjQ4eiIvPjwvZz48Zz48cGF0aCBkPSJNMTUuODAzLDM0LjU3OWMtNC45MDQsMC04Ljg5NS00LjY5OS04Ljg5NS0xMC40NzVjMC01Ljc3NCwzLjk5LTEwLjQ3Myw4Ljg5NS0xMC40NzNzOC44OTUsNC42OTgsOC44OTUsMTAuNDczICAgICBDMjQuNjk3LDI5Ljg4LDIwLjcwNywzNC41NzksMTUuODAzLDM0LjU3OXogTTE1LjgwMywxNS42MzJjLTMuODAyLDAtNi44OTUsMy44MDEtNi44OTUsOC40NzNjMCw0LjY3MywzLjA5Myw4LjQ3NSw2Ljg5NSw4LjQ3NSAgICAgczYuODk1LTMuODAyLDYuODk1LTguNDc1QzIyLjY5NywxOS40MzMsMTkuNjA0LDE1LjYzMiwxNS44MDMsMTUuNjMyeiIvPjwvZz48Zz48cGF0aCBkPSJNMjEuNTc1LDI0LjQ1M2MtMS44NzgsMC0zLjM3LTAuNzk3LTQuNjM4LTIuNDc1Yy0xLjQxNCwxLjM2My0zLjc0MiwyLjMzNy01Ljg3MSwyLjMzN2MtMS4yOTQsMC0yLjQxMy0wLjI3LTMuNTIxLTAuODUgICAgIGwwLjkyOC0xLjc3MWMwLjgyMSwwLjQzLDEuNjIxLDAuNjIxLDIuNTkzLDAuNjIxYzEuOTYyLDAsNC4zNzMtMS4xOTYsNS4wNTktMi41MWwwLjg0Ny0xLjYyMmwwLjkwOCwxLjU4OSAgICAgYzEuMzExLDIuMjk2LDIuNjI2LDIuOTg2LDQuODM5LDIuNTYyYzAuMjIxLTAuMDQyLDAuNDIzLTAuMDQ0LDAuNjE5LTAuMDQ0YzAuMDY3LDAsMC4xMzUsMC4wMDQsMC4yMDgtMC4wMDVsMC4yNDIsMS45ODQgICAgIGMtMC4xNjMsMC4wMjEtMC4zMTQsMC4wMjItMC40NjksMC4wMjFjLTAuMDctMC4wMDMtMC4xNDYtMC4wMDctMC4yMjUsMC4wMDhDMjIuNTYyLDI0LjQsMjIuMDU2LDI0LjQ1MywyMS41NzUsMjQuNDUzeiIvPjwvZz48Zz48cGF0aCBkPSJNMzcsMTBjLTAuNTUzLDAtMSwwLjQ0OC0xLDFjMCwwLjU1MiwwLjQ0NywxLDEsMWMwLjU1MywwLDEtMC40NDgsMS0xQzM4LDEwLjQ0OCwzNy41NTMsMTAsMzcsMTBMMzcsMTB6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0zMiwxMGMtMC41NTMsMC0xLDAuNDQ4LTEsMWMwLDAuNTUyLDAuNDQ3LDEsMSwxYzAuNTUzLDAsMS0wLjQ0OCwxLTFDMzMsMTAuNDQ4LDMyLjU1MywxMCwzMiwxMEwzMiwxMHoiLz48L2c+PGc+PHBhdGggZD0iTTI3LDEwYy0wLjU1MywwLTEsMC40NDgtMSwxYzAsMC41NTIsMC40NDcsMSwxLDFjMC41NTMsMCwxLTAuNDQ4LDEtMUMyOCwxMC40NDgsMjcuNTUzLDEwLDI3LDEwTDI3LDEweiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
}
.grid-price {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: -10px;
}
.active-price{
    background: rgba(42,92,187, 0.7) !important;
    color: #f8f9fa;
}
.active-multiply{
    background: rgba(42,92,187, 0.7) !important;
    color: #f8f9fa;
}
.price-1{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: .9em;
    text-align: center;
    font-weight: 300;
}
.price-2{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: .9em;
    text-align: center;
    font-weight: 300;
}
.price-3{
    background: rgba(209,209,255, 0.2);
    margin: 20px 10px 10px 10px;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: .9em;
    text-align: center;
}
.price-title {
    margin: -10px 0px -15px 10px;
    font-size: 0.9em;
    font-weight: 400;
}
.font-500{
    font-weight: 500;
}
.swipe{
    max-width: 33%;
}
.sum{
    font-weight: 500;
    font-size: 1.2em;
    text-align: right;
    color: #444444;
}
.sum-1{
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    color: #444444;
}
.choose-price{
    border: #3498EB solid 1px;
    -webkit-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    background: #3498EB;
    font-weight: 500;
    cursor: pointer;
    color: #ffffff!important;
}
.choose-price:hover{
    border: #3498EB solid 1px;
    cursor: pointer;
    color: #444444!important;
    background: #FFFFFF;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.background-how-bottom{
    background-position: center bottom;
    background-repeat: no-repeat;
}
.background-how-top{
    background-position: center top;
    background-repeat: no-repeat;
}
.background-how-center{

    background-repeat: no-repeat;
}
.hotel-img{
    background-image: url("/img/how/hotel.svg");
}
.reputation-img{
    background-image: url("/img/how/reputation.svg");
}
.events-img{
    background-image: url("/img/how/events.svg");
}
.channel-img{
    background-image: url("/img/how/channel.svg");
}
.calendar-img{
    background-image: url("/img/how/calendar.svg");
}
.rate-shop-img{
    background-image: url("/img/how/rateshop.svg");
}
.rms-img{
    background-image: url("/img/how/rms.svg");
}
.grid-how-to {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 33% 130px 33%;
    grid-gap: 10px;
    max-width: 800px;
    width: 100%;
    height: 70vh;
}
.middle{
    max-width: 800px;
    margin: auto;
    padding: 10px;
    position: relative;
}
@-webkit-keyframes swing
{
    25%
    {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    50%
    {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    75%
    {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    100%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing
{
    25%
    {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    50%
    {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    75%
    {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    100%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.motion {
    cursor: pointer;
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
}
.rms-img:hover, .reputation-img:hover, .hotel-img:hover, .events-img:hover, .rate-shop-img:hover, .channel-img:hover, .calendar-img:hover
{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    cursor: pointer;
}

.dialog{
    margin: 10px;
    border-radius: 5px;
    background: rgba(209,209,255,.2);
    height: 10vh;
    text-align: center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    font-weight: 400;
    font-size: .9em;
    color: #444444;
}
.no-show{
    display: none;
    margin: 5px;
}
.fadeIn {
    display: block;
    animation: fade-In 2s ease;
    -webkit-animation: fade-In 2s ease;
}
@keyframes fade-In {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fade-In {
    0% {opacity:0;}
    100% {opacity:1;}
}
/* Mobile */
@media handheld, only screen and (max-width: 800px) {
    .purchase-button {
        display: none;
    }
    .first-img {
        width: 80%;
    }
    .height-box {

    }
    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .text-in-box{
        padding-top: 10px;
    }
    .text-in-box div {
        font-size: 1em;
    }
    .sales{
        height: 360px;
    }
    .quality{
        height: 360px;
    }
    .report{
        height: 360px;
    }
    .sales h1{
        font-size: 1.3em;
        font-weight: 500;
    }
    .quality h1{
        font-size: 1.3em;
        font-weight: 500;
    }
    .report h1{
        font-size: 1.3em;
        font-weight: 500;
    }
    .position{
        bottom: 0;
        left: 0;
        top: unset;
        padding: 15px;
        background: rgba(42,92,187, 0.5);
        border-radius: 0 5px 0 5px;
    }
    .position h1{
        margin-left: 0px;
    }
    .position h3{
        margin-left: 0px;
        color: #444444;
    }
    .position p{
        margin-left: 0px;
    }
    .font-desc{
        font-weight: 100;
        font-size: 0.8em;
    }
    .grid-info {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }
    .grid-register{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    .grid-calc{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    .bg-register{
        height: 300px;
    }
    .grid-calc{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    .bg-calc{
        height: 300px;
    }
    .bg-time {
        height: 300px;
        margin: -15px -10px -15px 0;
        border-radius: 0 0 5px 5px;
    }
    .list {
        margin-left: 30px;
    }
    .margin-top-100 {
        margin-top: 90px;
    }
    .flex-height{
        display: block;
    }
    .height-box{
        width: unset;
    }
    .grid-how-to {
        max-width: unset;
        width: 95vw;
        height: 70vh;
    }
    .info-dialog {
        font-size: .75em;
        width: 80%;
    }
    .partners-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
.center-blocks{
    display: block;
    margin-left: auto;
    margin-right: auto
}
@media handheld, only screen and (max-width: 450px) {
    .grid-how-to {
        margin-top: -50px;
        margin-bottom: -50px;
    }
}