@charset "utf-8";
/* CSS Document */

.bgwhite {
	background-color: #fff;
}
.bglightgrey {
	background-color: #F2F2F2;
}
.bgred {
	background-color: #f06060;
	min-height: 350px;
}
.bggreen {
	background-color: #00ada7;
	min-height: 380px;
}
.txwhite {
	color: #fff;
}
.txblack {
	color: #000;
}
.txred {
		color: #F00;
}
.txblue {
	color: #2980b9;
}
.txgreenbold {
	font-weight: 700;
	color: #29b58d;
}
.txltgrey {
	color: #ccc;
}
.tx_cpd_bridges {
	color: #f3749c;
}
.tx_cpd_lab {
	color: #f6434f;
}
.tx_cpd_demand {
	color: #2babe4;
}
.tx_perintis {
	color: #039246;
}
.tx_cpd_kritis {
	color: #f8941e;
}
.txsilver {
	color: #b7b7b7;
}
.img-center {
	margin: 0 auto;
}
.borderbottm {
	border-bottom: 1px dashed #a3a0a1;
}
.borderbottom-mobile {
	border-bottom: 1px dashed #a3a0a1;
}
@media screen and (min-width: 768px) {
.borderbottom-mobile {
	border-bottom: 0px ;
}
}

.mh01 {
	font-family: 'Lato', sans-serif;
	font-size: 45px;
	font-weight: 900;
	letter-spacing: -2px;
}
.mh02 {
	font-family: 'Lato', sans-serif;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: -2px;
}
.mh03 {
	font-family: 'Lato', sans-serif;
	font-size: 60px;
	font-weight: 300;
	padding: 0 10px;
}
.mh04 {
	font-family: 'Lato', sans-serif;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: -2px;
}
.p2 {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: 22px;
	/***margin: 0 0 10px;***/
}
.p3 {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	padding: 20px 0;
	line-height: 30px;
	/***margin: 10px 0;**/
}
.radius-top {
	-webkit-border-radius: 0 20px 0 0;
	-moz-border-radius: 0 20px 0 0;
	border-radius: 0 20px 0 0;
}
.radius-bottom {
	-webkit-border-radius: 0 0 0 20px;
	-moz-border-radius: 0 0 0 20px;
	border-radius: 0 0 0 20px;
}
.border-left {
	border-left: 0;
	border-top: 1px dashed #999;
	padding-top: 8px;
	padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.border-left {
		border-left: 1px dashed #999;
		border-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

}
.header {
	min-height: 162px;
	background:url(../img/header_back.png) repeat-x top center;
}
.header-edition {
	left: -15px;
}
.header-padtop {
	padding-top: 20px;
}
.footer {
	min-height: 82px;
	background:url(../img/footer_back.png) repeat-x top center #fff;
}
.footer_link {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	display:block;
}
.footer_link a {
	text-decoration: none;
}
.footer_link a:hover {
	text-decoration: none;
	color: #999;
}
.signature, .signature a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.signature a {
	padding: 0 15px 0 0;
}
@media screen and (min-width: 768px) {
	.signature a {
	padding: 0 0 0 15px;
}
}
.storybg {
	background-repeat:no-repeat;
	background-position:top center;
	min-height: 368px;
}
.story01 { background: url(../img/welcomebg.jpg); }
.story02 { background: url(../img/microbg.jpg); }
.story03 { background: url(../img/demandbg.jpg); }
.story04 { background: url(../img/legalbg.jpg); }
.story05 { background: url(../img/roadshowbg.jpg); }

.prizebg { 
	background: url(../img/back_prize.png) right bottom no-repeat #FFF; 
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
  	border-radius: 12px; 	
}

/***** padding******/
.padtop10 { padding-top: 10px;}
.padtop20 { padding-top: 20px;}
.padtop40 { padding-top: 40px; }
.padtop60 { padding-top: 60px; }
.padtop80 { padding-top: 80px; }
.padtop100 { padding-top: 100px; }
.padtop150 { padding-top: 150px; }

.padbot20 { padding-bottom: 20px;}
.padbot40 { padding-bottom: 40px; }
.padbot60 { padding-bottom: 60px; }
.padbot80 { padding-bottom: 80px; }
.padbot100 { padding-bottom: 100px; }

.padright40 { padding-right: 40px; }

.padleft30 { padding-left: 30px; }
.padleft40 { padding-left: 20px; }
/******margin********/
.martop10 { margin-top: 10px; }

@media screen and (min-width: 768px) {
	.padleft40 { padding-left: 40px; }
}

/******from Google MLD template****************/
	
.demo-ribbon {
  width: 100%;
  height: 40vh;
  background-color: #3F51B5;
  flex-shrink: 0;
}

.demo-main {
  margin-top: -35vh;
  flex-shrink: 0;
}

.demo-header .mdl-layout__header-row {
  padding-left: 40px;
}

.demo-container {
  max-width: 1600px;
  width: calc(100% - 16px);
  margin: 0 auto;
}

.demo-content {
  border-radius: 2px;
  padding: 80px 56px;
  margin-bottom: 80px;
}

.demo-layout.is-small-screen .demo-content {
  padding: 40px 28px;
}

.demo-content h3 {
  margin-top: 48px;
}

.demo-footer {
  padding-left: 40px;
}

.demo-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}