@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i';
body{ margin:0; padding:0; background:url(../images/merchant/login-bg.jpg) no-repeat center center fixed; width:100%; height:100%; font-family: 'Lato', arial, sans-serif; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.main{ width:100%; max-width:1270px; margin:0 auto; display:block;}
.main h1{ font-size:18px; display:block; text-align:center; padding:5px 0 25px 0; margin:0; color:#FFFFFF; font-weight:300;}
.bottom-text{ font-size:14px; display:block; text-align:center; padding:20px 0 0 0; color:#FFFFFF;}
.bottom-text a{ text-decoration:none; color:#00deff;}
.clear{ margin:0; padding:0; clear:both;}
.title{ font-size:60px; float:left; color:#FFFFFF; font-weight:bold; line-height:60px; margin-top:30px;}
.title .bottom-line{ height:3px; width:5px; background:#FFFFFF; width:50px; margin-top:20px; float:left;}
.title span{ color:#ec4056;}
.logo{ float:right; margin-top:40px;}
.leftpoints{ float:left; width:300px; margin-top:50px;}
.leftpoints ul{ margin:0; padding:0;}
.leftpoints ul li{ background:url(../images/merchant/left-pointibg.png) no-repeat left; height:34px; width:283px; font-size:17px; color:#FFFFFF; margin-bottom:10px; line-height:32px; list-style:none; padding:8px 0 8px 17px;}
.leftpoints ul li .text{ width:215px; float:right; text-align:left;}
.leftpoints ul li img{ vertical-align:middle;}

.cross-promotion{ /*vertical-align:middle;*/ background:url(../images/merchant/cross-promotion.png) no-repeat center; width:47px;  height:33px; display:inline-block;}

.lead-generation{ /*vertical-align:middle;*/ background:url(../images/merchant/lead-generation.png) no-repeat center; width:47px;  height:33px; display:inline-block;}

.free-subscription{ /*vertical-align:middle;*/ background:url(../images/merchant/free-subscription.png) no-repeat center; width:47px;  height:33px; display:inline-block;}

.back-to-store{ /*vertical-align:middle;*/ background:url(../images/merchant/back-to-store.png) no-repeat center; width:47px;  height:35px; display:inline-block;}

.deals-discounts{ /*vertical-align:middle;*/ background:url(../images/merchant/deals-discounts.png) no-repeat center; width:47px;  height:33px; display:inline-block;}

.online-presence{ /*vertical-align:middle;*/ background:url(../images/merchant/online-presence.png) no-repeat center; width:47px;  height:33px; display:inline-block;}
.form{ background:rgba(0,0,0,0.3); width:660px; padding:10px 20px 20px 20px; float:right; margin-top:-70px;position:relative;}
.form input[type="text"], input[type="password"]{background:rgba(255,255,255,0.3); border:1px solid #918b86; width:273px; padding:8px 15px; font-size:14px; color:#FFFFFF; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;}

.form select{/*background-color:rgba(255,255,255,0.3);*/ border:1px solid #918b86; width:305px; padding:8px 15px; font-size:14px; color:#c2c2c2; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; 
 background:rgba(255,255,255,0.3) url(../images/merchant/select-arrow.png) no-repeat 96% 14px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form ul{ margin:0; padding:0;}
.form ul li{ list-style:none; float:left;  margin-bottom:15px; width:305px;}
.form ul li.business-type{ float:right; margin-top:0px;}
.form ul li.business-type .group-title{ font-size:14px; display:block; margin-bottom:8px; font-size:14px; color:#FFFFFF;}
.form ul li.marr50{ margin-right:50px;}
.form input[type="checkbox"] {display:none;}
.form label{color:#FFFFFF; font-size:14px;}
.form input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:2px 8px 15px 0;
    vertical-align:top;
    background:url(../images/merchant/checkbox.png) left bottom no-repeat;
    cursor:pointer;
	/*float:left;*/
	
}
.mart-58{ margin-top:-50px;}
.form input[type="checkbox"]:checked + label span { background:url(../images/merchant/checkbox.png) left top no-repeat;margin-top:2px;}
.form .checkbox-group{ width:150px; float:left; height:30px;}
.form .tc-agree{ width:100%; text-align:center; display:inline-block;}
.form .submit-block{ display:block; width:100%; text-align:center; margin:0 auto;}
.form .submit-block .btn{ background:#ed4056; width:150px; text-align:center; padding:10px 0; color:#FFFFFF; font-size:14px; border:0; text-decoration:none; display:inline-block; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}

@media only screen and (max-width: 1024px) {
.main{ width:100%; max-width:990px !important; margin:0 auto; display:block;}
.form{ width:600px !important;}
.form ul li{ width:275px !important;}
.form input[type="text"]{ width:243px;}
.form select{ width:275px;}	
.form .checkbox-group{ width:137px; float:left;}
.form ul li.business-type{ margin-top:10px;}
.title{ font-size:48px; line-height:48px;}
}

.form select option {
    color: #000;}


::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: white;  
}