* {
 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;
}
.cont {
  margin-top: 50px;
}
.cont h2 {
  font-size: 30px;
}
.cont h3 {
  font-size: 22px;
  padding: 15px 250px 0px;
}
.form {
  margin: 70px 0px 70px;
}
input {
  display: block;
  width: 400px;
  height: 50px;  
  border: 1px solid #e0e0e0;
  background-color: transparent; 
  outline: none;  
  border-radius: 3px;
  margin: 30px auto;
  padding-left: 30px;  
} 
input:focus {
  outline: none;
}
textarea {
  display: block;
  width: 400px;
  margin: 30px auto;
  border: 1px solid #e0e0e0;
  background-color: transparent;     
  border-radius: 3px;
  padding: 15px 0 0 30px;
}
button {  
  width: 400px;
  height: 50px;
  background-color: #fc9127;
  border: none;
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: 'PT+Serif', sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
button:hover { 
  background-color: #b2112f;
  transition: all 1s;  
}
.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) {
.cont h3 {  
  padding: 15px 200px 0px;
}
.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;  
}
.cont h3 {  
  padding: 15px 100px 0px;
}
.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)
}
.cont h2 {
  font-size: 25px;
}
.cont h3 {
  font-size: 20px;  
  padding: 15px 20px 0px;
}
.form {
  margin: 50px 0px 50px;
}
.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;
}
.cont {
  margin-top: 20px;
}
.cont h2 {
  font-size: 25px;
  padding: 0px 5px 0px;
}
.cont h3 {
  font-size: 20px;  
  padding: 15px 5px 0px;
}
.form {
  margin: 30px 0px 30px;
}
input {  
  width: 280px;  
  padding-left: 30px;  
} 
textarea { 
  width: 280px;     
  padding: 15px 0 0 30px;
}
button {  
  width: 280px;  
}
.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; 
}
}