
img,canvas,iframe,video,svg {
	max-width:100%;
}
div#conts {
	padding:0 2%;
}
div#conts_l {
	display:none;
}
div#conts_r {
	float:none;
	width: 100%;
	padding:0;
}
h3 {
color: inherit!important;
text-shadow:none;
padding:0!important;
height:auto;
font-weight: bold;
font-size: 100%!important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-image: none;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin:0;
text-align: center;
}


section.lead {
	text-align: center;
	margin:0 0 40px 0;
}
#conts_r h2.heading-top {
	font-size:190%;
	font-weight:normal;
	color:#222;
	line-height:1.4;
	margin: 0 0 10px;
	background:none;
}
.heading-top strong.blue {
	color:#004ab2;
}
.heading-sub {
	color:#fe8800!important;
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	text-indent:34px;
	font-size:130%!important;
	font-weight:bold;
	background:transparent url('../imgs/heading-sub-icon.png') no-repeat 0 0;
	background-size: contain;
}
.billboard {
	background:transparent url('../imgs/billboard-bg.png') repeat-x 50% 50%;
	background-size: 400px 300px;
}
[class*=txtblock],
[class$=txtblock] {
	text-align: left;
	margin: 0 2% 10px;
	padding:2% 3%;
}
[class*=-txtblock] p,
[class$=-txtblock] p {
	font-size:90%;
	line-height:1.4;
}

.lead-txtblock {
	background:#ffffee;
	border:2px dashed rgba(0,0,0,.2);
}
.lead-txtblock p {
	padding:0;
}
.lead-txtblock strong {
	color:#fe8800;
}


section.steps {
	text-align: center;
	margin:0;
	padding:10px 0;
	background:#004ab2;
	border-radius:36px;
}
#conts_r h2.heading-steps {
	color:#fff;
	font-size:160%;
	font-weight:normal;
	line-height:1.6;
	display: inline-block;
	text-align: left;
	border-bottom:1px solid #ccc;
	margin: 0 auto;
	padding:0 0 0 62px;
	background:transparent url('../imgs/heading-steps-icon.png') no-repeat 0 0;
	background-size: contain;
}
.steps-txtblock {
	margin:10px 10%;
}
.steps-txtblock p {
	color:#fff;
	padding:0;
}

nav.switch-steps {
	background:none;
}
.switch-steps ul {
	padding:0;
	margin:0 auto;
}
.switch-steps li {
	position: relative;
	float:none;
	display:inline-block;
	color:#002559;
	width:auto;
	padding:20px 80px 20px 60px;
	margin:0 2%;
	background:#80a5d9;
	border-radius:12px;
}
.switch-steps li:before,
.switch-steps li:after {
	content:"";
	display:block;
	width:20px;
	height:20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position:absolute;
	margin-top:-8px;
	top:50%;
}
.switch-steps li:before {
	right:50px;
	background:#80a5d9;
	z-index: 2;
}
.switch-steps li:after {
	right:42px;
	background:rgba(0,0,0,.2);
	z-index: 1;
}
.switch-steps li.active {
	padding:20px 70px;
	background:#fe8800;
	color:#fff;
}
.switch-steps li.active:before,
.switch-steps li.active:after {
	display:none;
}

.steps-iphone,
.steps-android {
	width:86%;
	margin:20px auto 0;
	text-align: center;
}
.step-title {
	display: block;
	font-size:120%;
	line-height:1.4;
	width:77%;
	color:#fff;
	margin:0 auto 20px;
	background:#002559;
	border-radius:12px;
	position: relative;
}
.step-title:after {
	content:"";
	width:20px;
	height:20px;
	background:#002559;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-16px;
	z-index: -10;
}
.steps-iphone li img,
.steps-android li img {
	clear:both;
	display:inline;
	width:75%;
	box-shadow: 0 0 0 5px #002559;
	-webkit-box-shadow: 0 0 0 5px #002559;
}
.steps-iphone li p,
.steps-android li p {
	color:#fff;
	font-size:90%;
	line-height:1.2;
	text-align: left;
	margin:10px 0;
}
.bx-wrapper {
	margin-bottom:40px;
}
.bx-wrapper .bx-viewport {
	border:0;
	box-shadow:none;
	-webkit-box-shadow:none;
	background:none;
	left:0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 30%;
	outline: 0;
	width:15%;
	height:140px;
	z-index: 9990;
	background-color:#80a5d9;
}

.bx-wrapper .bx-prev {
	left: -10.5%;
	background-image:none;
	border-radius:0 12px 12px 0;
}
.bx-wrapper .bx-next {
	right: -10.5%;
	background-image:none;
	border-radius:12px 0 0 12px;
}
.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-prev:after,
.bx-wrapper .bx-next:before,
.bx-wrapper .bx-next:after {
	content:"";
	display:block;
	width:24px;
	height:24px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position:absolute;
	top:50%;
	margin-top: -12px;
}
.bx-wrapper .bx-prev:before {
	left:34px;
	background:#80a5d9;
	z-index: 9999;
}
.bx-wrapper .bx-prev:after {
	left:26px;
	background:#fff;
	z-index: 9998;
}

.bx-wrapper .bx-next:before {
	right:34px;
	background:#80a5d9;
	z-index: 9999;
}
.bx-wrapper .bx-next:after {
	right:26px;
	background:#fff;
	z-index: 9998;
}
.bx-wrapper .bx-prev:active,
.bx-wrapper .bx-next:active {
	background:#fe8800;
	color:#fff;
}

.bx-wrapper .bx-pager {
	bottom:-10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width:20px;
	height:20px;
	background:#80a5d9;
	margin: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#002559;
}


section.try {
	margin:40px 0 0 0;
	position: relative;
}
section.try:before {
	content: "";
	display:block;
	width:48px;
	height:49px;
	background:url('../imgs/section-try-bg.png') no-repeat 0 0;
	position:absolute;
	top:-41px;
	left:60px;
}
#conts_r h2.heading-try {
	color:#004ab2;
	font-size:160%;
	font-weight:normal;
	line-height:1.2;
	display: inline-block;
	text-align: left;
	border-bottom:1px solid #ccc;
	margin: 0 auto 10px;
	padding:0 0 0 90px;
	background:transparent url('../imgs/heading-try-icon.png') no-repeat left center;
	background-size: 86px 64px;
}
#conts_r h2.heading-try span {
	display:block;
	font-size:70%;
}
.tyr-btn {
	margin:30px 0 60px;
}
.tyr-btn a {
	display:block;
	font-size:145%;
	font-weight:bold;
	color:#fff;
	padding:30px;
	text-decoration: none;
	background:#fe8800;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius:36px;
	border:6px solid #ff7200;
	position:relative;
}
.tyr-btn a:before,
.tyr-btn a:after {
	content:"";
	display:block;
	width:22px;
	height:22px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position:absolute;
	margin-top:-10px;
	top:50%;
}
.tyr-btn a:before {
	right:40px;
	background:#fe8800;
	z-index: 2;
}
.tyr-btn a:after {
	right:30px;
	background:#e16500;
	z-index: 1;
}
