/* GENERAL STYLING
******************************************************************/
html{ height: 100%; font-size: 100%}
body{width:100%; height:100%; background:#F4F4F4; overflow-x:hidden; font-family: 'Roboto', sans-serif; transition: all 0.3s ease-out 0s;color:#30373F; font-size:16px; }
a	{ text-decoration:none; color:inherit}
.center	{ text-align:center;}
h1,h2,h3,h4	{ font-weight:normal;}
a{ transition: color 0.3s ease-out 0s;   outline: none;}
a:focus   { outline: 0;}
a:hover, a:active {  text-decoration: none;}
* { outline:none;}
ul, li { list-style:none;	margin:0;	padding:0;	}
.img-responsive { width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: middle; transition: all 0.5s ease-out 0s;  }


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.fa-caret-right:before { content: "\f0da";}
.fa-caret-down:before { content: "\f0d7";}
.fa-close:before { content: "\f00d";}
.fa-facebook:before { content: "\f09a";}
.fa-linkedin:before { content: "\f0e1";}
.fa-twitter:before { content: "\f099";}
.fa-link:before { content: "\f0c1";}
.fa-paperclip:before { content: "\f0c6";}
.fa-thumbs-o-up:before { content: "\f087";}
.fa-angle-right:before  { content: "\f105";}

.fa-phone:before{content:"\f095"}
.fa-fax::before{content:"\f1ac"}
.fa-map-marker:before{content:"\f041"}
.fa-envelope:before{content:"\f0e0"}
.fa-external-link:before{content:"\f08e"}

/**/

.dropdown-menu1 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu1 {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    padding:10px
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu1 {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/**/


/* RESETS
******************************************************************/
*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,.cf:after {    content: " ";    display: table;}
.cf:after {    clear: both;}
.cf {    *zoom: 1;}

/* WRAPPER
******************************************************************/
.gov-site-wrapper { width:100%; height:100%; padding-top: 160px;}
.gov-site-container { position:relative;}

/* HEADER
******************************************************************/

	/* Burger Menu*/
	.my-navbar-button {  position: absolute;  margin: 0; left:26px; top:11px; z-index:100;}
    /* .my-navbar-button.active {} */
     #mynav-item { display: inline-block; margin-left: 10px; text-transform: uppercase; font-size: 13px; transition: all 0.3s ease-out 0s; }
     #mynav-item a {color:#696969; text-decoration:none}
     #mynav-item a:visited {color:#696969; text-decoration:none}

     .my-navbar-button:hover #mynav-item {visibility: visible; opacity: 1}
     .my-navbar-button.active #mynav-item {visibility: visible; opacity: 1}
	 #mynav-icon { width: 26px; height:18px; float:left;	 -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;	}
	#mynav-icon span{  display: block;  position: absolute;  height: 1px;  width: 26px;  background: #1A1E23;  border-radius: 0;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}	  
	  
		#mynav-icon span:nth-child(1) {  top: 0px; left:0; width: 26px; background:#E5354B}
		#mynav-icon span:nth-child(2) {  top: 6px; left:0;  width: 26px;background:#53ABE1}
		#mynav-icon span:nth-child(3) {  top: 12px;left:0; width: 26px;background:#ECC849}
		#mynav-icon span:nth-child(4) {  top: 18px; left:0;width: 26px;background:#008000}
		#mynav-icon.open span:nth-child(1) {  top:0; height:4px; 	}
		#mynav-icon.open span:nth-child(2) {  top:5px; height:4px; }
		#mynav-icon.open span:nth-child(3) {  top:10px; height:4px;}
		#mynav-icon.open span:nth-child(4) {  top:15px; height:4px;}	
		.my-navbar-button:hover { cursor:pointer;}
		#mynav-icon:hover span { opacity: 1;}		
		.fixedPosition{  overflow:hidden;}
		.menu-container { display:none;position:fixed; width:100%; height:calc(100% - 40px); z-index:98; top:40px;padding:70px 20px 0 20px;left: -100%;overflow: auto;transition: all 0.75s cubic-bezier(0.75, 0.19, 0.24, 1); background:#525159;}
		.menu-container.active { left:0;}
        /*.content-overlay { position: fixed; background: #000; top:0; left:0; z-index:97; width: 100%; height: 100%;display:none; }
        .content-overlay.active {display:block;}*/

/*01HEADER
******************************************************************/
header { width:100%;  z-index: 9;top: 50px}
.sticky{  position: fixed;
  top: 0;
  width: 100%
	
}
header.scrolled{ position: fixed;
  top: 0;
  width: 100%
	
}
header .top-nav-container { float:left; width:100%; height:40px; background:#F9F9F9; z-index:98; position: relative}
    /*Language Selection*/
	.language-select { width: 52px; height:40px;}
    /* Increase Font */
	.font-increase-utility {float: right; /*padding:12px 34px;*/border-left:1px solid #E5E5E5 }
	.font-increase-utility button { -webkit-appearance:none; background: none; border:0; border-radius: 0; cursor: pointer; /*padding:0 311px*/;color:black!important}
	.font-increase-utility .increaseFont { font-size:15px;color:black!important;/*margin-right: 30px;*/position: relative!important;}
	.font-increase-utility .decreaseFont { font-size:12px;color:black!important}

	/* Utility Links */
	ul.header-utility-links { display: block; height: 40px; float: right; border-left:1px solid #E5E5E5}
	ul.header-utility-links li { padding:12px 15px; display: inline-block;border-left:1px solid #E5E5E5}
	ul.header-utility-links li:first-child { border:none}
	ul.header-utility-links li a{ color:#01AEEE}
	/* eGov Login */
	.egov-button { display:block; width:184px; height:40px; background:#02AFEF; padding:0 10px 0 20px; float:right}
	.egov-button .icon { float:right; width:40px; height:37px;background: url(../images/icn-login.svg) no-repeat; }
	.egov-button .text {position:relative; color:#FFF; font-size:13px; text-transform:uppercase;margin-right:10px; margin-top:12px; display:inline-block}
	.egov-button:hover { background:#1A1E23}
	.egov-button:hover .text {   color: #f9d8ae;}

header .bottom-nav-container { float:left; width:100%; background:#F2F2F2; padding:20px 0; position:relative; transition: all 0.3s ease-out 0s; z-index:96;}

	.logo { width:65px; height:55px; background: url(../images/logo.svg) no-repeat; float:left; margin-left:30px; background-size:cover; transition: all 0.3s ease-out 0s;}
	.logo-text { float:left;  margin-left:10px; margin-top:15px; font-size:15px;color:#696969;text-transform:uppercase}
	/* Navigation */
	#nav { /*float:right;*/ text-align:right; margin:0 20px 0 0;padding-top: 40px;}
	#nav ul li { display:inline-block; color:#3F3E44; font-size:16px; font-weight:300; text-transform:uppercase; margin-left:25px; }
	#nav ul li > a { height:74px; display: block; padding: 20px 0 0 0; position: relative;color:#3F3E44!important}
	#nav ul li > a:visited{ color:#3F3E44!important ;text-decoration:none }
	#nav ul li > a span { position: absolute; bottom:0;font-family: 'FontAwesome'; font-size:18px; display: block; color:#333; font-style: normal; left:50%; transform: translateX(-50%); opacity: 0.5}
	#nav li a:active {color:#02AFEF}
	#nav ul li > a:active span {opacity: 1}
	#nav > ul > li:hover > a,nav > ul:not( :hover ) > li.active > a {color:#02AFEF	}
	#nav > ul > li:hover > a span,nav > ul:not( :hover ) > li.active > a span {opacity: 1}
   
    	    	
    	/* Second level */
		#nav li ul {
		transition: all 0.3s ease-out 0s; 
		visibility: hidden;
		opacity: 0;
		position: absolute;
		/*top:90px;*/
		width:100%;
		max-width:1500px;
		left:150%;
		transform: translateX(-50%);
		min-height:320px;
		background: rgba(70,81,89,0.9);
		border-radius:10px; padding:70px 0 20px 0}
		#nav li:hover ul {visibility: visible;opacity: 1;	}


		#nav li ul .sub-box { float:left; width:25%; text-align: left; padding:0 2% }
		#nav li ul .sub-box > li { float:left; width:100%; position: relative; padding-left:12px; margin-bottom:15px; margin-left:0; color:#fff;}
		#nav li ul .sub-box > li:before { content:''; float:left; width:2px; height:100%; position: absolute; background:#02AFEF; left:0}
		#nav li ul .sub-box > li a { height:auto; display:block; color:#fff!important; text-transform: uppercase; font-size:15px; font-weight:500; letter-spacing: 1px; padding: 0}
		#nav li ul .sub-box > li a:hover {color:#02AFEF}
		#nav li ul .sub-box > li.menuHd { font-weight:300; text-transform: none; color:#02AFEF; padding-left:0;}
		#nav li ul .sub-box > li.menuHd:before { content: none}

		#nav li ul.drop2 { width:250px; left:initial; margin-left: -20px; transform: none}
		#nav li ul.drop2 .sub-box { width:100%;padding:0 5% }

		/*Language Selection*/
	.language-select { width: 52px; height:40px;}
	.languagepicker {background-color: #465159;display: inline-block;padding: 0;height: 40px;overflow: hidden;transition: all .3s ease;margin: 0;vertical-align: top;float: right;}
	.languagepicker:hover {height: 81px;}
	.languagepicker a{color: #FFF;text-decoration: none;}
	.languagepicker li {display: block;padding:0px 20px;line-height: 42px;border-top: 1px solid #333;}
	.languagepicker a:first-child li {border: none;}
	.languagepicker li img {margin-right: 5px;}


header.scrolled .bottom-nav-container { padding:5px 0;-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.21);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.21);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.21); }
header.scrolled .bottom-nav-container nav { margin:18px 20px 0 0 }
      .logo.smaller {width: 56px; height: 48px; margin-top:11px;}
header.scrolled .bottom-nav-container #nav li ul {top:70px;}

	/* Button MoMoris */
	.btn-momoris { float:right; height:62px; background: url(../images/sepa-momoris.png) no-repeat left top; padding-left:39px; width:230px}
	.btn-momoris .txt1 { color:#E70008; font-size:25px;font-family: 'Rock Salt', cursive;}
	.btn-momoris .txt1::after { display:inline-block; content:""; width:12px; height:16px; background:url(../images/sm-grey-arrow.svg) no-repeat; margin-left:15px;}
	.btn-momoris.scrolled .txt1{ font-size:22px;}


/*02HOMEPAGE VIDEO CONTAINER
******************************************************************/
.gov-site-home-banner-container {  height:calc(100vh - 144px); float:left; width:100%; position:relative; z-index:1}
.gov-site-home-banner-container .overlay { z-index:2; position:absolute; width:100%; height:50%; bottom:0; background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.52) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.22)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.52) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.52) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.52) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
	.video-wrapper { width: 100%; height:100%; position:relative}
	.video_cover {position: absolute;  z-index: 1 !important; width: 100%; height: 100%; -webkit-background-size: cover !important;  -moz-background-size: cover !important;
		-o-background-size: cover !important;  background-size: cover !important; opacity:1;transition: all 0.3s ease-out 0s; }
	.video_cover.fade {opacity:0}
	.video_banner { width: 100%; height:100vh;overflow:hidden}
	.video_banner .videoLoop {  background-color: #000; overflow: hidden; width:100%; position:absolute; height:100%}
	.video_banner .videoLoop #background_video {position: absolute;top: 50%;left: 50%;	-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);		transform: translate(-50%,-50%);display: inline-block;	vertical-align: baseline;	min-width: 100%;	min-height: 100%;width: auto;	height: auto;	background-size: cover;	overflow:hidden	}

/*SEARCH ON BANNER VIDEO
******************************************************************/
.home-overlay-banner-content { z-index:3; position:absolute; left:50%; bottom:50%; width:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:770px;}
.home-overlay-banner-content h1 { float:left; width:100%; text-align:center; color:#FFF; font-size:38px; margin-bottom:30px}
.home-overlay-banner-content .search-field-cn { float:left; width:100%; }
.home-overlay-banner-content .search-field-cn .input-box {  width:calc(100% - 66px);float:left;}
.home-overlay-banner-content .search-field-cn .input-box input[type="text"] {  width:100%; float:left; border:0; height:53px; background:rgba(255,255,255,0.5);-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; padding:10px; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:300;transition: all 0.3s ease-out 0s; }
.home-overlay-banner-content .search-field-cn .input-button { float:right; width:66px;}
.home-overlay-banner-content .search-field-cn .input-button input[type="submit"] {  width:66px; height:53px; background: url(../images/icn-loop-submit.svg) #3F3E44; border:0; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius:5px; text-indent:-99999px}

.home-overlay-banner-content .search-field-cn .input-box input[type="text"]:focus {  background:rgba(255,255,255,1) }

/*Mobile banner*/
.banner-mobile-wrapper { width:100%; display: none; position: relative}


/* CONTENT CONTAINER
******************************************************************/
.content-container { float:left; width:100%;position:relative; }
.con1500 { margin:0 auto; width:100%; max-width: 1500px; padding:0;}
.bg-white{background: #fff}
.gov-site-wrapper { width:100%; height:100%; /* padding-top: 160px; */    padding-top: 100px;}
.gov-site-wrapper.scrolled{padding-top: 70px;}
.gov-site-container { position:relative;}

/* Homepage News Container
******************************************************************/
.homepage-news-container { background: #E0E9F1; padding:100px 0}
  .main-news-box { width:74.6666%; float:left;}
  .main-news-box .title { color:#00ADED; font-size:52px; font-weight: 700}
  .main-news-box .news-container { background: #fff; padding:10px 20px 20px 20px; min-height: 620px}
  .home-main-news-box { width:68.5820%; margin-right:5.7460%; float:left}
		.home-main-news-box .photo { width:100%; position: relative; overflow: hidden; background: #000}
        .home-main-news-box .photo img {transition: all 0.5s ease-out 0s; display: block}
		.home-main-news-box .photo .date { position: absolute; z-index: 1; left:0; top:0; background: rgba(255,255,255,1); padding:5px 20px 5px 10px; color:#02AFEF; font-weight: 400 }
        .home-main-news-box .photo .title { position: absolute; z-index: 1; width:100%; left:0; bottom:0; background: rgba(51,51,51,0.7); padding:20px 15px; color:#fff; font-weight: 700; transition: all 0.3s ease-out 0s; font-size: 28px; min-height: 108px}
		.home-main-news-box .photo .title h1 { font-size: 28px; font-weight: 700;}
		.home-main-news-box .content { width:100%; padding:20px; color:#576672; font-size:15px;line-height: 150% }
		.home-main-news-box .content a { color:#02AFEF; position: relative;}
        .home-main-news-box .content a:after {content: '';  position: absolute;  left: 0; display: inline-block; height: 1em; width: 100%;  border-bottom: 1px solid;  margin-top: 5px;  opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;
			-webkit-transform: scale(0,1);	transform: scale(0,1);}
		.home-main-news-box .content a:hover:after { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
        .home-main-news-box .more { width:100%;padding:0 20px; }
		.home-main-news-box .more a {  color:#02AFEF; position: relative; font-weight: 500}
        .home-main-news-box .more a:after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
		.home-main-news-box .more a:hover { color:#000;}
		.home-main-news-box:hover { cursor:pointer}
		.home-main-news-box:hover .photo img {transform: scale(1.1, 1.1); opacity:0.4}
		.home-main-news-box:hover .photo .title { min-height: 150px}
		.home-main-news-box:hover .content {color:#000; }
			


        .home-other-news-box { width:22.7988%; float:left; padding-top: 17px}
		.home-other-news-box ul li { margin-bottom:30px;border: 1px solid #fff;  padding: 3px;}
		.home-other-news-box span { display: block}
		.home-other-news-box .photo { width:100%; overflow: hidden; position: relative; background: #000}
		.home-other-news-box .photo img {transition: all 0.5s ease-out 0s; display: block}
		.home-other-news-box .content { width:100%; padding:10px 0; color:#576672; font-size:15px;line-height: 150% }
		.home-other-news-box .date { width:100%; padding:3px 0; font-size:13px; color:#00ADED;  }
		.home-other-news-box .more { width:100%;}
   	.home-other-news-box .more a {  color:#02AFEF; position: relative; font-weight: 500}
   	.home-other-news-box .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
 		.home-other-news-box .more a:hover { color:#000;}
		.home-other-news-box ul li:hover .photo img {transform: scale(1.1, 1.1); opacity:0.6}
		.home-other-news-box ul li:hover .content {color:#000;}
		.home-other-news-box ul li:hover {border: 1px solid #02AFEF}


   .main-event-box { width:24%; float:left; margin-left:1.3333%}
   .main-event-box .title { color:#465159; font-size:52px; font-weight: 700}
   .main-event-box .event-container { background: #F6F7FB; padding:22px 0 20px 26px;}
   .main-event-box .event-container ul li { width:100%; position: relative; height: 85px; padding-top: 15px; margin-bottom:25px }
   .main-event-box .event-container ul li .datePage { width:55px; height:55px; background: #FFF; border-radius:8px; float:left; position: relative; z-index: 2}
   .main-event-box .event-container ul li .datePage .date { width:100%; text-align: center; color: #465159; font-size:24px;font-weight:700; padding-top:5px}
   .main-event-box .event-container ul li .datePage .month { position: absolute; bottom:0; background: #465159; height:17px; text-align: center; color:#FFF; font-weight:500; font-size:13px; width:100%;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
   .main-event-box .event-container ul li .event-content { position: relative; margin-left:65px; padding-right:20px; z-index: 2 }
   .main-event-box .event-container ul li .event-content .title {font-weight:500; font-size:16px;}
   .main-event-box .event-container ul li .event-content .category {font-size:14px; color:#01AEEE}
   .main-event-box .event-container ul li .arrow { position: absolute; right:0; width:13px; height:100%; background: #C8E0C1; top:0; color:#FFF; text-align: center; line-height: 85px; z-index:1;transition: all 0.5s ease-out 0s;  }
   .main-event-box .event-container .more { width:100%;}
   .main-event-box .event-container .more a {  color:#02AFEF; position: relative; font-weight: 500}
   .main-event-box .event-container .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
   .main-event-box .event-container .more a:hover { color:#000;}
   .main-event-box .event-container ul li:hover { cursor:pointer}
   .main-event-box .event-container ul li:hover .datePage .date { color:#5B954A}
   .main-event-box .event-container ul li:hover .datePage .month {background: #5B954A;}
   .main-event-box .event-container ul li:hover .arrow { width:110%;}
   .main-event-box .event-container ul li:hover .arrow span { display:none}
	
/*Feature Box*/
.home-feature-box-container { background: #F2F2F2; padding:70px 0}
   .feature-box-cont { width:100%;}
   .feature-box-cont ul li { width:18.9333%; float: left; margin-right: 1.3333%; min-height: 390px; position: relative;background: #FFF;transition: all 0.5s ease-out 0s;}
   .feature-box-cont ul li:last-child { margin-right:0}
   .feature-box-cont ul li .photo { width:100%; overflow: hidden; }
   .feature-box-cont ul li .photo img {transition: all 0.5s ease-out 0s; display: block}
   .feature-box-cont ul li .content { width:100%; padding:20px; }
   .feature-box-cont ul li .content .tit { color:#465159; font-size:19px; font-weight:700; margin-bottom: 5px }
   .feature-box-cont ul li .content .desc { color:#465159; font-size:16px; }
   .feature-box-cont ul li .content .desc a { color:#0E9BD0}
   .feature-box-cont ul li .content .desc a:hover { color:#000}
   .feature-box-cont ul li:nth-child(2) { background: #465159}
   .feature-box-cont ul li:nth-child(2) .content .tit, .feature-box-cont ul li:nth-child(2) .content .desc { color:#FFF; }
   .feature-box-cont ul li:nth-child(4) { background: #97B5CF}
   .feature-box-cont ul li:nth-child(4) .content .desc { color:#FFF; }
   .feature-box-cont ul li:nth-child(4) .more a {  color:#465159;}

   .feature-box-cont ul li .more { width:100%; padding:0 20px}
   .feature-box-cont ul li .more a {  color:#02AFEF; position: absolute; bottom:20px; font-weight: 500}
   .feature-box-cont ul li .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
   .feature-box-cont ul li .more a:hover { color:#000;}
   .feature-box-cont ul li:hover  { cursor:pointer; margin-top:-10px}
   .feature-box-cont ul li:hover .photo img {transform: scale(1.2, 1.2);}
   
   
/*Quick Links*/
.homepage-quicklinks-container {  padding:50px 0; position: relative;}
.homepage-quicklinks-container::before { content:''; position: absolute; z-index:0; background:#E7E7E8; width: 100%; height: 80%; display:block; top:0; }
.homepage-quicklinks-container .title { color:#00ADED; font-size:52px; font-weight: 700;z-index:1; position: relative}
.homepage-quicklinks-container .title span { color:#465159}
.homepage-quicklinks-container ul { text-align:center; margin-top:3%; z-index:1; position: relative }
.homepage-quicklinks-container ul li {display: inline-block; padding:2% 0 0 0; width:16.2666%; min-height: 280px; background:transparent;transition: all 0.5s ease-in 0s;vertical-align: top;}
/* .homepage-quicklinks-container ul li:first-child {  background:#FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);} */
.homepage-quicklinks-container ul li .icon { margin:0 auto; width:63.1147%;}
.homepage-quicklinks-container ul li .text { text-align:center; color:#465159; font-size:15px; font-weight:300; text-transform:uppercase}
.homepage-quicklinks-container ul li .text strong {font-weight:700; }
.homepage-quicklinks-container ul li .more { text-align:center; margin-top:15px}
.homepage-quicklinks-container ul li .more a {  color:#465159;  font-weight: 500; font-size:15px;}
.homepage-quicklinks-container ul li .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
.homepage-quicklinks-container ul li .more a:hover { color:#02AFEF}
.homepage-quicklinks-container .view-more-link { text-align:center;z-index:1; position: relative }
.homepage-quicklinks-container .view-more-link a { position:relative; display: inline-block; color:#064C8C; font-size:15px; font-weight:500;   top: 20px;}

.homepage-quicklinks-container .view-more-link a:after {content: '';  position: absolute;  left: 0; display: inline-block; height: 1em; width: 100%;  border-bottom: 1px solid;  margin-top: 5px;  opacity: 1;}
.homepage-quicklinks-container .view-more-link a:hover { color:#02AFEF}
.homepage-quicklinks-container .view-more-link a:hover:after {border-bottom: 1px solid #02AFEF;}

.homepage-quicklinks-container ul li:hover { cursor:pointer; background:#FFF;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); margin-top:-10px }
.homepage-quicklinks-container ul li:hover .text { color:#02AFEF}

.homepage-quicklinks-container ul li:hover:first-child .iconCitizen  {animation-name: play28;}

/*Information Services*/
.homepage-information-container {  padding:50px 0; position: relative;}
.homepage-information-container .title { color:#00ADED; font-size:52px; font-weight: 700}
.homepage-information-container .title span { color:#465159}
.homepage-information-container .information-slider { width:100%; margin-top:15px;}
.homepage-information-container .slick-slide{  display: none;  float: left;    width:20%;  height: 100%;  min-height: 1px;}
.homepage-information-container .slick-slide .photo { width:100%; position: relative; overflow:hidden}
.homepage-information-container .slick-slide .photo img {transition: all 0.5s ease-out 0s; display: block}
.homepage-information-container .slick-slide .overlay { position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.6); z-index: 1;transition: all 0.5s ease-out 0s; }
.homepage-information-container .slick-slide .overtxt { position:absolute; width:100%; height:50%; padding: 0 20px 40px 20px; bottom:0; z-index: 2; display: table; background: rgba(255,255,255,0);transition: all 0.5s ease-out 0s;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.71) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.71)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.71) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.71) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.71) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.71) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}
.homepage-information-container .slick-slide .overtxt .tit { color:#FFF; font-weight:700; font-size:38px;display: table-cell; vertical-align: bottom; width:100%; line-height: 90% }
.homepage-information-container .slick-slide .overtxt .tit .subtit { color:#FFF; font-weight:500; font-size:15px; text-transform: uppercase; letter-spacing: 1px}
.homepage-information-container .slick-slide .content { width:90%; position: relative; margin:0 auto; background: rgba(255,255,255,0.9); padding: 40px 20px 20px 20px; margin-top: -30px; z-index: 3; min-height: 145px; color:#576772; font-size:14px;transition: all 0.5s ease-out 0s; }
.homepage-information-container .slick-slide .content .more {  margin-top:15px}
.homepage-information-container .slick-slide .content .more a {  color:#02AFEF;  font-weight: 500; font-size:15px;}
.homepage-information-container .slick-slide .content .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle; font-size: 18px;}
.homepage-information-container .slick-slide .content .more a:hover { color:#000}

.homepage-information-container .slick-slide:hover .overlay {background: rgba(0,0,0,0.2);}
.homepage-information-container .slick-slide:hover .photo img {transform: scale(1.1, 1.1);}
.homepage-information-container .slick-slide:hover .overtxt { padding: 0 20px 120px 20px;}
.homepage-information-container .slick-slide.slick-center .photo img {transform: scale(1.2, 1.2);}
.homepage-information-container .slick-slide.slick-center .overlay {background: rgba(0,0,0,0.2);}
.homepage-information-container .slick-slide.slick-center .content {margin-top: -100px; min-height: 215px; background:#333; color:#FFF; font-size:15px; }
.homepage-information-container .slick-slide.slick-center .overtxt { padding: 0 20px 120px 20px;}
.homepage-information-container .slick-slide:hover .content {margin-top: -100px; min-height: 215px; background:#333; color:#FFF; font-size:15px; }



/* Slider */
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slider{ position: relative;  display: block;  box-sizing: border-box;  -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;  user-select: none; -webkit-touch-callout: none;  -khtml-user-select: none; -ms-touch-action: pan-y;    touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{  position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{  -webkit-transform: translate3d(0, 0, 0);    -moz-transform: translate3d(0, 0, 0);       -ms-transform: translate3d(0, 0, 0);   -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.slick-track{  position: relative;  top: 0;  left: 0;  display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table;  content: '';}
.slick-track:after{  clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
[dir='rtl'] .slick-slide{  float: right;}
.slick-slide.slick-loading img{  display: none;}
.slick-slide.dragging img{  pointer-events: none;}
.slick-initialized .slick-slide{  display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{  display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {  display: none;}
	/* Arrows */
	.slick-prev,.slick-next{ position: absolute; bottom:-15%;  display: block;  width: 43px; height: 38px; padding: 0; -webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0); transform: translate(-50%, 0);  cursor: pointer;  color: transparent; font-size: 0;  border: none;  outline: none;
		background-size:cover;z-index: 1;opacity:0.7}
	.slick-prev { left:48%; background: url(../images/svg/icn-arrow-prev-carousel.svg) no-repeat;}
	.slick-next { right:46%; background: url(../images/svg/icn-arrow-next-carousel.svg) no-repeat;}
	.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{  opacity: 1;  outline: none;}
	.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{  opacity: 1;}
	.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{  opacity: .25;}
	/* Dots */
	.slick-dotted.slick-slider{  margin-bottom: 30px;}
	.slick-dots{  position: absolute; bottom: -25px; display: block;  width: 100%;  padding: 0; margin: 0;  list-style: none;  text-align: center;}
	.slick-dots li{  position: relative; display: inline-block;  margin: 0 5px;  padding: 0; cursor: pointer;}
	.slick-dots li button{ font-size: 0;  line-height: 0; display: block; width: 8px; height: 8px; padding:0; border-radius:50%; cursor: pointer;   opacity: 0.3;
		color: transparent;  border: 0;  outline: none; background: #465159;}
	.slick-dots li button:hover,.slick-dots li button:focus{  outline: none;opacity: 1;}
	.slick-dots li.slick-active button{ opacity: 1; }

/*Information Services*/
.homepage-banner-container { width:100%; max-width:1824px; margin:0 auto; margin-top: 80px; margin-bottom: 50px}

/*Information Services*/

footer { width:100%; /*background: #F4F4F4*/;float:left}
.top-footer-cn { background: #fff; padding:30px 0; width:100%; float:left}
.top-footer-cn .col-left { color:#BABABA; font-size:45px; font-weight:300; float:left; width: 50%;}
.top-footer-cn .col-right { float:left; width: 50%; text-align: right}
.top-footer-cn .col-right .tit { color:#5E5B65; font-size:15px; font-weight:700; margin-bottom: 15px}
.top-footer-cn .col-right .holiday-date .icn { width:50px; height:47px; display:inline-block; background: url(../images/svg/icn-holiday-date.svg) no-repeat; background-size: cover;}
.top-footer-cn .col-right .holiday-date .txt { position: relative; margin-left: 10px; display:inline-block; vertical-align: bottom; text-align: left;}
.top-footer-cn .col-right .holiday-date .txt .t1 { color:#465159; font-size: 20px; font-weight: 700}
.top-footer-cn .col-right .holiday-date .txt .t2 { color:#02AFEF; font-size: 31px; font-weight: 300}
footer .bottom-footer-cn {  padding:25px 40px; width:100%;float:left}
footer .bottom-footer-cn .bottom-menu { float:left; width: 50%;}
footer .bottom-footer-cn .bottom-menu ul li { float:left; font-size:13px; margin-right: 20px}
footer .bottom-footer-cn .bottom-menu ul li a { color:#333;}
footer .bottom-footer-cn .bottom-menu ul li a:hover {  color:#02AFEF;}
footer .bottom-footer-cn .copyright { float:left; width: 50%; text-align: right;font-size:13px; color:#333;  }
footer .bottom-footer-cn .copyright a {color:#333; }
footer .bottom-footer-cn .copyright a:hover {color:#02AFEF; }


/* ANIMATIONS*/
@keyframes play28 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -4312px 0px;
  }
}
.iconCitizen {
  animation-duration: 906ms;
  animation-timing-function: steps(28);
  width: 154px;
  height: 110px;
  background-repeat: no-repeat;
	 animation-fill-mode: forwards; 
}

/* Innerpage banner */
.gov-site-home-banner-container.inner-banner {height: 290px;float: left;width: 100%; position: relative;z-index: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/* breadcrum */
.bg-white{background: #fff}
.breadcrum{float: left;width: 100%;padding: 25px 0px 20px 0px;border-bottom: 1px solid #dbdbdb}
.breadcrum ul li{display: inline-block;margin: 0px 4px;color: #576672;font-size: 15px;vertical-align: bottom}
.breadcrum ul li:first-child{margin-left: 0px;}
.breadcrum ul li:hover > a{color: #02AFEF;}
.breadcrum ul li.active {color: #02AFEF;}
/* inner_preset */
.cont1450{width: 100%;max-width: 1450px;margin: 0 auto;padding: 0;}
.Innerpage_content-pad{float: left;width: 100%}
.brown-color{color: #8f6e4c}
.blue-color{color: #317391}
.Innerpage_content{float: left;width: 100%;padding: 2.5% 0% 5% 0}
.inner-title{font-size: 33px;font-weight: 700;color:#465159}
.inner-sub-title{font-size: 52px;font-weight: 700;color:#799951}
.Innerpage_content .cnWrapper{float: left;width: 100%;padding: 55px 0px 0px 0px;}


/* Registration-mark */
.Registration-mark{padding: 3.5% 0% 3% 0;}
.Registration-mark .cnWrapper {padding: 25px 0px 0px 0px;}
.Registration-form{float: left;width: 100%;max-width: 988px;}
.Registration-form form{width: 100%;float: left;}
.Registration-form form .form-row{width: 100%;float: left;margin: 1rem 0;}
	.form-row .col12 .col6{padding: 0px;padding-right: 2%;}
	.form-row .col6{width: 50%;float: left;padding: 20px 0px;padding-right: 4%;}
	.form-row .col12{width: 100%;float: left;padding: 20px 0px;padding-right: 4%;}
	.form-row label{float: left;width: 100%;font-size: 19px;color: #47515a;font-weight: 500}
	.form-row input[type='text']{float: left;width: 100%;background-color: #e1e1e1;border: 1px solid #c5c5c5;border-radius: 10px;height: 40px;margin-top: 10px;padding: 0px 10px;font-size: 17px;color: #47515a;}
	.form-row input[value=""] {background-color: #fbfbfb;}
	.form-row select{float: left;width: 100%;-webkit-appearance: none;background-color:#fbfbfb;border: 1px solid #c5c5c5;border-radius: 10px;height: 40px;margin-top: 10px;padding: 0px 10px;font-size: 17px;color: #47515a;cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2ODVCNTk4MDlBMUExMUU4QUMyN0IzQzRCRDc1MUVBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2ODVCNTk4MTlBMUExMUU4QUMyN0IzQzRCRDc1MUVBNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NUI1OTdFOUExQTExRThBQzI3QjNDNEJENzUxRUE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY4NUI1OTdGOUExQTExRThBQzI3QjNDNEJENzUxRUE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6Aaq2AAAALZJREFUeNpidA+MKmNgYLgJxBsZyAA71i1l8AiK5gIyNwCxJhOQqATidUAcTY6BUMO2ALErEF8HGegBxF+AeBEZhsIMcwTiPUAcADLwJBC7kWEosmGbgdgb6P1vTFBJUg1FNywEaNgvkAQTkiJ0Q2NJNQzdQGyGZpJiGDYDkQ39BMTTkAzlRjcMiH+ha2bB4S2YobughoIMCwViM3yG4XIhNpd2E2MYIQORDX0HxOsJGQYCAAEGAGDdQ2UYtYfjAAAAAElFTkSuQmCC);background-position: 95% 50%; ;background-repeat: no-repeat;}
	.form-row input[type='submit']{font-size: 18px;font-weight: 500;background: #799a51;color: #fff;padding: 19px 30px;border: none;transition: all 0.3s ease;cursor: pointer;margin-right: 3%;}
	.form-row input[type='submit']:hover{background: #02AFEF}
	.form-row button[type="reset"]{border: none;background: none;cursor: pointer;font-size: 18px;font-weight: 500;color: #d1cfcf;}
	.form-row button[type="reset"]::before{content: "\f00d";font-family: 'FontAwesome';margin-right: 5px;}
	.form-row button[type="reset"]:hover{color: #E70008}

	/*registration-step1*/
.gov-site-home-banner-container.small-banner {height: 161px;float: left;width: 100%; position: relative;z-index: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.bg-white{background: #fff}
.registration-content{float: left;width: 100%;padding: 40px 0px}
.form-step-wrapper{float: left;width: 100%;;padding: 0px 4%}
.form-step-wrapper .title{font-weight: 700;font-size: 33px;color: #799a51;text-align: center}
.form-step-wrapper .sub-title{font-weight: 500;font-size: 16px;color: #0d9ad0;text-align: center;margin-top: 5px;}

.step-range{width: 100%;max-width:840px;margin: 0 auto;}
.step-range ul {width: 100%;float: left;padding: 2% 0px;}
.step-range ul li{float: left;width:23.8095%;position: relative;}
.step-range ul li:first-child{width: 32px}
.step-range li .circle{width: 32px;height: 32px;background: #d9d9d9;text-align: center;font-size: 17px;color:#616060;line-height: 32px;border-radius: 100%;float: right;position: relative;z-index: 2;}
.step-range li.active .circle{background: #0d9ad0;color: #fff}
.step-range li .line{width: 100%;height: 3px;background:#d9d9d9;left: 0px;top: 50%;position: absolute;transform: translate(0, -50%);z-index: 1; }
.step-range li.active .line{background: #0d9ad0;}
.step-range li .line.half::before{content: '';width: 43%;height: 100%;background:#0d9ad0;position: absolute}

.form-step-container{float: left;width: 100%;padding: 3% 0px 3% 0px;}
.form-step-container .text{font-weight: 400;font-size: 25px;color:#485059;text-align: center;padding: 0px 1%;}
.form-step-container .button{text-align: center;padding: 4% 0px;}
.form-step-container .cnbut{border: none;display: inline-block;vertical-align: top;font-weight: 500;font-size: 18px;transition: all 0.3s ease;cursor: pointer;margin: 0px 3%;}
.form-step-container .cnbut a{display: block; width: 137px;height: 60px;line-height: 60px;}
.form-step-container .cnbut a:hover{color: #b1b3b5;}
.form-step-container .cnbut.accept{background: #799a51;color: #fff;border: 1px solid #799a51;}
.form-step-container .cnbut.accept:hover{background: #0d9ad0;border: 1px solid #0d9ad0}
.form-step-container .cnbut.accept:hover a{color: #fff}
.form-step-container .cnbut.decline{background: transparent;color: #b1b3b5;border: 1px solid #b1b3b5; }
.form-step-container .cnbut.decline:hover{background: #47515a;color: #fff;border: 1px solid #47515a;}
.form-step-container .send-but{background: #465159 !important;font-weight: 300 !important;font-size: 18px !important;padding: 12px 27px !important;cursor: pointer;}
.form-step-container .send-but:hover{background: #0d9ad0 !important;}

.form-bot {float: left;width: 100%;padding: 30px 15px 0px;}
.form-bot .cnbut{text-align: center;font-size: 25px;font-weight: 700;}
.form-bot .cnbut a {display: block;width: 121px;height: 53px;line-height: 53px;}
.form-bot .cnbut.next{float: right;}
.form-bot .cnbut.next{background: #799a51;color: #fff;border: 1px solid #799a51;}
.form-bot .cnbut.next:hover{background: #0d9ad0;border: 1px solid #0d9ad0}
.form-bot .cnbut.next:hover a{color: #fff}
.form-bot .cnbut.back{color:#d1cfcf}
.form-bot .cnbut .back a{position: relative;color:#d1cfcf}
.form-bot .cnbut.back a:hover{color: #0d9ad0}
.form-bot .cnbut.back a::before {content: '\f0d9';margin-right: 5px;display: inline-block;font-family: 'FontAwesome';vertical-align: middle;font-weight: 300;font-size: 20px;}

.form-step-container .form{width: 100%;max-width: 565px;margin: 0 auto;}
.form-step-container .form form{float: left;width: 100%;padding-bottom: 25px;}
.form-step-container .form form input[type='text']{background: #fbfbfb}
.form-step-container .form form input[type='text']:focus{background: #e1e1e1}
.form-step-container .col12 {width: 100%;float: left;padding: 0px 0px 20px 0px;}
.form-step-container .col6 {padding: 0px 0px 0px 0px;}

.form-step-container .title{font-weight: 500;font-size: 19px;color:#cfcfcf;width: 100%;max-width: 565px;margin: 0 auto;text-align: left;padding-bottom: 15px;}
.otpform{width: 100%;float: left;position: relative;padding: 25px 0px 0px 0px;}
.otpform::before{content: '';position: absolute;width: 55%;left: 50%;top: 0px;transform: translate(-50%,0);height: 1px;background: #dcdcdc}
.otpform .container-form{width: 100%;max-width: 565px;margin: 0 auto;}
.otpform form label{font-weight: 500;font-size: 19px;color: #465159;width: 2%;}
.otpform form input{background: #fbfbfb;border: 1px solid #c5c5c5;border-radius: 10px;height: 40px;margin-top: 10px;padding: 0px 10px;font-size: 17px;color: #47515a;width: 80%;margin-left: 3%;}
.otpform form input[type='text']:focus{background: #e1e1e1}
.step-form{padding: 3% 0px 0% 0px;}

.form-step-container.full-form-width .form {width: 100%;max-width: 1070px;margin: 0 auto;}
.form-step-container.full-form-width .col6 {padding: 0px 0px 20px 0px;}
.col6#radiobutton ,.col6#DOB {padding: 0px 0px 00px 0px;margin-bottom: 20px}

.form-step-container.full-form-width .col12 input{width: 97%}
.form-step-container.full-form-width .col6 input{width: 95%}
.form-step-container.full-form-width .col6#DOB input[type="date"] {width: 70%;}

#radiobutton {height: 40px;line-height: 40px}
#radiobutton label ,#radiobutton input , #radiobutton .radio{display: inline-block;width: auto;float: initial;vertical-align: middle}
#radiobutton label{margin-right:25px}
#radiobutton input[type='radio']{position: absolute;opacity: 0;}
#radiobutton .radio label{font-size: 17px;color:#a3a3a3;font-weight: 400}
#radiobutton .radio input[type="radio"] + .radio-label::before { content: '';background: #fff;border-radius: 100%;border: 1px solid #a1a3a4;display: inline-block;width: 1.3em;height: 1.3em;position: relative;margin-right: 0.5em; vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;top: 0.5em;}
#radiobutton .radio input[type="radio"]:checked + .radio-label:before {background-color: #a1a3a4;box-shadow: inset 0 0 0 4px #fff;}
#radiobutton .radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #a1a3a4;}
#radiobutton .radio input[type="radio"] + .radio-label:empty:before { margin-right: 0;}

#DOB  {height: 40px;line-height: 40px}
#DOB label{margin-right: 3.5%}
#DOB label , #DOB input {display: inline-block;width: auto;float: initial;vertical-align: middle}
#DOB input[type="date"] {background: #fbfbfb url('../images/svg/dob.png')97% 50% no-repeat;border: 1px solid #c5c5c5;border-radius: 10px;height: 40px;padding: 0px 10px;font-size: 17px;color: #47515a;width: 75%;cursor: pointer;}
#DOB input[type="date"]::-webkit-inner-spin-button {display: none;}
#DOB input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}


/* news */
.Innerpage_new{width: 100%;float: left;}
.Innerpage_new .cn_Innerpage_new{width: 100%;float: left;background: #f8f8f8;margin-top: 6.5%}
.Innerpage_new .cn_Innerpage_new .cnWrapper {width: 100%;float: left;margin-top: -65px;padding-bottom: 20%;}
.Innerpage_new .cnDivide{float: left;width: 100%;padding: 0px 0px 20px 0px;}
.Innerpage_new .cnDivide .cnImg{float:left;width: 47%}
.Innerpage_new .cnDivide .cnInfo{float:left;width: 53%;margin-top: 65px;padding-left: 5%;}
.Innerpage_new .cnDivide .cnInfo .cnDesc{float: left;width: 100%;padding: 8% 0px 0px 0px}
	.cnDivide .cnInfo .Title_news{font-weight: 700;font-size: 30px;color:#000000;float: left;width: 100%;}
	.cnDivide .cnInfo .news_info{float: left;width: 100%;border-bottom: 1px solid #c2c6c8;padding: 2.5% 0px}
	.cnDivide .cnInfo .news_info .left{float: left;width: 88%}
	.cnDivide .cnInfo .news_info .right{float: left;}
		.cnInfo .news_info .text{font-size: 16px;color:#465159;margin: 7px 0px;}
		.cnInfo .news_info .text strong{font-weight: 500;}
		.cnInfo .news_info .like_button{padding-top: 10px;}
		.cnInfo .news_info .circle{width: 67px;height: 67px;background: #465159;border:1px solid#465159;border-radius: 100%;cursor: pointer;position: relative;cursor: pointer;transition: all 0.3s ease}
		.cnInfo .news_info .circle span{text-align: center;color: #fff;display: block;font-size: 35px;line-height: 66px;}
		.cnInfo .news_info .circle:hover{background: #fff;}
		.cnInfo .news_info .circle:hover span{color: #465159}
		.cnInfo .news_info .circle:hover .circle_count{border:1px solid #465159;background: #465159;}
		.cnInfo .news_info .circle:hover .circle_count span{color:#fafafa; }
		.cnInfo .news_info .circle_count{width: 28px;height: 28px;background: #fafafa;border-radius: 100%;border:1px solid #465159;position: absolute;right: -5px;bottom: -5px;overflow: hidden; }
		.cnInfo .news_info .circle_count span{display: block;font-weight: 700;font-size: 14px;color: #465159;text-align: center;    height: 28px;line-height: 28px;}
	.cnDivide .cnInfo .share_news{float: left;width: 100%;padding: 2.5% 0px}
	.cnDivide .cnInfo .share_news .left{display: inline-block;vertical-align: bottom;width: 49%}
	.cnDivide .cnInfo .share_news .left .links{margin: 14px 0px;font-size: 16px;color:#465159;cursor: pointer;}
	.cnDivide .cnInfo .share_news .left .links:last-child{margin-bottom: 0px}
	.cnDivide .cnInfo .share_news .left .links span{cursor:pointer;width: 25px;height: 25px;display: inline-block;vertical-align:middle;background:#00aded;border:1px solid #00aded;border-radius: 100%;margin-right: 6px;line-height: 24px;text-align: center;color: #fff;font-size: 16px;}
	.cnDivide .cnInfo .share_news .left .links:hover span{color:#00aded;background: #fff}
	.cnDivide .cnInfo .share_news .left .links:hover{color:#00aded}
	.cnDivide .cnInfo .share_news .right{display: inline-block;vertical-align: bottom;width: 49%;}
	.cnDivide .cnInfo .share_news .right .shared_button{text-align: right}
	.cnDivide .cnInfo .share_news .right .shared_button li{display: inline-block;vertical-align: bottom;font-weight: 500;font-size: 16px;color:#465159;margin: 0px 3px}
	.cnDivide .cnInfo .share_news .right .shared_button li span {cursor:pointer;color:#fff;width: 26px;height: 26px;display: block;border-radius: 100%;text-align: center;line-height: 23px; font-size: 16px;transition: all 0.3s ease}
	.cnDivide .cnInfo .share_news .right .shared_button li.fb span {background: #3a5897;border: 1px solid #3a5897}
	.cnDivide .cnInfo .share_news .right .shared_button li.fb:hover span {background: #fff;color:#3a5897; }
	.cnDivide .cnInfo .share_news .right .shared_button li.in span {background: #0079b8;border: 1px solid #0079b8}
	.cnDivide .cnInfo .share_news .right .shared_button li.in:hover span {background: #fff;color:#0079b8; }
	.cnDivide .cnInfo .share_news .right .shared_button li.tw span {background: #54aced;border: 1px solid #54aced}
	.cnDivide .cnInfo .share_news .right .shared_button li.tw:hover span {background: #fff;color:#54aced;}
.Innerpage_new .news_content{float: left;width: 100%;padding: 20px 0px}
.Innerpage_new .news_content .text{font-weight: 400;font-size: 16px;color:#616d76;line-height: 22px}
.Innerpage_new .news_content .text strong{font-weight: 500;font-size: 22px;line-height: 28px}

/* gallery */
.cn_Innerpage_new_gallery{float: left;width: 100%;}
.cn_Innerpage_new_gallery .cnWrapper{float: left;width: 100%;margin-top: -15%;}
.cn_Innerpage_new_gallery .cnWrapper .title{font-weight: 700;font-size: 30px;color:#00aded}
.cn_Innerpage_new_gallery .cnWrapper .grid_container{float: left;width: 100%}
/* gallery mansonry */
.gallery-section{float: left;width: 100%;position: relative;padding: 25px 0px 25px 0px;}
.gallery-section .grid li {display: block;float: left;padding: 5px;width: 33.3333%;opacity: 0;}
.gallery-section .grid li img{width: 100%;height: 100%;}
.gallery-section .grid li.height2 img{width: auto;height: auto;}
.gallery-section .grid li.shown,.no-cssanimations .grid li {opacity: 1;}
.gallery-section .grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}


.cn_Innerpage_new_comment{float: left;width: 100%;padding: 3.5% 0px;}
.cn_Innerpage_new_comment .cnWrapper{float: left;width: 100%;}
.cn_Innerpage_new_comment .cnWrapper .title{font-weight: 700;font-size: 30px;color:#00aded}
	.comment_block{float: left;width: 100%;}
	.comment_block .show_comment {float: left;width: 100%;}
	.comment_block .show_comment ul li{width: 100%;float: left;padding: 25px 0px;border-bottom: 1px solid #dadcde}
	.comment_block .Inner{width: 100%;float: left;}
	.comment_block .Inner .profile_img{width: 48px;height: 48px;display: inline-block;vertical-align: top}
	.comment_block .Inner .profile_info{display: inline-block;vertical-align: top;font-size: 16px;color: #465159;padding: 0px 15px;}
	.Inner .profile_info .name{font-weight: 500;display: inline-block;vertical-align: top;margin-right: 3px}
	.Inner .profile_info .date{font-weight: 300;display: inline-block;vertical-align: top}
	.Inner .profile_info .text{font-weight: 400;width: 100%;float: left; margin-top: 5px;}
	.pagination{float: left;width: 100%;padding: 3% 0px 2% 0px;}
	.pagination ul li{display: inline-block;vertical-align: top;color:#bab9b9;font-weight: 400;margin-right: 5px;cursor: pointer;}
	.pagination ul li:hover,.pagination ul li:active,.pagination ul li:focus,.pagination ul li.active{color: #465159;font-weight: 700}
	.leave_comment{width: 100%;float: left;padding: 15px 0px;}
	.leave_comment .sub_title{font-weight: 500;font-size: 20px;color: #465159;margin-bottom: 20px;}
	#auto_resize-textArea{resize: none;overflow-y: hidden;width: 100%;padding: 20px;font-size: 16px;color: #465159;font-family: 'Roboto', sans-serif;background:#fafafa  }
	#auto_resize-textArea::-webkit-input-placeholder {font-family: 'Roboto', sans-serif; color: #9aa1a6}
	#auto_resize-textArea::-moz-placeholder {font-family: 'Roboto', sans-serif; color: #9aa1a6}
	#auto_resize-textArea:-ms-input-placeholder {font-family: 'Roboto', sans-serif; color: #9aa1a6}
	#auto_resize-textArea:-moz-placeholder {font-family: 'Roboto', sans-serif; color: #9aa1a6}

	.leave_comment .button{float: left;width: 100%;text-align: right;margin-top: 30px;}
	.leave_comment .button a{background: #799a51;color: #fff;font-size: 16px;cursor: pointer;padding: 15px 16px;}
	.leave_comment .button a:hover{background: #0d9ad0}

.cn_Innerpage_more_news{float: left;width: 100%;}
.cn_Innerpage_more_news .cnWrapper{float: left;width: 100%;border-top:  1px solid #dadcde;padding: 2.5% 0px;}
.cn_Innerpage_more_news .cnWrapper .title{font-weight: 700;font-size: 40px;color:#465159;margin-left:10px;}
.cn_Innerpage_more_news .news{float: left;width: 100%;padding: 25px 0px;}
.cn_Innerpage_more_news .news li{display: inline-block;vertical-align: top;padding: 0px 15px;}
.cn_Innerpage_more_news .news li .cnImg{width: 100%;float: left;}
.cn_Innerpage_more_news .news li .cnDesc{width: 100%;float: left;padding: 10px 0px}
.cn_Innerpage_more_news .news li .cnDesc .sub-title{width: 100%;float: left;font-weight: 700;font-size: 14px;color:#799a51;padding: 5px 0px}
.cn_Innerpage_more_news .news li .cnDesc .text{width: 100%;float: left;font-size: 16px;color: #465159;padding: 5px 0px;line-height: 22px}
.cn_Innerpage_more_news .news li .more {width: 100%;float: left;;padding: 5px 0px}
.cn_Innerpage_more_news .news li .more a {color:#02AFEF;font-weight: 500}
.cn_Innerpage_more_news .news li .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
.cn_Innerpage_more_news .news li .more a:hover { color:#000;}
.cn_Innerpage_more_news .button{float: left;width: 100%;text-align: center;padding: 30px 0px 35px 0px;}
.cn_Innerpage_more_news .button a{background: #465159;color: #fff;font-size: 16px;cursor: pointer;padding: 15px 20px;}
.cn_Innerpage_more_news .button a:hover{background: #0d9ad0}



/* Explore mur */
.Fixed-menu {position: fixed; left: 45px;width: 30px;border-radius: 20px;top: 20%;min-height: 150px;background: #efefef;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transform: translateX(-20px);-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);}
.Fixed-menu.sticky{ opacity: 1;visibility: visible;transform: translateX(-0px); -webkit-transform: translateX(-0px); -moz-transform: translateX(-0px); -ms-transform: translateX(-0px); -o-transform: translateX(-0px); }
.Fixed-menu ul li{ float: left; width:100%; height: 50px; margin-bottom: 15px; transition:all 0.2s linear   ; -webkit-transition:all 0.2s linear   ; -moz-transition:all 0.2s linear   ; -ms-transition:all 0.2s linear   ; -o-transition:all 0.2s linear   ; }
.Fixed-menu ul li:first-child{margin-top: 10px;}
.Fixed-menu ul li:last-child{margin-bottom: 10px;}
.Fixed-menu ul li .Inner{float: left;width:100%;}
.Fixed-menu ul li .circle{width: 55px;height: 55px;border-radius: 100%; float: left;margin-left: -50%;position: relative;}
.Fixed-menu ul li .circle img{ position: relative;z-index: 1; width: 100%; -webkit-filter: grayscale(100%); /*Safari6.0-9.0*/filter: grayscale(100%); transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; }
.Fixed-menu ul li:hover .circle img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.Fixed-menu ul li.active .circle img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.Fixed-menu ul li .txt{ font-weight: 700; color: #303a41; font-size: 16px;text-align: center;opacity: 0; visibility: hidden; width: 100px;position: absolute; right: -90px; top: 50%;transform: translate(0,-50%); background: #efefef; padding: 3px 10px; transition: all 0.3s ease-in-out  ; -webkit-transition: all 0.3s ease-in-out  ; -moz-transition: all 0.3s ease-in-out  ; -ms-transition: all 0.3s ease-in-out  ; -o-transition: all 0.3s ease-in-out  ; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
.Fixed-menu ul li:hover .txt{visibility: visible;opacity: 1;}
.Fixed-menu ul li.active .txt{visibility: visible;opacity: 1;}


.section{float: left;width: 100%;padding: 20px 0px}
.Explore-cnt .title{font-weight: 700;font-size: 35px;color:#465159;margin-bottom: 15px}
.Explore-cnt .intro{font-size: 16px;color: #616d76}
.Explore-cnt .intro strong{font-weight: 700;}

.accordion-img {width: 100%;height: 500px;overflow: hidden;margin: 50px auto;}
.accordion-img ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.accordion-img ul li { display: table-cell; vertical-align: bottom; position: relative; width: 25%; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.accordion-img ul li .date{font-weight: 700;font-size:35px;color: #fff;position: absolute;bottom: 0px;right: 0px;transition: 1s ease}
.accordion-img ul li .inner { display: block; overflow: hidden;width: 100%;height: 100%;}
.accordion-img ul li .inner a {display: block; height:100%;width: 100%; position: relative; z-index: 3;padding: 7% 5% 0% 5%;box-sizing: border-box; color: #fff;text-decoration: none; transition: all 0.5s ease;}
.accordion-img ul li .inner a .cnDesc{opacity: 0;margin: 0;width: 100%;float: left;position: absolute; z-index: 5;overflow: hidden;visibility: hidden;transition-delay: 0.5s ;height: 100%;}
.accordion-img ul li .inner .acc-title { font-size: 30px; margin-bottom: 30px; font-weight: 700; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.accordion-img ul li .inner .acc-intro { font-size: 14px; visibility: hidden; opacity: 0; transition: all 0.3s  ease-in-out; position: absolute; width: 100%; z-index: 1; height: 100%; left: 0; top: 45px; padding: 0px 10% 0px 0px; -webkit-transition: all 0.3s  ease-in-out; -moz-transition: all 0.3s  ease-in-out; -ms-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; }
.accordion-img ul:hover li, .accordion-img ul:focus-within li {width: 8%;}
.accordion-img ul li:focus { outline: none;}
.accordion-img ul:hover li:hover,
.accordion-img ul li:focus, .accordion-img ul:focus-within li:focus {width: 100%;}
.accordion-img ul:hover li:hover a,
.accordion-img ul li:focus a, .accordion-img ul:focus-within li:focus a {background: rgba(48, 58, 65, 0.9);}
.accordion-img ul:hover li:hover a .cnDesc,
.accordion-img ul li:focus a .cnDesc, .accordion-img ul:focus-within li:focus a .cnDesc {opacity: 1;visibility: visible;display: block}
.accordion-img ul:hover li:hover a .cnDesc .acc-title,
.accordion-img ul li:focus a .cnDesc .acc-title, .accordion-img ul:focus-within li:focus a .cnDesc .acc-title {visibility: visible;opacity: 1;}
.accordion-img ul:hover li:hover a .cnDesc .acc-intro,
.accordion-img ul li:focus a .cnDesc .acc-intro, .accordion-img ul:focus-within li:focus a .cnDesc .acc-intro {visibility: visible;opacity: 1}


.accordion-img ul:hover li {width: 8% !important;}
.accordion-img ul:hover li a .cnDesc { opacity: 0 !important;}
.accordion-img ul:hover li:hover { width: 60% !important;}
.accordion-img ul:hover li:hover a .cnDesc {opacity: 1 !important;}


.block2 .cnDesc{float: left;width: 100%}
.block2 .cnDesc .intro{max-width: 820px;width: 56.5517%;float: left;line-height:22px}
.block2 .cnDesc .cnImg{max-width: 560px;width: 38.6206%;float: right;}
.block2 .cnDesc .cnImg img{width: 100%}
.block3 .intro {font-weight: 300;font-size: 25px}
.block3 .intro strong.green{color: #799a51;font-size: 25px}

/* first tabs */
.block3 .tabs-cnt{float: left;width: 100%;    padding: 65px 0px;}
.block3 .tabs-cnt .tabs-header{max-width: 830px;width: 57.2413%;float: right;}
.block3 .tabs-cnt .tabs-header li{display: inline-block;vertical-align: middle;font-weight: 700;font-size: 25px;color:#d7dadb;padding: 0px 20px;cursor: pointer;}
.block3 .tabs-cnt .tabs-header li:first-child{padding-left: 0px;border-right: 1px solid #616d76}
.block3 .tabs-cnt .tabs-header li.active{color: #616d76}
.block3 .tabs-cnt .tabs-header li:hover,.tabs-cnt .tabs-head li:focus{color: #616d76}
.block3 .tabs-cnt .acc_heading{display: inline-block;vertical-align: middle;font-weight: 700;font-size: 25px;color:#d7dadb;padding: 0px 20px}
.block3 .tabs-cnt .acc_heading { display: none; }

.block3 .tab_container{float: left;width: 100%;	overflow: auto;clear: both}
.block3 .tab_container .tab_content {padding: 0px;display: none;    float: left; width: 100%; margin: 15px 0px;}
.block3 .tab_container .cnInner{float: left;width: 100%}
.block3 .tab_container .cnInner .cnImg{max-width: 570px;float: left;width: 39.3103%}
.block3 .tab_container .cnInner .cnImg img{width: 100%}
.block3 .tab_container .cnInner .cnDesc{max-width: 830px;width: 57.2413%;float: right;margin-top: 15px;}
.block3 .tab_container .cnInner .cnDesc .txt{font-size: 16px;color: #616d76}
.block3 .tab_container .cnInner .cnDesc .more-content{display:none;padding: 20px 0px 0px 0px;}
.block3 .tab_container .cnInner .cnDesc .more{float: left;width: 100%;padding: 20px 0px}
.block3 .tab_container .cnInner .cnDesc .more{color: #616d76;position: relative; font-weight: 700;font-size: 16px;cursor: pointer;}
.block3 .tab_container .cnInner .cnDesc .more::after{content: '\f0d7';margin-left: 5px; display: inline-block;font-family: 'FontAwesome';vertical-align: middle;}
.block3 .tab_container .cnInner .cnDesc .more:hover{color: #799a51}
.block3 .tab_container .cnInner .cnDesc .more.open {color: #799a51;position: relative; font-weight: 700;font-size: 16px;cursor: pointer;}
.block3 .tab_container .cnInner .cnDesc .more.open::after{content: '\f0d8';margin-left: 5px; display: inline-block;font-family: 'FontAwesome';vertical-align: middle;}
.block3 .tab_container .cnInner .cnDesc .more.open:hover{color: #616d76}





/* second tabs */
.block4 .full-tabs-cnt{float: left;width: 100%;}
.block4 .full-tabs-cnt .tabs-header{float: left;width: 100%;}
.block4 .full-tabs-cnt .tabs-header li{display: inline-block;vertical-align: middle;cursor:pointer;font-size: 20px;color:#616d76;padding: 0px 3% 15px 3%;transition: all 0.3s ease;border-bottom: 2px solid transparent;}
.block4 .full-tabs-cnt .tabs-header li.active{color: #799a51; border-bottom: 2px solid #799a51;}
.block4 .full-tabs-cnt .tabs-header li:hover,.block4 .full-tabs-cnt .tabs-header li:focus{color: #799a51;border-bottom: 2px solid #799a51;}
.block4 .acc_heading { display: none; }
.block4 .full-tabs-cnt .tab_container{width: 100%;float: left;height: 595px;max-height: 595px;background: #f7f7f7;padding: 45px 60px}
.block4 .full-tabs-cnt .tab_container .cnInner{float: left;width: 100%}
.block4 .full-tabs-cnt .tab_container .cnInner .cnDesc{height: 450px;float: left;width: 100% !important;}
.block4 .full-tabs-cnt .tab_container .cnInner .cnleft{max-width: 850px;width:66.6206%;float: left;}
.block4 .full-tabs-cnt .tab_container .cnInner .cnright{max-width: 430px;width: 29.6551%;float: right;}
.block4 .full-tabs-cnt .tab_container .cnInner .cnright img{width: 100%}
.block4 .full-tabs-cnt .tab_container .cnInner .text-intro{font-size: 30px;color: #616d76;font-weight: 300;line-height: 39px;}
.block4 .full-tabs-cnt .tab_container .cnInner .text-intro strong{font-weight: 700;}
.block4 .full-tabs-cnt .tab_container .cnInner .text{font-size: 16px;color:#616d76;margin: 15px 0px;line-height: 25px;}
.block4 .full-tabs-cnt .tab_container .cnInner .text strong{font-weight: 700}
.block4 .full-tabs-cnt .tab_container .cnInner .cnfull{float: left;width: 100%}
.block4 .full-tabs-cnt .tab_container .cnInner .cnfull .cnImg{width: 80%;margin: 0 auto; margin-bottom: 35px;}
.block4 .full-tabs-cnt .tab_container .cnInner .cnfull .cnImg img{width: 100%}

/* Third tabs */
.block5 .full-tabs-cnt{float: left;width: 100%;}
.block5 .full-tabs-cnt .tabs-header{float: left;width: 100%;    border-bottom: 1px solid #303a41;}
.block5 .full-tabs-cnt .tabs-header li{display: inline-block;vertical-align: middle;cursor:pointer;font-size: 20px;color:#616d76;padding: 0px 1% 15px 1%;transition: all 0.3s ease;border-bottom: 2px solid transparent;}
.block5 .full-tabs-cnt .tabs-header li.active{color: #799a51; border-bottom: 2px solid #799a51;}
.block5 .full-tabs-cnt .tabs-header li:hover,.block4 .full-tabs-cnt .tabs-header li:focus{color: #799a51;border-bottom: 2px solid #799a51;}
.block5  .acc_heading { display: none; }
.block5 .full-tabs-cnt .tab_container{width: 100%;float: left;padding: 40px 15px;}
.block5 .full-tabs-cnt .tab_container .cnInner{float: left;width: 100%}
.block5 .full-tabs-cnt .tab_container .cnInner .cnDesc{float: left;width: 100% !important;}
.block5 .full-tabs-cnt .tab_container .cnInner .text-intro{font-size: 20px;color: #616d76;line-height: 30px;    float: left;width: 100%;margin-bottom: 40px;}

.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head{width: 30.3448%;float: left;padding-right: 30px;position: relative;    border: none;}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head::before{content: '';width: 1px;height: 125%;position: absolute;right: 0px;top: 0px;background: #616d76}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li{background: #eaeaea;float: left;width: 100%;margin: 3px 0px;padding: 12px 15px;font-size: 16px;color: #799a51;cursor: pointer;}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li a{display: block; background: url(../images/expand_icon.png)center right no-repeat; background-size: 18px;transition: all 0.3s ease}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li.active a{ background: url(../images/collapse_icon.png)center right no-repeat; background-size: 18px;}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li.active{background: #799a51;font-weight: 700;color: #ffffff}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li:hover,.block4 .full-tabs-cnt .tabs-head li:focus{background: #799a51;color: #ffffff}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .sub-tabs-head li:hover a,.block4 .full-tabs-cnt .tabs-head li:focus a{background: url(../images/collapse_icon.png)center right no-repeat; background-size: 18px;}

.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright{width: 69.6552%;float: right;padding-left: 30px;}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .r-tabs-panel{padding: 0px 0px !important}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc{float: left;width: 100%}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc .cnImg{float: left;max-width: 340px;width: 35.7894%} 
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc .cnImg img{width: 100%}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc .cnIntro{float: right;width: 61.0526%;font-size: 25px;font-weight: 300;}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc .cnfull{float: left;width: 100%}
.block5 .full-tabs-cnt .tab_container .cnInner .Sub-tabs .cnright .cnDesc .text{font-size: 16px;color:#616d76;margin: 15px 0px;line-height: 25px;}

/* .block6  */
.block6 .cnWrapper{width: 100%;float: left;}
.block6 .cnWrapper .block{width: 23.6551%;float: left;margin-right: 1.7241%;position: relative}
.block6 .cnWrapper .block:last-child{margin-right: 0px;}
.block6 .cnWrapper .block .cnImg{width: 100%;float: left;}
.block6 .cnWrapper .block img{width: 100%}
.block6 .cnWrapper .block .box{width: 88.2352%;left: 50%;bottom: -13%;transform: translate(-50%,0);background: #465159;position: absolute;color: #fff;text-align: center;padding: 20px 0px}
.block6 .cnWrapper .block .box .name{font-size: 20px;font-weight: 700;padding-bottom: 10px }
.block6 .cnWrapper .block .box .download{font-size: 16px;font-weight: 300;cursor: pointer;transition: all 0.3s ease}
.block6 .cnWrapper .block .box .download a{background: url('../images/dl.png') 99% center no-repeat;background-size: 15px;display: inline-block;padding: 0px 20px;}
.block6 .cnWrapper .block .box .download a:hover{ color: #02AFEF;background: url('../images/dl-color.png')99% center no-repeat;background-size: 15px; display: inline-block;padding: 0px 20px;}


/* explore rodrigue */

.Rodrigue_block1 .main-intro{width: 100%;float: left;}
.main-intro-left{max-width: 430px;width:29.6551%;float: left;font-weight:300;font-size:26px;color: #616d76;    line-height: 38px;}
.main-intro-left strong{font-weight:800}
.main-intro-right{max-width: 960px;width: 66.2068%;float: right;font-weight:300;font-size:16px;color: #616d76}
.main-intro-img{width: 100%;float: left;margin-top: 70px}
.main-intro-img .cnImg{max-width: 1225px;width: 84.4827%;margin:0 auto;}
.Rodrigue_block2{margin: 75px 0px}
.Rodrigue_block2--inner{background: #465159;padding: 80px 80px}
.Rodrigue_block2--title{color: #fff;font-size: 45px;font-weight: 800;margin-bottom: 34px;width: 100%;}
.Rodrigue_block2--left{max-width: 725px;width: 50%;float: left;}
.Rodrigue_block2--left .cntext{font-weight: 300;font-size: 25px;color: #fff;line-height: 30px;margin-bottom: 30px}
.Rodrigue_block2--left .cntext strong{font-weight: 800}
.Rodrigue_block2--left .cnsub{font-size: 16px;color: #fff;}
.Rodrigue_block2--right{max-width: 490px;width: 100%;float: right;position: relative}
.Rodrigue_block2--right .cnimg{max-width: 330px;width: 100%;float: left;margin-top: -10%;}
.Rodrigue_block2--right .cnDesc{text-align: right;position: absolute;right: 0;bottom: 0}
.Rodrigue_block2--right .cnDesc .small-text{font-weight: 300;font-size: 52px;color: #02afef;}
.Rodrigue_block2--right .cnDesc .num{font-weight: 800;font-size: 119px;color: #fff;line-height: 85px;}
.Rodrigue_block3{}
.Rodrigue_block3 .title{font-weight: 800;font-size: 35px;color: #465159}
.Rodrigue_block3 .slick-arrow{display: none !important}

/* eservices */
.content__wrapper{float: left;width: 100%;padding: 70px 0px;background: #ffffff}
.content__wrapper_inner{float: left;width: 100%}
.content__wrapper_title{font-weight: 700;font-size: 50px;color:#799a51; margin-top: 60px;}

.content__wrapper_block{padding: 90px 0px;    float: left;width: 100%;}
.content__wrapper_filter{float: left;width: 100%;    padding-bottom: 44px;border-bottom:1px solid #798893}
.content__wrapper_filter label{font-size: 18px;color:#465159;margin-right: 17px}
.content__wrapper_filter select{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none; -ms-appearance: none; appearance: none;background: #fafafa url('../images/svg/select_carret.png') 85% center no-repeat;background-size: 10px;
padding: 13px 14px;border: 1px solid #798893;font-family: 'Roboto', sans-serif; font-size: 18px;color:#798893;font-weight: 500;min-width: 117px;height: 46px;}

.filter-left{display: inline-block;vertical-align: middle;margin-right: 5%;}
.filter-right{display: inline-block;vertical-align: middle}

.content__wrapper_filter input[type=text] {background: #fafafa ; border: 1px solid #798893;font-family: 'Roboto', sans-serif; font-size: 18px;padding: 14px 14px;height: 46px;  width: 200px; float:left;}
.content__wrapper_filter input[type=submit] {transition:all 0.3s ease;cursor: pointer; padding: 14px 14px; background: #799a51 url('../images/icn-loop-submit.svg') -12px -3px no-repeat; background-size: 70px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; height: 46px; border: none; width:125px; margin-left: -1%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; margin-left: 30px; border-radius: 30px;}
.content__wrapper_filter input[type=submit]:hover{background: #02afef url('../images/icn-loop-submit.svg') -12px -3px no-repeat;background-size: 70px;}
.content__wrapper_filter ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter ::-moz-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter :-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter :-moz-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}

.content__wrapper_result{float: left;width: 100%;padding: 60px 0px;}
.content__wrapper_result_title{font-size: 18px;color: #d0d1d3;    margin-bottom: 25px;}
.content_wrapper_result_list{float: left;width: 100%}

.content_wrapper_result_list li{float: left;width: 100%;border-bottom: 1px solid #efefef;padding: 26px 0px;}
.content_wrapper_result_list li:last-child{border-bottom: none}
.content_wrapper_result_list li .main{width: 50%;float: left;}
.content_wrapper_result_list li .text{float: left;width: 100%}
.content_wrapper_result_list li .sub_text{float: left;width: 100%;color: #02afef;font-size: 15px;font-weight: 500;font-style: italic}
.content_wrapper_result_list li .up_text{float: left;width: 100%;color: #c3d0b5;font-size: 15px;font-weight: 500;font-style: italic}
.content_wrapper_result_list li .apply{float: right;font-size: 18px;color: #02afef}
.content_wrapper_result_list li .download{float: right;font-size: 18px;color: #02afef}

.content_wrapper_result_list li .apply .icnleft{margin-left:10px;width: 17px;height: 11px;background: url('../images/arrowleft.png')center center no-repeat;background-size: 17px; display: inline-block;}
.content_wrapper_result_list li .pdf{float: right;width: 33px;height: 33px;background: url('../images/pdf.png')center center no-repeat;display: inline-block; background-size: 33px;margin-top: -5px;margin-right: 30px;}
.content_wrapper_result_list li .web{float: right;width: 33px;height: 33px;background: url('../images/web.png')center center no-repeat;display: inline-block; background-size: 33px;margin-top: -5px;margin-right: 30px;}
.content_wrapper_result_list li .icn_download{float: right;width: 26px;height: 26px;background: url('../images/download_blue.png')center center no-repeat;display: inline-block; background-size: 26px;margin-top: -2px;margin-right: 11px;}
.content_wrapper_result_pagnitation{float: left;width: 100%;padding: 30px 0}
.content_wrapper_result_pagnitation ul li{display: inline-block;font-weight: 300;font-size: 18px;color:#465159;cursor: pointer;margin-right: 7px;}
.content_wrapper_result_pagnitation ul li.active{color: #799a51;font-weight: 700}
.content_wrapper_result_pagnitation ul li:hover,.content_wrapper_result_pagnitation ul li:focus{color: #799a51;font-weight: 700}

.content__wrapper_popular{float: left;width: 100%;background: #f7f7f7;padding: 65px 100px}
.content__wrapper_popular_title{font-size:20px;font-weight: 500;color: #02afef;text-align: center}
.content__wrapper_popular_list{float: left;width: 100%;    margin-top: 25px;}
.content__wrapper_popular_list ul{text-align: center}
.content__wrapper_popular_list li{ display: inline-block; width: 19%; vertical-align: top; cursor: pointer; transition:all 0.3s ease ; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -ms-transition:all 0.3s ease ; -o-transition:all 0.3s ease ; height: 194px; }
.content__wrapper_popular_list li .centering_item{ max-width: 165px; width: 165px; margin: 0 auto; padding: 10px 10px; transition:all 0.3s ease ; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -ms-transition:all 0.3s ease ; -o-transition:all 0.3s ease ;    height: 100%; }
.content__wrapper_popular_list li .cnimg{width: 125px;background: transparent;margin: 0 auto}
.content__wrapper_popular_list li .title{font-weight: 500;font-size: 16px;color: #0b0b0b;text-align: center;margin-bottom: 10px}
.content__wrapper_popular_list li .subtitle{font-weight: 500;font-size: 14px;color: #ababab;text-align: center;}
.content__wrapper_popular_list li:hover .centering_item{ background: #fff; box-shadow: 0px 1px 2px 1px #ccc; transform:translateY(-5px) ; -webkit-transform:translateY(-5px) ; -moz-transform:translateY(-5px) ; -ms-transform:translateY(-5px) ; -o-transform:translateY(-5px) ; }


/* New listing */
.content__event_listing{float: left;width: 100%;}
.content__event_filter{float: left;width: 100%;margin-bottom: 25px;}
.content__event_filter ul li{ display: inline-block; font-size: 20px; color:#b2b5b8; transition:all 0.3s ease ; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -ms-transition:all 0.3s ease ; -o-transition:all 0.3s ease ; }
.content__event_filter ul li.active{color: #465159;font-weight: 700}
.content__event_filter ul li a:hover{color: #465159;font-weight: 700}

.content__event_result{float: left;width: 100%;}
/* calendar */
.content__event_result.content-calendar ul li{height: 260px;}
.content__event_result.content-calendar li .category{float: left;width: 100%;margin: 5px 0px 0px;font-size: 14px;font-weight: 700;font-style: italic;}
.content__event_result.content-calendar li .static_txt{font-weight: 400;font-style: normal;}
.content__event_result.content-calendar li .date {font-size: 18px;display: inline-block;vertical-align: middle;width: 85%;margin-bottom: 5px;}
.content__event_result.content-calendar .calendar_icn{width: 50px;height: 50px;background: url('../images/svg/calendar.svg')center center no-repeat;background-size: 100%;    display: inline-block;vertical-align: middle;}
.content__event_result.content-calendar li .title{margin-top: 5px;}

.content__event_result ul li{max-width: 448px;display: inline-block;vertical-align: top ;width: 32.3333%;margin: 0px 3.3% 20px 0px; height: 545px;}
.content__event_result ul li:nth-child(3n+3){margin-right: 0px}
.content__event_result li .img{width:402px; height: 275px;max-height: 446px;overflow: hidden;margin-bottom: 25px}
.content__event_result li .img img{width: 100%;display: block}
.content__event_result li .date{font-weight: 700;font-size: 14px;color: #799a51;margin-bottom: 20px}
.content__event_result li .title{font-weight: 700;font-size: 20px;color: #465159;margin-bottom: 20px;float: left;width: 100%}
.content__event_result li .txt{font-size: 16px;color: #465159;margin-bottom: 15px;    line-height: 21px;}
.content__event_result li .more a { color:#00aded; position: relative; font-weight: 700;font-size: 16px}
.content__event_result li .more a::after {content: '\f0da'; margin-left:10px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
.content__event_result li .more a:hover { color:#000;}
.centering_pag ul{text-align: center}


.content__event_filter_select label{font-size: 16px;color: #ced0d1}
.content__event_filter_select select{     padding: 13px 30px;   color: #465159;    background: #fafafa url(../images/svg/select_carret.png) 95% 60% no-repeat;}
.content__event_filter_select .filter-left {margin-right: 2%;}
.content__wrapper_filter.content__event_filter_select{border: none}



/* menu mobile */
.sidebar{display: none;visibility: hidden}
.sidebar #leftside-navigation ul li.active ul {display: block;}
.sidebar #leftside-navigation ul li{margin: 15px 0px;border-bottom: 1px solid #fff;padding: 10px 0px}
.sidebar #leftside-navigation ul li a{color:#fff!important}
.sidebar #leftside-navigation ul li a.main__link {display: inline-block;color:#fff; font-size:19px; font-weight:300; text-transform:uppercase;cursor: pointer;position: relative;width: 100%}
.sidebar #leftside-navigation ul li a.main__link.active {color: #02AFEF}
.sidebar #leftside-navigation ul li a.main__link span.icn { position: absolute; top:0;right:0; font-family: 'FontAwesome'; font-size:18px; display: block; color:#fff; font-style: normal; }
.sidebar #leftside-navigation ul li a.main__link.active span.icn {color: #02AFEF}
.sidebar #leftside-navigation ul ul {display: none;}
.sidebar #leftside-navigation ul ul li {color: #fff;border-bottom: 0;padding: 0px 0px}
.mobile-block{display: block !important}
.btn-momoris.mobile-block {float: inherit; height: 62px;background: no-repeat;padding-left: 0px;  width: 100%;text-align: center;}


.listing__contact{width: 100%;float: left;}
.listing__contact--title{font-size: 30px;color: #fff;padding: 0px 2%;}

.tabs {display: flex;flex-wrap: wrap;padding: 0px 2%;}
.tabs label {order: 1;display: block;cursor: pointer;font-weight: bold;transition: background ease 0.2s;margin: 2% 1% 2% 0px;border-bottom: 2px solid transparent;color: #fff;cursor: pointer;}

.tabs input[type="radio"] {display: none;}
.tabs label:hover{border-bottom: 2px solid #90CAF9;color: #90CAF9}
.tabs input[type="radio"]:checked + label {background: transparent;border-bottom: 2px solid #90CAF9;color: #90CAF9}
.tabs input[type="radio"]:checked + label + .tab {display: block;}

.tabs .tab {order: 99; flex-grow: 1;width: 100%;display: none;padding: 10px 0px;background: transparent;text-align: center}
.tab__listing--content{width: 24%;display: inline-block;vertical-align: top;text-align: left;margin: 1% 0px 0px 0px;padding: 0px 1%;}
.tab__content--title{font-size: 15px;font-weight: 800;color: #3EC5FF;margin-bottom: 10px}
.tab__content--link{font-size: 14px;margin-bottom: 10px;color: #fff}
.tab__content--link a{color: #fff;display: inline-block;vertical-align: middle}
.tab__content--link a:hover{color: #3EC5FF}
.tab__content--link span{color: #3EC5FF;margin-right: 10px;text-align: center;    width: 20px;font-size: 18px}
.tab__content--link span.fa-envelope{font-size: 15px}
.tab__content--link span.fa-external-link{font-size: 14px}



@media (max-width: 45em) {
	.tabs .tab, .tabs label {order: initial;}
  .tabs label {width: 100%; margin-right: 0;margin-top: 0.2rem;}
}



/* jeux des iles */
.logo-jioi {width: 50px;height: 91px;background: url('../images/jioi.png') center center no-repeat;float: left;margin-left: 30px;background-size: 100%;transition: all 0.3s ease-out 0s;margin-top: -12px}
.logo-jioi.smaller{ position: relative;width: 40px;height: 73px;top: 12px;}

.news_date {
    display: none !important;
}