/*

COLORS:

-------

#0b4696 2,63,135 primary

*/

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

/* --------------------------------- STYLES ---------------------------------- */

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









body {
	position: relative;
	color: #000000;
	line-height: 1.6;
	font-family: "Open Sans 400", Arial, sans-serif;
}

@media (max-width:991px) {
	body {
		padding-bottom: 60px;
	}

}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #0b4696;
}

a:hover {
	rgba(2, 63, 135, 0.8);
}

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline: 0;
}

strong,
b {
	font-family: "Open Sans 700";
	font-weight: normal;
}

.highlight {
	color: #0b4696;
}

hr {
	border-top: 2px solid #EDF3F7;
}

.nav-collapse a{font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400;}



/* Sections 
================================================ */
/*@media (min-width:1600px) {
	.container { width: 1400px; }
}*/
section { margin: 0; padding: 50px 0; text-align: center; width: 100%; position: relative; }
header { position: fixed; min-height: 90px; }
header + section { padding-top: 160px }
header > .container { position: relative; }
.bg-illu { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; }
.bg-illu2 { background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; position: relative; }
.bg-white { background-color: #ffffff; }
.bg-light { background-color: #CBD8E6; }
.bg-dark { background-color: #0b4696; }

.section-start2 {z-index:1; }
.startlink{margin-top:2rem; margin-bottom:2rem;}

@media (max-width:991px) {
	.section-start2 {padding: 50px 0; margin-top:90px; text-align:left; padding-right:25vw;}
	header + section.section-start2 {padding-top: 50px; }
}
@media (max-width:1199px) {
	.bg-illu2 { background-position: 80% 50%;  }
}
@media (min-width:992px) {
	.section-start2 {padding: 100px 0; margin-top:90px;}
	header + section.section-start2 {padding-top: 100px;}
}
@media (min-width:1025px) {
	header {min-height: 110px; }
	.section-start2 {margin-top:110px;}
}
@media (min-width:1200px) {
	section {padding: 100px 0; }
	header + section {padding-top: 210px }
	.section-start {padding: 200px 0; }
	header + section.section-start {padding-top: 310px; }
	.bg-lines {padding-bottom: 0; }
	.section-start2 {padding: 125px 0; margin-top:110px;}
	header + section.section-start2 {padding-top: 125px; }
}
@media (min-width:1800px) {
	.section-start2 {padding: 200px 0;}
	header + section.section-start2 {padding-top: 200px;}
}

/* Typo
================================================ */
body {
	font-size: 14px;
}

h1 {
	font-size: 24px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2;
	/*font-family: 'Frutiger LT W01_65 Bold1475746';*/
}

h2 {
	font-size: 20px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2; /*font-family:'Frutiger LT W01_45 Ligh1475730';*/
}

h3 {
	font-size: 18px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2; /*font-family:'Frutiger LT W01_45 Ligh1475730';*/
}

h4 {
	font-size: 15px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2; /*font-family:'Frutiger LT W01_45 Ligh1475730';*/
}

h5 {
	font-size: 13px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2; /*font-family:'Frutiger LT W01_45 Ligh1475730';*/
}

h6 {
	font-size: 11px;
	color: #0b4696;
	margin: 0 0 1em 0;
	line-height: 1.2; /*font-family:'Frutiger LT W01_45 Ligh1475730';*/
}

p {
	margin: 0 0 1em 0;
}

.introtext,
.bodytext {
	font-size: 16px;
	/*font-family: 'Frutiger LT W01_45 Ligh1475730';*/
	font-family:"Open Sans 400";
	font-weight:normal;
}

.text-blue {
	color: #0b4696!important;
}

.text-light {
	color: #ffffff;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light ul,
.text-light ol {
	color: #ffffff;
}

.text-dark {
	color: #000000;
}

.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6 {
	color: #0b4696;
}

.text-dark p,
.text-dark ul,
.text-dark ol {
	color: #000000;
}

@media (min-width:768px) {
	body { font-size: 15px; }
	h1 { font-size: 32px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px; }
	.introtext,
	.bodytext { font-size: 18px; }
}

@media (min-width:1200px) {
	body { font-size: 16px; }
	h1 { font-size: 75px; }
	h2 { font-size: 54px; }
	h3 { font-size: 32px; }
	h4 { font-size: 20px; }
	.introtext,
	.bodytext { font-size: 22px; }
}

/* Buttons

================================================ */
.btn {
	position: relative;
	-moz-user-select: none;
	background-image: none;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	/*font-family: "Frutiger LT W01_55 Roma1475738";*/
	font-family:"Open Sans 400";
	font-weight:normal;
	font-size: 16px;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 10px 55px 9px 15px; /*height:41px;*/
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}

.btn + .btn {
	margin: 0 0 0 10px;
}

.btn:hover,
.btn:focus,
.btn.focus {
	color: #0b4696;
	text-decoration: none;
}

.btn:active,
.btn.active {
	background-image: none;
	box-shadow: none;
	outline: 0 none;
}

/*.btn-default {background-color:#cbd8e6; color:#0b4696; }

.btn-default:after {font-family:"gbn"; font-size:12px; color:#ffffff; text-align:center; content:"\e901"; background:#0b4696; width:35px; height:35px; padding:9px 0 0 0; display:inline-block; vertical-align:middle; position:absolute; top:3px; right:3px; }

.btn-default:hover:after {color:#0b4696; background:#cbd8e6; }

.btn-default:hover {background-color:#0b4696; color:#ffffff; }*/
.bg-light .btn-default {
	background-color: #ffffff;
	color: #0b4696!important;
}

.bg-light .btn-default:after {
	font-family: "gbn";
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	content: "\e901";
	background: #0b4696;
	width: 35px;
	height: 35px;
	padding: 9px 0 0 0;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 3px;
	right: 3px;
}

.bg-light .btn-default:hover:after {
	color: #0b4696;
	background: #cbd8e6;
}

.bg-light .btn-default:hover {
	background-color: #0b4696;
	color: #ffffff!important;
}

.bg-dark .btn-default {
	background-color: #cbd8e6;
	color: #0b4696!important;
}

.bg-dark .btn-default:after {
	font-family: "gbn";
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	content: "\e901";
	background: #0b4696;
	width: 35px;
	height: 35px;
	padding: 9px 0 0 0;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 3px;
	right: 3px;
}

.bg-dark .btn-default:hover:after {
	color: #0b4696;
	background: #cbd8e6;
}

.bg-dark .btn-default:hover {
	background-color: #ffffff;
	color: #0b4696!important;
}

.btn-lg {
	padding: 13px 75px 13px 15px;
	font-size: 22px;
	height: auto;
}

.btn-lg:after {
	font-size: 24px !important;
	width: 53px !important;
	height: 53px !important;
	top: 2px !important;
	right: 2px !important;
}

@media (max-width:1199px) {
	.btn-lg {
		font-size: 16px;
		padding: 10px 55px 9px 15px;
	}

	.btn-lg:after {
		font-size: 12px !important;
		width: 35px !important;
		height: 35px !important;
		top: 3px !important;
		right: 3px !important;
	}

}

.btn-block {
	white-space: normal;
}

/* Forms
================================================ */
form {
	text-align: left;
}

.customform {
	padding: 3em 0;
}

.customform .form-group {
	margin-bottom: 16px;
}

.customform .form-control {
	display: block;
	width: 100%;
	height: 41px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000000;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none;
}

.customform input,
.customform button,
.customform select,
.customform textarea {
	/*font-family: 'Frutiger LT W01_45 Ligh1475730';*/
	font-family:"Open Sans 400";
	font-weight:normal;
}

.customform textarea {
	height: auto !important;
}

@media (min-width:1200px) {
	.customform .form-group {
		margin-bottom: 32px;
	}

	.customform .form-control {
		height: 57px;
		padding: 6px 12px;
		font-size: 22px;
	}

}

/* Reset list 
================================================ */
.resetlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.resetlist li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Logo 
================================================ */
.logo {
	float: left;
	margin-top: 25px;
	position: relative;
	top: auto;
	right: auto;
	/*width: auto;*/
	/*width: 220px;*/
}

.logo img {
    width: 138px;
    height: 46px; 
}

@media (min-width:1025px) {
	.logo {
		float: none;
		margin-top: 0;
		position: absolute;
		top: 30px;
		right: 0;
		/*width: 301px;*/
	}

	.logo img {
		width:190px;
        height: 64px; 
	}

}

/* Toolbar 
================================================ */
.toolbar {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
}

.toolbar ul {
	width: 100%;
}

.toolbar ul li {
	border-left: 2px solid #98d0ee;
	text-align: center;
	line-height: 60px;
	float: left;
	width: 25%;
}

.toolbar ul li:first-child {
	border-left: none;
}

.toolbar ul li a {
	display: block;
	width: 100%;
	height: 60px;
	background: #41A1DA;
	position: relative;
}

.toolbar ul li a:hover {
	background: #0b4696;
}

.toolbar img {
	width: auto;
	max-width: 27px;
	height: auto;
	max-height: 27px;
}

.toolbar .shadow {
	background: #41A1DA;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.toolbar .shadow:before {
	position: absolute;
	width: 100%;
	height: 20px;
	content: ' ';
	left: 10px;
	bottom: 11px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 15px 22px rgba(2, 37, 81, 0.5);
	z-index: -1;
}

@media (min-width:992px) {
	.toolbar {
		top: 260px;
		right: 0;
		bottom: auto;
		left: auto;
	}

	.toolbar ul {
		width: auto;
	}

	.toolbar ul li {
		border-top: 2px solid #98d0ee;
		border-left: none;
		text-align: center;
		line-height: 60px;
		float: none;
		width: auto;
	}

	.toolbar ul li:first-child {
		border-top: none;
	}

	.toolbar ul li a {
		width: 58px;
	}

}

/* Infobox 
================================================ */
.infobox {color: #ffffff; font-size: 16px; font-family:"Open Sans 400"; font-weight:normal; line-height: 1.3em; }
.infobox p {margin: 0; color: #ffffff; }
.infobox2 { background: #41A1DA; color: #ffffff; text-align: center; padding: 20px; font-family:"Baloo 2"; font-size:16px; line-height: 1.3em;}
.infobox2 p {margin: 0; color: #ffffff; }
.infobox .shadow {background: #41A1DA; text-align: center; padding: 20px; }


@media (max-width:1199px) {
	.infobox2{position:absolute; left:auto; right:0; bottom:-20px;}
}
@media (min-width:1200px) {
	.infobox {position: absolute; z-index: 10; bottom: 150px; left: 0; text-align: left; font-size: 18px; }
	.infobox2 {position: absolute; z-index: 10; bottom: 150px; left: 0; text-align: left; font-size: 32px; padding: 20px;}
	.infobox .shadow {background: #41A1DA; padding: 20px; width: 250px;
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  }
	.infobox .shadow:after {position: absolute; z-index: -1; width: 50%; height: 20px; content: ' '; left: 12px; bottom: 16px; background: transparent;
		-webkit-transform: skew(-5deg) rotate(-5deg);
		-moz-transform: skew(-5deg) rotate(-5deg);
		-ms-transform: skew(-5deg) rotate(-5deg);
		-o-transform: skew(-5deg) rotate(-5deg);
		transform: skew(-5deg) rotate(-5deg);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
		box-shadow: 0 15px 22px rgba(2, 37, 81, 0.5);}
	.infobox .shadow:after {left: auto; right: 12px;
		-webkit-transform: skew(5deg) rotate(5deg);
		-moz-transform: skew(5deg) rotate(5deg);
		-ms-transform: skew(5deg) rotate(5deg);
		-o-transform: skew(5deg) rotate(5deg);
		transform: skew(5deg) rotate(5deg);}
}
@media (min-width:1600px) {
	.infobox {font-size: 22px; }
	.infobox .shadow {padding: 40px; width: 313px; }
}
@media (min-width:1920px) {
	.infobox2 {padding: 40px; font-size:40px;}
}


/* Tiles 
================================================ */
.tiles { padding: 0 20px; position: relative; }
@media (min-width:768px) {
	.tiles { width: 650px; margin: 0 auto; padding: 0; }
}
@media (min-width:992px) {
	.tiles { width: 600px; }
}
@media (min-width:1200px) {
	.tiles { width: 1010px; height: 851px; }
}

.tile { position: relative; height: 120px; margin-bottom: 20px; cursor: default; }
.tile .front .box { font-family: "Open Sans 700"; font-weight: normal; color: #0b4696; font-size: 16px; line-height: 1.2em; }
.tile .back .box { background: #0b4696; color: #ffffff; font-size: 14px; line-height: 1.2em; }

@media (min-width:1200px) {
	.tile .front .box { font-size: 24px; }
	.tile .back .box { font-size: 16px; }
}
@media (min-width:1200px) {
	.tile-01 { position: absolute; left: 0; top: 40px; width: 404px; height: 240px; }
	.tile-02 { position: absolute; left: 435px; top: 100px; width: 317px; height: 360px; }
	.tile-03 { position: absolute; left: 783px; top: 0px; width: 227px; height: 400px; }
	.tile-04 { position: absolute; left: 174px; top: 310px; width: 230px; height: 360px; }
	.tile-05 { position: absolute; left: 522px; top: 490px; width: 404px; height: 240px; }
}

.tile .turnaround {
	position: relative;
	height: 100%;
	-webkit-perspective: 750px;
	-moz-perspective: 750px;
	-ms-perspective: 750px;
	-o-perspective: 750px;
	perspective: 750px;
}

.tile:hover .turnaround .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.tile:hover .turnaround .back {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.tile .front,
.tile .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.tile .back {
	overflow: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


/* Box (tiles)
================================================ */
.tile .box {position: relative; height: 100%; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; background-color: #ffffff; }

@media (min-width:1200px) {
	.tile .box {padding: 10px 40px; }

}

.tile .box:before,
.tile .box:after {position: absolute; z-index: -1;width: 50%; height: 20px; content: ' '; left: 12px; bottom: 16px; background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 22px rgba(2, 37, 81, 0.3);
}

.tile .box:after {left: auto; right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

.tile .box .btn-default:hover {background: #fff; color: #0b4696 !important; }

/* Lines 
================================================ */
@media (min-width:1200px) {
	.lines {background-image: url(../img/lines.png); background-repeat: no-repeat; background-position: 50% 50%; }
}





.section-balls{padding-bottom:0;}

/* blueballs 
================================================ */
.blueballs { width:320px; padding: 0; position: relative; margin:25px auto 50px auto; display: flex; flex-wrap:wrap;}

.blueball { position: relative; width:150px; height: 150px; margin:5px; cursor: default; }
.blueball a {color:#ffffff; text-decoration:underline;}
.blueball a:hover {color:#ffffff; opacity:0.8;}
.blueball .box {position: relative; height: 100%; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; background-color: #ffffff; }
.blueball .front .box { font-family: "Open Sans 400"; font-weight: normal; color: #ffffff; background-color:#044AA5; font-size: 15px; line-height: 1.2em; border-radius:50%;}
.blueball .back .box { background: #044AA5; color: #ffffff; font-size: 13px; line-height: 1.2em;  border-radius:50%;}

.blueball-00 .front .box {background-color:#4E80C0;}
.blueball-00 .back .box {background-color:#044AA5;}
.blueball-01 .front .box {background-color:#76C3E8;}
.blueball-01 .back .box {background-color:#3CAADE;}
.blueball-02 .front .box {background-color:#76C3E8;}
.blueball-02 .back .box {background-color:#3CAADE;}
.blueball-03 .front .box {background-color:#4E80C0;}
.blueball-03 .back .box {background-color:#044AA5;}

@media (min-width:768px) {
	.blueballs { width: 650px; }
	.blueball{width:275px; height: 275px; margin:25px;}
	.blueball .front .box { font-size: 32px; }
	.blueball .back .box { font-size: 16px; }
}
@media (min-width:1600px) {
	.blueballs { width: 1514px; height: 748px; margin: 50px auto 100px auto;}
	.blueball{position:absolute; width:363px; height: 363px; margin:0;}
	.blueball .box {padding: 10px 40px; }
	.blueball .front .box { font-size: 60px; }
	.blueball .back .box { font-size: 20px; }

	.blueball-00 {z-index:4; left: 0px; top: 0px;}
	.blueball-01 {z-index:3; left: 384px; top: 386px;}
	.blueball-02 {z-index:2; left: 767px; top: 0px;}
	.blueball-03 {z-index:1; left: 1151px; top: 386px;}

	.blueball:before{position:absolute; z-index:0; content:""; display:block; width:544px; height:20px; background-color:#4E80C0; transition: background-color 0.3s ease-out;}
	.blueball:hover:before{background-color:#044AA5;}

	.blueball-00:before{transform:rotate(-45deg); top:363px; right:103px;}
	.blueball-01:before{transform:rotate(45deg); bottom:353px; right:103px;}
	.blueball-02:before{transform:rotate(-45deg); top:363px; right:103px;}
	.blueball-03:before{transform:rotate(45deg); bottom:353px; right:103px;}
}

.blueball .turnaround {
	position: relative;
	height: 100%;
	-webkit-perspective: 750px;
	-moz-perspective: 750px;
	-ms-perspective: 750px;
	-o-perspective: 750px;
	perspective: 750px;
}

.blueball:hover .turnaround .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.blueball:hover .turnaround .back {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.blueball .front,
.blueball .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.blueball .back {
	overflow: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}




/* colorballs 
================================================ */
.colorballs { width:320px; padding: 0; position: relative; margin:25px auto 50px auto; display: flex; flex-wrap:wrap;}

.colorball { position: relative; width:150px; height: 150px; margin:5px; cursor: default; }
.colorball a { color: #044AA5; text-decoration:underline;}
.colorball a:hover {color: #044AA5; opacity:0.7;}
.colorball .box {position: relative; height: 100%; padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; background-color: #ffffff; }
.colorball .box br{line-height:0; }
.colorball .front .box { font-family: 'Baloo 2';  background-color:#3CAADE; color: #044AA5; font-size: 15px; line-height: 1.2em; border-radius:50%;}
.colorball .back .box { font-family:"Open Sans 400"; background: #3CAADE; color: #fff; font-size: 13px; line-height: 1.2em;  border-radius:50%;}
.colorball .back .box a { color: #fff;}
.colorball .back .box a:hover {color: #fff;}
.colorball .box img {max-width: 235px; width: 85%;}

.colorball-00 .front .box {background-color:#FFE493;}
.colorball-00 .back .box {background-color:#FFD966;}
.colorball-01 .front .box {background-color:#F59F9F;}
.colorball-01 .back .box {background-color:#F17777;}
.colorball-02 .front .box {background-color:#76C3E8;}
.colorball-02 .back .box {background-color:#3CAADE;}
.colorball-03 .front .box {background-color:#CEE5C4;}
.colorball-03 .back .box {background-color:#B9DAAC;}

@media (min-width:768px) {
	.colorballs { width: 650px; }
	.colorball{width:275px; height: 275px; margin:25px;}
	.colorball .front .box { font-size: 28px; }
	.colorball .back .box { font-size: 16px; }
}
@media (min-width:1600px) {
	.colorballs { width: 1514px; height: 748px; margin: 50px auto 100px auto;}
	.colorball{position:absolute; width:363px; height: 363px; margin:0;}
	.colorball .box {padding: 10px 40px; }
	.colorball .front .box { font-size: 43px; }
	.colorball .back .box { font-size: 20px; }

	.colorball-00 {z-index:4; left: 0px; top: 0px;}
	.colorball-01 {z-index:3; left: 384px; top: 386px;}
	.colorball-02 {z-index:2; left: 767px; top: 0px;}
	.colorball-03 {z-index:1; left: 1151px; top: 386px;}

	.colorball:before{position:absolute; z-index:0; content:""; display:block; width:544px; height:20px;}

	.colorball-00:before{transform:rotate(-45deg); top:363px; right:103px; background-color:#FFE493; transition: background-color 0.3s ease-out;}
	.colorball-00:hover:before{background-color:#FFD966;}
	.colorball-01:before{transform:rotate(45deg); bottom:353px; right:103px; background-color:#F59F9F; transition: background-color 0.3s ease-out;}
	.colorball-01:hover:before{background-color:#F17777;}
	.colorball-02:before{transform:rotate(-45deg); top:363px; right:103px; background-color:#76C3E8; transition: background-color 0.3s ease-out;}
	.colorball-02:hover:before{background-color:#3CAADE;}
	.colorball-03:before{transform:rotate(45deg); bottom:353px; right:103px; background-color:#CEE5C4; transition: background-color 0.3s ease-out;}
	.colorball-03:hover:before{background-color:#B9DAAC;}
}

.colorball .turnaround {
	position: relative;
	height: 100%;
	-webkit-perspective: 750px;
	-moz-perspective: 750px;
	-ms-perspective: 750px;
	-o-perspective: 750px;
	perspective: 750px;
}

.colorball:hover .turnaround .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.colorball:hover .turnaround .back {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.colorball .front,
.colorball .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.colorball .back {
	overflow: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}






/* Icon Scroller 
================================================ */
.icon-scroller { position: absolute; bottom: 10px; left: 0; right: 0; z-index: 1; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.icon-scroller a { display: block; width: 40px; height: 40px; margin: 0 auto; text-decoration: none !important; }
.icon-scroller a:hover { padding-top: 10px; }
.icon-scroller a:after { font-family: "gbn"; content: "\e901"; display: block; font-size: 36px; transform: rotateZ(90deg); }

@media (max-width:1199px) {
	.icon-scroller { display: none; }
}
@media (min-width:1200px) {
	.icon-scroller { bottom: 140px; }
}

/*  Code
================================================ */
.code { text-align: center; padding: 0 0 3em 0; }
.code .form-group { display: block; }
.code .form-group input { display: inline-block; margin-right: 11px; vertical-align: middle; width: 41px; height: auto; line-height: inherit; border: 2px solid rgba(2, 63, 135, 0.2) !important; padding: 6px 0; text-align: center;	/*font-family: 'Frutiger LT W01_55 Roma1475738';*/ font-family: "Open Sans 400"; font-weight: normal; }
.code button { display: inline-block; margin-right: -4px; vertical-align: middle; margin: 0; }

@media (min-width:768px) {
	.code .form-group { display: inline-block; margin-right: -4px; margin-bottom: 0; vertical-align: middle; }
}
@media (min-width:1200px) {
	.code .form-group input { width: 57px; font-size: 22px; padding: 9px 0; color: #000000; }
}

/*  MODAL
================================================ */
.modal-header {text-align: left; }

/* BACK TO TOP
================================================ */
.cd-top { width: 54px; height: 54px; border: 2px solid #ffffff; border-radius: 50%; bottom: 15px; right: 15px; background-image: none; text-indent: 100px; background-color: #0b4696; }
.cd-top:hover { background-color: #0b4696; }
.cd-top:before { position: absolute; z-index: 100; top: 15px; left: -89px; font-family: "gbn"; font-size: 12px; color: #ffffff; text-align: center; content: "\e907"; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; }

@media (max-width:991px) {
	.cd-top { bottom: 75px; }
}

/* FOOTER
================================================ */
.footer {background-color: #0b4696; padding: 55px 0; }

/* META
================================================ */
.meta { display: block; text-align: center; margin: 12px 0 0 0; font-family: "Open Sans 400"; font-weight: normal; }
.meta li { display: inline-block; margin: 0 -4px 0 0; padding: 0 20px; vertical-align: top; color: #ffffff; border-left: 1px solid #ffffff; line-height: 16px; }
.meta li:first-child { border: none; }
.meta li a { color: #ffffff; padding: 0; position: relative; font-family: "Open Sans 400"; font-weight: normal; }
.meta li a:hover { color: rgba(255, 255, 255, 0.8); text-decoration: none; color: #8CAFCB; }
.error.alert-danger { color: #a94442; background-color: #fff; border: 2px solid #a94442; }
.error.alert-danger li { color: #a94442 !important; }
.customform .form-control.has-error { border: 2px solid #a94442 !important; background: #f2dede !important; }




/* COUNTDOWN
================================================ */
.section-countdown{background-color:#044AA5;}

.ClassyCountdown-wrapper{display: flex; flex-direction:column; justify-content:space-between;}
.ClassyCountdown-wrapper > div { position: relative; width: 33%; margin:5% auto; }
.ClassyCountdown-wrapper .ClassyCountdown-value {width: 100%; line-height: 0.6; position: absolute; top: 50%; margin: 0!important; transform: translateY(-50%);text-align: center; left: 0; display: block; font-family: 'Baloo 2'; font-weight: 400;}
.ClassyCountdown-wrapper .ClassyCountdown-value > div{font-size:1.4em; }
/*.ClassyCountdown-seconds{display:none!important;}*/

@media (max-width:480px) {
	.ClassyCountdown-wrapper .ClassyCountdown-value {font-size:7vw!important; }
}
@media (min-width:480px) {
	.ClassyCountdown-wrapper{flex-direction:row;}
	.ClassyCountdown-wrapper > div {flex-direction:row; width: 20%; margin:0 2.5%; }
	.ClassyCountdown-wrapper .ClassyCountdown-value > div{font-size:1.2em; }
}
@media (min-width:1200px) {
	.section-countdown{margin-top:10px;}
}


/* CAROUSEL
================================================ */
.section-carousel{padding:50px 0;}

.logo-carousel{position:relative; margin-top:75px;}

.logo-carousel .owl-nav{}
.logo-carousel .owl-nav .owl-prev span,
.logo-carousel .owl-nav .owl-next span{display:none;}
.logo-carousel .owl-nav .owl-prev:before{font-family: 'gbn'; content: "\e902"; font-size:3rem; color:#0b4696;}
.logo-carousel .owl-nav .owl-next:before{font-family: 'gbn'; content: "\e903"; font-size:3rem; color:#0b4696;}


@media (min-width:1200px) {
	.logo-carousel .owl-nav{display:flex!important;}
	.logo-carousel .owl-nav .owl-prev{position:absolute; left:-40px; top: calc(50% - 2.5rem);}
	.logo-carousel .owl-nav .owl-next{position:absolute; right:-40px; top: calc(50% - 2.5rem);}
}

.logo-carousel .item{position: relative; }
.logo-carousel .item:before{content:""; display:block; padding-top:15%;}
.logo-carousel .item .img{position:absolute; top: 0%; right: 10%; bottom: 0%; left: 10%; text-align:center; display:flex; align-items:center; justify-content:center;}
.logo-carousel .item .img img{max-height:100%; width: auto!important;}





/* INFOACCORDION
================================================ */
.section-infoaccordion{text-align:left;}

/*---wrapper*/
.ia-wrapper {display: flex; flex-direction: column; flex-wrap:wrap; color: #0b4696; padding: 0; }

@media(max-width: 767px) {
    .ia-wrapper {margin: 0 -15px; }
}
@media(min-width: 768px) {
    .ia-wrapper {flex-direction: row; gap: 20px; padding: 40px 0; }
}
@media(min-width: 992px) {
    .ia-wrapper {padding: 0; }
}

/*---group*/
.ia-group { margin-bottom: 30px; position: relative; padding: 40px 20px 60px 20px; background-color: #C2EBFF; }
.ia-group:last-child { margin-bottom: 0; }

@media(max-width:767px) {
	.ia-group { background-color: #C2EBFF; padding: 0; margin-bottom: 10px; padding: 0;}
}
@media(min-width:768px) {
	.ia-group { width: calc(33.333% - 13.334px); margin-bottom: 0px; }
}
@media(max-width: 767px) {
    .ia-group.selected .ia-linktitle:after {
        transform: rotate(-180deg);
    }
    .ia-group.selected .ia-text {
        max-height: 1000px;
        padding: 20px 30px;
        opacity: 1;
    }
}

/*---link*/
.ia-linktitle {display: block; background-color: #C2EBFF; margin-bottom: 1em; font-size: 20px;}

@media(max-width: 767px) {
	.ia-linktitle { cursor: pointer; margin-top: 1px; padding: 20px 30px; margin: 0; font-size: 18px;}
	.ia-linktitle:after { font-family: 'gbn'; content: "\e906"; font-size: 0.5rem; color: #0b4696; display: inline-block; position: absolute; right: 30px; top: 22px; border-width: 0 2px 2px 0; transition: all 0.2s; }
}
@media(min-width: 1200px) {
	.ia-linktitle {font-size: 32px;}
}

/*---text*/
.ia-text {display: block; margin-bottom: 10px; opacity: 1; }

@media(max-width: 767px) {
    .ia-text {font-size: 16px; margin: 0; padding: 0 30px; opacity: 0; max-height: 0; transition: max-height 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out; }
}





/* PRINT
================================================ */
@media print {
	body { font-size: 10pt !important; }
	a { color: #0b4696 !important; }
	a[href]:after { content: none; }
	.container { margin: 0; padding: 0; width: 100%; }
	li,
	h1,
	h2,
	h3,
	h4 { page-break-inside: avoid !important; }
	.article { padding: 0 20px; }
	.btn { background: transparent !important; color: #0b4696 !important; border-color: #0b4696 !important; }
	.btn:after { color: #0b4696 !important; }
}