article, aside, body, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}

.about_wrap, .catalog_wrap, .contacts_wrap, .design_wrap, .how_wrap, .video_wrap, header {

    min-width: 1920px;

}

@font-face {

    font-family: UbuntuRegular;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuRegular/UbuntuRegular.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuRegular/UbuntuRegular.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuRegular/UbuntuRegular.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuRegular/UbuntuRegular.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuBold;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuBold/UbuntuBold.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuBold/UbuntuBold.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuBold/UbuntuBold.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuBold/UbuntuBold.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuItalic;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuItalic/UbuntuItalic.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuItalic/UbuntuItalic.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuItalic/UbuntuItalic.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuItalic/UbuntuItalic.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuLight;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuLight/UbuntuLight.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuLight/UbuntuLight.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuLight/UbuntuLight.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuLight/UbuntuLight.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuLightItalic;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuLightItalic/UbuntuLightItalic.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuLightItalic/UbuntuLightItalic.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuLightItalic/UbuntuLightItalic.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuLightItalic/UbuntuLightItalic.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuMedium;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuMedium/UbuntuMedium.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuMedium/UbuntuMedium.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuMedium/UbuntuMedium.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuMedium/UbuntuMedium.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuMediumItalic;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuMediumItalic/UbuntuMediumItalic.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuMediumItalic/UbuntuMediumItalic.ttf) format("truetype");

}

@font-face {

    font-family: UbuntuBoldItalic;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot);

    src: url(/wp-content/themes/baff/fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/baff/fonts/UbuntuBoldItalic/UbuntuBoldItalic.woff) format("woff"), url(/wp-content/themes/baff/fonts/UbuntuBoldItalic/UbuntuBoldItalic.ttf) format("truetype");

}

@font-face {

    font-family: HKGrotesk-Bold;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/HKGrotesk-Bold.ttf) format("truetype"), url(/wp-content/themes/baff/fonts/HKGrotesk-Bold.woff2) format("woff2"), url(/wp-content/themes/baff/fonts/HKGrotesk-Bold.woff) format("woff"), url(/wp-content/themes/baff/fonts/HKGrotesk-Bold.svg#HKGrotesk-Bold) format("svg");

}

@font-face {

    font-family: HKGrotesk-Medium;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/HKGrotesk-Medium.ttf) format("truetype"), url(/wp-content/themes/baff/fonts/HKGrotesk-Medium.woff2) format("woff2"), url(/wp-content/themes/baff/fonts/HKGrotesk-Medium.woff) format("woff"), url(/wp-content/themes/baff/fonts/HKGrotesk-Medium.svg#HKGrotesk-Medium) format("svg");

}

@font-face {

    font-family: HKGrotesk-LightItalic;

    font-style: normal;

    font-weight: 400;

    src: url(/wp-content/themes/baff/fonts/HKGrotesk-LightItalic.ttf) format("truetype"), url(/wp-content/themes/baff/fonts/HKGrotesk-LightItalic.woff2) format("woff2"), url(/wp-content/themes/baff/fonts/HKGrotesk-LightItalic.woff) format("woff"), url(/wp-content/themes/baff/fonts/HKGrotesk-LightItalic.svg#HKGrotesk-LightItalic) format("svg");

}

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    line-height: 20px;

	border-radius: 0;

}

textarea::-webkit-input-placeholder {

    font-style: italic;

    opacity: .5;

    padding-left: 15px;

    padding-top: 10px;

}

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    line-height: 20px;

	border-radius: 0;

}

textarea::-moz-placeholder {

    font-style: italic;

    opacity: .5;

    padding-left: 15px;

    padding-top: 10px;

}

input[type=text]:-moz-placeholder, textarea:-moz-placeholder {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    line-height: 20px;

	border-radius: 0;

}

textarea:-moz-placeholder {

    font-style: italic;

    opacity: .5;

    padding-left: 15px;

    padding-top: 10px;

}

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    line-height: 20px;

	border-radius: 0;

}

textarea:-ms-input-placeholder {

    font-style: italic;

    opacity: .5;

    padding-left: 15px;

    padding-top: 10px;

}



input[type="text"] {

	font-size:18px;

	line-height: 20px;

	border-radius: 0;

}



a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {

    border: 0;

    font: inherit;

    margin: 0;

    padding: 0;

    vertical-align: top;

}



.catalog_wrap .catalog .pagination li a, a, h1, h2, h3, h4, h5, h6, p, span {

    font-family: HKGrotesk-Medium;

}

body {

    line-height: 1;

    margin: 0 auto;

    position: relative;

}

ol, ul {

    list-style: none;

}

li {

    list-style-type: none;

}

blockquote, q {

    quotes: none;

}

blockquote:after, blockquote:before, q:after, q:before {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.clearfix:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

a {

    text-decoration: none;

}

.fixed-crossbrowser-background {

    display: none;

}



input[type="text"] ,select {

	border-radius: 0;

}



header {

    background-color: #000;

    height: 80px;

    position: fixed;

    width: 100%;

    z-index: 9999;

}

header .header_wrap {

    align-items: center;

    display: flex;

    flex-direction: row;

    height: 80px;

    justify-content: space-between;

    margin: 0 auto;

    width: 1920px;

}

header .header_wrap img.logo {

    padding-left: 22px;

}

header .header_wrap nav {

    align-items: center;

    display: flex;

    flex-direction: row;

}

header .header_wrap nav li {

    margin-right: 68px;

}

header .header_wrap nav li:last-child {

    margin-right: 0;

}

header .header_wrap nav li a {

    color: #cac8c7;

    font-family: HKGrotesk-Bold;

    font-size: 21px;

    text-transform: uppercase;

}

header .header_wrap nav li a:hover, header .header_wrap nav li.active a {

    color: #6be2c2;

}

header .header_wrap .soc {

    align-items: center;

    display: flex;

    flex-direction: row;

    margin-right: 35px;

}

header .header_wrap .soc li {

    padding-right: 20px;

}

header .header_wrap .soc li:last-child {

    padding-right: 0;

}


.video_wrap {

    position: relative;

    width: 100%}

.video_wrap .video {

    background-image: url(img/first_back.png);

    display: block;

    height: 100%;

    margin: 0 auto;

    position: relative;

    width: 1920px;

}

.video_wrap .video video {

    height: 100%;

    z-index: 1;

}

.video_wrap .video button.menu_open {

    display: none;

}

.video_wrap .video img.logo {

    bottom: 40px;

    position: absolute;

    right: 78px;

    z-index: 2;

}

.video_wrap .video img.mouse, .video_wrap .video img.mouse_arr {

    display: block;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    z-index: 2;

}

.video_wrap .video img.mouse {

    bottom: 90px;

}

.video_wrap .video img.mouse_arr {

    bottom: 40px;

}

.video_wrap .video img.tablet_logo {

    display: none;

}

.about_wrap {

    background-color: #060708;

    background-image: url(img/second_back.png);

    background-position: 0 60px;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    margin: 0 auto;

    position: relative;

    width: 100%}

.about_wrap .about {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin: 0 auto;

    top: 80px;

    width: 1530px;

}

.about_wrap .about .left {

    align-items: center;

    display: flex;

    flex-direction: column;

}

.about_wrap .about .left img:first-child {

    margin-bottom: 122px;

}

.about_wrap .about .left img:nth-child(2) {

    margin-bottom: 120px;

}

.about_wrap .about .center {

    max-width: 920px;

    position: relative;

}

.about_wrap .about .center p {

    color: #f2f2f2;

    font-family: UbuntuMedium, sans-serif;

    font-size: 24px;

    line-height: 1.3;

    position: relative;

    text-align: center;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:first-child::before, .about_wrap .about .center p:nth-child(2)::after, .about_wrap .about .center p:nth-child(2)::before {

    content: '';

    display: block;

    position: absolute;

}

.about_wrap .about .center p:first-child::before {

    background-image: url(img/p1.png);

    height: 25px;

    left: -25px;

    top: -15px;

    width: 24px;

}

.about_wrap .about .center p:first-child::after {

    background-image: url(img/p2.png);

    height: 24px;

    right: -25px;

    top: -15px;

    width: 25px;

}

.about_wrap .about .center p:nth-child(2) {

    margin-top: 40px;

}

.about_wrap .about .center p:nth-child(2)::before {

    background-image: url(img/p3.png);

    bottom: -15px;

    height: 24px;

    left: -25px;

    width: 25px;

}

.about_wrap .about .center p:nth-child(2)::after {

    background-image: url(img/p4.png);

    bottom: -15px;

    height: 25px;

    right: -25px;

    width: 24px;

}

.about_wrap .about .center p.italic {

    font-family: UbuntuLightItalic, sans-serif;

    font-size: 21px;

    margin-top: 115px;

}

.about_wrap .about .center .buttons a, .catalog_wrap .catalog .create a, .how_wrap .how .right p {

    font-family: HKGrotesk-Bold;

    text-align: center;

    text-transform: uppercase;

}

.about_wrap .about .center .buttons {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin-top: 65px;

}

.about_wrap .about .center .buttons a {

    border: 4px solid #6be2c2;

    color: #6be2c2;

    display: block;

    font-size: 24px;

    padding: 15px 0;

    width: 350px;

}

.about_wrap .about .center .buttons a:hover {

    background-color: #6be2c2;

    color: #000;

    transition: all .5s;

}

.how_wrap .how .left button.down, .how_wrap .how .left button.up {

    background-position: center;

    background-repeat: no-repeat;

    color: transparent;

    left: 0;

    right: 0;

}

.how_wrap .how .center img {

    width: 100%}

.about_wrap .about .center .buttons a:first-child {

    margin-left: 60px;

}

.about_wrap .about .center .buttons a:last-child {

    margin-right: 75px;

}

.about_wrap .about .right {

    align-items: center;

    display: flex;

    flex-direction: column;

}

.about_wrap .about .right img:first-child {

    margin-bottom: 95px;

}

.about_wrap .about .right img:nth-child(2) {

    margin-bottom: 70px;

}

.how_wrap {

    background-color: #1e2126;

    background-image: url(img/third_back.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    width: 100%}

.how_wrap .how {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin: 0 auto;

    position: relative;

    top: 80px;

    width: 1530px;

    height: 100%}

.how_wrap .how .left {

    display: flex;

    flex-direction: column;

    position: relative;

    width: 176px;

}

.how_wrap .how .left img {

    border: 5px solid transparent;

    border-radius: 90px;

    margin-bottom: 25px;

}

.how_wrap .how .left img.active, .how_wrap .how .left img:hover {

    border: 5px solid #6be2c2;

    cursor: pointer;

}

.how_wrap .how .left button {

    background-color: rgba(0, 0, 0, .7);

    border: none;

    border-radius: 30px;

    cursor: pointer;

    display: block;

    height: 60px;

    margin: 0 auto;

    outline: 0;

    position: absolute;

    width: 60px;

    z-index: 1;

}

.how_wrap .how .left button:hover {

    background-color: rgba(0, 0, 0, 1);

}

.how_wrap .how .left button.up {

    background-image: url(img/arr_up.png);

    top: -25px;

}

.how_wrap .how .left button.down {

    background-image: url(img/arr_down.png);

    bottom: 15px;

}

.how_wrap .how .center {

    align-items: flex-end;

    display: flex;

    justify-content: flex-end;

    height: 100%}

.how_wrap .how .left div {

    outline: 0;

}

.how_wrap .how .right {

    align-items: center;

    display: flex;

    flex-direction: column;

    position: relative;

}

.how_wrap .how .right p {

    color: #fff;

    font-size: 21px;

    position: relative;

}

.how_wrap .how .right p:after, .how_wrap .how .right p:before {

    content: '';

    display: block;

    height: 18px;

    position: absolute;

    width: 20px;

}

.how_wrap .how .right p:before {

    background-image: url(img/h_before.png);

    left: -20px;

    top: -20px;

}

.how_wrap .how .right p:after {

    background-image: url(img/h_after.png);

    bottom: -20px;

    right: -25px;

}

.how_wrap .how .right img {

    margin-top: 60px;

}

.how_wrap .how button.know_how {

    display: none;

}

.catalog_wrap {

    background-color: #fff;

    position: relative;

    width: 100%}

.catalog_wrap .catalog {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    top: 65px;

    width: 1530px;

}

.catalog_wrap .catalog .items {

    display: flex;

    flex-direction: row;

    position: relative;

    align-items: center;

    justify-content: space-between;

}

.catalog_wrap .catalog .items img {

    border: 4px solid transparent;

    margin-right: 30px;

    display: none;

}

.catalog_wrap .catalog .items img:nth-child(1), .catalog_wrap .catalog .items img:nth-child(2), .catalog_wrap .catalog .items img:nth-child(3), .catalog_wrap .catalog .items img:nth-child(4) {

    display: block;

}

.catalog_wrap .catalog .items img:hover {

    border: 4px solid #6be2c2;

    cursor: pointer;

}

.catalog_wrap .catalog .items button {

    background-color: rgba(0, 0, 0, .7);

    border: none;

    border-radius: 30px;

    cursor: pointer;

    display: block;

    height: 60px;

    margin: 0 auto;

    outline: 0;

    position: absolute;

    width: 60px;

    z-index: 1;

}

.catalog_wrap .catalog .items button.getnext, .catalog_wrap .catalog .items button.getprev, 
.catalog_wrap .product_wrap .content button.getnext, 
.catalog_wrap .product_wrap .content button.getprev {

    background-image: url(img/arr_up.png);

    background-position: center;

    background-repeat: no-repeat;

    margin-top: -30px;

    top: 50%}

.catalog_wrap .catalog .items button.getprev,
.catalog_wrap .product_wrap .content button.getprev
 {

    left: -10px;

    moz-transform: rotate(270deg);

    ms-transform: rotate(270deg);

    o-transform: rotate(270deg);

    transform: rotate(270deg);

    webkit-transform: rotate(270deg);

}

.catalog_wrap .product_wrap .content button.getnext {

    moz-transform: rotate(270deg);

    ms-transform: rotate(270deg);

    o-transform: rotate(270deg);

    transform: rotate(270deg);

    webkit-transform: rotate(270deg);
}

.catalog_wrap .catalog .items button.getnext 
 {

    moz-transform: rotate(90deg);

    ms-transform: rotate(90deg);

    o-transform: rotate(90deg);

    right: 0;

    transform: rotate(90deg);

    webkit-transform: rotate(90deg);

}

.catalog_wrap .catalog .pagination {

    margin-top: 60px;

    text-align: center;

}

.catalog_wrap .catalog .pagination li {

    display: inline-block;

    margin-bottom: 15px;

    margin-right: 5px;

    margin-left: 5px;

}

.catalog_wrap .catalog .pagination li a {

    color: #6a6a6a;

    font-size: 24px;

    padding: 0 5px;

}

.catalog_wrap .catalog .pagination li a.active, .catalog_wrap .catalog .pagination li a:hover {

    border-bottom: 3px solid #6be2c2;

}

.catalog_wrap .catalog .pagination:after {

    background-color: #000;

    border-radius: 5px;

    content: '';

    display: block;

    height: 5px;

    margin: 0 auto;

    width: 180px;

}

.catalog_wrap .catalog .create {

    margin-top: 65px;

}

.catalog_wrap .catalog .create a {

    border: 4px solid #6be2c2;

    color: #040203;

    display: block;

    font-size: 24px;

    padding: 14px 34px;

    transition: all .5s;

}

.catalog_wrap .catalog .create a:hover {

    background-color: #6be2c2;

    transition: all .5s;

}

.design_wrap {

    background-color: #fff;

    position: relative;

    width: 100%}

.design_wrap .design {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    top: 65px;

    width: 1920px;

}

.design_wrap .design .content, .design_wrap .design .content .left .columns {

    display: flex;

    flex-direction: row;

}

.design_wrap .design .title {

    max-width: 1440px;

}

.design_wrap .design .title p.normal {

    color: #000;

    font-family: UbuntuItalic;

    font-size: 18px;

    padding-left: 35px;

    padding-right: 35px;

    position: relative;

}

.design_wrap .design .title p.big {

    font-family: HKGrotesk-Bold;

    font-size: 24px;

    font-style: normal;

    margin-bottom: 20px;

    padding-left: 35px;

    padding-right: 35px;

    position: relative;

    text-transform: uppercase;

}

.design_wrap .design .title p.big:before {

    background-image: url(img/d_left.png);

    content: '';

    height: 25px;

    left: 0;

    position: absolute;

    top: -20px;

    width: 24px;

}

.design_wrap .design .title p.normal:after {

    background-image: url(img/d_right.png);

    bottom: -5px;

    content: '';

    height: 25px;

    position: absolute;

    right: 0;

    width: 24px;

}

.design_wrap .design .content {

    margin-top: 50px;

}

.design_wrap .design .content .left .columns .column {

    margin-right: 35px;

    text-align: center;

}

.design_wrap .design .content .left .columns .column:last-child {

    margin-right: 0;

}

.design_wrap .design .content .left .columns .column>div {

    background-color: #6be2c2;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    height: 350px;

    width: 360px;

}

.design_wrap .design .content .left .columns .column>div p {

    color: #fff;

    font-family: HKGrotesk-Bold;

    font-size: 24px;

    padding-top: 28px;

    text-transform: uppercase;

}

.design_wrap .design .content .left .columns .column label.upload {

    color: #000;

    cursor: pointer;

    display: block;

    font-family: HKGrotesk-Bold;

    font-size: 21px;

    font-style: italic;

    margin-top: 45px;

    opacity: .8;

    text-decoration: underline;

    text-transform: uppercase;

}

input[type=file] {

    height: .1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    width: .1px;

    z-index: -1;

}

.design_wrap .design .content .left .group {

    display: flex;

    margin-bottom: 25px;

    margin-top: 30px;

}

.design_wrap .design .content .left .group .jq-checkbox {

    background: 0 0;

    border: 2px solid #000;

    border-radius: 0;

    box-shadow: none;

    height: 10px;

    width: 10px;

}

.design_wrap .design .content .left .group .jq-checkbox.checked .jq-checkbox__div {

    border-bottom: 2px solid #000;

    border-left: 2px solid #000;

    height: 4px;

    margin: 0;

    moz-transform: rotate(-50deg);

    ms-transform: rotate(-50deg);

    o-transform: rotate(-50deg);

    transform: rotate(-50deg);

    webkit-transform: rotate(-50deg);

    width: 10px;

}

.design_wrap .design .content .right .jq-selectbox {

    display: block;

}

.design_wrap .design .content .right .jq-selectbox .jq-selectbox__select {

    background: 0 0;

    border-bottom: 3px solid #6be2c2;

    border-left: none;

    border-radius: 0;

    border-right: none;

    border-top: none;

    box-shadow: none;

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    margin-bottom: 10px;

    padding: 10px 20px;

    text-shadow: none;

    width: 480px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown ul li:nth-child(2)::before, .design_wrap .design .content .right .jq-selectbox__trigger .jq-selectbox__trigger-arrow {

    background-image: url(img/arrow_select.png);

    background-repeat: no-repeat;

    height: 11px;

    width: 19px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown {

    border: 3px solid #6be2c2;

    bottom: auto!important;

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    margin-top: -50px;

    top: auto!important;

}

.design_wrap .design .content .left .group label, .design_wrap .design .content .left p.demands, .design_wrap .design .content .left p.sale {

    font-family: UbuntuMedium, sans-serif;

    font-size: 18px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown ul li {

    padding: 8px 15px 16px;

    position: relative;

}

.design_wrap .design .content .right .jq-selectbox__dropdown ul li:first-child {

    display: none;

}

.design_wrap .design .content .right .jq-selectbox__dropdown ul li:nth-child(2)::before {

    content: '';

    display: block;

    moz-transform: rotate(180deg);

    ms-transform: rotate(180deg);

    o-transform: rotate(180deg);

    position: absolute;

    right: 10px;

    top: 15px;

    transform: rotate(180deg);

    webkit-transform: rotate(180deg);

}

.design_wrap .design .content .left p.sale {

    margin-top: 35px;

}

.design_wrap .design .content .right {

    margin-left: 50px;

}

.design_wrap .design .content .right input, .design_wrap .design .content .right select, .design_wrap .design .content .right textarea {

    outline: 0;

}

.design_wrap .design .content .right input[type=text] {

    border-bottom: 3px solid #6be2c2;

    border-left: none;

    border-right: none;

    border-top: none;

    color: #040203;

    display: block;

    margin-bottom: 14px;

    padding: 10px 20px;

    width: 480px;

}

.design_wrap .design .content .right select {

    width: 100%}

.design_wrap .design .content .right .group {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin: 10px 0;

}

.design_wrap .design .content .right .group p {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 22px;

}

.design_wrap .design .content .right .group p:first-child {

    padding-left: 20px;

}

.design_wrap .design .content .right .group p:last-child {

    align-items: flex-end;

    background-color: #6be2c2;

    color: #464646;

    display: flex;

    font-family: HKGrotesk-Bold;

    font-size: 42px;

    padding: 15px 20px;

}

.design_wrap .design .content .right .group p:last-child span {

    font-family: HKGrotesk-Medium;

    font-size: 24px;

    margin-left: 5px;

}

.contacts_wrap .contacts .title p, .thanks p.title {

    font-family: HKGrotesk-Bold;

    text-transform: uppercase;

}

.design_wrap .design .content .right textarea {

    border: 3px solid #6be2c2;

    height: 120px;

    max-width: 510px;

    width: 100%}

.design_wrap .design .content .right input[type=submit] {

    background-color: transparent;

    border: 3px solid #6be2c2;

    color: #040707;

    cursor: pointer;

    font-family: HKGrotesk-Bold;

    font-size: 24px;

    margin-top: 12px;

    padding: 10px 0;

    text-align: center;

    text-transform: uppercase;

    width: 100%}

.design_wrap .design .content .right input[type=submit]:hover {

    background-color: #6be2c2;

    transition: all .5s;

}

.overlay_d {

    background-color: #fff;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 10;

}

.thanks {

    border: 2px solid #6be2c2;

    display: block;

    height: 135px;

    left: 50%;

    margin: -70px auto 0 -200px;

    position: absolute;

    top: 50%;

    width: 390px;

    z-index: 11;

}

.thanks p, .thanks p.title {

    margin-top: 25px;

    text-align: center;

}

.thanks p.title {

    font-size: 16px;

}

.thanks p {

    font-size: 12px;

    margin-left: 30px;

    margin-right: 30px;

}

.contacts_wrap .contacts .info .phone p, .contacts_wrap .contacts .info address {

    font-family: HKGrotesk-Medium;

    font-size: 24px;

}

.thanks button.close {

    background-color: transparent;

    background-image: url(img/close_thanks.png);

    border: none;

    cursor: pointer;

    height: 20px;

    outline: 0;

    position: absolute;

    right: 10px;

    top: 10px;

    width: 20px;

}

.contacts_wrap {

    background-color: #fff;

    position: relative;

    width: 100%}

.contacts_wrap .contacts {

    align-items: center;

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    width: 1920px;

}

footer, footer img {

    position: absolute;

}

.contacts_wrap .contacts .map {

    height: 240px;

    width: 100%}

.contacts_wrap .contacts .title {

    margin-top: 50px;

    text-align: center;

}

.contacts_wrap .contacts .title p {

    font-size: 24px;

}

.contacts_wrap .contacts .title p:after {

    background-color: #000;

    border-radius: 10px;

    content: '';

    display: block;

    height: 5px;

    margin: 10px auto 0;

    width: 200px;

}

.contacts_wrap .contacts .info {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin-top: 65px;

    /*width: 1200px;*/
    width: 1280px;

}

.contacts_wrap .contacts .info .phone {

    margin-right: 100px;

}

.contacts_wrap .contacts .info .phone p span {

    display: inline-block;

    width: 140px;

}

.contacts_wrap .contacts .info address {

    margin-right: 230px;

}

.contacts_wrap .contacts .info .socnet a {

    margin-right: 15px;

}

.contacts_wrap .contacts .info .socnet a:last-child {

    margin-right: 0;

}

footer {

    background-color: #000;

    bottom: 0;

    height: 40px;

    min-width: 100vw;

    top: auto;

}

footer .footer_wrap {

    align-items: center;

    display: flex;

    flex-direction: row;

    height: 40px;

    justify-content: space-between;

    margin: 0 auto;

    width: 1520px;

}

footer .footer_wrap p {

    color: #8c8c8c;

    font-family: HKGrotesk-Medium;

    font-size: 15px;

}

footer img {

    left: 25px;

    top: 10px;

}

.product_wrap {

    align-items: flex-start;

    display: none;

    flex-direction: column;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    width: 1220px;

}

.product_wrap .back a:before {

    background-image: url(img/back_arrow.png);

    content: '';

    display: inline-block;

    height: 27px;

    position: relative;

    right: 10px;

    top: 5px;

    width: 41px;

}

.product_wrap .back a {

    color: #000;

    display: block;

    font-family: HKGrotesk-Bold;

    font-size: 21px;

    margin: 20px 0 10px;

}

.product_wrap .content {

    display: flex;

    flex-direction: row;

}

.product_wrap .mini_img {

    display: flex;

    flex-direction: column;

    margin-right: 20px;

}

.product_wrap .mini_img img {

    border: 4px solid transparent;

    margin-bottom: 15px;

    width: 100px;

}

.product_wrap .mini_img img:hover {

    cursor: pointer;

}

.product_wrap .mini_img img.active, .product_wrap .mini_img img:hover {

    border: 4px solid #6be2c2;

}

.product_wrap .big_img {

    margin-right: 120px;

}

.product_wrap .description h1 {

    font-size: 40px;

}

.product_wrap .description p {

    font-size: 16px;

    margin: 10px 0;

}

.product_wrap input, .product_wrap select, .product_wrap textarea {

    outline: 0;

}

.product_wrap input[type=text] {

    border-bottom: 3px solid #6be2c2;

    border-left: none;

    border-right: none;

    border-top: none;

    color: #040203;

    display: block;

    margin-bottom: 14px;

    padding: 10px 20px;

    width: 480px;

}

.product_wrap select {

    width: 100%}

.product_wrap .group {

    align-items: center;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin: 10px 0;

    max-width: 520px;

}

.product_wrap .group p {

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 22px;

}

.product_wrap .group p:first-child {

    padding-left: 20px;

}

.product_wrap .group p:last-child {

    align-items: flex-end;

    background-color: #6be2c2;

    color: #464646;

    display: flex;

    font-family: HKGrotesk-Bold;

    font-size: 42px;

    padding: 15px 20px;

}

.product_wrap .group p:last-child span {

    font-family: HKGrotesk-Medium;

    font-size: 24px;

    margin-left: 5px;

}

.product_wrap textarea {

    border: 3px solid #6be2c2;

    height: 120px;

    max-width: 510px;

    width: 100%}

.product_wrap input[type=submit] {

    background-color: transparent;

    border: 3px solid #6be2c2;

    color: #040707;

    cursor: pointer;

    font-family: HKGrotesk-Bold;

    font-size: 24px;

    margin-top: 12px;

    max-width: 520px;

    padding: 10px 0;

    text-align: center;

    text-transform: uppercase;

    width: 100%}

.product_wrap input[type=submit]:hover {

    background-color: #6be2c2;

    transition: all .5s;

}

.product_wrap .group .jq-checkbox {

    background: 0 0;

    border: 2px solid #000;

    border-radius: 0;

    box-shadow: none;

    height: 10px;

    width: 10px;

}

.product_wrap .group .jq-checkbox.checked .jq-checkbox__div {

    border-bottom: 2px solid #000;

    border-left: 2px solid #000;

    height: 4px;

    margin: 0;

    moz-transform: rotate(-50deg);

    ms-transform: rotate(-50deg);

    o-transform: rotate(-50deg);

    transform: rotate(-50deg);

    webkit-transform: rotate(-50deg);

    width: 10px;

}

.product_wrap .jq-selectbox {

    display: block;

}

.product_wrap .jq-selectbox .jq-selectbox__select {

    background: 0 0;

    border-bottom: 3px solid #6be2c2;

    border-left: none;

    border-radius: 0;

    border-right: none;

    border-top: none;

    box-shadow: none;

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    margin-bottom: 10px;

    padding: 10px 20px;

    text-shadow: none;

    width: 480px;

}

.product_wrap .jq-selectbox__trigger .jq-selectbox__trigger-arrow {

    background-image: url(img/arrow_select.png);

    background-repeat: no-repeat;

    height: 11px;

    width: 19px;

}

.product_wrap .jq-selectbox__dropdown {

    border: 3px solid #6be2c2;

    bottom: auto!important;

    color: #464646;

    font-family: HKGrotesk-Medium;

    font-size: 18px;

    margin-top: -50px;

    max-width: 520px;

    top: auto!important;

    width: 100%!important;

}

.product_wrap .jq-selectbox__dropdown ul li {

    padding: 8px 15px 16px;

    position: relative;

}

.product_wrap .jq-selectbox__dropdown ul li:first-child {

    display: none;

}

.product_wrap .jq-selectbox__dropdown ul li:nth-child(2)::before {

    background-image: url(img/arrow_select.png);

    background-repeat: no-repeat;

    content: '';

    display: block;

    height: 11px;

    moz-transform: rotate(180deg);

    ms-transform: rotate(180deg);

    o-transform: rotate(180deg);

    position: absolute;

    right: 10px;

    top: 15px;

    transform: rotate(180deg);

    webkit-transform: rotate(180deg);

    width: 19px;

}

@media(max-width:1919px) {

    .about_wrap .about .center p, header .header_wrap nav li a {

    font-size: 16px;

}

.about_wrap, .catalog_wrap, .contacts_wrap, .design_wrap, .how_wrap, .video_wrap, header {

    min-width: 1263px;

}

header {

    height: 60px;

}

header .header_wrap {

    height: 60px;

    width: 100%}

header .header_wrap img.logo {

    height: 34px;

    width: 83px;

}

header .header_wrap nav li {

    margin-right: 40px;

}

header .header_wrap .soc li:nth-child(1) a img {

    width: 9px;

}

header .header_wrap .soc li:nth-child(2) a img {

    width: 29px;

}

header .header_wrap .soc li:nth-child(3) a img {

    width: 18px;

}

header .header_wrap .soc li:nth-child(4) a img {

    width: 32px;

}

header .header_wrap .soc li {

    padding-right: 10px;

}

.video_wrap .video {

    background-position: center;

    height: 100%;

    width: 100%}

.video_wrap .video img.logo {

    width: 197px;

}

.video_wrap .video img.mouse {

    width: 20px;

}

.video_wrap .video img.mouse_arr {

    width: 13px;

}

.about_wrap .about {

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto 100%;

    top: 60px;

    width: 1010px;

}

.about_wrap .about .left img:first-child {

    margin-bottom: 85px;

    width: 76px;

}

.about_wrap .about .left img:nth-child(2) {

    margin-bottom: 80px;

    width: 131px;

}

.about_wrap .about .left img:nth-child(3) {

    width: 96px;

}

.about_wrap .about .center {

    max-width: 610px;

}

.about_wrap .about .center p:nth-child(2) {

    margin-top: 25px;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:first-child::before, .about_wrap .about .center p:nth-child(2)::after, .about_wrap .about .center p:nth-child(2)::before {

    background-repeat: no-repeat;

    background-size: 100%;

    height: 17px;

    width: 16px;

}

.about_wrap .about .center p.italic {

    font-size: 14px;

    margin-top: 80px;

}

.about_wrap .about .center .buttons {

    margin-top: 40px;

}

.about_wrap .about .center .buttons a {

    border: 2px solid #6be2c2;

    font-size: 16px;

    padding: 10px 0;

    width: 220px;

}

.about_wrap .about .center .buttons a:first-child {

    margin-left: 40px;

}

.about_wrap .about .right img:first-child {

    margin-bottom: 60px;

    width: 71px;

}

.about_wrap .about .right img:nth-child(2) {

    margin-bottom: 60px;

    width: 73px;

}

.about_wrap .about .right img:nth-child(3) {

    width: 81px;

}

.how_wrap {

    background-image: url(img/third_back.png);

}

.how_wrap .how {

    background-image: none;

    top: 60px;

    width: 1010px;

}

.how_wrap .how .right {

    max-width: 120px;

}

.how_wrap .how .left {

    width: 113px;

}

.how_wrap .how .left img {

    border: 2px solid transparent;

    width: 107px;

}

.how_wrap .how .left img.active, .how_wrap .how .left img:hover {

    border: 2px solid #6be2c2;

}

.how_wrap .how .left button {

    background-size: 17px 25px;

    height: 40px;

    width: 40px;

}

.how_wrap .how .left button.up {

    top: -20px;

}

.how_wrap .how .center img {

    width: 490px;

}

.how_wrap .how .right p:after, .how_wrap .how .right p:before {

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    height: 12px;

    width: 13px;

}

.how_wrap .how .right p {

    font-size: 14px;

}

.how_wrap .how .right img {

    margin-top: 40px;

    max-width: 120px;

}

.how_wrap .how .right p:before {

    left: -13px;

    top: -10px;

}

.how_wrap .how .right p:after {

    bottom: -5px;

    right: -20px;

}

.catalog_wrap .catalog {

    height: 100%;

    top: 45px;

    width: 1010px;

}

.catalog_wrap .catalog .items {

    max-width: 100%}

.catalog_wrap .catalog .items .owl-stage {

    display: flex;

}

.catalog_wrap .catalog .items img {

    margin-right: 20px;

    width: 220px;

}

.catalog_wrap .catalog .items button {

    height: 50px;

    width: 50px;

}

.catalog_wrap .catalog .items button.next, .catalog_wrap .catalog .items button.prev {

    background-size: 17px 25px;

    margin-top: -20px;

}

.catalog_wrap .catalog .items button.prev {

    left: -20px;

}

.catalog_wrap .catalog .items button.next {

    right: -20px;

}

.catalog_wrap .catalog .pagination {

    margin-top: 30px;

}

.catalog_wrap .catalog .pagination li a {

    font-size: 16px;

    padding: 0 3px;

}

.catalog_wrap .catalog .pagination li a.active, .catalog_wrap .catalog .pagination li a:hover {

    border-bottom: 2px solid #6be2c2;

}

.catalog_wrap .catalog .pagination:after {

    height: 3px;

    width: 155px;

}

.catalog_wrap .catalog .create {

    margin-top: 60px;

}

.catalog_wrap .catalog .create a {

    border: 2px solid #6be2c2;

    font-size: 16px;

    padding: 10px 30px;

}

.design_wrap .design {

    top: 45px;

    width: 1263px;

}

.design_wrap .design .title p.big {

    font-size: 16px;

    margin-bottom: 10px;

    padding-left: 20px;

    padding-right: 20px;

}

.design_wrap .design .title p.big:before, .design_wrap .design .title p.normal:after {

    background-position: center;

    background-size: 16px 17px;

    height: 17px;

    width: 16px;

}

.design_wrap .design .title p.normal:after {

    right: 0;

}

.design_wrap .design .title p.normal {

    font-size: 12px;

    padding-left: 20px;

    padding-right: 20px;

}

.design_wrap .design .title {

    margin-left: 125px;

    margin-right: 125px;

}

.design_wrap .design .content {

    margin-top: 30px;

}

.design_wrap .design .content .left .columns .column {

    margin-right: 20px;

}

.design_wrap .design .content .left .columns .column>div {

    height: 240px;

    width: 240px;

}

.design_wrap .design .content .left .columns .column>div p {

    font-size: 16px;

    padding-top: 20px;

}

.design_wrap .design .content .left .columns .column label.upload {

    font-size: 14px;

    margin-top: 30px;

}

.design_wrap .design .content .left .group label, .design_wrap .design .content .left p.demands {

    font-size: 12px;

}

.design_wrap .design .content .left .group {

    margin-bottom: 15px;

    margin-top: 25px;

}

.design_wrap .design .content .left .group input[type=checkbox] {

    height: 10px;

    width: 10px;

}

.design_wrap .design .content .right .jq-selectbox .jq-selectbox__select, .design_wrap .design .content .right input[type=text] {

    border-bottom: 2px solid #6be2c2;

    margin-bottom: 10px;

    padding: 5px 10px;

    width: 320px;

}

.design_wrap .design .content .left p.sale {

    font-size: 12px;

    margin-top: 20px;

}

.design_wrap .design .content .right {

    margin-left: 45px;

}

.design_wrap .design .content .right .jq-selectbox .jq-selectbox__select {

    font-size: 14px;

}

.design_wrap .design .content .right .jq-selectbox__trigger .jq-selectbox__trigger-arrow {

    top: 5px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown {

    border: 2px solid #6be2c2;

    font-size: 14px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown ul li {

    padding: 15px 8px 5px;

}

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    font-size: 14px;

    line-height: 16px;

}

textarea::-webkit-input-placeholder {

    padding-left: 10px;

}

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {

    font-size: 14px;

    line-height: 16px;

}

textarea::-moz-placeholder {

    padding-left: 10px;

}

input[type=text]:-moz-placeholder, textarea:-moz-placeholder {

    font-size: 14px;

    line-height: 16px;

}

textarea:-moz-placeholder {

    padding-left: 10px;

}

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {

    font-size: 14px;

    line-height: 16px;

}

textarea:-ms-input-placeholder {

    padding-left: 10px;

}

.design_wrap .design .content .right .group p:first-child {

    font-size: 16px;

    padding-left: 10px;

}

.design_wrap .design .content .right .group p:last-child {

    font-size: 35px;

    padding: 10px 15px;

}

.contacts_wrap .contacts .info .phone p, .contacts_wrap .contacts .info address, .contacts_wrap .contacts .title p, .design_wrap .design .content .right .group p:last-child span {

    font-size: 16px;

}

.design_wrap .design .content .right textarea {

    border: 2px solid #6be2c2;

    height: 85px;

    max-width: 332px;

}

.design_wrap .design .content .right input[type=submit] {

    border: 2px solid #6be2c2;

    font-size: 16px;

}

.contacts_wrap .contacts {

    height: 100%;

    width: 1010px;

}

.contacts_wrap .contacts .map {

    height: 345px;

}

.contacts_wrap .contacts .title {

    margin-top: 35px;

}

.contacts_wrap .contacts .title p:after {

    height: 4px;

    width: 130px;

}

.contacts_wrap .contacts .info {

    margin-top: 35px;

    width: 800px;

}

.contacts_wrap .contacts .info address {

    /*margin-right: 140px;*/
    margin-right: 100px;

}

.contacts_wrap .contacts .info .phone p span {

    width: 95px;

}

.contacts_wrap .contacts .info .phone {
    margin-right: 50px;
    /*margin-right: 70px;*/

}

.contacts_wrap .contacts .info .socnet a img {

    width: 30px;

}

footer {

    bottom: 0;

    height: 25px;

    min-width: 100vw;

    position: absolute;

    top: auto;

}

footer .footer_wrap {

    height: 25px;

    width: 1015px;

}

footer .footer_wrap p {

    font-size: 10px;

}

footer img {

    top: 3px;

}

.product_wrap {

    width: 1010px;

}

.product_wrap .mini_img {

    margin-right: 15px;

}

.product_wrap .mini_img img {

    width: 80px;

}

.product_wrap .jq-selectbox .jq-selectbox__select, .product_wrap input[type=text] {

    border-bottom: 2px solid #6be2c2;

    margin-bottom: 10px;

    padding: 5px 10px;

    width: 320px;

}

.product_wrap .big_img {

    margin-right: 60px;

}

.product_wrap .big_img img {

    max-width: 460px;

}

.product_wrap .description h1 {

    font-size: 26px;

}

.product_wrap .description {

    font-size: 11px;

    max-width: 340px;

}

.product_wrap .jq-selectbox {

    display: block;

}

.product_wrap .jq-selectbox .jq-selectbox__select {

    font-size: 14px;

}

.product_wrap .jq-selectbox__dropdown {

    border: 2px solid #6be2c2;

    font-size: 14px;

}

.product_wrap .jq-selectbox__dropdown ul li {

    padding: 15px 8px 5px;

}

.product_wrap .jq-selectbox__trigger .jq-selectbox__trigger-arrow {

    top: 5px;

}

.product_wrap .group p:first-child {

    font-size: 16px;

    padding-left: 10px;

}

.product_wrap .group p:last-child {

    font-size: 35px;

    padding: 10px 15px;

}

.product_wrap textarea {

    border: 2px solid #6be2c2;

    height: 85px;

    max-width: 332px;

}

.product_wrap input[type=submit] {

    border: 2px solid #6be2c2;

    font-size: 16px;

}

.product_wrap .back a {

    font-size: 14px;

}

.product_wrap .back a:before {

    background-image: url(img/back_arrow_small.png);

    background-position: center;

    height: 19px;

    width: 28px;

}

}@media(max-width:1279px) {

    .catalog_wrap .catalog .items button.getnext, .design_wrap .design .content .left .columns button.getnext, .how_wrap .how .left button.up {

    moz-transform: rotate(270deg);

    ms-transform: rotate(270deg);

    o-transform: rotate(270deg);

    transform: rotate(270deg);

    webkit-transform: rotate(270deg);

}

.fixed-crossbrowser-background {

    background-color: #090a0d;

    background-image: url(img/back_tablet.jpg);

    background-position: top center;

    background-repeat: no-repeat;

    background-size: contain;

    display: block;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%}

.about_wrap, .about_wrap .about, .video_wrap, .video_wrap .video {

    background: 0 0;

}

.about_wrap, .catalog_wrap, .contacts_wrap, .design_wrap, .how_wrap, .video_wrap {

    min-width: 768px;

}

header {

    background-color: transparent;

}

header .header_wrap .soc, header .header_wrap img {

    display: none;

}

header .header_wrap {

    background-color: #000;

    display: none;

    height: 100%;

    position: fixed;

    width: 100%;

    z-index: 9999;

}

header .header_wrap nav {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    margin-left: 30%;

    width: 320px;

    z-index: 9999;

}

header .header_wrap nav li {

    margin: 30px 0 0;

}

header nav li:first-child {

    display: none;

}

.video_wrap {

    top: 0;

}

.video_wrap .video {

    align-items: center;

    display: flex;

    height: 1020px;

    max-width: 768px;

}

.video_wrap .video video {

    display: none;

}

.video_wrap .video button.menu_open {

    background-color: transparent;

    background-image: url(img/menu.png);

    border: none;

    cursor: pointer;

    display: block;

    height: 64px;

    outline: 0;

    position: fixed;

    right: 0;

    top: 0;

    width: 64px;

    z-index: 99999;

}

.video_wrap .video button.menu_open.close {

    background-image: url(img/close.png);

    height: 32px;

    right: 10px;

    top: 10px;

    width: 32px;

}

.video_wrap .video img.logo, .video_wrap .video img.mouse, .video_wrap .video img.mouse_arr {

    display: none;

}

.video_wrap .video img.tablet_logo {

    display: block;

    margin: 0 auto;

}

.about_wrap {

    background-image: none;

    top: 0;

}

.about_wrap .about {

    align-items: center;

    flex-direction: column;

    height: 1020px;

    justify-content: center;

    margin-top: 0;

    max-width: 768px;

}

.catalog_wrap .catalog .items button.getnext, 
.catalog_wrap .catalog .items button.getprev, 
.design_wrap .design .content .left .columns button.getnext, 
.design_wrap .design .content .left .columns button.getprev,
.catalog_wrap .product_wrap .content button.getnext, 
.catalog_wrap .product_wrap .content button.getprev {

    background-image: url(/wp-content/themes/baff/js/owl-carousel/arr_down.png);

    background-position: center;

    background-repeat: no-repeat;

}

.about_wrap .about .left {

    align-items: center;

    flex-direction: row;

    justify-content: space-between;

    margin: 0 0 40px;

    width: 480px;

}

.about_wrap .about .center, .about_wrap .about .left img, .about_wrap .about .left img:first-child, .about_wrap .about .left img:nth-child(2) {

    margin: 0;

}

.about_wrap .about .center p {

    font-size: 18px;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:first-child::before, .about_wrap .about .center p:nth-child(2)::after, .about_wrap .about .center p:nth-child(2)::before {

    height: 25px;

    width: 24px;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:nth-child(2)::after {

    right: 0;

}

.about_wrap .about .center p:first-child::before, .about_wrap .about .center p:nth-child(2)::before {

    left: 0;

}

.about_wrap .about .center p.italic {

    font-size: 15px;

}

.about_wrap .about .center .buttons {

    align-items: center;

    flex-direction: column;

}

.about_wrap .about .center .buttons a {

    font-size: 21px;

    width: 480px;

}

.about_wrap .about .center .buttons a:first-child {

    margin: 0 0 15px;

}

.about_wrap .about .center .buttons a:last-child {

    margin: 0;

}

.about_wrap .about .right {

    align-items: center;

    flex-direction: row;

    justify-content: space-between;

    margin-top: 40px;

    width: 480px;

}

.about_wrap .about .right img:first-child, .about_wrap .about .right img:nth-child(2) {

    margin: 0;

}

.how_wrap {

    background-size: cover;

    top: 0;

}

.how_wrap .how {

    align-items: center;

    flex-direction: column;

    height: 1020px;

    justify-content: center;

    margin-top: 0;

    max-width: 768px;

    padding-top: 50px;

}

.how_wrap .how .left {

    align-items: center;

    flex-direction: row;

    justify-content: space-between;

    margin: 0;

    width: 700px;

}

.how_wrap .how .left img {

    border: 3px solid transparent;

    margin: 0 auto;

    width: 130px;

}

.how_wrap .how .left img:hover {

    border: 3px solid #6be2c2;

}

.how_wrap .how .left button {

    height: 50px;

    margin: 0;

    position: relative;

    width: 50px;

}

.how_wrap .how .left button.up {

    top: 0;

}

.how_wrap .how .left button.down {

    bottom: 0;

    transform: rotate(270deg);

}

.how_wrap .how .right {

    display: none;

}

.how_wrap .how .center {

    height: auto;

    margin: 20px 0 0;

}

.how_wrap .how button.know_how {

    background-color: transparent;

    border: 2px solid #6be2c2;

    color: #6be2c2;

    cursor: pointer;

    display: block;

    font-family: HKGrotesk-Bold;

    font-size: 21px;

    margin: 40px auto 0;

    padding: 10px 0;

    text-align: center;

    text-transform: uppercase;

    width: 480px;

    outline: none;

}

.catalog_wrap {

    top: 0;

}

.catalog_wrap .catalog {

    align-items: center;

    flex-direction: column;

    height: 1240px;

    justify-content: center;

    margin-top: 0;

    max-width: 768px;

}

.catalog_wrap .catalog .items {

    align-items: center;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    max-width: 700px;

}

.catalog_wrap .catalog .items img {

    display: none;

    margin: 0 0 15px;

    width: 340px;

}

.catalog_wrap .catalog .items img:nth-child(1), .catalog_wrap .catalog .items img:nth-child(2), .catalog_wrap .catalog .items img:nth-child(3), .catalog_wrap .catalog .items img:nth-child(4) {

    display: block;

}

.catalog_wrap .catalog .items button {

    background-size: auto;

    height: 60px;

    width: 60px;

}

.catalog_wrap .catalog .items button.getnext, .design_wrap .design .content .left .columns button.getnext, .catalog_wrap .product_wrap .content button.getnext {

    right: -20px;

}

.catalog_wrap .catalog .items button.getprev, .design_wrap .design .content .left .columns button.getprev, .catalog_wrap .product_wrap .content button.getprev {

    left: -20px;

    moz-transform: rotate(90deg);

    ms-transform: rotate(90deg);

    o-transform: rotate(90deg);

    transform: rotate(90deg);

    webkit-transform: rotate(90deg);

}

.catalog_wrap .catalog .items button.next, .catalog_wrap .catalog .items button.prev {

    margin-top: -38px;

}

.catalog_wrap .catalog .pagination {

    margin-top: 25px;

}

.catalog_wrap .catalog .pagination li a {

    font-size: 24px;

}

.catalog_wrap .catalog .pagination:after {

    width: 180px;

}

.catalog_wrap .catalog .create a {

    font-size: 21px;

    padding: 10px 0;

    text-align: center;

    width: 480px;

}

.design_wrap {

    top: 0;

}

.design_wrap .design {

    align-items: center;

    flex-direction: column;

    height: 1200px;

    justify-content: center;

    margin-top: 0;

    max-width: 768px;

}

.design_wrap .design .title {

    font-size: 21px;

    margin: 0;

    text-align: center;

}

.design_wrap .design .title p.big {

    font-size: 21px;

}

.design_wrap .design .title p.normal {

    font-size: 15px;

    line-height: 1.2;

}

.design_wrap .design .title p.big:before, .design_wrap .design .title p.normal:after {

    background-size: auto;

    height: 25px;

    width: 24px;

}

.design_wrap .design .content {

    align-items: center;

    flex-direction: column-reverse;

}

.design_wrap .design .content .left .columns button.getnext, 
.design_wrap .design .content .left .columns button.getprev {

    background-color: rgba(0, 0, 0, .7);

    border: none;

    border-radius: 30px;

    cursor: pointer;

    display: block;

    height: 60px;

    margin: 0 auto;

    outline: 0;

    position: absolute;

    width: 60px;

    z-index: 1;

    top: 35%;}

.catalog_wrap .product_wrap .content button.getprev, .catalog_wrap .product_wrap .content button.getnext  {
    background-color: rgba(0, 0, 0, .7);

    border: none;

    border-radius: 30px;

    cursor: pointer;

    display: block;

    height: 60px;

    margin: 0 auto;

    outline: 0;

    position: absolute;

    width: 60px;

    z-index: 1;

    top: 160px;
}    

.design_wrap .design .content .left .columns button.getprev {

    left: -10px;

}

.design_wrap .design .content .left .columns button.getnext {

    right: -10px;

}

.design_wrap .design .content .right {

    margin: 0;

}

.design_wrap .design .content .right form {

    max-width: 640px;

}

.design_wrap .design .content .right input[type=text] {

    margin-bottom: 20px;

    width: 620px;

}

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    font-size: 21px;

    line-height: 23px;

}

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {

    font-size: 21px;

    line-height: 23px;

}

input[type=text]:-moz-placeholder, textarea:-moz-placeholder {

    font-size: 21px;

    line-height: 23px;

}

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {

    font-size: 21px;

    line-height: 23px;

}

.design_wrap .design .content .right .jq-selectbox .jq-selectbox__select {

    font-size: 21px;

    margin-bottom: 15px;

    padding: 5px 10px;

    width: 620px;

}

.design_wrap .design .content .right .group p:first-child, .design_wrap .design .content .right .jq-selectbox__dropdown {

    font-size: 21px;

}

.design_wrap .design .content .right textarea {

    height: 150px;

    max-width: 100%;

    width: 632px;

}

.design_wrap .design .content .left {

    max-width: 700px;

}

.design_wrap .design .content .left .columns {

    justify-content: space-between;

    margin-top: 35px;

}

.design_wrap .design .content .left .columns .column>div {

    height: 240px;

    width: 340px;

}

.design_wrap .design .content .right input[type=submit] {

    bottom: 0;

    font-size: 21px;

    left: 0;

    margin: 0 auto;

    max-width: 480px;

    position: absolute;

    right: 0;

    z-index: 1;

}

.design_wrap .design .content .left .columns .column>div p {

    font-size: 22px;

}

.design_wrap .design .content .left .group label, .design_wrap .design .content .left p.demands, .design_wrap .design .content .left p.sale {

    font-size: 18px;

}

.contacts_wrap {

    top: 0;

}

.contacts_wrap .contacts {

    align-items: center;

    flex-direction: column;

    height: 1200px;

    justify-content: center;

    max-width: 768px;

}

.contacts_wrap .contacts .map {

    height: 515px;

}

.contacts_wrap .contacts .title p {

    font-size: 24px;

}

.contacts_wrap .contacts .title p:after {

    width: 195px;

}

.contacts_wrap .contacts .info {

    flex-wrap: wrap;

    justify-content: center;

    width: 700px;

}

.contacts_wrap .contacts .info .phone {

    margin: 0;

    width: 50%}

.contacts_wrap .contacts .info .phone p {

    font-size: 21px;

}

.contacts_wrap .contacts .info .phone p span {

    width: 120px;

}

.contacts_wrap .contacts .info address {

    font-size: 21px;

    margin: 0;

    width: 50%}

.contacts_wrap .contacts .info .socnet {

    margin-top: 50px;

}

.contacts_wrap .contacts .info .socnet a img {

    width: 55px;

}

footer {

    background: 0 0;

    height: auto;

    min-width: 320px;

    position: relative;

    top: 65px;

    width: 100%}

footer .footer_wrap {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    height: 100%;

    width: 100%}

footer .footer_wrap p {

    color: #3c3d3d;

    font-size: 12px;

    margin-bottom: 20px;

}

footer .footer_wrap:after {

    background-color: #000;

    bottom: -30px;

    content: '';

    display: block;

    height: 30px;

    left: 0;

    position: absolute;

    width: 100%}

footer img {

    bottom: -25px;

    left: 0;

    margin: 0 auto;

    right: 0;

    top: auto;

    z-index: 1;

}

.product_wrap {

    max-width: 700px;

}

.product_wrap .content {

    flex-wrap: wrap;

}

.product_wrap .mini_img img {

    width: 100px;

}

.product_wrap .big_img {

    margin-right: 0;

}

.product_wrap .big_img img {

    max-width: 580px;

}

.product_wrap .description {

    max-width: 700px;

}

.product_wrap .description h1 {

    font-size: 36px;

    padding: 50px 0 30px;

}

.product_wrap .description p {

    font-size: 21px;

    margin-bottom: 20px;

}

.product_wrap form {

    margin: 0 auto;

    width: 640px;

}

.product_wrap input[type=text] {

    width: 620px;

}

.product_wrap .jq-selectbox .jq-selectbox__select {

    font-size: 21px;

    width: 620px;

}

.product_wrap .group {

    max-width: 640px;

}

.product_wrap .group p:first-child {

    font-size: 30px;

}

.product_wrap textarea {

    height: 160px;

    max-width: 630px;

}

.product_wrap .group p:last-child {

    font-size: 45px;

}

.product_wrap input[type=submit] {

    display: block;

    margin: 20px auto;

}

.product_wrap .jq-selectbox__dropdown {

    max-width: 100%}

}@media(max-width:766px) {

    .fixed-crossbrowser-background {

    background-image: url(img/back_tablet.png);

}

header {

    height: 0;

}

.about_wrap .about .left img:nth-child(3), .about_wrap .about .right img:nth-child(3), .design_wrap .design .content .left .columns .column:last-child, .how_wrap .how .left img:nth-child(2), .how_wrap .how .left img:nth-child(3) {

    display: none;

}

.video_wrap {

    background: 0 0;

    min-width: 320px;

}

.about_wrap, .catalog_wrap, .how_wrap {

    min-width: 300px;

}

.video_wrap .video {

    background: 0 0;

    background-size: auto 100%;

    height: 478px;

    max-width: 320px;

}

.video_wrap .video img.tablet_logo {

    max-width: 320px;

}

.about_wrap {

    background: 0 0;

}

.about_wrap .about {

    background: 0 0;

    max-width: 300px;
	max-height: 800px;

}

.about_wrap .about .center, .about_wrap .about .left {

    width: 300px;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:nth-child(2)::after {

    right: 0;

}

.about_wrap .about .center p {

    font-size: 16px;

}

.about_wrap .about .center p:first-child::after, .about_wrap .about .center p:first-child::before, .about_wrap .about .center p:nth-child(2)::after, .about_wrap .about .center p:nth-child(2)::before {

    height: 17px;

    width: 16px;

}

.about_wrap .about .center .buttons a {

    font-size: 16px;

    width: 296px;

}

.about_wrap .about .right, .how_wrap .how .center img {

    width: 300px;

}

.about_wrap .about .center p.italic {

    font-size: 14px;

}

.how_wrap .how {

    padding-top: 0;

    height: 880px;

    top: 0;

    max-width: 300px;

}

.how_wrap .how .left {

    margin-bottom: 35px;

    width: 300px;

}

.how_wrap .how button.know_how {

    font-size: 16px;

    margin-top: 20px;

    width: 268px;

}

.contacts_wrap, .design_wrap, footer {

    min-width: 320px;

}

.catalog_wrap .catalog {

    height: 675px;

    max-width: 300px;

}

.catalog_wrap .catalog .items {

    max-width: 300px;

    padding: 0;

}

.catalog_wrap .catalog .items img {

    width: 140px;

}

.catalog_wrap .catalog .items button.prev {

    left: -10px;

}

.catalog_wrap .catalog .items button.next {

    right: -10px;

}

.catalog_wrap .catalog .pagination li a {

    font-size: 21px;

}

.catalog_wrap .catalog .pagination {

    margin-top: 10px;

}

.catalog_wrap .catalog .pagination:after {

    width: 160px;

}

.catalog_wrap .catalog .create {

    margin-top: 50px;

}

.catalog_wrap .catalog .create a {

    font-size: 16px;

    padding: 10px 5px;

    width: 286px;

}

.design_wrap {

    height: 100%}

.design_wrap .design {

    height: 1300px;

    margin-bottom: 50px;

    max-width: 300px;

}

.design_wrap .design .title p.big {

    font-size: 18px;

}

.design_wrap .design .title p.normal {

    font-size: 14px;

}

.design_wrap .design .title p.big:before, .design_wrap .design .title p.normal:after {

    height: 17px;

    width: 16px;

}

.design_wrap .design .content .right form {

    max-width: 300px;

}

.design_wrap .design .content .right input[type=text] {

    width: 280px;

}

.design_wrap .design .content .right .jq-selectbox .jq-selectbox__select {

    font-size: 16px;

    width: 280px;

}

.design_wrap .design .content .right .jq-selectbox__dropdown {

    font-size: 16px;

}

.design_wrap .design .content .left {

    max-width: 300px;

}

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    font-size: 16px;

    line-height: 18px;

}

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {

    font-size: 16px;

    line-height: 18px;

}

input[type=text]:-moz-placeholder, textarea:-moz-placeholder {

    font-size: 16px;

    line-height: 18px;

}

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {

    font-size: 16px;

    line-height: 18px;

}

.design_wrap .design .content .right .group p:first-child {

    font-size: 22px;

}

.design_wrap .design .content .right .group p:last-child {

    font-size: 30px;

    padding: 6px 20px;

}

.design_wrap .design .content .right textarea {

    height: 120px;

    width: 292px;

}

.design_wrap .design .content .left .columns .column {

    position: relative;

    margin: 0 auto;

}

.design_wrap .design .content .left .group, .design_wrap .design .content .left p.demands, .design_wrap .design .content .left p.sale {

    margin-left: 0;

}

.design_wrap .design .content .left .columns .column>div {

    height: 270px;

    width: 300px;

}

.design_wrap .design .content .left .columns .column>div p {

    font-size: 18px;

}

.design_wrap .design .content .left .group label, .design_wrap .design .content .left p.demands, .design_wrap .design .content .left p.sale {

    font-size: 15px;

}

.design_wrap .design .content .right input[type=submit] {

    font-size: 16px;

    width: 300px;

}

.contacts_wrap .contacts .info .phone p, .contacts_wrap .contacts .title p {

    font-size: 18px;

}

.contacts_wrap .contacts {

    height: auto;

    max-width: 300px;

    padding-top: 60px;

}

.contacts_wrap .contacts .map {

    height: 200px;

}

.contacts_wrap .contacts .title p:after {

    height: 3px;

    width: 135px;

}

.contacts_wrap .contacts .info {

    width: 300px;

}

.contacts_wrap .contacts .info .phone {

    width: 100%}

.contacts_wrap .contacts .info address {

    font-size: 18px;

    margin-top: 30px;

    width: 100%}

.contacts_wrap .contacts .info .phone p span {

    width: 96px;

}

.contacts_wrap .contacts .info .socnet {

    margin-top: 40px;

}

.contacts_wrap:after {

    background-color: #000;

    content: '';

    display: block;

    height: 30px;

    width: 100%}

.product_wrap, .product_wrap form, footer .footer_wrap {

    width: 300px;

}

footer {

    background: 0 0;

    height: auto;

    position: relative;

    top: 0;

}

footer .footer_wrap {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    height: 100%;

    margin-top: 30px;

}

footer .footer_wrap p {

    color: #3c3d3d;

    font-size: 12px;

    margin-bottom: 20px;

}

footer img {

    bottom: -25px;

    left: 0;

    margin: 0 auto;

    right: 0;

    top: auto;

    z-index: 1;

}

.product_wrap .back a:before {

    margin-right: 10px;

    right: 0;

}

.product_wrap .mini_img {

    display: none;

}

.product_wrap .big_img img {

    max-width: 300px;

}

.product_wrap .description {

    max-width: 300px;

    width: 300px;

}

.product_wrap .description h1 {

    font-size: 21px;

    margin: 20px 0 30px;

    padding: 0;

}

.product_wrap .description p {

    font-size: 14px;

}

.product_wrap input[type=text], .thanks {

    width: 280px;

}

.product_wrap .jq-selectbox .jq-selectbox__select {

    font-size: 16px;

    width: 280px;

}

.product_wrap .jq-selectbox__dropdown ul li {

    font-size: 16px;

}

.product_wrap .group p:first-child {

    font-size: 22px;

}

.product_wrap .group p:last-child {

    font-size: 30px;

}

.product_wrap textarea {

    height: 120px;

    max-width: 290px;

}

.thanks {

    margin-left: -140px;

}

.thanks p {

    margin-left: 10px;

    margin-right: 10px;

}

}



@media(width: 768px ) and (height: 1024px) {

	.fixed-crossbrowser-background {

    background-image: url(img/back_tablet_768_1024.jpg);

}

}



@media(width: 1024px ) and (height: 768px) {

	.fixed-crossbrowser-background {

    background-image: url(img/back_tablet.jpg);

}

}



@media(width: 1024px ) and (height: 600px) {

	.fixed-crossbrowser-background {

    background-image: url(img/back_tablet_1024_600.jpg);

}

}



@media(width: 960px ) and (height: 600px) {

	.fixed-crossbrowser-background {

    background-image: url(img/back_tablet_960_600.jpg);

}
}
@media(width: 1024px ) and (height: 1366px) {

    .fixed-crossbrowser-background {

    background-size:auto 100%;

}

}

/* 
 * 
 * кнопка перезвонить для мобильной версии внизу страницы*
 * 
 */

@media screen and (max-width:640px) {
	.mobilizer-block{
		display: block;
	}
	
	.mobilizer-block[data-id="2689511"] {
		bottom: 0px;
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-bottom: 0px !important;
	}

	.mobilizer-block .contact-button {
		display: block!important;
		text-decoration: none;			
	}
	
	

	.mobilizer-block[data-id="2689511"] a.contact-button span.btn {
		background-color: rgba(52, 157, 128);
		color: #000;
		background-image: none!important;
		display: block;
		text-align: center;
		font-weight: 300;
		font-family: 'Roboto';		
	
	}

	.mobilizer-block[data-id="2689511"] a.contact-button span.btn {
		border-radius: 0px !important;
		height: 50px;
		font-size: 20px;
		line-height: 19px;
	}
}

/*
 * 
 * для формы обратной связи*
 * 
 * /


/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === Шрифты для формы и общая ширина === */
body {font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}

.contact_form {
		width:700px;
		height: 200px;
	margin-left: 35%;
	margin-top: 2%;
	}

/* === Ширина формы === */
.contact_form p {
    	width:650px;
	margin:7px 10px 7px 10px;
	padding:0px;
}

/* === Размер и расположение блоков === */
.contact_form label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

	/* Цвета и эффекты */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5  === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Стили подсказок === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* подсказки поверх всех элементов */
	position: absolute; /* правильное отображение, если подсказка в 2 строки */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === Оформление кнопки === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
/* Custom, iPhone Retina */ 
/*
    @media only screen and (min-width : 320px) {
.contact_form {
    display: block;
    width: 100%;
	margin-left: 0%;
} 
	.contact_form p {
    	width:100%;
	margin:7px 10px 7px 10px;
	padding:0px;
}
.contact_form .form_hint .required_notification {
    width: 100% !important;
}
.contact_form .form_hint .required_notification {
margin:0 !important;
}
.contact_form .form_hint .contact_form input[type="text"], .contact_form .form_hint .contact_form input[type="email"], .contact_form .wa-field .contact_form input[type="password"] {
    width: 100%;
}     
    }
*/