/* RESET */

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{background: transparent; border: 0; margin: 0; padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


/* FRAMEWORK */

*{box-sizing: border-box;}
html, body{font-family: urw-din, sans-serif; -webkit-text-size-adjust: none}
body {overflow-x: hidden; line-height: 1.42857;}
::-moz-selection{background: #1982d1; color: #fff; text-shadow: none} ::selection{background: #1982d1; color: #fff; text-shadow: none}

a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.container.cf {width: 95%; max-width: 1400px; margin: 0 auto;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* HEADER */

.header-container{width: 100%; padding: 1.25em 0; border-top: 25px solid #133c8b; border-bottom: 10px solid #fdc500;}
.header-inner img.logo {width: 100%; height: auto; max-width: 475px; padding: 5px 10px; box-sizing: border-box;}
.header-inner {display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.header-inner .last {text-align: right;}
.header-inner .last i {padding: 10px; border-radius: 50px; color: #fff; background: #133c8b; font-size: 16px;}
.header-inner .last a {font-weight: 700; font-size: 30px; display: inline-flex; align-items: center; flex-wrap: nowrap;}
.header-inner .column8 a {display: flex; align-items: center;}

/* Mobile Menu Toggle */
.off-canvas-container {position: relative;}
.off-canvas-inner {position: relative; width: 100%; display: block; overflow: hidden;}
.off_canvas {
    position: relative;
    height: 100vh;
    max-height: 100%;
	background: url('/siteart/silver-bg.png') center repeat; background-size: cover;
	position: fixed;
    overflow-x: hidden;
    top: 0;
    z-index: 1;
}
.off_canvas_content.is_open,
.off_canvas_content.open_right.is_open {
    filter: blur(3px);
    position: fixed;
    width: 100%;
}
.off_canvas_content.is_open {transform: translateX(300px);}
.off_canvas_content.open_right.is_open {transform: translateX(-250px);}

.position_left,
.position_right {
    width: 300px;
    overflow-y: auto;
}
.position_left {transform: translateX(-300px); left: 0}
.position_right {transform: translateX(300px); right: 0;}

.position_left.is_open,
.position_right.is_open {
    transform: translateX(0px);
    z-index: 999999;
    -webkit-box-shadow: 2px 0 20px -4px #111;
    box-shadow: 2px 0 20px -4px #111;
	background: #111;
}

.off_canvas_content,
.off_canvas_content.is_open,
.position_left,
.position_left.is_open,
#off_canvas_cover.is_open,
#off_canvas_cover,
.position_right.is_open,
.position_right {
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

/* Close Btn */
.close {
    background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 15px;
    display: block;
	border: none;
}
.close:hover {
    cursor: pointer;
    background: url(../siteart/close.png) no-repeat 50% 50% / 20px transparent;
}
#off_canvas_cover,
#off_canvas_cover.is_open {
    transform: rotate(0);
}
#off_canvas_cover {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(255, 255, 255, .65);
    opacity: 0;
}
#off_canvas_cover.is_open {opacity: 1; visibility: visible; z-index: 9999;}

/* Mobile Menu */
.off_canvas header {background: transparent; padding: 0px; position: relative; top: 0;}
.off_canvas h2 {color: #fff; text-align: left; font-size: 1.5em; margin: 10px 15px;}

/* Menu Main */
.menu-main-container {}
.menu-main-container ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align: center;
	position: relative; 
	z-index: 999; 
	background: #000; 
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
	margin-top: -6px;
}
.mobile-nav ul {margin: 0; padding:0; list-style: none;}
#menu-main a {
    position: relative;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #fdc605;
    padding: 20px;
    box-sizing: border-box;
	text-align: center;
}
#menu-main a:hover {background:#111; color: #fff!important;}
#menu-main li {position: relative; display: inline-block;}

/* Main Sub-Menu */
#menu-main ul {
	position: absolute;
	white-space: nowrap;
	z-index: 9999999;
	left: -99999em;
	background: black;
	text-align: left;
}
#menu-main li ul li { display:block; }
#menu-main ul li a:hover { color: #fff; }
#menu-main > li:hover > ul {left: auto; min-width: 100%;}
#menu-main > li li:hover > ul {left: 100%; margin-left: 1px; top: -1px;
}
#menu-main ul.sub-menu a {font-size: 13px; padding: 15px 20px; text-align: left;}
.mobile.button {display: none;}
.mobile-nav #mobile-menu-main {border-top: 1px solid #fff;}
.mobile-nav #mobile-menu-main li {width: 100%;position: relative;}
.mobile-nav #mobile-menu-main li a:hover {background-color: #094fa3;}
.mobile-nav #mobile-menu-main a {
    width: 100%;
    color: #fff;
    min-height: 45px;
    display: inline-block;
    text-decoration: none;
    padding: 10px 0 10px 5%;
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #fff;
	box-sizing: border-box;
}

/* Mobile Sub-Menu */
.mobile-nav #mobile-menu-main .large {display: none;}
.mobile-nav #mobile-menu-main ul {
    position: relative;
    z-index: initial;
    left: 0;
    background: transparent;
    text-align: left;
    width: 100%;
    padding: 0px;
    display: none;
}
.mobile-nav ul li ul li a {padding: 10px 0;}
.mobile-nav ul li a:hover {color: #fff !important;}

/* First Dropdown */
.mobile-nav #mobile-menu-main>li li:hover>ul {
    left: 0px;
}
/* Second Dropdown */
.mobile-nav #mobile-menu-main>li>.sub-menu li a {
    margin: 0 0 0 5%;
}
/* Third Dropdown */
.mobile-nav #mobile-menu-main>li>.sub-menu>li>ul.sub-menu li a {
    margin: 0 0 0 10%;
}
/* Fourth Dropdown */
.mobile-nav #mobile-menu-main>li>.sub-menu>li>ul.sub-menu>li>ul.sub-menu li a {
    margin: 0 0 0 15%;
}
/* Fifth Dropdown */
.mobile-nav #mobile-menu-main>li>.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu li a {
    margin: 0 0 0 20%;
}

/* Mobile Btn */
.mobile-nav li button.mobile_btn {
    height: 45px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: #999;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    border: none;
	box-sizing: border-box;
}

.mobile-nav li button.mobile_btn:hover {cursor: pointer}
.mobile-nav button.mobile_btn::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../siteart/mobile_arrow.png) no-repeat center center / 10px;
    width: 100%;
    height: 100%;
}
.mobile-nav li button.mobile_btn.active {background: #666;}
.mobile-nav li button.mobile_btn.active::after,
.close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* FOOTER */

.footer{width: 100%; border-top: 25px solid #133c8b;}


/* MEDIA QUERIES (RESPONSIVE) */

@media screen and (max-width: 1024px){			
	
	.column4, .column8 {margin: 0 auto!important; width: 100%!important; padding: 0!important;}
	.header-inner .column8 a {justify-content: center;}
	.header-inner {justify-content: center; flex-wrap: wrap; text-align: center;}
	.header-inner .last {text-align: center;}
	.header-inner .last a {font-size: 24px; margin-top: .5em;}
	.header-inner .last i {font-size: 14px;}
	
	.off_canvas {display: block;}
    .mobile.button {
        display: block;
		background: #000!important;
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		width: 100%;
		position: relative;
		border: none;
		cursor: pointer;
		padding: 10px!important;
		border-radius: 0;
		box-sizing: border-box;
		margin: 0 auto;
		height: auto!important;
		text-align: left;
    }
    .menu-main-container {display: none;}	
}

@media screen and (max-width: 767px){	
}