article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline;zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;}
a:hover,a:active{outline:0;}
h1{font-size:30px;margin:0 0 5px;}
h2{font-size:22px;margin:0 0 5px;}
h3{font-size:18px;margin:0 0 5px;}
h4{font-size:14px;margin:0 0 5px;}
h5{font-size:12px;margin:0 0 5px;}
h6{font-size:11px;margin:0 0 5px;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
blockquote{margin:5px 5px 5px 20px;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:none;}
small{font-size:75%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
menu,ol,ul{padding:0;}
nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;white-space:normal;margin-left:-7px;padding:0;}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
button[disabled],input[disabled]{cursor:default;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
p,pre,dl,menu,ol,ul,dd,figure,form{margin:0;}

html {margin:0; padding: 0;}
body {margin:0; padding:0;  background: url(../images/bg.jpg) repeat repeat; padding-top:60px; font-family: 'Roboto', sans-serif; font-weight: 400; color:#222222;}

ul li {list-style: none;}
p {margin:0; padding: 0;}
a {text-decoration: none; outline: none!important;}

.desktop #smc, .tablet #smc {display: none;}

#smc {position: fixed; right:50px; bottom:50px; z-index: 50;}
#smc img {width:150px; height: 150px;}

::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder  {color:#fff;}/* Firefox 19+ */
:-moz-placeholder   {color:#fff;}/* Firefox 18- */
:-ms-input-placeholder  {color:#fff;}

.popup-form ::-webkit-input-placeholder {color:#ccc;}
.popup-form ::-moz-placeholder  {color:#ccc;}/* Firefox 19+ */
.popup-form :-moz-placeholder   {color:#ccc;}/* Firefox 18- */
.popup-form :-ms-input-placeholder  {color:#ccc;}

/* ZAGLUSHKA */
.style2 .block1 {padding-top:60px;}
.style2 .h-contacts {background-position: 0 50%; margin-top:10px;}
.style2 .h-tel {height: 40px; line-height: 40px; font-size: 24px;}
.style2 .block4 {padding:50px 0;}

.logos {display: table; margin:40px auto 0 auto;}
.logos li {float: left; margin:0 50px;}

/* POPUP */
.popup-form {width:300px; padding:50px 0; background:#fff;}
.pop-title {font-size: 18px; text-align: center; font-weight: 500; margin-bottom: 20px; color:#000;}
.popup-form form {display: table; margin:0 auto; width:200px;}
.popup-form input {margin:0 0 10px 0; border-color:#ccc; color:#000;}
.popup-form button {background:#17a8f7; color:#fff; font-size: 13px;}
.popup-form button:hover {background: #148cce;}

input.error, textarea.error {border:1px solid red!important;}
#name-error, #tele-error, #email-error, #vopros-error, #square-error {display: none!important;}

/* SETUP */
*{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

.wBox {width:960px; display: table; position: relative; margin:0 auto;}
.clr {clear: both; font-size: 0; height: 0; width:100%;}
.l {float:left;}
.r {float:right;}

.title {height: 60px; border-left:7px solid #2e9dd9; font-size: 36px; line-height: 60px; font-weight: 700; padding-left: 70px;}
.title.title1 {line-height: 30px; padding-top:5px; height: 70px;}

/* BLOCKS */
.block {width: 100%; min-width: 1040px; position: relative; box-sizing:border-box; display: block;}
.block1 {height: 500px; background: url(../images/block1.jpg) center center no-repeat; padding-top:80px;}
.block2 {padding:100px 0 80px 0;}
.block3, .block5, .block7 {background: #ebebeb; padding:100px 0;}
.block4 {padding:10px 0 120px 0;}
.block6 {height: 540px; background: url(../images/block6.jpg) center top no-repeat; padding-top:100px;}
.block8 {height: 430px; background: url(../images/block8.jpg) center top no-repeat; padding-top:111px;}
.block9 {height: 480px;}

/* TOP-HEADER */
.top-header {height: 60px; background: #fff; width:100%; position: fixed; top:0; left: 0; z-index: 99;}
.logo {float: left; margin-right: 40px; margin-top:10px;}
.menu {float: left;}
.menu ul {display: table;}
.menu li {float: left; height: 60px; line-height: 60px; margin-left: 60px;}
.menu li:first-child {margin-left: 0;}
.menu li a {color:#ff0000; text-transform: uppercase; font-size: 15px; font-weight: 700;}
.menu li a:hover {color:#222222;}
.callback-btn {float: right; margin-left: 35px; margin-top:10px;}
.call-btn {display: block; width:150px; height: 40px; line-height: 40px; text-transform: uppercase; color:#fff; font-weight: 500; font-size: 11px; text-align: center; background: #17a8f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.call-btn:hover {background: #148cce;}
.h-contacts {float: right; padding-left: 40px; background: url(../images/tel.png) 0 2px no-repeat; margin-top:12px;}
.h-tel {font-size: 18px; color:#222222; line-height: 24px;}
.h-tel span {color:#2e9dd9;}
.h-days {font-size: 12px; font-weight: 300; line-height: 1;}

/* BLOCK1 */
.b1-title {font-size: 60px; line-height: 1.3; text-align: center; font-weight: 400; margin:0; padding: 0;}
.b1-title span {font-weight: 700;}

.b1-form {position: absolute; bottom:-40px; left:50%; margin-left: -528px; background: url(../images/b1-form.jpg) 0 0 no-repeat; width:1056px; height: 208px;}
.b1-form .l, .b8-form .l {width: 380px; text-align: center; padding-top:12px;}
.b1-form .r, .b8-form .r {width:620px; margin-right: 10px; padding-top:45px;}
.b1f-title {color:#fff; text-transform: uppercase; font-size: 60px; font-weight: 700; line-height: 1; margin-bottom: 20px;}
.b1f-desc {color:#fff;  font-size: 24px; line-height: 1.3; font-weight: 300;}
.b1f-desc span {font-weight: 700;}

.f-title {color:#fff; font-size: 44px; font-weight: 300; line-height: 1;}
.f-subtitle {color:#fff; font-size: 19px; font-weight: 300; line-height: 1.1; margin-bottom: 10px;}

input {font-family: 'Roboto', sans-serif; width:200px; padding: 0 10px 0 20px; color:#fff; border:1px solid rgba(255,255,255,0.5); background: none; height: 44px; line-height: 44px; font-weight: 100; font-style: italic; font-size: 15px; margin-right: 10px; float: left; outline: none;}
button {display: block; width:200px; text-align: center; height: 44px; border:none; background: #ffc400; float: left; outline: none; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 700; line-height: 1; text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
button:hover {background: #e5b105;}

/* BLOCK2 */
.work {margin-top:40px; position: relative; display: table; width:100%;}
.w-grey {width:570px; height: 400px; background: #ebebeb;}
.wg1 {float: right; padding:50px 0 0 140px;}
.wg2 {float: left; padding:50px 0 0 50px;}
.w-title {font-size: 30px; line-height: 1; margin-bottom: 30px;}
.w-option {width:370px; display: table; margin-bottom: 20px;}
.wo-text {float: left; font-size: 14px; line-height: 18px; font-weight: 300;}
.wo-text span {font-style: italic; font-weight: 300;}
.wo-text2 {font-size: 14px; line-height: 20px; font-weight: 300; margin-bottom: 10px;}
.wo-price {float: right;font-size: 12px; line-height: 18px; font-weight: 500;}
.work img {position: absolute; top:40px; height: 320px;}
.w-img1 {left:0;}
.w-img2 {right: 0;}


/* BLOCK3 */
.prices-wrap {margin-top:50px;}
.price-title {height: 40px; line-height: 40px; font-size: 14px; font-weight: 300; font-style: italic;}

.prices li {margin-top:7px;}
.prices li a {display: block; width:100%; cursor: pointer; height: 50px; line-height: 50px; color:#fff; font-weight: 500; text-transform: uppercase; padding-left:30px; background: url(../images/open.png) 98% 50% no-repeat #2e9dd9;}
.prices li a.active {background: url(../images/open-active.png) 98% 50% no-repeat #2e9dd9;}
.prices li .open {display: none;}

table {width:100%; background: #222222; color:#fff;}
tr > td {width:130px; border-bottom: 1px solid #171717; text-align: center; height: 40px; vertical-align: middle; font-size: 14px; font-weight: 300;}
tr > td:first-child {width:310px; text-align: left; padding-left: 30px;}

thead tr > td {height: 60px; padding-top:20px; font-weight: 700;}
thead tr > td:first-child {color:#4c4c4c; font-weight: 300;}

/* BLOCK4 */
.about {margin-top:60px; display: table; width:100%;}
.about li {float: left; width:320px; height: 320px; background: #ebebeb; text-align: center;}
.a-img {margin-top:80px;}
.a-img1 {margin-top:55px;}
.a-text {margin-top:30px; font-weight: 500; font-size: 12px; color:#808080; text-transform: uppercase; line-height: 20px;}
.a-text span {color:#222222;}

/* BLOCK5 */
.block5 {padding:50px 0;}

/* BLOCK5-1 */
.block5-1 {padding: 50px 0;}
.reviews {padding-top:1em;}
.reviews div{padding: 1em 0;}
.reviews div:after{content:'';display:table;width:100%;}
.reviews img{float:left; margin-right:1em;}
.reviews p{margin: 1em 0; font-style:italic;}
.reviews strong{}
.reviews span{color: #337ab7; font-style:italic;}

/* BLOCK6 */
.b6-block2 {width:320px; margin-left: 50px;}
.b6-title {font-size: 30px; line-height: 1.3; font-weight: 300; margin-bottom: 30px; color:#171717;}
.b6-text {font-size: 18px; line-height: 24px; font-weight: 300; color:#171717;}
.b6-text p {margin:10px 0;}
.b6-text p span {font-weight: 700;}

/* CAROUSEL */
.carousel {position:relative; margin-top:2em;}
.carousel .view-port {width: 960px; overflow: hidden; position: relative;}
.carousel .slider-container {position: relative; height: 138px; margin: 0;padding: 0;}
.carousel .slider-item {position: absolute; width: 225px; height: 138px; margin-right: 20px;}
.carousel a.prev, .carousel a.next {display: block;position: absolute;top: 50%;margin-top: -23px;width: 24px;height: 46px;background-repeat: no-repeat;}
.carousel a.disabled {display: none;}
.carousel a.prev{background-image: url(../images/l-arr.png);left: -50px;}
.carousel a.next{background-image: url(../images/r-arr.png);right: -50px;}

.r-name {margin-top:20px; font-size: 18px; line-height: 20px;}
.r-auto {font-size: 13px; font-weight: 500; color:#2e9dd9;}
.r-text p {font-size: 12px; color:#808080; margin-top:10px; line-height: 20px;}

.b8-form {margin:0 auto; width:1056px; height: 208px;}

/* BLOCK9 */
.map-wrap {height: 480px; width:100%;}
#map {height: 480px; width: 50%; float: left;}
.map-info {width:480px; padding:20px 0 0 60px; float: left;}

.mi-box {display: table; width:100%; margin-bottom: 30px;}
.mi-box.mi-adr {margin-bottom: 15px;}

.mi-box1 {font-size: 14px; line-height: 20px; font-weight: 500; color:#171717; width:180px;}
.mi-box2 {font-size: 14px; line-height: 20px; font-weight: 300; color:#666666;}

.mi-box2 a {margin-top:10px;}

.mi-mail span {border-bottom: 1px solid #2e9dd9; color:#2e9dd9; font-weight: 400;}
.mi-desc {font-size: 14px; font-weight: 300; font-style: italic; line-height: 20px; color:#666666; margin-bottom: 30px;}
.mi-desc.last {margin-bottom: 0;}

.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: content-box; /*это свойство обязательно*/
}

#ksawerumolas {display: none;}
#ksawerumolas .wesaxtun{float:right;padding:30px}

.zkisagteb{float:left;padding:27px 0 25px}
.zkisagteb a{font-size:28px;display:block;padding:0 0 0 19px}
#ksawerumolas nav{float:right;}
#ksawerumolas nav>ul{float:left;position:relative}
#ksawerumolas nav li{list-style:none;float:left}
#ksawerumolas nav .dropdown{position:relative}
#ksawerumolas nav li a{float:left;padding:35px;transition: 0.3s;}
#ksawerumolas nav li a:hover{background: #3eb7f9;color: #fff;
}
#ksawerumolas nav li ul{display:none}
#ksawerumolas nav li:hover ul{display:inline}
#ksawerumolas nav li li{float:none}
#satukipam-icon{position:absolute;left:200px;top:50%;margin-top:-12px;margin-right:30px;display:none}
#satukipam-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
.your-class {
    margin-top: 2em;

}
.wedding__item  a img {width: 100%;padding: 0 20px;}
.slick-next::before, .slick-prev::before {
    content: '' !important;
}
.your-class .slick-next {
    background: url(../images/r-arr.png) no-repeat;
    background-size: contain;width: 30px;
height: 30px;
}
.your-class .slick-prev { background: url(../images/l-arr.png) no-repeat;
    background-size: contain;width: 30px;
height: 30px;}
.block5 .wBox {display: block;}
.helper {width:100%; display:block;}
@media only screen and (max-width: 1024px) {
	.block {min-width: 0;max-width: 100%}
.b1-form, .b8-form {
    width: 100%;
    position: relative;
    left: 0;
    margin-left: 0;
	background-size: contain;
	background: url(../images/b1-formna.jpg) 0 0 no-repeat;
}
.b1-form .r , .b8-form .r {width: auto;
margin-right: 10px;}
	.carousel a.next {right: -28px;}
	.carousel a.prev {left: -29px;}
	.block5 .wBox {
    display: block;
    margin: 0;
    width: 100%;padding: 0 30px;
}
}

@media only screen and (max-width: 996px) {
	.pagination {position: relative;}
	.carousel a.prev {
    left: 0px;
    top: 30px;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.carousel a.next {right: -10px;
    top: 30px;
    width: 24px;
    height: 24px;
    background-size: contain;}
	.b1-form .l, .b8-form .l {
    width: 36%;
}


.b1-form .r, .b8-form .r {
    width: 60%;
    margin-right: 10px;
    padding-top: 12px;
}
.block2 {
    margin: 100px 0 40px 0;
	padding: 0;
}
#form2 button, #form3 button {float: none;
top: 10px;
position: relative;
margin: 0 auto;}
#form2 input, #form3 input {display: inline-block;
float: none;}
.b1-form .r, .b8-form .r {text-align: center;}
}
@media only screen and (max-width: 960px) {
.logo {
	margin-right: 30px;

margin-left: 10px;
}
.callback-btn {
    margin-left: 25px;
    margin-right: 10px;
}
.carousel a.prev {
    left: 10px;
top: 35px;}
.carousel a.next {
    right: 0px;
top: 35px;}
.menu {display: none;}
	#ksawerumolas {
    display: block;
}
  #ksawerumolas nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll;background: #17a8f7;}
  #satukipam-icon{display: inline;
top: 25px;
cursor: pointer;
  background: #17a8f7;}
  #satukipam-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:13px}
  #satukipam-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #satukipam-icon.active .third{display:none}
 #ksawerumolas nav{padding:10px}
  #ksawerumolas nav ul{float:none}
  #ksawerumolas nav li{float:none}
  #ksawerumolas nav ul li a{float:none;padding:8px;display:block}
  #ksawerumolas nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #ksawerumolas nav a{color:#fff;padding:8px}
  #ksawerumolas nav a:hover{background:#fff;color:#333;border-radius:3px}
  #ksawerumolas nav ul li li a:before{content:"- "}
  .kizluplazma-col{width:100%}


}

@media only screen and (max-width: 900px) {
	.h-contacts {
    float: left;
    margin-left: 40px;
	padding-left: 40px;}
	.callback-btn {float: left; margin-left: 100px;}
	.block1 {
    height: auto;}
	.b1-form .l, .b8-form .l, .b1-form .r, .b8-form .r {height: 100%;}
	.b1-form, .b8-form {background-size: cover; background: url(../images/b1-formna.jpg) 0 0 no-repeat;}
	.b1-form .r, .b8-form .r {
    width: 56%;}
	.b1-form .l, .b8-form .l {
    width: 42%;
}
.work img {z-index:2;}
.w-grey {
width: auto;}

.w-grey.wg3, .wg2 {
    float: right;
    padding: 50px 10px 0 180px;
right: 0px;
    position: relative;
}
.wg1 {
    float: right;
    padding: 50px 10px 0 150px;
right: 0px;
    position: relative;
}
.w-img2 {
    left: 0;
}
.block4  .about li {
    float: none;
    width: 100%;
    height: auto; }
	.a-img {
    margin-top: 40px;}
	.a-text {
    padding-bottom: 30px;}
	ul.about li:first-child {padding-top: 20px;}
	.carousel a.next {
    right: 0px;}
.block5-1 .wBox, .block6 .wBox, .block4 .wBox, .top-header .wBox, .block5 .wBox, .block2 .wBox, .block1 .wBox {
    width: 100%;
    display: block;}
.block6 {height: 100%;background-size: cover;
padding-bottom: 10px;}	
.b6-block1.l {float: none}
.b6-block1.l img {
    display: block;
    margin: 0 auto;
}
.b6-block2 {
    width: 100%;
    margin-left: 0px;
    float: none;
    text-align: center;
}
#map {float: none; width: 100%}
.map-info {
    float: none;
    width: 100%;
}
}
@media screen and (max-width: 812px) and (orientation: landscape) {
	.b1-form, .b8-form {
height: 220px;
    background: #17a8f7;
}
#form2 input, #form3 input {margin-top: 10px}
.work .w-grey {
padding: 50px 10px 0 230px;
    float: none;
}
.work img {
    position: relative;
    margin: 0 auto;
    display: block;
}
	
}

@media screen and (max-width: 740px) and (orientation: landscape) {
	.b1-form, .b8-form {
height: 260px;
    background: #17a8f7;
}
#form2 input, #form3 input {margin-top: 10px}
.work .w-grey {

    float: none;
}
.work img {
    position: relative;
    margin: 0 auto;
    display: block;
}
}

@media screen and (max-width: 732px) and (orientation: landscape) {
	.work .w-grey {
    padding: 50px 10px 0 170px;
    float: none;
}
}

@media screen and (max-width: 667px) and (orientation: landscape) {
	.callback-btn {
    margin-left: 60px;
}
	.h-contacts {

    margin-left: 10px;
}
.b1-form, .b8-form {
height: 280px;}
.work .w-grey {
padding: 50px 10px 0 140px;}
}

@media screen and (max-width: 568px) and (orientation: landscape) {
	.wBox .h-contacts {
		background: none;
padding-left: 0;
	}
	#satukipam-icon {

    left: 185px;}
	.wBox .callback-btn {

    margin-left: 20px;
}
.work .w-grey {
    padding: 50px 10px 0 85px;
}
}

@media only screen and (max-width: 640px) {
	.h-contacts {
    float: left;
    margin-left: 0px;
    padding-left: 30px;
}
.callback-btn {
    float: left;
    margin-left: 50px;
}

.title {
	padding-left: 30px;
}
.b6-text {padding: 0 10px;}
.reviews p {padding: 0 10px;}
.work img {
    position: relative;
    top: 40px;
    margin: 0 auto;
    display: block;
}
.work .w-grey  {
    float: none;
    right: 0;
	margin-top: 40px;
}
.b1-form, .b8-form {background: #0099d3;}
.b1-form .l, .b8-form .l {
    width: 100%;
    float: none;
}
.b1-form .r, .b8-form .r {
    width: 100%;
    float: none;
}
.b1-form, .b8-form {
    background: #0099d3;
    height: auto;
    padding-bottom: 25px;
}
.block8 {height: auto;}
#smc {

bottom: 70px;}
#smc img {
    width: 75px;
    height: 75px;
}
}
@media only screen and (max-width: 480px) {
	.top-header {
    height: 110px;}
	.callback-btn {
    margin-left: 100px;
}
#satukipam-icon {left: 225px;}
.h-contacts {
    float: left;
    right: 70px;
    padding-left: 30px;
    position: relative;
}
.block1 {

    background-size: cover;
}
.work {display: block;}
.work img {width: 100%;
height: auto;}
.work .w-grey {padding: 50px 25px 0 25px;}
.w-option {
width: 100%;}
.work img {top:0;}
.work .w-grey {margin-top: 0px;}
.work {margin-top: 0px;}
.work.first {padding-top: 80px;}
.block8 {padding-top: 0px;}
.b6-block1.l img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.block6 {padding-top: 0px;}
}

@media only screen and (max-width: 460px) {
		#satukipam-icon {
    left: 190px;
}
.callback-btn {
   margin-left: 50px;
}
.h-contacts {
    right: 80px;
    left: -;
}
}

@media only screen and (max-width: 414px) {
	#satukipam-icon {
    left: 200px;
}
.callback-btn {
    margin-left: 50px;
}
.h-contacts {
right: 100px;}
	.b1-title {
    font-size: 50px;}
	.b1-form .l, .b8-form .l {padding: 12px 15px;}
	.b1-form .r, .b8-form .r {    padding: 12px 15px;
}

#form2 input, #form3 input {

    margin: 5px 0px;
}
.work.first {
    padding-top: 110px;
}
.map-info {
    float: none;
    width: 100%;
    padding: 20px 20px 0px 20px;
}

}
@media only screen and (max-width: 412px) {
	#satukipam-icon {
    left: 190px;
}
.callback-btn {
    margin-left: 30px;
}
.h-contacts {
    right: 0px;
    left: 100px;
}

}

@media only screen and (max-width: 384px) {
	#satukipam-icon {
    left: 180px;
}
.callback-btn {
    margin-left: 20px;
}
.h-contacts {
    right: 0px;
    left: 90px;
}

}

@media only screen and (max-width: 375px) {
	.callback-btn {
    margin-left: 15px;
    margin-right: 5px;
}
#satukipam-icon {
    left: 180px;
}
.h-contacts {
    right: 0px;
    left: 85px;
}
}
@media only screen and (max-width: 360px) {
.h-contacts {
    left: 5px;
    right: 0;
    background: transparent;
    padding-left: 0px;
}
#satukipam-icon {
    left: 300px;
}
.callback-btn {
    margin-left: 10px;
}
.work.first {
    padding-top: 130px;
}
.work .w-grey {
    padding: 30px 25px 0 25px;
}

}
@media only screen and (max-width: 320px) {
#satukipam-icon {
    left: 250px;
}
.call-btn {

width: 120px;}
.h-contacts {
left: 0px;}
.work.first {
    padding-top: 170px;
}
.wo-text {
 
font-size: 12px;}
.work .w-grey {
    padding: 30px 15px 0px 15px;
}
}