@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.eot");
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/OpenSans-Bold.eot");
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans-Light';
  src: url("../fonts/OpenSans-Light.eot");
  src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  min-width: 320px;}

body {
  font-size: 14px;
  font-family: opensans-regular, sans-serif; 
  color:#293C94;
}

img {
  max-width: 100%;
  height: auto;
  display: block; }

ol, ul {
  list-style: none; }

h1, h2 {
  font: 30px opensans-regular;
  text-transform: uppercase; 
  text-align: center;}
  
h3 {
  font: 28px opensans-regular; 
  padding-bottom:20px;
} 

p {
  font-family: opensans-regular;
  line-height: 1.5;}

button {
  border: 0;
  cursor: pointer;
  background-color: transparent; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.icon {
  display: inline-block; 
  font-size:22px;}
  
.icon-phone {
  background-image: url(../images/phone.png);
  width: 30px;
  height: 20px;
 }
 
.icon-mail {
  background-image: url(../images/mail.png);
  width: 27px;
  height: 15px;
 }

.bold {
  font-family: opensans-bold; }

.wrap {
  width: 100%;

}
section {
  display: block;
  padding-top: 80px; 
}

.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto; }
  
  .container-nav {
  width: 100%;
  margin: 0 auto; }

header {
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100; }

nav {
  height: 50px;
  width:100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
  background-color:#CEEAFC;}
  nav ul.collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto !important;
    overflow: visible !important;
}
  nav li {
    display: inline-block;
}
    nav li a {
      display: block;
      height: inherit;
      text-decoration: none;
      text-transform: uppercase;
      color:#293C94; 
	  margin: 0 35px;}

.navbar-collapse {
  background-color:#CEEAFC; }
  
.adress {
	font-size:15px;
	line-height:1.5;
}

.sticky {	
  position: sticky;
  top: 0;
  min-height: 2em;
}	
	
.phone-number {
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 28px;}
  
.mail {
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 20px;}
.pic {
  display: block;
  margin: auto;
  width:340px;
  height:133px;}
  
.top {
  margin:10px 0 10px 0;}  

.top-item {
  width: 33%;
  margin: auto; }
  
#section-main {	
  padding: 15px 0 20px;
  background-color:#4A76A8;}
  #section-main h1 {
    margin:57px 0 66px 0;  	
	color:#fff;}
	
.main {
  margin: 66px 40px 40px 40px;
  color:#fff;  }

  .main ul li {
    margin-bottom: 30px;
    padding-left: 60px;
    line-height: 30px;
    background: url(../images/sprite.png) no-repeat -130px -21px;
	font-size: 24px;}

#section-advantages {
  color: #293C94;}
  #section-advantages h2 {
    margin-bottom: 72px;}
	
.advantages {
  margin:10px 0 93px 0;
 }

.advantage-item {
  width: 25%;
  margin-right: 20px; }

  .advantage-item:last-child {
    margin-right: 0; }

#section-services {
  background-color:#4A76A8;
  padding-bottom:23px;}
  #section-services h2 {
    margin-bottom: 72px;
    color:#fff;	}
	 #section-services h3 {
      text-align: left;
      color:#fff;	}

.services {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;	
  color:#fff;
  margin-bottom: 3px;}
  .services ul li {
	margin-top:20px;  
    margin-bottom: 40px;
}

.services-item { 	
  width: 33%;
  padding-bottom:45px;}
  
.si-2, .si-5 {
  padding-left:51px;
}
.si-3, .si-6 {
  padding-left:92px;	
}

#section-price {
  padding-bottom: 78px;
  background-color: #fff; }
  #section-price h2 {
    margin-bottom: 82px; }  
	
.wrap-price-item {
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: none; 
  border: 1px solid #293C94;
  padding:0 60px 0 60px;}
  
.price-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
  }

  .price-item .tariff {
    width: 40%;
    height: 120px;
    padding: 40px 0 0 0;}

.price {
  width: 260px;
  font-size: 28px;}
  
.table-price {
 padding-bottom:50px;
}

table.text  {
    width:  100%;
    border-spacing: 0;
	font:20px opensans-regular;
   }
table.text td {
    width: 75%;
    vertical-align: top;
	border-bottom: 1px solid #293C94;
	padding:10px 0 10px 0;
   }
td.rightcol {
    text-align: right;
   }

table.text th {
	text-align: left;
	padding:30px 0 20px 0;
}
  
.btn-blue {
  width: 260px;
  height: 50px;
  font-family: opensans-regular;
  text-transform: uppercase;
  color: #4A76A8;
  background-color: #FFF205; }
  .btn-blue:hover {
    background-color: #FFD701;
}

.icon-plus, .icon-minus {
  cursor: pointer; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

#section-contacts {
  background-color: #4A76A8;
  padding-bottom: 48px;
  color: #fff;  }
#opd {
	padding-top:10px;
}
#opd > p {
	font-size:12px;
} 
#opd > p > a {
	color:#fff;
	text-decoration:underline;
}
#opd-main {
	margin:40px 0;
}
#opd-main > div > p {
	font-size:16px;
	margin-bottom:20px;
}
#opd-main > div > ul {
	margin-bottom:20px;
	padding-left:20px;
	list-style-type:disc;
}
#opd-main > div > ul > li {
	font-size:16px;
	margin-bottom:10px;
	line-height:1.5;
}
.contacts {

}  
 
.cont {
	width:50%;
}  
  
.contacts-text {
  padding: 10px 10px 15px 0;
  font-size: 30px; }

.contacts-form {

}
  
.map {
	padding-top:28px;
	width:50%;
	height:335px;
}

form {
  padding: 10px 0 0 0;
  background-color: #4A76A8;
  width: 260px;
  height: 280px;
 }
  form input {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 20px;
    border: 0;
	font:16px opensans-regular ;
	color: #293C94;
 }

footer {
  background-color: #fff;
  color: #293C94; }
  footer .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.footer {
	padding:45px 0 45px 0;
}	  

.fn {
	font-size:20px;
}

.footer-item {
  width: 40%;
  }
  .footer-item3 {
  width: 20%;
  text-align:right;
  padding-top:9px;
  }	  
.opd {
	width:50%;
}  
@media screen and (max-width: 1180px) {
	.opd {
	width:60%;
}
  .main {
    margin: 66px 0 40px 0;	  
  }
  .container {
    padding: 0 30px; }
  .phone-number {
    font-size: 24px; }
  .si-2, .si-5 {
    padding-left:34px;}	
  .contacts-text {
    font-size:24px;
    padding: 15px 30px 25px 0;}	
  .contacts-form {
    width: 260px;
    height: 280px;
    padding-top:0;
	padding-left: 0;}
  .map {
	padding-top:29px;
	height:332px;}}

@media screen and (max-width: 1100px) {
.opd {
	width:70%;
}
  h3 {
	font: 26px opensans-regular;}
  .main ul li {
	font-size: 20px;}
  .si-2, .si-5 {
    padding-left:23px;}
  .si-3, .si-6 {
    padding-left:70px;}	
  .footer-item {
	width:37%;}
  .footer-item3 {
    width:26%;}}

@media screen and (max-width: 920px) {
.opd {
	width:80%;
}
  .mail {
	font-size:18px;}
  .adress {
	font-size:14px;}
  .phone-number {
	font-size:20px;}
  .main ul li {
	font-size: 18px;}
  h3 {
	font-size: 24px;}
  .services {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
  .services-item {
    width:50%;}
  .si-1 {
	-webkit-order: 0;
    order: 0;}
  .si-2 {
	-webkit-order: 3;
    order: 3;}
  .si-3 {
	-webkit-order: 1;
    order: 1;}
  .si-4 {
	-webkit-order: 5;
    order: 5;}
  .si-5 {
	-webkit-order: 4;
    order: 4;}
  .si-6 {
	-webkit-order: 2;
    order: 2;}
  .si-1, .si-2, .si-3, .si-4, .si-5, .si-6 {
    padding-left:40px;}
  .price {
	font-size:24px;}
  .price-item div p {
	margin-bottom:6px;}
  .price-item .tariff {
    width: 50%;}
  .contacts-text {
    font-size:22px;
    padding: 15px 0 31px 0;}	
  .contacts-form {
	margin-right:10px;}}
	
@media screen and (max-width: 768px) {
  html {
	overflow-x:auto;}
  .navbar-collapse {
    width: 100%;
    padding: 0 30px;
    left: 0;
    top: 100px;
    border-top: 0;
    text-align: center;
    z-index: 50;
    overflow: hidden; }
      .navbar-collapse li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 18px;
        display: inline-block; }
  .navbar-collapse.in {
    overflow-y: auto;
    display: block !important; }
  .navbar-toggle {
    display: block; }
  nav ul.collapse {
    display: block !important;}
  nav li a {
    margin: 0 10px;}
  .top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .advantages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:16px;	}
  .advantage-item {
    width: 50%;
	margin-right:0;
    margin-bottom: 30px;
    padding: 0 0; }
	.top-item {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
    padding: 0 0; }
  .advantage-item p {
	margin-right: 20px;}
  .si-1, .si-2, .si-3, .si-4, .si-5, .si-6 {
    padding-left:30px;}
  .price-item .tariff {
    padding-left: 20px; }
  .wrap-collapse {
    padding: 20px 40px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .wrap-collapse div {
      width: 100%;
      margin-right: 0; }
    .wrap-collapse ul {
      padding: 0; }
      .wrap-collapse ul li {
        margin-bottom: 20px; }
  #section-contacts .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .contacts-text {
    width: 100%;
    margin-bottom: 40px; }
  .btn-small {
    width: 100%;
    height: 40px;
    padding: 0 10px; } 
  .main {
    margin: 65px 0 25px 0;
    padding-left:20px;}
  .wrap-price-item {
    padding:0 30px 0 10px;}
  .price-item .tariff {
    width: 49%;
    height: 120px;}
  .price {
    width: 31%;
    font-size: 24px;}
  .table-price {
    padding-left:18px;}
  .contacts {
	flex-wrap: wrap;}
  .cont {
  width:100%;}
  .contacts-text {
	margin-bottom:0;}	
  .map {
	padding-bottom:40px;
	width:100%;}
  .fn {
	font-size:16px;}
  .footer-item3 {
	padding-top:0;}	
  table.text {
	font:14px opensans-regular;}}

@media screen and (max-width: 660px) {
	.opd {
	width:90%;
}
#opd-main > div > p {
	font-size:14px;
}
#opd-main > div > ul > li {
	font-size:14px;
}
  .navbar-collapse li a {
    font-size: 14px; }
    #section-main h1 {
      font-size: 24px; }
  .main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .main div {
    width: 100%; }
  .si-1, .si-2, .si-3, .si-4, .si-5, .si-6 {
    padding-left:10px;}
  .price {
    width: 100%;
    text-align: center; }
  .price-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .price-item .tariff {
      width: 100%;
      padding-left: 0;
      text-align: center; }
  .price, .price-btn {
    padding: 10px 0; }
    footer .container {
      height: 80px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      footer .container p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      footer .container .phone-number {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 50px;
        font-size: 24px; }
  .icon-call {
    top: -5px; } 
	#section-services h3 {
	padding-left:0;
	font-size:20px;}
  .si-1, .si-2, .si-3, .si-4, .si-5, .si-6 {
    padding-left:0;}
  .price-item .tariff {
	height:80px;
	padding:20px 0 0 0;}
  .price, .price-btn {
	padding-top:0;}
  .wrap-price-item {
	padding:0 15px 0 15px;}
  .table-price {
	padding-left:0px;}
  .fn {
	font-size: 14px;}
  .main {
    margin-left: 0;
    padding-left:0;	}
  .contacts {
	padding-left:0;}
  .icon {
	padding-bottom:15px;}}

@media screen and (max-width: 590px) {
  .navbar-collapse li a {
	padding-left:0;
	padding-right:0;}
  .services-item {
	width:100%;}
  #section-services h3 {
    font:26px opensans-regular;}
  .services ul li {
	font-size:16px;}
  .footer {
	-ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .footer-item {
	width:100%;
    padding-bottom:20px;}
  .footer-item3 {
	width:100%;
    text-align:left;}}
	
@media screen and (max-width: 550px)   {
#opd-main > div > p {
	font-size:12px;
}
#opd-main > div > ul > li {
	font-size:12px;
}
  .navbar-collapse li a {
	font-size:12px;}}
	
@media screen and (max-width: 450px) {
  .main ul li {
	font-size: 16px;}
  .advantage-item {
	width:100%;}
  #section-services h3 {
    font:24px opensans-regular;}
  .services ul li {
	font-size:14px;}
  .contacts-text {
    font-size: 20px;}
  .maps {
	width:100%;
	height:100%;}
  contact-form {
	margin-right:0;}
  form {
    margin-right:0;}}
	
@media screen and (max-width: 400px) {
  .contacts-text {
    font-size: 18px;}
  table.text {
	font:12px opensans-regular;}
  .price {
    font-size:20px;}
  div .tariff h3 {
  font-size:22px;}
  .icon {
  font-size:18px;}
  div .table-price p {
	font-size:12px;}}