/* 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;    overflow: initial !important; }
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";}
/* 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;visibility: hidden; opacity: 0; transition: all 0.3s ease-out 0s; }
     .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 { position:fixed; width:100%; height:calc(100% - 40px); z-index:98; top:40px; padding:106px 20px 0 20px;     left: -100%;
		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%; position:fixed; z-index: 9}
header .top-nav-container { float:left; width:100%; height:40px; background:#FFF; z-index:98; position: relative}
    /*Language Selection*/
	.language-select { width: 52px; height:40px;}
    /* Increase Font */
	.font-increase-utility {float: right; padding:12px 15px;border-left:1px solid #E5E5E5 }
	.font-increase-utility button { -webkit-appearance:none; background: none; border:0; border-radius: 0; cursor: pointer; padding:0 5px}
	.font-increase-utility .increaseFont { font-size:15px}
	.font-increase-utility .decreaseFont { font-size:12px}

	/* 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:#F4F4F4; padding:20px 0; position:relative; transition: all 0.3s ease-out 0s; z-index:96;}

	.logo { width:208px; height:55px; background: url(../images/logo.svg) no-repeat; float:left; margin-left:30px; background-size:cover; transition: all 0.3s ease-out 0s;}

	/* Navigation */
	#nav { float:right; text-align:right; margin:0 20px 0 0;}
	#nav ul li { display:inline-block; color:#3F3E44; font-size:19px; font-weight:300; text-transform:uppercase; margin-left:40px; }
	#nav ul li > a { height:74px; display: block; padding: 20px 0 0 0; position: relative}
	#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:50%;
		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; 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% }


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:175px; height:46px; 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;}

/* 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-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;}
.inner-banner .home-overlay-banner-content {bottom: 40%;}
.inner-banner .home-overlay-banner-content .search-field-cn .input-box input[type="text"] { background: rgba(255,255,255,0.7);}
.inner-banner .home-overlay-banner-content .search-field-cn .input-box input[type="text"]:focus {background: rgba(255,255,255,1);}
.overlay-temperature{position: absolute;width: 235px;height: 100px;right: 0px;bottom: 0px;}
.overlay-temperature .icon{display: inline-block;vertical-align: top}
.overlay-temperature .text{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .temparature{font-weight: 700;font-size: 39px;}
.overlay-temperature .current-temperature{font-size: 15px;margin-top: -8px;}
.overlay-temperature .more{font-size: 16px; margin-top: 3px;}
.overlay-temperature .more a:hover{color: #02AFEF}


/* 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;}
.cont1450{width: 100%;max-width: 1450px;margin: 0 auto;padding: 0;}
.Innerpage_content-pad{float: left;width: 100%}

/* Innerpage - Aggro*/
.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;}

.inner-left{float: left;width: 21.0344%;max-width: 350px;}/* 305 */
.inner-left .quick-link{float: left;width: 100%;padding-left: 1%;}
.inner-left .quick-link li {font-size: 14px;color:#31383E;margin: 6px 0px;line-height: 28px;height: 28px;position: relative;margin-left: 10px;transition: all 0.5s ease}
.inner-left .quick-link li::before{content:'›';position: absolute;left: -10px;top: -1px;font-weight: 500;font-size: 16px;}
.inner-left .quick-link li::after{content:'';position: absolute;right: 0px;top: 0px;height: 100%;width: 1%;background: #a9b1b7;transition: all 0.5s ease}
.inner-left .quick-link li:first-child{margin-top: 0px}
.inner-left .quick-link li:hover > a{color: #02AFEF;}
.inner-left .quick-link li:hover::after{background: #02AFEF;transition: all 0.5s ease}

.inner-middle{float: left;width: 51.7241%;max-width: 750px;border-left: 1px solid #d4d4d4;padding-bottom: 30px;}/* 750 */
.inner-middle .inner-middle-content {float: left;width: 100%;padding: 0px 5.3333%}
	.inner-middle-content .intro-text{font-size: 16px;color: #576672;padding-bottom: 35px;border-bottom: 1px solid #e5e7e9}
	.inner-middle-content .inner-box-img{float: left;width: 100%;padding: 46px 0px 0px 0px;}
		.inner-box-img .cnImg{float: left;width: 39.2537%;max-width: 263px;}
		.inner-box-img .cnDesc{float: left;width: 60.7463%;max-width: 408px;padding-left: 4%;}
		.inner-box-img .cnDesc .title{font-weight: 700;font-size: 18px;}
		.inner-box-img .cnDesc .text{font-size: 13px;color: #010101;margin-top: 10px;}
		.inner-box-img .cnDesc .text li{margin: 5px 0px 5px 10px;position: relative}
		.inner-box-img .cnDesc .text li::before{content:'›';position: absolute;left: -10px;top: -3px;font-weight: 500;font-size: 16px;}
		.inner-box-img .more { width:100%;margin-top: 20px;}
   		.inner-box-img .more a {  color:#799a51; position: relative; font-weight: 500}
   		.inner-box-img .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
		.inner-box-img .more a:hover { color:#000;}
		.inner-box-img.right .cnDesc {padding-left: 1%;padding-right: 3%;}
		
.inner-right{float: left;width: 27.2413%;max-width: 395px;}/* 395 */
.inner-right .grey-box{float: left;width: 100%;height: 300px;background:#f6f7fb;padding: 8%;margin-bottom: 30px;}
.grey-box .title{font-weight: 700;font-size: 25px;color:#799a51;}
.grey-box .text{font-size: 14px;color: #010101;margin-top: 25px;}
.grey-box .text ul li{position: relative;margin:10px 0px 10px 10px;}
.grey-box .text ul li::before{content:'›';position: absolute;left: -10px;top: -3px;font-weight: 500;font-size: 16px;}
.grey-box .text ul li:hover > a{color: #02AFEF;}
.inner-right .blue-box{float: left;width: 100%;height: 310px;background:#465159;padding: 6%;}
.blue-box .title{font-weight: 700;font-size: 21px;color:#fff;margin-bottom: 15px}
.blue-box .sub-title{font-weight: 700;font-size: 17px;color:#3EC5FF;margin-bottom: 18px}
.blue-box .contact{color: #fff;font-size: 14px;}
.blue-box .contact a:hover{color:#3EC5FF }
.blue-box .contact span{margin-right: 15px;}
.blue-box .contact div{margin-bottom: 14px}

/* 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[type='password']{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;}