/** FONTS **/
@font-face{
    font-family:"klavika-bold";
    src:url("../fonts/klavika-bold.otf") format("woff"),
    url("../fonts/klavika-bold.otf") format("opentype"),
    url("../fonts/klavika-bold.otf") format("truetype");
}

@font-face {
    font-family: 'FlamaBoldItalic';
    src: url('../fonts/FlamaBoldItalic.eot');
    src: url('../fonts/FlamaBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/FlamaBoldItalic.woff2') format('woff2'),
         url('../fonts/FlamaBoldItalic.woff') format('woff'),
         url('../fonts/FlamaBoldItalic.ttf') format('truetype'),
         url('../fonts/FlamaBoldItalic.svg#FlamaBoldItalic') format('svg');
}

@font-face {
    font-family: 'FlamaLight';
    src: url('../fonts/FlamaLight.eot');
    src: url('../fonts/FlamaLight.eot') format('embedded-opentype'),
         url('../fonts/FlamaLight.woff2') format('woff2'),
         url('../fonts/FlamaLight.woff') format('woff'),
         url('../fonts/FlamaLight.ttf') format('truetype'),
         url('../fonts/FlamaLight.svg#FlamaLight') format('svg');
}

@font-face {
    font-family: 'FlamaBold';
    src: url('../fonts/FlamaBold.eot');
    src: url('../fonts/FlamaBold.eot') format('embedded-opentype'),
         url('../fonts/FlamaBold.woff2') format('woff2'),
         url('../fonts/FlamaBold.woff') format('woff'),
         url('../fonts/FlamaBold.ttf') format('truetype'),
         url('../fonts/FlamaBold.svg#FlamaBold') format('svg');
}

@font-face {
    font-family: 'FlamaBasic';
    src: url('../fonts/FlamaBasic.eot');
    src: url('../fonts/FlamaBasic.eot') format('embedded-opentype'),
         url('../fonts/FlamaBasic.woff2') format('woff2'),
         url('../fonts/FlamaBasic.woff') format('woff'),
         url('../fonts/FlamaBasic.ttf') format('truetype'),
         url('../fonts/FlamaBasic.svg#FlamaBasic') format('svg');
}


/* for equal height */
.row-eq-height {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

.center-block {
	float:none;
}

.column-centered {
	margin:0px auto;
	float:none;
}

.flush {
	padding:0px;
}

.flush-left {
	padding-left:0px;
}

.flush-right {
	padding-right:0px;
}

.tablerow {
	display:table;
	width:100%;
	height:100%;
}

.tablecell {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

img {
	max-width:100%;
	display:inline-block;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	line-height:1;
}

label, .form-control {
   font-family: 'Roboto', sans-serif;
}

p {
    font-family: 'FlamaBasic';
	font-size:16px;
	font-weight:400;
	color:#222;	
	line-height:25px;
}

.link:hover {
   color:#21283d !important;
}

h1 {
    font-family: 'FlamaLight';
	font-size:80px;
	color:#222;
	font-weight: 400;
	margin:0px;
}


h4 {
	font-size:25px;
    font-family: 'FlamaBoldItalic';
	color:#222;
	font-weight: normal;
	margin:0px;
}


h2 {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-weight:400;
	line-height:1.2;
	color:#000;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size:35px;
	font-weight:500;
	line-height:1.2;
	color:#000;
}


h5 {
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	line-height:1.2;
	color:#000;
}

h6 {
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	line-height:1.5;
	color:#000;
}

.btn-default {
	background: #222222;
	width: auto;
	height:46px;
	border-radius: 0px;
	border:0px;
	padding:0px 40px 0px 20px !important;
	display: inline-block;
	clip-path: polygon(0 0, 80% 0, 100% 99%, 0% 100%);
	line-height: 46px;
    font-family:"klavika-bold";
	color: #FFC107 !important;
	font-size:18px !important;
	letter-spacing: 1px;
}

.navbar-default .navbar-nav>li>a {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}

img {
	max-width:100%;
}

.pr-100 {
	padding-right: 100px;
}

.pl-50 {
	padding-left: 50px;
}

.vh100 {
	height: 100%;
}

.mt-100 {
	margin-top:100px;
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background:#fff;
	border:0px;
}

.navbar-default {
	background:transparent;
	min-height:57px;
	border:none;
	border-radius:0px;
	margin:0px;
}

.navbar-brand {
	padding:1px 0px;
}

.navbar-brand img {
	display:inline-block;
}

.navbar-right {
	margin-right:0px;
}

.navbar-nav>li {
	margin-top:0px;
}

.navbar-nav>li>a {
	color:#fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 8px;
}

.navbar-default .navbar-nav>.active>a{
	color: #000;
	background: #FFC107;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover {
    color: #000;
	background: #FFC107;
}

a, a:hover, a:focus {
	color:inherit;
	text-decoration:none;
}

/* Main Styles */
.navbar {
	background:#222;
	min-height: 100px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background:transparent;
}

.navbar-header {
	background: url(/static/images/pistol/logo-bg.png) top right no-repeat;
	background-size:cover;
	width:20%;
	min-height: 100px;
	line-height: 100px;
	text-align: right;
}

.navbar-brand {
	float: right;
	height: 100px;
	line-height: 100px;
	padding-right: 95px;
}

.navbar-default .navbar-nav>li>a {
	padding:0px 15px;
	line-height: 100px;
	font-size:16px;
	color: #FFC107;
	text-transform: uppercase;
    font-family:"klavika-bold";
}

.navbar-default .navbar-nav>li.icons {
	margin-left: 75px;
}

.banner {
	background:#FFC107 url(/static/images/pistol/bg-banner.png) 0% 50% no-repeat;
	background-size:contain;
	padding:200px 0px 40px 0px;
}

.banner h4 {
	margin-bottom: 15px;
}

.banner h1 {
	margin-bottom: 35px;
}

.banner h1 sup {
	font-size:11px;
	font-family: 'FlamaBasic';
	position: relative;
	top:10px !important;
	vertical-align: top;
}

.banner .btn-default {
	margin-bottom:90px;
}

.banner p {
	font-family: 'FlamaLight';
	font-size:12px;
	color:#222;
	margin:0px;
	letter-spacing: 2px;
}

.banner h4, .banner h1, .banner .btn-default, .banner p {
	margin-left:20px !important;
}

.video {
	padding:0px;
	position:relative;
}

.video button {
	border:none;
	background:none;
	font-family: 'FlamaLight';
	font-size:13px;
}

.video button img {
	margin-right:10px;
}

#polina, #polina-2 {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	text-align:center;
}

video {
	object-fit: cover;
	width: 100%;
}

.videoBox {
	height: 700px;
}


.after-burner {
	background:#222222;
	padding:100px 0px 50px 0px;
}

.after-burner .yellow-c {
	color:#ffc107;
	letter-spacing:4px;
	font-size: 28px;
}

.after-burner .white-c {
	color:#fff;
	letter-spacing:4px;
	font-weight:normal;
	font-family: 'FlamaLight';
	text-transform: uppercase;
}

.after-burner h3 {
	margin-bottom:15px;
}

.after-burner h4 {
	margin-bottom:60px;
}

.after-burner .space-side {
	padding:0px 50px;
}

.after-burner p {
	color:#fff;
}

.futured {
	padding-bottom:70px;
}

.futured h4 {
	color:#ffc107;
	letter-spacing:4px;
	font-family:"klavika-bold";
	font-style:normal;
	margin-top:40px;
	margin-bottom:10px;
	
}

.futured ul {
	padding-left:0px;
}

.futured ul li {
	list-style:none;
	display:inline-block;
	width:100%;
	color: #fff;
	font-size:16px;
	line-height:25px;
	padding: 6px 34px;
	background: url(/static/images/pistol/arrow.png) 0px 8px no-repeat;
    background-size: 16px 20px;
    font-family: 'FlamaBasic';
}

.after-burner .space-side h5 {
	color:#ffc107;
	font-size:18px;
	margin:30px 0px;
}

.border-right {
	border-right:2px solid #ffc107 !important;
}

.after-burner .shop-now {
	padding-top:30px;
}

.after-burner .shop-now a {
	color:#ffc107;
	font-size:18px;
	font-family: "klavika-bold";
}

.after-burner .btn-default {
	background:#ffc107;
	color:#222222 !important;
}

.video.yt {
	background:#ffc107;
}

.slider { 
	width:100%; 
	margin: 0 auto;
	padding: 0;
}

.slider img{
	width: 100%;
	height: auto;
}


.armory {
	background:#ffc107 url(/static/images/pistol/bg_back_to_top.png) bottom center no-repeat;;
	padding:125px 0px 125px 0px;
	position: relative;
}

.armory h6 {
	background:#222222;
	padding:5px 40px 5px 10px;
	font-size:13px;
	color:#ffc107;
	display:inline-block;
    font-family: 'FlamaBold';
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
	margin-bottom: 30px;
}

.armory h3 {
	font-size:50px;
	color:#222;
	text-transform: uppercase;
    font-family: 'FlamaBasic';
	margin-bottom: 25px;
}

.armory a {
	font-family: 'FlamaBold';
	font-size:13px;
	font-weight: bold;
	margin-top: 40px;
	display: inline-block;
	color: #222;
}

.armory .back-to-top {
	position: absolute;
	bottom:10px;
	margin-left: 180px;
}

.armory .back-to-top h6 {
	margin: 0px;
	background:transparent;
}

.footer {
	background:#222222;
	padding:65px 0px;
}

.footer h3 {
	font-family: 'FlamaBold';
	font-size:25px;
	color:#fff;
	text-transform: uppercase;
}

.footer p {
	color:#fff;
    font-family: 'FlamaBasic';
	font-style: italic;
	font-size: 11px;
} 

.footer form {
	margin-top: 65px;
	margin-bottom: 65px;
}

.footer input {
	background:#444444;
	padding:0px 30px;
	line-height: 80px;
	height: 80px;
	border-radius: 0px;
	border: 0px;
	font-size: 12px;
	color: #999999;
    font-family: 'FlamaBasic';
}

.footer input[type="submit"] {
	background:#333333;
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
	width: 100%;
	color: #ffc107;
	font-size:16px;
	text-transform: uppercase;
	font-family: 'FlamaBold';
}

.footer input[type="submit"]:hover {
	background:#000;
}

.footer .socials p {
	font-size:10px;
    font-family: 'FlamaBasic';
	color:#fff;
	font-style: normals;
}

.footer .socials a {
	color:#ffc107;
	font-size:18px;
	margin-right: 10px;
}

.footer .footerlinks {
	margin:0px;
	padding: 0px;
}

.footer .footerlinks li {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding:0px;
}

.footer .footerlinks a {
	color:#ffc107;
	font-size:13px;
	font-family: 'klavika-bold';
}

.footer .shortlinks {
	margin: 60px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width:100%;
	text-align: center;
}

.footer .shortlinks li {
	display:inline-block;
	margin: 0px 13px;
	color:#fff;
	font-size:11px;
    font-family: 'FlamaBasic';
}

.footer .shortlinks a {
	color:#fff;
	font-size:11px;
    font-family: 'FlamaBasic';
}

.footer .shortlinks .yl a {
	color: #ffc107;
}

hr { background:#fff; }

.video {
    background:#fff;
}

.mt-50{
	margin-top: 50px;
}

.desk-flex{
	display: inline-flex !important;
}

@media only screen and (max-width:767px) {
    .after-burner .space-side {
        padding:0px 20px !important;
    }

    .carousel-nav .carousel-cell {
        width: 200px !important;
        height: 100px !important;
    }
   
	.banner {
		background-position: bottom left !important;
		padding: 50px 0px 300px 0px;
		background-size: auto 40%;
	}

	.banner .btn-default {
		margin-bottom:20px !important;
		}

    .banner h1 {
        font-size:60px;
    }

    .futured .row-eq-height {
        display:flex !important;
    }

    .after-burner .shop-now a {
        font-size:14px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.banner {
		background-position: left center !important;
		padding:20px 0px 20px 0px;
		background-size: 50% auto;
	}
	.banner h1 {
	font-size:40px;
	margin-bottom:10px;
	}
	.banner h1 sup { top:-20px;}
	.banner h4 { font-size:18px;}
	.banner .btn-default { margin-bottom:15px;}
}

@media only screen and (min-width:768px) and (max-width:998px) {
    .carousel-nav .carousel-cell {
        width:200px;
        height: 100px;
    }  

    .banner {
		background-size: auto 100% !important;
		background-position: top left !important;
		padding: 50px 0px 20px 0px !important;
	}

	.banner h4, .banner h1, .banner .btn-default, .banner p {
		margin-left:20px !important;
	}
	
	.banner h1, .banner .btn-default {
		margin-bottom:20px !important;
	}

	.banner h1 sup {
		top: -30px;
	}

    .banner h1 {
        font-size:50px !important;
    }

    .banner .btn-default {
        margin-bottom: 50px;
    }

	.tab-flex {
        display:flex !important;
    }
}