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

html{width:100%; font-family:Open Sans, sans-serif; font-size:16px; color:#fff; position:relative; background-color:#171717; font-weight:400;}
body{width:100%; margin:0; padding:0; position:relative; }

img{border:none 0;}
a{color:#ea0e00; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
p{margin:0 0 20px 0;}
strong{font-weight:700;}

h1{font-size:30px; font-weight:700; margin:0 0 20px 0;}
h2{font-size:25px; font-weight:700; margin:0 0 15px 0;}

img{max-width:100%; height:auto;}

.center{text-align:center;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

.redColor{color:#ff000d;}


.canvas{max-width:1200px; margin:0 auto; padding:0 15px;}

.footer{border-top:solid 1px #cccccc; padding:30px 0; font-size:16px;}
.footer a{color:#013b57;}

input[type="text"], input[type="date"], input[type="email"], input[type="password"], select, textarea{border:solid 1px #cbcbcb; font-family:inherit; font-size:16px; font-weight:300; padding:9px 10px; -webkit-border-radius:4px; border-radius:4px;}
input[type="submit"]{width:auto; background-color:#ed1c24; border:none 0; -webkit-border-radius:4px; border-radius:4px; color:#FFFFFF; padding:8px 20px; font-size:19px; font-weight:700; font-family:inherit; cursor:pointer;}
input[type="submit"]:hover{background-color:#d60000;}
select{padding:8px 10px;}

.mainButton{display:inline-block; text-align:center;}
.mainButton a{background-color:#ed1c24; color:#FFFFFF; font-size:19px; font-weight:300; display:block; padding:9px 20px; -webkit-border-radius:4px; border-radius:4px;}
.mainButton a:hover{background-color:#d60000; text-decoration:none;}


.main{padding-bottom:50px;}

.features{display:table; width:100%;}
.features .column{display:table-cell; width:33.33%; text-align:center; padding:0 30px; vertical-align:top; font-size:16px; padding-bottom:20px;}
.features .image{width:auto; height:120px;}
.features .image img{height:100%; width:auto;}

.mainButton a{background-color:#ed1c24; color:#FFFFFF; font-size:26px; font-weight:700; padding:16px 40px; -webkit-border-radius:100px; border-radius:100px; display:inline-block; min-width:230px; text-align:center;}
.mainButton a:hover{background-color:#d60000; text-decoration:none;}

.header{background:url(../../images/credit_online_landings/hero-animation-backround.gif) #dff3fb top repeat-x; margin-bottom:50px;}
.header .wrap{background:url(../../images/credit_online_landings/hero-mask.png) bottom no-repeat; background-size:100%; padding:0 30px; padding-bottom:210px; box-sizing:border-box;}
.header .canvas{background:url(../../images/credit_online_landings/hero-animation-01.gif) top right no-repeat; z-index:100;}
.header .content{max-width:480px; padding:50px 0;}
.header .logo{margin-bottom:50px;}
.header .title{margin-left:15px;}
.header .mainButton{margin-left:30px;}
.header h1{margin:0;}
.header h2{font-weight:400; font-size:28px; margin-bottom:30px;}

.hero{margin-bottom:80px; border-bottom:solid 1px #ececec;
	background:-moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #ececec 0%,#ffffff 100%);
	background:linear-gradient(to bottom, #ececec 0%,#ffffff 100%);
	background-image:-o-linear-gradient(top, #ececec, #ffffff);
	background-image:-ms-linear-gradient(top, #ececec, #ffffff);
}
.hero .logo{padding:50px 0 0 0;}
.hero .info{background:url(../../images/hero-img.png) top center no-repeat; padding-top:340px; padding-bottom:40px;}
.hero .info h1{text-transform:uppercase;}
.hero .cta a{margin:0 5px;}


/* FORM */
.form label{display:block; font-weight:500; margin-bottom:4px;}
.form input[type="text"], .form select, .form textarea{width:100%; box-sizing:border-box;}
.form .leftColumn, .form .rightColumn{width:49%;}
.form textarea{height:123px;}
.form .grayText{font-weight:300;}
.form .mainButton{display:block; text-align:left;}
.form .mainButton.center{text-align:center;}
.form .checkButtons{display:block; background-color:#f1f4f9; -webkit-border-radius:5px; border-radius:5px; padding:13px 10px 10px 10px;}
.form .checkButtons label{font-weight:normal; display:inline-block; margin-right:10px;}
/* FORM */


/* FOOTER */
.footer{background-color:#f2f2f2; -webkit-box-shadow:inset 0 2px 4px #dddddd; box-shadow:inset 0 2px 4px #dddddd; padding:18px 0; border-top:solid 1px #d7d7d7; color:#8c8c8c;}
.footer ul{list-style:none; margin:0; padding:0;}
.footer li{display:inline-block;}
.footer ul a{display:inline-block; padding:5px; color:#8c8c8c;}

.footer .menu{float:left; padding:10px 0; width:70%;}

.footer .social{float:right;}
.footer .social a{opacity:0.55;}
.footer .social a:hover{opacity:1;}
.footer .social .icons{text-align:right;}

.footer .info{margin-top:10px;}
.footer .info span{padding:5px; display:inline-block;}

.footer .newsletter{margin-bottom:30px; padding-top:15px;}
.footer .newsletter p{margin:0 0 10px 0;}
.footer .newsletter input[type="text"]{width:180px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-right:0;}
.footer .newsletter input[type="submit"]{font-weight:300; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; padding-left:15px; padding-right:15px;}
/* FOOTER */



@media screen and (max-width:1400px) {
	
}
@media screen and (max-width:980px) {
	html{font-size:16px;}
	h1{font-size:26px;}
	h2{font-size:22px;}
	
	.header{background:#dff3fb;}
	.header .wrap{padding:0;}
	.header .canvas{background-size:100%; background-position: top 60px center;}
	.header .content{padding:0 0 20px 0; text-align:center; max-width:100%;}
	.header img{max-width:100%; height:auto;}
	.header .logo{background:#f7fcfd; margin:0 -15px; margin-bottom:220px; padding-top:4px;}
	.header .title{margin:0;}
	.header .title br{display:none;}
	.header h2{font-size:22px;}
	.header .mainButton{margin:0;}
	
	.features{display:block;}
	.features .column{display:block; width:100%; padding:0;}
	
	.mainButton a{font-size:22px; min-width:160px;}

      .hero{margin:0;}
.hero .canvas{padding: 0 20px !important;}
.hero .logo{text-align:center;}
.hero .info{display:none;}



}


/* COOKIE BAR */
#cookie-bar{padding:5px 10px; font-size:13px; overflow:hidden; background:#fff9c2; border:solid 1px #e6dfa4; border-top:none 0; margin-bottom:0; text-align:center; width:100%; position:fixed; bottom:0; z-index:10;}
#cookie-bar p{margin:0; line-height:normal;}
#cookie-bar .cb-enable{font-weight:bold; color:#C80003 !important; padding-left:180px;}
/* COOKIE BAR end */

.hero{background:#fff; -webkit-border-radius:0 0 20px 20px; border-radius:0 0 22px 22px; padding-top:22px; margin-top:-22px; margin-bottom:20px; text-align:center; border:none 0;}
.hero img{width:100%; height:auto; line-height:0; max-width:600px;}

.header{-webkit-border-radius:0 0 20px 20px; border-radius:0 0 22px 22px; background:#fff; padding:25px 0; position:relative; z-index:100; margin:0;}
.header .canvas{background:none;}
.header .logo{line-height:0; margin-bottom:0;}
.header .logo img{width:220px; height:auto;}

@media screen and (max-width:980px) {
                .header{margin-bottom:20px; background:#fff; position:relative; z-index:100;}
                .header .logo{margin:0; text-align:center; padding:0; background:none;}
                .header .canvas{background:none; padding:0;}
                .hero{margin-bottom:20px; border:none 0; margin-top:0;}
                .hero .canvas{padding:0; margin-top:-42px;}
}

#tableCaptcha label.error{width:auto; border:none 0; height:auto; color:#FF0000;}

.canvas .title{text-align:center; padding:0;}
.canvas{max-width:650px;}

.button{background-color:#ff0000; color:#FFF; display:inline-block; padding:10px 35px 12px 35px; -webkit-border-radius:100px; border-radius:100px; min-width:130px; text-align:center; font-weight:600; font-size:25px; box-sizing:border-box;}
.button:hover{text-decoration:none; background-color:#cc0000; color:#cc0000;}
.button.outline{background:none; border:solid 2px #ff0000; color:#ff0000;}
.button.outline:hover{background:rgba(237,28,36, 0.05); border-color:#cc0000; color:#cc0000;}
.button.arrow{background:#ff0000 right 20px center no-repeat; border-radius: 100px;}
.button.arrow:hover{background:#cc0000 right 20px center no-repeat; color:#FFF;}

@media screen and (max-width: 600px){
    .form .left, .form .right{width:100% !important; float:none;}
}