body, html {
	color: #3a3d4f;
	font-family: 'Hind', sans-serif;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	margin:0px;
	padding:0px;
}
body, html {
	/*overflow-x: hidden;*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border:none; border-collapse:collapse }
a {
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px }
input, textarea, select, button {
	border-radius:0px;
	border:none;
	color:#3a3d4f;
	font-family: 'Hind', sans-serif;
	font-size: 14px;
	font-weight: 400;
	resize:none;
	outline: none;
}
::selection {
	background-color: #005dab;
	color: #fff;
}
::placeholder {
	color: #3a3d4f;
	opacity: 1;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
}

strong { font-weight: 600 }
.generalWrap {
	margin:auto;
	max-width:1100px;
}
@media only screen and (max-width:1156px) {
	.generalWrap { margin:0 28px }
}


/*-----------header-----------*/
header {
	background-color: #fff;
	height: 100px;
	left: 0;
	position: fixed;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 1000;
}
header.change {
	box-shadow: 0 0 30px rgba(40,40,40,.14);
	top: 0;
}
header .generalWrap {
	height: 100px;
}
header #logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
}
header #logo img {
	width: 188px;
}
header #navButton {
	color: #e79407;
	cursor: pointer;
	display: none;
	font-size: 1.7em;
	height: 44px;
	left: 12px;
	line-height: 50px;
	position: fixed;
	text-align: center;
	top: 13px;
	width: 44px;
	z-index: 2000;
}
header #closeMenu {
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 1.7em;
	height: 44px;
	left: 12px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 13px;
	width: 44px;
	z-index: 999999;
}

nav ul {
	display: grid;
	grid-template-columns: repeat(5,auto);
	justify-content: end;
}
nav ul a {
	color: #798289;
	display: block;
	font-size: 1.35em;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	margin-top: 25px;
	padding: 0 22px;
	text-align: center;
	transition:all 0.3s ease;
	user-select: none;
}
nav ul a:hover { color: #f8a518 }
nav ul a.current {
	color: #005dab;
}
nav ul a.current:before {
	background-color: #005dab;
	content: "";
	height: 12px;
	left: 50%;
	position: absolute;
	top: 43px;
	transform: translateX(-50%);
	width: 1px;
}
@media only screen and (max-width:1250px) {
	nav ul { padding-right: 50px }
}
@media only screen and (max-width:900px) {
	header { height: 70px }
	header .generalWrap { height: 70px }
	header #logo { left: 50%; transform: translate(-50%, -50%) }
	header #logo img { width: 118px }
	nav ul {
		background-color: rgba(0,93,171,.96);
		box-shadow: 0 0 40px rgba(255,255,255,.2);
		display: none;
		height: 100vh;
		left: 0;
		overflow-y: auto;
		padding: 64px 30px 44px 30px;
		position:fixed;
		top: 0;
		transform: initial;
		transition: initial;
		width:100%;
		z-index:20000;
	}
	nav ul a {
		color: #fff;
		display: block;
		font-size: 1.4em;
		height: initial;
		line-height: initial;
		margin-top: 0;
		padding: 12px 0;
		text-align: center;
	}
	nav ul a:hover,
	nav ul a.current {
		color: #fab339;
	}
	header #navButton,
	header #closeMenu { display: block }
}


/*-----------footer-----------*/
footer {
	padding: 50px 20px;
}
footer.inside {
	box-shadow: 0 0 30px rgba(40,40,40,.14);
}
footer .generalWrap {
	display: grid;
	grid-gap: 0 40px;
	grid-template-columns: 127px 1fr 1fr 1fr 1fr;
	justify-content: center;
}
footer p {
	color: #798289;
	font-size: 1.3em;
	font-weight: 500;
	text-align: center;
}
footer .pyme {
	border-right: 1px solid #fca715;
	grid-row: span 2;
	padding-right: 36px;
}
footer .location {
	border-top: 1px solid #fca715;
	display: grid;
	font-size: .9em;
	grid-column: span 4;
	grid-gap: 26px;
	grid-template-columns: repeat(2, 1fr);
	line-height: 1.65em;
	margin-top: 10px;
	padding-top: 20px;
}
footer .location i {
	color: #005dab;
	margin-right: 10px;
}
footer p a {
	color: #798289;
	display: block;
	transition:all 0.3s ease;
}
footer p a:hover {
	color: #005dab;
}
footer > .generalWrap > p i {
	color: #fca715;
	display: block !important;
	font-size: 1.4em;
	margin-bottom: 7px;
	transition:all 0.3s ease;
}
footer a:hover i { color: #005dab }
footer p img {
	width: 100%;
}
#policy {
	background-color: #fff;
	border-bottom: 13px solid #fca715;
	border-top: 1px solid #e4e4e4;
	color: #798289;
	font-size: 1.1em;
	font-weight: 500;
	padding: 12px 24px;
	text-align: center;
}
#policy a {
	color: #798289;
	padding-left: 6px;
	text-decoration: underline;
	transition:all 0.3s ease;
}
#policy a:hover {
	color: #005dab;
}
@media only screen and (max-width:800px) {
	footer { padding: 50px 0 }
	footer .generalWrap { grid-gap: 20px 40px; grid-template-columns: 127px 1fr 1fr }
	footer .location { grid-column: span 2; grid-gap: 16px; grid-template-columns: repeat(1, 1fr); margin-top: 0 }
	footer .pyme { grid-row: span 3 }
}
@media only screen and (max-width:580px) {
	footer .generalWrap { grid-gap: 14px 40px; grid-template-columns: 1fr }
	footer .location { grid-column: span 1 }
	footer .pyme {
		border-bottom: 1px solid #fca715;
		border-right: none;
		padding-bottom: 20px;
		padding-right: 0;
		text-align: center;
	}
	footer p img { margin: auto; max-width: 90px; width: initial }
	footer > .generalWrap > p i { display: inline !important; font-size: 1.2em; margin-bottom: 0; margin-right: 10px; top: 2px }
}


/*-----------misc-----------*/
.normalText h2 {
	color: #fff;
	font-size: 2.6em;
	font-weight: 300;
	line-height: 1.4em;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.normalText h2 span {
	border-bottom: 3px solid #6fb1c8;
}
.normalText h3 {
	font-size: 2.1em;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.normalText p {
	font-size: 1.35em;
	line-height: 1.55em;
	margin-bottom: 24px;
}
.normalText p:last-of-type {
	margin-bottom: 0;
}
.normalText p a {
	color: #3a3d4f;
	font-weight: 600;
	text-decoration: underline;
}
.col50 {
	display: grid;
	grid-gap: 0 20px;
	grid-template-columns: repeat(auto-fit,minmax(260px, 1fr));
}
.col33 {
	display: grid;
	grid-gap: 0 20px;
	grid-template-columns: repeat(3,1fr);
}

.msjError,
.msjSuccess {
	display: none;
	border-radius: 6px;
	font-size: 1.15em;
	font-weight: 500;
	margin-top: 30px;
	padding: 14px 22px;
}
.msjError i,
.msjSuccess i { margin-right: 12px }
.msjError {
	border: 1px solid #D33F00;
	color: #D33F00;
}
.msjSuccess {
	border: 1px solid #00B36B;
	color: #00B36B;
}
.mandatoryLegend {
	border-bottom: 1px solid #d2d1d1;
	border-top: 1px solid #d2d1d1;
	color: #798289;
	font-size: 1em;
	font-weight: 500;
	padding: 4px 0 7px 0;
	margin: 0 0 28px 0;
	text-align: center;
	z-index: 10;
}
.mandatoryLegend span {
	color: #D33F00;
	font-size: 1.2em;
	font-weight: 500;
	margin-right: 6px;
	top: 2px;
}
.embedContainer {
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embedContainer.map {
	border: 14px solid #fff;
	box-shadow: 0 0 0 1px #d2d1d1;
	padding-bottom: 110%;
}
.embedContainer iframe,
.embedContainer object,
.embedContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width:720px) {
	.col50,
	.col33 { grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width:580px) {
	.normalText h2 { font-size: 2.8em }
	.normalText h3 { line-height: 1.3em; font-size: 1.8em }
}


/*-----------generalForm-----------*/
.generalForm .title {
	color: #798289;
	display: block;
	font-size: 1.05em;
	font-weight: 500;
	margin-bottom: 2px;
}
.generalForm .title > i {
	color: #D33F00;
	display: inline-block;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 500;
	margin: 0 0 0 6px;
	line-height: 1em;
}
.generalForm input[type="text"],
.generalForm select,
.generalForm textarea {
	background-color: #fff;
	border: 1px solid #798289;
	border-radius: 4px;
	color: #3a3d4f;
	font-size: 1.14em;
	font-weight: 500;
	padding: 16px 20px;
	margin-bottom: 24px;
	width: 100%;
}
.generalForm textarea {
	overflow: hidden;
	overflow-y: auto;
}
.generalForm input[type="text"].error,
.generalForm textarea.error,
.generalForm select.error {
	border-color: #be5a49;
	box-shadow: 0 0 0 4px rgba(190,90,73,.3) !important;
}
.generalForm select {
	background-image: url(../img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.generalForm input[type="text"]:focus,
.generalForm select:focus,
.generalForm textarea:focus {
	box-shadow: 0 0 0 3px #daeeff;
}
.generalForm button[type="submit"] {
	background-color: #005dab;
	color: #fff;
	cursor: pointer;
	font-size: 1.15em;
	font-weight: 600;
	padding: 14px 30px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.generalForm button[type="submit"]:hover {
	background-color: #f8a518;
	color: #3a3d4f;
}

.generalForm .captcha {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
}
.generalForm .reload {
	color: #acacac;
	position: absolute;
	right: 124px;
	top: 46px;
	transition:all 0.3s ease;
}
.generalForm .reload:hover {
	color: #005dab;
}


/*-----------mainSlider-----------*/
#mainSlider {
	background-color: #fff;
	background-size: cover;
	background-position: center;
	margin-top: 100px;
	opacity: 0;
	transition: opacity 1s ease;
	visibility: hidden;
}
#mainSlider.slick-initialized {
	visibility: visible;
	opacity: 1;
}
#mainSlider .item {
	height: calc(100vh - 100px);
}
#mainSlider figure {
	background-size: cover;
	background-position: center top;
	border-bottom: 13px solid #fff;
	border-left: 13px solid #fff;
	border-right: 13px solid #fff;
	height: calc(100vh - 200px);
	position: absolute;
	transition:all .6s ease;
	top: 0;
	width: 100%;
	z-index: 10;
}

#mainSlider .textBox {
	background-color: #005daa;
	border-left: 13px solid #fff;
	border-right: 13px solid #fff;
	bottom: 0;
	height: 100px;
	left: 0;
	padding: 23px 20px 0 20px;
	position: absolute;
	transition:all .4s ease;
	z-index: 100;
	width: 100%;
}
#mainSlider .textBox h1 {
	color: #fff;
	font-size: 2.8em;
	font-weight: 500;
	line-height: 1.3em;
	text-align: center;
}
#mainSlider .textBox h1 span {
	background-color: #f7a518;
	height: 90px;
	margin: -50px 0 0 -30px;
	position: absolute;
	width: 6px;
}
#mainSlider .iq {
	bottom: 140px;
	left: 40px;
	position: absolute;
	width: 70px;
	z-index: 100;
}
@media only screen and (max-width:1368px) {
	#mainSlider .textBox { padding: 32px 20px 0 20px }
	#mainSlider .textBox h1 { font-size: 2.2em }
}
@media only screen and (max-width:1030px) {
	#mainSlider .item { height: initial }
	#mainSlider figure { border: none; height: initial; padding-bottom: 46%; position: relative }
	#mainSlider .textBox { border: none; height: initial; padding: 24px 28px; position: relative }
	#mainSlider .textBox h1 { font-size: 2em }
	#mainSlider .textBox h1 span { display: none }
}
@media only screen and (max-width:900px) {
	#mainSlider { margin-top: 70px }
}
@media only screen and (max-width:600px) {
	#mainSlider { background-color: #005dab }
	#mainSlider .textBox h1 { font-size: 1.6em }
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.internalBanner .slick-list {  /* fcc */
	border-radius: 40px 40px 0 0 !important;
}
.slick-list:focus { outline: none }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	position: relative;
}
[dir='rtl'] .slick-slide { float: right }
.slick-slide img { display: block !important }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none }

/* fcc */
.slick-dots { bottom: 20px !important }
.slick-dots li {
	margin: 0 4px !important;
}
.slick-dots li button:before {
	color: #fff !important;
	font-size: 19px !important;
	opacity: 1 !important;
	-webkit-text-stroke-width: 4px;
	-webkit-text-stroke-color: #fff;
	text-shadow: 0 0 10px rgba(20,20,20,0.2) !important;
}
.slick-dots li.slick-active button:before { color: #50bd84 !important }
.slick-dotted.slick-slider { margin-bottom: 0 !important }

.slick-next:before, .slick-prev:before {
	color: #005dab !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-size: 21px !important;
	opacity: 1 !important;
}
.slick-prev:before { content: "\f053" !important; margin-right: 2px  }
.slick-next:before { content: "\f054" !important; margin-left: 2px  }
.slick-next:hover:before, .slick-prev:hover:before { color: #fff !important }
.slick-next, .slick-prev {
	background-color: #fff !important;
	border-radius: 50%;
	bottom: 130px !important;
	height: 40px !important;
	top: initial !important;
	transform: initial !important;
	transition:all 0.3s ease !important;
	width: 40px !important;
	z-index: 10;
}
.slick-next:hover,
.slick-prev:hover {
	background-color: #005dab !important;
}
.slick-prev { left: initial !important; right: 90px !important }
.slick-next { right: 38px !important }
@media only screen and (max-width:660px) {
	.slick-next, .slick-prev { display: none !important }
}


/*-----------Magnific-----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #28313e;
	opacity: 0.6;
	filter: alpha(opacity=6);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	cursor: pointer;
	font-size: 1.1em;
	height: 38px;
	line-height: 38px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 38px;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #a8b1b6 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 0 10px 0;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 14px; padding-right: 14px; }
}


/*----------- modalBox -----------*/
.modalWindow {
	background: #fff;
	margin: 26px auto;
	max-width: 700px;
	padding: 52px 58px;
}
.modalWindow.v2 {
	max-width: 450px;
}
.modalWindow h2 {
	color: #005dab;
	font-size: 2.6em;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
}
.displayImg img {
	display: block;
	margin-bottom: 24px;
	width: 100%;
}
.displayImg img:last-of-type { margin-bottom: 0 }
@media only screen and (max-width:700px) {
	.modalWindow { padding: 28px 32px }
}


/*----------- categories -----------*/
.categories {
	border-left: 13px solid #fff;
	border-right: 13px solid #fff;
	margin-top: 13px;
	padding: 90px 0;
}
.categories:after {
	background-image: url(../img/pBanner.jpg);
	border-bottom: 13px solid #fca715;
	content: "";
	height: 330px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.categories h2 {
	padding: 0 28px;
	text-align: center;
	z-index: 100;
}
.categories .generalWrap {
	display: grid;
	grid-gap: 42px;
	grid-template-columns: repeat(3, 1fr);
	z-index: 100;
}
.categories img {
	box-shadow: 0 0 0 10px #fff;
	border-radius: 50%;
	transition:all 0.3s ease;
	width: 100%;
}
.categories a:hover img {
	transform: scale(1.05)
}
.categories p {
	background-color: #005dab;
	bottom: 40px;
	box-shadow: 0 0 0 1px rgba(255,255,255,.8);
	color: #fff;
	display: table;
	font-size: 1.8em;
	font-weight: 500;
	left: -10px;
	line-height: 1.2em;
	max-width: 226px;
	padding: 12px 24px 11px 24px;
	position: absolute;
	transition:all 0.3s ease;
}
.categories a:hover p {
	background-color: #f7a517;
}
.categories p span {
	bottom: -4px;
	color: #fca715;
	font-size: 1.4em;
	margin-right: .8px;
	position: relative;
	transition:all 0.3s ease;
}
.categories a:hover p span { color: #005dab }
.categories p em {
	font-size: .9em;
	font-style: normal;
}
@media only screen and (max-width:1020px) {
	.categories { padding: 60px 0 }
	.categories .generalWrap { grid-template-columns: repeat(1, 1fr) }
	.categories a { margin: auto; max-width: 338px }
}
@media only screen and (max-width:600px) {
	.categories { border: none; padding: 50px 14px }
	.categories h2 { font-size: 2.2em }
	.categories p { font-size: 1.6em; max-width: 206px }
}


/*----------- distributor -----------*/
.distributor {
	background-color: #f1f1f1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.distributor .img {
	background-size: cover;
	background-position: bottom;
	clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
}
.distributor .text {
	max-width: 600px;
	padding: 60px 46px 66px 46px;
}
.distributor .text h2 {
	color: #005dab;
	font-size: 2.2em;
	font-weight: 600;
	margin-bottom: 8px;
}
.distributor .text p {
	font-size: 1.22em;
	line-height: 1.8em;
}
.distributor .text a {
	background-color: #005dab;
	color: #fff;
	display: table;
	font-size: 1.15em;
	font-weight: 600;
	margin-top: 16px;
	padding: 9px 18px 8px 18px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.distributor .text a:hover {
	background-color: #f8a61a;
	color: #3a3d4f;
}
@media only screen and (max-width:1000px) {
	.distributor { grid-template-columns: repeat(1, 1fr) }
	.distributor .img { clip-path: initial; padding-bottom: 50% }
	.distributor .text { max-width: initial; padding: 40px 46px 46px 46px }
}
@media only screen and (max-width:600px) {
	.distributor .img { padding-bottom: 70% }
	.distributor .text { padding: 30px 28px }
}


/*----------- boxTitle -----------*/
.blueBox {
	background-color: #005dab;
	height: 13px;
	margin-top: 100px;
	width: 100%;
}
.blueBox:after {
	background-color: #d2d1d1;
	bottom: -5px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.mainTitle h1 {
	font-size: 3.3em;
	font-weight: 600;
	line-height: 1.3em;
	padding: 60px 28px 24px 28px;
	text-align: center;
}
.mainTitle.blue h1 {
	color: #005dab;
	padding: 60px 28px 8px 28px;
}
.mainTitle h1 span {
	color: #798289;
	display: block;
	font-size: .4em;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.mainDescription {
	margin: 0 auto 20px auto;
	max-width: 1056px;
	padding: 0 28px;
}
.mainDescription p {
	font-size: 1.3em;
	line-height: 1.4em;
}
.mainDescription.center {
	text-align: center;
}
@media only screen and (max-width:900px) {
	.blueBox { height: 6px; margin-top: 70px }
}
@media only screen and (max-width:700px) {
	.mainTitle h1 { font-size: 2.7em; line-height: 1.15em }
}
@media only screen and (max-width:600px) {
	.mainDescription p { font-size: 1.2em }
}


/*-----------mainText-----------*/
.textWrap {
	align-items: start;
	border-left: 1px solid #d2d1d1;
	display: grid;
	grid-gap: 100px;
	grid-template-columns: minmax(600px, auto) 220px;
	margin: 60px auto;
	max-width: 1020px;
	padding: 0 0 0 60px;
}
.mainText h1 {
	font-size: 3.2em;
	font-weight: 600;
	line-height: 1.15em;
	margin-bottom: 10px;
}
.mainText h1 .date {
	color: #798289;
	display: table;
	font-size: .4em;
	font-weight: 400;
	line-height: 1.3em;
	margin-bottom: 16px;
}
.mainText h2 {
	color: #005dab;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 4px;
	z-index: 10;
}
.pDetail .mainText h2 {
	font-size: 1.8em;
}
.mainText h2:before {
	background-color: #fca715;
	content: "";
	height: 4px;
	left: -32px;
	position: absolute;
	top: 15px;
	width: 18px;
}
.pDetail .mainText h2:before {
	display: none;
}
.mainText h2 + .sideImg,
.mainText h2 + h3 {
	margin-top: 30px
}
.mainText h2 + .sideImg.imgLeft,
.mainText h2 + .sideImg.imgRight {
	margin-top: 8px;
}
.mainText h3 {
	border-bottom: 1px solid #e79407;
	color: #e79407;
	display: table;
	font-size: 1.7em;
	font-weight: 500;
	line-height: 1.45em;
	margin-bottom: 4px;
}
.mainText h3.center {
	color: #005688;
	display: block;
	text-align: center !important;
}
.mainText > p {
	font-size: 1.25em;
	line-height: calc(1.5em + .2vw);
	margin-bottom: 20px;
	z-index: 10;
}
.mainText blockquote p:first-child:before { display: none }
.mainText > p:last-of-type {
	margin-bottom: 0
}
.mainText > p:last-of-type + ul,
.mainText > p:last-of-type + ol,
.mainText > p:last-of-type + .embedContainer,
.mainText > p:last-of-type + h3 {
	margin-top: 24px
}
.mainText > p:last-of-type + .sideImg,
.mainText > p:last-of-type + h6,
.mainText > p + h2,
.mainText .sideImg + h2 {
	margin-top: 40px;
}
.mainText > p a {
	color: #a27412;
	font-weight: 500;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText > p a:hover { color: #587f7c }

.mainText ul,
.mainText ol {
	counter-reset: myCounter;
	margin-bottom: 24px;
}
.mainText h2 + ul,
.mainText h2 + ol {
	margin-top: 16px;
}
.mainText h3 + ul,
.mainText h3 + ol {
	margin-top: 12px;
}
.mainText ul:last-of-type,
.mainText ol:last-of-type {
	margin-bottom: 0
}
.mainText ul:last-of-type + p,
.mainText ol:last-of-type + p {
	margin-top: 24px
}
.mainText ul:last-of-type + .sideImg,
.mainText ol:last-of-type + .sideImg {
	margin-top: 36px
}
.mainText ul:last-of-type + h2,
.mainText ol:last-of-type + h2,
.mainText ul:last-of-type + h3,
.mainText ol:last-of-type + h3,
.embedContainer + h2 {
	margin-top: 46px
}
.mainText ul:last-of-type + .embedContainer,
.mainText ol:last-of-type + .embedContainer {
	margin-top: 24px
}
.mainText ul > li {
	font-size: 1.25em;
	line-height: calc(1.5em + .2vw);
	padding: 0 0 8px 32px;
}
.mainText ul > li a {
	color: #005688;
	font-weight: 400;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText ul > li a:hover { color: #33a6e8 }
.mainText ul > li p {
	font-size: 1em;
}
.mainText ul > li:before {
	background-color: #005dab;
	border-radius: 2px;
	content: "";
	height: 8px;
	left: 10px;
	position: absolute;
	top: 9px;
	width: 8px;
}
.mainText ol > li {
	counter-increment: myCounter;
	font-size: 1.25em;
	line-height: calc(1.5em + .2vw);
	list-style: none;
	padding: 0 0 14px 32px;
}
.mainText ol > li:before {
	content: counter(myCounter)".";
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 22px;
}
.mainText ol > li a {
	color: #005688;
	font-weight: 400;
	text-decoration: underline;
	transition:all 0.3s ease;
}
.mainText ol > li a:hover { color: #33a6e8 }
.mainText ol > li > ul {
	margin-top: 12px;
}
.mainText ol > li > ul > li {
	font-size: 1em;
}
.mainText .embedContainer {
	margin-bottom: 24px;
	width: 100%;
}
.mainText iframe {
	width: 100%;
}

.sideImg {
	margin: 34px 0;
	width: 100%;
	z-index: 20;
}
.sideImg:before {
	background-color: #fca715;
	bottom: 0;
	content: "";
	height: 100px;
	position: absolute;
	right: -16px;
	width: 6px;
}
.sideImg:first-child {
	margin: 0 0 24px 0;
}
.sideImg.imgLeft,
.sideImg.imgRight {
	border: none;
	width: 48%;
}
.sideImg.imgLeft:before,
.sideImg.imgRight:before {
	display: none;
}
.sideImg.imgLeft:first-child,
.sideImg.imgRight:first-child {
	margin-top: 47px;
}
.sideImg.imgLeft:first-child + p,
.sideImg.imgRight:first-child + p {
	margin-top: 40px;
}
.sideImg.imgLeft {
	float: left;
	margin: 6px 24px 24px 0;
}
.sideImg.imgRight {
	float: right;
	margin: 6px 0 24px 24px;
}
.sideImg.imgLeft + p:after,
.sideImg.imgRight + p:after {
	content: "";
	clear: both;
	display: block;
}
.sideImg img {
	width: 100%;
}
.sideImg.imgLeft img,
.sideImg.imgRight img {
	left: 0;
	top: 0;
}

.mainText h6 {
	border: 1px solid #d2d1d1;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	font-size: 1.35em;
	font-weight: 500;
	line-height: 1.36em;
	margin-top: 16px;
	padding: 18px 26px 18px 50px;
	transition:all 0.3s ease;
	z-index: 10;
}
.mainText .whiteBlock + h6 {
	margin-top: 40px;
}
.mainText h6 a {
	color: #3a3d4f;
	transition:all 0.3s ease;
}
.mainText h6:hover a {
	color: #005dab;
	text-decoration: none;
}
.mainText h2 + h6,
.mainText h3 + h6 { margin-top: 24px }
.mainText h6:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	color: #005dab;
	font-size: .9em;
	left: 22px;
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
}
.mainText h6.symbol:after {
	content: "\f068";
	color: #f8a518;
}
.mainText h6.symbol a { color:#005dab }
.mainText blockquote {
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	display: none;
	padding: 0 26px 20px 50px;
}
.mainText blockquote p:first-child { margin-top: 0 }
.mainText blockquote p {
	font-size: 1.2em;
	margin-bottom: 18px;
}
.mainText blockquote p:last-of-type {
	margin-bottom: 0;
}
.mainText .h6line {
	background-color: #d2d1d1;
	display: block;
	height: 1px;
	z-index: 10;
}
.mainText .h6line + p {
	margin-top: 28px;
}
.mainText table {
	margin-bottom: 24px;
	width: 100% !important;
}
.mainText table th {
	background-color: #005dab;
	color: #fff;
	height: auto !important;
	padding: 9px 12px;
	width: auto !important;
}
.mainText table td {
	border: 1px solid #005dab;
	height: auto !important;
	padding: 9px 12px;
	width: auto !important;
}
.endbar {
	background: linear-gradient(139deg, rgba(147,133,104,1) 28%, rgba(39,86,102,1) 100%);
	height: 10px;
	opacity: .9;
	top: -4px;
}
@media only screen and (max-width:1080px) {
	.textWrap {
		border-left: none;
		grid-gap: 60px;
		grid-template-columns: 1fr;
		margin: 36px auto;
		padding: 0 28px;
	}
}
@media only screen and (max-width:1000px) {
	.mainText h1 { text-align: center }
	.mainText h1 .date { margin: 0 auto 16px auto }
}
@media only screen and (max-width:800px) {
	.sideImg:first-child { margin: 20px 0 24px 0 }
}
@media only screen and (max-width:740px) {
	body .mainText { font-size: .92em }
}
@media only screen and (max-width:650px) {
	.sideImg.imgLeft,
	.sideImg.imgRight { width: 100% }
	.sideImg.imgLeft { float: initial; margin: 6px 0 24px 0 }
	.sideImg.imgRight { float: initial; margin: 6px 0 24px 0 }
	.mainText h2 + .sideImg.imgLeft,
	.mainText h2 + .sideImg.imgRight { margin-top: 30px }
	.mainText table { display: grid; overflow-x: scroll }
}
@media only screen and (max-width:480px) {
	.mainText blockquote { padding: 0 26px 20px 26px }
}


/*-----------blocks-----------*/
.blocks {
	display: grid;
	grid-gap: 24px;
	margin-top: 121px;
	position: sticky;
	top: 124px;
}
.blocks a {
	border: 1px solid #d2d1d1;
	color: #005dab;
	padding:20px 20px 18px 20px;
	text-align: center;
	transition:all 0.3s ease;
}
.blocks a:hover {
	border-color: #f8a518;
	color: #e79407;
}
.blocks p {
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.2em;
}
.blocks i {
	font-size: 2.5em;
	margin-bottom: 12px;
}
@media only screen and (max-width:1080px) {
	.blocks { margin-top: 0 }
}


/*-----------toolbar-----------*/
#toolbar {
	align-items: center;
	display: grid;
	font-size: 1.1em;
	grid-gap: 14px;
	grid-template-columns: repeat(5, auto);
	justify-content: start;
	margin-bottom: 34px;
}
#toolbar p {
	font-weight: 500;
}
#toolbar a span {
	background-color: #fca715;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: .8em;
	height: 26px;
	line-height: 28px;
	text-align: center;
	top: -1px;
	transition:all 0.3s ease;
	width: 26px;
}
#toolbar a:hover span {
	background-color: #005dab;
}
#toolbar .divisor {
	color: #d2d1d1;
	padding: 0 10px;
}
#toolbar em {
	color: #798289;
	font-style: normal;
	font-size: .85em;
	font-weight: 500;
	margin-left: 4px;
	text-transform: uppercase;
	top: -1px;
}
@media only screen and (max-width:1000px) {
	#toolbar { justify-content: center }
	#toolbar .divisor { padding: 0 5px }
}
@media only screen and (max-width:600px) {
	#toolbar { grid-gap: 9px }
}


/*-----------productCat-----------*/
.greyBg {
	background-color: #f1f1f1;
}
.productCat {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
	margin: auto;
	max-width: 1156px;
	padding: 0 28px 80px 28px;
}
.productCat a {
	transition:all 0.3s ease;
}
.productCat a:hover {
	transform: scale(1.05);
}
.productCat a img {
	width: 100%;
}
.productCat a p {
	background-color: #fff;
	color: #005dab;
	display: grid;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.3em;
	min-height: 88px;
	padding: 12px 24px 11px 24px;
	text-align: center;
	transition:all 0.3s ease;
}
.productCat a:hover p {
	color: #e79407;
}
.productCat a p span {
	margin: auto;
}
.productCat a p span:before {
	background-color: #f7a518;
	content: "";
	height: 74px;
	margin: -50px 0 0 -16px;
	position: absolute;
	width: 2px;
}
@media only screen and (max-width:600px) {
	.productCat a:hover { transform: scale(1) }
}


/*-----------pList-----------*/
.pList {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(240px, 1fr));
	margin: auto;
	max-width: 1156px;
	padding: 0 28px 80px 28px;
}
.pList:before {
	background-color: #fff;
	bottom: 80px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.pList a {
	background-color: #fff;
	border-bottom: 1px solid #d2d1d1;
	padding: 24px 40px;
	transition:all 0.3s ease;
}
.pList img {
	transition:all 0.3s ease;
	width: 100%;
}
.pList a:hover img {
	transform: scale(1.05);
}
.pList h3 {
	color: #3a3d4f;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.3em;
	padding: 16px 22px 0 22px;
	text-align: center;
	transition:all 0.3s ease;
}
.pList h3:before {
	background-color: #d2d1d1;
	content: "";
	height: 14px;
	left: 50%;
	position: absolute;
	top: -5px;
	transform: translateX(-50%);
	width: 1px;
}
.pList a:hover h3 { color: #005dab }


/*-----------pDetail-----------*/
.pDetail {
	display: grid;
	grid-gap: 50px;
	grid-template-columns: 260px auto 250px;
	margin: auto;
	max-width: 1156px;
	padding: 60px 28px;
}
.pDetail figure {
	padding: 44px 20px 0 0;
}
.pDetail figure img {
	width: 100%;
}
.pDetail .related {
	border-left: 1px solid #d2d1d1;
	padding: 30px 0 0 40px;
}
.pDetail .related .relatedTitle {
	border-left: 3px solid #798289;
	color: #798289;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 30px;
	padding-left: 16px;
}
.pDetail .related a {
	display: block;
	margin-bottom: 30px;
}
.pDetail .related a img {
	margin: 0 auto 6px auto;
	max-height: 130px;
	max-width: 100%;
	transition:all 0.3s ease;
}
.pDetail .related a:hover img {
	transform: scale(1.05);
}
.pDetail .related a .title {
	color: #3a3d4f;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.3em;
	text-align: center;
	transition:all 0.3s ease;
}
.pDetail .related a:hover .title {
	color: #005dab;
}
@media only screen and (max-width:1130px) {
	.pDetail { grid-template-columns: 230px auto 220px }
}
@media only screen and (max-width:1000px) {
	.pDetail { grid-gap: 30px; grid-template-columns: 1fr }
	.pDetail figure { padding: 20px 0 0 0 }
	.pDetail figure img {
		margin: auto;
		max-width: 160px;
		width: initial;
	}
	.pDetail .related {
		border-left: none;
		border-top: 1px solid #d2d1d1;
		padding: 30px 0 0 0;
	}
}
@media only screen and (max-width:600px) {
	.pDetail { padding: 30px 28px }
	.pDetail .related .relatedTitle { border-left: none; padding-left: 0; text-align: center }
}


/*-----------breadcrumb-----------*/
#breadcrumb {
	margin-bottom: 4px;
}
#breadcrumb i {
	color: #f8a518;
	font-size: .8em;
	padding: 0 8px;
}
#breadcrumb a {
	color: #798289;
	font-weight: 500;
}
#breadcrumb a:hover,
#breadcrumb .current {
	text-decoration: underline;
}
#breadcrumb .current {
	cursor: default;
}
@media only screen and (max-width:1000px) {
	#breadcrumb { text-align: center }
}


/*-----------documents-----------*/
.documents { margin-top: 20px }
.documents a {
	border: 1px solid #d2d1d1;
	color: #3a3d4f;
	display: inline-block;
	font-size: 1.15em;
	font-weight: 600;
	margin-right: 10px;
	padding: 9px 14px 8px 14px;
	text-align: center;
	transition:all 0.3s ease;
}
.documents a:hover {
	border-color: #f8a518;
	color: #3a3d4f;
}
.documents a i {
	color: #f8a518;
	margin-right: 9px;
	transition:all 0.3s ease;
}
@media only screen and (max-width:740px) {
	.documents a { font-size: 1.08em }
}
@media only screen and (max-width:580px) {
	.documents { margin-top: 18px }
	.documents a { display: block; margin-right: 0 }
}


/*-----------paginator-----------*/
.paginatorPage {
	padding-bottom: 10px;
	text-align: center;
	top: -30px;
}
.paginatorPage a {
	border-radius: 2px;
	color: #3a3d4f;
	display: inline-block;
	font-size: 1.1em;
	margin: 0 1px;
	min-width: 32px;
	padding: 5px 12px 3px 12px;
	transition:all 0.3s ease;
}
.paginatorPage a:hover {
	background-color: #fff;
}
.paginatorPage .active a {
	background-color: #005dab;
	color: #fff;
	cursor: default;
	font-weight: 500;
}


/*-----------newsList-----------*/
.newsList {
	display: grid;
	grid-gap:60px 30px;
	grid-template-columns: repeat(auto-fill,minmax(256px, 1fr));
	margin: auto;
	max-width: 1156px;
	padding: 0 28px 60px 28px;
}
.newsList a {
	background-color: #fff;
	border-bottom: 2px solid #005dab;
	transition:all 0.3s ease;
}
.newsList a:hover {
	transform: scale(1.05);
}
.newsList a .img {
	background-size: cover;
	background-position: center;
	margin-bottom: 20px;
	padding-bottom: 60%;
}
.newsList a h2 {
	color: #005dab;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.2em;
	padding: 0 30px;
}
.newsList a p {
	color: #3a3d4f;
	font-size: 1.1em;
	padding: 0 30px 20px 30px;
}
.newsList a .date {
	color: #798289;
	display: table;
	font-size: 1.1em;
	margin-bottom: 6px;
	padding: 0 30px;
	top: -2px;
}


/*-----------contactWrap-----------*/
.contactWrap {
	display: grid;
	grid-gap: 50px;
	grid-template-columns: 60% auto;
	margin: auto;
	max-width: 1150px;
	padding: 0 28px 60px 28px;
}
@media only screen and (max-width:1040px) {
	.contactWrap { grid-template-columns: 50% auto }
}
@media only screen and (max-width:900px) {
	.contactWrap { grid-template-columns: 1fr }
}


/*-----------optionsMenu-----------*/
#accessBtn {
	background-color: #fff;
	border: 1px solid #d5d3d3;
	border-radius: 4px;
	color: #005dab;
	font-size: 1.6em;
	line-height: .9em;
	padding: 8px 10px;
	position: absolute;
	right: 20px;
	top: 28px;
	transition:all 0.3s ease;
}
#accessBtn span { display: none }
#accessBtn:hover {
	border-color: #005dab;
}
#optionsMenu {
	background-color: rgba(255,255,255,.97);
	border-left: 3px solid #e0e0e0;
	height: 100vh;
	padding: 40px;
	position: fixed;
	right: -310px;
	top: 0;
	width: 310px;
	z-index: 1000000;
}
#optionsMenu .title {
	color: #005dab;
	font-size: 1.7em;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
#optionsMenu .subtitle {
	font-size: 1.05em;
	font-weight: 500;
	margin-bottom: 6px;
	text-transform: uppercase;
}
#optionsMenu .subtitle:last-of-type {
	margin-top: 26px;
}
#optionsMenu a {
	color: #697572;
	display: block;
	font-size: 1em;
	font-weight: 400;
	padding: 7px 0;
	transition:all 0.3s ease;
}
#optionsMenu a:hover {
	color: #005dab;
}
#optionsMenu a.current {
	text-decoration: underline;
}
#optionsMenu a i {
	color: #f8a617;
	margin-right: 10px;
	transition:all 0.3s ease;
}
#optionsMenu a:hover i {
	color: #005dab;
}
#closeOptions {
	color: #aeaeae;
	cursor: pointer;
	font-size: 1.1em;
	padding: 9px 14px;
	position: absolute;
	right: 4px;
	top: 4px;
}
@media only screen and (max-width:900px) {
	#accessBtn { top: 15px }
}
@media only screen and (max-width:580px) {
	#optionsMenu { padding: 40px 30px; width: 282px }
}