* {
 box-sizing: border-box;
}
body {
  margin:0;  
  text-align: center;  
}
header {
  width:100%;
  display:table;
  background-color:#fff; 
}
a {
  color: #d88208;
  text-decoration: none;
}
a:hover { 
  color:#b2112f;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #002556;   
}
h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #002556;   
}
.big {
  font-size: 22px;
}
.container1 {
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
}
#logo {
  float:left;  
}
.contacts {
  display: inline-block;  
  height: 50px;      
}
.contacts img { 
  padding: 0px 0px 0px 20px;
  vertical-align: middle;  
}
.contacts span {
  font-family: 'PT+Serif', sans-serif;
  font-size: 14px;
  font-weight: 600; 
  padding: 0px 10px;
  line-height: 50px;
  color: #466084;  
}
nav {
  width:auto;
  float:right;  
}
nav ul {
  display:table;
  float:right;
  margin:0;
  padding:0;
}
nav ul li {
  float:left;
  list-style-type:none;
}
nav ul li:last-child {
  padding-right:0;
}
nav ul li a {
  color:#002556;
  font-family: 'PT+Serif', sans-serif;
  font-size: 18px;
  font-weight: 300;   
  padding:7px 19px;
  display:inline-block;
  text-decoration:none;
}
nav ul li a:hover {
  color:#b2112f;
  text-decoration:underline;
}
.toggle-menu ul {
  display:table;
  width:31px;
  margin-left:0;
  padding-left:0;
  margin:5px;
}
.toggle-menu ul li {
  width:100%;
  height:3px;
  background-color: #002556;
  margin-bottom:4px;
  list-style:none;
}
.toggle-menu ul li:last-child {
  margin-bottom:0;
}
input[type=checkbox],label {
  display:none;
}
.band { 
  font-family: 'PT+Serif', sans-serif;   
  font-size: 11px;
  font-weight: 300;
  line-height: 30px;  
  text-transform: uppercase;
  background: #002556;
  text-align: left;
}
.band a {
  color: #ffffff;
  text-decoration:none;
  padding-left: 50px;
}
.band a:hover { 
  color:#b2112f;
}
.band span {
  display: inline-block;
  width: 11px;
  height: 30px;
  margin: 0 10px;
  vertical-align: top;
  background: url(/img/104.png) 0 0 no-repeat;
}
.foto {
  width: 39%;
  height: 400px;
  display: inline-block;
}
.wrap2 {
  display: table;
  width: 100%;
  height: 400px;
}
.wrapblock {
  display: table-cell;
  vertical-align: middle;
  padding-left: 100px;
}
.welcome {
  width: 59%;
  height: 400px;
  display: inline-block;   
}
.wrap3 {    
  display: table;
  width: 100%; 
  height: 400px; 
}
.wrap4 {
  display: table-cell;
  vertical-align: middle;
  height: 400px;
  padding-right: 100px; 
}
.wrapblock1 { 
  height: 282px;
  background-color: #fff;   
  padding: 30px 60px;
  text-align: justify;
}
.wrapblock1 h2 {
  color: #002556;
}
.wrapblock1 span {
  font-size: 19px;
  font-weight: 600;
}
.metod {
  margin: 30px 350px 0px;
  padding: 30px 50px 60px;
  background-color: #458c08;
  border: 2px solid #9ac078;
  border-radius: 15px; 
}
.metod h2 {
  color: #fff;
  font-size: 45px;
}
.metod h3 {
  text-align: justify;
  padding-top: 20px;
  color: #fff;
}
.metod a {
  color: #cce0bc;
  text-decoration:none;  
}
.metod a:hover { 
  color:#193303;
}
.support {
  padding: 70px 100px 0px;  
}
.support h2 {
  font-size: 45px;
}
.col1 {
  vertical-align: top;
  width: 30%;
  height: 400px;
  display: inline-block;
  margin: 30px 10px 0px;
  padding: 20px 5px 0px;
  border: 1px solid #a2b0c2;
}
.col1 img {
  display: block;
  margin: 10px auto 20px;
}
.col1 a {
  color:#b2112f;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 300;   
  text-decoration:none;  
}
.col1 a:hover { 
  color:#a2b0c2;
}
.col1 p {
  color:#002556;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  padding: 15px 15px 0px;
  text-align: justify;   
}
.col1 span a {
  color:#7488a3;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;   
  text-decoration:none;
  font-style: italic;
}
.help {
  margin-top: 50px;
}
.help h2 {
  font-size: 40px;
  margin-bottom: 10px;
  color: #458c08;    
} 
.help h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  padding-top: 10px;  
}
.feedbackblock {  
  background-color: #e1edf1;
  margin-top: 50px; 
}
.feedbackblock h2 {
  padding-top: 50px;
}
.feedback {
  width: 860px;
  margin: 0 auto; 
}
.block {
  width: 860px; 
  margin: 30px auto 15px;
  padding: 30px 70px; 
  border: 4px solid #e3f0f0;
  background-color: #fff;
  border-radius: 25px;  
  text-align: justify;
  outline: none;
}
.block img {
  float: left;
  padding: 0 30px 20px 0;
}
.block h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3;    
  color: #003b4c;
  padding: 40px 0 40px 190px;    
}
.block p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 400;        
  color: #003b4c;        
  text-indent: 5%;
  margin-bottom: 0;        
}
.link {
  padding-bottom: 15px;
}
.link a {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
}
.blog {
  margin-bottom: 50px;
}
.blog h2 {
  font-size: 45px;
  padding: 50px 0px 0px 100px;
  text-align: left;
}
.col2 {
  vertical-align: top;
  width: 30%;
  height: 650px;
  display: inline-block;
  margin: 30px 10px 0px;
  padding: 20px 35px 0px;  
}
.col2 img {
  width: 100%;
  height: 250px;  
  object-fit: cover; 
  padding-bottom: 20px
}
.col2 a {
  color:#001127;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 300;   
  text-decoration:none;        
}
.col2 a:hover { 
  color:#173965;
}
.col2 p {
  color:#002556;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  padding: 15px 0px 0px;
  text-align: justify;   
}
.col2 span a {
  color:#7488a3;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;   
  text-decoration:none;
  font-style: italic;
} 
.info {
  width: 100%;   
  background: #002556;  
}
.wrap {
  display: table;
  width: 100%;
  height: 200px;         
}
.box { 
  display: table-cell;
  vertical-align: middle; 
  text-align: left;  
}
.logo img {
  float: left;
  padding-top: 25px;
  padding-left: 70px;  
}
.footmenu {
  display: inline-block;
  margin-left: 200px;
}
.col {
  display: inline-block;
  text-align: left;
  padding-right: 50px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 400; 
}
.col p {
  line-height: 40px;
}
.col a {
  color: #fff;  
}
.col a:hover { 
  color:#b2112f;
}
.footcontacts {
  display: inline-block;
  text-align: left;
  margin-left: 200px;         
}
.footcontacts img {   
  vertical-align: middle;    
}
.footcontacts span {
  font-family: 'PT+Serif', sans-serif;
  font-size: 14px;
  font-weight: 600; 
  padding: 0px 10px;
  line-height: 40px;
  color: #466084;  
}   
.bottom {
  height: 50px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;        
  color: #fff;
  background: #002556;
  border-top: 1px solid #fff;  
}
.wrap1 {
  display: table;
  width: 100%;
  height: 50px;         
}
.box1 {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.copyright {
  display: inline-block;
  width: 30%;
  text-align: center;
}
.oferta {
  display: inline-block;
  width: 30%;
  text-align: center;
}
.oferta a {
  color: #fff;
  text-decoration: underline;
}
.oferta a:hover { 
  color:#b2112f;
}
@media (min-width: 992px) and (max-width: 1199px) {
.author p {
  padding: 30px 100px 0px;  
}
.wrapblock {  
  padding-left: 50px;
}
.wrap4 {  
  padding-right: 50px; 
}
.wrapblock1 {      
  padding: 30px 30px;  
}
.metod {
  margin: 30px 150px 0px; 
}
.support {
  padding: 70px 40px 0px;  
}
.col1 {
  height: 470px;    
}
.col2 {  
  height: 620px;  
  padding: 20px 20px 0px;  
}
.col2 a {  
  font-size: 20px;         
}
.col2 p {  
  font-size: 15px;  
}
.logo img {    
  padding-left: 40px;  
}
.footmenu {  
  margin-left: 100px;
}
.footcontacts {    
  margin-left: 80px;         
}
} 
@media (min-width: 768px) and (max-width: 991px) {
#logo {
  max-height: 60px;  
}
.contacts {  
  margin-top: 18px;      
}  
.contacts img { 
  padding: 0px 0px 0px 10px;   
}
.contacts span {  
  padding: 0px 5px;    
}
.menu {
  display: inline-block;  
}
.author p {
  padding: 30px 50px 0px; 
}
.wrapblock {  
  padding-left: 20px;
}
.wrap4 {  
  padding-right: 20px; 
}
.wrapblock1 { 
  height: 330px;     
  padding: 30px 10px;  
}
.metod {
  margin: 0px 50px 0px; 
}
.support {
  padding: 70px 20px 0px;  
}
.col1 {
  width: 46%;
  height: 410px;  
}
.col2 {
  width: 46%;  
  height: 560px;  
  padding: 20px 10px 0px;  
}
.col2 a {  
  font-size: 20px;         
}
.col2 p {  
  font-size: 15px;  
}
.help {
  margin: 50px 35px 0px;
}
.feedback {
  width: 700px;
} 
.block {
  width: 700px; 
  margin: 15px auto 10px;
  padding: 15px 40px;   
}
.wrap {  
  height: 170px;         
}
.logo img {    
  padding-left: 20px;  
}
.footmenu {  
  margin-left: 30px;
}
.footcontacts {    
  margin-left: 0px;         
}
}  
@media (min-width: 480px) and (max-width: 767px) {
.contacts {
  display: none; 
}
input[type=checkbox] {
  position:absolute;
  top:-9999px;
  left:-9999px;
  background:none
}
input[type=checkbox]:focus {
  background:none
}
label {
  float:right;
  display:inline-block;
  cursor:pointer;
  margin-right:25px;
  margin-top: 30px;
}
input[type=checkbox]:checked ~ nav {
  display:block
}
nav {
  display:none;
  position:absolute;
  right:0;
  top:50px;
  background-color:#002556;
  padding:0;
  z-index:99
}
nav ul {
  width:auto
}
nav ul li {
  float:none;
  padding:0;
  width:100%;
  display:table
}
nav ul li a {
  color:#FFF;
  font-size:15px;
  padding:10px 20px;
  display:block;
  border-bottom:1px solid rgba(225,225,225,0.1)
}
.author {
  padding-top: 20px;
}
.author img {
  padding-top: 20px;
}
.author p {
  padding: 20px 30px 0px;
  text-align: justify;  
}
.foto {
  width: 100%;
  height: 300px;  
}
.wrap2 {    
  height: 300px;
}
.wrapblock {  
  padding-left: 0px;
}
.welcome {
  width: 100%;
  height: 300px;    
}
.wrap3 {      
  height: 300px; 
}
.wrap4 {  
  padding-right: 0px; 
  height: 300px;
}
.wrapblock1 { 
  height: 330px;     
  padding: 10px 30px;  
}
.metod {
  margin: 30px 20px 0px;
  padding: 20px 20px 40px; 
}
.support {
  padding: 30px 20px 0px;  
}
.col1 {
  width: 95%;
  height: 350px;  
}
.help {
  margin: 50px 20px 0px;
}
.feedbackblock {  
  margin-top: 30px; 
}
.feedbackblock h2 {
  padding: 20px 0px 15px;
}
.feedback {
  width: 430px;
} 
.block {
  width: 430px; 
  margin: 5px auto 5px;
  padding: 10px 20px;   
}
.blog h2 {  
  padding: 30px 0px 0px 50px;  
}
.col2 {
  width: 95%;  
  height: 550px;  
  padding: 20px 20px 0px;
  margin: 0px 10px 0px;    
}
.col2 a {  
  font-size: 20px;         
}
.col2 p {  
  font-size: 15px;  
}
.wrap {  
  height: 170px;         
}
.logo img {    
  padding-left: 20px;  
}
.footmenu { 
  display: none;   
}
.footcontacts {    
  margin-left: 50px;         
}
.copyright {  
  width: 45%;  
}
.oferta {  
  width: 45%;  
}
}
@media (max-width: 479px) {
#logo {
  max-width: 200px;  
}  
.contacts {
  display: none; 
}
input[type=checkbox] {
  position:absolute;
  top:-9999px;
  left:-9999px;
  background:none
}
input[type=checkbox]:fous {
  background:none
}
label {
  float:right;
  display:inline-block;
  cursor:pointer;
  margin-right:25px;
  margin-top: 14px;
  padding:5px 0
}
input[type=checkbox]:checked ~ nav {
  display:block
}
nav {
  display:none;
  position:absolute;
  right:0;
  top:50px;
  background-color:#002556;
  padding:0;
  z-index:99
}
nav ul {
  width:auto
}
nav ul li {
  float:none;
  padding:0;
  width:100%;
  display:table
}
nav ul li a {
  color:#FFF;
  font-size:15px;
  padding:10px 20px;
  display:block;
  border-bottom:1px solid rgba(225,225,225,0.1)
}
.band a {   
  padding-left: 30px;
}
.author {
  padding-top: 20px;
}
.author img {
  padding-top: 20px;
}
.author p {
  padding: 20px 30px 0px;
  text-align: justify;  
}
.foto {
  width: 100%;
  height: 280px;  
}
.wrap2 {    
  height: 0px;
}
.wrapblock {  
  padding-left: 0px;
}
.welcome {
  width: 100%;
  height: 470px;    
}
.wrap3 {      
  height: 300px; 
}
.wrap4 {  
  padding-right: 0px; 
  height: 300px;
}
.wrapblock1 { 
  height: 330px;     
  padding: 10px 20px;  
}
.metod {
  margin: 30px 20px 0px;
  padding: 20px 15px 40px; 
}
.metod h2 {  
  font-size: 35px;
}
.support {
  padding: 30px 0px 0px;  
}
.support h2 {
  font-size: 35px;
}
.col1 {
  width: 93%;
  height: 430px;
  margin: 20px 0px 0px; 
  padding: 20px 0px 0px;   
}
.help {
  margin: 50px 10px 0px;
}
.help h2 {
  font-size: 30px;     
} 
.help h3 { 
  font-size: 20px;  
}
.feedbackblock {  
  margin-top: 30px; 
}
.feedbackblock h2 {
  padding: 20px 0px 15px;
}
.feedback {
  width: 270px;
} 
.block {
  width: 270px; 
  margin: 5px auto 5px;
  padding: 10px 20px;   
}
.block h3 { 
  font-size: 18px;    
  padding: 0px 0 40px 0px;    
}
.blog h2 {  
  padding: 30px 0px 0px 50px;  
}
.col2 {
  width: 93%;  
  height: 600px;  
  padding: 20px 10px 0px;
  margin: 0px 10px 0px;    
}
.col2 a {  
  font-size: 20px;         
}
.col2 p {  
  font-size: 15px;  
}
.wrap {  
  height: 110px;         
}
.logo {    
  display: none;  
}
.footmenu { 
  display: none;   
}
.box {   
  text-align: center;  
}
.footcontacts {    
  margin-left: 0px;         
}
.footcontacts span {  
  padding: 0px 0px;
  line-height: 30px;   
}  
.copyright {  
  width: 100%;  
}
.oferta {  
  display: none; 
}
}