﻿@charset "utf-8";
body{background:#4bbae6; color:#fff; padding-bottom:164px;}
a, a:hover{color:#FFF;}
.form-wrapper a{color:#4FB4E6}
.form-wrapper a.btn-success{color: #fff;}
a.white{color:#fff;}
.trial-nav{margin-top:22px; font-family: 'HelveticaNeue-Light', sans-serif; font-size: 15px; line-height: 16px;}
.form-wrapper{padding-top:80px; margin-bottom:38px; margin-left:140px; width:464px;}
.form-wrapper.w400{max-width: 400px;}
.form-wrapper.right{max-width:205px; margin-left:0;}
.form-block{background:url(../Content/img/page_corner.png) right bottom no-repeat #fff; color:#767676; padding:40px 45px;}
.form-wrapper.w400 h3{margin-bottom: 0;}
.form-wrapper.w400 .form-block{background: #fff; border-radius:3px; padding:0;}
.form-wrapper.w400 .form-header{padding: 30px 20px; border-bottom:1px solid #EEE;}
.form-wrapper.w400 .form-content{padding: 20px 20px 5px;}
.form-wrapper.w400 .form-footer{padding: 20px 20px; border-top:1px solid #EEE;}
.form-footer{margin-top:7px;}
.form-footer-info{margin:20px 0 0; text-align: center;}
.term-text{font-size:16px; margin-left:140px;}
.custom-list.normal li{color:#fff; line-height: 20px;}
.input-group-addon{border:0; background:#F1F1F1;}

.form-center{margin: 0 auto;}
.form-center .form-wrapper-title{margin-bottom: 40px;}
.form-center .form-wrapper-title h2{font-family:'ProximaNova-Semibold';}
.form-wrapper-title a{color: #fff;}
h3.fb-title{font-size: 24px; font-family: 'ProximaNova-Semibold'; color:#000; margin-bottom: 38px;}
.fb-details{font-size: 16px; color:#6c6c6c; line-height: 26px; margin-bottom: 32px;}
.fb-details .date-time{border-bottom:1px dotted #626262; color:#626262; display: inline-block;}

.form-block .btn-success{font-size: 16px;}
.login-link img{vertical-align: baseline;}

.modal-content-top {margin-bottom: 25px;}
.modal-content-top h3{margin-bottom: 15px;}

@media screen and (min-width:992px){
	.col-xs-12.col-sm-7.width-auto{width:auto !important;}
}

@media screen and (min-width:768px) and (max-width:1199px){
	.term-text{margin-left:0;}	
	.form-wrapper{margin-left:0; width:100%; padding-top:34px;}
	.form-wrapper.right{max-width:none}
}

@media screen and (max-width : 767px) {
	body{padding-bottom:30px}
	.form-wrapper{margin-left:0; width:100%; padding-top:34px;}
	.form-wrapper-title{margin:0 5px 36px;}
	.form-block{margin-left:-15px; margin-right:-15px; background:#fff; padding:34px 20px;}
	.term-text{margin-left:0;}
	.form-block h3{margin-bottom:22px;}
	.form-block label{margin-bottom:10px;}
	.form-group{margin-bottom:20px;}
	.form-block hr{margin:30px -15px;}
}