@font-face {font-family: 'regular';src: url('../fonts/regular.eot');src: url('../fonts/regular.eot@#iefix') format('embedded-opentype'),url('../fonts/regular.woff') format('woff'),url('../fonts/regular.ttf') format('truetype'),url('../fonts/regular.svg') format('svg');font-weight: normal;font-style: normal;}
* {margin: 0;padding: 0; }
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-track {background: #fff;outline:none;border:none}
body::-webkit-scrollbar-thumb {background: #000200;outline:none;border:none}
::selection{color:#000200}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#fff}
::placeholder {color:#000200;}
::-webkit-input-placeholder { color: #000200;}
::-moz-placeholder { color: #000200;}
:-moz-placeholder { color: #000200;}
:-ms-input-placeholder { color: #000200;}
img{width:100%;overflow:hidden}
body{font-family:'regular';font-size:14px;line-height: 26px;position: relative; background:#eee;margin:0px;padding:0px;color:#000200;margin:0px 5%;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:28px;font-weight:normal;text-transform:uppercase;margin-bottom:18px;letter-spacing:1px;color:#00aff0}
a{text-decoration:none}
strong{letter-spacing:1px;font-size:14px;}

.main-header{margin: 0 1% 5px;position: relative;background:#fff}
.main-header::before {content: ' ';width: 45px;height: 84px;position: absolute;left: 0;top: 0;border-top: 7px solid #000;border-left: 7px solid #000;}
.main-header::after {content: ' ';width: 45px;height: 84px;position: absolute;right: 0;top: 0;border-top: 7px solid #000;border-right: 7px solid #000;}

.main-header .top-menu{width:100%;display:block;clear:both;}
.main-header .top-contact{text-align:center;margin:20px 0px;}
.main-header .top-contact .phone{width:45%;display:inline-block;margin-bottom:15px;}
.main-header .top-contact .phone a{line-height:1;color:#000;padding:5px 30px 5px;font-size:14px;font-weight:bold}
.clearfix{display:block;clear:both;width:100%;}

.main-header .top-brandname{padding:30px 0px;display:block;text-align:center;text-transform:uppercase;color:#ea3136;font-size:20px;width:100%;text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
.main-header .top-brandname img{width:auto;}
.main-header .contact-buttons {text-align: center;width:100%;margin-top: 20px;}
.main-header .contact-button {padding: 8px 10px;border-radius: 50px;min-width: 70px;display: inline-block;font-size: 12px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(255, 251, 251, 0.1) inset;text-align: center;background-color: #ea3136;color: #fff;border: none;margin-right: 5px;margin-bottom: 10px;text-decoration:none;}
.main-header .contact-button i{margin-right:5px;font-size:12px}
.main-header .bottom{background:#ea3136;padding:20px 15px;}
.main-header .bottom p{color:#fff;text-align:center;margin:10px 0px;font-size:12px;}
.main-header .bottom p a{color:#fff}
.main-header .bottom p strong{color:#fff;}
.main-header .bottom p i{color:#fff;padding:5px;width:15px;height:15px;}
.main-header .bottom .save-contact{margin-top:15px;display:block;text-align:center}
.main-header .bottom .save-contact .shadow-button {padding: 10px 2px;font-size: 13px;background:#fff;color: #ea3136 !important;margin: 5px;padding:10px 15px;}
.main-header .bottom .save-contact .shadow-button i{padding-right:10px;}

.main-header .catalog{background:#f6f5fb;padding:15px;}
.main-header .catalog .box{float:left;width:47%;margin:0px;margin-bottom:15px;padding:10px;background:#fff;}
.main-header .catalog .box img{width:100%}
.main-header .catalog .box .call-action {text-align: center;background: #000200;position: relative;z-index: 1;overflow: hidden;width: 100%;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.main-header .catalog .box .call-action a {display: inline-block;text-transform: uppercase;padding: 5px 0px;color: #fff;width: 47%;font-size:12px;}
.main-header .catalog .box .call-action:after {position: absolute;content: "";width: 66%;height: 100%;background: #25D366;right: -36px;z-index: -1;-webkit-transform: skewX(40deg);transform: skewX(40deg);-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.main-header .catalog .box .name{position: relative;padding: 10px 10px;text-align: center;color:#000;font-size:14px;font-weight:bold;text-transform:uppercase}


@media only screen and (min-width:320px) and (max-width: 767px)
{
.main-header .catalog .box{width:100%;display:block}
.main-header .top-contact .phone{width:100%}
.main-header .catalog .box{padding:0px;}
}