.html-adaptive{
    font-size: 16px;
}
body{
    font-family: 'Assistant', sans-serif;
    background: rgba(38, 50, 56, 0.09);
    font-size: 14px;
}
img{
    max-width: 100%;
}

.getstarted-page{
    padding-top: 100px;
    padding-bottom: 30px;
}

.getstarted-page .container, .getstarted-details-page .container{
    margin: 0 auto;
    width: auto;
    max-width: 1728px;
    padding: 0 20px;
    box-sizing: border-box;
}
.choose_types{
    margin: 0 -20px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
}
.choose_types li{
    flex: 1 1 25%;
    padding: 0 20px;
    box-sizing: border-box;
    width: 25%;
    display: flex;
    flex-direction: column;
}

.projecttype-container{
    background: #FFFFFF;
    border-radius: 20px !important;
    padding: 30px 15px 40px;
    text-decoration: none;
    color: #435c65;
    border-top: 0 solid transparent;
    transition: all 0.3s;
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.projecttype-container:active, .projecttype-container:focus{
    text-decoration: none;
    color: #435c65;
    outline: none;
}
.projecttype-container:hover{
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15);
    transform: translateY(10px);
    text-decoration: none;
    color: #435c65;
}
.projecttype-container.orange-type:hover{
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15), 0 -10px 0 #FFA744;
}
.projecttype-container.red-type:hover{
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15), 0 -10px 0 #DE473C;
}
.projecttype-container.blue-type:hover{
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15), 0 -10px 0 #1CA8D9;
}
.projecttype-container.green-type:hover{
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15), 0 -10px 0 #2EAA4E;
}

.projecttype-icon{
    height: 60px;
    margin-bottom: 17px;
}
.projecttype-icon img{
    height: 100%;
}
.projecttype-title{
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    color: #263238;
}
.projecttype-title span, .projecttype-title strong{
    display: inline-block;
}
.projecttype-title strong+span:before, .projecttype-title span+strong:before{
    content: ' - ';
}

.projecttype-subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 17px;
}
.projecttype-descr {
    padding: 18px 15px 0;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    flex: 1 1 auto;
}
.projecttype-descr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 35px;
    height: 5px;
    background: url("data:image/svg+xml,%3Csvg width='35' height='5' viewBox='0 0 35 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H5V5H0V0ZM15 0H20V5H15V0ZM35 0H30V5H35V0Z' fill='%23435C65'/%3E%3C/svg%3E%0A") no-repeat 50% / contain;
}
.projecttype-buttons{
    padding: 0 23px;
    margin-top: 24px;
}
.projecttype-buttons .btn{
    height: 41px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(38, 50, 56, 0.3);
    border-radius: 20px !important;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 40px;
}
.projecttype-container.blue-type .projecttype-title span,
.projecttype-container.blue-type .projecttype-title strong{
    display: inline;
}
.projecttype-container.orange-type .projecttype-buttons .btn{
    background-color: #FFA744;
}
.projecttype-container.red-type .projecttype-buttons .btn{
    background-color: #DE473C;
}
.projecttype-container.blue-type .projecttype-buttons .btn{
    background-color: #1CA8D9;
}
.projecttype-container.green-type .projecttype-buttons .btn{
    background-color: #2EAA4E;
}

.getstarted-page-heading, .getstarted-page-subheading{
    display: none;
    text-align: center;
}
.getstarted-page-heading{
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #263238;
}
.getstarted-page-heading strong{
    color: #1CA8D9;
}
.getstarted-page-subheading{
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #435C65;
    margin-bottom: 25px;
}
.getstarted-heading{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin-bottom: 61px;
}
.getstarted-heading-ico{
    height: 60px;
}
getstarted-heading-ico img{
    height: 100%;
    width: auto;
}
.getstarted-heading-ico + .getstarted-heading-inn{
    margin-left: 30px;
}
[dir="rtl"] .getstarted-heading-ico + .getstarted-heading-inn{
    margin-left: 0;
    margin-right: 30px;
}

.getstarted-heading .projecttype-title{
    font-weight: 700;
    font-size: 32px;
    line-height: 21px;
    margin-bottom: 10px;
}
.getstarted-heading .projecttype-title strong{
    font-weight: 700;
}
.getstarted-heading .projecttype-subtitle{
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
    margin: 0;
}
.getstarted-heading.color-blue .projecttype-title span,
.getstarted-heading.color-blue .projecttype-title strong{
    display: inline;
}


.project-content{
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15);
    border-radius: 20px !important;
    padding: 50px 70px 60px;
    max-width: 687px;
    box-sizing: border-box;

    font-size: 18px;
    line-height: 24px;
    color: #435C65;
}
.project-content .getstarted-heading{
    display: none;
}
.btn-action{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 59px;
    padding: 10px 35px;
    box-sizing: border-box;
    background: #8a8a8a;
    box-shadow: 0 6px 12px rgba(38, 50, 56, 0.3);
    border-radius: 30px !important;
    font-weight: bold;
    font-size: 24px;
    line-height: 39px;
    color: #ffffff;
}
.btn-action:after{
    content: '';
    width: 9px;
    height: 14px;
    margin-left: 19px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.355L3.43725 7L9 1.645L7.28745 0L0 7L7.28745 14L9 12.355Z' fill='white'/%3E%3C/svg%3E");
    transform: scale(-1);
}
[dir="rtl"] .btn-action:after{
    margin-left: 0;
    margin-right: 19px;
    transform: none;
}
.btn-action2{
    height: 36px;
    width: auto;
    display: inline-flex;
    border-radius: 18px !important;
    padding: 9px 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(38, 50, 56, 0.3);
}
.btn-action2:before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2.1375C10.305 2.1375 11.3625 3.195 11.3625 4.5C11.3625 5.805 10.305 6.8625 9 6.8625C7.695 6.8625 6.6375 5.805 6.6375 4.5C6.6375 3.195 7.695 2.1375 9 2.1375ZM9 12.2625C12.3413 12.2625 15.8625 13.905 15.8625 14.625V15.8625H2.1375V14.625C2.1375 13.905 5.65875 12.2625 9 12.2625ZM9 0C6.51375 0 4.5 2.01375 4.5 4.5C4.5 6.98625 6.51375 9 9 9C11.4862 9 13.5 6.98625 13.5 4.5C13.5 2.01375 11.4862 0 9 0ZM9 10.125C5.99625 10.125 0 11.6325 0 14.625V18H18V14.625C18 11.6325 12.0037 10.125 9 10.125Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% / contain;
}
[dir="rtl"] .btn-action2:before{
    margin-right: 0;
    margin-left: 9px;
}
.btn-action:hover, .btn-action:active, .btn-action:focus,
.btn-action2:hover, .btn-action2:active, .btn-action2:focus {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

.modal-body .project-content{
    margin-bottom: 30px;
}



.project-header{
    margin-bottom: 43px;
}
.project-title{
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #263238;
}
.centered{
    text-align: center;
}
.project-content ul{
    margin: 0 0 38px;
    padding: 0;
    list-style: none;
}
.project-content ul>li{
    position: relative;
    padding-left: 1.667em;
    margin-bottom: 0.889em;
}
.project-content ul>li:before{
    content: '';
    position: absolute;
    top: 0.38em;
    left: 0.18em;
    width: 16px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L0 6L6 12L16 2L14 0L6 8L2 4Z' /%3E%3C/svg%3E%0A") no-repeat 50% / contain;
}
[dir="rtl"] .project-content ul>li{
    padding-left: 0;
    padding-right: 1.667em;
}
[dir="rtl"] .project-content ul>li:before{
    left: auto;
    right: 0.18em;
}


.project-content+.project-content{
    margin-top: 30px;
}
.project-footer{
    margin-top: 30px;
    padding-top: 28px;
    border-top: 1px solid #D0D6D8;
}
.project-content hr.project-hr{
    border-color: #D0D6D8;
    margin: 30px 0;
}
.project-footer-title{
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #435C65;
}
.project-price-wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.project-footer .project-price-wrap{
    margin-bottom: 30px;
}
.project-price{
    display: flex;
    align-items: center;
}
.project-price-label{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
}
.label-short{
    width: 94px;
}

.project-price-val{
    font-weight: bold;
    font-size: 54px;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.project-price-val .price{
    font-weight: bold;
    font-size: 1em;
    line-height: 1;
    margin: 0 5px;
}
.project-price-val.deg_3{
    font-size: 43px;
}
.project-price-val.deg_4{
    font-size: 36px;
}
.project-price-val .curr{
    font-size: 0.6667em;
}
.project-tip{
    font-size: 18px;
    line-height: 22px;
    color: #435C65;
    position: relative;
    padding-right: 29px;
    display: inline-block;
    min-height: 20px;
}
.tip-no-label{
    margin-top: 14px;
}
.tooltip-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.47768 0 0 4.47768 0 10C0 15.5223 4.47768 20 10 20C15.5223 20 20 15.5223 20 10C20 4.47768 15.5223 0 10 0ZM10 15.8036C9.5067 15.8036 9.10714 15.404 9.10714 14.9107C9.10714 14.4174 9.5067 14.0179 10 14.0179C10.4933 14.0179 10.8929 14.4174 10.8929 14.9107C10.8929 15.404 10.4933 15.8036 10 15.8036ZM11.404 10.904C11.2019 10.9821 11.0279 11.1192 10.9049 11.2976C10.7819 11.476 10.7154 11.6873 10.7143 11.904V12.4107C10.7143 12.5089 10.6339 12.5893 10.5357 12.5893H9.46429C9.36607 12.5893 9.28571 12.5089 9.28571 12.4107V11.9308C9.28571 11.4152 9.43527 10.9062 9.72991 10.4821C10.0179 10.067 10.4196 9.75 10.8929 9.5692C11.6518 9.27679 12.1429 8.64062 12.1429 7.94643C12.1429 6.96205 11.1808 6.16071 10 6.16071C8.8192 6.16071 7.85714 6.96205 7.85714 7.94643V8.11607C7.85714 8.21429 7.77679 8.29464 7.67857 8.29464H6.60714C6.50893 8.29464 6.42857 8.21429 6.42857 8.11607V7.94643C6.42857 7.0692 6.8125 6.25 7.50893 5.64063C8.17857 5.05357 9.0625 4.73214 10 4.73214C10.9375 4.73214 11.8214 5.0558 12.4911 5.64063C13.1875 6.25 13.5714 7.0692 13.5714 7.94643C13.5714 9.23661 12.721 10.3973 11.404 10.904Z' fill='%23435C65'/%3E%3C/svg%3E") no-repeat 50% / contain;
}
.project-tip .tooltip-icon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
[dir="rtl"] .project-tip{
    padding-right: 0;
    padding-left: 29px;
}
[dir="rtl"] .project-tip .tooltip-icon{
    right: auto;
    left: 0;
}

.project-benefit{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 35px;
}

.project-benefit-descr p{
    margin: 0;
}
.project-benefit-title{
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 4px;
}



.project-content.color-blue .btn-action, 
.project-content.color-blue .btn-action2{
    background: #1CA8D9;
}
.project-content.color-red .btn-action, 
.project-content.color-red .btn-action2{
    background: #DE473C;
}
.project-content.color-green .btn-action, 
.project-content.color-green .btn-action2{
    background: #2EAA4E;
}
.project-content.color-orange .btn-action, 
.project-content.color-orange .btn-action2{
    background: #FFA744;
}
.project-content.color-blue ul>li:before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L0 6L6 12L16 2L14 0L6 8L2 4Z' fill='%231CA8D9'/%3E%3C/svg%3E");
}
.project-content.color-orange ul>li:before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L0 6L6 12L16 2L14 0L6 8L2 4Z' fill='%23FFA744'/%3E%3C/svg%3E%0A");
}
.project-content.color-red ul>li:before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L0 6L6 12L16 2L14 0L6 8L2 4Z' fill='%23DE473C'/%3E%3C/svg%3E%0A");
}
.project-content.color-green ul>li:before{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L0 6L6 12L16 2L14 0L6 8L2 4Z' fill='%232EAA4E'/%3E%3C/svg%3E%0A");
}
.project-content.color-blue .project-price-val,
.project-content.color-blue .project-price-label,
.project-content.color-blue .project-benefit-title,
.project-content.fix-crm.color-blue .project-title,
.project-content.color-blue .project-rules span{
    color: #1CA8D9;
}
.project-content.color-red .project-price-val,
.project-content.color-red .project-price-label,
.project-content.color-red .project-benefit-title,
.project-content.fix-crm.color-red .project-title,
.project-content.color-red .project-rules span{
    color: #DE473C;
}
.project-content.color-green .project-price-val,
.project-content.color-green .project-price-label,
.project-content.color-green .project-benefit-title,
.project-content.fix-crm.color-green .project-title,
.project-content.color-green .project-rules span{
    color: #2EAA4E;
}
.project-content.color-orange .project-price-val,
.project-content.color-orange .project-price-label,
.project-content.color-orange .project-benefit-title,
.project-content.fix-crm.color-orange .project-title,
.project-content.color-orange .project-rules span{
    color: #FFA744;
}

.fixed-banner {
    position: fixed;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 150;
    display: none;
}
.fixed-banner img{
    width: 105px;
    display: block;
    margin: 0 auto 5px;
}
.fixed-banner a{
    width: 151px;
    height: 151px;
    padding: 15px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 4px 4px 20px rgba(38, 50, 56, 0.25);
    border-radius: 50%;
    color: #263238;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.fixed-banner a:hover,
.fixed-banner a:focus,
.fixed-banner a:active{
    text-decoration: none;
    outline: none;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 8px 0 !important;
}
.tooltip-content{
    display: none;
}
/*
.ui-tooltip
.ui-tooltip-content
*/
.tooltip-inner, .ui-tooltip {
    max-width: 400px;
    padding: 18px 25px 22px;
    color: #fff;
    border-radius: 4px;
    background: #435C65;
    font-size: 18px;
    line-height: 22px;
    text-align: inherit;
    box-shadow: none;
    border: none;
}
.tooltip .tooltip-inner::before{
    display: none !important;
}
.tooltip .tooltip-arrow, .ui-tooltip:after{
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-width: 8px 7px 0;
    border-top-color: #435C65;
}
.ui-tooltip:after{
    top: 100%;
    right: 32px;
}
[dir="rtl"] .ui-tooltip:after{
    right: auto;
    left: 32px;
}
.project-rules {
    font-size: 21px;
    line-height: 28px;
    position: relative;
    margin-bottom: 25px;
}
.project-rules .tooltip-icon{
    margin-left: 6px;
}
[dir="rtl"] .project-rules .tooltip-icon{
    margin-left: 0;
    margin-right: 6px;
}
.project-price-wrap + .project-rules{
    margin-top: -11px;
}

.dash-list{
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dash-list li{
    display: inline-block;
    padding: 0 !important;
}
.dash-list li:after{
    display: inline;
    position: static;
    content: ' / ';
}
.dash-list li:before{
    display: none;
}
.dash-list li:last-child:after{
    display: none;
}



.project-content hr{
    padding: 0;
    height: 0;
    clear: both;
    width: 100%;
    border-top: 1px solid #D0D6D8;
    border-bottom: none;
    margin: 25px 0;
}



.project-action{
    text-align: center;
}
.project-action p{
    margin: 0;
}
.project-action .btn{
    margin-top: 20px;
}

.project-content.fix-crm{
    padding-top: 30px;
    padding-bottom: 45px;
}

.project-content.fix-crm ul{
    margin-bottom: 25px;
}
.project-users{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 23px 0;
}

.project-content.color-green ul+.project-users{
    margin-top: -18px;
}

.project-users + .project-footer{
    margin-top: 30px;
}
.project-users-label{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.project-users-counter{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 10px;
}
.project-users-counter input{
    background: none;
    border: none;
    padding: 15px 0;
    font-weight: 600;
    font-size: 25px;
    line-height: 28px;
    text-align: center;
    width: 29px;
    color: #435c65;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    order: 2;
    outline: none;
}
.project-users-counter input[type=number]::-webkit-inner-spin-button,
.project-users-counter input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.project-users-counter button{
    width: 60px;
    height: 58px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.project-users-counter .quantity-up{
    background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0H5V5H1.19209e-07L0 8H5V13H8V8H13V5H8V0Z' fill='%23435C65'/%3E%3C/svg%3E%0A") no-repeat 50% / 13px 13px;
}
.project-users-counter .quantity-down{
    order: 3;
    background: url("data:image/svg+xml,%3Csvg width='13' height='3' viewBox='0 0 13 3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.55671e-07V3L0 3L1.1365e-07 0L13 6.55671e-07Z' fill='%23435C65'/%3E%3C/svg%3E%0A") no-repeat 50% / 13px 3px;
}

.project-descr{
    display: none;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
.modal-dialog-centered .modal-content{
    flex: 1 1 auto;
}
@media (min-width: 576px){
    .modal-dialog-centered {
        min-height: calc(100% - 62px);
    }
}
.modal-register .modal-dialog{
    max-width: 620px;
}
.modal-register .modal-content{
    border: none;
    background: #F5F5F5;
    box-shadow: 0 0 50px rgba(38, 50, 56, 0.15);
    border-radius: 14px;
}
.modal-register .modal-header{
    padding: 15px 15px 13px;
    display: flex;
    flex-direction: row-reverse;
    border: none;
    background: none;
}
.modal-register .modal-header .close{
    margin: 0;
    padding: 10px;
    border: none;
    background: none;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    color: transparent;
    opacity: 1;
}
.modal-register .modal-header .close span{
    display: none;
}
.modal-register .modal-header .close:before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 2.41714L21.5829 0L12 9.58286L2.41714 0L0 2.41714L9.58286 12L0 21.5829L2.41714 24L12 14.4171L21.5829 24L24 21.5829L14.4171 12L24 2.41714Z' fill='%23263238'/%3E%3C/svg%3E%0A") no-repeat 50% / contain;
}
.modal-register .modal-body{
    padding: 0 60px 79px;
}
.modal-register-title{
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    color: #263238;
}
.modal-register-title strong{
    color: #1CA8D9;
}
.modal-register-subtitle{
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 39px;
    color: #435C65;
}
.modal-register form{
    margin: 0;
}
.modal-register input::-webkit-outer-spin-button,
.modal-register input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.modal-register input[type=number] {
    -moz-appearance: textfield;
}
.modal-register .btn {
    width: 100%;
    margin-top: 5px;
}
.tabs-wrapper{
    padding-bottom: 30px;
}
.tabs-wrapper .tab{
    display: none;
}
.tabs-wrapper .tab.active{
    display: block;
}

.choosecompany-page{
    padding: 30px 0;
    box-sizing: border-box;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
@media (min-width: 992px){
    .choosecompany-page{
        padding-top: 87px;
    }
}

.choosecompany-page .container{
    padding: 0 30px;
    margin: 0 auto;
    width: 100%;
    max-width: 904px;
    box-sizing: border-box;
}
.choosecompany-title{
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    color: #263238;
    margin-bottom: 133px;
}
.choosecompany-form .choosecompany-title{
    margin-bottom: 73px;
}
.choosecompany-wrap{
    display: flex;
    flex-direction: row;
    margin: 0 -30px;
}
.company-card{
    padding: 0 30px;
    flex: 0 0 50%;
    box-sizing: border-box;
}
.company-card-link{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #263238;
    background: #ffffff;
    border-radius: 20px;
    padding: 50px;
    position: relative;
    transition: all 0.3s;
}
.company-card-link:hover, .company-card-link:focus, .company-card-link:active{
    text-decoration: none;
    color: #263238;
}
.company-card-link:hover{
    transform: translateY(10px);
    box-shadow: 20px 20px 50px rgba(38, 50, 56, 0.15), 0 -10px 0 #1CA8D9;
}
.company-card-ico{
    margin-bottom: 6px;
    height: 83px;
}
.company-card-button{
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    line-height: 21px;
    height: 41px;
    padding: 10px 25px;
    text-align: center;
    background: #1CA8D9;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(38, 50, 56, 0.3);
    border-radius: 20px !important;
}
.company-card-title{
    margin-bottom: 39px;
}
.ico-agency{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89 47'%3E%3Cpath d='M74 20.3c-4.1 0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4-3.3 7.4-7.4 7.4zm0-11.1c-2.2 0-3.7 1.5-3.7 3.7s1.5 3.7 3.7 3.7 3.7-1.5 3.7-3.7-1.5-3.7-3.7-3.7zm13 29.6c-1.1 0-1.8-.7-1.8-1.9v-3.7c0-3-2.6-5.6-5.6-5.6H68.5c-1.1 0-1.8-.7-1.8-1.9s.7-1.9 1.8-1.9h11.1c5.2 0 9.2 4.1 9.2 9.3V37c0 1.1-.7 1.8-1.8 1.8zM14.8 20.3c-4.1 0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4-3.3 7.4-7.4 7.4zm0-11.1c-2.2 0-3.7 1.5-3.7 3.7s1.5 3.7 3.7 3.7 3.7-1.5 3.7-3.7-1.5-3.7-3.7-3.7zm-13 29.6C.7 38.8 0 38.1 0 37v-3.7C0 28.1 4.1 24 9.2 24h11.1c1.1 0 1.9.7 1.9 1.9s-.7 1.9-1.9 1.9H9.2c-3 0-5.5 2.6-5.5 5.6V37c0 1.1-.7 1.8-1.9 1.8zm42.6-16.6c-6.3 0-11.1-4.8-11.1-11.1S38.1 0 44.4 0s11.1 4.8 11.1 11.1-4.8 11.1-11.1 11.1zm0-18.5C40.3 3.7 37 7 37 11.1s3.3 7.4 7.4 7.4 7.4-3.3 7.4-7.4-3.3-7.4-7.4-7.4zm18.5 42.5c-1.1 0-1.8-.7-1.8-1.8V37c0-3-2.6-5.5-5.5-5.5H33.3c-3 0-5.6 2.6-5.6 5.5v7.4c0 1.1-.7 1.8-1.8 1.8s-1.9-.7-1.9-1.8V37c0-5.2 4.1-9.2 9.2-9.2h22.2c5.2 0 9.2 4.1 9.2 9.2v7.4c.2 1.1-.6 1.8-1.7 1.8z' fill='%231ca8d9'/%3E%3C/svg%3E") no-repeat 50% / 89px 46px;
}
.ico-company{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83 83' fill-rule='evenodd' fill='%231ca8d9'%3E%3Cpath d='M41.5 17.3c-1 0-1.7-.7-1.7-1.7v-5.1c-15.9.9-28.5 13.4-29.4 29.3h5.1c1 0 1.7.7 1.7 1.7s-.7 1.7-1.7 1.7h-5.1c.9 15.9 13.4 28.5 29.4 29.3v-5.1c0-1 .7-1.7 1.7-1.7s1.7.7 1.7 1.7v5.1c15.9-.9 28.5-13.4 29.3-29.3h-5.1c-1 0-1.7-.7-1.7-1.7s.7-1.7 1.7-1.7h5.1c-.9-15.9-13.4-28.5-29.3-29.3v5.1c0 1-.7 1.7-1.7 1.7zM7 43.2c.8 17.7 15.1 32 32.8 32.8v5.2c0 1 .7 1.7 1.7 1.7s1.7-.7 1.7-1.7V76c17.7-.8 32-15.1 32.8-32.8h5.2c1 0 1.7-.7 1.7-1.7s-.7-1.7-1.7-1.7H76C75.2 22.1 60.9 7.8 43.2 7V1.7c0-1-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7V7C22.1 7.8 7.8 22.1 7 39.8H1.7c-1 0-1.7.7-1.7 1.7s.7 1.7 1.7 1.7H7zm27.6-12.1c0 3.8 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9-3.1-6.9-6.9-6.9-6.9 3.1-6.9 6.9zm3.4 0c0-2.1 1.4-3.5 3.5-3.5S45 29 45 31.1s-1.4 3.5-3.5 3.5-3.5-1.4-3.5-3.5zm13.9 22.5c0 1 .7 1.7 1.7 1.7s1.7-.7 1.7-1.7v-3.5c0-4.8-3.8-8.6-8.6-8.6H36.3c-4.8 0-8.6 3.8-8.6 8.6v3.5c0 1 .7 1.7 1.7 1.7s1.7-.7 1.7-1.7v-3.5c0-2.8 2.4-5.2 5.2-5.2h10.4c2.8 0 5.2 2.4 5.2 5.2v3.5z'/%3E%3C/svg%3E") no-repeat 50% / 83px 83px;
}

.choosecompany-form{
    margin: 0;
}
.choosecompany-form .form-group{
    margin-bottom: 30px;
}
.choosecompany-page .getstarted-content-container{
    max-width: 500px;
    margin: 0 auto;
}
.choosecompany-form .form-buttons{
    margin-bottom: 0;
}
.choosecompany-form .form-buttons .btn + .btn{
    margin-top: 30px;
}
.choosecompany-form .form-buttons .btn.backbutton{
    background: rgba(170, 170, 170, 0.3);
    color: #435C65;
    box-shadow: none;
}





@media (max-width: 1730px) and (min-width: 992px){
    .html-adaptive{
        font-size: 0.575vw;
    }
    .html-adaptive .getstarted-page{
        padding-top: 10rem;
    }
    .html-adaptive .getstarted-page .container{
        padding: 0 2rem;
    }
    .html-adaptive .choose_types{
        margin: 0 -2rem;
    }
    .html-adaptive .choose_types li{
        padding: 0 2rem;
    }
    .html-adaptive .projecttype-container {
        border-radius: 2rem !important;
        padding: 3rem 1.5rem 4rem;
    }
    .html-adaptive .projecttype-container:hover {
        box-shadow: 2rem 2rem 5rem rgba(38, 50, 56, 0.15);
        transform: translateY(1rem);
    }
    .html-adaptive .projecttype-container.blue-type:hover {
        box-shadow: 2rem 2rem 5rem rgba(38, 50, 56, 0.15), 0 -1rem 0 #1CA8D9;
    }
    .html-adaptive .projecttype-container.orange-type:hover {
        box-shadow: 2rem 2rem 5rem rgba(38, 50, 56, 0.15), 0 -1rem 0 #FFA744;
    }
    .html-adaptive .projecttype-container.red-type:hover {
        box-shadow: 2rem 2rem 5rem rgba(38, 50, 56, 0.15), 0 -1rem 0 #DE473C;
    }
    .html-adaptive .projecttype-container.green-type:hover {
        box-shadow: 2rem 2rem 5rem rgba(38, 50, 56, 0.15), 0 -1rem 0 #2EAA4E;
    }
    .html-adaptive .choose_types .projecttype-icon {
        height: 6rem;
        margin-bottom: 1.7rem;
    }
    .html-adaptive .choose_types .projecttype-title {
        font-size: 2.4rem;
        line-height: 2.6rem;
    }
    .html-adaptive .choose_types .projecttype-subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 1.7rem;
    }
    .html-adaptive .choose_types .projecttype-descr {
        padding: 1.8rem 1.5rem 0;
        font-size: 1.8rem;
        line-height: 3.0rem;
    }
    .html-adaptive .choose_types .projecttype-descr:before {
        width: 3.5rem;
        height: .5rem;
    }
    .html-adaptive .choose_types .projecttype-buttons {
        padding: 0 2.3rem;
        margin-top: 2.4rem;
    }
    .html-adaptive .choose_types .projecttype-buttons .btn {
        height: 4.1rem;
        box-shadow: 0 .4rem .8rem rgba(38, 50, 56, 0.3);
        border-radius: 2.0rem !important;
        font-size: 2.0rem;
        line-height: 2.8rem;
        padding: .5rem 4.0rem;
    }
    
    
}



@media (max-width: 991px) {
    .getstarted-page .container, 
    .getstarted-details-page .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .choose_types{
        flex-flow: row wrap;
        margin-left: -7px;
        margin-right: -7px;
    }
    .choose_types li{
        width: 50%;
        flex: 1 1 50%;
        margin-bottom: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }
    .projecttype-container{
        padding: 20px 13px;
        border-radius: 10px !important;
        box-shadow: 0 0 10px rgba(38, 50, 56, 0.15);
    }
    .projecttype-icon{
        height: 42px;
        margin-bottom: 12px;
    }
    .projecttype-title strong+span:before, 
    .projecttype-title span+strong:before,
    .projecttype-title strong+span:before, .projecttype-title span+strong:before
    {
        display: none;
    }
    .projecttype-title{
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .projecttype-title strong{
        font-weight: 800;
        font-size: 18px;
        line-height: 22px;
    }
    .projecttype-title span{
        order: 2;
    }
    
    .projecttype-subtitle{
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 24px;
    }
    .projecttype-descr{
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        color: transparent;
        padding: 0;
    }
    .projecttype-buttons{
        margin: 0;
        padding: 0 2px;
    }
    .projecttype-buttons .btn{
        height: 29px;
        font-weight: bold;
        font-size: 14px;
        padding: 5px 10px;
        line-height: 15px;
        border-radius: 15px !important;
        box-shadow: 0 4px 8px rgba(38, 50, 56, 0.3);
        min-width: 0;
    }
    .getstarted-page{
        padding-top: 20px;
    }
    .getstarted-page-heading, .getstarted-page-subheading{
        display: block;
    }
    .fixed-banner{
        right: auto;
        left: 12px;
    }
    .fixed-banner a{
        padding: 8px;
        width: 110px;
        height: 110px;
        border: 2px solid #AAAAAA;
        box-shadow: 0px 0px 30px rgba(38, 50, 56, 0.35);
        font-size: 15px;
        line-height: 16px;
    }
    .fixed-banner img{
        width: 76px;
        margin-bottom: 3px;
    }
    .getstarted-heading{
        display: none;
    }
    .project-content .getstarted-heading{
        display: block;
        margin-bottom: 22px;
    }
    .project-content{
        padding: 25px 20px 30px;
    }
    .project-content+.project-content{
        margin-top: 15px;
    }
    .getstarted-heading-ico{
        height: 53px;
        margin-bottom: 11px;
    }
    .getstarted-heading-ico img{
        height: 100%;
        width: auto;
    }
    .getstarted-heading-ico + .getstarted-heading-inn,
    [dir="rtl"] .getstarted-heading-ico + .getstarted-heading-inn{
        margin: 0;
    }
    .getstarted-heading .projecttype-title{
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
    }
    .getstarted-heading .projecttype-subtitle{
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
    }
    .btn-action{
        height: 40px;
        font-size: 18px;
        padding: 5px 25px;
        line-height: 30px;
        border-radius: 20px;
        width: calc(100% + 10px);
        margin: 0 -5px;
    }
    .btn-action:after{
        width: 7px;
        height: 11px;
        margin-left: 13px;
    }
    [dir="rtl"] .btn-action:after{
        margin-left: 0;
        margin-right: 13px;
    }
    .project-content{
        font-size: 16px;
        line-height: 21px;
    }
    .project-title{
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .project-header{
        margin-bottom: 23px;
    }
    .project-descr{
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 21px;
        padding: 23px 0 25px;
        border-bottom: 1px solid #D0D6D8;
        
    }
    
}
@media (max-width: 767px) {
    .projecttype-container.blue-type .projecttype-subtitle{
        display: none;
    }
    .projecttype-container.blue-type .projecttype-title{
        margin-bottom: 24px;
    }
    .project-footer-title{
        text-align: center;
        margin-bottom: 4px;
    }
    .project-price-wrap{
        flex: 1 1 100%;
        justify-content: flex-start;
        margin-top: 15px;
    }
    .project-footer .project-price-wrap{
        display: block;
        text-align: center;
        margin-top: 0;
    }
    .project-footer .project-price-wrap .project-price{
        display: block;
        margin-bottom: 18px;
    }
    .project-footer .project-price-wrap .project-price-val{
        justify-content: center;
    }
    
    .project-price-label{
        width: auto;
        font-size: 20px;
        line-height: 1;
    }
    .project-price-val,
    .project-price-val.deg_3,
    .project-price-val.deg_4{
        font-size: 48px;
        line-height: 1;
    }
    .project-price-val .curr{
        font-size: 30px;
    }
    .project-tip{
        font-size: 16px;
        line-height: 20px;
    }
    .project-benefit{
        padding: 21px 15px 31px;
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
    }
    .project-benefit-title{
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 2px;
    }
    .project-benefit .project-tip{
        margin-top: 13px;
    }
    .project-footer{
        margin-top: 24px;
        padding-top: 24px;
    }
    .project-users-counter input{
        padding: 5px 0;
        font-size: 20px;
        line-height: 27px;
        width: 28px;
    }
    .project-users-counter button{
        height: 37px;
        width: 35px;
    }
    .project-users-label{
        font-size: 16px;
    }
    .project-content hr.project-hr{
        margin: 24px 0;
    }
    .project-title + .project-users{
        margin-top: -7px;
    }
    .project-users{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 11px 0;
    }
    .project-users + .project-footer{
        margin-top: 20px;
    }
    .project-rules{
        font-size: 17px;
        line-height: 20px;
    }
    .project-rules br{
        display: none;
    }
    .modal-register .modal-dialog{
        max-width: 325px;
        margin: 0 auto;
    }
    .modal-register .modal-body{
        padding: 0 20px 60px;
    }
    .modal-register .modal-header{
        padding: 10px 10px 0;
        
    }
    .modal-register .modal-header .close{
        width: 40px;
        height: 40px;
    }
    .modal-register .modal-header .close:before{
        width: 20px;
        height: 20px;
    }
    .modal-register-title{
        font-size: 24px;
        line-height: 30px;
    }
    .modal-register-subtitle{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }
    .modal-register .btn{
        margin-top: 0;
    }
    .choosecompany-title{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .choosecompany-form .choosecompany-title{
        margin-bottom: 24px;
    }
    .choosecompany-page{
        height: auto;
        justify-content: flex-start;
        min-height: calc(100vh - 50px);
        padding-top: 70px;
        padding-bottom: 213px;
        background: #EEEFEF url(/Security/img/robot2.png) no-repeat 50% 100% / auto 193px;
    }
    .choosecompany-form .form-group{
        margin-bottom: 20px;
    }
    .choosecompany-form .form-buttons{
        margin-bottom: 0;
    }
    .choosecompany-form .form-buttons .btn + .btn{
        margin-top: 20px;
    }
    .choosecompany-wrap{
        margin: 0 -6px;
    }
    .company-card{
        padding: 0 6px;
    }
    .company-card-link{
        padding: 20px 15px;
        border-radius: 10px;
    }
    .company-card-ico{
        height: 47px;
        margin-bottom: 11px;
    }
    .ico-company{
        background-size: 47px 47px;
    }
    .ico-agency{
        background-size: 50px 26px;
    }
    .company-card-title{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .company-card-button{
        font-size: 14px;
        line-height: 19px;
        height: 29px;
        border-radius: 15px;
        padding: 5px 15px;
    }
    .tooltip-icon{
        position: relative;
    }
    .tooltip-icon:before{
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .tooltip .tooltip-arrow, 
    .ui-tooltip:after{
        display: none;
    }
    
}