body, html {padding: 0px; margin: 0px; background-color: #ebebeb; font-family: 'Roboto Regular'; color: #191919;}

.main-div {
	background-color: #ffffff; -webkit-box-shadow: 0px 0px 36px 12px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 36px 12px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 36px 12px rgba(0, 0, 0, 0.18); margin:0 auto;
}

.top {
	background-image: url(img/top-bg.jpg); background-repeat: no-repeat; background-position: top center; padding-top: 12px;
}

.top div {
	display: inline-block;
}

a {color: #367fba; text-decoration: underline;}
a:hover {color: #4998d8;}

.whitelnk {color: #ffffff; text-decoration: none;}

.phone {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 23px left 1px; background-size: 18px; 
font-size: 20px; color: #ffffff; font-family: 'Roboto Medium';
width: 200px; 
text-align: left; 
padding-left: 30px; padding-top: 20px;
}

.email {
background-image: url(img/email_white.svg); background-repeat: no-repeat; background-position: top 18px left 1px; background-size: 18px; 
font-size: 16px; color: #ffffff; font-family: 'Roboto Medium';
width: 200px; 
text-align: left; 
padding-left: 30px; padding-top: 15px;
}

.smbutton {
font-size: 16px; color: #ffffff; font-family: 'Roboto Medium';
width: 200px; 
text-align: left; 
padding-left: 59px; padding-top: 0px;
}


.active {
font-size: 16px; color: #232e4a; font-family: 'Roboto Medium';
background-color: #ffffff; 
text-align: left; 
padding-top: 7px; padding-left: 20px;
width: 160px; height: 27px;
border-radius: 8px;
}

.smcallmebut {
font-size: 16px; color: #ffffff; 
background-color: #4c895c; 
text-align: left; 
width: 180px; height: 32px; padding-top: 13px;
font-family: 'Roboto Regular';
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #24402b;
}


.hr-white {
	height: 1px; background-color: #ffffff; width: 220px; margin-top: 10px;
}


.head-active {
font-size: 15px; color: #232e4a; 
background-color: #ffffff; 
text-align: left; 
padding: 5px 12px 5px 10px;
font-family: 'Roboto Medium';
border-radius: 8px;
}

.headcallme {
font-size: 15px; color: #ffffff; margin-top: 3px;
background-color: #4c895c; 
width: 164px; padding-top: 12px; padding-bottom: 12px;
font-family: 'Roboto Regular';
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #24402b;
transition: background 0.3s ease;
cursor: pointer;
}

.headcallme:hover {
background-color: #629c6c; 
cursor: pointer;
}




h3 {
font-size: 26px; font-family: 'Roboto Bold'; font-weight: 500; margin-bottom: 0px; line-height: 36px;
}

.green-line {width: 148px; background-color: #4c895c; height: 3px; margin:0 auto; margin-bottom: 35px; margin-top: 5px;}



.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  height: 74px;
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: 'Roboto Regular';
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.wlink {color: #ffffff; text-decoration: none;}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 2px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

@media (max-width: 1023px) {
  .menu-button-container {
    display: flex;
  }
  .menu {
    position: absolute;
    top: 0;
    margin-top: 0px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
	z-index: 999;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  
  #menu-toggle:checked ~ .menu li {
    height: 40px;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);

  }
  
  
  
  .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
    background-color: #232e4a;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }
}




.redheadbut:hover {
background-color: #da4b4b; 
cursor: pointer;
}






@media (max-width: 767px) { 

.top-nav {
  height: 36px!important;
}

.top {background-image: url(img/top-bg.jpg); background-repeat: no-repeat; background-position: top center; padding-top: 16px;}
.widsp {padding-left: 10px; padding-right: 10px;}
.logo {max-width: 250px; padding-top: 4px;}

.contacts {display: none!important;}
.menudesk {display: none!important;}
.callme {display: none!important;}


.phbuthead {width: 36px; margin-left: 15px; margin-right: 18px; margin-top: 2px;}


h1 {font-size: 38px; color: #ffffff; font-family: 'Roboto Bold'; margin-top: 0px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000000;}
h2 {font-size: 20px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 400; margin-top: 15px; line-height: 34px;}

.smh1 {font-size: 24px; line-height: 34px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin: 0px 0px 10px 0px; text-shadow: 2px 2px 1px #000000;}

h2 span {background-color: #4f8c59; padding: 3px 10px 5px 10px;}

.underhead {text-align: center; margin-top: 33px; width: 100%; margin-bottom: 50px;}
.underhead2 {text-align: center; margin-top: 33px; width: 100%; margin-bottom: 35px;}
.underhead3 {text-align: center; margin-top: 20px; width: 100%; margin-bottom: 21px;}

.redheadbut {
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 400; margin-top: 8px;
background-color: #c83c3c; 
width: 200px; padding-top: 11px; padding-bottom: 10px;
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #300707;
transition: background 0.3s ease;
cursor: pointer;
}

.goskon {
float:left; 
background-color: #f2f2f2; background-image: url(img/podderjka-v-goskonkursah.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 58px 0px 25px 0px;
width: 100%; text-align: center; margin-bottom: 10px;
}

.vigodno {
float:left; 
background-color: #f2f2f2; background-image: url(img/vigodnie-tseni.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 58px 0px 25px 0px;
width: 100%; text-align: center; margin-bottom: 10px;
}

.nalichie {
float:left; 
background-color: #f2f2f2; background-image: url(img/vsegda-v-nalichii.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 58px 0px 25px 0px;
width: 100%; text-align: center;
}

h4 {font-size: 20px; font-family: 'Roboto Bold'; margin-bottom: 6px;}

.preimtext {
line-height: 22px; font-size: 18px; margin:0 auto; padding-left: 20px; padding-right: 20px;
}

h3 {
font-size: 22px; font-family: 'Roboto Bold'; margin-bottom: 6px;
}

.green-line {width: 134px; background-color: #4c895c; height: 3px; margin:0 auto; margin-bottom: 25px; margin-top: 5px;}





.mb10 {margin-bottom: 10px;}

.tovru1 {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
width: 99%; text-align: center;
margin-top: 10px;
}

.tovru2 {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);
width: 99%; text-align: center;
margin-top: 10px;
}




h5 {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 22px; margin: 20px 0px 12px 0px;}

.learnmore {font-size: 16px; font-family: Roboto Medium; font-weight: 400;}

.apppicru {display: inline-block; padding: 35px 0px 0px 20px;}
.apppicru img {width: 110px;}
.apptextall {display: inline-block; text-align: left;}
.apptexttop {padding-left: 15px; padding-right: 15px; vertical-align: top;}
.apptextbot {padding: 20px 0px 25px 15px;}



.redheadbutsm {
font-size: 15px!important; margin-top: 6px!important; width: 140px!important; padding-top: 11px!important; padding-bottom: 10px!important;

}

#redbutsm {font-size: 16px; width: 210px; padding-top: 17px; padding-bottom: 17px; margin-top: 30px; margin-bottom: 30px;}

.import {
float: left;
width: 100%;
margin-top: 10px;
background-color: #ffffff;
}
.import img {
height: 109px; margin-top: 20px; margin-bottom: 5px;
}
.import-title {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 20px;}

.bluearea {background-color: #23304c; padding: 10px 10px 40px 10px!important; margin-top: 50px; display: table;}






.about-text {
font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin: 20px 0px 25px 0px; padding: 0px 0px 0px 0px;
}

.littit {font-size: 18px; font-family: Roboto Bold; font-weight: 500; margin: 0px 0px 10px 0px;}

.services {padding: 0px 10px 40px 10px; margin-top: 0px; display: table; text-align: center; margin-bottom: 0px;}


.serv-block {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
float: left;
width: 99.5%;

margin-top: 10px;
background-color: #ffffff;
}
.serv-block img {
height: 40px; margin-top: 24px; margin-bottom: 5px;
}
.serv-block-title {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 7px; margin-top: 6px;}
.serv-text {font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; padding: 0px 12px 20px 12px;}







.contacts-pg {padding-bottom: 10px; padding: 0px 10px 0px 10px; margin-top: 10px; text-align: left; margin-bottom: 20px;}

.cont-block {
width: 100%;
vertical-align: top;
}

.cont-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 0px; margin-right: 0px;}




.contactsbot {padding-bottom: 0px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 0px;}

.contbot-block-blue {
float: left;
width: 100%;
vertical-align: top;
background-color: #23304c;
}


.blue-content {font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 28px; color: #ffffff; padding: 40px; text-align: left;}


.contbot-block-map {
float: left;
width: 100%;
}

.phone-bot {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 5px left 1px; background-size: 18px; 
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 500;
text-align: left; 
padding-left: 30px; padding-top: 1px; margin-top: 20px;
}

.email-bot {
background-image: url(img/email_white.svg); background-repeat: no-repeat; background-position: top 14px left 1px; background-size: 18px; 
font-size: 16px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 300;
text-align: left; 
padding-left: 30px; padding-top: 8px; margin-bottom: 30px;
}






.breadcrumbs {font-size: 18px; font-family: 'Roboto Bold'; font-weight: 500;}
.breadcrumbs span {color: #939393; padding-left: 10px; padding-right: 10px;}

.pr-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 7px; margin-right: 0px;}

.app-text {font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 5px;}

#mtmb {margin-top: 35px!important; margin-bottom: 35px;}

.cont-block ul {
font-family: Roboto Regular; font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 50px;
}

.cont-block li {
margin-bottom: 7px;
}

.ru-block-3 {
  width: 50%!important; margin-bottom: 15px!important;
  float: left;
}



.ru-block-2 {
  width: 50%!important; margin-bottom: 15px!important;
  float: left;
}

#one-2 {text-align: center!important; padding: 0px!important;}
#one-2 img {width: 90%!important;}

#two-2 {text-align: center!important; padding: 0px!important;}
#two-2 img {width: 90%!important;}




#mrbot {margin-bottom: 5px!important; padding-bottom: 5px!important;}

#mrtopmid {margin-top: 10px;}

}


@media (min-width: 768px) and (max-width: 1023px) {

#redbutsm {margin-top: 30px; margin-bottom: 30px;}

.top-nav {
  height: 54px!important;
}

	
.mdiv-wid {width: 768px;}
.widsp {padding-left: 20px; padding-right: 20px;}
.logo {width: 300px; padding-top: 5px;}

.menudesk {display: none!important;}
.callme {display: none!important;}
.phonebut {display: none!important;}


.head-phone {
font-size: 18px; color: #ffffff;
width: 100%; 
text-align: left; 
padding-left: 10px; padding-top: 0px;
font-family: 'Roboto Medium'; font-weight: 400;
}

.head-email {
font-size: 15px; color: #ffffff;
width: 100%; 
text-align: left; 
padding-left: 10px; padding-top: 5px;
font-family: 'Roboto Regular'; font-weight: 400; 
}


h1 {font-size: 44px; color: #ffffff; font-family: 'Roboto Bold'; margin-top: 0px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000000;}
h2 {font-size: 24px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 400; margin-top: 15px; line-height: 40px;}

.smh1 {font-size: 34px; line-height: 44px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin: 0px 30px 10px 30px; text-shadow: 2px 2px 1px #000000;}

h2 span {background-color: #4f8c59; padding: 3px 10px 5px 10px;}

.underhead {text-align: center; margin-top: 33px; width: 100%; margin-bottom: 50px;}
.underhead2 {text-align: center; margin-top: 33px; width: 100%; margin-bottom: 35px;}
.underhead3 {text-align: center; margin-top: 33px; width: 100%; margin-bottom: 35px;}

.redheadbut {
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 400; margin-top: 7px;
background-color: #c83c3c; 
width: 200px; padding-top: 10px; padding-bottom: 10px;
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #300707;
transition: background 0.3s ease;
cursor: pointer;
}



.goskon {
float:left; 
background-color: #f2f2f2; background-image: url(img/podderjka-v-goskonkursah.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 354px; margin-right: 20px; text-align: center;
}

.vigodno {
float:left; 
background-color: #f2f2f2; background-image: url(img/vigodnie-tseni.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 354px; margin-right: 0px; text-align: center;
}

.nalichie {
float:left; 
background-color: #f2f2f2; background-image: url(img/vsegda-v-nalichii.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 354px; text-align: center; margin-top: 20px;
}

h4 {font-size: 18px; font-family: 'Roboto Bold'; margin-bottom: 8px;}

.preimtext {
line-height: 22px; font-size: 16px; width: 330px; margin:0 auto;
}



.tovru1 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
width: 350px; margin-right: 20px; text-align: center;
margin-top: 20px;
}

.tovru2 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);
width: 350px; text-align: center;
margin-top: 20px;
}




h5 {font-size: 15px; font-family: Roboto Bold; font-weight: 500; line-height: 20px; margin: 20px 0px 12px 0px;}

.learnmore {font-size: 15px; font-family: Roboto Medium; font-weight: 400;}

.apppicru {display: inline-block; padding: 35px 0px 0px 20px;}
.apppicru img {width: 100px;}
.apptextall {display: inline-block; text-align: left;}
.apptexttop {padding-left: 15px; padding-right: 15px; vertical-align: top; height: 87px;}
.apptextbot {padding: 20px 0px 25px 15px;}


.import {
float: left;
width: 354px;
margin-left: 20px;
margin-top: 20px;
background-color: #ffffff;
}
.import img {
height: 109px; margin-top: 20px; margin-bottom: 5px;
}
.import-title {font-size: 16px; font-family: Roboto Bold; font-weight: 500; line-height: 22px; text-align: center; margin-bottom: 20px;}





.about-text {
font-size: 15px; font-family: Roboto Regular; font-weight: 300; line-height: 20px; margin: 20px 0px 25px 0px; padding: 0px 20px 0px 20px;
}

.littit {font-size: 18px; font-family: Roboto Bold; font-weight: 500; margin: 0px 0px 5px 0px;}

.services {padding-bottom: 40px; padding-top: 0px; margin-top: 0px; display: table; text-align: center; margin-bottom: 0px;}


.serv-block {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
float: left;
width: 350px;
margin-left: 20px;
margin-top: 20px;
background-color: #ffffff;
}
.serv-block img {
height: 38px; margin-top: 20px; margin-bottom: 0px;
}
.serv-block-title {font-size: 16px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 7px; margin-top: 8px;}
.serv-text {font-size: 15px; font-family: Roboto Regular; font-weight: 300; line-height: 20px; padding: 0px 15px 20px 15px;}






.contacts-pg {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.cont-block {
float: left;
width: 354px;
margin-left: 20px;
text-align: left;
vertical-align: top;
}

.cont-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 0px; margin-right: 20px;}




.contactsbot {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.contbot-block-blue {
float: left;
width: 384px;
text-align: left;
vertical-align: top;
background-color: #23304c;
}


.blue-content {font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 28px; color: #ffffff; padding: 40px;}


.contbot-block-map {
float: left;
width: 384px;
text-align: left;
}

.phone-bot {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 5px left 1px; background-size: 18px; 
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 500;
text-align: left; 
padding-left: 30px; padding-top: 1px; margin-top: 20px;
}

.email-bot {
background-image: url(img/email_white.svg); background-repeat: no-repeat; background-position: top 14px left 1px; background-size: 18px; 
font-size: 16px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 300;
text-align: left; 
padding-left: 30px; padding-top: 8px; margin-bottom: 30px;
}






.breadcrumbs {font-size: 18px; font-family: 'Roboto Bold'; font-weight: 500;}
.breadcrumbs span {color: #939393; padding-left: 5px; padding-right: 5px;}

.pr-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 7px; margin-right: 0px;}

.app-text {font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 5px;}

#mtmb {margin-top: 35px; margin-bottom: 35px;}

.cont-block ul {
font-family: Roboto Regular; font-weight: 300; font-size: 16px; line-height: 24px;
}

.cont-block li {
margin-bottom: 7px;
}

.ru-blocks {
	display: block; margin-top: 25px;
}

.ru-block {
  width: 50%;
  float: left;
}


#left {text-align: right; padding-right: 20px;}

#right {text-align: left; padding-left: 20px;}

#left img {width: 280px; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}

#right img {width: 280px; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}

#mrbot {margin-bottom: 5px!important; padding-bottom: 5px!important;}

#mrtopmid {margin-top: 10px;}

}


@media (min-width: 1024px) and (max-width: 1279px) { 

#redbutsm {margin-top: 30px; margin-bottom: 30px;}


.mdiv-wid {width: 1024px;}
.widsp {padding-left: 30px; padding-right: 30px;}
.logo {width: 300px; padding-top: 5px;}

.menu {display: none!important;}

.phonebut {display: none!important;}

.head-phone {
font-size: 18px; color: #ffffff;
width: 100%; 
text-align: left; 
padding-left: 20px; padding-top: 2px;
font-family: 'Roboto Medium'; font-weight: 400; 
}

.head-email {
font-size: 15px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 400;
width: 100%; 
text-align: left; 
padding-left: 20px; padding-top: 5px;
}

.head-menu {
column-count: 2;
list-style: none;
font-size: 15px; color: #ffffff; font-family: 'Roboto Medium';
text-align: left; 
padding-left: 10px; padding-top: 0px; 
line-height: 24px;

}

.head-menu li {
margin-left: 10px;
margin-bottom: 4px;

}

.head-li {
padding-left: 10px;	
}

h1 {font-size: 68px; color: #ffffff; font-family: 'Roboto Bold'; margin-top: 0px; margin-bottom: 10px; text-shadow: 2px 2px 1px #000000;}
h2 {font-size: 34px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 400; margin-top: 15px; line-height: 52px;}

.smh1 {font-size: 48px; line-height: 58px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin-top: 0px; margin-bottom: 10px; text-shadow: 2px 2px 1px #000000;}

h2 span {background-color: #4f8c59; padding: 3px 10px 5px 10px;}

.underhead {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 60px;}
.underhead2 {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 50px;}
.underhead3 {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 50px;}

.redheadbut {
font-size: 20px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 400; margin-top: 7px;
background-color: #c83c3c; 
width: 218px; padding-top: 12px; padding-bottom: 12px;
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #300707;
transition: background 0.3s ease;
cursor: pointer;
}



.goskon {
float:left; 
background-color: #f2f2f2; background-image: url(img/podderjka-v-goskonkursah.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 301px; margin-right: 30px; text-align: center;
}

.vigodno {
float:left; 
background-color: #f2f2f2; background-image: url(img/vigodnie-tseni.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 301px; margin-right: 30px; text-align: center;
}

.nalichie {
float:left; 
background-color: #f2f2f2; background-image: url(img/vsegda-v-nalichii.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 301px; text-align: center;
}

h4 {font-size: 18px; font-family: 'Roboto Bold'; margin-bottom: 8px;}

.preimtext {
line-height: 22px; font-size: 16px; width: 240px; margin:0 auto;
}



.tovru1 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
width: 462px; margin-right: 30px; text-align: center;
margin-top: 30px;
}

.tovru2 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);
width: 462px; text-align: center;
margin-top: 30px;
}




h5 {font-size: 16px; font-family: Roboto Bold; font-weight: 500; line-height: 22px; margin: 30px 0px 12px 0px;}

.learnmore {font-size: 15px; font-family: Roboto Medium; font-weight: 400;}

.apppicru {display: inline-block; padding: 35px 0px 0px 25px;}
.apppicru img {width: 160px;}
.apptextall {display: inline-block; text-align: left;}
.apptexttop {padding-left: 25px; padding-right: 15px; vertical-align: top; height: 87px;}
.apptextbot {padding: 20px 0px 35px 25px;}


.import {
float: left;
width: 301px;
margin-left: 30px;
margin-top: 30px;
background-color: #ffffff;
}
.import img {
height: 109px; margin-top: 20px; margin-bottom: 5px;
}
.import-title {font-size: 16px; font-family: Roboto Bold; font-weight: 500; line-height: 22px; text-align: center; margin-bottom: 20px;}




.about-text {
font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 22px; margin: 20px 0px 25px 0px; padding: 0px 100px 0px 100px;
}

.littit {font-size: 18px; font-family: Roboto Bold; font-weight: 500; margin: 0px 0px -10px 0px;}

.services {padding-bottom: 40px; padding-top: 0px; margin-top: 0px; display: table; text-align: center; margin-bottom: 0px;}


.serv-block {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
float: left;
width: 297px;
margin-left: 30px;
margin-top: 30px;
background-color: #ffffff;
}
.serv-block img {
height: 45px; margin-top: 25px; margin-bottom: 5px;
}
.serv-block-title {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 7px; margin-top: 8px;}
.serv-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 22px; padding: 0px 25px 20px 25px;}





.contacts-pg {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.cont-block {
float: left;
width: 467px;
margin-left: 30px;
text-align: left;
vertical-align: top;
}

.cont-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 0px; margin-right: 20px;}




.contactsbot {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.contbot-block-blue {
float: left;
width: 460px;
text-align: left;
vertical-align: top;
background-color: #23304c;
}


.blue-content {font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 28px; color: #ffffff; padding: 40px;}


.contbot-block-map {
float: left;
width: 564px;
text-align: left;
}

.phone-bot {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 5px left 1px; background-size: 18px; 
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 500;
text-align: left; 
padding-left: 30px; padding-top: 1px; margin-top: 20px;
}

.email-bot {
background-image: url(img/email_white.svg); background-repeat: no-repeat; background-position: top 14px left 1px; background-size: 18px; 
font-size: 16px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 300;
text-align: left; 
padding-left: 30px; padding-top: 8px; margin-bottom: 30px;
}






.breadcrumbs {font-size: 18px; font-family: 'Roboto Bold'; font-weight: 500;}
.breadcrumbs span {color: #939393; padding-left: 5px; padding-right: 5px;}

.pr-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 7px; margin-right: 0px;}

.app-text {font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 5px;}

#mtmb {margin-top: 35px; margin-bottom: 35px;}

.cont-block ul {
font-family: Roboto Regular; font-weight: 300; font-size: 16px; line-height: 24px;
}

.cont-block li {
margin-bottom: 7px;
}

.ru-blocks {
	display: block; margin-top: 25px;
}

.ru-block {
  width: 50%;
  float: left;
}

.contacts {width: 190px;}
.menudesk {width: 260px;}

#left {text-align: right; padding-right: 20px;}

#right {text-align: left; padding-left: 20px;}

#left img {width: 335px; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}

#right img {width: 335px; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}


#mrbot {margin-bottom: 5px!important; padding-bottom: 5px!important;}


#mrtopmid {margin-top: 10px;}


}


@media (min-width: 1280px) { 

#redbutsm {margin-top: 30px; margin-bottom: 30px;}


.mdiv-wid {width: 1280px;}
.widsp {padding-left: 40px; padding-right: 40px;}
.logo {width: 300px; padding-top: 5px;}


.head-phone {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 5px left 1px; background-size: 16px; 
font-size: 18px; color: #ffffff;
width: 100%; 
text-align: left; 
padding-left: 27px; padding-top: 2px;
font-family: 'Roboto Medium'; font-weight: 400; 
}

.head-email {
font-size: 15px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 400;
width: 100%; 
text-align: left; 
padding-left: 27px; padding-top: 5px;
}

.head-menu {
column-count: 2;
list-style: none;
font-size: 15px; color: #ffffff; font-family: 'Roboto Medium';
text-align: left; 
padding-left: 10px; padding-top: 0px; 
line-height: 24px;

}

.head-menu li {
margin-left: 30px;
margin-bottom: 4px;

}

.head-li {
padding-left: 10px;	
}


.menu {display: none!important;}

.phonebut {display: none!important;}

h1 {font-size: 68px; color: #ffffff; font-family: 'Roboto Bold'; margin-top: 0px; margin-bottom: 10px; text-shadow: 2px 2px 1px #000000;}
h2 {font-size: 34px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 400; margin-top: 15px; line-height: 52px;}

.smh1 {font-size: 52px; line-height: 62px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin: 0px 100px 10px 100px; text-shadow: 2px 2px 1px #000000;}

h2 span {background-color: #4f8c59; padding: 3px 10px 5px 10px;}

.underhead {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 60px;}
.underhead2 {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 50px;}
.underhead3 {text-align: center; margin-top: 43px; width: 100%; margin-bottom: 50px;}

.redheadbut {
font-size: 20px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 400; margin-top: 7px;
background-color: #c83c3c; 
width: 218px; padding-top: 12px; padding-bottom: 12px;
border-radius: 8px;
text-align: center;
border-bottom: 2px solid #300707;
transition: background 0.3s ease;
cursor: pointer;
}


.goskon {
float:left; 
background-color: #f2f2f2; background-image: url(img/podderjka-v-goskonkursah.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 373px; margin-right: 40px; text-align: center;
}

.vigodno {
float:left; 
background-color: #f2f2f2; background-image: url(img/vigodnie-tseni.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 373px; margin-right: 40px; text-align: center;
}

.nalichie {
float:left; 
background-color: #f2f2f2; background-image: url(img/vsegda-v-nalichii.svg); background-repeat: no-repeat; background-position: top 26px center; background-size: 44px; padding: 60px 0px 20px 0px;
width: 373px; text-align: center;
}


.tovru1 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
width: 576px; margin-right: 40px; text-align: center;
margin-top: 40px;
}

.tovru2 {
float:left; 
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);
width: 576px; text-align: center;
margin-top: 40px;
}

h4 {font-size: 18px; font-family: 'Roboto Bold'; margin-bottom: 8px;}

.preimtext {
line-height: 22px; font-size: 16px; width: 240px; margin:0 auto;
}




h5 {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; margin: 47px 0px 17px 0px;}



.learnmore {font-size: 15px; font-family: Roboto Medium; font-weight: 400;}

.apppicru {display: inline-block; padding: 35px 0px 0px 25px;}
.apppicru img {width: 200px;}
.apptextall {display: inline-block; text-align: left;}
.apptexttop {padding-left: 25px; padding-right: 15px; vertical-align: top; height: 87px;}
.apptextbot {padding: 20px 0px 50px 25px;}


.import {
float: left;
width: 373px;
margin-left: 40px;
margin-top: 40px;
background-color: #ffffff;
}
.import img {
height: 129px; margin-top: 20px; margin-bottom: 5px;
}
.import-title {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 20px;}






.about-text {
font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 22px; margin: 20px 0px 25px 0px; padding: 0px 100px 0px 100px;
}

.littit {font-size: 18px; font-family: Roboto Bold; font-weight: 500; margin: 0px 0px -10px 0px;}

.services {padding-bottom: 40px; padding-top: 0px; margin-top: 0px; display: table; text-align: center; margin-bottom: 0px;}


.serv-block {
border: 1px solid #c5c5c5; padding: 1px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10); 
float: left;
width: 369px;
margin-left: 40px;
margin-top: 40px;
background-color: #ffffff;
}
.serv-block img {
height: 45px; margin-top: 25px; margin-bottom: 5px;
}
.serv-block-title {font-size: 18px; font-family: Roboto Bold; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 7px; margin-top: 8px;}
.serv-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 22px; padding: 0px 20px 20px 20px;}






.contacts-pg {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.cont-block {
float: left;
width: 580px;
margin-left: 40px;
text-align: left;
vertical-align: top;
}

.cont-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 0px; margin-right: 20px;}




.contactsbot {padding-bottom: 10px; padding-top: 0px; margin-top: 10px; display: table; text-align: center; margin-bottom: 20px;}

.contbot-block-blue {
float: left;
width: 460px;
text-align: left;
vertical-align: top;
background-color: #23304c;
}


.blue-content {font-size: 18px; font-family: Roboto Regular; font-weight: 300; line-height: 28px; color: #ffffff; padding: 40px;}


.contbot-block-map {
float: left;
width: 820px;
text-align: left;
}

.phone-bot {
background-image: url(img/phone_white.svg); background-repeat: no-repeat; background-position: top 5px left 1px; background-size: 18px; 
font-size: 18px; color: #ffffff; font-family: 'Roboto Medium'; font-weight: 500;
text-align: left; 
padding-left: 30px; padding-top: 1px; margin-top: 20px;
}

.email-bot {
background-image: url(img/email_white.svg); background-repeat: no-repeat; background-position: top 14px left 1px; background-size: 18px; 
font-size: 16px; color: #ffffff; font-family: 'Roboto Regular'; font-weight: 300;
text-align: left; 
padding-left: 30px; padding-top: 8px; margin-bottom: 30px;
}








.breadcrumbs {font-size: 18px; font-family: 'Roboto Bold'; font-weight: 500;}
.breadcrumbs span {color: #939393; padding-left: 5px; padding-right: 5px;}

.pr-text {font-size: 16px; font-family: Roboto Regular; font-weight: 300; line-height: 24px; margin-bottom: 7px; margin-right: 0px;}

.app-text {font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 5px;}

#mtmb {margin-top: 35px; margin-bottom: 35px;}

.cont-block ul {
font-family: Roboto Regular; font-weight: 300; font-size: 16px; line-height: 24px;
}

.cont-block li {
margin-bottom: 7px;
}



.contacts {width: 205px;}
.menudesk {width: 300px;}



#mrbot {margin-bottom: 5px!important; padding-bottom: 5px!important;}

#mrtopmid {margin-top: 10px;}

}


.redline {background-image: url(img/redline.jpg); background-repeat: repeat-y; background-position: top left; display: flex;}




.redheadbutsm {
font-size: 15px; color: #c83c3c; font-family: 'Roboto Bold'; font-weight: 500; margin-top: 8px;
background-color: #ffffff; 
width: 164px; padding-top: 11px; padding-bottom: 10px;
border-radius: 8px;
text-align: center;
border: 1px solid #c83c3c;
transition: background 0.3s ease;
cursor: pointer;
}

.redheadbutsm:hover {
font-size: 15px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin-top: 8px;
background-color: #c83c3c;
cursor: pointer;
}




.redbutap {
font-size: 15px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin-top: 8px;
background-color: #c83c3c; 
width: 164px; padding-top: 11px; padding-bottom: 10px;
border-radius: 8px;
text-align: center;
transition: background 0.3s ease;
cursor: pointer;
}

.redbutap:hover {
font-size: 15px; color: #ffffff; font-family: 'Roboto Bold'; font-weight: 500; margin-top: 8px;
background-color: #da4b4b;
cursor: pointer;
}


.bluearea {background-color: #23304c; padding-bottom: 40px; padding-top: 10px; margin-top: 50px; display: table; text-align: center; margin-bottom: 40px;}

.ru-blocks {
	display: block; margin-top: 25px; padding: 0px 20px 0px 20px;
}

.ru-block-3 {
  width: 33.3%;
  float: left;
}

.ru-block-2 {
  width: 50%;
  float: left;
}

#one-2 {text-align: right; padding-right: 5%;}
#one-2 img {width: 64%; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}

#two-2 {text-align: left; padding-left: 5%;}
#two-2 img {width: 64%; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}



#one-3 {text-align: center;}
#two-3 {text-align: center;}
#three-3 {text-align: center;}

#one-3 img {width: 90%; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}
#two-3 img {width: 90%; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}
#three-3 img {width: 90%; border: 1px solid #c5c5c5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.10);}