* {
    box-sizing: border-box;
}

*{margin:0;padding:0;}

.row::after {
    content: "";
    clear: both;
    display: block;
}


body {
   background:#e7e7e7;
   text-align:center;
   font-family: "Trebuchet MS", sans-serif;
   color:#ffffff;
   }
   
 img {
   max-width: 100%;
    height: auto;
}  

a {text-decoration:none;}

input{
color:#555555;
padding:5px;
border:1px solid #cccccc;
border-radius:5px;
}

.sub{
border:none;
font-size:90%;
color:#ffffff;
font-weight:bold;
background:#cd5159;
}

.sub:hover{
cursor:pointer;
cursor:hand;
}

textarea{
padding:5px;
border-radius:5px;
}

p.devedeset{
font-size:90%;
}

.header {
color: #101010;
padding-bottom:5px;
background:#f5f5f5;
}

.h-1{
background:#cd5159;
padding:7px 0 5px 0;
position:relative;
}

.h-1 a{
    color: #ffffff;
	font-size:75%;
	font-weight:bold;
	}
	
.homeico{
position:absolute;
left:2%;
}	
.nav{
position:absolute;
right:2%;
cursor:pointer;
cursor:hand;
}
	
.h-3{
text-align:left;
}

.logo{
padding:10px;
margin-left:2%;
}

.h-3 div{
text-align:center;
width:250px;
height:30px;
margin:0 auto;
}

.h-3 .flag{
margin:0 3px;
}
	
.flag:hover{
 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.h-2{
position:relative;
padding-top:5px;
}

.h-2 a.mm{
display:none;
}

.sidenav {
    height: auto;
    width: 0;
    position: absolute;
    z-index: 100;
    top:0;
    left: 0;
	text-align:left;
   background-color:#efefef;
    overflow-x: hidden;
    transition: 0.5s;
   
}

.sidenav a {
    padding: 8px;
    text-decoration: none;
    font-size:90% ;
    color: #333;
    display: block;
	border-bottom:1px solid #333;
    transition: 0.3s
}

.sidenav a.bl {
background-color: ;
}

.sidenav a.blu {
background-color: #008cba;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #555;
}

.sidenav .closebtn {
background:#cd5159;
text-align:right;
}





.blank{
background:#ffffff;
padding-top:2%;
}

h3.inn, h3.innn{
position:relative;
bottom:12px;
text-align:left;
color:#333;
background:#e7e7e7;
padding:5px 5px 0 10px;
padding-left:3%;
}

h3.innn{
position:relative;
bottom:0;
}

.box1{
position:relative;
bottom:10px;
}

.box1-1{
position:relative;
bottom:0;
}

.box1 div, .box1-1 div{
background:#fff;
float:left;
width:46%;
border:1px solid #ccc;
margin:1.5%  0 1.5% 2.55%;
}


.box3{
color:#fff;
background:#fff;
padding:10px 0;
}

.box3 div{
width:100%;
margin:1% auto;
padding:2% 5%;
background:#cd5159;
 }
.box3 form{
width:100%;
margin:0 auto;
}

.box3 input{
width:100%;
margin:2% 1%;
}

.box3 .subnews{
background:#4caf50;
padding:4px 0;
}


.footer{
padding:10px 0 40px 0;
background:#9e9e9e;
border-top:10px solid #fff;
}

.f1, .f2{
float:left;
width:90%;
margin-left:5%;
}
.f1 a{
float:left;
color:#fff;
font-weight:bold;
}

.f2 label, .f2 input, .f2 textarea{
width:100%;
float:left;
padding:10px;
border:1px solid #9c9c9c;
}
.f2 label{
padding:5px 0 10px 0;
text-align:left;
float:left;
}

.f2 .sub{
margin-top:15px;
}
@media screen and (min-width:768px) {

.nav{
display:none;
}

.homeico{
position:absolute;
left:12%;
}


.h-3 {
width:80%;
margin:0 auto;
padding:15px 0;
}

.logo{
margin-left:5%;
}

.h-3 div{
text-align:right;
width:250px;
height:30px;
margin-top:-40px;
margin-left:50%;
}

.blank{
padding-top:1%;
}

.h-2{

width:80%;
margin:0 auto;
}

.h-2 a.mm{
display:block;
color:#7a7a7a;
font-size:90%;
font-weight:bold;
margin:2px 5px 0 5px;
float:left;
}
.h-2 a.mm:hover{
color:#555555;
}

.h-2 form{
float:right;
margin-right:1%;
}

h3.inn, h3.innn{
position:relative;
bottom:10px;
padding-left:11%;
padding-bottom:0;
}

h3.innn{
position:relative;
bottom:0;
}

.box1, .box1-1{
width:82%;
margin:0 auto;
}


.box1 div, .box1-1 div{
width:23%;
margin:1%;
}

.box3 div{
width:80%;
}

.box3 form{
width:90%;
}

.box3 input{
width:60%;
padding:10px;
text-align:center;
}

.box3 .subnews{
width:25%;
background:#4caf50;
padding:9px;
}

.box3 .subnews:hover{
background-color: #4caf65;
}

.f1{
width:20%;
margin-left:10%;
padding-top:3%;
padding-left:3%;
}

.f2{
float:left;
width:40%;
margin-left:0;
}

.f2 label{
float:left;
text-align:left;
width:100%;
}
.f2 input, .f2 textarea{
float:left;
padding:10px;
width:100%;
}


}

@media screen and (min-width:1050px) {
.h-2 a.mm{
margin:0 20px;
font-size:101%;
}

.h-2 form{
margin-right:2%;
}
}