@import url("../../../fonts/i05_social/css/stylesheet.css");
@import url("../../../fonts/i04_material/css/stylesheet.css");
@import url("../../../fonts/un_flama/css/stylesheet.css");
@import url("../../../fonts/sarabun/css/stylesheet.css");
@import url("../../../fonts/kanit/css/stylesheet.css");
@import url("../../../fonts/social1/css/stylesheet.css");
@import url("../../../fonts/social2/css/stylesheet.css");
@import url("form.ui.css");

html {		
	text-rendering: auto;
	-webkit-font-smoothing: antialiased !important;overflow-x:hidden;background:#fff;overflow-y:auto;
}
body { 
	height:100%;width:100%;text-decoration: none; text-align:center;
	overflow-x:hidden;
	font-family:'Kanit';letter-spacing:0;overflow-y:auto;-webkit-overflow-scrolling: touch;
	font-weight:300;
	line-height:1.4em;
	background:#fff;
	color:#1b2b45;
	font-size:15px;
}

@media screen and (min-width: 960px) { body { font-size:15px; } } 
@media screen and (min-width: 1140px) { body { font-size:16px; } } 
@media screen and (min-width: 1366px) { body { font-size:16px; } } 


div.pure-g [class *= "pure-u"] {
	font-family:'Kanit',arial,tahoma;
}
span,
div,
div.content.home div.pure-g [class *= "pure-u"] {
	font-family:'Kanit',arial,tahoma;
	word-wrap:break-word !important;xword-break: keep-all;
	line-height:1.4em;
}

a,
a:link,
a:visited {
	color:#000;text-decoration:none;
	transition:all 0.1s;
	letter-spacing:0;
	word-wrap:break-word;xword-break: keep-all;
}
a:hover {
	color:#01bcf1;
}



a.btn,
a.btn:link,
a.btn:visited {
	color:#fff;text-decoration:none;
	transition:all 0.1s;
	background:#01bcf1;
	display:inline-block;
	padding:0 15px;	
	font-weight:bold;
	cursor:pointer;
	height:40px;line-height:40px;vertical-align:middle;
	font-size:18px;
}
a.btn:hover {
	background:#03bbe9;
}

a.btn.outline,
a.btn.outline:link,
a.btn.outline:visited {
	color:#01bcf1;font-weight:bold;
	background:none;
	padding:0;
	font-size:1em;
}
a.btn.outline:hover {
	color:#03bbe9;
}

a.btn.rounded {
	border-radius:8px;
}

a.btn.big {
	font-size:1.4em;height:50px;line-height:50px;min-width:160px;
}

::placeholder {
	font-weight:300;
	color: #aaa;opacity: 0.6;
}
:-ms-input-placeholder {
	color: #aaa;opacity: 0.6;
	font-weight:300;
}
::-ms-input-placeholder {
	color: #aaa;opacity: 0.6;
	font-weight:300;
}

input.text { padding:4px;font-size:15px;font-family:'Kanit',arial,tahoma;border:1px solid #ccc;background:#fafafa; }
input.text:focus { background:#eee;border-color:#00c9f4; }
select { 	border:1px solid #ddd; }
input,textarea,select {font-family:inherit;	}
textarea { border:1px solid #ddd; 	}

.txt-left { text-align:left !important; }
.txt-center { text-align:center !important; }
.txt-right { text-align:right !important; }
.text-title { font-size:160%;color:#222; }
span.space { visibility:hidden; }
span.required:after {
	content:'*';margin-left:5px;color:#99e7d9;color:red;
}
input[type="text"],
input[type="password"],
textarea {
	transition:all .15s;padding:5px;border-radius:3px;
}
.color-red {
	color:#ff0000;
}
.color-un,
.color-blue {
	color:#1f3250;
}
.bg-blue {
	background:#1f3250;
}
.color-blue2 {
	color:#3a59b3;
}
.bg-blue2 {
	background:#3a59b3;
}
.color-blue3 {
	color:#01bcf1 !important;
}
.bg-blue3 {
	background:#01bcf1;
}
.color-yellow {
	color:#fec200;
}
.bg-yellow {
	background:#fec200 !important;
}
.color-orange {
	color:#f6931e;
}
.bg-orange {
	background:#f6931e;
}
.color-orange2 {
	color:#ffb200;
}
.bg-orange2 {
	background:#ffb200;
}
.color-orange3 {
	color:#ffd300;
}
.bg-orange3 {
	background:#ffd300;
}
.color-pink {
	color:#f6007f;
}
.bg-pink {
	background:#f6007f;
}
.color-green {
	color:#99be20;
}
.bg-green {
	background:#99be20;
}
.color-grey {
	color:#7f7f7f;
}
.bg-grey {
	background:#7f7f7f;
}

.big2 {
	font-size:2em;font-weight:500;
}
.big3 {
	font-size:1.3em;font-weight:500;
}

div.header {

}
div.footer {
	background:#1f3250;padding-top:20px;
}
div.footer-endding {
	background:#152944;padding:20px 0;
}
div.content {
	width:100%;margin-top:60px;
}
div.content.general {
	width:100%;margin-top:60px;
}
div.content.xhas-subheader {
	margin-top:90px;
}
div.inner {
	width:93%;margin:0 auto;max-width:1140px;
}
div.inner.margin-top {
	margin-top:20px;
}
.text-center {
	text-align:center !important;
}
.text-right {
	text-align:right !important;
}
.text-left {
	text-align:left !important;
}
.text-center-m {
	text-align:center !important;
}

div.grid-inner {
	width:95%;margin:0 2.5%;
}
div.block {
	margin:60px 0;xmargin-top:60px;
}
div.block.no-margin {
	margin:0;
}
span.box-head {
	display:block;
}
span.box-title {
	display:inline-block;padding-bottom:15px;border-bottom:5px solid #01bcf1;
	font-size:1.45em;font-weight:bold;
	width:auto;
}
span.box-content {
	display:block;width:100%;
	margin-top:15px;
}
img.logo-footer {
	width:70%;max-width:300px;
}

div.footer span.box-title,
div.footer span.box-content{
	color:#fff;
}
div.footer div.grid-inner {
	width:90%;margin:0 5%;
}
div.footer a,
div.footer a:link,
div.footer a:visited {
	color:#fff;
}
div.footer div.grid-inner {
	width:95%;margin:20px 2.5%;
}
img.social-logos {
	width:50px;
	margin-top:20px;
}
div.br {
	height:15px;padding:0;margin:0;
}
.slides {
	overflow:hidden !important;
	height:700px !important;
}
.slides .owl-item {
	height:700px;overflow:hidden;
}
.slides .owl-item > div {
	height:100%;
}
.slides .owl-item img {
	height:auto;width:auto;
}
.slides .owl-item img {
	/*transform:translate3d( -calc(100% - 20vw) , -17.59% , 0);*/
}
.banner {
	position:relative;
}
.slides .owl-item img.banner-img {
	display:none;
}
.slides .owl-item img.banner-img.mobile {
	display:inline-block;
	height:700px;
}
.banner a.btn,
.banner a.btn:visited,
.banner a.btn:link {
	padding-top:0;margin-top:0;height:auto;
}
.banner-content {
	position:absolute;width:100%;text-align:center;bottom:6%;
	font-size:1.2em;color:#fff;
}
.banner-content .banner-category {
	margin-bottom:20px;
}
.banner-content .banner-category-title {
	font-size:1em;font-weight:normal;
	display:inline-block;padding:8px 20px;
}
.banner-content .banner-title {
	font-size:1.5em;font-weight:bold;margin-bottom:10px;
	text-shadow:0.2px 0.2px 2px #000;
	margin-bottom:0;
}
.banner-content .banner-shortdesc {
	text-shadow:0.2px 0.2px 2px #000;
	display:none;
}
.banner-content .banner-action {

}
.banner-content div.inner {
	max-width:720px;
}
.banner a.btn,
.banner a.btn:visited,
.banner a.btn:link {
	background:none;color:#fff;text-decoration:underline;text-shadow:0.5px 0.5px 1px #000;
}
.banner a.btn:hover {
	color:#01bcf1;
}

div.bg-img {
	overflow:hidden;
	height:600px;
	position:relative;
}
div.bg-img img.bg {
	height:100%;width:auto;
	transform:translate3d(-25%,0,0);	
}
div.bg-img.content-headline {
	height:400px;
}
div.bg-img.content-headline img.bg {
	transform:translate3d(-31.48%,0,0);	
}
div.bg-img.short {
	height:100px;
}
div.bg-img.short img.bg {
	height:auto;width:100%;
	transform:translate3d(0,0,0);	 /*calc(100% - 15vh)*/
}
div.bg-img div.bg-content {
	position:absolute;top:0;left:0;z-index:4;margin:0 auto;display:block;width:100%;
	vertical-align:middle;
	top: 50%;
	transform: translateY(-50%);		
}

div.content-item {
	margin:10px;margin-bottom:15px;
}
div.content-item span.thumbnail {
	display:block;overflow:hidden;position:relative;
}
div.content-item span.thumbnail img {
	width:100%;overflow:hidden;display:block;
}
div.content-item span.thumbnail span.thumbnail-text {
	display:inline-block;position:absolute;left:2.5%;bottom:0;
	text-align:left;vertical-align:middle;
	z-index:2;
}
div.content-item span.thumbnail span.thumbnail-text div.content-title {
	font-size:1.3em;margin:20px 0;
	color:#fff;
}
div.content-item span.thumbnail span.thumbnail-title {	
	display:inline-block;color:#fff;font-size:1em;font-weight:normal;text-align:left;vertical-align:middle;
	padding:5px 10px;
	xtransition:all 0.5s;	
}
div.content-item:hover span.thumbnail span.thumbnail-title {
	xborder-right:10px solid #01c3ff;
}

div.block-home div.content-item {
	margin:10px 0;margin-bottom:20px;
}

select[name="homebanner_catid"] option[value] {
	color:#fff !important;
}
select[name="homebanner_catid"] option[value="0"] {
	color:#000 !important;
	background:#eee !important;
}
.banner-category-title.group-0 {
	display:none;
}
select[name="homebanner_catid"] option[value="1"],
div.content-item span.thumbnail-title.group-1,
.banner-category-title.group-1 {
	background:#3a59b3 !important;
}
select[name="homebanner_catid"] option[value="2"],
div.content-item span.thumbnail-title.group-2,
.banner-category-title.group-2 {
	background:#ffb200 !important;
}
select[name="homebanner_catid"] option[value="3"],
div.content-item span.thumbnail-title.group-3,
.banner-category-title.group-3 {
	background:#ffd300 !important;
}
select[name="homebanner_catid"] option[value="4"],
div.content-item span.thumbnail-title.group-4,
.banner-category-title.group-4 {
	background:#ff7701 !important;
}
select[name="homebanner_catid"] option[value="5"],
div.content-item span.thumbnail-title.group-5,
.banner-category-title.group-5 {
	background:#b90197 !important;
}
select[name="homebanner_catid"] option[value="6"],
div.content-item span.thumbnail-title.group-6,
.banner-category-title.group-6 {
	background:#4979fe !important;
}
select[name="homebanner_catid"] option[value="7"],
div.content-item span.thumbnail-title.group-7,
.banner-category-title.group-7 {
	background:#9ac01f !important;
}
select[name="homebanner_catid"] option[value="8"],
div.content-item span.thumbnail-title.group-8,
.banner-category-title.group-8 {
	background:#01c3ff !important;
}
select[name="homebanner_catid"] option[value="9"],
div.content-item span.thumbnail-title.group-9,
.banner-category-title.group-9 {
	background:#00b300 !important;
}

div.content-item span.thumbnail-title.cat-1 {
	background:#3a59b3 !important;
}
div.content-item span.thumbnail-title.cat-2 {
	background:#f6007f !important;
}
div.content-item span.thumbnail-title.cat-3 {
	background:#f60001 !important;
}
div.content-item span.thumbnail-title.cat-4 {
	background:#ffd300 !important;
}
div.content-item span.thumbnail-title.cat-5 {
	background:#ffd300 !important;
}
div.content-item span.thumbnail-title.cat-6 {
	background:#b90197 !important;
}
div.content-item span.thumbnail-title.cat-7 {
	background:#b90197 !important;
}
div.content-item span.thumbnail-title.cat-8 {
	background:#b90197 !important;
}
div.content-item span.thumbnail-title.cat-9 {
	background:#01c3ff !important;
}
div.content-item span.thumbnail-title.cat-10 {
	background:#01c3ff !important;
}
div.content-item span.thumbnail-title.cat-11 {
	background:#01c3ff !important;
}
div.content-item span.thumbnail-title.cat-12 {
	background:#01c3ff !important;
}
div.content-item span.thumbnail-title.cat-13 {
	background:#9ac01f !important;
}

div.content-item.hilight {
	position:relative;height:400px;min-height:400px;padding:0;overflow:hidden;
}
div.content-item.hilight div.content-title {
	padding-top:0 !important;margin-top:0 !important;font-weight:500;	
	word-wrap:break-word !important;width:97%;overflow:hidden;
}
div.content-item span.hilight-2 span.thumbnail-text {
	font-weight:500;
}
div.content-item span.hilight-2 div.content-title {
	margin:5px 0 !important;
}
div.content-item.hilight span.thumbnail  {
	height:100%;width:auto;
}
div.content-item.hilight span.thumbnail img {
	height:100%;width:auto;
	transform:translate3d(-20%,0,0);
}
div.content-item span.content-detail {
	display:block;width:95%;margin:0 2.5%;text-align:left;margin-bottom:10px;
}
div.content-item span.content-detail div.content-title {
	font-weight:bold;font-size:1.3em;margin:15px 0;
}
div.content-item span.content-detail div.content-shortdesc {

}
div.content-item span.content-detail div.content-date {
	font-size:0.8em;padding:0;margin:0;margin-top:10px;
}
.mega-menu div.content-shortdesc,
.mega-menu div.content-action {
	display:none !important;
}
ul.mega-menu div.content-item span.content-detail div.content-title {
	all: initial;
}
ul.mega-menu div.content-item a {
	text-decoration:none !important;cursor:pointer !important;
	transition:all 0.1s !important;
}
ul.mega-menu div.content-item span.content-detail div.content-title {
	font-family:'Kanit';text-decoration:none !important;
	font-weight:bold;font-size:1.1em;margin:15px 0;display:block;
	color:#fff;cursor:pointer !important;transition:all 0.1s !important;
}
ul.mega-menu div.content-item a:hover div.content-title {
	color:#01bcf1 !important;
}

div.content-item span.content-detail div.content-period span {
	color:#fff;font-weight:normal;padding:2px 10px;
}
div.content-item span.content-detail div.content-action {
	margin-top:20px;text-align:left !important;
}
div.content-item div.content-action {
	text-align:left !important;position:relative;
}
div.content-action a.btn {
	font-weight:300 !important;
}
div.content-action a.btn.blue.outline {
	color:#000 !important;
}
div.content-item.hz span.thumbnail {
	display:inline-block;width:36%;text-align:left;
}
div.content-item.hz span.thumbnail img {
	width:100%;overflow:hidden;display:block;text-align:left;
}
div.content-item.hz span.content-detail {
	display:inline-block;width:55.5%;margin-left:3%;vertical-align:top;margin-top:0;padding-top:0;
	position:relative;
}
div.content-item.hz span.content-detail span.thumbnail-text {
	display:inline-block;position:relative;
	text-align:left;vertical-align:top;
}
div.content-item.hz span.content-detail span.thumbnail-title {	
	display:inline-block;color:#fff;font-size:1em;font-weight:normal;text-align:left;vertical-align:middle;
	padding:5px 10px;
}
div.content-item.hz span.content-detail div.content-title {
	font-weight:bold;font-size:1.3em;margin:10px 0;
}


div.content-item.hz.hz2 span.thumbnail {
	display:block;width:100%;text-align:left;margin:0;padding:0;
	overflow:hidden;
}
div.content-item.hz.hz2 span.thumbnail img {
	width:100%;text-align:left;	
}
div.content-item.hz.hz2 span.content-detail {
	display:block;padding:0;
	width:95%;margin:0 2.5%;margin-top:2px;
}


div.content-item.hz.hz3 span.drive-actions {
	display:block;width:100%;text-align:left;margin:0;padding:0;
	overflow:hidden;
}
div.content-item.hz.hz3 span.content-detail {
	display:block;padding:0;
	width:95%;margin:0 2.5%;margin-top:2px;
}
div.content-item.hz.hz3 a.btn {
	xmargin:0;
}
div.content-item.hz.hz3 span.drive-actions span {
	font-weight:500;
	display:block;margin-bottom:5px;font-size:1.1em;
}

a.btn-attachment,
a.btn-attachment:link,
a.btn-attachment:visited {
	display:block;margin:5px 0;text-align:left;
}
a.btn-attachment:before {
	xfont-family:'vfont-materials';
}
a.btn-attachment span.icon {
	font-size:25px;
}
a.btn-attachment span.filename {
	display:inline-block;margin-left:5px;position:relative;top:-3px;
}
a.btn-attachment span.filesize {
	display:inline-block;margin-left:15px;position:relative;top:-3px;
}

.logo-header {
	height:50px;margin:5px 0;
}

div.info-popup {
	cursor:pointer;
}
div.info-popup.square {
	background:#002f55;
	line-height:1em;text-align:center;
	margin:1%;
	width:200px;height:98%;
	width:98%;
	display:inline-block;

	height:0;width:95%;margin:5px;padding-bottom:95%;	
}
div.info-popup.square img {
	width:85% !important;margin-top:13%;
}
div.info-content {
	display:none;
	transition:all 0.1s;
}
.desktop-only {
	display:none;line-height:1em;
}
.mobile-only {
	display:block;
}
.block-bg-content {
	color:#fff;position:absolute;z-index:2;top:0;left:0;width:100%;
	vertical-align:middle;
	top: 50%;
	transform: translateY(-50%);		
}

div.block-head {
	border-bottom:1px solid #eee;text-align:left;font-size:1.7em;font-weight:bold;margin-bottom:10px;
	width:100%;xmargin-right:10%;
}
div.block-head span.block-title {	
	display:inline-block;padding-bottom:7px;border-bottom:5px solid #203351;padding-right:15px;
	border-image:   linear-gradient(to right, #01bcf1 15%, #1f3250 15%) 5;
	border-top:0;
	border-left:0;
	border-right:0;
	line-height:1.25em;
}

.box.box3 div.block-head .block-title {
	margin-bottom:10px;padding-bottom:10px;
}

.icon-contact {
	width:26px;position:relative;top:-4px !important;
}

ul.contact li span {
	position:relative;top:-15px !important;display:inline-block;
}


div.block-head.center {
	border-bottom:0;text-align:center;font-size:1.6em;font-weight:bold;margin-bottom:10px;
	width:100%;margin-right:0;
}
div.block-head.center span.block-title {
	padding-bottom:18px;border-bottom:5px solid #203351;padding-right:0;padding-left:0;text-align:center;
	border-image: linear-gradient(to right, transparent 15%, #01bcf1 15%, #01bcf1 85%, transparent 15%) 5;
	font-size:1.2em;
}
div.block-head.center.subtitle {
	margin-bottom:20px;margin-top:30px;
}
div.block-head.center.subtitle span.block-title {
	padding-right:0;padding-left:0;text-align:center;
	border-image:   linear-gradient(to right, #01bcf1 0, #01bcf1 100%) 5;
	font-size:0.9em;	
	font-size:1.2em;
}
.uppercase {
	text-transform:uppercase !important;
}
.thumbnail-title,
.thumbnail-title.uppercase {
	text-transform:capitalize !important;
}
div.company-logos img {
	display:block;width:90%;margin:10px auto;border-radius:12px;
}


.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font-size:15px;
	margin:0;padding:0;margin-top:10px;
}
.breadcrumb li { 
	float: left;position:relative;margin-left:0;padding-left:0;
}

.breadcrumb li a {
	float: left;
	text-transform:uppercase;
	font-weight:bold;
	color: white;
	text-decoration: none; 
	position: relative; 
	display:inline-block;padding:0;
	text-align:left;
	margin:0;margin-top:1px;
}
.breadcrumb li:nth-child(1) a {
	padding:0;margin:0;
}
.breadcrumb li a::after {
	font-size:16px;font-weight:normal;
	font-family:'vfont-material';
	content: "\e111";
	position:relative;display:inline-block;
	top:1.8px;
	left:0;
	margin:0 5px;
}

	/*
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	position: relative; 
	display: block;
	float: left;
	text-transform:uppercase;
	font-weight:bold;
	padding: 15px 10px 10px 25px;
}
.breadcrumb li:nth-child(1) a {
	padding: 15px 10px 10px 0;
}
.breadcrumb li a::after {
	font-family:'vfont-material';
	content: "\e111";
	display: block; 
	position: absolute;
	top:25%;
	margin-left: 0px;
	z-index: 1;
	font-size:1em;
	font-weight:normal;
	left: 100%;
	margin-top:4%;
}*/
.breadcrumb li:last-child a::after {
	display:none;
}
ul {
	text-align:left;
}

.flip-card {
  background-color: none;
  /*width: 150px;margin:5px;
  height: 150px;*/
  border: 0 solid #f1f1f1;
  perspective: 1000px;
  
  height:0;padding:0 5px;padding-bottom:100%;
}
.flip-card.no-margin-left {
	xmargin-left:0;
}
.flip-card.no-margin-right {
	margin-right:0;
}
.flip-card-inner {
	position: relative;
	width:100%;height:100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	border:0;

	height:0;width:100%;padding-bottom:100%;
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
	border:0;
}
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	overflow:hidden;
	border:0;
}
.flip-card-front {
	background-color: #bbb;
	color: black;
}
.flip-card-back {
	background-color: dodgerblue;
	color: white;
	transform: rotateY(180deg);
}
.flip-card .flip-card-front,
.flip-card .flip-card-back {
	width:90%;padding:5%;height:90%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-card.box-01 .flip-card-front,
.flip-card.box-01 .flip-card-back {
	background:#e5243b;
}
.flip-card.box-02 .flip-card-front,
.flip-card.box-02 .flip-card-back {
	background:#dda63a;
}
.flip-card.box-03 .flip-card-front,
.flip-card.box-03 .flip-card-back {
	background:#4c9f38;
}
.flip-card.box-04 .flip-card-front,
.flip-card.box-04 .flip-card-back {
	background:#c5192d;
}
.flip-card.box-05 .flip-card-front,
.flip-card.box-05 .flip-card-back {
	background:#ff3a21;
}
.flip-card.box-06 .flip-card-front,
.flip-card.box-06 .flip-card-back {
	background:#26bde2;
}
.flip-card.box-07 .flip-card-front,
.flip-card.box-07 .flip-card-back {
	background:#fcc30b;
}
.flip-card.box-08 .flip-card-front,
.flip-card.box-08 .flip-card-back {
	background:#a21942;
}
.flip-card.box-09 .flip-card-front,
.flip-card.box-09 .flip-card-back {
	background:#fd6925;
}
.flip-card.box-10 .flip-card-front,
.flip-card.box-10 .flip-card-back {
	background:#dd1367;
}
.flip-card.box-11 .flip-card-front,
.flip-card.box-11 .flip-card-back {
	background:#fd9d24;
}
.flip-card.box-12 .flip-card-front,
.flip-card.box-12 .flip-card-back {
	background:#bf8b2e;
}
.flip-card.box-13 .flip-card-front,
.flip-card.box-13 .flip-card-back {
	background:#3f7e44;
}
.flip-card.box-14 .flip-card-front,
.flip-card.box-14 .flip-card-back {
	background:#0a97d9;
}
.flip-card.box-15 .flip-card-front,
.flip-card.box-15 .flip-card-back {
	background:#56c02b;
}
.flip-card.box-16 .flip-card-front,
.flip-card.box-16 .flip-card-back {
	background:#025d8f;
}
.flip-card.box-17 .flip-card-front,
.flip-card.box-17 .flip-card-back {
	background:#19486a;
}
.flip-card.box-18 .flip-card-front,
.flip-card.box-18 .flip-card-back {
	background:#f1f1f1;
}
img.sdg {
	width:100%;
}
.flip-card-back ul {
	margin:0;padding:0;
}
.flip-card-back ul li {
	margin:0;padding:0;padding-left:0;margin-left:20px;
}
span.sdg-title {
	line-height:1.3em;
	display:inline-block;
	font-size:0.95em;
	/*word-wrap:break-word !important;word-break: keep-all !important;width:100%;*/
	xtext-align:left;
}
div.hgreadmore {
	position:absolute;left:5%;bottom:0;font-size:0.8em;
	display:none;
}
div.no-data {
	width:100%;text-align:center;color:#aaa;height:100px;padding:100px 0;letter-spacing:0;
	font-size:1.1em;
}
div.submenu {	
	width:100%;text-align:center;	
	z-index:9;
	position:static;
	border:0;
	background:none;
}
div.submenu > div:nth-child(1) {	
	padding:10px 0;padding-bottom:5px;
}
div.submenu > div {
	padding:10px 0;padding-bottom:5px;
}

div.submenu.fixed {
	position:fixed;
	top: 66px;
	left: 0;
	xborder-top:1px solid #eee;
	xborder-bottom:1px solid #eee;
	background:#fff;
	width:93%;margin-left:3.5%;
	padding-top:3.5px;
}

div.selectbox {
	position: relative;
	display: block;
	width: 95%;margin:0 2.5%;
	min-width:200px;
	height: 2.7em;
	line-height: 2.7em;
	background: #2C3E50;
	overflow: hidden;
	border-radius: .25em;
}
div.selectbox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	background: #fff;
	background-image: none;
	border:1px solid #ccc;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 .5em;
	xcolor: #fff;
	cursor: pointer;
	font-weight:400;
	font-size:1.05em;
}
div.selectbox select::-ms-expand {
	display: none;
} 
div.selectbox::after {
	font-family:'vfont-material';
	font-size:1em;
	content: '\e10f';
	position: absolute;
	top: 0.1em;
	right: 0;
	bottom: 0;
	padding: 0 0.7em 0 0.25em;
	background: #01bcf1;
	pointer-events: none;
	color:#fff;
	transform:scale(2);
}
div.selectbox:hover::after {
	xcolor: #F39C12;
}
div.selectbox::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

nav.pagination {
	margin:30px 0;display:inline-block;
	text-align:right;width:100%;

	display:block;text-align:center;left:0;z-index:8;margin-bottom:0;
	position:fixed;bottom:0;background:rgba(255,255,255,0.5);padding:10px 0;
}
nav.pagination span.page-no {
	display:inline-block;margin:0 5px;	
}
nav.pagination a {
	display:inline-block;margin:0;
	font-size:1.1em;font-weight:500;
	text-align:center;
	background:#ccc;color:#fff;
	width:30px;padding:3px 0;
	cursor:pointer;
}
nav.pagination span.page-no a {
	margin:0 1px;
}
nav.pagination a.disabled {
	color:#ccc;cursor:default;
	xdisplay:none;
}
nav.pagination a.active {
	background:#777;
}
nav.pagination a.disabled.dotted {
	color:#888;
}
nav.pagination a.pagination-btn-first,
nav.pagination a.pagination-btn-prev,
nav.pagination a.pagination-btn-next,
nav.pagination a.pagination-btn-last {
	color:#fff;background:#01bcf1;display:inline-block;padding:3px 10px;margin:0 1px;width:auto;
	
}

nav.pagination a.pagination-btn-prev:before {
	font-family:'vfont-material';
	content: "\e19a";
}
nav.pagination a.pagination-btn-prev,
nav.pagination a.pagination-btn-next {
	font-size:24px;padding:0;width:29px;height:29px;line-height:29px;vertical-align:middle;text-align:center;
	position:relative;top:-2px;
}
nav.pagination a.pagination-btn-next:after {
	font-family:'vfont-material';
	content: "\e19b";
	
}

div.pageLoading {
	opacity:1;
	transform:0.3s;
	background:rgba(0,0,0,0.1);
	z-index:100000;
	height:100%;width:100%;position:fixed;top:0;left:0;
}
div.pageLoading.active {
	opacity:1;
	transform:0.3s;
}
.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	top:45%;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 6px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #01bcf1 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


div.content-list {
	margin:10px 0;
}

div.contents-related,
div.contents-popular {
	margin-top:20px;padding-top:10px;border-top:1px solid #ccc;
	display:block;
	padding-bottom:20px;
}

div.detail-content-title {
	border-bottom:0;text-align:center;font-weight:bold;margin-bottom:10px;
	width:100%;margin-right:0;
	padding-top:20px;	
	word-wrap:break-word !important;xword-break: keep-all !important;width:100%;
}
div.detail-content-title h1 {
	padding-bottom:20px;margin-bottom:20px;border-bottom:5px solid #203351;padding-right:0;padding-left:0;text-align:center;
	border-image:   linear-gradient(to right, transparent 35%, #01bcf1 35%, #01bcf1 65%, transparent 35%) 5;
	display:inline-block;
	line-height:1.3em;
	font-size:1.85em;

	xborder-image:   linear-gradient(to right, #01bcf1 15%, #1f3250 15%) 5;
	border-top:0;
	border-left:0;
	border-right:0;
	word-wrap:break-word !important;xword-break: keep-all !important;
	width:100%;
}



div.detail-content-title .category {
	font-size:1.4em;display:block;font-weight:normal;
}
div.bg-img div.detail-content-title {
	color:#fff;
}
.social-share {
	display:block;text-align:center;width:100%;max-width:640px;margin:30px auto;margin-bottom:50px;
	color:#aaa;font-weight:normal;
	line-height:35px;height:35px;vertical-align:middle;
}
.social-share a.btn-share,
.social-share a.btn-share:active,
.social-share a.btn-share:visited,
.social-share a.btn-share:link {
	margin:0;display:inline-block;vertical-align:middle;
} 
.social-share a.btn-share img {
	width:32px;opacity:0.6;margin:0;padding:0;
}
.social-share span {
	position:relative;margin:0 0px;margin-left:20px;top:-5px;
}
div.detail-content-desc {
	margin:20px 0;margin-bottom:60px;
	text-align:left;
	font-size:1.2em;
}

div.detail-content-desc {
	font-size:1.2em;xline-height:1em;
}
span.news-detail,
div.detail-content-desc,
div.detail-content-desc a,
div.detail-content-desc span,
div.detail-content-desc div,
div.detail-content-desc div.pure-g [class *= "pure-u"] {
	font-family:'Sarabun';
	font-weight:300;
	line-height:1.6em;
}

span.news-detail strong,
div.detail-content-desc strong span,
div.detail-content-desc strong div,
div.detail-content-desc strong,
div.detail-content-desc a strong,
div.detail-content-desc span strong,
div.detail-content-desc div strong,
div.detail-content-desc div.pure-g [class *= "pure-u"] strong,
div.detail-content-desc strong div.pure-g [class *= "pure-u"] {
	font-weight:bold;
}


div.detail-content-desc img {
	width:auto;margin:10px auto;max-width:100%;height:auto;
}
div.detail-content-desc a,
div.detail-content-desc a:visited,
div.detail-content-desc a:link {
	text-decoration:underline;
}
div.detail-content-files {
	margin-top:20px;padding-top:20px;border-top:1px solid #ccc;text-align:left;
	margin-bottom:40px;
}
ul.company-members {
	margin-top:0;padding-top:0;padding-bottom:0;margin-bottom:0;
	list-style-type:disc;overflow:hidden;
}
ul.company-members li {
	width:100%;
}

div.info-box {
	padding:10px 15px;font-weight:bold;
	font-size:16px;overflow:hidden;xmargin-top:8px;	
}
div.info-box span.info-title {
	font-size:3.1em;line-height:1em;
	display:block;text-align:left;overflow:hidden;
}
div.info-box span.info-desc {
	text-align:left;overflow:hidden;
	display:block;margin:0;margin-top:0;
}

div.board {
	width:95%;margin:20px 2.5%;margin-bottom:35px;
	text-align:center;font-size:1.2em;
}
div.board img {
	border-radius:50%;box-shadow:0 0 3px #999;display:block;margin:0 auto;
	width:50%;max-width:300px;
}
div.board .board-name {
	font-weight:bold;margin:10px 0;font-size:1.15em;margin-top:15px;
}
div.board .board-title {
	margin:10px 0;
}
div.board .board-org {

}
div.board.board2 img {
	border-radius:0;box-shadow:0 0 2px #ccc;display:block;margin:0 auto;
	width:100%;max-width:300px;
}
div.board.board2 .board-name {
	font-weight:bold;margin:10px 0;font-size:1.25em;margin-top:15px;
}
div.board.board2 .board-title {
	margin:5px 0;margin-top:10px;
}



div.board.board2.board3 {
	width:99%;margin:20px 0.5%;margin-bottom:0;
	text-align:center;font-size:1em;
}
div.board.board2.board3 img {
	border-radius:0;box-shadow:0 0 2px #ccc;display:block;margin:0 auto;
	width:88%;max-width:300px;text-align:left;margin-right:12%;
}
div.board.board2.board3 .board-name {
	font-weight:bold;margin:0 0;font-size:1.2em;margin-top:0;text-align:left;
}
div.board.board2.board3 .board-title {
	margin:5px 0;margin-top:0px;text-align:left;
}
div.board.board2.board3 .board-org {
	text-align:left;
}



div.o2-alert-box div.board.board2 {
	font-size:0.9em;
}
div.quote-1 {
	font-size:50px;font-weight:bold;margin:0 0;line-height:1em;font-family:Flama;xfont-style:italic;
}
div.quote-2 {
	font-size:50px;font-weight:bold;margin:0 0;line-height:1em;margin-top:15px;font-family:Flama;xfont-style:italic;
}
div.quote-content {
	width:80%;margin:0 auto;
}

div.membership {
	border-radius:20px;
	text-align:center;
	background:#fff;
	width:95%;margin:0 2.5%;margin-bottom:30px;
}
div.membership div.membership-title {
	background:#00bef2;padding:20px 0;
	font-size:1.65em;color:#fff;text-align:center;
	border-radius:20px 20px 0 0;
	line-height:1.1em;
	font-weight:500;
	height:60px;line-height:60px;vertical-align:middle;
}
ul.membership-feature {
	padding:10px;margin:20px 0;list-style:none;padding-bottom:20px;
}
ul.membership-feature li {
	border-top:1px solid #eee;
	margin:0;padding:20px 0;text-align:center;
	font-size:1.1em;font-weight:400;
}
ul.membership-feature li:nth-child(1) {
	border:0;padding-top:0;
}
ul.membership-feature span {
	font-size:1.25em;font-weight:bold;display:block;text-align:center;padding-bottom:5px;
}

table.member-rate {	
	font-size:1.2em;margin:0 auto;
}
table.member-rate thead tr:nth-child(1) th {
	background:#00bef2;color:#fff;
	padding:15px 20px;
	border-radius:20px 20px 0 0;
	font-size:1.1em;
}
table.member-rate thead tr:nth-child(2) th {
	background:#1f3250;color:#fff;
	padding:15px 20px;border-left:1px solid #ccc;font-weight:normal;
}
table.member-rate tbody td {
	background:#fff;padding:15px 20px;
	border:1px solid #eee;font-weight:500;
}
table.member-rate tbody tr:last-child td:nth-child(1) {
	border-radius:0 0 0 20px;
}
table.member-rate tbody tr:last-child td:nth-child(2) {
	border-radius:0 0 20px 0;
}
table.member-rate thead tr th:nth-child(1) {
	width:56%;
}
table.member-rate thead tr th:nth-child(2) {
	width:44%;
}

div.search {
	display:none;
	position:absolute;width:90%;max-width:150px;margin-top:40px;z-index:300;
}
div.search input {
	border:1px solid #eee;border-radius:4px;width:100%;font-size:16px;font-weight:normal !important;padding:6px 10px;padding-left:40px;background:rgba(0,0,0,0.02);
}
div.search input::-webkit-input-placeholder,
div.search input::-moz-placeholder,
div.search input:-moz-placeholder,
div.search input:-ms-input-placeholder,
div.search input::placeholder,
div.search input:placeholder {
  font-weight:normal !important;  
}
div.search span.icon-v-mt-search {
	position:absolute;top:7px;left:7px;color:#999;
}

div.block-hilight {
	font-size:1.13em;font-weight:500;
	margin:20px 0;margin-top:30px;
}


a.btn-search-toggle {
	display:inline-block;
	text-decoration:none;
	position:fixed;top:18px;right:5px;
	font-size:32px;z-index:2;
	color:#999;
}
a.btn-search-toggle > .icon-v-mt-search {
	display:inline-block;
}
a.btn-search-toggle > .icon-v-mt-keyboard_arrow_up {
	display:none;
}
a.btn-search-toggle.active > .icon-v-mt-search {
	display:none;
}
a.btn-search-toggle.active > .icon-v-mt-keyboard_arrow_up {
	display:inline-block;
}

span.mobile-search {
	display:none;
	text-decoration:none;
	position:fixed;top:18px;right:5px;
	font-size:32px;z-index:2;
	color:#999;
	transition:all 0.2s;
	transform:translate3d(0,-20%,0);
}
span.mobile-search div.search {
	display:none;
}
span.mobile-search.active {
	display:block;
	top:73px;width:100%;background:rgba(255,255,255,1);
	right:auto;left:0;
	transition:all 0.2s;
	transform:translate3d(0,0,0);
}
span.mobile-search div.search {
	display:none;
	position:relative;margin-top:0;z-index:300;
	padding:5px 10px;
	width:95%;
	max-width:95%;xbackground:blue;
	margin:0 2.5% !important;
	padding:5px 0 !important;
	overflow:hidden;
}
span.mobile-search.active div.search {
	display:block;
}
span.mobile-search div.search input {
	border:0px solid #eee;border-radius:4px;font-size:16px;font-weight:normal !important;padding:6px 10px;padding-left:45px;background:rgba(0,0,0,0.05);
	display:block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
}
span.mobile-search div.search span.icon-v-mt-search {
	position:absolute;top:7px;left:5px;color:#999;
}
div.search-margin {
	display:none;
}
div.search-margin.active {
	display:block;
	height:30px;
}


/**
	Responsive at 960px;
*/
@media screen and (min-width: 960px) {

	.slides .owl-item img.banner-img {
		display:inline-block;
	}
	.slides .owl-item img.banner-img.mobile {
		display:none;
	}

	.flip-card-back ul {
		margin:10px;
	}
	.flip-card-back ul li {
		padding-left:0;margin-left:30px;
	}
	div.board.board2 {
		width:94%;margin:20px 3%;margin-bottom:0;
		text-align:center;font-size:1em;
	}

	div.board.board2.board3 {
		width:95%;margin:20px 2.5%;margin-bottom:35px;
		text-align:center;font-size:1.2em;
	}
	div.board.board2.board3 img {
		border-radius:0;box-shadow:0 0 2px #ccc;display:block;margin:0 auto;
		width:100%;max-width:300px;
	}
	div.board.board2.board3 .board-name {
		font-weight:bold;margin:10px 0;font-size:1.25em;margin-top:15px;text-align:center;
	}
	div.board.board2.board3 .board-title {
		margin:5px 0;margin-top:10px;text-align:center;
	}
	div.board.board2.board3 .board-org {
		text-align:center;
	}

	a.btn-search-toggle,
	div.search-margin,
	span.mobile-search {
		display:none !important;overflow:hidden;
	}
	div.board {
		font-size:1.1em;
	}
	.banner-content {
		bottom:5%;
	}
	div.search {
		display:block;
	}
	div.info-box {
		padding:20px 30px;
		font-size:25px;		
	}
	div.info-box span.info-title {
		font-size:3.8em;
	}
	div.info-box span.info-desc {
		margin-top:10px;
	}

	div.detail-content-title {
		padding-top:50px;	
	}
	div.detail-content-title h1 {
		xborder-image:   linear-gradient(to right, transparent 35%, #01bcf1 35%, #01bcf1 65%, transparent 35%) 5;
	}
	ul.company-members li {
		width:45%;float:left;margin:0;padding:0;padding-bottom:5px;margin-right:5%;
		height:55px;xoverflow-y:hidden;
	}
	nav.pagination {
		margin:30px 0;display:inline-block;
		text-align:right;width:100%;left:auto;bottom:auto;padding:0;position:relative;background:none;
	}
	div.content-list {
		margin:30px 0;margin-top:0;
	}
	div.selectbox {
		display: inline-block;
		width: 16em;
	}
	div.submenu {
		text-align:right;
	}
	div.submenu.fixed {
		top: 170px;padding-top:0;
		width:auto;margin:0;
	}
	div.submenu > div {
		display:inline-block;
		padding:0;
		margin:0 5px;
	}
	div.submenu > div:last-child {
		margin:0;margin-right:2%;
	}
	a.btn-filter {
		margin-left:10px;
	}
	div.content {
		margin-top:170px;
	}
	div.content.general {
		margin-top:200px;
	}
	div.content.xhas-subheader {
		margin-top:230px;
	}
	div.inner.margin-top {
		margin-top:40px;
	}
	.desktop-only {
		display:block;
	}
	.mobile-only {
		display:none;
	}
	.text-center-d {
		text-align:left !important;
	}
	.slides .owl-item {
		height:700px;
	}
	.slides .owl-item img {
		width:100%;height:auto;
		transform:translate3d(0,-17.59%,0);
	}
	.slides .owl-item.active img {
		xtransform:translate3d(0,0,0);
	}
	div.bg-img,
	div.bg-img.content-headline {
		height:600px;
	}
	div.bg-img img.bg,
	div.bg-img.content-headline img.bg {
		width:100%;height:auto;
		transform:translate3d(0,-22.22%,0);	
	}
	div.bg-img.short {
		height:200px;
	}
	div.bg-img.short img.bg {
		width:100%;height:auto;
		transform:translate3d(0,-33.33%,0);	
	}
	.logo-header {
		height:90px;margin:15px 0;
	}
	div.content-item {
		margin:20px;margin-bottom:20px;
	}
	div.content-item.hilight {
		position:absolute;height:95%;min-height:400px;padding:0;overflow:hidden;
	}

	div.content-item.hilight .content-title {
		width:50%;padding-top:30px !important;
	}
	div.content-item.hilight .thumbnail-title {
		margin-bottom:10px;
	}
	div.content-item.hilight span.thumbnail  {
		width:auto;height:100%;
	}
	div.content-item.hilight span.thumbnail img {
		width:auto;height:100%;
		transform:translate3d(-25%,0,0);
		position:relative;
	}
	div.content-item.hz span.thumbnail {
		width:40%;
	}
	div.content-item.hz span.content-detail {
		width:53.5%;margin-left:3%;
	}

	div.content-item span.hilight-2 div.content-title {
		margin:15px 0 !important;
	}
	div.content-item span.hilight-2 span.thumbnail-text {
		padding:10px;
	}

	div.content-item.hz.hz2 span.thumbnail {
		display:inline-block;width:36%;
	}
	div.content-item.hz.hz2 span.thumbnail img {
		width:100%;overflow:hidden;display:block;text-align:left;
	}
	div.content-item.hz.hz2 span.content-detail {
		display:inline-block;width:55.5%;margin-left:3%;vertical-align:top;margin-top:2px;padding-top:0;
		position:relative;
	}


	div.content-item.hz.hz3 span.drive-actions {
		display:inline-block;width:21%;text-align:right;
	}
	div.content-item.hz.hz3 span.content-detail {
		display:inline-block;width:70.5%;margin-left:0;margin-right:3%;vertical-align:top;margin-top:2px;padding-top:0;
		position:relative;overflow:hidden;
		
	}

	.breadcrumb { 
		font-size:28px;margin-top:0;
	}
	.breadcrumb li a::after {
		font-size:30px;top:4.2px;
		margin:0 15px;
	}
	.breadcrumb li a {
		margin-top:2px;
	}
	/*
	.breadcrumb li a {
		display:inline-block;padding:10px 0;
		text-align:left;
		margin:0;		
	}
	.breadcrumb li:nth-child(1) a {
		padding:10px 0;margin:0;
	}
	.breadcrumb li a::after {
		position:relative;display:inline-block;
		top:4px;
		left:0;
		margin:0 10px;
	}
	.breadcrumb li:last-child a::after {
		
	}*/

	div.block-home div.content-item.home-item {
		margin:10px;margin-bottom:15px;margin-left:20px;
		margin-right:0;
	}
	div.block-home div.content-item.home-item.home-item1 {
		margin-left:20px;margin-right:0;
	}
	div.block-home div.content-item.home-item2-1 {
		margin:10px 15px;margin-bottom:15px;
		margin-left:0;
	}
	div.block-home div.content-item.home-item2-2 {
		margin:10px  7.5px;margin-bottom:15px;
	}
	div.block-home div.content-item.home-item2-3 {
		margin:10px  15px;margin-bottom:15px;
		margin-right:0;
	}

	div.box.box4.box6 div.box-title {
		height:40px;margin-bottom:15px;
	}

	div.content-item.hilight div.content-title {
		width:40%;
	}
}












/* Navigation */
.main-nav {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 41px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-top:5px solid #1e3350;
	position:fixed;top:0;left:0;width:100%;z-index:10;
  
}
.main-nav li > a {
	color: #fff !important;
	font-family: 'Flama' !important;	
	font-weight:400;xpadding-bottom:5px	
}
.main-nav li > a:hover,
.main-nav li > a:active,
.main-nav li > a.highlighted {
	font-family: 'Flama' !important;	
	font-weight:400;
	background:none;
	color: #01bcf1 !important;
}

.main-nav:after {
	clear: both;
	content: "\00a0";
	display: block;
	height: 0;
	font: 0px/0 serif;
	overflow: hidden;
}

.nav-brand {
  xfloat: left;
  margin: 0;
  display:block;
}

.nav-brand ax {
  display: block;
  padding: 11px 11px 11px 20px;
  color: #000;
  font-family: 'Flama';
  font-size: 20px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
  background:#1e324f;
  color:#fff;
  width:100%;overflow-x:hidden;
}
.overflow-y-menu {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: calc(100vh - 150px);
}

#main-menu div.content-item {
	font-size:0.9em;
}

.sub-arrow {
	color: #01bcf1 !important;
}

#main-menu li ul {
  background:#202d47;
}


@media (min-width: 768px) {
	#main-menu {
		text-align:center;
		clear: none;
		display:inline-block !important;text-align:center !important;width:auto !important;margin:0 auto !important;
		background:#fff;
		width:100%;overflow-x:visible;
	}
	.overflow-y-menu {
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		height: auto;
	}
	.main-nav li > a {
		color: #000 !important;
	}
	#main-menu > li {
		border:0;
	}
	.sub-arrow,
	.sub-arrow:before,
	.sub-arrow:after{
		display:none;
	}

	#main-menu li ul {
	  color: #fff !important;
	  background:#1e324f;
	  border:0 !important;
	  padding:5px 15px;xpadding-top:10px;
	}
	#main-menu li ul a {
		color: #fff !important;
		font-size:1em;
	}
	#main-menu li ul a:hover,
	#main-menu li ul a.highlighted {
		color: #01bcf1 !important;
	}
	#main-menu li ul > li {
		border-color:rgba(255,255,255,0.1);
	}
	#main-menu li ul > li:nth-child(1) {
		border:none;
	}
}


/* Mega menus */
#main-menu,
#main-menu > .has-mega-menu {
	position: static !important;
}
#main-menu .mega-menu {
	margin-left: -1px !important;
	margin-right: -1px !important;
	right: 0 !important;
	width: auto !important;
	max-width: none !important;
}
#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
	margin-left: 0 !important;
}
/* clear any floats inside the mega menus */
#main-menu .mega-menu > li {
	overflow: auto;
}
/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */
#main-menu .mega-menu {
	color: #fff;
	background:#202d47/*#2d3f59*/;
	padding:0 5%;
}
#main-menu .mega-menu ul {
	position: static;
	display: block;
	margin: 0.83em 0;
	border: 0;
	padding: 0 0 0 20px;
	width: auto;
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#main-menu .mega-menu ul li {
	display: list-item;
	list-style-type: disc;
	border: 0;
}

#main-menu .mega-menu a {
	display: inline;
	border: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	text-decoration: underline;
}

/* simple columns inside the mega menus */
#main-menu .mega-menu .column-1-3 {
  padding: 0 20px;
}

#main-menu .mega-menu ul.mega-submenu {
	margin:0;padding:0;list-style:none;overflow:hidden;
	width:80%;
}
#main-menu .mega-menu ul.mega-submenu li {
	margin:0;padding:10px 0;text-decoration:none;
	xborder-bottom:1px solid rgba(255,255,255,0.1);
}
#main-menu .mega-menu ul.mega-submenu li:last-child {
	padding-bottom:20px;
}
#main-menu .mega-menu ul.mega-submenu a {
	text-decoration:none;font-size:1em;
}

@media (min-width: 768px) {
	#main-menu .mega-menu {
		background:#1e324f;
		padding:0 0 40px 0;
	}
	#main-menu .mega-menu ul.mega-submenu {
		border-right:1px solid rgba(255,255,255,0.1) !important;padding-right:20%;height:100%;
		margin-top:20px;padding-left:0;
	}
	#main-menu .mega-menu .column-1-3 {
		float: left;
		width: 33.33%;
	}
	#main-menu .mega-menu ul.mega-submenu li {
		border-bottom:1px solid rgba(255,255,255,0.1);
	}
	#main-menu .mega-menu ul.mega-submenu li:last-child {
		border:none;padding-bottom:0;
	}
}


/* Sample image placeholder */
.mega-menu-sample-image {
	margin: 0.83em 0;
	border: 1px solid;
	height: 80px;
	line-height: 80px;
	text-align: center;
}


/* Mobile menu toggle button */
.main-menu-btn {
	margin: 5px 10px;
	position: absolute;left:0;
	display: inline-block;
	width: 29px;
	height: 29px;
	text-indent: 29px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin-top:15px;
}
/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 2px;
	width: 24px;
	background: #333;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}
.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}
#main-menu-state:checked ~ #main-menu {
	display: block;
}



@media (min-width: 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
}


	div.o2-alert-overlay {
		height:100%;width:100%;
		-webkit-background:rgba(0,0,0,0.6);
		-ms-background:rgba(0,0,0,0.6);
		-moz-background:rgba(0,0,0,0.6);
		-o-background:rgba(0,0,0,0.6);	
		background:rgba(0,0,0,0.6);
		position:fixed;top:0;left:0;z-index:100;
		opacity:0;
		visibility:hidden;
		-webkit-transition: all 0.15s;
		-ms-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		transition: all 0.15s;
		font-size:1.2em;
	}
	div.o2-alert-overlay.active {
		opacity:1;visibility:visible;
	}
	div.o2-alert-overlay div.o2-alert-box {
		position:relative;display:block;visibility:hidden;opacity:0;text-align:left;		
		background:#ffffff;border:1px solid #ccc;border-radius:0;padding:0 0;
		margin:0 auto;width:95%;box-shadow:2px 2px 8px #000;z-index:101 !important;font-size:1em;
		color:#222;
		-webkit-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform:translateY(-100%);
		-ms-transform: translateY(-100%);
		-moz-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		transform:translateY(-100%);
		height:85%;overflow:hidden;/*overflow-y:auto;*/
	}
	div.o2-alert-overlay.active div.o2-alert-box {
		visibility:visible;opacity:1;
		-webkit-transform:translateY(80px);
		-ms-transform: translateY(80px);
		-moz-transform:translateY(80px);
		-o-transform:translateY(80px);
		transform:translateY(-50%);
		top:50%;position:relative;
	}
	div.o2-alert-box div.inner {
		display:block;padding:20px 2.5%;position:relative;padding-right:4%;
	}
	div.o2-alert-box a.btn-close {
		display:inline-block;cursor:pointer;
		position:absolute;top:5px;right:5px;
	}
	div.o2-alert-box a.btn-close:before {
		position:absolute;top:5px;right:5px;content:'\e209';font-family:'vfont-material';font-size:26px;color:#ccc;
		padding:5px;
		color:#eee;top:-15px;right:0;
		width:25px;height:25px;
		background:#1e3250;		
		/*-webkit-border-radius:50%;
		-ms-border-radius:50%;
		-moz-border-radius:50%;
		-o-border-radius:50%;
		border-radius:50%;*/
		top:-2px;right:-4px;
	}
	div.o2-alert-box a.btn-close:hover:before {
		color:#999;cursor:pointer;
		color:#fff;
	}
	div.o2-alert-box div.scrollable {
		height:75vh;overflow:hidden;overflow-y:auto;
	}

	a.btn-filter {
		display:inline-block;width:85%;border-radius:4px;margin-top:5px;margin-bottom:5px;
	}

	@media screen and (min-width: 960px) {
		div.o2-alert-overlay div.o2-alert-box {
			margin:0 auto;width:30%;font-size:1em;
			height:auto;overflow:hidden;
		}
		div.o2-alert-box div.scrollable {
			height:auto;overflow:hidden;
		}
		div.o2-alert-box div.inner {
			display:block;padding:30px 5%;position:relative;
		}
		div.o2-alert-box a.btn-close:before {
			right:28px;
		}

		a.btn-filter {
			width:auto;display:inline-block;top:-18px;position:relative;padding:1.5px 10px;
		}
	}


/**
* SD Report
*/
.sd-report {

}
a.btn-report-lang,
a.btn-report-lang:link,
a.btn-report-lang:visited {
	xcolor:;
}
a.btn-report-lang:hover,
a.btn-report-lang.active {
	cxolor:#000;font-weight:500;
}
table.sdreports {
	width:100%;border:0;margin-top:50px;border-bottom:1px solid #eee;
}
table.sdreports th {
	background:#b5d4e9;color:#2d3c54;font-size:1em;font-weight:500;
	margin:1px;
	border:3px solid #fff;
	padding:5px 0;
}
table.sdreports th:nth-child(1) {
	width:22%;
}
table.sdreports th:nth-child(2) {
	width:22%;
}
table.sdreports th:nth-child(3) {
	width:22%;
}
table.sdreports th:nth-child(4) {
	width:34%;
}
table.sdreports td {
	margin:1px;
	border:3px solid #fff;
	padding:5px 0;
	text-align:center;
	padding-top:15px;
}
table.sdreports td:nth-child(4) {
	padding-top:5px;
}
table.sdreports tbody {
	border-bottom:2px solid #eee;
}
.btn-icon {
	line-height:1em;
	display:inline-block;
	margin:10px;
	margin-top:0;
}
.btn-icon span.icon {
	font-size:26px;margin-bottom:0;padding:0;padding-bottom:5px;
}
.btn-icon span.icon-text {
	font-size:0.9em;font-weight:500;
}
.report-logo {
	width:80%;margin:0 auto;border:1px solid #999;
}
span.un-line2 {
	display:inline-block;height:3px;width:100px;margin:10px auto;background:#619ecd;
}

.report-view {
	text-align:left;
}
.report-view > div.pure-g:not(:last-child) {
	border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;
}
.report-title {
	font-size:1.3em;font-weight:500;
}
.report-text-title {
	font-size:1.03em;font-weight:500;
}
.report-container {
	width:80%;margin:30px 10%;margin-top:10px;
}
.report-cover {
	width:100%;border:0;box-shadow:0 0 2px #aaa;
}
.report-period {
	font-size:1.6em;font-weight:500;text-align:center;margin:15px 0;
}
.report-container * {
	letter-spacing:0;
}
.report-downloads a,
.report-downloads span {
	position:relative;top:5px;
}
.report-nav {
	margin:20px; auto;text-align:center;
}
.report-nav ul {
	overflow:hidden;margin:0 auto;padding:0;list-style:none;display:inline-block;
}
.report-nav li {
	float:left;display:inline-block;margin:2px 2px;border:1px solid #999;width:20px;text-align:center;
}
.report-nav li:hover,
.report-nav li.active {
	background:#1e3250;cursor:pointer;
}
.report-nav li a {
	font-weight:500;
}
.report-nav li:hover a,
.report-nav li.active a {
	color:#fff;
}

table.reports {
	width:100%;border:0;margin-top:0;border-bottom:1px solid #eee;
}
table.reports th {
	background:#b5d4e9;color:#2d3c54;font-size:1em;font-weight:500;
	margin:1px;
	border:3px solid #fff;
	padding:5px 0;
	text-align:center;
}
table.reports th:nth-child(1) {
	width:15%;
}
table.reports th:nth-child(2) {
	width:60%;
}
table.reports th:nth-child(3) {
	width:25%;
}

table.reports td {
	margin:1px;
	border-bottom:1px solid #eee;
	padding:15px 0;
	text-align:center;
	padding-top:15px;	
}
table.reports td:nth-child(4) {
	padding-top:5px;
}
table.reports tbody {
	border-bottom:1px solid #eee;
}
table.reports tr:hover td {
	cursor:pointer;
	transition:all 0.15s;
	background:#e2edf4;
}


div.box {
	width:90%;margin:0 auto;
}
div.box.box2 {
	width:80%;
}
div.box.box3 {
	width:95%;margin-bottom:30px;
}
div.box.box4 {
	width:85%;margin-bottom:50px;
}
div.box.box5 {
	width:85%;margin-bottom:50px;
}
div.box div.box-title {
	font-weight:bold;font-size:1.4em;margin:20px 0;
}
div.box div.box-desc {
	text-align:left;
}
div.box.box3 div.box-title {
	font-size:1.4em;margin-bottom:15px;
	border-image:   linear-gradient(to right, #01bcf1 15%, #1f3250 15%) 5;
	border-top:0;
	border-left:0;
	border-right:0;
	padding-bottom:15px;
}
div.box.box3 ul.list.no-margin li {
	padding:0 !important;margin:0 !important;height:auto !important;line-height:2.2em  !important;margin-top:3px !important;
}
div.box.box3 ul.list img {
	margin-right:2px;position:relative;top:-5px;
}
div.box.box3 ul.list span.bold {
	font-weight:normal;
}
div.box3 img.icon {
	width:35px;border:0;
}
div.box.box4 div.box-desc {
	text-align:center;font-size:1.12em;font-weight:500;
}
div.box.box4 > img {
	height:150px;margin:0px auto;
}
div.box.box4 > img.h {
	width:auto;height:80px;margin:33px auto;
}
div.box.box5 div.box-title {
	font-size:1.3em;margin-top:0;font-weight:bold;
}
div.box.box5 div.box-desc {
	text-align:center;font-size:1.12em;font-weight:500;
}
div.box.box5 > img {
	height:150px;margin:0px auto;
}
div.box.box5 > img.h {
	width:auto;height:80px;margin:33px auto;
}
div.box.box6 div.box-title {
	font-size:1.25em;xfont-weight:500;
	height:auto;line-height:1.2em;margin-bottom:5px;
	margin-top:0;
}
div.box.box6 div.box-desc {
	text-align:center;font-size:1em;font-weight:normal;
}
div.box.box6 > img {
	height:120px;margin:0px auto;
}

div.box div.box-desc2 {
	height:100px;
}
div.box div.box-action {
	line-height:30px;
}
div.box div.box-action a {
	font-size:1.35em;margin:5px 0;
}


div.page-actions {
	width:100%;max-width:360px;display:inline-block;margin:0 auto;margin-top:30px;margin-bottom:10px;
}
div.page-actions a {
	padding:16px 0;font-size:1.2em;line-height:1.2em;xoverflow:hidden;text-align:center;display:block;margin-bottom:20px;
	background:#b5d4e9;color:#1b2b45;
	transition:all 0.1s;
	font-weight:500;	
}
div.page-actions a:hover {
	background:#a4cae4;
}
div.page-actions a:last-child {
	margin-bottom:0;
}

div.form2 {
	width:100%;margin:0 auto;max-width:480px;padding-bottom:50px;
}
div.form2 div.form-elm {
	margin:0 4px;margin-top:15px;overflow:hidden;
}
div.form2 label {
	display:block;margin-bottom:2px;color:#1b2b45;font-weight:500;border:none;font-size:1.1em;
}
div.form2 input,
div.form2 textarea {
	width:95%;max-width:95%;background:#fff;border:1px solid #ccc;padding:5px 2%;border-radius:3px;
	font-size:1.1em;
}
div.form2 input:focus {
	border:1px solid #aaa;
}
div.un-content {
	width:100%;max-width:960px;margin:0 auto;
	text-align:left;
}
div.howto ul {
	margin:0;padding:0;
}
div.howto li {
	color:#1b2b45;font-size:1.3em;font-weight:500;
}
div.howto b {
	display:block;
}
div.howto b a {
	text-decoration:underline;
}
div.howto ul.list {
	list-style-type:disc;padding-left:10px;
}
div.howto ul.list li {
	color:#1b2b45;font-size:1em;font-weight:normal;
}
div.howto ul.list li:before {
	content:'';
}

.hide {
	display:none;
}

div.howto.un-content {

}
div.howto.un-content a {
	text-decoration:none;
}
div.howto.un-content .un-actions {
	margin:30px 0;text-align:center;display:block;width:100% !important;max-width:auto;padding:0;
}
div.howto.un-content .un-actions a {
	display:inline-block;margin:0 10px;margin-bottom:10px;
	width:200px;	
	font-size:1.1em;
}

.btn-search {
	cursor:pointer;
}

ul.list {
	margin:0;padding:15px 10px;overflow:hidden;list-style:none;display:block;padding-top:5px;
}
ul.list li {
	margin-left:10px;
}	
ul.list li:before {
	content:' - ';
}
ul.list-no {
	margin:0 20px;padding:15px 10px;overflow:hidden;list-style:decimal;display:block;padding-top:5px;
	line-height:1.4em;
}
ul.list-no > li {
	margin-left:10px;padding-bottom:5px;
}
ul.list-no ul {
	margin:0;padding:0;padding-left:15px;
}
ul.list-no ul.list-no {
	padding-top:10px;padding-bottom:10px;
}
ol { counter-reset: item;margin:0px;padding-left:20px;overflow:hidden }
ol li { display: block;margin:0px;padding:0; }
ol li:before { content: counters(item, ".") " "; counter-increment: item }


ul.list.no-margin {
	list-style:none;padding:0;margin:0;width:100%;display:block;
}
ul.list.no-margin li {
	padding:0 !important;margin:0 !important;width:100% !important;text-align:left;clear:both;height:50px;line-height:50px;vertical-align:middle;display:block;top:0;
}
ul.list.no-margin li span {
	display:inline-block;top:0;position:relative;top:-11px;margin-left:10px;
}
ul.list.no-margin li:before {
	content:'';
}

/**
*	TinyMCE Templates
*/
	div.template-grid-inner {
		width:100%;
	}
	div.template-grid-inner.margin {
		width:95%;margin:0 2.5%;
	}
	div.template-grid-inner img {
		width:100%;margin:0 !important;padding:0 !important;
	}


div.search-content {
	display:block;position:relative;
	width:90%;max-width:250px;margin:0 auto;margin-top:40px;z-index:300;
}
div.search-content input {
	border:1px solid #eee;border-radius:4px;width:100%;font-size:16px;font-weight:normal !important;padding:6px 10px;xpadding-left:0;background:rgba(0,0,0,0.02);
	xpadding-right:40px;height:26px;
}
div.search-content input::-webkit-input-placeholder,
div.search-content input::-moz-placeholder,
div.search-content input:-moz-placeholder,
div.search-content input:-ms-input-placeholder,
div.search-content input::placeholder,
div.search-content input:placeholder {
  font-weight:normal !important;  
}
div.search-content span.btn-search-content {
	position:absolute;right:-21px;width:39px;height:39px;background:#01bcf1;
}
div.search-content span.icon-v-mt-search {
	position:absolute;top:7px;left:7px;color:#fff;font-size:27px;cursor:pointer;
}

#report-data {
	padding-top:10px;
}
#report-data .report-item {
	border-bottom:1px solid #eee;
	margin-bottom:25px;padding-bottom:20px;
}
#report-data .report-item div {
	text-align:center;margin-top:0;
}
#report-data .report-item div:nth-child(3) {
	margin-top:10px;
}
.report-item img {
	width:50%;margin:0 25%;margin-bottom:0;
}
.report-item {
	text-align:left;
	cursor:pointer;
	transition:all 0.1s;
}
.report-item:hover span {
	color:#01bcf1;
}
.bold {
	font-weight:500;
}

select[name="lang-select"] {
	background:#f2f2f2;color:#000;
	position:relative;top:15px;left:20px;
	cursor:pointer;border-radius:3px;xpadding-right:5px;
	padding:0;margin:0;
	text-align:center;
}

.grecaptcha-badge,
#rc-anchor-container {
	visibility:hidden !important;
}

@media screen and (min-width: 960px) {
	select[name="lang-select"] {
		background:#f2f2f2;color:#000;
		position:relative;top:5px;left:30px;
		cursor:pointer;margin-right:8px;
	}
	#report-data {
		padding-top:50px;
	}
	#report-data .report-item {
		margin-bottom:15px;padding-bottom:10px;
	}
	#report-data .report-item div {
		text-align:left;
	}
	#report-data .report-item div span.r-title {
		position:relative;top:10px;
	}
	.report-item img {
		width:60%;margin:0 20%;
	}
}


div.rounded-box {
	width:95%;margin:10px 0;border:1px solid #000;border-radius:20px;padding:30px 2.5%;
	
	
}
div.rounded-title {
	font-weight:bold;font-size:1.4em;padding-bottom:10px;
}
div.rounded-title img {
	width:50px;
}
div.rounded-title span {
	position:relative;top:-17px;
}
div.rounded-desc {
	height:100px;
}

div.drive-list {
	margin-top:30px;
}
div.drive-list > div{
	border-bottom:1px solid #ccc;
}
div.drive-list > div:last-child {
	border:0;
}



span.btn-download {
	display:inline-block;padding:5px 10px;font-weight:500;color:#fff;font-size:1.1em;
	background:#01bcf1;
	transition:all 0.1s;min-width:120px;text-align:center;
}
span.btn-download:hover {
	background:#00aad4;
}
span.btn-download span.icon {
	position:relative;top:2px;
}
span.btn-event-register {
	display:inline-block;padding:5px 10px;font-weight:500;color:#fff;font-size:1.1em;
	background:#1f3250;
	transition:all 0.1s;min-width:120px;text-align:center;
}
span.btn-event-register:hover {
	background:#19273d;
}
span.btn-event-register span.icon {
	position:relative;top:2px;
}


div.event-type {
	border-bottom:1px solid #ccc;margin:30px 0;text-align:left;
}
div.event-type a {
	display:inline-block;
	font-size:1.2em;font-weight:bold;margin-right:30px;padding-bottom:10px;
	text-transform:uppercase;
}
div.event-type a.active {
	border-bottom:5px solid #01bcf1;
}

div.event-list div.content-title,
div.event-list div.content-shortdesc {
	color:#000;
}


div.policy-pane {
	display:none;
	position:fixed;bottom:0;width:100%;padding:20px 0;
	background:#2d2d2d;z-index:10;
	color:#fff;
}
div.policy-pane.active {
	display:block;
}
div.policy-pane a.btn,
div.policy-pane a.btn:visited,
div.policy-pane a.btn:link {
	background:#01bcf1;border:2px solid #01bcf1;color:#fff;
	display:inline-block;width:150px;padding:0px 0;
	transition:all 0.1s;
	margin:0 6px;
	font-size:1em;
	margin-top:5px;
}
div.policy-pane a.btn:hover {
	background:#2fd5ff;
}
div.policy-pane a.btn.outline,
div.policy-pane a.btn.outline:hover {
	background:none;border-color:#ccc;
	font-size:1em;
}
div.policy-pane div.policy-title {
	font-size:1.2em;padding-bottom:10px;
}
div.policy-pane a.btn-policy-close {
	position:absolute;top:-10px;right:-10px;color:#fff;font-size:24px;cursor:pointer;
}
#policy-box {
	background:#2d2d2d !important;color:#fff !important;
}
.line {
	display:block;width:100%;height:1px;background:#bbb;margin:15px 0;
}
.line2 {
	display:block;width:100%;height:1px;background:#777;margin:15px 0;
}

div.o2-alert-overlay div.o2-alert-box.gray {	
	background:#2d2d2d;
	color:#fff;
	border:none;
	height:auto;
}
div.o2-alert-overlay div.o2-alert-box.gray a.btn-close {
	display:none;
}
div.o2-alert-overlay div.o2-alert-box.gray a.xbtn-close.xbtn-close2 {
	display:inline-block !important;position:relative;top:auto;left:auto;right:auto;
}

div.policy-detail {
	height:540px;overflow:auto;padding-bottom:80px;
	padding-right:10px;
	xheight:650px;
}

@media screen and (max-height: 740px) {
	div.policy-detail {
		height:460px;padding-right:0;
	}
	div.o2-alert-overlay div.o2-alert-box.gray {	
		height:95%;
	}
} 

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #01bcf1;
}
input:focus + .slider {
  box-shadow: 0 0 1px #01bcf1;
}
input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.slider.round {
  border-radius: 30px;
}
.slider.round:before {
  border-radius: 50%;
}

a.btn.blue.btn-subscribe-email {
	width:80% !important;max-width:300px !important;
}