/*Меню*/
#nav-toggle {position: relative; display: inline-block; width:35px; height:25px; margin-top: 22px; float: left;}
#nav-toggle span { position: absolute; left: 0; top: 10px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    position: absolute;
    display: block;
    content: '';
    height: 3px;
    width: 35px;
    background: #f5d800;
    border-radius: 1px;
    cursor: pointer;
}
.header_phone:hover{
    color: inherit!important;
    text-decoration: none!important;
}
button,
a,
input,
textarea,
span:focus
{
    outline: 0!important;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    transition: all 200ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}
.s-message{display:none}
/*Header*/
@media (min-width: 320px){
	.header_phone a:hover{
		color:inherit!important;
		text-decoration:none!important;
	}
    .modal-body .order_machine{
        margin: 0 auto;
        display: block;
    }
    .nav_mobile.active{
        left: 8%;
        top: 10%;
        display: block;
        background-color: #ffffff;
        position: absolute;
        transition: all 200ms ease-in-out;
    }
    #header_mobile .header_phone{
        display: grid;
    }
    #header_mobile .header_phone a:first-child{
        padding-top: 18px;
        padding-bottom: 15px;
    }
    #header_mobile .header_phone a:last-child{
        padding-bottom: 24px;
    }
    #header_mobile .logo a{
        font-size: 36px;
        color: #30302e;
        font-family:'Gilroy-Black';
        text-transform: uppercase;
    }
    #header_mobile .logo{
        display: block;
        margin: 0 auto;
        width: 166px;
        padding-top: 8px;
    }
    #header_mobile .logo a:active{
        text-decoration: none;
        color: #30302e;
    }
    #header_mobile {
        text-align: center;
    }
    .main_description h1{
        font-size: 27px;
        text-align: center;
        padding: 47px 0 90px 0;
    }
    .main_description_text a{
        padding-top: 11px;
        text-align: center;
        color: #262626;
        font-family: 'Gilroy-Semi-Bold';
    }
    .main_description_text a:hover{
        color: #262626;
        text-decoration: none;
    }
    .nav_mobile .nav{
        display: block;
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 14px;
    }
    .nav_bg{
        display: none;
    }
    .header_top{
        display: none;
    }
    .nav_mobile {
        margin-top: -1px;
        max-width: 260px;
        width: 100%;
        left: 0;
        z-index: 1;
        font-family: 'Gilroy-Semi-Bold';
    }
    .nav_mobile a{
        color: #2c2c2a;
    }
    .nav_mobile a:hover{
        color: #2c2c2a;
        text-decoration: none;
    }
    .header_phone a{
        font-family: 'Gilroy-Semi-Bold';
        font-size: 18px;
        color: #262626;
    }
    .link_hover:hover{
        color: #262626;
        text-decoration: none;
    }
    .pick_up_car{
        background-color: #ffd700;
        font-size: 18px;
        font-family: 'Gilroy-Semi-Bold';
        border-radius: 30px 30px 30px 30px;
        -moz-border-radius: 30px 30px 30px 30px;
        -webkit-border-radius: 30px 30px 30px 30px;
        height: 50px;
        width: 228px;
        border: none;
        margin-top: 6px;
        display: block;
        margin: 0 auto;
    }
}
@media (min-width: 768px){
    .nav_mobile.active{
        left: 0%;
        top: 9%;
    }
    .main_description h1 {
        font-size: 40px;
    }
    .nav_mobile.active{
        font-size: 18px;
    }
}
@media (min-width: 992px){
    .main_description_text a{
        padding-top: 8px;
        padding-bottom: 20px;
    }
    .pick_up_car{
        background-color: #ffd700;
        font-size: 30px;
        height: 64px;
        width: 314px;
        margin-top: 6px;
    }
    .nav_bg{
        display: flex;
    }
    #header_mobile{
        display: none;
    }
    #nav-toggle{
        display: none;
    }
    .logo a{
        font-size: 36px;
        font-family: 'Gilroy-Black';
        text-transform: uppercase;
        color: #2c2c2a;
    }
    .logo a:hover{
        color: #2c2c2a;
        text-decoration: none;
    }
    .header_phone{
         max-width: 190px;
         width: 100%;
        padding-left: 30px!important;
    }
    .header_button{
        padding-left: 40px;
    }
    .order_machine{
        background-color: #ffd700;
        font-size: 18px;
        font-family: 'Gilroy-Semi-Bold';
        border-radius: 30px 30px 30px 30px!important;
        -moz-border-radius: 30px 30px 30px 30px!important;
        -webkit-border-radius: 30px 30px 30px 30px!important;
        height: 39px;
        width: 193px;
        border: none;
        margin-top: 6px;
        color: #30302e;
        padding: 12px 20px 12px 20px;
    }
    .header_top{
        padding-top: 27px;
        padding-bottom: 20px;
        display: flex;
        justify-content: space-between;

    }
    .header_social{
        margin-top: 10px;
        padding-left: 20px;
    }
    .header_social img{
        padding-left: 10px;
    }
    .header_social span{
        font-family: 'Gilroy-Semi-Bold';
        font-size: 18px;
        color: #262626;
        text-decoration: underline #262626;
    }
    .header_social a:hover{
        text-decoration: none;
    }
    .nav_bg{
        background-color: #2c2c2a;
        font-family: 'Gilroy-Semi-Bold';
        font-size: 16px;
    }
    .nav_bg a{
        color: #ffffff;
    }
    .nav_bg a:hover{
        color: #ffffff;
        text-decoration: none;
    }
    .nav{
        justify-content: space-around;
    }
    .nav_header .nav li{
        padding-top: 20px;
        padding-right: 54px;
        padding-bottom: 46px;
        border-right: 2px solid #3e3e3b;
        height: 27px;
        padding-left: 53px;
    }
    .nav_header .nav li:last-child{
        border: none;
    }
    .main_description h1 {
        font-size: 45px;
        max-width: 1100px;
        width: 100%;
        margin: 0 auto;
    }
}

.nav_mobile {
    display: none;
}
/*Первый блок*/
.main_description{
    background-image: url("../img/shadow_bg_title.jpg");
    width: 100%;
    height: 500px;
    color: #ffffff;
    font-size: 45px;
    font-family: 'Gilroy-Semi-Bold';
    background-size: cover;
    background-repeat: no-repeat;
}
.main_description_color{
    color: #ffd700;
}



/*Advantage Company*/
@media (min-width: 320px){
    #our_advantage_company h3{
        padding-top: 80px;
        font-size: 24px;
        font-family: 'Gilroy-Bold';
    }
    .our_advantage_title p{
        margin-bottom: 0;
        font-size: 15px;
    }
    .our_advantage_part{
        text-align: center;
        margin: 0 auto;
        display: grid;
        padding-bottom: 50px;
    }
    .our_advantage_section img{
        margin-bottom: 40px;
    }
    .calculator_mobile{
        display: block;
    }
    .calculator_desktop{
        display: none;
    }
    .contract_advantage{
        margin: 0 auto;
    }
    .parking_advantage{
        max-height: 82px;
    }
    .our_advantage_section span{
        font-family: 'Gilroy-Bold';
        font-size: 14px;
    }
    .our_advantage_section p{
        font-family: 'Gilroy-Regular';
        font-size: 14px;
    }
}
@media (min-width: 768px){
    .our_advantage_title p{
        font-size: 18px;
    }
    #our_advantage_company h3{
        font-size: 40px;
    }
    .our_advantage_section span{
        font-size: 24px;
    }
    .our_advantage_section p{
        font-size: 16px;
    }
}
@media (min-width: 992px){
    .our_advantage_part{
        padding-bottom: 0;
    }
    .calculator_desktop{
        display: block;
    }
    .calculator_mobile{
        display: none;
    }
    #our_advantage_company h3{
        padding-top: 80px;
        font-size: 48px;
        font-family: 'Gilroy-Bold';
    }
    .our_advantage_section img{
        margin-bottom: 54px;
        width: 100%;
    }
    .parking_advantage{
        max-height: 92px;
    }
    .our_advantage_part_right{
        position: relative;
        right: 5%;
    }
    .our_advantage_part_left{
        position: relative;
        left: 5%;
    }
    .advantage_bottom{
        padding-bottom: 78px;
        padding-top: 93px;
    }
}


#our_advantage_company{
    background-image: url("../img/advantage_bg.jpg");
    background-repeat: no-repeat;
    color: #ffffff;
    background-size: cover;
}
.our_advantage_title{
    text-align: center;
}
.our_advantage_title hr{
    margin-top: 26px;
    margin-bottom: 20px;
}

.advantage_gold{
    filter: invert(77%) sepia(65%) saturate(924%) hue-rotate(359deg) brightness(101%) contrast(104%);
}

.valet_advantage{
    max-height: 72px;
}
.car_advantage{
    max-height: 80px;
}
.calculator_advantage{
    max-height: 80px;
}
.contract_advantage{
    max-height: 84px;
}
.our_advantage_section{
    display: flex;
    justify-content: space-between;
    margin-top: 61px;
    flex-flow: row wrap;
}


.advantage_size{
    max-width: 208px;
    margin: 0 auto;
}



/*Review*/
@media (min-width: 320px){
    #review h3{
        font-family: 'Gilroy-Bold';
        font-size: 24px;
        padding-top: 35px;
    }
    .review_part{
        display: grid;
        padding-bottom: 75px;
        padding-top: 50px;
    }
    .right_side_review{
        text-align: center;
    }
    .left_side_review img{
        max-width: 160px;
        width: 100%;
    }
    .crop{
        border-radius: 50%;
    }
    .left_side_review{
        margin: 0 auto;
        padding-bottom: 22px;
    }
}
@media (min-width: 992px){
    .crop{
        border-radius: unset;
        padding-bottom: 61px;
    }
    #review h3{
        font-size: 48px;
        padding-top: 80px;
    }
    .review_part{
        display: flex;
        padding-bottom: 75px;
        padding-top: 50px;
    }
    .right_side_review{
        text-align: left;
        padding-left: 30px;
    }
    .left_side_review{
        margin: auto;
        padding-bottom: 0;
    }
}
#review{
    text-align: center;
}
#review .owl-dots{
    padding-bottom: 74px;
}
.review_part span{
    font-family: 'Gilroy-Bold';
    font-size: 24px;
}
.review_part p{
    font-family: 'Gilroy-Regular';
    padding-top: 20px;
}


.right_side_review p{
    max-width: 328px;
    width: 100%;
}
/*Оформление заказа,корпоративные клиенты*/
@media (min-width: 320px){
    #checkout_order h3,
    #corporate_cliens h3{
        font-size: 23px;
        padding-top: 48px;
        font-family: 'Gilroy-Bold';
    }
    #checkout_order p,
    #corporate_cliens p
    {
        font-size: 17px;
        font-family: 'Gilroy-Medium';
    }
}
@media (min-width: 768px){
    #checkout_order h3,
    #corporate_cliens h3{
        font-size: 40px;
    }
    #checkout_order p,
    #corporate_cliens p
    {
        font-size: 19px;
        font-family: 'Gilroy-Medium';
    }
}
@media (min-width: 992px){
    #checkout_order h3,
    #corporate_cliens h3{
        font-size: 48px;
        padding-top: 48px;
    }
}
#checkout_order,
#corporate_cliens
{
    background-color: #eff3f3;
    text-align: center;
}


#checkout_order p:first-child,
#corporate_cliens p:first-child
{
    margin-bottom: 0!important;
}
#checkout_order p:last-child,
#corporate_cliens p:last-child
{
    padding-bottom: 50px;
}


/*Tariff_and_costs*/
@media (min-width: 320px){
    #RentCarTitle{
        text-align: center;
        padding-bottom: 20px;
        font-family: 'Gilroy-Bold';
        font-size: 28px;
    }
    .modal-header{
        border-bottom: none!important;
    }
    .control-group input,
    .control-group textarea
    {
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        width: 100%;
        margin-bottom: 10px;
    }
    .control-group input::-webkit-input-placeholder       {text-indent: 0px; color:#000000!important; text-align: center;  transition: text-indent 0.3s ease;}
    .control-group input::-moz-placeholder                {text-indent: 0px; color:#000000!important; text-align: center;  transition: text-indent 0.3s ease;}
    .control-group input:-moz-placeholder                 {text-indent: 0px; color:#000000!important;  text-align: center; transition: text-indent 0.3s ease;}
    .control-group input:-ms-input-placeholder            {text-indent: 0px; color:#000000!important;  text-align: center; transition: text-indent 0.3s ease;}
    .control-group input:focus::-webkit-input-placeholder {text-indent: 500px;  color:#000000!important; text-align: center; transition: text-indent 0.3s ease;}
    .control-group input:focus::-moz-placeholder          {text-indent: 500px;  color:#000000!important; text-align: center; transition: text-indent 0.3s ease;}
    .control-group input:focus:-moz-placeholder           {text-indent: 500px; color:#000000!important;  text-align: center; transition: text-indent 0.3s ease;}
    .control-group input:focus:-ms-input-placeholder      {text-indent: 500px; color:#000000!important;  text-align: center; transition: text-indent 0.3s ease;}
    .costs_button{
        background-color: #e8e8e8;
        font-size: 14px;
        font-family: 'Gilroy-Bold';
        border-radius: 30px 30px 30px 30px;
        -moz-border-radius: 30px 30px 30px 30px;
        -webkit-border-radius: 30px 30px 30px 30px;
        height: 39px;
        width: 145px;
        border: none;
        margin-top: 6px;
        color: #2c2c2a;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .services_costs{
        text-align: center;
        color: #ffffff;
    }
    .services_costs span{
        font-family: 'Gilroy-Bold';
        font-size: 30px;
        margin: 0 auto;
        display: block;
    }
    .costs_transfer span{
        max-width: 220px;
        width: 100%;
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .costs_p{
        max-width: 290px!important;
        width: 100%!important;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .costs_p span{
        font-size: 24px;
    }
    .services_costs p{
        font-family: 'Gilroy-Regular';
    }
    .costs_transfer{
        background-image: url("/assets/img/services_costs_one.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .costs_individual{
        background-image: url("/assets/img/services_costs_two.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .costs_individual p{
        margin: 0 auto;
        max-width: 218px;
        padding-top: 18px;
        padding-bottom: 38px;
    }
    .costs_rent{
        background-image: url("/assets/img/services_costs_three.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .costs_rent span{
        max-width: 200px;
        width: 100%;
    }
    .costs_rent p{
        font-size: 19px;
    }
    .tariff_and_costs_button a:hover{
        text-decoration: none;
        color: #2c2c2a;
    }
    .costs_button_first{
        background-color: #ffd700;
    }
    .costs_button.active{
        background-color: #ffd700;
    }
    .tariff_and_costs_button{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .car_all h2{
        font-family: 'Gilroy-Bold';
        padding-top: 20px;
        font-size: 24px;
        text-align: center;
    }
    .costs_car_part img{
        max-width: 160px;
        width: 100%;
        max-height: 178px;
    }
    .costs_car_part img{
        max-width: 160px;
        width: 100%;
        margin: 0 auto;
    }
    .costs_car_part span{
        margin: 0 auto;
        padding-top: 14px;
    }
    .services_costs_description{
        max-width: 306px!important;
        margin: 0 auto;
        display: block;
        font-family: 'Gilroy-Medium';
        color: #2c2c2a;
        padding-top: 35px;
        font-size: 20px;
        padding-bottom: 38px;
    }
    .services_costs_description p{
        margin-bottom: 0!important;
    }
    .tariff_and_costs_title h2{
        font-family: 'Gilroy-Bold';
        padding-top: 20px;
        font-size: 24px;
    }
    .costs_car_part{
        padding-bottom: 30px;
        text-align: center;
    }
    .car_name{
        font-size: 14px;
    }
}
@media (min-width: 768px){
    .costs_car_part img{
        max-width: 258px;
        width: 100%;
    }
    .costs_car_part{
        padding-top: 35px;
        padding-bottom: 68px;
    }
    .car_name{
        font-size: 24px;
    }
    .car_all h2{
        font-size: 40px;
    }
    .services_costs_description{
        max-width: inherit!important;
        font-size: 17px;
    }
}
@media (min-width: 992px){
    .costs_car_part img{
        max-width: unset;
    }
    .car_part_last{
        font-size: 18px;
    }
    .services_costs_description{
        font-size: 18px;
    }
    .costs_transfer span{
        max-width: 292px;
        width: 100%;
        padding-top: 77px;
        padding-bottom: 67px;
    }
    .costs_p{
        max-width: 370px!important;
        width: 100%!important;
    }
    .costs_p span{
        font-size: 30px;
    }
    .costs_rent{
        padding-top: 50px;
    }
    .costs_individual{
        margin-right: 10px;
        padding-top: 30px;
        margin-left: 10px;
    }
    .costs_button{
        width: 193px;
        margin-bottom: 0;
        padding-bottom: 24px;
        padding-top: 15px;
        height: 58px;
        font-size: 18px;
    }
    .tariff_and_costs_button{
        flex-wrap: nowrap;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .car_all h2{
        font-size: 48px;
    }
    .car_all .gold_line{
        margin-bottom: 58px;
    }
    .costs_car_part img{
        max-width: 303px;
    }
    .tariff_and_costs_title h2{
        padding-top: 20px;
        font-size: 48px;
    }
}
#tariff_and_costs h2 {

}
.tariff_and_costs_title {
    text-align: center;
}

.gold_line{
    background-color: #ffd700;
    height: 3px;
    max-width: 190px;
}
.costs_car_part{
    display: grid;
}
.showSingle.active{
    color:red;
}
.car_all {
    display: none;
}
#car1{
    display: block;
}
.car_name{
    font-family: 'Gilroy-Bold';
}






/*Контакты*/

@media (min-width: 320px){
    #contacts {
        padding-top: 25px;
        padding-bottom: 0;
        font-size: 18px;
        color: #2c2c2a;
    }
    .contact_map iframe{
        width: 100%;
    }
    #contacts a{
        color: #2c2c2a;
    }
    #contacts a:hover{
        color: #2c2c2a;
        text-decoration: none!important;
    }
    .contact_title{
        font-size: 30px!important;
        font-family: 'Gilroy-Bold';
    }
    #contacts span{
        font-family: 'Gilroy-Bold';
        font-size: 18px;
    }
    #contacts p{
        font-family: 'Gilroy-Light';
        font-size: 18px;
        margin-bottom: 0!important;
    }
    .contact_us p:last-child{
        padding-bottom: 22px;
    }
    .requisites_company{
        display: none;
    }
    .requisites_company p{
        padding-top: 28px;
    }
    .contact_us{
        padding-top: 36px;
    }
}
@media (min-width: 768px){
    .contact_title{
        font-size: 40px!important;
    }
}
@media (min-width: 992px){
    .contact_title{
        font-size: 30px!important;
    }
    .contacts_main{
        padding-left: 36px;
    }
    .requisites_company{
        display: block;
    }
    #contacts {
        padding-top: 50px;
        padding-bottom: 85px;
    }
}


/*Footer*/
@media (min-width: 320px){
    .footer_info{
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 14px;
        text-align: center;
    }
    .footer_link{
        display: grid;
    }
    .footer_link a{
        padding-top: 17px;
    }
}
@media (min-width: 992px){
    .footer_link a{
        padding-top: 0;
    }
    .footer_link a:last-child{
        padding-left: 50px;
    }
    .footer_link {
        display: block;
    }
    .footer_link{
        display: block;
        text-align: right;
    }
    .footer_info{
        text-align: justify;
    }
    a#golden_studio_logo {
    display: block;
    text-decoration: none;
    position: absolute !important;
    margin: 0;
    padding: 0px 0px 0px 0px;
    bottom: 0px;
    right: 15px;
    width: 96px;
    height: 32px;
    background: url(https://www.golden-studio.ru/media/images/logo/v4.png) right bottom no-repeat;
    overflow: hidden;
    font-size: 0;
    color: #fff;
    text-align: left;
    line-height: 17px;
    box-sizing: content-box;
}
    a#golden_studio_logo:hover {
    background-position: right top;
    background-repeat: no-repeat;
    width: 96px;
    height: 32px;
    padding: 0px 90px 0px 0px;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
}
}
footer{
    background-color: #1d1d1e;
    color: #ffffff;
    font-family: 'Gilroy-Light';
}
.footer_link a,
.footer_link span
{
    text-decoration: underline;
    color: #3c97dd;
    cursor: pointer;
}
.footer_link span{
    display: table-cell;
}
.footer_link a:hover{
    color: #3c97dd;
}
.ajax_form.af_example .controls button[type="submit"]{
    float:none!important;
}