@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500&subset=latin-ext');

/* http://meyerweb.com/eric/tools/css/reset/ */
/* Eric Meyer reset tool | v1.0 | 20080212 */

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%;
	vertical-align:baseline;
	background:transparent;
}

/* Remove the outline from all a elements */
a:hover,
a:active,
a:focus {
	outline: 0;
}
/* 
 * Developed by www.acidartstudio.com
 * Non-commercial use only, please contact me at office@acidartstudio.com, before trying to use this code in a commercial application
*/
html,
body {
  height: 100%;
}

body {
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	color:#000000;
}
h1, h2, h3, h4 {
	font-family: 'Titillium Web', sans-serif;
	color:#004EA8;
	padding:10px 0;
}
h1 {
	font-size:30px;
	font-weight:normal;
}
h2 {
	font-size:22px;
	font-weight:bold;
}
h3 {
	font-size:19px;
	font-weight:normal;
}
h4 {
	font-size:17px;
	font-weight:normal;
}

p {
	padding:0 0 10px 0;
}
a, a:focus {
	color:#004EA8;
	text-decoration:none;
}
a:hover, a.active {
	color:#0061B7;
	text-decoration:underline;
}
h1 a, 
h2 a, 
h3 a, 
h1 a:hover, 
h2 a:hover, 
h3 a:hover  {
	text-decoration:none;
}
ul {
	list-style-position:inside;
	list-style-image: url('../images/li.svg');
}
table p {
	padding:0;
}
table h2 {
	padding:0;
}
.input-append input[type=text] {
	height:20px;
}
table h3 {
	padding:0;
	font-size:20px;
}
table h3 a {
	padding:0;
	font-size:21px;
}
article {
	width:100%;
	float:left;
	padding:0 0 10px 0;
	text-align:justify;
}
article img {
	position:relative;
	float:left;
	padding:4px;
	margin:0 10px 0 0;
}
article:nth-child(even), article:hover {
}
ul + h1, ol + h1, p + h1, table + h1,
ul + h2, ol + h2, p + h2, table + h2,
ul + h3, ol + h3, p + h3, table + h3,
ul + h4, ol + h4, p + h4, table + h4,
ul + h5, ol + h5, p + h5, table + h5,
ul + h6, ol + h6, p + h6, table + h6 {
	padding:10px 0 10px 0;
}
sup {
	font-size:60%;
}

/* Structure */
.wrapper {
  min-height:100%;
  height:auto;
}
.logo {
	width:180px;
	height:71px;
	position:relative;
	float:left;
	margin:0 0 10px 15px;
	background:url('../images/logo.svg') no-repeat;
}
.center {
	padding:15px 15px 30px 15px;
	margin-bottom:45px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#FFFFFF;
	border-radius: 0px 0px 8px 8px;
}

/* Header */
header {
	color:#0061B7;
	background:#FFFFFF;
	padding:10px 0 0 0;
}
.inline-ul {
	list-style-type: none;
	list-style-image:none;
    margin:0;
    padding:0;
    /*overflow:hidden;*/
}
.inline-ul li {
	float:left;
	margin:0 40px 0 0;
}
/*
.inline-ul li:after {
	margin:0 20px 0 20px;
	content: "|"
}
.inline-ul li:last-child:after {
	margin:0;
	content: ""
}
*/
.inline-ul li:last-child {
	float:left;
	margin:0;
}
.navigation {
	min-height:60px;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	background:#0061B7;
	border-bottom:5px solid #FFC500;
}
header a {
	color:#0061B7;
}
header a:hover {
	color:#0061B7;
	text-decoration:none;
}
header .badge {
	vertical-align:top;
}
header .dropdown > .dropdown-menu > li > a {
	/*padding-top:10px;
	padding-bottom:10px;*/
}

/* Footer */
footer {
	padding:30px 0;
	color:#004EA8;;
	background:#FFC500;
}
footer > .container {
    padding-left:15px;
    padding-right:15px;
}
footer a {
	color:#004EA8;
}
footer a:hover {
	color:#004EA8;
	text-decoration:underline;
}
footer a, 
footer h1, 
footer h2, 
footer h3 {
	color:#004EA8;
}
footer h2 {
	font-size:30px;
	font-weight:normal;
}
footer ul li {
	padding:0;
}
.bottom-footer a {
	color:#FFFFFF;
}
.bottom-footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.social-share {
	text-align:right;
}
.social-share img {
	margin:0;
}
.social-share .btn {
	margin:-17px 0 0 0;
}
.nested-levels {
	padding:0 0 0 15px;
	list-style-image: url('../images/li.png');
}
/* Carousel */
.carousel {
	margin:0;
}
.carousel a {
	text-decoration:none;
}
/* Full width regardles of the resolution */
.carousel-inner>.item>img, 
.carousel-inner>.item>a>img {
	display: block;
	width: 100%;
}
.slides-container {
	min-height:900px;
	background-repeat:no-repeat;
	background-position:center;
}
.slide-title {
	font-size:80px;
	text-align:left;
	color:#FFFFFF;	
	text-transform:uppercase;
	text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
}
.slide-description {
	font-size:40px;
	text-align:left;
	color:#333333;
	background:#FFFFFF;
	opacity:0.8;
}
.slide-link {
	margin:30px 0 0 0;
	padding:10px;
	font-size:20px;
	font-weight:normal;	
	color:#FFFFFF;
	text-decoration:none;
	background:#004EA8;
}
.slide-link:hover {
	background:#FFC500;
}

/* Sidebar */
aside h1 {
	padding:0 0 10px 0;
}

/* Modal */
.modal h1, 
.modal h2, 
.modal h3 {
	color:#000000;
}
.modal, .modal table a {           
	color:#333333;
}
.modal-dialog {
    width:700px;
}

.form-response {
	display:block;
	font-size:11px;
	color:#FF0000;
}
.form-response.success {
	color:#009900;
	padding-left:16px;
}
.form-response.error {
	color:#FF0000;
	padding-left:16px;
}

/* Pagination */
.pagination span a {
	text-decoration:none;
}

/* Blog */
article {
	float:left;
	padding:0 0 20px 0;
}
article img {
	position:relative;
	float:left;
	padding:4px;
	margin:0 10px 0 0;
}

/* Comments */
.comment {
	margin:10px 0;
}
.comment h2 a:hover {
	font-size:15px;
}

/* Forum */
.forum h1,
.forum h2,
.forum h3,
.forum p {
	padding:0 0 10px 0;
}
.forum {
	margin:0px;
	border-top:1px solid #DDDDDD;
	padding:10px 0;
}
.forum:hover {
	background:#F9F9F9;
}
.forum:nth-child(1) {
	background:#F9F9F9;
}
.forum:last-child {
	border-bottom:1px solid #DDDDDD;
}

/* Dynamic content DIV */
.dynamic-content {
	clear:both;
}

.dynamic-content p {
	padding:0;
	text-align:justify;
}
.dynamic-content ul, 
.dynamic-content ol {
	padding:0;
	list-style-position: inside;
}
.dynamic-content td, 
.dynamic-content thead {
	border:#DDDDDD solid 1px;
}
.dynamic-content h1,
.dynamic-content h2 {
	text-align:left;
}

/*  Miscellaneous */
.image-ratio {
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 100% ; /* % of width, defines aspect ratio*/ 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
}
.statistic-block {
	max-width:100%;
	min-width:100%;
	padding:10px;
	margin-bottom: 20px;
	border:1px solid #0061B7;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align:center;
	color:#FFFFFF;
	background:#0061B7;
	text-decoration:none;
}
.statistic-block:hover {
	border:1px solid #0061B7;
	background:#FFFFFF;
	color:#0061B7;
	text-decoration:none;
}
.small-form input[type=text] {
	height:23px;
}
.small-form select {
	height:25px;
	padding:2px;
	font-size: 12px;
}
.small-form .btn {
	height:24px;
	padding:2px 5px;
}
.tiny-text {
	font-size:11px;
}
.small-text {
	font-size:13px;
}
.medium-text {
	font-size:15px;
}
.large-text {
	font-size:21px;
}
.extra-large-text {
	font-size:25px;
}
.condensed-text {
	font-family: 'Oswald', sans-serif; 
}
.large-header-text {
	font-size:25px;
}
.medium-header-text {
	font-size:16px;
}
.strikethrough-text {
	text-decoration: line-through;
}
.text-justify {
	text-align:justify;
}
.text-center {
	text-align:center;
}
.inline-img {
	position:relative;
	float:left;
}
.inline {
	vertical-align:middle;
	display:inline;
}
.inline img {
	position:relative;
	float:left;
	margin:0 20px 0 0;
}
.horizontal-separator {
	width:100%;
	height:10px;
	position:relative;
	float:left;
}
.clear {
	clear:both;
}
.no-padding {
	padding:0;
}
.no-li {
	list-style:none;
}

.centered {
	float:none;
    margin:0 auto;
}
.transparent {
	background:transparent;
}
.contact-list > tbody > tr > td  {
	padding:0px;
	border: 0 none;
}
.margin-top {
	margin-top:10px;
}
.border {
	 border: 1px solid #CBCBCB;
}

/* Colors */
.white {
	background:#FFFFFF;
}
.red {
	background:#B81D1E;
}
.green {
	background:#B01C27;
}
.orange {
	background:#FFC500; 
}
.gray {
	background:#F2F2F2;
}
.white-text {
	color:#FFFFFF;
}
.gray-text {
	color:#999999;
}
.red-text {
	color:#CC0000;
}
.blue-text {
	color:#004EA8;
}
.orange-text {
	color:#FFC500;
}
.green-text {
	color:#009900;
}
.disabled-link {
	cursor:not-allowed;
    background-image: none;
    opacity: 0.35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
}

/* Google Maps container */
#map_canvas {
	width:auto;
	height:400px;
	border-radius:10px;
}
/* Custom */
#slides-background-file-manager-modal .modal-content,
#slides-button-file-manager-modal .modal-content
{
	width:1000px;
}

/* Custom */
.homepage h1 {
	font-size:40px;
	font-weight:normal;
}
.homepage h2 {
	font-size:25px;
	font-weight:normal;
}

/* Backend */
a, a:hover, h1, h2, h3, h4, h5, h6 {
	text-decoration:none;
}
ul {
	padding:0;
	list-style-position:inside;
}
.content-editor {
	width:100%;
	height:400px;
}
.sortable-row:hover {
	background:url('../images/move_icon.png') no-repeat right;
}
.uppercase {
	text-transform:uppercase;
}
.top-header {
	margin:15px 0 0 0;
}
.top-header .dropdown {
	margin-top:8px;
}
.homepage-block {
	padding:70px 0;
	font-size:18px;
}
.homepage-block h1 {
	padding:0 0 70px 0;
}
.blue-background {
	min-height:600px;
	background:#0061B7;
	background-image:url('../images/blue_background.svg');
	background-image:url('../images/blue_background.svg'), radial-gradient(ellipse at center, #0071F4 0%,#00408A 100%);
	background-repeat:no-repeat;
	background-position:center center;
	display:flex;
    align-items: center;
	border-top:5px solid #FFC500;
	border-bottom:5px solid #FFC500;
}
.blue-background h1,
.blue-background h2,
.blue-background h3,
.blue-background p,
.blue-background a {
	color:#FFFFFF;
}
.slide-center-cropped {
	object-fit:none; /* Do not scale the image */
	object-position:center; /* Center the image within the element */
	width:100%;
	height:900px;
}
.homepage-image {
	object-fit:none; /* Do not scale the image */
	object-position:center; /* Center the image within the element */
	width:100%;
	height:400px;
}
/* Side strokes */
.homepage .side-strokes {
	line-height: 0.3;
	text-align: center;
}
.homepage .side-strokes span {
	display: inline-block;
	position: relative;  
}
.homepage .side-strokes span:before,
.homepage .side-strokes span:after {
	content: "";
	position: absolute;
	height: 15px;
	border-bottom: 1px solid #004EA8;
	border-top: 1px solid #004EA8;
	top: 0;
	width: 100px;
}
.blue-background .side-strokes span:before,
.blue-background .side-strokes span:after {
	content: "";
	position: absolute;
	height: 15px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	top: 0;
	width: 100px;
}
.homepage .side-strokes span:before {
	right: 100%;
	margin-right:15px;
}
.homepage .side-strokes span:after {
	left: 100%;
	margin-left:15px;
}

/* Media queries */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.modal {
		height: auto !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 0;
		width: 100%;
		height: auto !important;
		position: static;
		border: 0 none;
		overflow-y: hidden !important;
	}
	p {
		padding:0;
	}
	body {
		font-size:9.4px;
		font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}
	hr {
		color:#000000;
	}
}

@media screen and (max-width: 767px) {
    body { 
		padding-top: 0px; 
	}
	.slide-title {
		font-size:35px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.slide-description {
		font-size:25px;	
	}
	.slide-link {		
		font-size:17px;		
	}
	.homepage-block {
		padding:30px 0;
	}
	.homepage-block h1 {
		padding:0 0 30px 0;
	}
	.homepage .side-strokes span:before,
	.homepage .side-strokes span:after {
		content: "";
		position: absolute;
		height: 15px;
		border-bottom: 1px solid #004EA8;
		border-top: 1px solid #004EA8;
		top: 0;
		width: 10px;
	}
	.blue-background .side-strokes span:before,
	.blue-background .side-strokes span:after {
		content: "";
		position: absolute;
		height: 15px;
		border-bottom: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		top: 0;
		width: 10px;
	}
	.logo {
		width:100%;
		background-position:center;
	}
	.logo-img {
		display:block; 
		margin:auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.large-header-text {
		font-size:16px;
	}
	.medium-header-text {
		font-size:14px;
	}
}
@media screen and (max-width: 1199px) {
	.logo {
		width:100%;
		background-position:center;
	}
	.logo-img {
		display:block; 
		margin:0 auto;
		margin-top:10px;
	}
	.dynamic-content img {
		width:100%;
	}
	.social-share {
		text-align:center;
	}
	
}