@charset "utf-8";

footer{width:100%; background:#171717; margin:0px; float:left}
footer .wrapp{width:calc(100% + 30px); margin:0px -15px; padding:50px 0px 40px; float:left}
footer .wrapp .box{padding:0px 15px; float:left}
footer .wrapp .box.hits{width:300px}
footer .wrapp .box.info{width:calc(100% - 800px); max-width:700px}
footer .wrapp .box.maps{width:500px}
footer .wrapp .box .item{width:100%; color:#FFF; font-size:18px; font-weight:400; margin:0px 0px 15px; transition:0.3s ease-in-out; float:left}
footer .wrapp .box .item.address{background:url(../images/others/icon_address.png) left center no-repeat; background-size:auto 26px; padding:2px 0px 2px 45px}
footer .wrapp .box .item.email{background:url(../images/others/icon_mail.png) left center no-repeat; background-size:auto 26px; padding:2px 0px 2px 45px}
footer .wrapp .box .item.fax{background:url(../images/others/icon_fax.png) left center no-repeat; background-size:auto 26px; padding:2px 0px 2px 45px}
footer .wrapp .box .item.hits{display:table-row; float:none}
footer .wrapp .box .item.phone{background:url(../images/others/icon_phone.png) left center no-repeat; background-size:auto 26px; padding:2px 0px 2px 45px}
footer .wrapp .box .item a{color:#FFF; transition:0.3s ease-in-out}
footer .wrapp .box .item a:hover{color:#009540}
footer .wrapp .box .item.hits span{line-height:45px; display:table-cell}
footer .wrapp .box .item.hits span:first-child{background:url(../images/others/icon_arrow.png) left center no-repeat; background-size:9px; padding:0px 0px 0px 30px}
footer .wrapp .box .item.hits span:last-child{text-align:right}
footer .wrapp .box .item .share{width:25px; margin:10px 15px 0px 0px; float:left}
footer .wrapp .box .item .share:hover{box-shadow:0px 0px 5px #666}
footer .wrapp .box .item .share img{width:100%; float:left}
footer .wrapp .box .logo{height:200px; float:left}
footer .wrapp .box .logo img{height:100%; float:left}
footer .wrapp .box .logo img:first-child{display:none}
footer .wrapp .box iframe{width:100%; height:235px; float:left}
footer .wrapp .box .social{background:#2A2A2A; border-radius:3px; margin:20px 0px 0px; float:left}
footer .wrapp .box .social a{width:40px; margin:5px 10px; float:left}
footer .wrapp .box .social a img{width:100%; background:#FFF; float:left; transition:0.3s ease-in-out}
footer .wrapp .box .social a:hover img{background:#009540}
footer .wrapp .box .title{width:100%; color:#FFF; font-size:24px; font-weight:400; text-transform:uppercase; margin:0px 0px 25px; float:left}
footer .wrapp .box .wrap{width:100%; display:table}
footer .copyright{width:100%; color:#FFF; font-size:18px; text-align:center; border-top:solid 1px #FFF; padding:27.5px 0px; float:left}
footer .copyright a{color:#AAA}
footer .copyright a:hover{}
header{width:100%; margin:0px; position:relative; z-index:9999; float:left}
header #logo{height:70px; margin:10px 0px; float:left}
header #logo img{height:100%; float:left}
header #menu_bottom{border:solid 1px #009540; border-radius:100%; margin:22px 0px; float:right}
header #search{position:relative; float:right}
header #search form{margin:20px 30px 20px 0px; position:relative}
header #search form input{width:360px; line-height:48px; background:#FFF; color:#999; font-family:"Roboto", sans-serif; font-size:18px; font-weight:300; border:solid 1px #DBDBDB; padding:0px 70px 0px 28px; float:left}
header #search form button{width:34px; height:34px; background-color:#CCC; background-image:url(../images/others/icon_search.png); background-position:center; background-repeat:no-repeat; background-size:100%; border:none; padding:0px; position:absolute; top:8px; right:8px; cursor:pointer; transition:0.3s ease-in-out}
header #search form button:hover{background-color:#E53D36}
header #search .button{display:none}
header .wrapper:last-child{position:relative}

@media (max-width:1500px){
    footer .wrapp .box.info{width:calc(100% - 700px); max-width:500px}
    footer .wrapp .box.maps{width:400px}
}
@media (max-width:1300px){
    footer .copyright{font-size:16px}
    footer .wrapp .box.hits{width:250px}
    footer .wrapp .box.info{width:calc(100% - 650px); max-width:350px}
    footer .wrapp .box.maps{width:400px}
    footer .wrapp .box .item{font-size:16px}
    footer .wrapp .box .item.address, footer .wrapp .box .item.email, footer .wrapp .box .item.fax, footer .wrapp .box .item.phone{background-size:auto 23px}
    footer .wrapp .box .social a{width:30px}
    footer .wrapp .box .title{font-size:20px}
    header #logo{height:50px}
    header #menu_bottom{margin:12px 0px}
    header #search form{margin:15px 30px 15px 0px}
    header #search form button{width:24px; height:24px}
    header #search form input{line-height:38px; font-size:16px; padding:0px 52px 0px 20px}
}
@media (max-width:1100px){
    footer .wrapp .box.info{width:calc(100% - 600px); max-width:none}
    footer .wrapp .box.maps{width:350px}
    footer .wrapp .box .item{font-size:14px}
    footer .wrapp .box .item.address, footer .wrapp .box .item.email, footer .wrapp .box .item.fax, footer .wrapp .box .item.phone{background-size:auto 21px}
    footer .wrapp .box .title{font-size:16px}
}
@media (max-width:1000px){
    footer .copyright{font-size:14px}
    footer .wrapp .box.hits{margin:30px 0px 0px; clear:left}
    footer .wrapp .box.info{width:calc(100% - 400px); max-width:none}
    footer .wrapp .box.maps{width:400px; clear:right}
    header #menu_bottom{width:auto; float:right}
}
@media (max-width:800px){
    footer .wrapp .box{width:auto !important; max-width:400px !important; margin:30px auto !important; padding:15px; float:none !important}
    footer .wrapp .box.hits{margin-bottom:0px !important}
    footer .wrapp .box.info{width:auto; max-width:400px; margin-top:0px !important}
}
@media (max-width:700px){
    header #search form input{width:300px}
}
@media (max-width:600px){
    header #search .button{border:solid 1px #DBDBDB; margin:15px; padding:8px; display:block; float:left; transition:0.3s ease-in-out}
    header #search.active .button{border-color:#E53D36}
    header #search .button:before{content:""; width:24px; height:24px; background-color:#CCC; background-image:url(../images/others/icon_search.png); background-position:center; background-repeat:no-repeat; background-size:100%; cursor:pointer; float:left; transition:0.3s ease-in-out}
    header #search.active .button:before{background-color:#E53D36}
    header #search form{display:none}
    header #search.active form{margin:0px; display:block; position:absolute; top:100%; right:15px}
}
@media (max-width:500px){
    footer .copyright{font-size:12px}
}
@media (max-width:450px){
    header #search form input{width:200px}
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){

}