.{
  box-sizing: border-box;
}
body {
  font-size: 14px;
  font-family: 'Montserrat';
  background:#fff
}
p,div,span {font-family: 'Montserrat'; font-weight: 500; font-style: normal; color: #000000;}

.blue {color: #009CF4;}

.main-container {
  max-width:1380px;
  width:1380px;
  margin:0 auto;
  height: auto;
  background: #fff;
  top: 0px;
  position: relative;
}

.logo {
box-sizing: border-box;
position: absolute;
width: 105px;
height: 57px;
left: 93px;
top: 58px;
background: url(/images/pic/smax.png);
}

.text-print {
position: absolute;
width: 760px;
height: 118px;
left: 96px;
top: 211px;
font-size: 40px;
line-height: 147.9%;

}

.phone{
position: absolute;
width: 228px;
height: 35px;
left: 1072px;
top: 57px;
font-size: 24px;
line-height: 147.9%;
color: #009CF4;
}
.callback {
position: absolute;
width: 228px;
height: 24px;
left: 1076px;
top: 93px;
cursor:pointer;
font-size: 16px;
line-height: 147.9%;
}
.text-proiz {
  width: 376px;
  color: rgba(0,0,0,0.699999988079071);
  position: absolute;
  top: 65px;
  left: 205px;
  font-family: Montserrat;
  font-weight: Light;
  font-size: 15px;

  text-align: left;
}
.text-izg {
position: absolute;
left: 99px;
top: 359px;

font-weight: 300;
font-size: 24px;
line-height: 29px;

}


.man {
  width: 551px;
  height: 741px;
  background: url("/img/man.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.8999999761581421;
  position: absolute;
  top: 120px;
  left:750px;
  overflow: hidden;
}



.box1,.box2,.box3 {
box-sizing: border-box;
position: absolute;
width: 150px;
height: 100px;
border: 1px solid #009CF4;
border-radius: 21px;
}

.box1{
left: 101px;
top: 432px;
}
.box2{
left: 278px;
top: 432px;
}
.box3 {
left: 455px;
top: 432px;
}

.box-text1, .box-text2, .box-text3{
position: absolute;
font-weight: 300;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
text-align: center;	
}
.box-text1 {

width: 124px;
height: 40px;
left: 114px;
top: 462px;
}
.box-text2 {
width: 137px;
height: 60px;
left: 284px;
top: 452px;
}
.box-text3{
width: 136px;
height: 40px;
left: 462px;
top: 462px;
}

.title-otziv {
position: absolute;
width: 342px;
height: 71px;
left: 519px;
top: 1418px;
font-size: 48px;
line-height: 147.9%;
}
.title-contacts {
  width: 240px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 2500px;
  left: 570px;
  font-weight: Medium;
  font-size: 48px;
  text-align: left;
}
.map {
box-sizing: border-box;

position: absolute;
width:600px;
height: 500px;
left: 104px;
top: 2670px;

border: 1px solid #009CF4;
border-radius: 10px;
overflow:hidden
}

.contact-text1,.contact-text2,.contact-text3,.contact-text4 {
	width: 560px;
  position: absolute;
}
.contact-text1 {
  top: 2715px;
  left: 765px;

}
.contact-text2{
  top: 2867px;
  left: 765px;

}
.contact-text3 {
  top: 2791px;
  left: 765px;

}

.contact-text4 {
  top: 2943px;
  left: 765px;

}
.round1,.round2,.round3,.round4 {
	  color: rgba(0,0,0,1);
  position: absolute;
  top: 0px;
  left: 43px;
  font-size: 22px;
  text-align: left;
}

.round01,.round02, .round03, .round04 {
  width: 25px;
  height: 25px;
  background: rgba(0,156,244,1);
  position: absolute;
  top: 4px;
  left: 0px;
  border-radius: 50%;
}


.icons {
  width: 140px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.8999999761581421;
  position: absolute;
  top: 69px;
  left: 931px;
  overflow: hidden;
}


.icon1 {
  width: 45px;
  height: 45px;
  background: url(/images/pic/Иконки.png);

  position: absolute;
  top: 0px;
  left: 0px;
    background-size: cover;
	font-size:0;
	color:#fff
}
.icon2 {
    width: 45px;
    height: 45px;
    background: url(/images/pic/Иконки.png);
    background-repeat: no-repeat;
    background-position: -75px center;
    background-size: cover;
  
    position: absolute;
    top: 0px;
    left: 70px;
    overflow: hidden;
	font-size:0;
	color:#fff;
}


.count_orders {
position: absolute;
width: 100%;
text-align: center;
top: 954px;



font-weight: 300;
font-size: 24px;
line-height: 29px;



opacity: 0.8;
}
.count_wash {
	
position: absolute;
height: 56px;
width: 100%;
text-align: center;
top: 876px;



font-size: 38px;
line-height: 147.9%;


}



.ramka {
box-sizing: border-box;
position: absolute;
width: 1180px;
height: 541px;
left: 100px;
top: 786px;

background: #FBFBFB;
border: 10px solid rgba(0, 156, 244, 0.12);
border-radius: 44px;
}


.footer {
  width: 100%;
  height: 150px;


  position: absolute;
  top: 3306px;
  left: 0px;
  border-top: 2px solid rgba(0,156,244,1);
  overflow: hidden;
}

.bottom_logo {position: absolute;
width: 112px;
height: 61px;
left: 634px;
top: 40px;
font-size:0px;
background: url(/images/pic/smax.png) no-repeat;}



.title-footer {
  width: 250px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 110px;
  left: 600px;
  font-family: Montserrat;
  font-weight: Medium;
  font-size: 16px;

  text-align: left;
}
.footer-left {
  width: 502px;
  height: 63px;


  position: absolute;
  top: 50px;
  left: 97px;
  overflow: hidden;
}
.prava {
position: absolute;
height: 27px;
top: 0px;


font-weight: 300;
font-size: 18px;
line-height: 147.9%;
/* identical to box height, or 27px */


color: rgba(0, 0, 0, 0.8);

}
.footer-smax {
  width: 65px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 0px;
  left: 1px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 22px;

  text-align: left;
}

.politika1 {
  width: 321px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  position: absolute;
  top: 50px;
  left: 977px;
  overflow: hidden;
}
.politika {
  width: 321px;
  color: rgba(0,0,0,0.800000011920929);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Light;
  font-size: 18px;

  text-align: left;
}


.background-but {
  width: 490px;
  height: 90px;
  background: rgba(0,156,244,1);

  position: absolute;
  top: 576px;
  left: 101px;
  border-top-left-radius: 29px;
  border-top-right-radius: 29px;
  border-bottom-left-radius: 29px;
  border-bottom-right-radius: 29px;
  overflow: hidden;
}
.background-but-blur {
position: absolute;
width: 490px;
height: 90px;
left: 101px;
top: 576px;

background: #009CF4;
filter: blur(20px);
border-radius: 29px;
}
.but-text {

position: absolute;
width: 349px;
height: 30px;
left: 171px;
top: 606px;



font-weight: 700;
font-size: 21px;
line-height: 26px;
    text-align: center;
color: #FFFFFF;
}
.politika2 {
position: absolute;

height: 15px;
left: 169px;
top: 681px;



font-weight: 300;
font-size: 12px;
line-height: 15px;

opacity: 0.9;
}
.badge {max-width:1000px!important}
.line1 {position: absolute;
width: 330px;
height: 0px;
left: 104px;
top: 1452px;

border: 1px solid rgba(0, 156, 244, 0.6);
}
.line2{
	
position: absolute;
width: 330px;
height: 0px;
left: 950px;
top: 1452px;

border: 1px solid rgba(0, 156, 244, 0.6);
}
.line3{
position: absolute;
width: 330px;
height: 0px;
left: 104px;
top: 2534px;

border: 1px solid rgba(0, 156, 244, 0.6);
}

.line4 {
	position: absolute;
width: 330px;
height: 0px;
left: 950px;
top: 2534px;

border: 1px solid rgba(0, 156, 244, 0.6);
}


#pic-slider {
	
    position: absolute;
    left: 160px;
    top: 1020px;
    width: 1048px;
    height: 238px;
    z-index: 35;
}




.our-works {	padding: 20px 0 90px;}




.our-works .slick-arrow {
	display: block;
	width: 40px;
	height: 40px;
	background: none;
	border: 0;
	cursor: pointer;
	position: absolute;
	top: calc(50% - 20px);
	text-indent: -9999px;

}




.our-works .slider-container {
	padding: 0 30px !important;
}



.our-works .slick-slide {
	padding: 0 5px !important;
}


.our-works .slick-slide img {

	width: 100% !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear !important;

}

.our-works .slick-slide img:hover {

	opacity: 0.9 !important;
	-webkit-filter: brightness(110%); filter: brightness(110%);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear !important;

}


.our-works .slick-arrow {
	display: block !important;
	width: 50px !important;
	height: 50px !important;
	background: none !important;
	border: 0 !important;
	cursor: pointer !important;
	position: absolute !important;
	top: calc(50% - 20px) !important;
	text-indent: -9999px !important;
}

.our-works .slick-prev {
	background: url("/img/arrow-to-left.png") no-repeat center !important;
	-webkit-background-size: 100% 100% !important;
	     -o-background-size: 100% 100% !important;
	        background-size: 100% 100% !important;
left: -60px;
}



.our-works .slick-next {
	background: url("/img/arrow-to-right.png") no-repeat center !important;

	-webkit-background-size: 100% 100% !important;
	     -o-background-size: 100% 100% !important;
	        background-size: 100% 100% !important;
right: -60px;
}

.otziv {
position:absolute;
top:1530px;
width:100%; 
text-align:center; 
left:310px;
width:760px;
height:900px;
overflow:hidden;
position:relative;
}

.thanks {

    position: absolute;
    top: 576px;
    left: 101px;
	font-size:28px;
	color:red;
}



@media  screen and (min-width: 1100px)  and (max-width: 1400px)
{

.main-container {
  width:1200px;
}

.phone{
left: 912px;
}
.text-print {
  font-size: 36px;
}
.icons {
    left: 771px;
}

.callback {
    left: 916px;
}

.man {
    left: 650px;
}

.ramka {
    width: 1040px;

}
#pic-slider {
    position: absolute;
    left: 160px;
    top: 1020px;
    width: 908px;
    height: 238px;
    z-index: 35;
}

.line1, .line3 {
    width: 250px;
    left: 100px;

}

.line2, .line4 {

    width: 250px;
    left: 850px;

}

.title-otziv {
    left: 449px;
        font-size: 44px;

}
.title-contacts {

    left: 500px;
    font-size: 44px;

}

.count_wash {
    font-size: 32px;

}

.otziv {

    left: 250px;
    width: 760px;

}

.map{
  left: 54px;
  width: 530px;
}

.contact-text1, .contact-text2, .contact-text3, .contact-text4 {
    width: 480px;
    position: absolute;
    left: 665px;
}

.bottom_logo {

    left: 564px;

}
.title-footer {

    left: 530px;

}

.politika1 {
    left: 837px;
   
}

}

@media  screen and (max-width: 767px)
{

.main-container {
  width:370px;
height:100%;
  background:#fff;
  margin:0;
  padding:0;
}

.logo {


width: 95px;
height: 57px;
left: 29px;
top: 40px;
background: url(/images/pic/smax.png);
}

.text-print {

font-size: 16px;

width: 312px;
height: 48px;
left: 34px;
top: 129px;


}

.phone{

width: 102px;
height: 16px;
left: 218px;
top: 46px;
font-size: 11px;
line-height: 147.9%;

}
.callback {

width: 113px;
height: 12px;
left: 212px;
top: 61px;
font-size: 8px;

}
.text-proiz {
display:none
}
.text-izg {

width: 279px;
height: 12px;
left: 34px;
top: 189px;
font-size: 10px;
line-height: 12px;

}


.man {
width: 330.21px;
height: 307.76px;
left: 20px;
top: 233px;
}


.background-but {
width: 300px;
height: 60px;
left: 35px;
top: 552px;


}
.background-but-blur {

width: 300px;
height: 60px;
left: 35px;
top: 552px;
 z-index: 100;
}
.but-text {
width: 247px;
height: 17px;
left: 55px;
top: 574px;
font-size: 14px;
line-height: 17px;
    z-index: 200;
}

.box1,.box2,.box3 {
width: 95px;
height: 63px;
border: 1px solid #009CF4;
border-radius: 13px;
}

.box1{
left: 35px;
top: 681px;
}
.box2{
left: 138px;
top: 681px;
}
.box3 {
left: 239px;
top: 681px;
}

.box-text1, .box-text2, .box-text3{
font-size: 10px;
line-height: 12px;
}
.box-text1 {

width: 89px;
height: 24px;
left: 38px;
top: 701px;
}
.box-text2 {
width: 90px;
height: 36px;
left: 140px;
top: 695px;
}
.box-text3{
width: 85px;
height: 24px;
left: 244px;
top: 701px;
}

.title-otziv {

width: 143px;
height: 30px;
left: 113px;
top: 1171px;
font-size: 20px;

}

.otziv {

top:1230px;
text-align:center; 
left:10px;
width:350px;
height: 600px;

}

.title-contacts {
width: 100px;
height: 30px;
left: 135px;
top: 1884px;
font-size: 20px;
}
.map {

width: 298px;
height: 333px;
left: 35px;
top: 2209px;
    background: url(/images/pic/map.png) -100px -100px;

border-radius: 9px;
}

.contact-text1,.contact-text2,.contact-text3,.contact-text4 {
	
	width: 280px;

}

.contact-text1 {
left: 35px;
top: 1946px;;

}
.contact-text2{
left: 35px;
top: 1987px;

}
.contact-text3 {
 left: 35px;
top: 2028px;
}

.contact-text4 {

left: 35px;
top: 2069px;
}
.round1,.round2,.round3,.round4 {
left: 20px;
font-size: 11px;

}

.round01,.round02, .round03, .round04 {
width: 12px;
height: 12px;

  left: 0px;

}

.icons {

  width:75px;
height: 30px;
left: 250px;
top: 79px;

}


.icon1 {
position: absolute;
width: 30px;
height: 30px;
left: 301px;
top: 79px;

  top: 0px;
  left: 0px;


}
.icon2 {
width: 30x;
height: 30px;
left: 30px;
top:0;
    background-position: -38px center;
}


.count_orders {
height: 13px;
top: 902px;

font-size: 11px;

}
.count_wash {
width: 257px;
height: 48px;
left: 66px;
top: 839px;

font-size: 16px;


}



.ramka {
width: 299px;
height: 332px;
left: 35px;
top: 792px;
border-radius: 29px;
}




.politika1 {

  
width: 250px;
height: 12px;
left: 35px;
top: 55px;


}
.politika {
  width: 250px;
  top: 0px;
  left: 0px;
font-size: 9px;
}

.footer {
width: 100%;

height: 100px;
left: 0px;
top: 2594px;


}
.bottom_logo {

top:20px;
left: 284px;
    width: 56px;
    height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.title-footer {
  width: 100px;
  top: 55px;
  left: 265px;
  font-size: 9px;
  text-align: left;
}

.footer-left {
  width: 250px;
  height: 40px;

  top: 30px;
  left: 35px;

}
.prava {
width: 201px;
height: 13px;
left: 0px;
top: 0px;
font-size: 9px;
}


.footer-smax {
  width: 65px;
  top: 0px;
  left: 1px;
  font-size: 22px;
}




.politika2 {

width: 244px;
height: 9px;
left: 89px;
top: 627px;

font-size: 7px;
line-height: 9px;


}

.line1 {
	
width: 65px;
height: 0px;
left: 30px;
top: 1186px;

}

.line2{
width: 65px;
height: 0px;
left: 275px;
top: 1186px;
}
.line3{
width: 65px;
height: 0px;
left: 30px;
top: 1899px!important;
}
.line4 {
width: 65px;
height: 0px;
left: 275px;
top: 1899px!important;
}


#pic-slider {
	
    left: 75px;
    top: 960px;
    width: 220px;
	height:150px;

}

.our-works .slick-arrow {
	    width: 40px !important;
    height: 40px !important;
}

.thanks {


    top: 576px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    left: 0;

}



}