* {margin:0; padding:0;}

body {font-family:'Open Sans'; background:#999; background:url(../images/header_1.jpg); overflow-x:hidden;}

p {margin:10px;}
a {text-decoration:none; color:#000;}
h1 {font-size:60px; color:#fff; padding:0; margin:50px 0 120px 90px; font-family:"BebasRegular"; white-space:pre-wrap; text-align:center; letter-spacing:4px;}
h1 > span {background:url(../images/h1_back.png) no-repeat; background-size:contain;}
h1 .red {color:#000;}
h3, h2 {font-size:34px; text-align:center; text-transform:uppercase; font-weight:normal; padding:0; margin-top:50px;}
.title {color:#702828; font-size:20px; text-align:center; margin-bottom:20px;}
.foto_1 {width:0; display:none;}



.overlay {top:0; right:0; bottom:0; left:0; z-index:10; display:none; background-color:rgba(0,0,0,0.90); position:fixed; cursor:default}
.overlay:target {display:block}

.popup {top:-100%; right:0; left:50%; z-index:20; margin:0; width:94%; min-width:250px; max-width:350px; position:fixed; border:1px solid #383838; font:14px/18px 'Tahoma',Arial,sans-serif; -webkit-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -moz-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -ms-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -webkit-transform:translate(-50%,-500%); -ms-transform:translate(-50%,-500%); -o-transform:translate(-50%,-500%); transform:translate(-50%,-500%); -webkit-transition:-webkit-transform .6s ease-out; -moz-transition:-moz-transform .6s ease-out; -o-transition:-o-transform .6s ease-out; transition:transform .6s ease-out; border:1px solid black; background:#ccc; text-align:center;}

.overlay:target+.popup {-webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); top:20%}

.close {top:-10px; right:-10px; width:20px; height:20px; position:absolute; padding:0; border:2px solid #ccc; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; background-color:rgba(61,61,61,0.8); -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; text-align:center; font:13px/20px 'Tahoma',Arial,sans-serif; font-weight:bold; -webkit-transition:all ease .8s; -moz-transition:all ease .8s; -ms-transition:all ease .8s; -o-transition:all ease .8s; transition:all ease .8s}
.close:before {color:rgba(255,255,255,0.9); content:"X"; text-shadow:0 -1px rgba(0,0,0,0.9); font-size:12px}
.close:hover {background-color:rgba(252,20,0,0.8); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

.popup img {width:100%; height:auto;}
.pic-left,.pic-right {width:25%; height:auto;}
.pic-left {float:left; margin:5px 15px 5px 0;}
.pic-right {float:right; margin:5px 0 5px 15px;}

.popup h4 {width:100%; font-family:'Open Sans', sans-serif; font-size:18px; color:#c25b5b; background:#222; padding:10px 0; margin:0;}
.popup form {width:300px; margin:0 auto;}
.popup embed,.popup iframe {top:0; right:0; bottom:0; left:0; display:block; margin:auto; min-width:320px; max-width:600px; width:100%}

.popup input {text-align:left;}
.popup input[type="checkbox"] {padding:0;}

.popup a {color:#000;}
/*
.popup input[type="submit"] {background:#c9242c; color:#FFF; text-align:center; width:200px;} 
.popup input[type="submit"]:focus {background:#666;}*/

.popup input[type="text"] {width:200px; height:30px; font-size:18px; font-family:'Open Sans', arial; display:block; padding:2px 5px; font-weight:500; margin:0px auto; -webkit-appearance:none; outline:none; border:0; -moz-appearance:none; appearance:none; text-align:left;}

.check {transform:scale(1.7); -ms-transform:scale(1.7); -webkit-transform:scale(1.7); margin-right:10px;}


.popup .a_button {background:url(../images/design_a1.png); color:#fff;}

.popup .a_button a:hover span {width:30%;}

.popup .a_button span:first-child {background:#548d56;}
.popup .a_button span:last-child {background:#548d56; bottom:0; right:0;}



.clear {overflow:hidden; clear:both;}


@font-face {font-family:"BebasRegular"; font-display:swap; font-display:swap; src:url("../fonts/BebasRegular/BebasRegular.eot"); src:url("../fonts/BebasRegular/BebasRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/BebasRegular/BebasRegular.woff") format("woff"), url("../fonts/BebasRegular/BebasRegular.ttf") format("truetype"); font-style:normal; font-weight:normal;}

.parallax-viewport {position:relative; overflow:hidden; z-index:5;}
.parallax-layer {position:absolute; z-index:5;}


.lines div {height:9px; transform:rotate(30deg); transition:top linear .7s, right linear .7s, left linear .7s, bottom linear .7s, width linear .7s; position:absolute;}

.line_top_1 {width:250px; background:#702828; right:65px; top:-55px;}
.line_top_2 {width:240px; background:#fff; margin-top:45px; right:-13px;}
.line_top_3 {width:235px; background:url(../images/line_top_3.png) no-repeat right; margin-top:40px; right:120px; z-index:3;}

.line_bot_3 {width:1050px; background:#1f1b1a; bottom:50px; left:270px; z-index:2;}
.line_bot_2 {width:470px; background:#fff; bottom:103px; left:-30px;}
.line_bot_1 {width:720px; background:#702828; bottom:260px; left:-45px; z-index:1;}


/**/

.head_menu {width:100%; max-width:1210px; height:42px; background:rgba(255,255,255,.7); margin-top:100px; text-transform:uppercase; display:flex; justify-content:space-between; align-items:center; 
transition:max-width linear .3s, background linear .3s; z-index:99;}
.head_menu > ul {display:flex; list-style:none; margin-left:25px;}
.head_menu li {border-left:2px solid #333;transition:all linear .3s;}
.head_menu li a {text-align:center; display:block; line-height:42px; font-size:19px; padding:0 20px;}

.head_menu .hide a, .head_menu .visible a {color:#721953; transition:all linear .3s;}

.head_menu li:last-child { }

.visible {/*background:#603a45; background:rgba(96,58,69,.7);*/}
.visible a {}



.head_menu > div {font-size:26px; min-width:250px; text-align:center; z-index:10; height:100%; line-height:42px;}

.head_menu li:nth-child(1):hover {background:#48724b;}
.head_menu li:nth-child(2):hover {background:#72485b;}
.head_menu li:nth-child(3):hover {background:#c0ad8d;}
.head_menu li:nth-child(4):hover {background:#5d677b;}
.head_menu li:nth-child(5):hover a {color:#000;}

header {width:100%; max-width:1270px; background:url(../images/header_m.jpg) center no-repeat; margin:0 auto; height:843px; border-top:1px solid #000; position:relative;}
header img {max-width:100%;}

.head_menu .hide {display:none;}

.scroll {max-width:1270px; position:fixed; margin-top:-1px; background:rgba(255,255,255,.97);}

/*a {background:none;}
a.active {background:#c0ad8d;}*/

.head_menu li:nth-child(1) a.active {background:#bbb;}
.head_menu li:nth-child(2) a.active {background:#b54c4c;}
.head_menu li:nth-child(3) a.active {background:#9e5e90;}
.head_menu li:nth-child(4) a.active {background:#899dbf;}


.head_main {width:100%; display:flex; justify-content:space-between;}

.head_logo {width:229px; height:124px; margin:50px 0 0 50px;}	
.head_logo div {width:100%; background:rgba(255,255,255,.6); font-size:17px; text-align:center;}

.head_right {width:739px; height:700px; position:relative;}

.head_arm {position:absolute; bottom:0; left:739px;}


header form {float:right; margin:0 60px 0 0; text-align:left; width:400px; z-index:9; position:relative;}
header form input {font-size:18px; color:#000; display:block; background:#FFF; font-family:'PT Sans'; border:0; border-bottom:5px solid #702828; outline:0; width:240px; padding:3px 4px; box-sizing:border-box;
margin-top:10px; font-weight:600;}
header form input::-webkit-input-placeholder {color:#000;}
header textarea {width:390px; height:100px; border-bottom:7px solid #702828; font-size:18px; font-weight:600; font-family:'PT Sans'; padding:3px 4px; margin-top:10px;}
header form input::-moz-placeholder {color:#000;}
header form input:first-of-type {margin:0;}
header form input[type="submit"] {background:#000; color:#FFF; transition:all linear .18s; border:0;}
header form input[type="submit"]:hover {cursor:pointer; background:#d73c3c;}


header input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
header input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
header input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
header input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
header input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
header input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
header input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
header input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

/**/

.content {width:100%; height:auto; background:#FFF; border-top:1px solid white;}
.container {width:1276px; margin:0 auto;}


.a_button {width:246px; height:52px; line-height:52px; text-align:center; display:block; font-size:19px; margin:0 auto; color:#FFF; transition:all linear .3s; position:relative;}
.a_button span {width:20px; height:8px; display:block; position:absolute; transition:all linear .34s;}
.a_button:hover span {width:30%;}
.a_button span:first-child {margin-left:70%;}
.a_button span:last-child {margin-right:70%;}


/**/

.premium {width:100%; max-width:1920px; height:860px; position:relative; background:url(../images/prem_back.jpg) no-repeat; margin:-5px auto; padding-top:10px;}

.premium > div:nth-of-type(2) {width:850px; margin:70px auto;}
.premium > div > div:nth-of-type(2) {margin-left:30%;}
.premium > div > div:nth-of-type(3) {margin-left:60%;}

.premium div p {display:inline-block; vertical-align:top; font-size:24px; white-space:pre-wrap; margin-top:20px;}


.premium .line_top_3 {width:520px; background:#1f1b1a; top:300px; right:-45px;}
.premium .line_top_1 {width:470px; background:#702828; top:430px; right:-37px;}

/**/

.work {position:relative; width:100%; height:auto; border-top:1px solid transparent; z-index:5;}
.work .title {margin-bottom:20px;}

.work > div {background:#548d56 url(../images/work.jpg); width:100%; display:flex; justify-content:center; align-items:center;}

.work_r {width:800px; height:549px; flex-shrink:0; background:url(../images/work_r.jpg) no-repeat; text-align:left; margin-left:50px; position:relative; z-index:11;}
.work div p {font-size:20px; margin-top:60px;}
.work .work_r img {margin:14px 20px 0 10px; float:left;}

.work .line_top_3 {width:590px; height:9px; background:#702828; bottom:220px; right:-48px; transform:rotate(-30deg); z-index:10;}
.work .line_top_1 {width:670px; height:9px; background:#fff; top:700px; right:-48px; transform:rotate(-30deg); z-index:9;}

/**/

.services {width:100%; border-top:1px solid transparent; background:#e9e9e9 url(../images/101.png); position:relative; z-index:12;}

.services > div {width:1270px; display:flex; position:relative; align-items:flex-start; margin:0 auto;}
.services > div img {display:block;}

.services > div > div:first-child p {position:absolute; background:rgba(255,255,255,.8); width:615px; text-align:center; font-size:28px; margin-top:50px; letter-spacing:-1px; padding:5px 0;}

.services > div > div:last-child {width:634px; height:415px;}
.services > div > div:last-child p {margin:185px 0 0 100px; white-space:pre-wrap; font-size:20px;}

.serv_1 {background:url(../images/serv_1r.jpg) no-repeat top;}
.serv_2 {background:url(../images/serv_2r.jpg) no-repeat top;}
.serv_3 {background:url(../images/serv_3r.jpg) no-repeat top;}
.serv_4 {background:url(../images/serv_4r.jpg) no-repeat top;}


/**/

.design {width:100%; background:#7f7f7e url(../images/d1.jpg); border-top:1px solid transparent; padding-bottom:0px;}
.design h3 {/*color:#781e64;*/ color:#7f0564; margin-top:40px;}
.design .title {color:#000;}

.d_first {text-align:center; color:#000; font-size:20px; margin:35px 0; border-top:1px solid transparent;}
.d_first img {vertical-align:top;}


.design > div {display:flex; justify-content:flex-end; width:100%;}
.design > div > div:first-child {width:463px; height:639px; background:url(../images/d_folder_1.jpg) no-repeat right; flex-shrink:0; margin-right:50px; font-size:19px; border-top:1px solid transparent;padding:0 18px;}


.design p {white-space:pre-wrap;}
.design span {color:#712422;}

.design a {background:url(../images/design_a1.png); color:#FFF; margin-top:50px; width:246px; height:52px; line-height:52px;}

.design a span:first-child {background:#548d56;}
.design a span:last-child {background:#548d56; bottom:0; right:0;}

.design a:last-child {background:url(../images/design_a2.png);}
.design a:last-child span {background:#712422;}

.design .hide {display:none;}


/**/

.ex_slider {height:740px; width:1270px; border-top:1px solid transparent; position:relative; float:right;}

.ex_slider > img {position:absolute;}

.examples {width:100%; background:#5c5f62 url(../images/ex_back.jpg); border-top:1px solid transparent; position:relative;}

.examples h3 {color:#7d0909;}
.examples .title {color:#000;}

.examples .table {width:100%; height:727px; text-align:right;}
.examples .ex_center {width:100%; max-width:1280px; margin:0 auto; position:relative; z-index:2;}


.examples .note {width:995px; height:1025px; background:url(../images/ex_note.jpg) no-repeat; border-top:1px solid transparent;}
.examples .note > div {width:720px; border-top:1px solid transparent; margin:40px 0 0px 130px;}
.examples .note > div img:nth-of-type(1) {float:left; margin-left:20px;}

.examples .note > div p {font-size:19px; font-style:italic; white-space:pre-wrap;}
.examples .note > div p:nth-of-type(1) {margin-top:20px; font-style:normal;}

.examples .note > div:nth-of-type(1) p:nth-of-type(1) {margin:20px 0 0 10px;}


.ex_logo {position:absolute; right:0; top:60%;}
.ex_calc {position:absolute; right:0;}

.examples .note .ex_1 {background:url(../images/ex_a1.png); margin:0; margin-left:36px; color:#000;}
.examples .note .ex_2 {background:url(../images/ex_a2.png); margin:0; margin-left:36px; color:#000;}

.ex_1 span:first-child {background:#e0b395;}
.ex_1 span:last-child {background:#e0b395; bottom:0; right:0;}

.ex_2 span:first-child {background:#b3b3b3;}
.ex_2 span:last-child {background:#b3b3b3; bottom:0; right:0;}

.examples .hide, .examples .hide_p {display:none;}


.slides span {position:absolute; color:#FFF; top:60%; background:url(../images/ex_span.png); padding:3px; margin-left:10px;}
.slides .purpur {background:url(../images/ex_purpur.png); top:40%; margin-left:20px;}
.slides .orange {background:url(../images/ex_orange.png); top:43%;}
.slides .blue {background:url(../images/ex_blue.png); top:62%;}

/**/

.price_title {border-top:1px solid transparent; position:absolute; right:0; left:0; margin:0px auto;}
.price_title .title {color:#fff;}

.price_line {position:absolute; right:0;}

.price {width:100%; height:933px; background:url(../images/ex1.jpg); display:flex; border-top:1px solid transparent; align-items:flex-start; justify-content:flex-end; padding-top:80px;}


.price p span {color:#5770b4; font-size:26px; border:1px solid #5770b4; border-radius:20px; padding:0 10px; margin-right:10px;}


.price_block {display:flex; flex-wrap:wrap; border-top:1px solid #ddd; background:#FFF; margin:20px 0 20px 20px; align-items:flex-start;}

.price_block > div {width:273px; height:180px; padding:10px;}
.price_block > div:last-child { width:100%; height:auto;}
.price_block > div > p:first-child {margin:10px 15px 18px 3px;}

.price form {width:620px; margin:100px 200px 0 0; flex-shrink:0; background:url(../images/pr_bg2.png) right repeat-y, url(../images/pr_bg1.png) left; border-top:1px solid transparent; padding-bottom:1px;
font-size:20px; }
.price form > p {font-size:20px; color:#712422;}


.numb {display:flex; justify-content:space-between;}
.numb p {margin:0 15px 0 0;}
.slidecontainer p span {border:0;}

.price .pr_1, .price .pr_3 {border-right:2px solid #5770b4;}
.price .pr_1, .price .pr_2 {border-bottom:1px solid #ddd;}

.price a {background:url(../images/pr_ex.png); margin:0; margin-left:0px; color:#fff;}

.price a span {background:#373737;}
.price a span:last-child {bottom:0; right:0;}

.price hr {height:1px; background:#ccc; color:#ccc; border:none;}

.price .hide {display:none;}

.price_block > div:last-child input {font-size:17px; color:#000; background:#FFF; font-family:'PT Sans'; outline:0; width:240px; padding:3px 4px; box-sizing:border-box; margin-top:6px;}

/**/

.radio {position:absolute; z-index:-1; opacity:0; margin:10px 0 0 7px;}
.radio + label { position: relative; padding:0 0 0 35px; cursor: pointer;}
.radio + label:before { content: '';position:absolute; top:-3px; left:0; width:22px; height:22px; border:1px solid #999; border-radius:50%; background:#FFF;}
.radio + label:after { content: ''; position:absolute; top:1px; left:4px; width:16px; height:16px; border-radius:50%; background:#093; box-shadow:inset 0 1px 1px rgba(0,0,0,.5); opacity:0;
transition:.2s;}
.radio:checked + label:after {opacity:1;}
.radio:focus + label:before {box-shadow:0 0 0 3px rgba(255,255,0,.7);}

/**/

.changes {width:100%; background:#fff url(../images/chang_r.jpg) right no-repeat; border-top:1px solid black; border-bottom:1px solid black;}
.changes > div {width:100%; max-width:1200px; height:745px; margin:0 auto;}

.changes div div {margin-top:25px;}

.changes div p {font-size:20px; vertical-align:top; width:46%; display:inline-block;}

.changes div p img {margin-right:20px; margin-top:40px; display:inline-block;}

.chang {text-transform:uppercase; color:#712422; text-align:right;}

/*
.examples div {display:flex; align-items:flex-start; font-size:20px; white-space:pre-wrap; justify-content:center; border-left:2px solid black;}
.examples div img {position:relative;}
.examples div div {width:430px; height:500px; margin:50px 0 0 -50px; padding-left:50px; color:#FFF;}

.examp_l {background:-moz-linear-gradient(left, #5e747f 0%, #5e747f 51%, #363636 50%, #363636 51%);
background:-webkit-linear-gradient(left, #5e747f 0%,#5e747f 51%,#363636 50%,#363636 51%);
background:linear-gradient(to right, #5e747f 0%,#5e747f 51%,#363636 50%,#363636 51%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e747f', endColorstr='#363636',GradientType=1);}

.examp_r {background:-moz-linear-gradient(left, #9a806c 0%, #9a806c 51%, #363636 50%, #363636 51%)
background:-webkit-linear-gradient(left, #9a806c 0%,#9a806c 51%,#363636 50%,#363636 51%);
background:linear-gradient(to right, #9a806c 0%,#9a806c 51%,#363636 50%,#363636 51%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e747f', endColorstr='#363636',GradientType=1);}


.examples a {background:url(../images/ex_a1.png); margin:40px auto;}
.examples a:last-child {background:url(../images/ex_a2.png);}

.examples a span:first-child {background:#e0b395;}
.examples a span:last-child {background:#e0b395; bottom:0; right:0;}

.examples a:last-child span:first-child {background:#b3b3b3;}
.examples a:last-child span {background:#b3b3b3;}
*/


.slidecontainer {width:100%;}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {opacity:1;}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #5770b4; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #5770b4; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

/*@media(max-width:1280px) {.premium .line_top_3 {width:250px; top:170px; right:-45px;}.premium .line_top_1 {width:210px; top:260px; right:-37px;}
.premium > div:nth-of-type(2) {position:absolute; right:8%; margin:0; margin-top:30px;}*/

@media(max-width:1600px) {
.design > div {justify-content:flex-start;}

.price {display:flex; justify-content:flex-start; padding-top:80px;}
.price form {width:620px; margin:100px 50px 0 0;}
}

@media(max-width:1400px) {
.design > div > div:first-child {flex-shrink:1; min-width:457px; margin-right:0px;}

.design .hide {display:block;}
.design .visible {display:none;}
}

@media(max-width:1280px) {
.services > div {width:100%; justify-content:center;}

.services > div > div:first-child {flex-shrink:4;}
.services > div > div:last-child {width:634px; height:415px; flex-shrink:0;}

.services > div > div:last-child p {font-size:18px;}


.design > div p {font-size:18px;}
.design > div > div:first-child {background:url(../images/d_folder.jpg) no-repeat; min-width:400px;}


.examples .note > div p {font-size:18px;}
.examples .note {background-size:92%;}


.ex_slider {float:none;}
.ex_logo {top:9%;}
.ex_logo img {width:180px;}


.price form {width:560px; font-size:18px;}

.price_block {margin:16px 0 16px 16px; width:536px;}
.price_block > div {width:253px; height:180px; padding:7px;}
}


@media(max-width:1125px) {
.ex_logo {display:none;}

.head_menu .hide {display:block;}
.head_menu .visible {display:none;}
.line_bot_3, .line_bot_1 {display:none;}
}


@media(max-width:1024px) {
h1 {font-size:45px; color:#fff; padding:0; margin:80px auto 120px; letter-spacing:4px;}
h1 > span {background:url(../images/h1_back.png) no-repeat; background-size:contain;}

h3, h2 {font-size:29px; text-align:center; text-transform:uppercase; font-weight:normal; padding:0; margin-top:40px;}


.head_logo {margin:80px 0 0 50px;}	


.a_button {width:246px; height:52px; line-height:52px; text-align:center; display:block; font-size:17px; margin:0 auto; color:#FFF; transition:all linear .3s; position:relative;}


.services > div > div:first-child {position:relative; z-index:6;}	
.services > div > div:last-child {position:relative; margin-top:52px; right:90px; z-index:5;}
	
.services > div > div:last-child p {margin:185px 0 0 140px;}



.price form {margin:100px 20px 0 0;}
.price .hide {display:block;}
.price .visible {display:none;}


.design > div > div img {width:700px;}


.ex_logo {display:block;}

.ex_slider {height:570px;}
.ex_slider > img {position:absolute; width:1020px;}

.flexslider .slides img {width:563px; display:block; height:401px;}
.flexslider {width:563px; margin:37px 0 0 94px;}
}


@media(max-width:1023px) {
.head_menu {width:100%; max-width:770px; margin-top:100px; flex-wrap:wrap;}
.head_menu li:last-child {border-right:0;}
.head_menu > div {font-size:24px; min-width:250px; text-align:center; z-index:10; height:100%; line-height:36px; background:rgba(255,255,255,.7); margin:2px; border:2px solid #555;}

.scroll {max-width:770px; position:inherit; margin-top:100px; background:rgba(255,255,255,.8);}
}

@media(max-width:959px) {
header {background-position:right;}


.head_menu li a {font-size:17px;}
.price form {font-size:17px}
.design > div p {font-size:17px;}


.services > div {flex-direction:column; align-items:center;}

.services > div > div:first-child {flex-shrink:0; position:static;}	
.services > div > div:last-child {right:0; margin:-102px 0 26px 0;}



.ex_slider .visible {display:none;}

.ex_slider {width:100%; height:1140px; max-width:100%; margin:0px auto 30px; text-align:center; background:url(../images/ex_tablet_c.jpg) center no-repeat;}

.flexslider .slides img {width:519px; width:100%; display:block; height:496px;}
.flexslider {width:519px; max-width:100%; margin:124px auto;}

.flex-control-thumbs li {width:25%;}

.ex_logo {display:none;}


.examples .note {width:760px; height:795px;}
.examples .note > div {width:550px; margin:30px 0 30px 107px;}

.examples .note > div p {font-size:17px; white-space:normal;}

.examples .note > div img:nth-of-type(1) {width:240px; margin:5px 0 0 0px;}
.examples .note > div img:nth-of-type(2) {max-width:39%;}



.slides span {margin-left:-20px;}
.slides .purpur {margin-left:-60px;}



.work div p {font-size:18px;}

.work > div {flex-direction:column;}
.work .line_top_3 {display:none;}

.work_r {margin-bottom:50px;}
}


@media(max-width:890px) {
.design .hide {display:none;}
.design .visible {display:none;}

.design > div {flex-direction:column; padding-bottom:40px;}
.design > div > div {width:100%; height:596px; background:url(../images/d3.jpg) center no-repeat;}
.design > div > div:first-child {width:443px; background:url(../images/d_folder_1.jpg) no-repeat right; padding:0 18px 0 0; margin:0 auto; order:1;}


.price {flex-direction:column; height:auto; justify-content:center;}

.price form {margin:80px auto 0;}
.price > div { background:url(../images/pr_calc-3.jpg) center no-repeat; width:100%; height:865px;}

.price .hide {display:none;}
}


@media(max-width:730px) {
header {margin-top:104px;}

h1 {margin:0px auto; float:none;}
h3, h2 {font-size:27px;}


.head_menu {background:none; margin:-103px auto; height:auto; justify-content:center;}
.head_menu > ul {justify-content:center; margin:0; height:auto; flex-wrap:wrap;}

.head_menu li {background:rgba(255,255,255,.7); border:2px solid #555; margin:2px;}

.head_menu > div {margin:20px auto; height:42px; line-height:42px;}


.head_main {width:100%; display:flex; justify-content:center; flex-direction:column;}
.head_right {width:100%;}

.head_arm {display:none;}

.scroll {margin-top:-103px auto; background:none;}


.head_logo {width:229px; height:124px; margin:100px auto 30px;}	


.lines {display:none;}



.work_r {width:90%; height:auto; margin:0 auto 50px; padding-bottom:20px;}


.services > div > div:first-child p {font-size:23px;}


.examples .note {width:100%; background:#e0e1e6; height:auto; padding-bottom:30px; border-bottom:1px solid #666;}
.examples .note > div {width:100%; margin:0 16px 0 0;}

.examples .note > div img:nth-of-type(1) {width:300px; margin:15px 0 0 0px;}
}


@media(max-width:599px) {
.work .work_r img {width:130px; margin-right:5px;}
.work div p {margin-top:40px;}

/**/

.examples .note > div img:nth-of-type(1) {width:371px; max-width:99%; margin:8px auto 0; float:none; display:block;}
.examples .note > div p {width:360px; max-width:98%; margin:10px auto !important;}

.examples .note .ex_1, .examples .note .ex_2 {margin:0 auto 20px;}

.examples .note > div img:nth-of-type(2) {display:none;}

/**/

.price form {background:url(../images/pr_bg1.png); width:100%; min-width:100%;}

.price_block {flex-wrap:wrap; flex-direction:column; margin:15px auto; width:90%;}
.price_block > div {margin:0 auto;}
.price a {margin:0 auto;}

.price .pr_1, .price .pr_3, .price .pr_2 { border:0; border-bottom:1px solid #5770b4;}

.price_block input {margin:0 auto; display:block;}
}


@media(max-width:500px) {
header {margin-top:270px; background:url(../images/header_mobile.jpg) center no-repeat;}

.head_menu {margin:-260px auto; flex-direction:column;}
.head_menu > ul {flex-direction:column;}

.scroll {margin-top:-260px auto;}


.head_logo {margin:270px auto 80px;}	


.work .work_r img {width:124px; margin-right:4px;}
.work div p {margin-top:40px;}

.flexslider .slides img {width:100%; max-width:100%;}
.flexslider {width:100%; max-width:100%;}
}


@media(max-width:490px) {
h1 {font-size:10.8vw; white-space:normal;}
h1 > span {background:rgba(142,39,39,.6);}

h3, h2 {font-size:23px;}
.title {font-size:17px;}


.head_menu .hide a, .head_menu .visible a {color:#8e2727;}
.head_menu li {width:212px;}


.services > div > div:last-child p {width:290px; font-size:17px; margin:170px auto 0;}

.design > div > div:first-child {width:100%; min-width:100%; background:#dfdfdf; padding:0; padding-bottom:40px;}


.ex_slider {width:100%; height:990px; max-width:100%; margin:0px auto 30px; background:url(../images/ex_tablet_m.jpg) center no-repeat;}

.flexslider .slides img {height:234px;}
.flexslider {width:317px; height:300px; margin:58px auto;}

.flex-control-thumbs li {width:50%;}
.flex-control-thumbs li:nth-of-type(7), .flex-control-thumbs li:nth-of-type(8) {display:none;}


.slides span {display:none;}
}

@media(max-width:360px) {
.work .work_r {width:96%; background:#FFF;}
.work .work_r img {width:147px; max-width:96%; margin:0 auto; float:none; display:block;}
.work div p {margin-top:20px; text-align:center;}
}