/* ### general ### */
html, body { font-family: 'DM Sans', sans-serif; font-size: 18px; line-height: 1.8; padding:0; margin:0; color: #283583;}
input, select, textarea { font-family: 'DM Sans', sans-serif; font-size: 16px; color: #283583; }
body { background: #fff; }
a{transition: all 0.3s ease-in-out;}

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1280px;}
.grecaptcha-badge{z-index:100;}

/* ### forms ### */
.formContainer{ overflow:hidden;}
.formContainer h3{clear:both; margin-bottom: 35px!important;}
.formTxt{clear:both; display:block; float:left; width:35%; margin: 0 0 25px 0; overflow:hidden; font-weight:bold; }
.formInput{display:block; float:left; width:65%; margin: 0 0 25px 0; overflow:hidden; }
.formInput input[type="text"], .formInput input[type="email"], .formInput textarea, .formInput select{border-radius: 5px; border: 1px solid #283583; padding:5px; width: calc(100% - 12px); background:#fff; }
.formInput select{ width:100%; }
.formInput textarea{ height:100px; }
.formInput label{display:block;}
.formInput label input{}
.formInput input[type="submit"]{border: 1px solid #283583; border-radius: 20px; background-color:#283583; transition: 0.5s; padding:10px 25px!important; font-size:16px; font-weight:bold; -webkit-appearance: none; color:#fff; }
.adjustJump { position:absolute; margin-top:-150px !important;}
.formReq{font-style:italic; font-size:90%; padding:0; margin:0!important;}

.error{ background:#f2eeec; border:#C4060A 1px solid; color:#C4060A; padding:10px; margin:10px 0!important;}
.error li{ margin-left:25px; }
.succes{ background:#f2eeec; border:#03af07 1px solid; color:#03af07; padding:20px; margin:10px 0!important; }

.btn{border-radius: 20px; color:#283583; background-color:#fcde3a; display:inline-block; padding:10px 25px!important; text-align: center; text-decoration:none!important; }

/* mmenu */
.mm-spn.mm-spn--light{background: #fff!important; color: #283583!important; }
.mm-spn a.active{color:#fff!important; background: #283583;}
.mm-spn a.active{color:#fff!important; background: #283583;}
.mm-spn li.offer a{ background: #fcde3a;}

ul.social {list-style:none; padding:0; margin:35px 0 0 0;}
ul.social li{display:inline-block; width:30px; margin: 0 10px 20px 0;}
ul.social li img{width:100%; transition: all 0.3s ease-in-out;}

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%;}

#headerCntr{ padding: 20px 0 20px 0; transition: all 0.3s ease; background:#fff;}
#headerCntr .center{max-width: 1380px;}
#headerCntr.sticky{position: fixed; top: 0; width: 100%; box-shadow: 0 0 20px #f2eeec; z-index:110; padding:0;}
#headerCntr.sticky + #mainCntr { padding-top: 200px;}
#headerCntr .logoBox{width: 30%; float:left;}
#headerCntr .logoBox picture *{width:calc(100% - 20px); max-width:350px; margin:0 20px 0 0;}

#headerCntr .menuBox {padding: 3% 0 0 0; width: 70%; float:left;}
#headerCntr .menuBox ul {list-style:none; margin:0; padding:0; display: flex;}
#headerCntr .menuBox li {flex: 1; font-weight: bold; text-align:center;}
#headerCntr .menuBox li a {font-size: 16px; line-height:1.1; margin: 0 10px; display:inline-block; text-decoration: none; color:#283583; padding: 10px; border-radius: 20px; border: 1px solid rgba(35, 53, 137, 0);}
#headerCntr .menuBox li:first-of-type a{margin-left:0;}
#headerCntr .menuBox li:last-of-type a{margin-right:0;}
#headerCntr .menuBox li a.active, #headerCntr .menuBox li a:hover, #headerCntr .menuBox li:hover > a { border: 1px solid rgba(35, 53, 137, 1); }
#headerCntr .menuBox li ul {transition: all 0.3s ease-in-out; padding:0; width: 220px; display:block; position:absolute; max-height:0; z-index:100; overflow:hidden;}
#headerCntr .menuBox li a.active, #headerCntr .menuBox li a:hover, #headerCntr .menuBox li:hover > a { border: 1px solid rgba(35, 53, 137, 1); }
#headerCntr .menuBox li.offer a, #headerCntr .menuBox li.offer:hover > a { border: 1px solid #fcde3a; }
#headerCntr .menuBox li.portal a, #headerCntr .menuBox li.portal:hover > a { border: 1px solid #283583; }
#headerCntr .menuBox li.portal a.active, #headerCntr .menuBox li.portal a:hover{background:#283583; color:#fff;}
#headerCntr .menuBox li.offer a.active, #headerCntr .menuBox li.offer a:hover { background: #fcde3a; }
#headerCntr .menuBox li li {width: calc(100% - 30px);}
#headerCntr .menuBox li li:first-of-type a{margin-left:10px;}
#headerCntr .menuBox li li:last-of-type a{margin-right:10px;}
#headerCntr .menuBox li li a { background:#ddd6d0; width: calc(100% - 20px);}
#headerCntr .menuBox li:hover ul {max-height:500px;}
#headerCntr .mobileMenu {display: none; }

#bannerCntr{clear: both;}
#bannerCntr .center{max-width: 1380px; line-height: 0;}
#bannerCntr picture {display:block; overflow:hidden;}
#bannerCntr picture *{width:100%; object-fit:cover;}
#bannerCntr.sub, #bannerCntr.sub picture, #bannerCntr.sub picture * {height:250px;}

#contentCntr { /*padding: 30px 0 30px 0;*/}
#contentCntr.home{/*margin: 0 0 25px 0; */ background: transparent url("/images/dots2.svg") no-repeat 0 0; background-size: 550px auto;  }
#contentCntr #leftCntr{padding: 30px 0; float:left; width:48%; position:relative;}
#contentCntr #rightCntr{padding: 30px 0; float:right; width:48%; }
#contentCntr #leftCntr .homePayoff{top: -250px; left:-60px; height: 125px; position:relative; max-width: 400px; }
#contentCntr #leftCntr .homePayoff h1{padding: 10%; font-size: 32px; display: flex; align-items: center; width: 80%; line-height:1.3; text-align:center; border-radius:100%; background:#283583; color:#fff;}
#contentCntr #leftCntr .homePayoff h1::before {content: ""; margin-top: 100%;}
#contentCntr h5{margin: 0 0 25px 0;}
#contentPart2{background:#f2eeec; margin:50px 0 0 0; padding:100px 0 50px 0; }
#contentCntr .sideCaroussel .photo{width:100%; padding-top:65%; position:relative;}
#contentCntr .sideCaroussel .photo picture{display:block; left:0; top:0; right:0; bottom:0; position:absolute;}
#contentCntr .sideCaroussel .photo picture *{width:100%; height:100%; object-fit:cover; display: inline;}
#contentCntr .sideCaroussel  .slick-arrow{cursor:pointer; font-size:0; border:0; position: absolute; top:calc(50% - 15px); z-index: 100; background:none; transition: 0.5s; }
#contentCntr .sideCaroussel .slick-next{right:30px;}
#contentCntr .sideCaroussel .slick-prev{left:30px;}
#contentCntr .sideCaroussel .slick-prev:after {opacity: 1; content: url('/images/arrow-prev-1.png'); transition: 0.5s;}
#contentCntr .sideCaroussel .slick-next:after {opacity: 1; content: url('/images/arrow-next-1.png'); transition: 0.5s;}
#contentCntr .sideCaroussel .slick-disabled{opacity: 0; cursor:default;}
#contentCntr .contactInfo{border-left: 1px solid #eeedeb; padding: 0 35px;}
#contentCntr .contactInfo h3{padding:0; margin:0;}
#contentCntr .contactInfo iframe{width:100%; height:200px;}
#contentCntr .contactInfo ul.social{margin: 35px 0 0 0;}
#contentCntr #staffExtended{}
#contentCntr #staffExtended .items{display:flex; flex-wrap: wrap;}
#contentCntr #staffExtended .items .item{flex-grow:0; flex-basis: calc(33.3% - 50px); flex-shrink:1; padding: 25px;}
#contentCntr #staffExtended .items .item p{font-size:90%;}
#contentCntr #staffExtended .items .item .image{width:100%; padding-top:100%; position:relative;}
#contentCntr #staffExtended .items .item .image picture{display:block; left:0; top:0; right:0; bottom:0; position:absolute;}
#contentCntr #staffExtended .items .item .image picture *{width:100%; height:100%; object-fit:cover; display:inline;}
#contentCntr #staffExtended .items .item p a.mailLink{display:inline-block; padding: 0 0 0 40px; margin:0; background: transparent url("/images/mail.png") no-repeat left center;}

.content {color:#302f21;}
.content h1 {font-size:40px; margin:50px 0 25px 0; padding:0; line-height:normal; color: #283583;}
.content h2 {font-size:20px; margin:0 0 25px 0; padding:0; line-height:normal; color: #283583;}
.content h3 {font-size:18px; margin:0 0 25px 0; padding:0; line-height:normal; color: #283583;}
.content h5 {font-size:20px; margin:0; padding:0; line-height:normal; color: #283583;}
.content p {margin-bottom:25px; }
.content a{ text-decoration:underline; color:#283583; }
.content img, .content picture * {display:block; max-width:100%; height:auto;}
.content ul, .content ol{ margin: 0 0 25px 25px; padding:0; }
.content table, .content table tr{border:0;}
.content table tr td{width:50%!important; padding: 25px; vertical-align: top!important; border:0!important; height: auto!important;}
.content table tr td table tr td{padding: 5px!important;}
.content table tr td table{margin-bottom: 25px!important;}
.content table tr td:first-of-type{padding-left:0;}
.content table tr td:last-of-type{padding-right:0;}
.content table tr td img{max-width:100%!important;}

.highlights{background:#eeedeb; overflow:hidden; padding: 100px 0 50px 0;}
.highlights h2{ padding:0 0 25px 0; margin:0 auto; text-align:center; font-size: 36px; max-width: 700px; color: #283583;}
.highlights .item{float:left; width: calc(25% - 30px); margin: 15px; transition: all 0.4s ease-in-out;}
.highlights .item .image{padding:0 0 0 10px;}
.highlights .item .image *{width:90px;}
.highlights .item h3{font-size: 18px; margin:20px 0 5px 0; padding:0;}
.highlights .item a{text-decoration:none;}
.highlights .item ul li{color: #302f21;}
.highlights .item ul li::marker{color: #283583; background: #283583;}


#subContent{padding: 100px 0; background: transparent url("/images/dots1.svg") no-repeat right center; background-size: 50% 100%;}
#subContent .center{display: flex;}
#subContent .left{flex: 1; padding: 0 100px 0 0;}
#subContent .right{flex: 1; display: flex; align-items: center;}
#subContent .left h2{font-size: 36px; font-weight:normal; max-width: 550px;}
#subContent .right .photo picture{display:block; width: 100%; border-radius:100%; overflow: hidden;}
#subContent .right .photo picture::before {content: ""; margin-top: 100%;}

#staffBox{background-image: linear-gradient(#fff, #f2eeec); padding:50px 0 50px 0; overflow:hidden;}
#staffBox .btnHolder{text-align:center; margin: 50px 0 0 0;}
#staffBox .btn{background:transparent!important; border:1px solid #283583; }
#staffBox h2{font-size: 36px;padding:0; margin: 0 0 25px 0;}
#staffBox .items{}
#staffBox .image{height: 100%; padding-top:100%; position:relative; }
#staffBox .item picture {border-radius:100%; overflow: hidden; position:absolute; top:10%; left:10%; right:10%; bottom:10%; transition: transform .2s; display:block; background:#fff;}
#staffBox .item picture * {width: 100%; height: 100%; object-fit:cover; display: inline;}
#staffBox .item a{text-decoration:none!important;}
#staffBox .item a h4{font-size: 18px; margin:0; padding:0; text-align:center; color:#283583; text-decoration:none!important;}
#staffBox  .slick-arrow{cursor:pointer; font-size:0; border:0; position: absolute; top:calc(50% - 15px); z-index: 100; background:none; transition: 0.5s; }
#staffBox  .slick-next{right:-25px;}
#staffBox  .slick-prev{left:-25px;}
#staffBox  .slick-prev:after {opacity: 1; content: url('/images/arrow-prev-1.png'); transition: 0.5s;}
#staffBox  .slick-next:after {opacity: 1; content: url('/images/arrow-next-1.png'); transition: 0.5s;}
#staffBox .slick-disabled{opacity: 0.1; cursor:default;}

#newsCntr{clear:both; background:#283583; color:#fff; padding: 75px 0;}
#newsCntr .intro{width:25%; padding:0; float:left;}
#newsCntr .intro *{max-width:90%;}
#newsCntr .holder{width: 75%; float:left;}
#newsCntr h2{ padding:0; font-size: 36px; color: #fff;}
#newsCntr .item{ overflow:hidden; font-size: 14px;}
#newsCntr .item a{color:#fff; text-decoration:none;}
#newsCntr .item .inside{margin: 10px;}
#newsCntr .item .image{width:100%; padding-top:56.25%; position:relative;}
#newsCntr .item .image picture{display:block; left:0; top:0; right:0; bottom:0; position:absolute;}
#newsCntr .item .image picture *{width:100%; height:100%; object-fit:cover; display: inline;}
#newsCntr .item .section{display:block; text-transform:uppercase; padding: 10px 0;}
#newsCntr .item .title{height:75.56px; display:block; font-weight:bold; padding: 0;}
#newsCntr .item .daysago{height:auto; display:block; padding: 10px 0 0 0;}
#newsCntr .item .link{display:inline-block; color:#fcde3a; transition: all 0.4s ease-in-out; }
#newsCntr  .slick-arrow{cursor:pointer; font-size:0; border:0; position: absolute; top:-30px; z-index: 100; background:none; transition: 0.5s; }
#newsCntr  .slick-prev{left:0px;}
#newsCntr  .slick-next{right:0px;}
#newsCntr  .slick-prev:after {width: 25px; height:25px; opacity: 1; content: url('/images/arrow-prev-1.png');  transition: 0.5s;}
#newsCntr  .slick-next:after {width: 25px; height:25px; opacity: 1; content: url('/images/arrow-next-1.png');  transition: 0.5s;}
#newsCntr  .slick-disabled{opacity: 0.1; cursor:default;}

#offer{ padding: 100px 0; background-image: linear-gradient(#f2eeec, #fff);}
#offer h2{font-size: 36px; font-weight:normal;}
#offer .btn{color:#283583!important; background-color:#fff; border:1px solid #283583;}
#offer .left{width:48%; float:left;}
#offer .left *{max-width:80%;}
#offer .right{width:48%; float:right;}

.teamPic{display:block; width: 100%; max-width:1520px; margin: 0 auto; line-height:0;}
.teamPic *{width:100%;}

footer{font-size: 16px; padding: 75px 0 25px 0; background:#ddd6d0; color:#302f21; }
footer a{color:#302f21!important; text-decoration: none!important;}
footer h4{color:#283583; font-size: 36px; padding:0; margin:0;}
footer span{font-weight:bold;}
footer ul.links{list-style:none; margin: 0; padding:0;}
footer ul a{font-weight:bold;}
footer ul.social{margin: 30px 0 0 0;}
footer .block{float: left; width:calc(23% - 50px); margin:0 50px 0 0; }
footer .block:nth-of-type(4){width:31%; margin:0 0 0 0;}
footer .block:nth-of-type(4) picture {width:45%; float:left; margin: 20px 0 0 0; display:block;}
footer .block:nth-of-type(4) a:nth-of-type(2) picture{float:right;}
footer .block:nth-of-type(4) picture *{max-width:225px; width:100%; display:block;}
footer .block:nth-of-type(4) a:nth-of-type(2) picture *{float:right;}
footer .credits{padding:0; margin: 25px 0 0 0;}


/* #Media Queries
================================================== */


@media only screen and (min-width: 1099px) {
	/* Hover effects only on big screens*/
	.formInput input[type="submit"]:hover{color:#283583; background:#fff; }
	ul.social img:hover{transform: scale(1.05);}
	.btn:hover{ color:#fff!important; background-color:#283583;}

	#contentCntr .sideCaroussel .slick-prev:hover{transform: scale(1.1);}
	#contentCntr .sideCaroussel .slick-next:hover{transform: scale(1.1);}
	#contentCntr #staffExtended .items .item p a.mailLink:hover{margin:0 0 0 3px;} 
	
	.highlights .item:hover{margin-top: -5px; margin-bottom:35px!important;}
	
	#staffBox .btn:hover{background:#283583!important; }
	#staffBox .item picture:hover{transform: scale(1.05);}
	#staffBox  .slick-prev:hover{transform: scale(1.1);}
	#staffBox  .slick-next:hover{transform: scale(1.1);}		
	
	#newsCntr .item .link:hover{padding-left:5px;}
	#newsCntr  .slick-prev:hover{transform: scale(1.1);}
	#newsCntr  .slick-next:hover{transform: scale(1.1);}			
	
	#offer .btn:hover{ color:#fff!important; background-color:#283583!important;}
	
	footer a:hover{ text-decoration: underline!important;}
}

@media only screen and (max-width: 1350px) {
	.center { padding: 0 25px; }
	
	#staffBox .center{padding: 0 50px;}
	
	#newsCntr h2{font-size: 32px;}
}

@media only screen and (max-width: 1099px) {
		
	
	#headerCntr .logoBox{width: calc(100% - 95px);}
	#headerCntr .menuBox{display:none;}
	#headerCntr .mobileMenu {margin: 3% 0 0 0; float:right; width: 80px; height: 25px; border-radius:10px; display: block; padding: 3px 5px 15px 10px; line-height:50px; background-color:#283583;} 
	#headerCntr .mobileMenu .mobileNav{ display:block; height: 27px; width: 80px; }
	#headerCntr .mobileMenu .mobileNav .hamburger{width:30px; height:30px; float:left;}
	#headerCntr .mobileMenu .mobileNav .txt{width:50px; height:30px; float:left; font-weight:bold; font-size: 15px; line-height: 35px; color:#fff; text-align: right;}
	#headerCntr .mobileMenu .mobileNav .bar1, #headerCntr .mobileMenu .mobileNav .bar2, #headerCntr .mobileMenu .mobileNav .bar3 { width: 100%; height: 2px; margin: 8px 0; transition: all 0.5s; background-color: #fff;}	
	#headerCntr .mobileMenu .menuOpen .bar1 {transform: translate(0, 10px) rotate(-45deg);}
	#headerCntr .mobileMenu .menuOpen .bar2 {opacity: 0;}
	#headerCntr .mobileMenu .menuOpen .bar3 {transform: translate(0, -10px) rotate(45deg);}

	#contentCntr.home{ }
	.formTxt{float:none; width:100%; margin: 0 0 5px 0;}
	.formInput{float:none; width:100%; }
	.formTxt.gone{display:none;}	
	
	footer .block:nth-of-type(1){width:100%; margin:0 0 20px 0;}
	footer .block:nth-of-type(2), footer .block:nth-of-type(3), footer .block:nth-of-type(4){width:33.3%; margin:0 0 20px 0;}


}

@media only screen and (max-width: 979px) {
	#headerCntr{padding: 10px 0 0px 0;}
	
	#contentCntr.home{background: transparent url("/images/dots2.svg") no-repeat -500px 75px;}
	#contentCntr #leftCntr .homePayoff{top: -150px; left:-40px;}
	#contentCntr #leftCntr{width:40%;}
	#contentCntr #rightCntr{width:55%;}
	#contentCntr #staffExtended .items .item{flex-basis: calc(50% - 50px);}
	
	.highlights h2{font-size: 34px;}
	.highlights .item{width: calc(50% - 30px);}
	
	#staffBox h2{font-size: 26px;}
	
	#newsCntr h2{font-size: 30px;}

}

@media only screen and (max-width: 767px) {
	.center { padding: 0 25px; }
	
	#headerCntr .mobileMenu {margin: 4% 0 0 0;}
	
	#bannerCntr:not(.sub) picture * { width: 150%; margin-left:-25%; display:block;}
	#bannerCntr.sub, #bannerCntr.sub picture, #bannerCntr.sub picture *{height: 175px;}
	
	.content h1 {font-size:32px; margin:50px 0 25px 0;}
	.content h2 {font-size: 24px; margin: 0 0 20px 0;}
	.content table tr td, .content table col{display:block; width:100%!important; padding: 25px 0 0 0; }
	
	#contentCntr.home{background: transparent; padding: 0;}
	#contentCntr #leftCntr{float:none; width:100%; padding: 20px 0;}
	#contentCntr.home #leftCntr{background: transparent url("/images/dots2.svg") no-repeat 120px -100px; background-size: 100% 200%;}
	#contentCntr #rightCntr{float:none; width:100%; padding: 20px 0;}
	#contentCntr #leftCntr .homePayoff{top: -200px; left:-15px;}
	#contentCntr #leftCntr .homePayoff h1{width: 70%;}
	#contentCntr .contactInfo{border-left: none; border-top: 1px solid #eeedeb; padding: 35px 0;}
	
	#subContent{padding: 50px 0; background: transparent;}
	#subContent .left h2{font-size: 28px;}
	#subContent .center{display: block;}
	#subContent .left{flex: none; padding: 0;}
	#subContent .right{flex: none; display: block; align-items: unset; background: transparent url("/images/dots1.svg") no-repeat 0 center;}	
	#subContent .right picture{max-width: 400px; margin: 0 auto;}
	
	#newsCntr{padding: 50px 0;}
	#newsCntr .intro{width:50%;}
	#newsCntr .holder{width: 50%;}

	
	#offer{ padding: 50px 0;}
	#offer h2{font-size: 32px;}
	#offer .left *{max-width:100%;}
	#offer .left, #offer .right {width: 48%;}
	
	footer .block:nth-of-type(1), footer .block:nth-of-type(4){width:100%;}
	footer .block:nth-of-type(2), footer .block:nth-of-type(3){width:50%;}
	

}

@media only screen and (max-width: 500px) {

	.formInput input[type="submit"]{ width:100%; }
	

	#headerCntr .mobileMenu {margin: 6% 0 0 0;}
	
	#contentCntr #leftCntr .homePayoff{top: -150px;}
	#contentCntr #leftCntr .homePayoff h1{font-size: 28px; width: 50%;}
	#contentCntr #staffExtended .items .item{flex-basis: calc(100% - 50px);}
	
	.highlights{padding: 50px 0 20px 0;}
	.highlights h2{font-size: 26px;}
	.highlights .item{width:100%; max-width:300px; float:none; margin: 10px auto 25px auto;}
	.highlights .item h3{font-size:16px; margin: 5px 0 5px 0;}

	#staffBox h2{font-size: 22px;}
	#staffBox h2 span{display:block;}
	
	#newsCntr .intro{width:100%; padding:0 0 25px 0; float:none;}
	#newsCntr .holder{width: 100%; float:none;}		
	
	#offer .left, #offer .right {width: 100%; float:none;}
		
	footer .block:nth-of-type(1), footer .block:nth-of-type(2), footer .block:nth-of-type(3), footer .block:nth-of-type(4){width:100%;}
	footer .block:nth-of-type(4) picture {width:48%;}
}

@media only screen and (max-width: 400px) {
	#headerCntr .mobileMenu {margin: 4% 0 0 0;}
	
	#contentCntr #leftCntr .homePayoff{top: -100px;}
	#contentCntr #leftCntr .homePayoff h1{font-size: 25px; }
}