/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

body {
    color: #000;
    /* background-color: #E6E6E6; */
    font-family: 'PFBulletinSansPro-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.hiden {
    display: none;
}

a {
    outline: none !important;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: inherit;
    outline: 0 none;
    text-decoration: none;
}

li {
    margin: 0;
}

ul {
    padding: 0;
}

checkbox,
button,
button:active,
button:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Pragmatica-SlabserifBook';
    margin: 0;
    text-align: center;
}

h2 {
    color: #303030;
    /* font-family: "Pragmatica-SlabserifBold"; */
    font-size: 25px;
    padding-top: 35px;
    text-align: center;
    /* margin-top: 60px; */
}

h2:after {
    background-color: #5696d8;
    content: '';
    display: block;
    height: 3px;
    margin: 0 auto;
    margin-top: 5px;
    width: 52px;
}

.consult h2:after {
    width: 0;
}

h3 {
    color: #303030;
    /* font-family: "PFBulletinSansPro-Medium"; */
    font-size: 20px;
    text-align: left;
}

h4 {
    color: #303030;
    /* font-family: "PFBulletinSansPro-Medium"; */
    font-size: 20px;
    text-align: center;
}

#top_nav_mobile {
    display: none;
    float: right;
    position: relative;
    z-index: 1000;
}

.tel-mobile {
    display: none;
}

.adres-mob {
    background: #ccc;
    display: none;
    font-family: "Pragmatica-Slabserif";
    font-size: 20px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.fastening_bicycle {
    /* height: 458px; */
    /*margin-top: 50px;*/
    /*padding-bottom: 30px;*/
    background: url('/resources/img/bg_grass_gray.jpg');
}

section .binding {
    background: url('/resources/img/bg_cloud_4.jpg');
    /* height: 458px; */
    margin-top: 50px;
    padding-bottom: 30px;
}

section .advantages {
    background: url('/resources/img/advantages-bg.jpg') no-repeat center top;
    /* height: 458px; */
    margin-top: 50px;
    padding-bottom: 20px;
}

.advantages-title {
    text-align: center;
}

.advantages-content {
    margin-top: 35px;
}

.advantages-item {
    /* position: absolute; */
    margin: 0 auto;
    margin-top: 30px;
    /*     text-align: left;
    width: 100%; */
}

.advantages-item h4 {
    color: #a15818;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 20px;
    /* padding-left: 30px; */
    text-align: left;
}

.advantages-item-img {
    display: inline-block;
    height: 129px;
    width: 128px;
}

.advantages-item-img-sm {
    height: 80px;
    width: 80px;
}

.advantages-item-img-sm img {
    width: 100%;
}


.advantages-item-descr {
    display: inline-block;
    margin-left: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 400px;
}

.advantages-item-sm {
    float: left;
    margin: 0 auto 8px;
    /* vertical-align: middle; */
}

.advantages-item-descr p {
    color: #242424;
    font-size: 18px;
    padding-top: 3px;
    text-align: justify;
}

.opacity-border {
    border: 3px solid #0294e1;
    display: inline-block;
    margin-left: 10px;
    padding: 4px;
}

.advantages-item-descr-sm {
    background: rgba(0, 0, 0, 0) url("/resources/img/form-bg-sm.png") repeat scroll 0 0;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.descr-head-border {
    border: 3px solid #0294e1;
    margin-top: 25px;
    padding: 4px;
}

.descr-head {
    background: rgba(0, 0, 0, 0) url("/resources/img/form-bg-sm.png") repeat scroll 0 0;
    color: #a15818;
    font-family: 'PFBulletinSansPro-Medium';
    /* height: 100px; */
    font-size: 20px;
    padding: 10px;
    vertical-align: middle;
}

.descr-head span {
    font-size: 25px;
}


.container_zerro {
    padding-left: 0;
    padding-right: 0;
}

.top_line {
    background: white;
    /* margin-top: 10px; */
}

.header-logo {
    margin-left: -30px;
    padding-top: 30px;
}

.header-adress,
.header-adress-rostov {
    color: #373737;
    font-family: 'Pragmatica-SlabserifLight';
    font-size: 20px;
    line-height: 1.2;
    padding-top: 30px;
    text-align: center;
}

.header-adress span,
.header-adress-rostov span {
    font-size: 17px;
    line-height: 1.3;
}

.header-adress-rostov span {
    color: #599ee0;
}

.header-adress-rostov .header-adres-top-sm {
    font-size: 15px;
}

.header-info {
    font-family: 'PFBulletinSansPro-Light';
    margin-top: 13px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

.header-info-worktime {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid;
    padding-left: 10px;
    margin-left: 10px;
}

/* .header-info>p:nth-of-type(1) {
    color: #6a6a6a;
    float: left;
    font-size: 18px;
    margin-top: 10px;
    padding-right: 5px;
    text-align: right;
}

.header-info>div:nth-of-type(1) {
    border-left: solid 1px #ccc;
    color: #6a6a6a;
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    padding-left: 10px;
    text-align: right;
}

.header-info>p:nth-of-type(2),
 */

.header-info-worktime_txt {
    display: flex;
    justify-content: flex-end;
}


.tel-mobile,
.tel-desktop {
    color: #6a6a6a;
    float: right;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 25px;
    margin-top: -4px;
}

.header-info-tel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* margin-top: 10px; */
}

.header-info-tel .tel-mobile a {
    color: #e67e22;
}

.tel-mobile {
}

#top_nav {
    background: white;
    background: #ededed;
    /*высота шапки в пикселях*/
    height: 40px;
    position: fixed;
    top: 90px;
    width: 100%;
    z-index: 1000;
    /* display: none; */
}

.top_mnu {
    font-size: 20px;
    height: 40px;
    margin-right: 10px;
    margin-top: 8px;
    position: relative;
    text-align: right;
    z-index: 1001;
}

.top_mnu_button {
    background-color: transparent;
    border: medium none;
    color: #639EE1;
    /* float: right; */
    font-size: 25px;
    margin-top: -8px;
    margin-left: 10px;
}

.mnu_mob_static_top {
    background: white;
    overflow: hidden;
    padding: 5px;
    position: fixed;
    top: 53px;
    width: 100%;
    z-index: 1001;

}

.mnu_mob_static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*font-family: 'PFBulletinSansPro-Regular', sans-serif;*/
    font-size: 16px;
    line-height: 1;
    margin-top: auto;
    /*display: none;*/

    -ms-flex-pack: distribute;
    justify-content: space-around;


}

.mnu_mob_static a {
    background: blue;
    background: -o-linear-gradient(bottom, #C6E5FF, #EAF5FF);
    background: -webkit-gradient(linear, left bottom, left top, from(#C6E5FF), to(#EAF5FF));
    background: linear-gradient(to top, #C6E5FF, #EAF5FF);
    border: 1px #C6E5FF solid;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px;

    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mnu_mob_static a:hover {
    background: -o-linear-gradient(bottom, #7FC9FF, #EAF5FF);
    background: -webkit-gradient(linear, left bottom, left top, from(#7FC9FF), to(#EAF5FF));
    background: linear-gradient(to top, #7FC9FF, #EAF5FF);
    border: 1px #1ECDE0 solid;

}

.top_mnu a {
    -o-transition: all .25s ease 0s;
    -webkit-transition: all .25s ease 0s;
    color: #e67e22;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
    transition: all .25s ease 0s;
}

.top_mnu a:hover {
    color: #639ee1;
}

.top_mnu ul {
    list-style-type: none;
    margin-left: 15px;
    width: 100%;
}

.top_mnu ul li {
    border-left: 2px solid #639ee1;
    display: inline-block;
    /*float: left;*/
}

.top_mnu ul li:first-child {
    border: medium none;
}

.presentation {
    background: rgba(0, 0, 0, 0) url('/resources/img/header-bg-box.jpg') no-repeat scroll center 0px;
    height: 580px;
    /* overflow: hidden; */
}

.presentation3 {
    background: rgba(127, 201, 255, 0.4);
    background: -o-linear-gradient(left, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg3.jpg') no-repeat scroll right 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 255, 0.9)), color-stop(40%, rgba(245, 235, 255, 0.4)), to(rgba(255, 255, 255, 0))), url('/resources/img/header-bg3.jpg') no-repeat scroll right 0px;
    background: linear-gradient(to right, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg3.jpg') no-repeat scroll right 0px;
    height: 580px;
}

.presentation4 {
    /*height: 600px;*/
    background: rgba(127, 201, 255, 0.4);
    background: -o-linear-gradient(left, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg4.jpg') no-repeat scroll right 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 255, 0.9)), color-stop(40%, rgba(245, 235, 255, 0.4)), to(rgba(255, 255, 255, 0))), url('/resources/img/header-bg4.jpg') no-repeat scroll right 0px;
    background: linear-gradient(to right, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg4.jpg') no-repeat scroll right 0px;
    margin-top: 45px;
}

.bg_blue {
    background: #3b9ed6;
}

.presentation5 {
    /*height: 600px;*/
    background: -o-linear-gradient(left, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg5.jpg') no-repeat scroll right 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 255, 0.9)), color-stop(40%, rgba(245, 235, 255, 0.4)), to(rgba(255, 255, 255, 0))), url('/resources/img/header-bg5.jpg') no-repeat scroll right 0px;
    background: linear-gradient(to right, rgba(245, 245, 255, 0.9) 0%, rgba(245, 235, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%), url('/resources/img/header-bg5.jpg') no-repeat scroll right 0px;
    margin-top: 45px;
}

.presentation6 {
    /*height: 600px;*/
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%), url('/resources/img/header-bg6.jpg') no-repeat scroll center 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8))), url('/resources/img/header-bg6.jpg') no-repeat scroll center 0px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%), url('/resources/img/header-bg6.jpg') no-repeat scroll center 0px;
    background-size: cover;
    margin-top: 45px;
}

.presentation10a {
    /*height: 600px;*/
    background: -o-linear-gradient(bottom, rgba(15, 30, 55, 0.5) 0%, rgba(3, 17, 34, 0.7) 100%), url('/resources/img/header-bg10a.jpg') no-repeat scroll center 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 30, 55, 0.5)), to(rgba(3, 17, 34, 0.7))), url('/resources/img/header-bg10a.jpg') no-repeat scroll center 0px;
    background: linear-gradient(to top, rgba(15, 30, 55, 0.5) 0%, rgba(3, 17, 34, 0.7) 100%), url('/resources/img/header-bg10a.jpg') no-repeat scroll center 0px;
    background-size: cover;
    margin-top: 45px;
    /*background-position: 39% 0%;*/
}

.presentation10b {
    /*height: 600px;*/
    background: -o-linear-gradient(bottom, rgba(15, 30, 55, 0.5) 0%, rgba(4, 18, 41, 0.8) 100%), url('/resources/img/header-bg10b.jpg') no-repeat scroll center 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 30, 55, 0.5)), to(rgba(4, 18, 41, 0.8))), url('/resources/img/header-bg10b.jpg') no-repeat scroll center 0px;
    background: linear-gradient(to top, rgba(15, 30, 55, 0.5) 0%, rgba(4, 18, 41, 0.8) 100%), url('/resources/img/header-bg10b.jpg') no-repeat scroll center 0px;
    background-size: cover;
    margin-top: 45px;
    /*background-position: 39% 0%;*/
}

.presentation10b__summer {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(15, 30, 55, 0.5)), to(rgba(4, 18, 41, 0.8))), url('/resources/img/header-bg10b__summer.jpg') no-repeat scroll center 0px;
    background: -o-linear-gradient(bottom, rgba(15, 30, 55, 0.5) 0%, rgba(4, 18, 41, 0.8) 100%), url('/resources/img/header-bg10b__summer.jpg') no-repeat scroll center 0px;
    background: linear-gradient(to top, rgba(15, 30, 55, 0.5) 0%, rgba(4, 18, 41, 0.8) 100%), url('/resources/img/header-bg10b__summer.jpg') no-repeat scroll center 0px;
    /* background: rgba(0, 0, 0, 0) url('/resources/img/header-bg-box.jpg') no-repeat scroll center 0px; */
    /* height: 580px; */
    background-size: cover;

}


.presentation3 h1 {
    /* font-family: 'Pragmatica-SlabserifBold'; */
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 35px;
    line-height: 43px;
    margin-top: 20px;
    max-width: 500px;
    text-align: left;

    /* background: white; */
    /* padding:  0 10px;  */
    /* display: inline-block; */
    /* float: left; */
}

.presentation4 h1 {
    background: white;
    background: rgba(255, 255, 255, .7);
    /* font-family: 'Pragmatica-SlabserifBold'; */
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 35px;
    line-height: 15px;
    margin-bottom: 20px;
    /*max-width: 500px;*/
    margin-top: 30px;
    padding: 20px;
    text-align: center;
    /* padding:  0 10px;  */
    /* display: inline-block; */
    /* float: left; */
}

.presentation3 h1 i {
    font-size: 28px;
}

.presentation4 h1 i {
    font-size: 28px;
}


mark {
    background: rgba(255, 255, 255, 0);
    padding: 0;
    /* border: 1px dashed #333; */
}

.presentation3 h1 span {
    /* color: #d6670f; */
    /* color: #ff9300; */
    color: #FE720B;
    font-weight: bold;
    white-space: nowrap;
}

.presentation4 h1 span {
    /* color: #d6670f; */
    /* color: #ff9300; */
    color: #FE720B;
    font-weight: bold;
    white-space: nowrap;
}

.presentation3 ul {
    font-size: 25px;
    line-height: 40px;
    list-style-type: circle;
    padding-top: 20px;
    text-align: left;


}

.presentation4 ul {
    font-size: 20px;
    line-height: 15px;
    list-style-type: circle;
    text-align: left;
}

.presentation3 li {
    list-style-type: none;
}

.presentation4 li {
    background: rgb(255, 255, 255, .8);
    list-style-type: none;
    padding: 5px;
}

.presentation4 li:before {
    color: #ff9300;
    /*content: "\f111";*/
    content: "●";
    font-size: 20px;
    /*font-family: FontAwesome;*/
    font-weight: bold;
}

.presentation3 li:before {
    color: #ff9300;
    content: "\f10c";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: bold;
}


.presentation2 {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 15px;
    position: relative;
}

.presentation2:before {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    background: url('/resources/img/tires3.jpg') 0 0 repeat;
    content: "";
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    transform: rotate(20deg);
    width: 200%;
    z-index: -1;
}


.action-sale {
    /* background: rgba(255, 108, 0, 0.15); */
    background: #ffe9d9;
}

.consult {
    background: rgba(0, 0, 0, 0) url('/resources/img/consult-bg.jpg') no-repeat scroll center;
    height: 156px;
    margin-top: 30px;
    /* overflow: hidden; */
    text-align: center;
}

.consult-title {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    /* width: 285px; */
}

.consult-title h2 {
    color: #fff;
    margin-top: 10px;
    text-shadow: 1px 1.732px 0 rgba(0, 0, 0, .52);
}

.patch {
    /* залушка под меню */
    background: blue;
    height: 29px;
}

.presentation h1 {
    font-family: 'Pragmatica-SlabserifBold';
    font-size: 30px;
    line-height: 40px;
}

.header-title {
    background: url('/resources/img/header-title-decor.png') no-repeat center top;
    color: #fff;
    /* width: 760px;     */
    /* width: 900px; */
    height: 81px;
    margin: 0 auto;
    margin-top: 44px;
    text-align: center;
    /* background: url('/resources/img/header-title-decor-rostov.png') no-repeat center top; */
    text-shadow: 1.5px 2.598px 0 rgba(0, 0, 0, .17);
}

.header-title-orange {
    background: url('/resources/img/header-title-decor-orange.png') no-repeat center top;
    /* background: url('/resources/img/header-title-decor-rostov.png') no-repeat center top; */
    text-shadow: 1.5px 2.598px 0 rgba(140, 86, 45, 1);
}


.header-title h1 {
    font-family: 'Pragmatica-SlabserifBold';
    font-size: 24px;
    line-height: 32px;
    padding-top: 7px;
}

.hh1 span {
    font-family: 'Pragmatica-SlabserifBold';
}

.hh1 {
    background: url('/resources/img/form-bg-blue-sm.png');
    color: white;
    display: inline-block;
    font-family: 'Pragmatica-SlabserifBook';
    font-size: 35px;
    height: 130px;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    text-shadow: 1.5px 2.598px 0 rgba(0, 0, 0, .3);
}

.presentation-content {
    margin-top: 40px;

}

.height0 {
    height: 0;
    overflow: hidden;
}

.presentation-content .h11 {
    background: none;
    /*    background: white;
    padding: 0 10px;
    display: inline-block;
    float: left;*/
    color: #fff;
    /*font-family: 'Pragmatica-SlabserifBold';*/
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 55px;
    line-height: 43px;
    /*max-width: 500px;*/
    margin-top: 20px;
    text-align: center;

}


.presentation-content .h11 span {
    color: #fff;
    font-size: 35px;
    line-height: 30px;

}


.presentation-content h2 {
    color: #fff;
    margin-top: 20px;
    /*font-family: 'PFBulletinSansPro-Medium';*/
    padding: 5px;
    padding-top: 80px;
    text-align: center;
    /*text-transform: uppercase;*/

    /*background: rgb(255, 255, 255, .8);*/
}

.presentation-content h2::after {
    content: normal;

}


.action_gift {
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.action_gift img {
    height: auto;
    width: 50px;
}


.row_action {
    margin-top: 30px;
}

.row_action span {
    display: table-cell;
    text-align: center;


}


.row_action h3 {
    margin: 21px;
}


.presentation-action {
    background: rgba(255, 255, 255, 0.5);
    /*background: rgba(127, 201, 255, 0.4);*/
    /*border: 1px rgba(127, 201, 255, 0.4) solid;*/
    border: 3px #0294e1 solid;
    /*border-radius: 10px;*/
    display: table;
    float: left;
    /*vertical-align: middle;*/
    /*border: 1px red solid;*/
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 20px;
    min-width: 112px;
    /*height: 110px;*/
    /*padding: 0 5px;*/
    padding: 0 0;
    position: relative;
    width: 100%;
}


.presentation-period {
    color: red;
    display: inline !important;
    vertical-align: bottom !important;
}

.presentation-action span {
    display: table-cell;
    /*height: 100px;*/
    text-align: center;
    vertical-align: middle;
    /* max-width: 50px; */
}


.presentation-action-txt span {
    /*width: 100%;*/
    display: block;
    text-align: center;
}

.presentation-action-txt span b {
    /*color: red;*/
    color: rgba(255, 108, 0, 1);
    font-size: 27px;
}

.presentation-action-txt span i {
    /*color: red;*/
    color: rgba(255, 108, 0, 1);
    font-size: 23px;

}


.presentation-action-txt {
    /*background: rgba(127, 201, 255, 0.4);*/
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #0294e1;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 18px;
    /*border: 3px solid #FF5C00;*/
    height: auto;
    margin: 10px;
    min-width: 112px;
    /*border-radius: 10px;*/
    /*display: table;*/
    padding: 5px;
    position: relative;


}


.action-col-0 {
    padding-left: 0;
    padding-right: 0;
}

.action-row-0 {
    margin-left: 0;
    margin-right: 0;
}

.presentation-action-100 {
    margin-right: 20px;
    /* background: rgba(127, 50, 100, 0.4); */
    width: 61%;
}

.presentation-action-right {
    float: right;
}

.plus {
    color: rgba(0, 0, 0, 0.6);
    display: table;
    /* color: rgba(255, 108, 0, 0.9); */
    float: left;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 80px;
    font-weight: bold;
    margin: 0 -10px;
    position: relative;
    z-index: 20;
}


.action-sale-txt {
    color: white;
    color: black;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 25px;
    position: relative;
    /* text-align: left; */
}

.action-sale-txt-line {
    /* background: rgba(0, 0, 0, 0.65); */
    /* background: rgba(255, 255, 255, 0.85); */
    /* background: rgba(255, 108, 0, 0.9); */
    display: inline-block;
    padding: 10px 30px;
    /* margin-bottom: 10px; */
}

.action-sale-txt-line span {
    color: red;
}

.form-top {
    margin-top: 20px;
}

.form-block-border {
    /* border: 3px solid rgba(255, 108, 0, 0.9); */
    /* border: 3px solid rgba(255, 255, 255, 0.8); */
    border: 3px solid #0294e1;
    /*max-width: 400px;*/
    float: right;
    min-width: 300px;
    /* margin-right: -15px; */
    padding: 4px;
}

.form-block-border-white {
    border: 3px solid rgba(255, 255, 255, 1);
}

.form-block-border-orange {
    border: 3px solid rgba(255, 108, 0, 0.9);
}

.form-block {
    background: rgba(0, 0, 0, 0) url('/resources/img/form-bg-sm.png');
    padding: 20px;
}

.recl {
    text-align: left;
}

.recl h4 {
    color: #a15818;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 20px;
    padding-left: 30px;
    text-align: left;
}

.recl h4 i {
    color: #0294e1;
    font-size: 25px;
}

.recl ul {
    list-style-type: none;
}

.recl ul li {
    /* border-left: 2px solid #639EE1; */
    display: block;
    margin-top: -25px;
}

.recl ul li:first-child {
    color: #0294e1;
    display: inline-block;
    font-size: 25px;
    padding-right: 25px;
}

input.error:focus,
textarea.error:focus {
    background-color: #e36b6b;
}

.form-block input {
    -webkit-box-shadow: 1.5px 2.598px 7px 0 rgba(0, 0, 0, .26) inset;
    border: 1px solid #b3b3b3;
    box-shadow: 1.5px 2.598px 7px 0 rgba(0, 0, 0, .26) inset;
    height: 41px;
    padding-left: 10px;
    width: 100%;
}

.form-block label {
    color: #6c6c6c;
    float: left;
    font-family: 'PFBulletinSansPro-Medium';
    font-weight: 700;
    margin-top: 12px;
}

label.error {
    color: red;
}

.zakaz-form input {
    -webkit-box-shadow: 1.5px 2.598px 7px 0 rgba(0, 0, 0, 0.26) inset;
    border: 1px solid #b3b3b3;
    box-shadow: 1.5px 2.598px 7px 0 rgba(0, 0, 0, 0.26) inset;
    height: 41px;
    padding-left: 10px;
    width: 294px;
}

.zakaz-form {
    background: transparent;
}

.zakaz-form h4 {
    color: #303030;
    font-family: "PFBulletinSansPro-Medium";
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.zakaz-form label {
    color: #6c6c6c;
    float: left;
    margin-top: 10px;
}

.message {
    background-color: #ffcfcf;
    color: #F00;
    margin-top: 10px;
    padding: 12px;
    text-align: center;
}

.message:empty {
    display: none;
}


.button_zakaz {
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    background: rgba(255, 108, 0, 1);
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 4%, rgba(255, 108, 0, .5) 97%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 20%, rgba(255, 108, 0, .9) 80%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(4%, rgba(255, 108, 0, .5)), color-stop(97%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(20%, rgba(255, 108, 0, .9)), color-stop(80%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 4%, rgba(255, 108, 0, .5) 97%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 20%, rgba(255, 108, 0, .9) 80%, rgba(246, 251, 253, .9) 100%);
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    /* width: 170px; */
    height: 45px;
    margin-top: 15px;
    /* display: block; */
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    transition: all .1s;
}

.button_zakaz_blue {
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(3%, rgba(11, 140, 209, .5)), color-stop(98%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(10%, rgba(11, 140, 209, .9)), color-stop(90%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);

}


.button_zakaz:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(3%, rgba(255, 108, 0, .5)), color-stop(98%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(10%, rgba(255, 108, 0, .9)), color-stop(90%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    border-radius: 6px;
    box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
}

.button_zakaz_blue:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(3%, rgba(11, 140, 209, .5)), color-stop(98%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(10%, rgba(11, 140, 209, .9)), color-stop(90%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;

}

.consult-title h2 span {
    font-family: 'PFBulletinSansPro-Regular', sans-serif;
    font-size: 16px;
    margin-left: 25px;
    text-align: center;
    /* line-height: 1.2; */
    /* color: #000; */
    text-shadow: none;
}

.button_zakaz_href a {
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    background: rgba(255, 108, 0, 1);
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 4%, rgba(255, 108, 0, .5) 97%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 20%, rgba(255, 108, 0, .9) 80%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(4%, rgba(255, 108, 0, .5)), color-stop(97%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(20%, rgba(255, 108, 0, .9)), color-stop(80%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 4%, rgba(255, 108, 0, .5) 97%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 20%, rgba(255, 108, 0, .9) 80%, rgba(246, 251, 253, .9) 100%);
    border-bottom: 2px solid #808080;
    border-left: 2px solid #e0e0e0;
    border-radius: 5px;
    border-right: 2px solid #808080;
    border-top: 2px solid #e0e0e0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    line-height: 40px;
    margin-top: 15px;
    /*width: 170px;*/
    padding-left: 20px;
    padding-right: 20px;
    /* padding: 4px 15px; */
    text-align: center;
    text-decoration: none;
    transition: all .1s;
}

.button_zakaz_href a:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    /*box-shadow: -2px -2px 3px 0px #00ABFF inset, 3px 3px 3px 0px #0A77AD inset;*/
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(3%, rgba(255, 108, 0, .5)), color-stop(98%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(10%, rgba(255, 108, 0, .9)), color-stop(90%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    /* border-radius: 6px; */
}

.arrow_button_zakaz {

}


.button_zakaz_href_presentation a {
    -o-transition: all .1s;
    /*margin-top: 15px;*/
    -webkit-transition: all .1s;
    background: rgba(255, 108, 0, 1);
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 2%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 15%, rgba(255, 108, 0, .9) 85%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(2%, rgba(255, 108, 0, .5)), color-stop(98%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(15%, rgba(255, 108, 0, .9)), color-stop(85%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 2%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 15%, rgba(255, 108, 0, .9) 85%, rgba(246, 251, 253, .9) 100%);
    border-bottom: 2px solid #808080;
    border-left: 2px solid #e0e0e0;
    border-radius: 5px;
    border-right: 2px solid #808080;
    border-top: 2px solid #e0e0e0;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 55px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    /* padding: 4px 15px; */
    text-align: center;
    text-decoration: none;
    transition: all .1s;
    width: 285px;
}

.button_zakaz_href_presentation a:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    /*box-shadow: -2px -2px 3px 0px #00ABFF inset, 3px 3px 3px 0px #0A77AD inset;*/
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 2%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(2%, rgba(255, 108, 0, .5)), color-stop(98%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(10%, rgba(255, 108, 0, .9)), color-stop(90%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 2%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    /* border-radius: 6px; */
}


.button_zakaz_href_blue a {
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(3%, rgba(11, 140, 209, .5)), color-stop(98%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(10%, rgba(11, 140, 209, .9)), color-stop(90%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    border-bottom: 2px solid #808080;
    border-left: 2px solid #e0e0e0;
    border-radius: 5px;
    border-right: 2px solid #808080;
    border-top: 2px solid #e0e0e0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    line-height: 40px;
    margin-bottom: 15px;
    min-width: 170px;
    /*padding: 4px 15px; */
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .1s;


}

.button_zakaz_href_blue a:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(3%, rgba(11, 140, 209, .5)), color-stop(98%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(10%, rgba(11, 140, 209, .9)), color-stop(90%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;

}


.button_sm_blue {
    display: inline-block;
    font-size: 15px;
    /* margin-bottom: 18px; */
    margin-top: 4px;
    width: 120px;
}

.button_sm_blue a {
    -o-transition: all .1s ease 0s;
    -webkit-transition: all .1s ease 0s;
    background: rgba(11, 140, 209, 1);
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 5%, rgba(11, 140, 209, .5) 95%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 25%, rgba(11, 140, 209, .9) 75%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(5%, rgba(11, 140, 209, .5)), color-stop(95%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(25%, rgba(11, 140, 209, .9)), color-stop(75%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 5%, rgba(11, 140, 209, .5) 95%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 25%, rgba(11, 140, 209, .9) 75%, rgba(246, 251, 253, .9) 100%);
    border-bottom: 2px solid #808080;
    border-left: 2px solid #e0e0e0;
    border-radius: 3px;
    border-right: 2px solid #808080;
    border-top: 2px solid #e0e0e0;
    color: #fff;
    display: block;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    transition: all .1s ease 0s;
    /* border: 2px solid #808080; */
}

.button_sm_blue a:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;
    background: -o-linear-gradient(right, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(3, 46, 67, .5)), color-stop(3%, rgba(11, 140, 209, .5)), color-stop(98%, rgba(11, 140, 209, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(3, 46, 67, .9)), color-stop(10%, rgba(11, 140, 209, .9)), color-stop(90%, rgba(11, 140, 209, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(3, 46, 67, .5) 0%, rgba(11, 140, 209, .5) 3%, rgba(11, 140, 209, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(3, 46, 67, .9) 0%, rgba(11, 140, 209, .9) 10%, rgba(11, 140, 209, .9) 90%, rgba(246, 251, 253, .9) 100%);
    border-radius: 3px;
    box-shadow: -2px -2px 3px 0 #00abff inset, 3px 3px 3px 0 #0a77ad inset;
}

.button_sm_orange {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 18px;
    margin-top: 4px;
    text-align: center;
    width: 120px;
}

.button_sm_orange a {
    -o-transition: all .1s ease 0s;
    -webkit-transition: all .1s ease 0s;
    background: rgba(255, 108, 0, 1);
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 5%, rgba(255, 108, 0, .5) 95%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 25%, rgba(255, 108, 0, .9) 75%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(5%, rgba(255, 108, 0, .5)), color-stop(95%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(25%, rgba(255, 108, 0, .9)), color-stop(75%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 5%, rgba(255, 108, 0, .5) 95%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 25%, rgba(255, 108, 0, .9) 75%, rgba(246, 251, 253, .9) 100%);
    border-bottom: 2px solid #808080;
    border-left: 2px solid #e0e0e0;
    border-radius: 3px;
    border-right: 2px solid #808080;
    border-top: 2px solid #e0e0e0;
    color: #fff;
    display: block;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    transition: all .1s ease 0s;
}

.button_sm_orange a:hover {
    -webkit-box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
    background: -o-linear-gradient(right, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), -o-linear-gradient(bottom, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(127, 54, 0, .5)), color-stop(3%, rgba(255, 108, 0, .5)), color-stop(98%, rgba(255, 108, 0, .5)), to(rgba(246, 251, 253, .5))), -webkit-gradient(linear, left bottom, left top, from(rgba(127, 54, 0, .9)), color-stop(10%, rgba(255, 108, 0, .9)), color-stop(90%, rgba(255, 108, 0, .9)), to(rgba(246, 251, 253, .9)));
    background: linear-gradient(-90deg, rgba(127, 54, 0, .5) 0%, rgba(255, 108, 0, .5) 3%, rgba(255, 108, 0, .5) 98%, rgba(246, 251, 253, .5) 100%), linear-gradient(0deg, rgba(127, 54, 0, .9) 0%, rgba(255, 108, 0, .9) 10%, rgba(255, 108, 0, .9) 90%, rgba(246, 251, 253, .9) 100%);
    border-radius: 3px;
    box-shadow: -2px -2px 3px 0 #ffa05b inset, 3px 3px 3px 0 #c15300 inset;
}


.button_zakaz_width {
    height: 44px;
    margin-top: 28px;
    max-width: 350px;
    width: 100%;
}


del.cross {
    display: inline-block;
    font-size: 18px;
    position: relative;
    /* запрещает перенос текста на следующую строку */
    text-decoration: none;
}

.del-cross {
    display: block;
    overflow: hidden;
    position: relative;
    /* запрещает обтекать другие блоки */
}

del.cross:before,
.del-cross:before {
    background: rgba(0, 0, 0, 0) url('/resources/img/cross.svg') no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    /* растягивает фон на всю ширину и высоту блока */
}

.label-skidka {
    /* color: red; */
    background: rgba(0, 0, 0, 0) url('/resources/img/label_skidka.svg') no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: '';
    /* left: 0; */
    display: block;
    height: 79px;
    position: absolute;
    right: -3px;
    top: -17px;
    width: 102px;
    z-index: 10;
    /* растягивает фон на всю ширину и высоту блока */
}


.label2-skidka-empty {
    /* color: red; */
    background: rgba(0, 0, 0, 0) url('/resources/img/label2-skidka-empty.svg') no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: '';
    /* left: 0; */
    display: block;
    height: 100px;
    position: absolute;
    right: -3px;
    top: -37px;
    width: 100px;
    z-index: 101;
    /* растягивает фон на всю ширину и высоту блока */
}

.label-krab-empty {
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0) url('/resources/img/label-krab-empty.svg') no-repeat;
}



.label-krab-img-1 {
    background: url('/resources/img/label-krab-broomer.jpg');
}
.label-krab-img-2 {
    background: url('/resources/img/label-krab-ed.jpg');
}

.label-krab-img-3 {
    background: url('/resources/img/label-krab-winner.jpg');
}

.label-krab-img-1,
.label-krab-img-2,
.label-krab-img-3 {
    height: 60%;
    width: 60%;
    border-radius: 50%;
    background-size: cover;
}

.label2-skidka-ski-empty {
    background: rgba(0, 0, 0, 0) url('/resources/img/label2-skidka-ski-empty.svg') no-repeat;
}

.label2-skidka-board-empty {
    background: rgba(0, 0, 0, 0) url('/resources/img/label2-skidka-board-empty.svg') no-repeat;
}

.label2-skidka-for-box-empty {
    background: rgba(0, 0, 0, 0) url('/resources/img/label2-skidka-for-box-empty.svg') no-repeat;
}


.autoboxes-php .label2-skidka-empty {
    right: -15px;
}


.label-action {
    /* color: red; */
    background: rgba(0, 0, 0, 0) url('/resources/img/label_action.svg') no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: '';
    display: block;
    height: 79px;
    left: -9px;
    position: absolute;
    top: -17px;
    width: 102px;
    z-index: 100;
}

.label-hit {
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    background: rgba(0, 0, 0, 0) url('/resources/img/label_hit.svg') no-repeat;
    background-size: 100% 100%;
    /* растягивает фон на всю ширину и высоту блока */
    bottom: 0;
    content: "";
    display: block;
    height: 60px;
    position: absolute;
    right: -12px;
    top: -7px;
    transform: rotate(-40deg);
    width: 100px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.5);  */
    z-index: 100;
}

.hit-content {
    color: white;
    font-family: "PFBulletinSansPro-Medium", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 16px;
    margin-left: -10px;
    padding-top: 11px;
    /* background: linear-gradient(red 0%, red 50%, #7E0000 100%); */
    /* -webkit-background-clip: text; */
    /* color: transparent; */
}

.skidka-caption {
    color: white;
    font-family: "PFBulletinSansPro-Medium";
    font-size: 25px;
    padding-top: 2px;
}

.skidka-content {
    color: #D40000;
    font-family: "PFBulletinSansPro-Medium", sans-serif;
    font-size: 22px;
    font-weight: 800;
    padding-top: 9px;
    /*     background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(50%, red), to(#7E0000));
    background: -webkit-linear-gradient(red 0%, red 50%, #7E0000 100%);
    background: -o-linear-gradient(red 0%, red 50%, #7E0000 100%);
    background: linear-gradient(red 0%, red 50%, #7E0000 100%);
    -webkit-background-clip: text;
    color: transparent; */
}

.skidka2-content {
    color: #fff;
    font-family: "PFBulletinSansPro-Medium", sans-serif;
    font-size: 22px;
    font-weight: 800;
    padding-top: 38px;
}


.skidka-content span {
    color: #D40000;
    font-size: 18px;
}

.skidka2-content span {
    color: #fff;
    font-size: 18px;
}


.gradient {
    background: #f6f6f6;
    background: -o-linear-gradient(bottom, #e5e5e5, #f7f7f7);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f7f7f7));
    background: linear-gradient(to top, #e5e5e5, #f7f7f7);
}

.gradient-skidka {
    background: #DCEFFD;
    background: -o-linear-gradient(bottom, #C6E5FF, #EAF5FF);
    background: -webkit-gradient(linear, left bottom, left top, from(#C6E5FF), to(#EAF5FF));
    background: linear-gradient(to top, #C6E5FF, #EAF5FF);
}


/* .transparentlink {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 2000;
}
*/

.map_1 {
    background-image: url("/resources/img/bg_map_rostov.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 430px;
    height: 430px;
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/
    /* z-index: 2000; */
}

.tip_b {
    color: #3F3F3F;
    float: right;
    font-size: 20px;
    font-weight: 600;
    padding-top: 2px;
    /* padding-right: 10px; */
    text-align: right;
}

.kosay {
    -ms-transform: skewY(29deg);
    /*     background: -o-linear-gradient(to right, #D6D6D6, #FCFCFC);
    background: -webkit-linear-gradient(to right, #D6D6D6, #FCFCFC);
    background: -webkit-gradient(linear, left top, right top, from(#D6D6D6), to(#FCFCFC));
    background: -webkit-linear-gradient(left, #D6D6D6, #FCFCFC);
    background: -o-linear-gradient(left, #D6D6D6, #FCFCFC);
    background: linear-gradient(to right, #D6D6D6, #FCFCFC); */
    -webkit-transform: skewY(29deg);
    background: #D3D3D3;
    height: 5px;
    margin-top: 74px;
    transform: skewY(29deg);
    width: 100%;
}

.tip_k {
    color: #3F3F3F;
    /* padding-left: 10px; */
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin-top: 50px;
    text-align: left;
}

.tab {
    margin-top: 30px;
}

.shadow-perimeter {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
}

/*.shadow-perimeter-skidka {
    -webkit-box-shadow: 0 0 15px 0 rgba(246, 112, 14, 0.9);
    box-shadow: 0 0 15px 0 rgba(246, 112, 14, 0.9);
    background: red;
}
*/
.shadow-perimeter-skidka {
    -webkit-box-shadow: 0 0 15px 0 rgba(14, 148, 246, 0.9);
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(14, 148, 246, 0.9);
}


.choice-item-img img {
    /* // position: relative; */
    /* // float: left; */
    padding-bottom: 5px;
}

.choice-item-img {
    overflow: hidden;
    /* margin-left: 10px; */
    text-align: center;
    width: 100%;
}

.choice-cell {
    overflow: hidden;
    text-align: left;
    /* // уменьшить пробел между колонками */
    /* // padding-right: 5px; */
    /* // padding-left: 5px; */
}

.choice-cell-h150 {
    height: 150px;
}

.choice-cell-h150 img {
    margin-top: 20px;
}

.choice-cell img {
    margin-left: -1px;
}

.choice-item-img-title {
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-family: 'PFBulletinSansPro-Medium';
    font-size: 20px;
    height: 28px;
    /* // left: 0; */
    line-height: 28px;
    text-align: center;
    /* // top: 0; */
    width: 100%;


}

.choice-item-img-title-skidka {
    background-color: rgba(0, 22, 95, 1);
}

.choice-item-img-title-label {
    padding-left: 10px;
    text-align: left;
}


section {
    margin-top: 10px;
}

.bars {
    margin-top: 60px;
}

.tab_bottom {
    margin-bottom: 30px;
}

.price {
    color: #d6670f;
    font-family: 'PFBulletinSansPro-Medium', sans-serif;
    font-size: 25px;
    font-weight: 800;
    /* font-size: 20px; */
    padding-top: 5px;
}

.price span {
    color: #9195a0;
    font-size: 22px;
    padding-top: 10px;
}

.choice-cell-in {
    position: relative;
    width: 100%;
}

.choice-cell-in-content {
    background-color: #f5f5f5;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 100%;
    /* // background-color: #0026FF; */
}

.button_plus h3 i {
    color: #0294e1;
    font-size: 25px;
    padding-right: 6px;
}

.button_plus a {
    color: #0294e1;
    text-decoration: none;
}

.faq {
    text-align: left;
    /* margin-top: 60px; */
}

.price-bx {
    margin-top: 60px;
}

.price-bx-ski-binding {
    margin-top: 60px;
}

.bx-btn {
    margin-top: -130px;
    padding-top: 75px;
    position: relative;
}

.bx-btn-php {
    margin-top: 10px;
    padding-top: 75px;
    position: relative;
}

.no-select-color .bx-btn {
    margin-top: -50px;
    padding-top: 14px;
    position: relative;
}

.onas {
    background: #F5F5F5;
}

.onas-content {
    margin-top: 35px;
}

.cert {
    margin-top: 30px;
}

.img_cert {
    text-align: center;
    vertical-align: middle;
}

.img_cert img {
    display: inline-block;
    max-width: 100%;
}

.footer-top-line {
    height: 125px;
    line-height: .5;
}

.footer-requisite {
    color: #353535;
    padding-top: 15px;
    text-align: left;
}

.footer-requisite span {
    color: #dd7518;
}

.footer-adress {
    color: #373737;
    font-family: 'Pragmatica-SlabserifBook';
    font-size: 24px;
    line-height: .85;
    padding-top: 50px;
    text-align: center;
}

.footer-info {
    color: #353535;
    font-size: 18px;
    padding-top: 8px;
    text-align: right;
}

.footer-info p:first-of-type {
    color: #5c5c5c;
    font-size: 16px;
}

.footer-info p:nth-of-type(4) {
    border: none;
    color: #5c5c5c;
    font-size: 20px;
    margin-top: 0;
}

.footer-info p:nth-of-type(4) {
    color: #5c5c5c;
    font-size: 20px;
}

.footer-info p:nth-of-type(4) span {
    color: #e67e22;
}

.footer-info p:last-of-type {
    float: right;
}

.footer-info p:last-of-type span {
    color: #e67e22;
}

.footer-info-m {
    color: #353535;
    font-size: 18px;
    padding-top: 8px;
    text-align: right;
}

.eula {
    display: inline-block;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 13px;
    text-align: center;
    width: 100%;
}

.footer-copyright {
    background-color: #66696b;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding-top: 8px;
    text-align: center;
}

.footer_data {
    padding-left: 0;
    padding-right: 0;
}

section.map {
    position: relative;
}

.map-title {
    /* pointer-events: none; */
    background-color: rgba(255, 255, 255, 1);
    height: 58px;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 320px;
}

.map-title h2 {
    font-size: 22px;
    padding-top: 15px;
}

.map-title h2:after {
    background-color: #5696d8;
    content: '';
    display: block;
    height: 3px;
    margin: 5px auto 0;
    width: 52px;
}

.fancybox-close {
    right: -18px;
    top: -18px;
}


section .comments {
    padding-bottom: 60px;
}

.comments-title {
    text-align: center;
}

.comments-title h2 {
    font-size: 25px;
    padding-top: 35px;
}

.comments-title h2:after {
    background-color: #5696d8;
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    margin-top: 5px;
    width: 52px;
}

.comments-item {
    /* width: 860px; */
    /* float: right; */
    border: 3px solid #e8e8e8;
    margin-top: 30px;
    padding: 20px 20px 20px 0;
}

.comments-item-img {
    /* max-height: 153px; */
    display: inline-block;
    margin: 0 auto;
    max-width: 200px;
    vertical-align: top;
}

.comments-item-img img {
    width: 100%;
}


.comments-item-descr {
    color: #676767;
    /* width: 740px; */
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    text-align: justify;
}

.comments-item-descr p:nth-of-type(2) {
    color: #e67e22;
    float: left;
    font-size: 16px;
    /* padding-top: 55px; */
}

.comments-item:nth-of-type(2) .comments-item-descr p:nth-of-type(2) {
    /* padding-top: 75px; */
}

.comments-item:nth-of-type(3) .comments-item-descr p:nth-of-type(2) {
    /* padding-top: 75px; */
}

.comments-item-descr p:nth-of-type(3) {
    color: #868686;
    float: right;
    font-size: 16px;
    /* padding-top: 33px; */
}

.comments-item-descr span {
    font-family: "PFBulletinSansPro-Medium";
}


.same img {
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .35);
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: 190px;
    width: 100%;
}


.orange_border {
    border: 3px solid rgba(255, 108, 0, 0.9);
    /*height: 335px;*/
    margin-bottom: 15px;
    min-width: 300px;
    padding: 4px;
    position: relative;
    /*width: 50%;*/
    width: 300px;
}

.blue_border {
    border: 3px solid rgba(0, 150, 225, 0.9);
    /*height: 335px;*/
    margin-bottom: 15px;
    min-width: 300px;
    padding: 4px;
    position: relative;
    /*width: 50%;*/
    width: 300px;
}


.video_bg {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0) url('/resources/img/form-bg-sm.png');
    padding: 15px;
    text-align: center;
    /*text-align: left;*/
}

.video_action_data {
    color: #fff;
    color: #303030;
    color: #000;
    font-family: 'Pragmatica-SlabserifBook';
    font-size: 18px;
    padding-bottom: 3px;
    padding-top: 0;
}

.video_action_txt {
    color: #fff;
    color: #303030;
    font-family: 'Pragmatica-SlabserifBook';
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;


}

.video_action_txt span {
    font-size: 18px;
    /*font-family: "PFBulletinSansPro-Medium";*/
}


.video {
    margin: auto;
    width: 41.5%;
    width: 57%;
    width: 60%;
}

.myvideo {
    border: 1px solid #ccc;
    height: 0;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*16:9*/
    padding-bottom: 75%;
    /*4:3*/
    padding-bottom: 83%;
    /*padding-bottom: 78%;*/
    /*только тут*/
    padding-top: 30px;
    position: relative;
}

.myvideo iframe,
.myvideo object,
.myvideo embed {
    height: 100%;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 100%;
}

.link-gift {
    /*text-align: center;*/
    color: rgb(11, 140, 209);
    margin-bottom: -10px;


}


.row_same {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.tumb {
    width: 16.66666667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;

}

.display-hide {
    display: none;
}

.img_zal {
    margin-bottom: 30px;
}

.img_zal img {
    width: 100%;
}

/* настройка вида слайдера */

.bx-wrapper .bx-pager {
    bottom: 0;
    color: #666;
    font-family: Arial;
    /*font-family: "PFBulletinSansPro-Regular";*/
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
    z-index: 10;
}

.autoboxes-php .bx-wrapper .bx-pager {
    bottom: 0;
    bottom: 90px;
    color: #666;
    /*font-family: Arial;*/
    font-family: "PFBulletinSansPro-Regular";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-top: 20px;
    text-align: center;
    z-index: 10;
}


.bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 3px;
    padding: 3px;
}

.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active {
    border: solid #5280dd 1px;
}

.bx-pager:before {
    content: 'Выберите цвет:';
    display: block;
    /*vertical-align: middle;*/
    /*   color: red;*/
    padding-bottom: 5px;
}

.bx-wrapper {
    /* // margin-bottom: 50px; */
}

.bx-wrapper .bx-caption {
    /* // padding-top: 50px; */
    background: transparent;
    bottom: 102px;
    left: 0;
    position: relative;
    /* // background: #666; */
    /* // background: rgba(80, 80, 80, 0.05); */
    width: 100%;
}


.no-select-color .bx-wrapper .bx-caption {
    bottom: 85px;
}

.bx-wrapper .bx-caption span {
    color: black;
    display: block;
    /*font-family: Arial;*/
    font-family: 'PFBulletinSansPro-Regular';
    font-size: 16px;
    padding: 10px;
    text-align: center;
}


/* конец настройка вида слайдера */

/* слайдер плитки  */

.carousel {
    /* margin-top: 40px; */
    /* margin: 50px auto; */
    width: 100%;

}

.carousel-wrapper {

    overflow: hidden;
    position: relative;
}

.carousel-items {
    position: relative; /* позиционируем блок относительно основной области карусели */
    display: flex;
    margin-left: -15px;


}

.carousel-block {
    width: 250px; /* задаём ширину каждого элемента */
    padding: 10px 10px 10px 0px; /* делаем оступы, чтобы элементы не сливались */

    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #ccc;
    /* border:  1px red solid; */
    margin: 15px;
    padding: 10px;
    width: 100%;
    /* width: calc(25% - (0.75 * 30px)); */
    flex: 0 0 auto;

}

.carousel-block img {
    display: block;
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a {
    width: 25px;
    height: 36px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

.carousel-button-left a {
    float: left;
    margin-left: -30px;
    background: url(/resources/img/carousel-left.png);
}

.carousel-button-right a {
    float: right;
    margin-right: -30px;
    background: url(/resources/img/carousel-right.png);
}

/*********** SHADOW ***********/
.shadow {
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); */

    display: flex;
    align-items: center;
    /* flex: 0 0 auto; */

}

/* end слайдер плитки  */

/*  FAQ   */

/*.flex-grow-11 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: auto;
}

*/

.section-faq {
    margin: 35px 0 35px 0;
}

.faq {
    margin-bottom: 5px;
    /*display: flex;*/
    /*align-items: center;*/
    /*flex-grow:  1;*/

}

.question {
    display: flex;
    /*flex-grow:  1;*/
    /*flex-direction: row;*/
    align-items: center;
    border: 1px #64a9ff solid;
    border-radius: 5px;
    padding: 15px 10px 15px 10px;

}

.question-txt {
    /*display: flex;*/
    flex-grow: 1;
}

.answer {
    padding-top: 10px;
    height: 0;
    overflow: hidden;
}

.arrow {
    width: 20px;
    height: 20px;
    transition: 400ms ease all;

}

.arrow img {
    height: 100%;
}

.arrow-rotate {
    transform: rotate(90deg);
    transform: rotate(-270deg);
    transition: 400ms ease all;
}

/* end FAQ   */