@charset "utf-8";
/* CSS Document */




abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
* {
	margin: 0 auto;
	outline: 0;
	box-sizing: border-box;
	font-family: 'AGaramondPro-Regular', serif;
}
i, img {
	-khtml-user-select: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
	display: block
}
b, label {
	font-weight: 400
}
a, ins {
	text-decoration: none
}
* {
	outline: 0
}
li, b, i, label, span {
	vertical-align: middle;
	display: inline-block;
}
ins, mark {
	background-color: #ff9;
	color: #000
}
img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: 0;
	max-width: 100%;
	display: inline-block;
	margin: 0 auto;
}
i {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none
}
::selection {
	background: #003061;
	color: #fff
}
::-moz-selection {
background:#003061;
color:#fff
}
::-webkit-selection {
background:#003061;
color:#fff
}
::-o-selection {
background:#003061;
color:#fff
}
input, input[type=radio], input[type=checkbox] {
	margin: 0 auto;
	padding: 0
}
b {
	line-height: normal
}
.logo_row, .logo_row a, a {
	display: block
}
li, ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
a {
	color: #3e3e3e;
	cursor: pointer;
	display: block;
}
mark {
	font-style: italic;
	font-weight: 700
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
input[type=button], a {
	cursor: pointer
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}
textarea {
	resize: vertical
}
.clr_fix:after, .clr_fix:before, article:after, aside:after, footer:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after, header:after, section:after {
	content: "";
	display: block;
	clear: both
}
input[type="text"], select, textarea {
	font-family: 'EB Garamond', serif;
}
body {
	font-family: 'EB Garamond', serif;
	font-size: 13px;
	color: #333333;
}
i {
	font-family: 'FontAwesome' !important;
}
body, html {
	height: 100%;
}
.main_bg {
	background: rgba(0, 0, 0, 0) url("../images/img_desktop.jpg") no-repeat fixed left top / cover !important;
	position: relative;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	height: 100%;
	overflow: auto;
}
.main_bg:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.wrapper {
	margin: 0 auto;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 98%;
}
.art_2 > div {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 25px;
}
.art_2 * {
	color: #ffffff;
}
.art_2 h2 {
	display: block;
	font-size: 25px;
}
.art2_left {
	text-align: right;
	padding-right: 5%;
	border-right: 2px solid #ffffff;
}
.art2_right {
	text-align: left;
	padding-left: 5%;
}
.art_2 p span {
	display: block;
}
.art_2 p {
	font-size: 22px;
}
.art_3 * {
	color: #ffffff;
}
.art_3 h2 {
	display: block;
	font-size: 25px;
	text-decoration: underline
}
.art_3 h3 {
	display: block;
	font-size: 22px;
}
.art_3 p {
	font-size: 19px;
	padding-top: 15px;
}
.art_4 * {
	color: #ffffff;
}
.art_4 p span {
	font-weight: bold;
	padding-right: 10px;
}
.art_4 p {
	display: block;
	text-align: left;
	width: 300px;
	margin: 0 auto;
}
.art_4 p * {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}
.art_2 {
	padding: 30px 0;
}
.art_3 {
	padding-bottom: 25px;
}
.soci_link {
	position: absolute;
	right: 4%;
	top: 5%;
}
.soci_link a {
	display: inline-block;
	vertical-align: middle;
	padding-right: 25px;
}
.soci_link a img {
	width: 50px;
}

@media only screen and (min-width:768px) {
.art_3_1 {
	display: none !important;
}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.main_bg {
	background: rgba(0, 0, 0, 0) url("../images/tablet_bg.jpg") no-repeat fixed left top / cover !important;
}
}

@media only screen and (max-width:767px) {
.main_bg {
	background: rgba(0, 0, 0, 0) url("../images/mobile_bg.jpg") no-repeat fixed left top / cover !important;
	padding: 15px 0px !important;
}
.art_2 > div {
	display: block !important;
	text-align: center !important;
	padding-right: 0px !important;
	padding-left: 0px !important
}
.art_2 > div * {
	text-align: center !important
}
.art2_left {
	border-right: 0px !important;
}
.logo_row img {
	width: 150px !important;
}
.soci_link a {
	padding-right: 10px !important;
}
.soci_link a img {
	width: 30px !important;
}
.wrapper {
	padding: 20px 0 !important;
}
.art_2 h2, .art_3 h2 {
	font-size: 23px !important;
}
.art_2 p {
	font-size: 20px !important;
}
.art_3_1 {
	display: block !important;
	padding-top: 25px !important;
	padding-bottom: 0px !important;
}
.art_3.art_3_1 h3 {
	font-size: 18px !important
}
.art_3_2 h3 {
	display: none !important
}
.art_3 p {
	position: relative !important;
	padding-top: 25px !important;
}
.art_3 p:after {
	border-top: 2px solid #ffffff !important;
	content: "" !important;
	left: 10% !important;
	position: absolute !important;
	right: 10% !important;
	top: 14px !important;
}
}