@font-face {
    font-family: 'AA Bebas Neue';
    src: url('../fonts/AABebasNeue.eot');
    src: url('../fonts/AABebasNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AABebasNeue.woff2') format('woff2'),
        url('../fonts/AABebasNeue.woff') format('woff'),
        url('../fonts/AABebasNeue.ttf') format('truetype'),
        url('../fonts/AABebasNeue.svg#AABebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Panton Black Caps';
    src: url('../fonts/Panton-BlackCaps.eot');
    src: url('../fonts/Panton-BlackCaps.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-BlackCaps.woff2') format('woff2'),
        url('../fonts/Panton-BlackCaps.woff') format('woff'),
        url('../fonts/Panton-BlackCaps.ttf') format('truetype'),
        url('../fonts/Panton-BlackCaps.svg#Panton-BlackCaps') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-Regular.eot');
    src: url('../fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-Regular.woff2') format('woff2'),
        url('../fonts/Panton-Regular.woff') format('woff'),
        url('../fonts/Panton-Regular.ttf') format('truetype'),
        url('../fonts/Panton-Regular.svg#Panton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-Bold.eot');
    src: url('../fonts/Panton-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-Bold.woff2') format('woff2'),
        url('../fonts/Panton-Bold.woff') format('woff'),
        url('../fonts/Panton-Bold.ttf') format('truetype'),
        url('../fonts/Panton-Bold.svg#Panton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueRegular.eot');
    src: url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueRegular.woff2') format('woff2'),
        url('../fonts/BebasNeueRegular.woff') format('woff'),
        url('../fonts/BebasNeueRegular.ttf') format('truetype'),
        url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{background:#00040c}
body{font-family: 'Panton';background:#f4ece6;max-width:1280px;margin:0 auto}
.bg-dark{background: #0c0f18!important;
    font-family: 'Bebas Neue';
    color: #797979;font-size:18px;line-height:20px;padding:10px 0; border-bottom:1px solid #1d253a;}

.iron{font-family: 'Panton Black Caps';color:#9c9c9c;font-size:20px;line-height:30px;margin-bottom:7px;}
section{padding:30px 0 20px}
@media (min-width:576px) {.bg-dark{font-size:28px;line-height:30px;padding:20px 0;}.iron{font-size:23px;}}
@media (min-width: 768px) {section {
  padding: 40px 0 30px;width:100%;
}}
@media (min-width: 768px) {.bg-dark{font-size:22px;line-height:22px;}}
header {
padding:10px 0;
  background:url("../images/header.jpg") no-repeat center center!important;
  background-size:cover!important;
}
@media (min-width:576px) {
	header {
	padding:30px 0;}
}
@media (min-width: 992px) {
  header {background:url("../images/header.jpg") no-repeat center top;background-size:cover;}
}
@media (min-width: 768px) {nav{text-align:center}header {
padding:20px 0;}}



h1{font-family: 'AA Bebas Neue';color:#fff;font-size:24px;line-height:30px;margin-bottom:0}
h2{font-family: 'Bebas Neue';font-size:38px;line-height:48px;}
@media (min-width: 576px) {h1{font-size:38px;line-height:40px;}}
@media (min-width: 768px) {h1{font-size:54px;line-height:60px;}h2{font-size:52px;line-height:52px;}}

.whitebox {
  padding:10px 0!important;border-bottom:1px solid #1d253a;border-top:1px solid #1d253a;
  background-image: -moz-linear-gradient( 0deg, rgb(12,14,23) 0%, rgba(12,14,23,0.43) 57%, rgba(12,14,23,0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(12,14,23) 0%, rgba(12,14,23,0.43) 57%, rgba(12,14,23,0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(12,14,23) 0%, rgba(12,14,23,0.43) 57%, rgba(12,14,23,0) 100%);
margin-bottom:30px;
}
.icon{display:table;width:100%;height:100px;opacity: .7;}
#icons{background:#17181d;font-size:18px;line-height:24px;}
@media (min-width: 992px) {#icons{font-size:20px;line-height:24px}}

#icons p{color:#828282;margin-top:20px;}
#way {color:#fff;background:#1c1c1c;}@media (min-width: 992px) {#way{background:url(../images/bg-clock.jpg) no-repeat right 100% #090911;
}}
#way ul{font-size:20px;list-style-type: none;padding: 0;margin: 20px 0 0 0px;}
#way ul li{background:url(../images/icon.png) no-repeat left top;background-size:30px;line-height:30px;padding-left:50px;margin-bottom:10px;}
@media (min-width: 768px) {#way ul{font-size:24px}#way ul li{background-size:40px;line-height:40px;padding-left:70px;}}
.bg-red{background:url(../images/red-white-grunge-warning-stripes-background-58096116.jpg) repeat-x center center;height:40px;padding:0}
.bg-yellow{background:url(../images/yellow-line.jpg) repeat-x center center;height:40px;padding:0}
#power{background:url(../images/bg-power.jpg) no-repeat center bottom;height:380px;background-size:cover}
#power h2{font-family: 'Panton';font-weight:bold;font-size:22px;color:#fff;line-height:26px}
#power h2 span{font-family: 'AA Bebas Neue';font-weight:normal;font-size:71px;line-height:72px;}
#africa img{min-width:100%;margin-bottom:20px;border:2px solid #fff}
#africa h2{margin-bottom:40px;}

#africa p{font-size:15px;line-height:18px;margin-bottom:20px;text-align:left}
@media (min-width: 992px) {#power{height:751px;}#power h2{font-size:40px;line-height:50px}#power h2 span{font-size:122px;line-height:132px;}}
#order{padding:30px 0;background:#0c0e17}
#work{border-top: 1px solid #ffdd14;
    border-bottom: 1px solid #ffdd14;background:url(../images/bg-work.jpg) no-repeat center bottom;background-size:cover;color:#fff}
#work h2{margin-bottom:35px}
#work p{font-size:20px;line-height:24px;font-family:"Bebas Neue"}

@media (min-width: 992px) {.africa2{margin-top:-8px}}
	@media (min-width: 1200px) {.africa1{margin-top:3px}#africa p{font-size:17px;line-height:24px;}#power{background:url(../images/bg-power.jpg) no-repeat right bottom;}}
#work img{margin-bottom:10px;margin-top:10px}
#iron h3{    font-size: 20px;
    line-height: 24px;
    font-family: "Bebas Neue";margin-top:10px;margin-bottom:20px;}
#iron img{border: 2px solid #fff}
.black{background:#0c0f18}
.black p{line-height:30px;color:#fff;font-size:14px}
#alfa h2{font-family: 'Bebas Neue';font-size:34px}
#alfa h1{font-size:62px;line-height:60px;text-align:center;margin-bottom:20px}
@media (min-width: 576px) {#alfa h1{text-align:right;}}
@media (min-width: 768px) {#work img{margin-bottom:20px;margin-top:0}#iron h3{margin-top:20px;margin-bottom:0}#alfa h1{font-size:82px;line-height:80px;margin-top:80px;text-align:right;margin-bottom:0;}#alfa h2{font-size:48px}}

#alfa{border-top: 1px solid #ffdd14;background:url(../images/bg-alfa.jpg) no-repeat center bottom;background-size:cover;color:#fff;padding:50px 0 0}
#gigant ul{font-size:20px;list-style-type: none;padding: 0;margin: 20px 0 0 0px;}
#gigant ul li{background:url(../images/icon2.png) no-repeat left top;min-height:40px;background-size:40px;padding-left:70px;margin-bottom:10px}
#gigant img{margin-bottom:30px}

#form h3{color:#fff;font-size:26px}
#form ul{    font-size: 15px;
    list-style-type: none;
    line-height: 24px;padding: 0;margin:20px 0 0 0px;}
#form ul li{background:url(../images/icon3.png) no-repeat left 4px;background-size:40px;min-height:50px;padding-left:70px;margin-bottom:15px;color:#fff}
@media (min-width: 576px) {#advantages img{display:block;width:auto;margin: 0}}
@media (min-width: 992px) {.h5, h5{font-size:1rem}#advantages ul{font-size:24px;line-height:40px;}#advantages ul li{background-size:50px;}}
@media (min-width: 1200px) {.h5, h5{font-size:1.25rem}#advantages ul{font-size:30px;}}

#form .gar{    color: #fff;opacity: .6;
    font-size: 13px;border:3px dashed #fff;padding:10px 20px;
    }

#form{background:url(../images/bg-form.jpg) no-repeat center top;background-size: auto;color:#fff;}
@media (min-width: 992px) {#form{background-size:1280px;min-height:720px}}
.button {
  font-weight: normal;
  color: #000!important;
  text-align: center;
  border: none;
  outline: none;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  outline: none;
  background-color: #ffdc15;
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px #bda200;
  text-decoration: none;
  font-family: 'AA Bebas Neue';
  font-size:30px;    margin-bottom: 10px;
}

.button:hover {
  background-color: #e0c112;
  box-shadow: 0 6px #bda200;
  color: #000;
  text-decoration: none
}

.button:active {
  background-color: #e0c112;
  color: #000;
  box-shadow: 0 3px #bda200;
  transform: translateY(3px);
}
.pack1{width:120px}
.ec{    margin-top: -90px;
    margin-left: 110px;
    width: 65px;}
.mt300{margin-top:-10px}
@media (min-width: 576px) {.button{font-size:40px}
.pack1{width:150px;margin-top:10px;}
.ec{ margin-top: 215px;
    margin-left: -100px;
    width: 80px;}
}

@media (min-width: 768px) {.mt300{margin-top:0}.button{padding: 5px 35px;}
.pack1{margin-top:0;}
.ec{margin-top: 185px;
    margin-left: -200px;
    width: 100px;}
.mt30{margin-top:30px}}
@media (min-width: 992px) {
	.pack1{width:200px;margin-left:-15px;}
	.ec{margin-top:45px;margin-left:-40px}
	.mt300{padding-top:235px}.ml300{margin-left:-160px}
}
@media (min-width: 1200px) {
	.ec{margin-left:-90px}
	.ml300{margin-left:-250px}
}

.order-form{margin-bottom:30px;margin-top:20px}
@media (min-width: 992px) {.order-form{margin-top:0px}}

.order-form input.input{display:block;background:#fff;width:270px;outline:0;font-size:16px;line-height:37px;color:#1f1f1f;
border-radius:10px;margin:10px auto;padding:0 10px;text-align:center;border: 1px solid transparent;border-bottom: 1px solid #DDD;
box-shadow: inset 0 2px 4px rgba(0,0,0,.20), 0 -1px 1px #FFF, 0 1px 0 #FFF;text-align:left;padding-left:20px;margin-bottom:20px}
.order-form input.button{display:block;width:270px;margin:20px auto 0;font-size:25px}
.order-form .pack{width:270px;margin:0px auto }

.natural{margin-top:-110px;margin-left:100px}
.label{width:161px;height:167px;background:url(../images/label.png) no-repeat center top;margin-left:110px;margin-bottom:-167px;padding-top:25px;}
.label s{font-family: 'Bebas Neue';color:#7c88b7;
    font-size: 32px;
    line-height: 32px;}
.label .newprice{font-family: 'Bebas Neue';font-size:50px;line-height:50px}	
.discount{color:#7c88b7;font-size:.9rem}
@media (min-width: 768px) {.order-form input.input,.order-form input.button{width:270px;}}

footer{font-family: 'Bebas Neue'!important;font-size:24px!important;background: #00040c!important;padding:5px 0}
footer a{color:#aaa!important;font-size:16px}


/* 5 Columns */


.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-sm-15 {
    width: 100%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%!important;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%!important;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%!important;
        float: left;
    }
}