@charset "utf-8";

/* CSS Document */



/* 	-----------------------------------------------------

	------------------- General Styles ------------------

	----------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}

audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}

audio:not([controls]) {display:none;}

	

* {margin:0; padding:0; outline:none;



  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}



blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after,  {content:''; content:none;}

:focus {outline:0;}

ins {text-decoration:none;}

del {text-decoration:line-through;}

table {border-collapse:collapse; border-spacing:0;}





a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; }



img {width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}

input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}

textarea {overflow:auto; vertical-align:top;}



body {margin:0; padding:0px 0px 0px 0px; font-family: 'Lato', sans-serif; font-weight:400; color:#000; line-height:normal;  font-size:14px; /*border-top:30px solid #5875a3;*/ background:url(../images/page-bg.jpg) center 0 no-repeat; background-size:cover; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}
.image-left{ float:left; width:auto; margin:0 30px 24px 0;}
.image-right{ float:right; width:auto; margin:0 0 24px 30px;}
/* ------------- web fonts -------------*/

/* -------------/ web fonts ------------*/



a{ text-decoration:none; }



.clearfix {

  *zoom: 1;

}

.clearfix:before,
.clearfix:after {

  display: table;

  line-height: 0;

  content: "";

}

.clearfix:after {

  clear: both;

}

/* web font section*/
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* - */
/*===================background section===========================*/

.header-sec{margin:0 auto; padding:0; height:auto; width:100%; background:#eeeeee; border-bottom:10px solid #444444;}
.header-sec .container{ max-width:1120px; height:auto; margin:0 auto; padding:10px 2%;}
.header-sec .logo{ float:left; width:26%; height:auto; margin:0; padding:0; text-align:center;}
.header-sec .header-nav{ float:right; width:70%; margin:0 auto; padding:28px 0;}
.header-sec .header-nav #menu-primary-navigation{ float:left; width:66%;}
.header-nav ul{ list-style:none; margin:0; padding:0; text-align:right;}
.header-nav ul li{ display:inline-block; color:#444444; font-size:16px; line-height:30px; font-weight:400; position:relative; margin:0 10px; padding:0;}
.header-nav ul li a{ color:#444444; padding:0; -webkit-transition: 1s;	-moz-transition: 1s; transition: 1s;}
.header-nav ul li a:hover, .header-nav ul li.selected a{ text-decoration:none; color:#ff8001;}
.header-nav li ul {
	display:none;
	height:auto;
	position:absolute; top:100%;
	z-index:99999!important;
	width:auto;
	min-width:200px;
	padding:0;
	margin-left:0;
	margin-top:0;
	padding:0px 0px 10px 0px;
	background:#1b3866;
	-webkit-box-shadow: -1px 10px 12px -3px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: -1px 10px 12px -3px rgba(0, 0, 0, 0.46);
	box-shadow: -1px 10px 12px -3px rgba(0, 0, 0, 0.46);
}
.header-nav li:hover ul {
	display:block;
}
.header-nav li li {
	display:block;
	float:none!important;
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
	text-transform:none !important;
	background:none!important;
}
.header-nav li ul a {
	display:block;
	padding:7px 12px!important;
	margin:0!important;
	font-size:15px !important;
	
	height:auto!important;
	line-height:18px!important;
	color:#f4d711 !important;
}
.header-nav li ul a:hover {
	color:#fff!important;
}
.header-nav ul li:hover ul li a, .header-nav ul li ul li a.selected {
	background:none;
}
.header-nav li ul li a {
	border:none!important;
}
.header-nav li:hover ul ul, .header-nav li:hover ul ul ul, .header-nav li:hover ul ul ul ul {
	display:none;
	top:0;
	left:100%;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border:1px solid #dadada;
}
.header-nav li:hover ul, .header-nav li li:hover ul, .header-nav li li li:hover ul, .header-nav li li li li:hover ul {
	display:block;
}

.slicknav_menu {
	display:none;
}
 @media screen and (max-width:959px) {
 .js #menu-primary-navigation {
 display:none;
}
 .js .slicknav_menu {
 display:block;
}
}

.display-section{ width:100%; height:auto; margin:0 auto;}
.display-section .container{ max-width:1120px; height:auto; margin:0 auto; padding:46px 2%;}
.display-section h1{ color:#d60606; font-size:48px; font-weight:900; line-height:52px; margin:0 0 20px; text-align:center; text-transform:uppercase;}
.display-section h2{ color:#444; font-size:32px; font-weight:900; line-height:48px; margin:0 0 20px; text-align:center;}
.display-section .product{ float:left; width:50%; text-align:center; position:relative;}
.display-section .product .author{ max-width:220px; position:absolute; bottom:6%; right:18%; color:#444; font-size:16px; font-weight:400;}
.display-section .side-block{ float:right; width:50%; text-align:center; padding:0;}
.display-section .side-block .box{ width:100%; height:auto; margin:0 auto; background:#f4ede0; border:2px solid #ffdaa1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:40px 3% 20px;}
.display-section .side-block .box h3{ color:#d60606; font-size:32px; font-weight:900; line-height:38px; margin:0 0 38px; text-align:center; text-transform:uppercase; border-bottom:4px solid #d60606;}
.display-section .side-block .box h4{ color:#444; font-size:38px; font-weight:900; line-height:44px; margin:0 0 50px; text-align:center;}
.display-section .side-block .box h5{ text-align:center; margin:0 0 64px;}
.display-section .side-block .box .safe{ width:80%; margin:0 auto; background:url(../images/lock.png) 0 0 no-repeat; text-align:center; color:#444; font-size:16px; font-weight:400;}


.footer-section{ width:100%; height:auto; margin:0 auto; text-align:center; padding:30px 2%; color:#444; font-size:16px; font-weight:500;}