/*Clear*/
.noMarTop{margin-top:0 !important;}
.noMarLeft{margin-left:0 !important;}
.noMarRight{margin-right:0 !important;}
.noMarBot{margin-bottom:0 !important;}
.noPadTop{padding-top:0 !important;}
.noPadLeft{padding-left:0 !important;}
.noPadRight{padding-right:0 !important;}
.noPadBot{padding-bottom:0 !important;}
.noBorTop{border-top:0 none !important;}
.noBorBot{border-bottom:0 none !important;}
.noBorLeft{border-left:0 none !important;}
.noBorRight{border-right:0 none !important;}
.bgNone{background:none !important;} 
.floatLeft{float:left !important;}
.lineH{line-height:none !important;}
.noPadAll{padding:0 !important;}
.mobHide {display:none !important}

/*Checkbox*/
.icheckbox {display:inline-block;*display:inline;vertical-align:middle;margin:0;padding:0;width:15px;height:15px;background:url(../img/home/parites/iconset.png) no-repeat top;border:none;cursor:pointer;float:left;background-position: 0 -12px; margin-right:5px}
.icheckbox.checked{background-position:0 -29px;}
label { color:#fff; font-size:14px; line-height:15px; float:left; font-family: 'PT Sans Narrow', sans-serif;}

/*Animate*/
.btnHoverAnimate, .btnHoverAnimate a, .btnHoverAnimate > a, .btnHoverAnimate li, .btnHoverAnimate li a p, .btnHoverAnimate li span, .btnHoverAnimate a span, .btnHoverAnimate li h3 {-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;}
.btnHoverAnimate:hover, .btnHoverAnimate a:hover, .btnHoverAnimate > a:hover, .btnHoverAnimate li:hover, .btnHoverAnimate li a p:hover , .btnHoverAnimate li span:hover,  .btnHoverAnimate a:hover span, .btnHoverAnimate li:hover h3 {-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;}

/*General*/
.mainDiv { width: 100%; float:left}
.middle { width: 800px; margin:auto;}

/*Content*/
.contentWrapper { width:100%; float:left; padding-top: 55px; position: relative; z-index: 99}
.logoWrapper { width: 100%; float: left;}
.logoWrapper img { display: block; margin: auto; width: 80%;}
.contentWrapper p {width:100%; float: left; color: #fff; font-size: 23px; line-height: 25px; margin-top: 25px; text-align:center; font-weight: 300}
.linkWrapper { width: 100%; float: left; margin-top: 30px; text-align: center;}
.linkWrapper a {
    display: inline-block;
    margin: 0 10px;
    border: 2px solid #fff;
    border-radius: 4px;
    width: 150px;
}
.linkWrapper.followCircle a  {
    background: #24466f;
}
.linkWrapper img { display: block; margin:auto;}
.linkWrapper a:hover { border-color:#000; background: #000}
.imgWrapper { width: 100%; float:left; margin-top: 25px}
.imgWrapper img { display: block; margin:auto; min-height: 250px}

/*Form*/
.formWrapper h2 {width: 100%; float: left; text-align: center; color: #fff; font-size: 20px; line-height: 22px; margin-top: 10px; font-weight: 300}
.formWrapper .formWarning {width: 100%; float: left; padding: 10px; box-sizing: border-box; background: #dc1b1b; text-align:center; color: #fff; margin-top: 10px; font-weight: 300; font-size: 14px; line-height: 15px}
.formWrapper {width: 100%; float: left; margin-top: 30px;}
.formWrapper .formLeft {width: 49%; float: left;}
.formWrapper .formRight  {width: 49%; float: right;}
.formWrapper .inputBlock {width: 100%; float: left; margin-top: 10px}
.formWrapper .inputBlock span {width: 100%; float: left; font-size: 14px; line-height: 15px; color: #fff; font-weight: 300}
.formWrapper .inputBlock input {width: 100%; float: left; height: 30px; line-height: 30px; background: #fff; color: #000; font-size: 14px; margin-top: 5px; border: none; padding: 0 2%; box-sizing: border-box}
.formWrapper .inputBlock textarea {width: 100%; height: 100px; padding: 10px; box-sizing:border-box; color: #000; font-size: 14px; line-height: 16px; margin-top: 5px; border: none; background: #fff; resize: none}
.formWrapper .btnWrapper {width: 100%; float: left; margin-top: 10px;}
.formWrapper .btnWrapper a {width: 100%; margin: auto; display: block; height: 40px; line-height: 40px; background: #3b3573; color:#fff; font-size: 16px; font-weight: 300;text-align: center}
.formWrapper .btnWrapper a:hover {background: #413a87}


/*Footer*/
.footer {width:100%; float: left; padding: 10px 0; text-align:center}
.footer a { display:inline-block; margin:auto; color: #fff; font-size: 14px; line-height: 16px; position: relative; z-index: 99}
.footer a:hover { text-decoration:underline}

.logoWrapper img {
    max-width: 400px;
}

@media all and (min-width:0) and (max-width:800px),(max-device-width:800px) and (min-device-width:0) {
.middle { width: 100%; float: left; padding: 0 2%; box-sizing: border-box}
.imgWrapper img { height: auto!important; width: 70%; min-height: 0}
.contentWrapper p {font-size: 16px; line-height: 19px}
}

@media all and (min-width:0) and (max-width:640px),(max-device-width:640px) and (min-device-width:0) {
.formWrapper .formLeft, .formWrapper .formRight {width: 100%; float: left}
.formWrapper .inputBlock span {margin-top: 15px;}
.formWrapper .inputBlock {margin-top: 0}
.realperson-text {margin-top: 10px;}
}
@media (max-width: 360px) {
    .footer a {
        font-size: 12px;
    }
}