/*==========  Mobile First Method  ==========*/



/* Extra Small Devices, Phones */

@media only screen and (min-width: 576px) {



}



/* Small devices */

@media only screen and (min-width: 768px) {

    .catalog__block{

        padding-bottom: 80px;

    }

    .catalog__btn-wrap{

        position: absolute;

        bottom: 20px;

        left: 0;

    }

    .footer__soc-wrap{

        justify-content: center;

    }

    .footer__soc-wrap h4{

        text-align: center;

    }

    .footer__copy{

        justify-content: center;

    }

    .calc-wrap__osagoform_cartype .cartype{

        width: calc((100% - 40px) / 3);

    }

    .calc-wrap__osagoform_dod{

        flex-direction: row;

        align-items: flex-start;

        justify-content: center;

    }

    .osagoform_dod__img{

        align-items: flex-end;

        height: 52px;

    }



}



/* Medium devices */

@media only screen and (min-width: 992px) {

    :root{

        --hNav: 150px;

    }

    html,

    body{

        font-size: 16px;

    }

    h1{

        font-size: 48px;

    }

    h2{

        font-size: 34px;

    }







    .navbar .navbar-top__wrap{

        padding-top: 20px;

        padding-bottom: 22px;

    }

    .navbar .navbar-bottom__wrap{

        padding: 4px 0;

        background: rgba(33, 143, 227, 0.42);

    }

    .navbar .nav-item__line{

        display: none;

    }

    .navbar .nav-item__email{

        display: none;

    }

    .navbar .navbar-nav{

        width: 100%;

        padding: 0;

        gap: 20px;

        margin-left: -12px;

        margin-right: -12px;

    }

    .navbar .navbar-nav__wrap{

        width: 100%;

    }

    .navbar .nav-link{

        margin: 7px 12px;

        padding: 5px 0 !important;

        color: #fff !important;

        border-bottom: 1px solid transparent;

        transition: .5s all;

    }

    .navbar .nav-link:hover{

        border-bottom: 1px solid #fff;

    }

    .navbar .nav-link.dropdown-toggle{

        font-size: 20px;

        font-weight: 600;

    }

    .navbar .dropdown-menu{

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        border-radius: 0;

        background: #fff;

        margin: 4px 0 0;

        width: 100%;

        border: 1px solid #EDEEF4;

        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);

    }

    .navbar .dropdown-item{

        background: transparent !important;

        color: #153146; !important;

    }

    .navbar .dropdown-item:hover{

        color: #229FFF !important;

    }

    .navbar .dropdown-toggle::after{

        width: 24px;

        height: 24px;

        background: url('/design/img/nav__arrow.svg') center center no-repeat;

        border: 0;

        position: relative;

        top: 10px;

        transition: .5s all;

    }

    .navbar .dropdown-toggle[aria-expanded="true"]::after{

        transform: rotateX(180deg);

    }

    .navbar-mail{

        display: block;

        color: #fff;

        font-size: 20px;

        font-weight: 600;

        padding-left: 34px;

        background: url('/design/img/icon-mail--white.svg') center left no-repeat;



    }



    .s-general{

        padding-top: calc(var(--hNav) + 84px);

    }

    .s-general__img{

        max-width: unset;

        width: 250%;

        margin-left: -150%;

    }

    .s-general__h1{

        margin-bottom: 30px;

        text-align: left;

        max-width: 650px;

    }

    .s-general__text{

        margin-bottom: 30px;

        text-align: left;

        max-width: 500px;

    }

    .s-general__btn-wrap{

        justify-content: flex-start;

    }

    .s-partners{

        padding-top: 54px;

    }

    .s-partners__right{

        margin-bottom: 44px;

    }

    .footer{

        padding-top: 40px;

    }



    .page-why__block{

        display: grid;

        grid-template-columns: 50px 1fr;

        gap: 0 20px;

        margin-bottom: 20px;



    }

    .page__blue-text{

        font-size: 24px;

    }

    .page-why__block-img{

        grid-row: 1 / 3;    

    }

    .page-why__block-title{

        text-align: left;

    }

    .page-why__block-text{

        text-align: left;

    }



    .s-calculator{

        padding-top: calc(var(--hNav) + 24px);

    }

    .s-calculator__h3{

        max-width: unset;

        text-align: left;

        margin-left: unset;

    }

    .s-calculator__list{

        max-width: unset;

        gap: 10px 15px;

        margin-left: unset;

    }

    .s-calculator__btn-wrap{

        justify-content: flex-start;

        padding-bottom: 40px;

    }



    .calc-wrap__osagoform_cartype .cartype{

        width: calc((100% - 80px) / 5);

    }

    .osagoform_dod{

        width: calc((100% - 40px) / 5);

    }

    .osagoform_dod__text{

        height: 75px;

    }

    .osagoform_dod3{

        height: 50px;

    }

    .calculator-block__result{

        flex-direction: row;

        justify-content: space-between;

    }

    .calculator-block__result-info{

        grid-template-columns: 1fr;

        gap: 15px;

        width: auto;

        text-align: center;

    }

    .calculator-heading__list-icon-info{

        left: -65px;

        text-align: center;

        padding: 5px;

    }

    .calculator-heading__list-icon-info::after{

        left: 0;

        right: 0;

    }

    .calculator-heading__title{

       

    }


	.calculator-heading__title li{
			
		width: 16.666%;
		
		margin-left: 25%;
		margin-bottom: 0;
	}

	.calculator-heading__title li:first-child{
		width: 25%;
		margin: 0;
	}

	.calculator-heading__title li:last-child{	
		margin: 0;
	}
	
	.calculator-heading__title li:last-child{	
		margin: 0;
	}

    .calculator-heading__list{

        max-width: 100%;

        grid-template-columns: 7fr 4fr 2fr;

        gap: 40px;

        border-bottom: 0;

        padding: 15px 30px;

    }



    .calculator-heading__list-img{

        display: flex;

        gap: 20px;

        flex-wrap: nowrap;

        align-self: center;

        align-items: center;

        justify-content: space-between;

    }

    .calculator-heading__list-icons{

        min-height: auto;

        gap: 5px 15px;

        width: 260px;

        margin-right: 30px;

    }

    .calculator-heading__list-img{

        justify-content: space-between;

    }

    .calculator-heading__list-price{

        flex-direction: row-reverse;

        align-items: center;



    }

    .calculator-heading__list-more{

        margin-right: 18px;

    }

    .calculator-heading__list-price .text{

        display: none;

    }

    .calculator-heading__list-price .price{

        width: 100px;

    }



    .calculator-heading__title-pc{

        display: grid;

        max-width: 100%;

        grid-template-columns: 7fr 4fr 2fr;

        gap: 40px;

        border-bottom: 0;

        padding: 15px 30px;

    }

    .calculator-heading__title-name2{

        display: flex;

        justify-content: space-between;

    }

    .calculator-heading__title-name2 > div{

        min-width: 100px;

    }

    .calculator-heading__title-link{

        font-size: 18px;

        display: inline-block;

        color: #333232;

        text-transform: uppercase;

        padding-right: 20px;

        background: url('/design/img/sort.svg') right center no-repeat;

    }

    .calculator-heading__more{

        max-width: unset;

    }

    .calculator-heading__more{

        width: calc(100% - 60px);

    }

    .calculator-block__final{

        max-width: 100%;

    }

    .calculator-block__final-table{

        flex-direction: row;

        justify-content: space-between;

    }

    .calculator-block__final-list{

        gap: 0px;

        flex-direction: column;

    }

    .calculator-block__final-bottom{

        margin-top: 25px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .calculator-block__final-list2{

        align-items: center;

    }

    .calculator-block__final-img{

        margin-bottom: 28px;

    }

    .calculator-block__oplata{

        margin-bottom: 30px;



    }





























}



/* Large devices */

@media only screen and (min-width: 1200px) {

    .calculator-start__step:before{

        width: 27px;

        height: 10px;

        position: absolute;

        right: 0;

        top: calc(50% - 5px);

        content: '';

        background: url('/design/img/calculator-start__arrow.svg') center center no-repeat;

    }

    .calculator-start__step.active:before{

        background: url('/design/img/calculator-start__arrow-active.svg') center center no-repeat;

    }

    .calculator-start__step.calculator-start__step--last:before{

        display: none;

    }

    .calculator-heading__list-icons{

        margin-right: 60px;

        gap: 5px 25px;

    }







}





/* My large devices  */

@media (min-width: 1400px) {

    .s-general{

        padding-top: calc(var(--hNav) + 16px);

    }

    .s-general__h1{

        margin-top: 112px;

    }



}













/* Extra large devices */

@media only screen and (max-width: 1399.98px) {





}



/* Large devices */

@media only screen and (max-width: 1199.98px) {





}



/* Medium devices */

@media only screen and (max-width: 991.98px) {


    .navbar .navbar-nav__wrap{

        height: calc(100vh - var(--hNav));

        display: flex;

        justify-content: center;

    }

    .navbar .navbar-bottom__wrap{

        overflow-y: auto;

        background: #fff;

        position: relative;

        z-index: 999;

    }

    .navbar .dropdown-menu{

        display: block !important;

        border: 0;

        text-align: center;

        padding: 0;

    }

    .navbar .nav-link{

        margin: 10px 0;

        text-align: center;

        padding: 0;

    }

    .navbar .dropdown-toggle{

        font-size: 20px;

        color: #333232;

        font-weight: 600;

        margin: 40px 0 30px;

        cursor: unset;

        pointer-events: none;

    }

    .navbar .dropdown-toggle:after{

        display: none;

        cursor: none;

    }

    .navbar .dropdown-item{

        margin: 10px 0;

        background: #fff !important;

        color: #333232 !important;

    }

    .navbar .nav-item__email .nav-link{

        color: #229FFF;

        font-size: 20px;

        font-weight: 600;

        padding-left: 34px;

        background: url('/design/img/icon-mail.svg') center left no-repeat;

    }

    .s-general__h1{

        margin-left: auto;

        margin-right: auto;

    }

    .s-general__text{

        margin-left: auto;

        margin-right: auto;

    }

    .calculator-start__step.active{

        margin-bottom: 30px;

    }


	.calculator-heading__title li a{	
		width: 100%;
		display: inline-block;
	}

	.calculator-start {
		display: none;
	}
}



/* Small devices */

@media only screen and (max-width: 767.98px) {







}



/* Extra small devices */

@media only screen and (max-width: 575.98px) {





}



@media only screen and (max-width: 374.98px) {





}