@import url(https://fonts.googleapis.com/css?family=Lato:400,700italic,700,400italic,900,900italic);
* { max-width:100%; font-size:15px; padding:0; margin:0; line-height:18px; outline:none; box-sizing:border-box; border-collapse:collapse; font-family: 'Lato', sans-serif; color:#373026; }
.inner { max-width:100%; width:1200px !important; margin:0 auto; position:relative; }
.clear { clear:both; }
html { width:100%; min-width:100% !important; }


/*.classlist { list-style:none; margin: 30px 0 !important; }*/
/*.classlist li { display:inline-block; margin: 0 20px 25px 0; }*/
/*.classlist li a { display: block; padding: 20px 40px; border-radius: 10px; color: #FFF !important; font-weight: bold; text-align: center; background:red; font-size: 18px; }*/
/*.classlist li a:hover { background:#333 !important; }*/

/*.classlist li:nth-child(1) a { background: #FF4D4D; box-shadow: 0 5px 0 rgba(255, 77, 77, 0.5); }*/
/*.classlist li:nth-child(2) a { background: #EC774B; box-shadow: 0 5px 0 rgba(236, 119, 75, 0.5); }*/
/*.classlist li:nth-child(3) a { background: #EDBF47; box-shadow: 0 5px 0 rgba(237, 191, 71, 0.5); }*/
/*.classlist li:nth-child(4) a { background: #6FC191; box-shadow: 0 5px 0 rgba(111, 193, 145, 0.5); }*/
/*.classlist li:nth-child(5) a { background: #9C4FDB; box-shadow: 0 5px 0 rgba(156, 79, 219, 0.5); }*/
/*.classlist li:nth-child(6) a { background: #539BD7; box-shadow: 0 5px 0 rgba(83, 155, 215, 0.5); }*/
/*.classlist li:nth-child(7) a { background: #5162D9; box-shadow: 0 5px 0 rgba(81, 98, 217, 0.5); }*/

.home-general-content { margin: 30px 0; }
.home-general-content .inner { padding: 20px; border-radius: 10px; background: #efefef; box-shadow: 0 5px 0 #DDD;}


iframe, table, img { max-width:100%; }
body#index div.container * {
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out; }
header { background:#122B58; position:relative; }
@media (min-width: 1200px) { header div.inner { padding:26px 0 56px 0; } }
header div.inner a.ceop img { float: right; width: 72px; height: 72px; margin-left: 40px; }
header div.inner h1 { font-family: 'Lato', sans-serif; float:left; font-size:60px; line-height:60px; color:#FFF; }
header div.inner h1 span { font-family: 'Lato', sans-serif; font-size:30px; line-height:30px; color:#529AD7; display:block; font-style:italic; }
header div.inner ul.contact { float:right; list-style:none; }
header div.inner ul.contact li { text-align:right; padding-top:5px; }
header div.inner ul.contact li span:before { font-family: FontAwesome; color:#FFF; font-size:14px; padding-right:10px; }
header div.inner ul.contact li:nth-child(1) span:before { content:"\f095"; }
header div.inner ul.contact li:nth-child(2) span:before { content:"\f0e0"; }
header div.inner ul.contact li:nth-child(3) span:before { content:"\f276"; }
header div.inner ul.contact li a { text-decoration:none; color:#FFF; font-size:14px; }

nav span.nav-btn { display:none; }
nav.inner { background:#539BD7; border-radius:10px; box-shadow: 0 5px 0 #2F5E91; }
@media (min-width: 1200px) { nav.inner { position:absolute; bottom:-30px; } }
nav.inner ul { display:table; width:100%; }
nav.inner ul li { display:table-cell; border-right:2px solid #82B7E1; position:relative; }
nav.inner ul li:last-child { border-right:none; }
nav.inner ul li a { font-size:16px; color:#FFF; text-align:center; padding:21px 10px; display:block; text-decoration:none; font-weight:bold; text-transform:capitalize; }
nav.inner ul li a:hover { background:#82B7E1; }
@media (min-width: 1200px) {
	nav.inner ul li:first-child a:hover { border-top-left-radius:10px; border-bottom-left-radius:10px; } 
	nav.inner ul li:last-child a:hover { border-top-right-radius:10px; border-bottom-right-radius:10px; } 
}
nav.inner ul li ul { display:none; width:250px !important; position:absolute; top:60px; left:0; background:#539BD7; border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:999 }
nav.inner ul li:hover ul { display:inline-table; }
nav.inner ul li:hover ul li { width: 250px; display:block !important; border-right:none !important; border-top:2px solid #82B7E1; }
nav.inner ul li:hover ul li a { display:block !important; text-align:left; font-size:16px; padding:10px; font-weight:normal; }
nav.inner ul li ul li:first-child a:hover { border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; }
nav.inner ul li ul li:last-child a:hover { border-top-right-radius:0 !important; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }


.home-slideshow { z-index: -1; }
.home-slideshow img { width: auto !important;}

body#index div.container { padding:0 0 25px 0;  }
div.container { padding:30px 0; }
div.container div.content { }
div.container div.content h3 { margin:35px 0 20px 0; font-size:18px; }
div.container div.content h3 a { font-size:18px; }

div.container div.content div#marquee { background:#FF4D4D; float:left; width:100%; border-radius:10px; margin-top:-30px; margin-bottom:25px; box-shadow: 0 5px 0 #FFAFAF; }
div.container div.content div#marquee span { height:100%; background:#FF2F2F; float:left; padding:21px; color:#FFF; border-right:3px solid #FF4D4D; border-radius:10px; }
div.container div.content div#marquee marquee { color:#FFF; background:#FF4D4D; padding:2px 0; float:left; width:calc(100% - 180px); border-top-right-radius:10px; border-bottom-right-radius:10px; }
div.container div.content div#marquee marquee #mod1 { margin-bottom:0 !important; color:#FFF; font-weight:bold; }
div.container div.content div#marquee marquee * { color: #FFF; }

@media (min-width: 650px) { div.container div.content div.block { min-height:308px; } }
div.container div.content div.block { width:23.5%; border-radius:10px; float:left; margin-right:2%; padding:20px; text-align:center; margin-bottom:25px; }
div.container div.content div.block.top { width:60%; border-radius:10px; float: none; display: block; margin: auto; padding:20px; text-align:center; margin-bottom:25px; }
div.container div.content div.welcome { background:#539BD7; box-shadow: 0 5px 0 #B1D2ED; }
div.container div.content div.news { background:#EDBF47; box-shadow: 0 5px 0 #F7E2AC; }
div.container div.content div.news #mod1 a { line-height: 26px; text-decoration: none; }
div.container div.content div.class { background:#EC774B; box-shadow: 0 5px 0 #F3A98D; }
div.container div.content div.popular { background:#6FC191; margin-right:0; box-shadow: 0 5px 0 #BEE3CD; }
div.container div.content div.block span { font-family: FontAwesome; display:block; color:#FFF; font-size:60px; line-height:60px; margin-bottom:10px; }
	div.container div.content div.welcome span:before { content:"\f19d"; }
	div.container div.content div.news span:before { content:"\f0a1"; }
	div.container div.content div.class span:before { content:"\f03e"; }
	div.container div.content div.popular span:before { content:"\f05d"; }
div.container div.content div.block h2 { display:block; color:#FFF; font-size:22px; line-height:22px; margin-bottom:20px; }
div.container div.content div.block p, div.container div.content div.block #mod1 { color:#FFF; }
div.container div.content div.block p a { text-decoration:none; color:#FFF; }
div.container div.content div.block p a:hover { text-decoration:underline; }
div.container div.content div.block #mod1 strong { color:#A67E11; text-decoration:none; }
div.container div.content div.block #mod1 a { color:#FFF; }
div.container div.content div.block #mod1 a:hover { color:#122B58; text-decoration:none; }

	div.container div.content div.class { padding:20px 20px 10px 20px; }
	div.container div.content div.class #mod1 ul { margin: 0 !important; }
	div.container div.content div.class ul { list-style:none; }
	div.container div.content div.class ul li { }
	div.container div.content div.class ul li a { text-decoration:none; display:block; color:#FFF; float:left; padding:10px 0; background:#E9612E; border-radius:10px; margin-bottom:10px; margin: 2%; font-size:16px; width: 46%; }
	div.container div.content div.class ul li a:hover { background:#B94113; color:#FFF !important; }
	
	div.container div.content div.popular { padding:20px 20px 10px 20px; }
	div.container div.content div.popular #mod1 ul { margin: 0 !important; }
	div.container div.content div.popular ul { list-style:none; }
	div.container div.content div.popular ul li { }
	div.container div.content div.popular ul li a { text-decoration:none; display:block; color:#FFF; padding:10px 0; font-size:16px; border-bottom:1px solid #55B77E; }
	div.container div.content div.popular ul li a:hover { background:#3C8A5C; }
	div.container div.content div.popular ul li:last-child a { border-bottom:none; }
	div.container div.content div.popular div.clear { }

div.container div.content div#awards { border-radius:10px; background:#FF4D4D; padding:30px 20px 20px 20px; box-shadow: 0 5px 0 #FFAFAF; margin-bottom:25px; }
div.container div.content div#awards h2 { font-size:22px; color:#FFF; text-align:center; padding-bottom:20px; }

div.container div.content div#awards { text-align: center; }
div.container div.content div#awards img { margin: 5px; background: #FFF; border-radius: 8px; padding: 5px; max-height: 86px; width: auto !important; }

div.lozenge ul {
    display: flex;
    flex-wrap:wrap;
}
div.lozenge ul li {
    width: 25%;
    list-style: none;
    padding: 5px;
    
}
div.lozenge ul li a {
    padding: 30px 5px;
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    border: 2px solid white;
    font-weight: 800;
    font-size: 1.3em;
    transition: all ease 0.3s;
    cursor: pointer;
    line-height: 1em;
    height: 100%;
}

div.lozenge ul li a:hover {
    filter: saturate(130%);
    color: #000!important;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

div.lozenge ul li:nth-of-type(14n+1) a { background-color: #5B9BD5; }
div.lozenge ul li:nth-of-type(14n+2) a { background-color: #FFFF00; }
div.lozenge ul li:nth-of-type(14n+3) a { background-color: #33F3FD; }
div.lozenge ul li:nth-of-type(14n+4) a { background-color: #FFC000; }
div.lozenge ul li:nth-of-type(14n+5) a { background-color: #92D050; }
div.lozenge ul li:nth-of-type(14n+6) a { background-color: #a636fa; }
div.lozenge ul li:nth-of-type(14n+7) a { background-color: #f937f0; }

div.lozenge ul li:nth-of-type(14n+8) a { background-color: #00a3ca; }
div.lozenge ul li:nth-of-type(14n+9) a { background-color: #ee443b; }
div.lozenge ul li:nth-of-type(14n+10) a { background-color: #00a877; }
div.lozenge ul li:nth-of-type(14n+11) a { background-color: #f493a7; }
div.lozenge ul li:nth-of-type(14n+12) a { background-color: #f9b399; }
div.lozenge ul li:nth-of-type(14n+13) a { background-color: #ffe699; }
div.lozenge ul li:nth-of-type(14n+14) a { background-color: #e8d8e3; }

div.container div.content div#twitter { background:#74CEE4; float:left; width:100%; border-radius:10px; box-shadow: 0 5px 0 #C0E9F3; }
div.container div.content div#twitter span:before { font-size:40px; margin-right:15px; font-family: FontAwesome; content:"\f081"; height:100%; background:#51C1DD; float:left; padding:20px 17px; color:#FFF; border-radius:10px; }
div.container div.content div#twitter marquee { color:#FFF; background:#74CEE4; padding:21px 0; float:left; width:calc(100% - 92px); border-top-right-radius:10px; border-bottom-right-radius:10px; }
div.container div.content div#twitter marquee strong { }

div.container div.content .twitter2 { margin-top:30px; }

footer.inner { margin-bottom:25px; }
footer.inner ul { list-style:none; }
footer.inner ul li.left { color:#999999; display:block; float:left; }
footer.inner ul li.left span { color:#999999; display:block; float:left; }
footer.inner ul li a { color:#999999; display:block; float:right; text-align:right; text-decoration:none; }
footer.inner ul li a span { color:#999999; display:block; float:right; text-align:right; }
footer.inner ul li a:hover { color:#CC1515; }
footer.inner ul li a:hover span { color:#CC1515; }


body#page div.container div.content p { }
body#page div.container div.content a { color:#122B58; text-decoration:none; }
body#page div.container div.content a:hover { color:#539bd7; }


.sub-left { margin-top:35px; float:left; width:75%; background:#EFEFEF; box-shadow:0 5px 0 #CCC; border-radius:10px; padding:20px; }
	.sub-left h3 { margin-top:0 !important; }
.sub-right { margin-top:35px; float:right; width:23%; background:#EDBF47; box-shadow:0 5px 0 #F7E2AC; border-radius:10px; padding:20px; }
	.sub-right h3 { margin-top:0 !important; color:#FFF; }
	.sub-right ul { list-style:none; }
		.sub-right ul li { }
			.sub-right ul li a { display:block; padding:10px 0; border-bottom:#FFF 1px dotted; color:#A67E11 !important; font-weight:bold; }
			.sub-right ul li:last-of-type a { border-bottom:none; }
			.sub-right ul li a:hover { background:#A67E11; color:#FFF !important; padding:10px; } 


@media (max-width: 1200px) {
	.inner { padding-left:10px ; padding-right:10px; }
	
	header div.inner { padding:26px 0 0 0; }
	
	header div.inner h1 { float:none; display:block; text-align:center; }
	header div.inner h1 span { float:none; display:block; }
	header div.inner a.ceop img { float: none; width: 72px; height: 72px; margin: 0 auto; display: block; }
	header div.inner ul.contact { float:none; display:block; margin-top:10px; padding-top:10px; border-top: 2px solid #539BD7; margin-bottom:25px; }
	header div.inner ul.contact li { text-align:center; }
	
	nav.inner { padding-left:0 !important; padding-right:0 !important; border-radius:10px 10px 0 0; }
	nav span.nav-btn { display:block; width:100%; background: url(img/burger.png) center center no-repeat; padding:30px; cursor:pointer; }
	nav.inner ul { display:none; }
	nav.inner ul li { display:block; border-right:none; }
	nav.inner ul li:last-child { border-top-right-radius:none; border-bottom-right-radius:none; }
	nav.inner ul li a { padding:15px; }
	nav.inner ul li ul { display:none !important; }
	
	div.container div.content div.block { width:49%; margin-right:2%; }
	div.container div.content div.block:nth-child(even) { margin-right:0; }
	
	div.container div.content div#awards { padding:20px; }
}



@media (max-width: 900px) {
	
	.sub-left { float:left; width:100%; }
	.sub-right { float:right; width:100%; }
	
}


@media (max-width: 650px) {
	div.container div.content div.block { width:100%; margin-right:0; }
	footer.inner ul li.left { text-align:center; width:100%; }
	footer.inner ul li.left span { text-align:center; width:100%; margin-bottom:10px; }
	footer.inner ul li a { text-align:center; width:100%; }
	footer.inner ul li a span { text-align:center; width:100%; }
	footer.inner ul li a:hover {  }
	footer.inner ul li a:hover span {  }
	
	div.container div.content div#marquee span { width:100%; }
	div.container div.content div#marquee marquee { width:100%; }
	
	div.container div.content div#awards ul li { width:100%; display:block; margin-bottom:10px; }
	
	div.lozenge ul li {
        width: 50%;
    }

}


#mod1 {
	margin-bottom: 0px;
}

#mod1, #mod2, #mod3, #mod4, #mod5, #mod6, #mod7, #mod8, #mod9 { margin-bottom:20px; }
#mod1 ul, #mod2 ul { margin:20px; }
#mod1 table { width:100% !important; border-collapse:collapse; }
#mod1 table td { padding:8px; border:#999 1px solid; vertical-align:top; }
#mod1 table tr:hover td { background:#EFEFEF; }

#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px; }

.innerNav { margin:20px; }

#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { display:block;  }
.mod7write input { width:200px;  padding:5px; border:#999 1px solid; }
.mod7write textarea { width:300px; padding:5px; border:#999 1px solid; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }

#mod8 { padding-bottom:20px; border-bottom:#EDBF47 1px dotted; }
#mod8.full { border-bottom:none; }
#mod8 img.small { float:left; width:120px; max-width:120px !important; margin:0 15px 0 0; border:#EDBF47 1px solid; padding:3px; }
#mod8 img.full { max-width:460px; max-height:510px; margin:5px 0 10px 0; border:#EDBF47 1px solid; padding:3px; display:block; }
#mod8  .title a, #mod8 .title { font-weight:bold; text-decoration:none; font-size:16px; display:block; }
#mod8 em { margin-bottom:5px; display:block; font-size:12px; }

.twitter-block {
	color: #38a4ff;
	text-decoration: none;
	transition: all ease 0.5s;
	opacity: 1;
}

.twitter-block:hover {
	opacity: 0.6;
	transition: all ease 0.5s;
}

.twitter-block:before {
	content: "\f099";
	display: inline-block;
	font-family: "FontAwesome";
	margin: 0px 7.5px;
}

.home-general-content #mod1 {
	margin-bottom: 0px;
}

/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #122b58;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #3b6e8f;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #467ea2;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/