@charset "utf-8";
/* CSS Document */

@media screen and (max-width:479px)
 {
   body {font-size: 18px;}
   .content {width: 90%; padding-top: 0px;	padding-bottom: 0px;}
   
  /* Target portrait smartphones */
	.navbar {flex-direction: column; width: 100%; padding-bottom: 20px;}
   
	header hr {display: none;}
   	.navbar .mobilenavbar {display: flex; justify-content: space-around; align-items: flex-end; } 
  	.infobar {flex-direction: column;}
   	.infobar ul {font-size: 14px;}
   	.infobar .address {display: none;}
   	.infobar .email {display: none;}
   	.hide {display: none;}
   	.infobar .phone {white-space: nospan;}
   	.infobar .message {padding-top: 10px; font-size: 10px;}
   
   .custom_topbutton {margin-top: 10px;	padding: 10px;}
   .custom_topbutton:hover {padding: 10px; }

	.sliderinfo {width: 90%; padding-top: 50px;	padding-bottom: 50px; text-align: right;}
	.slidertitle {font-size: 70%;}
	.slidertitle .hr {letter-spacing: -4px; margin-right: 10px;}
	.slidertext {font-size: 230%; padding-top: 25px; padding-bottom: 50px;}
	
	.moduletable_slider {background: url(../images/slider01_bg.jpg) 50% 50% center center no-repeat;}

   .custom_whyus {width: 90%; flex-direction: column;}
	.whyus1st {font-size: 26px;	padding-right: 0px; padding-bottom: 20px;}
	.custom_moduletop1 {
	width: 90%;
	flex-direction: column;
	margin-top: -150px;
	line-height: 120%;}
   
   .custom_moduletop1 div {
	background: #FFFFFF;
	padding: 25px;
	border-right: 0px solid rgba(192, 192, 192,1);}
   
   div .first {
	background: #FAF0E6;
	border-bottom: 1px solid rgba(192, 192, 192,1);
	border-radius: 10px 10px 0px 0px;
}
   div .mid {border-bottom: 1px solid rgba(192, 192, 192,1);}
   
   .mainpage {	flex-direction: column-reverse;	font-size: 18px;}
   
   .mainpage img {padding-right: 0px; margin-left: 0px;  width: 100%; margin-top: 30px;}
   
   .mainpagewhyus {display: block;	border: 1px solid #ccc;	width: 100%; margin-top: 20px;}
   
   .mainpagewhyus_1st {border-right: 0px solid gray; padding-bottom: 20px;}
   
	.moduletable_mpslider {padding: 0px;}
   
   .custom_footer2 ul {flex-direction: column;	list-style: none;}
   	
   .custom_footer1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
	align-items: top;}
   
   .map {flex-direction: column; font-size: 22px;}
   .map .map1, .map .map2 {flex-basis: 100%; width: 100%;}
   
   .uslugi {	width: 100%;
	/* padding: 10px; */
	/* margin-left: 20px; */
	margin-bottom: 0px;}
   
   .uslugi2 {width: 90%; float: none; padding: 10px; margin: 0 0 20px;}
   .logo-x {flex-direction: column;}
   .custom_footer4 {flex-direction: column;}
	.custom_footer4 div {flex-basis: 100%;}
   
   .moduletable_mpuslugi {width: 90%; margin-top: 30px; margin-bottom: 30px; padding: 30px;}
   .moduletable_mpuslugi li {  flex-basis: 100%;}
   
   .why2x {display: flex;
	justify-content: space-between;
	font-size: 18px;
	width: 100%;
	flex-direction: column;}
   
   .usluga_y {width: 100%;
	align-items: center;
	padding: 0;}
   
   
   .moduletable_mpwhyus2 {
	background: #FFFFE0;
	color: black;
	padding-top: 50px;
	padding-bottom: 0px;
	font-size: 14px;
	margin-bottom: 30px;
}
   
   .custom_docs {
	width: 90%;
	font-size: 100%;
    flex-direction: column;
}
   
   
}




@media screen and (min-width:480px) and (max-width:768px)
 {
   body {font-size: 18px;}
   .content {width: 90%; padding-top: 30px;	padding-bottom: 0px;}
   
  /* Target portrait smartphones */
	.navbar {flex-direction: column; width: 100%; padding-bottom: 20px;}
   
	header hr {display: none;}
   	.navbar .mobilenavbar {display: flex; justify-content: space-around; align-items: flex-end; } 
  	.infobar ul {font-size: 14px;}
   	.infobar .address {display: none;}
   	.infobar .email {display: none;}
   	.hide {display: none;}
   	.infobar .phone {white-space: nospan;}
   	.infobar .message {padding-top: 10px; font-size: 10px;}
   
   .custom_topbutton {margin-top: 10px;	padding: 10px;}
   .custom_topbutton:hover {padding: 10px; }

	.sliderinfo {width: 90%; padding-top: 50px;	padding-bottom: 50px; text-align: right;}
	.slidertitle {font-size: 70%;}
	.slidertitle .hr {letter-spacing: -4px; margin-right: 10px;}
	.slidertext {font-size: 230%; padding-top: 25px; padding-bottom: 50px;}
	
	.moduletable_slider {background: url(../images/slider01_bg.jpg) 50% 50% center center no-repeat;}

   .custom_whyus {width: 90%; flex-direction: column;}
	.whyus1st {font-size: 30px;	padding-right: 0px; padding-bottom: 20px;}
	.custom_moduletop1 {
	width: 90%;
	flex-direction: column;
	margin-top: -150px;
	line-height: 120%;}
   
   .custom_moduletop1 div {
	background: #FFFFFF;
	padding: 25px;
	border-right: 0px solid rgba(192, 192, 192,1);}
   
   div .first {background: #FAF0E6;border-bottom: 1px solid rgba(192, 192, 192,1);border-radius: 10px 10px 0px 0px;}
   div .mid {border-bottom: 1px solid rgba(192, 192, 192,1);}
   
   .mainpage {	flex-direction: column-reverse;	font-size: 18px;}
   
   .mainpage img {padding-right: 0px; margin-left: 0px;  width: 100%; margin-top: 30px;}
   
   .mainpagewhyus {display: block;	border: 1px solid #ccc;	width: 100%; margin-top: 20px;}
   
   .mainpagewhyus_1st {border-right: 0px solid gray; padding-bottom: 20px;}
   
	.moduletable_mpslider {padding: 0px;}
   
   .custom_footer2 ul {flex-direction: column;	list-style: none;}
   	
   .custom_footer1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
	align-items: top;}
   
   .map {flex-direction: column; font-size: 22px;}
   .map .map1, .map .map2 {flex-basis: 100%; width: 100%;}
   
   .uslugi {width: 90%; float: none; padding: 10px; margin: 0 0 20px; transform: rotate(-3deg); box-shadow: 1px 1px 2px black;}
   
   .uslugi2 {width: 90%; float: none; padding: 10px; margin: 0 0 20px; transform: rotate(2deg); box-shadow: 1px 1px 2px black;}
   .logo-x {flex-direction: column;}
   .custom_footer4 {flex-direction: column;}
	.custom_footer4 div {flex-basis: 100%;}
   
   .moduletable_mpuslugi {width: 90%; margin-top: 30px; margin-bottom: 30px; padding: 30px;}
   .moduletable_mpuslugi li {  flex-basis: 100%;}  
   
   .why2x {display: flex;
	justify-content: space-between;
	font-size: 18px;
	width: 100%;
	flex-direction: column;}
   
   .usluga_y {width: 100%;
	align-items: center;
	padding: 0;}
   
      .custom_docs {
	width: 90%;
	font-size: 100%;
    flex-direction: column;
}
}



@media screen and (min-width:769px) and (max-width:1024px)
{
   body {font-size: 18px;}
   .content {width: 90%; padding-top: 30px;	padding-bottom: 0px;}
   
  /* Target portrait smartphones */
	.navbar {flex-direction: column; width: 100%; padding-bottom: 20px;}
   
	header hr {display: none;}
   	.navbar .mobilenavbar {display: flex; justify-content: space-around; align-items: center; } 
  	.infobar ul {font-size: 14px;}
   	.infobar .email {display: none;}
   	.hide {display: none;}
   	.infobar .phone {white-space: nospan;}
   	.infobar .message {padding-top: 10px; font-size: 10px;}
   
   .custom_topbutton {margin-top: 10px;	padding: 10px;}
   .custom_topbutton:hover {padding: 10px; }

	/*.sliderinfo {width: 90%; padding-top: 50px;	padding-bottom: 50px; text-align: right;}
	.slidertitle {font-size: 70%;}
	.slidertitle .hr {letter-spacing: -4px; margin-right: 10px;}
	.slidertext {font-size: 230%; padding-top: 25px; padding-bottom: 50px;}*/
	
	.moduletable_slider {background: url(../images/slider01_bg.jpg) 50% 50% center center no-repeat;}

   .custom_whyus {width: 90%; flex-direction: column;}
	.whyus1st {font-size: 30px;	padding-right: 0px; padding-bottom: 20px;}
	.custom_moduletop1 {
	width: 90%;
	/*flex-direction: column;*/
	/*margin-top: -150px;*/
	line-height: 120%;}
   
   /*.custom_moduletop1 div {
	background: #FFFFFF;
	padding: 25px;
	border-right: 0px solid rgba(192, 192, 192,1);}*/
   
   /*div .first {background: #FAF0E6;border-bottom: 1px solid rgba(192, 192, 192,1);}
   div .mid {border-bottom: 1px solid rgba(192, 192, 192,1);}*/
   
   .mainpage {	flex-direction: column-reverse;	font-size: 18px;}
   
   .mainpage img {padding-right: 0px; margin-left: 0px;  width: 100%; margin-top: 30px;}
   
   /*.mainpagewhyus {display: block;	border: 1px solid #ccc;	width: 100%; margin-top: 20px;}
   
   .mainpagewhyus_1st {border-right: 0px solid gray; padding-bottom: 20px;}*/
   
	.moduletable_mpslider {padding: 0px;}
   
   .custom_footer2 ul {flex-direction: column;	list-style: none;}
   	
   .custom_footer1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
	align-items: top;}
   
   .map {flex-direction: column; font-size: 22px;}
   .map .map1, .map .map2 {flex-basis: 100%; width: 100%;}
   
   .uslugi {width: 90%; float: none; padding: 10px; margin: 0 0 20px; transform: rotate(-3deg); box-shadow: 1px 1px 2px black;}
   
   .uslugi2 {width: 90%; float: none; padding: 10px; margin: 0 0 20px; transform: rotate(2deg); box-shadow: 1px 1px 2px black;}
   .logo-x {flex-direction: column;}
   .custom_footer4 {flex-direction: column;}
	.custom_footer4 div {flex-basis: 100%;}
   
   /*.moduletable_mpuslugi {width: 90%; margin-top: 30px; margin-bottom: 30px; padding: 30px;}
   .moduletable_mpuslugi li {  flex-basis: 100%;}  */
  
  .moduletable_mpuslugi {width: 90%; font-size: 80%;}
  
  .moduletable_mpuslugi li {flex-basis: 44%;}
      
  	.infobar {width: 95%;}
  
  	.custom_topbutton {margin-top: -5px;}
  
  .why2x {display: flex;
	justify-content: space-between;
	font-size: 18px;
	width: 100%;
	flex-direction: column;}
   
   .usluga_y {width: 100%;
	align-items: center;
	padding: 0;}
  
     .custom_docs {
	width: 90%;
	font-size: 100%;
    flex-direction: column;
}
  
}

@media screen and (min-width:1025px) and (max-width:1440px)
{
  .content, .moduletable_mpuslugi, .infobar, .uslugi2, .custom_whyus.sliderinfo_uslugi, .sliderinfo_nmp, .sliderinfo, .navbar, .custom_whyus, .custom_moduletop1, .custom_footer3 {width: 90%;  }
  .infobar .email {display: none;}
  .moduletable_mpuslugi li {flex-basis: 44%;}
}