@charset "utf-8";
@import 'fonts.css';
@import 'reset.css';
@import 'grid.css';
@import 'remove-parent-style.css';
@import 'icons.css';

html{
  font-family:PragmaticaLightC;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:subpixel-antialiased !important;
}

/*********************
PAGE LAYOUT
*********************/
*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100% !important;height:100%;font-family:Arial, sans-serif}
body{letter-spacing:-.02em;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;font-family:"Proxima Nova Thin";}
a{cursor:pointer}
.container{display:flex;flex-direction:column;min-height:100vh}
.footer{background-color:#1A2238;color:white;text-align:center}
.footer{flex-shrink:0;padding:0}
.main-content{flex-grow:1;background-color:#f4f4f4}
.main_area{width:1400px;max-width:100%;clear:both;margin:0 auto;position:relative;padding:0 1%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.col{vertical-align:middle;display:inline-block}

.section,
.col-full,
.menu-footer-menu-container,
.content-start{width:1400px;max-width:100%;clear:both;margin:0 auto;position:relative;padding:0 1%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}



/*********************
HEADER
*********************/
#landing-white{background:transparent;padding:1rem 0;position:fixed;z-index:999;width:100%}
	.web-logo-menu-button{height:3.6em}
	.nav-utility-phone{text-align:right;padding-top:.4rem}
	.nav-utility-phone a{margin:0.3em 0;line-height:1.5em;padding:0 0 0 30px;display:inline-block;vertical-align:top;position:relative;text-decoration:none;font-size:1.4rem}
	.nav-utility-phone a::before{content:'';position:absolute;left:0;background-image:url('../img/2022-ico-ph2.svg');background-repeat:no-repeat;background-size:1.625em;background-position:left center;width:1.625em;height:1.625em}
	
	.nav-utility-phone a,
	.nav-utility-phone a::before{color:#000}
	
	.nav-utility-phone a:hover{color:#000}
	.nav-utility-phone a:hover:before{background-image: url('../img/2022-ico-ph2-hover.svg');}

	.nav-utility-phone:hover .h-phone-info{visibility:visible;opacity:1;top:calc(100% + 10px)}
	.h-phone-info-triangle{display:inline-block;border:10px solid transparent;border-bottom:10px solid #fff;position:absolute;height:10px;width:10px;top:-20px;left:45%}
	.h-phone-info{background:#fff;box-shadow:4px 4px 20px rgba(0,0,0,.4);color:#222;padding:0 20px 20px;border-radius:6px;position:absolute;transition:all .15s linear;transition-delay:.1s;opacity:0;visibility:hidden;width:200px;left:71%;top:calc(100% + 10px);transform:translateX(-50%);text-align:center;z-index:999}
	.h-phone-mode{padding-top:20px}
	.h-phone-mode-b{font-weight:bold;margin-bottom:10px}
	.h-phone-mode-t{line-height:1.6;font-size:13px;font-size:.8125rem}
	
	.header-fix{background-color:#fff !important;-webkit-box-shadow:0px 5px 5px -5px rgba(178, 181, 184, 0.6);-moz-box-shadow:0px 5px 5px -5px rgba(178, 181, 184, 0.6);box-shadow:0px 5px 5px -5px rgba(178, 181, 184, 0.6);}



/*********************
FOOTER
*********************/
footer{flex-shrink:0;border-bottom:1em solid rgb(0,74,114)}

	/*********************
	FOOTER NAVIGATION
	*********************/
	.footer-up-line{background-color:#333333}
	.footer-up-line ul.menu{margin:1em 0;padding:0;display:inline-block;width:100%}
	.footer-up-line ul.menu li{padding:.5em 0.7em;float:left;width:auto;display:inline-block}
	.footer-up-line ul.menu li a:hover{color:#fff}
	
	#menu-footer-menu li a{font-weight:lighter;color:#999;text-decoration:none;border-bottom:1px dashed #9d9d9d;font-size:1em;transition:.5s ease}
	#menu-footer-menu li a:hover{color:#fff;border-bottom:1px dashed #fff}
	
	.footer-column{color:#fff;padding:0;background-color:#272727}
	.footer-column h6{font-size:1.4em;margin:1em 0 0.4em 0;color:#fff}
	.site-footer .footer-column a,.catalouge a{color:#fff !important;text-decoration:none !important;transition:.5s ease;text-decoration:none;display:inline-block}
	.site-footer .footer-column p{margin:0 0 1.41575em;line-height:1.5em}
	.site-footer .footer-column p a:hover,.catalouge a:hover{border-bottom:1px dashed #9d9d9d;color:#9d9d9d !important}
	.site-footer a.icon-hover:hover{text-decoration:none;color:#9d9d9d !important}
	.site-footer .fa-youtube{font-size:2em}
	div.copyright{height:100%;display:block/* ruby*/;text-align:center}
	
 	.ico-telegram{width:1.6em;margin:0 .5em}
 	.ico-vk{width:1.6em;margin:0 .5em}
 	
 	.booklet{display:block;padding:1em 0}
 	.catalouge{display:block;line-height:1.5em;padding:1em 0}
 	.catalouge .pdf{background-repeat:no-repeat;display:block;float:left;padding:0 1em 0 0;width:2em;height:20px;background-image:url('/img/file-pdf2.png');background-position-y:4px}



/*********************
Styles for the HERO IMAGE - R8 X Ultemate Hunter
*********************/
.main_area-first,
.main_area{width:100%;max-width:1400px;clear:both;margin:0 auto;position:relative;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.fullscreen-bg{position:relative}

.overlay-r8x{background:url('../img/individual/r8x/sergei-a--heLWtuAN3c-unsplash.jpg') center}
.overlay-rxs{background:url('../img/individual/for-butt-rxs.jpg') center}
.overlay-r8-interceptor{background:url('../img/individual/r8-interceptor/red-deer-green-background-deer-rut-nature-habitat.jpg') center}

.overlay{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;position:relative;padding:6em 0 3em 0;height:75vh;width:100%;display:inline-table}
.overlay::after{content: "";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.65);}

.main_area-first{padding:10vh 1% 0 1%}
.hero{z-index:8;position:inherit}
.hero img.attachment-post-thumbnail{width:100%;height:auto}
.main_area{padding:3% 1% 0 1%}
.overlay-text{width:85%}
.hero .overlay-text h1{font-size:5rem;padding-bottom:1rem;color:#000;margin-top:5%;text-transform:uppercase;font-weight:400;font-style:normal}



/*********************
CONTENT AREA
*********************/
.content{padding:3% 0;color:#2a2b2f;margin-top:0;margin-bottom:0;font-size:1.325rem;font-weight:400;line-height:1.9rem;letter-spacing:0.015rem}
.title-96{font-family:"IBM Plex Sans",sans-serif;margin-bottom:.5em;color:#2a2b2f;font-size:3em;font-weight:500;line-height:4.25rem}
.title-red{color:red;top:-15px;position:relative}

.font-h2-display{color:#2a2b2f;margin-top:0;margin-bottom:0;font-family:"BebasNeuePro-Bold",sans-serif;font-size:3.25em;font-weight:400;line-height:1}

.entry-content p,
.entry-content ul,
.gallery{padding-bottom:2rem}

.entry-content ul{padding-left:1em}

.gallery .gallery-item{width:33%;display:inline-block}
.gallery .gallery-item .gallery-icon{padding:.5em}
.gallery .gallery-item .gallery-icon img{width:100%;height:auto;border:1px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}

div.title-box-sidebar{border-bottom:2px solid #e8e8e8;text-transform:uppercase;text-align:left;font-size:1.2em;line-height:1.5em;margin:0}
div.title-box-sidebar span{background-color:#e8e8e8;color:#666;padding:3px 10px 0 10px;font-weight:100;font-family:"ProximaNova-Regular";display:inline-block}

section{background-color:#fff}
table.shop_attributes{width:100%}
table.shop_attributes th{width:55%;padding:0.2em 0.6em}
table.shop_attributes tr:nth-child(odd){background:#fff}
table.shop_attributes tr:nth-child(even){background:#f2f2f2}



/*********************
MOBILE DEVICES
*********************/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.footer-up-line{display:none}
	
	#landing-white{padding:0}
	a.logosvg{display:block;text-align:center}
	.nav-utility-phone{display:none}
	
	.overlay{height:60vh}
	.overlay-text{width:90%}
	.hero .overlay-text h1{font-size:2.34em}
	
	.main_area{padding:3% 0 0 0}
	.title-96{font-size:1.3em;line-height:1.295em}
	.font-h2-display{font-size:1.45em;line-height:1.12em}
	.title-red{top:-6px}
	
	.gallery .gallery-item{width:100%}
	
	div.title-box-sidebar{font-size:.8em}
	table.shop_attributes{font-size:.9em;text-align:left}
	
	.order-phone{padding-bottom:2em}
	
	footer .span_4_of_12{padding:0 1em}
}

@media only screen and (max-device-width: 926px)
									 and (orientation: landscape) {
	#landing-white{padding:0.1em 0}
	.web-logo-menu-button .span_3_of_12{width:40%}
	.web-logo-menu-button .span_6_of_12{width:20%}
	.web-logo-menu-button .span_3_of_12{width:40%}
	
	.overlay{padding-top:3em}
	.hero .overlay-text h1{font-size: 3.4em}
	
	.title-96{font-size:2em;line-height:1.25em}
	.font-h2-display{font-size:2.25em}
	.title-red{top:-10px}
}