@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap');
/************* GLOBAL CSS  *************/
body{
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.ms-auto{
    margin-left: auto;
}
.align-center{
    align-items: center;
}
.pos-relative{
    position: relative;
}
.fw900{
    font-weight:900;
}
.fw300{
    font-weight: 100;
}
.secondary-color{
    color: #83C558;
}
a{
    color: #ffffff;
    text-decoration: none;
}
.cscol6{
    max-width: 50%;
    flex: 0 0 50%;
}
img{
    max-width: 100%;
}
/************* /GLOBAL CSS  *************/
/************* HEADER  *************/
.navbar{
    padding: 26px 0px;
    background: #83C558;
}
.container{
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
    margin:0 auto;
}
.navbar-nav{
    display: flex;
    flex-direction: row;
    list-style: none;
}
.navbar-nav li {
    margin-left: 66px;    
}
.navbar-nav li:first-child{
    margin-left: 0px;
}
.navbar-nav li a{
    text-decoration: none;
    color: #29520F;
    font-size: 25px;
    text-transform: uppercase;
}
.navbar-nav li a.active{
    color: #ffffff;
}
.d-flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
/************* /HEADER  *************/
/************* BANNER  *************/
.banner{    
    background-size:cover ;
    position: relative;
}
.banner .container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.banner-height{
    min-height: calc(100vh - 100px);
}
.banner:before{
    position: absolute;
    left: 0;
    width:100%;
    top:0px;
    height: 100%;
    content: "";
    background: rgba(34, 34, 34, 0.53);
}
.banner-text h1{
    font-size: 135px;
    max-width: 564px;
    line-height: 125px;
}
.banner-text h2{
    font-size: 88px;
    font-weight: 100;
    margin: 20px 0px;
}
.banner-text h4{
    font-size: 38px;   
    padding-right: 220px;
    position: relative; 
}
.banner-text h4 p{
    max-width: 434px;
}
.banner-text a{
    min-width: 182px;
    position: absolute;
    font-weight: 400;
    text-align: center;
    right: 0px;
    top:14px;
}
.btn{
    min-height: 52px;
    padding: 15px 15px;
    font-size: 18px;
    background: #83C558;
    display: inline-block;
    color: #222222;
    font-weight: 400;
    text-align: center;
}
/************* /BANNER  *************/
.gta-details{
    background: #222222;
    position: relative;
    padding: 70px 0px;
    padding-right: 5%;
}
.gta-details-left h2{
    font-size: 75px;
    margin-bottom: 15px;
}
.gta-details-left p{
    font-size: 18px;
    max-width: 260px;
    line-height: 26px;
}
.gta-details .csrow {
    margin: 0;
}
.text-center{
    text-align: center;
}
.ms-auto{
    margin-left: auto;
}
.my20{
    margin: 20px 0px;
}
.gta-details .cscol-sm{
    flex: 0 0 306px;
    max-width: 306px;
}
.gta-details .cscol-md{
    flex: 0 0 calc(100% - 306px);
    max-width: calc(100% - 306px);
    padding-left: 68px;
}
.gta-details-right p{
    font-size: 25px;
    line-height: 30px;
    margin: 30px 0px;
    text-align: justify;
}
.gta-details-right .btn{
    min-width: 230px;
    margin-top: 20px;
}
.container-sm{
    max-width: 950px;
}
.gta-details-left img{
    display: inline-block;
}
.m-auto{
    margin: 0 auto;
}
.before-child{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 30%;
}
.bullets-lt{
    background:url('../images/bullets.png') left center no-repeat;
}
.gun-rt{
    background:url('../images/gun.png') right center no-repeat;
    left: auto;
    right: 0px;
    width: 70%;
}
/************* FOOTER **************/
.footer{
    padding: 90px 0px;
    background: #000000;
}
.footer p{
    font-size: 20px;
}
/************* /FOOTER **************/
/************* HOW IT'S MADE ************/
.darknav{
    background: #222222;
}
.banner-inner{
    background: #83c558;
}
.banner-inner .container{
    max-width: 100%;
    padding: 42px 15px;
    padding-bottom: 80px;
}
.banner-inner h2{
    font-size: 96px;
    margin-bottom: 40px;
}
.banner-inner h4{
    font-size: 50px;
    color: #F4E84D;
}
.banner-inner p{
    font-size: 25px;
    color: #222222;
    max-width: 402px;
    text-align: justify;
}
.vodkawrap{
    padding-right: 20px;
}
.vodkawrap {
    max-width: 90%;
    margin: 0 auto;
}
.cscol5{
    flex: 0 0 45%;
    max-width: 45%;
}
.cscol7{
    flex: 0 0 55%;
    max-width: 55%;
}
.stripbefore{
    position: absolute;
    left: 0px;
    width: 310px;
    bottom: 0px;
    height: 460px;
}
.bottom-strip{
    background: url("../images/bottomribben.png") no-repeat;
}
.top-strip {
    background: url('../images/topribben.png') no-repeat;
    right: 0px;
    bottom: auto;
    top: 0px;
    width: 685px;
    height: 348px;
    left: auto;
}
.banner-inner:before{
    position: absolute;
    right: 90px;
    top: 0px;
    bottom: 50px;
    left: 0px;
    content: "";
    background: url('../images/leaf.png') right bottom no-repeat;
}
/************* /HOW IT'S MADE ************/