@font-face {



	font-family: 'MS Normal';



	src: url('fonts/Museo Sans Cyrl 500.eot');



  src: local('Museo Sans Cyrl'), url('fonts/Museo Sans Cyrl 500.woff') format('woff'), 



  url('fonts/Museo Sans Cyrl 500.ttf') format('truetype'), url('fonts/Museo Sans Cyrl 500.svg') format('svg');



	font-weight: normal;



  font-style: normal;



}



@font-face {



	font-family: 'MS Bold';



	src: url('fonts/Museo Sans Cyrl 700.eot');



  src: local('Museo Sans Cyrl Bold'), url('fonts/Museo Sans Cyrl 700.woff') format('woff'), 



  url('fonts/Museo Sans Cyrl 700.ttf') format('truetype'), url('fonts/Muse oSans Cyrl 700.svg') format('svg');



	font-weight: normal;



  font-style: normal;



}



@font-face {



	font-family: 'MS Ligth';



	src: url('fonts/MuseoSansCyrl-300.eot');



  src: local('Museo Sans Cyrl Regular'), url('fonts/MuseoSansCyrl-300.woff') format('woff'), 



  url('fonts/MuseoSansCyrl-300.ttf') format('truetype'), url('fonts/MuseoSansCyrl-300.svg') format('svg');



	font-weight: normal;



  font-style: normal;



}



html,body {



  margin:0;



  padding: 0;



  min-height: 100%;



}



body {



  font-family:'MS Normal',Arial,Helvetica,sans-serif;



  font-size:100%;



  -webkit-overflow-scrolling: touch;



  background-color: var(--main-bg-color);



  height: 100%;



}



*{

  box-sizing:border-box

}



  

button,label,date {



  padding: 0px;



  cursor: pointer;



  transition: all 0.3s;



  font-family:'MS Normal',Arial,Helvetica,sans-serif;



} 



button,input[type="button"] {



  cursor:pointer;



  outline: none;



  border: none;



  font-weight: bold;



}



input[type=text], input[type=submit], textarea, button {

  -webkit-appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-size: 14px;

  position: relative;

  overflow: auto;

} 



h1,h2,h3,h4 {

  margin:0;

  margin-bottom: 16px;

  font-family: 'MS Bold';

  color: var(--main-h-color);



}

h2 {



  font-size: 32px;

  line-height: 32px;

}

h3 {

   font-size:28px;

   line-height: 28px;

   font-family: 'MS Bold';

}

p {

  margin:0;

  font-size: 14px;

  line-height: 18px;

  color: var(--p-color)

}

.page {

 max-width: 1280px;

 min-width: 320px;

 min-height: 100%;

 margin: 0 auto;

 padding-left: 20px;

 padding-right: 20px;

}

header {

  height: 82px;

  border-bottom-left-radius: 30px;

  border-bottom-right-radius: 30px;

  font-family: 'MS Ligth';

  overflow: hidden;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background-color: var(--header-bg-color);

  color: var(--header-font-color);

  box-shadow: 0px 9px 18px var(--header-box-shadow-color);

}

.header__mobile {

 display: flex;

 align-items: center;

 justify-content: space-between;

 height: 100%;

}

.mobile__title {

  display: none;

}

.mobile__icon {

   width:30px;

   height: 25px;

   background-image: url(images/menu.svg);

   background-size: cover;

   display: none;

}

.__show {

   height: 100%;

   display: block;

   transform: translateY(0%);

   border-bottom: 1px solid #fff;

}

.mobile__callback {

  width:30px;

  height: 30px;

  background-image: url(images/call.svg);

  background-size: cover;

  display: none;

}

.__logo {

 background-color: #fff;

 width:113px;

 height: 100%;

 text-align: center;

 display: flex;

 align-items: center;

 justify-content: center;

}

.__hotline {

  font-size: 18px;

  line-height: 18px;

  font-family:'MS Normal';

  margin-left: 20px;

}

.__hotline span {

 font-size: 9px;

 line-height: 9px;

 display: block;

}

nav {

  width: 55%;

  text-align: center;

  overflow: hidden;

  position: relative;

  transition: all 0.3s;

}

nav a {

  color: var(--header-font-color);

  text-decoration: none;

  font-size: 14px;

  font-family: 'MS Ligth';

  margin-right:20px;

  font-weight: 300;

}

.header__service {

  max-width: 235px;

  width: 100%;

  display: flex;

  align-items: flex-start;

}

.header__service a {

  display: flex;

  align-items: center;

  justify-content: center;

}

.__callback {

  width: 37px;

  height: 37px;

  border-radius: 37px;

  line-height: 37px;

  text-align: center;

  margin-right: 12px;

  background-color: var(--callback-header-bg-color);

}

.__callback i{

  display: block;

  width: 14px;

  height: 14px;

  background-image: url(images/phone.png);

}

.__login {

 text-decoration: none;

 color: var(--header-font-color);

 font-size: 14px;

 border-radius: 20px;

 line-height: 37px;

 height: 37px;

 max-width:164px;

 width:100%;

 margin-right:20px;

 background-color: var(--login-bg-color);

}

.__login i {

 display: block;

 width: 10px;

 height: 14px;

 margin-right:8px;

 background-image: url(images/login.png);

}

main {

  margin-top:35px;

}

.page__column {

  background-color: #fff;

  padding:24px;

  min-height: 100%;

  border-radius: 10px;

  margin-bottom: 40px;

  box-shadow: 0px 0px 19px #6b43cf12;

}



footer {

 height: 173px;

 padding-left: 20px;

 padding-right: 20px;

 background-color: var(--footer-bg-color);

}

footer p {

  font-size: 15px;

  margin-top: 55px;

  margin-left:40px;

  color:var(--footer-p-color)

}

.footer__callback i {

  display: inline-block;

  margin-right:10px;

  width: 16px;

  height: 16px;

  background-image: url(images/phone2.png);

}



.footer__box {

  max-width: 1240px;

  width: 100%;

  height: 100%;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.footer__contact {

  max-width:300px;

  width: 100%;

}

.footer__callback {

  max-width:286px;

  width: 100%;

  height: 50px;

  border-radius: 50px;

  text-decoration: none;

  display: inline-block;

  text-align: center;

  line-height: 50px;

  font-weight: 300;

  font-size: 15px;

  color:var(--footer-callback-color);

  background: var(--footer-callback-bgcolor);

}