@font-face {
 font-family:headingfont;
 src: url("ProximaNova-Regular_0.eot") /* EOT file for IE */
}
@font-face {
 font-family: headingfont;
 src: url("ProximaNova-Regular_0.otf") /* TTF file for CSS3 browsers */
}


.login{

	clear:both;

	width:100%;

	background-image:url(../image/loginbg.jpg);

	background-repeat:no-repeat;

	background-size:100% auto;

	overflow:hidden;

}

.login-sigin {

    padding: 35px 0px 35px 0px;

    width: 30%;

    background: #fff;

    border-radius: 15px;

    margin: 10% auto 7%;

    overflow: hidden;

    box-sizing: border-box;

    height:auto;

	text-align:left;

}



form#formID {

    margin: 0 auto;

    width: 100%;

margin:0 auto;

}





.login-sigin h1 img {

    max-width: 100%;

    width: 170px;

}

.login-c h2 {

    color: #666666;

    text-align: center;

    font-size: 50px;

    padding: 0px 10px;

	font-family: arial;

}

.login-c > p {

    color: #666666;

    text-align: center;

    font-size: 22px;

    font-family: arial;

    padding: 5px 10px;

}



.content-tm p {

    text-align: center;

    font-size: 18px;

    font-family: arial;

    padding: 5px 20px;

    line-height: 30px;

    max-width: 510px;

    margin: auto;

    width: 100%;

	box-sizing: border-box;

}

/*input#email {

    border: 1px solid #cccccc;

    font-size: 14px;

    margin-top: 4px;

    margin-bottom: 5px;

    padding: 3px 0 3px 20px;

    width: 232px;

    float: left;

    border-radius: 4px;

    height: 40px;

    color: #666;

}*/

.login-form input[type="submit"] {

    cursor: pointer;

    float: left;

    padding: 11px 20px;

    background: #2FC1FF;

    border: none;

    border-radius: 7px;

    

    color: #fff;

    font-size: 18px;

    font-weight: bold;

}



.login-sigin-msg{ 

	

	color:#666666;

	text-align:center;

	margin:0 0 5px 0;

}



.login-sigin h1{

	color:#000000;
	font-size:37px;
	text-align:center;
	padding:10px 0px 15px;
	font-weight:normal;
	font-family:headingfont;
}



#resend-email .login-sigin h1 {

    padding: 0;

}

.login-form{

	width:80%;

	margin:0px auto;

}

.login-form input[type="email"],

.login-form input[type="password"]{

    border:1px solid #cccccc;

    font-size: 14px;

    margin-top: 4px;

	margin-bottom:5px;

    padding: 3px 0 3px 20px;

    width:93%;

	float:left;

	border-radius: 4px;

	height:40px;

	color:#666

}

.log-checkbox{

	 border: 1px solid #cccccc;

    float: left;

    height: 15px;

    margin: 15px 0 0 20px;

    width: 15px;

}

.login-form input[type="checkbox"]{

		 visibility: hidden;

}



.login-submit {

    cursor: pointer;

    float:left;

    padding: 11px 20px;

	background:#2FC1FF;

	border:none;

	border-radius: 7px;

	

	color:#fff;

	font-size:18px;

	font-weight:bold;

}

.mt-submit{

	margin-top:15px;

	float:left;

}

.rem{

	float: left;

    margin: 15px 0 0 5px;

	color:#b3b3b3;

	font-size:14px;

	

}

/* SQUARED TWO */

.squaredTwo {

	width: 25px;

	height: 25px;

	background: #fff;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	margin: 7px 0 0 10px;

	position: relative;

	float:left;

}



.squaredTwo label {

	cursor: pointer;

	position: absolute;

	width: 20px;

	height: 20px;

	left: 4px;

	top: 4px;

	border:1px solid #ccc;

	border-radius:3px;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );

}



.squaredTwo label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	content: '';

	position: absolute;

	width: 9px;

	height: 5px;

	background: transparent;

	top: 4px;

	left: 4px;

	border: 3px solid #000;

	border-top: none;

	border-right: none;



	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.squaredTwo label:hover::after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	filter: alpha(opacity=30);

	opacity: 0.0;

}



.squaredTwo input[type=checkbox]:checked + label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}

.forget{

	color: #2fc1ff;

    float: left;

    font-size: 14px;

    padding: 15px 0 10px 40px;

	font-family: 'helveticaneuebold';

	display:block;

	width:100%;

}

.forget a{

	text-decoration:none;

	color:#2fc1ff;

}

.forget a:hover{

	text-decoration:underline;

}

.login-bottom{

	background:#f1f1f1;

	height:96px;

}

.Connect{

	color: #666;

    float: left;

    font-size: 14px;

    margin: 4% 17.7%;

	

}

.login-social-media{

	margin: 0 auto;

    width: 46%;

}	

.login-social-media a {

    margin-left: 10px;

}

/*.sign{

	border-radius: 20px;

	width:415px;

	padding:25px 40px 50px;

}

.sign h1 {

    margin: 0px 0 30px 0;

}

.sign h2{

	color:#666666;

	font-size:26px;

	text-align:center;

	margin:0px 0px 0px 0px;

	font-family: 'helveticaneuebold';

}

.sign p{

	text-align:center;

	margin:10px 0px 0px 0px;

	color:#666666;

	

	line-height:21px;

}*/

.login-c{

	padding:0px;

	color: #666666;

	text-align: center;

}

.content-tm{

	margin-top:40px;

	float:left;

	width:100%;

	text-align:center;

	}

.resend{

	color: #fff;

    font-size: 18px;

    margin: 50px auto 10px;

    font-family: 'helveticaneuebold';

    box-shadow: 0 4px 0 rgba(42, 174, 230, 1);

    clear: both;

    float: none;

    display: inline-block;

}

.questionmark{

	color:#fbb03b;

	font-size:55px;

	font-weight:bold;

	

	margin-top:4px;

	display:none;

}	

.questionmark img {

    width: auto !important;

}

.questionmark-text{

	float: right;

    margin: 20px 0 0 10px;

	padding:0 0 0 50px;

    text-align: left;

	background:url(../images/resend-sign.png) 0 10px no-repeat;

}

.questionmark-text p{

	text-align:left;

	margin:0;

    box-sizing: border-box;

}



.sign-up{

	overflow:hidden;

}

.login-sigup{

	width:460px;

	background:url(../images/singup-bg.jpg) right 80px no-repeat #fff;

	border-radius:15px;

	margin:10% auto 0;

	overflow:hidden;

	padding:30px 0px 0;

	box-shadow:0 0 22px rgba(0, 0, 0, 1);

	position: relative;

}

.login-sigup h1{

	color:#000000;
	font-size:37px;
	padding:4px 0 5px 0;
	font-family:'Lato', sans-serif;
	text-transform:capitalize;

}

.login-sigup p{

	color:#666666;

	font-size:15px;

	padding:4px 0 0px 0;

	

}

.signup-form{

	margin:0 0 0 30px;

	text-align:left;

}

.signup-form input[type="text"],

.signup-form input[type="email"],

.signup-form input[type="password"]{

    border:1px solid #ccc;

    font-size: 14px;

    margin-top: 8px;

	margin-bottom:5px;

    padding: 3px 0 3px 15px;

    width:235px;

	border-radius: 4px;

	height:40px;

	color:#666;

	font-family:"helveticaneuelight";

}

.select-style {

    padding: 3px 0;

    margin: 8px 0 0;

    border: 1px solid #ccc;

    width: 250px;

    border-radius: 4px;

    overflow: hidden;

    background-color: #fff;

    background: url("../images/arrowdown.gif") no-repeat 97% 50% #fff;

}

.select-style select {

    padding: 11px;

    width: 100%;

    border: none;

    box-shadow: none;

    background-color: transparent;

    background-image: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	color:#666;

	font-size:14px;

	font-family:"helveticaneuelight";

}

/*

.sign img{

	width: 40%;	

}*/



.select-style select:focus {

    outline: none;

}



.select-style select option {

    margin: 6px 0 0 10px;

    padding: 0;

}



.signup-submit {

    cursor: pointer;

    height: 42px;

	font-size:18px;

	width:110px;

	margin:25px 0 40px;

	background:#2fc1ff;

	border:none;

	border-radius: 4px;

	

	color:#fff;

	font-weight:bold;

	display:block;

}



.signup-bottom{

	background: #f1f1f1;

	height: 96px;

	text-align: center;

	padding: 0 0 15px 0;

}

.signup-connect{

	color: #666;

    display: block;

    font-size: 14px;

    margin: 0;

	padding: 20px 0;

	

}

.signup-social-media{

	text-align:center;

}	

.signup-social-media a {

    margin-left: 10px;

}



.sean-casto-outer{

	overflow:hidden;

}

.sean-casto{

	margin:0;

	padding:10px 10px 20px;

	position:relative;

	background:#fff;

	width:310px;

	border-radius:15px;

	box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);

}



.sean-casto-curve{

	position:absolute;

	top:-12px;

	right:-3px;

	width:44px;

	height:15px;

	background:url(../images/sean-casto-top-curve.png) 0 0 no-repeat;

}



.sean-casto .top-area{

	margin:0;

	padding:0;

	/* background:url(../images/sc-service-circle.jpg) right 5px no-repeat; */

}

.casto-logo{

	float:left;

	width:46px;

}

.casto-logo-right{

	float:left;

	margin:2px 0 0 5px;

}

.casto-logo-right h3{

	font-size:18px;

	

}



#index .casto-logo-right h3{

	font-size:14px;

	line-height:14px;

	color:#000;

	text-transform:uppercase;

	font-family: "Lato",sans-serif;

}

/*

.casto-logo-right a{

	font-size:15px;

	display:block;

	

	color:#aab4b9;

}

*/

.casto-logo-right a {

    border: medium none !important;

    color: #aab4b9 !important;

    display: block !important;

    font-size: 15px !important;

    letter-spacing: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

	font-weight:normal !important;

	text-transform:lowercase !important;

}

.casto-link-area{

	margin:0;

	padding:0;

}

.casto-link-area ul{

	text-align:center;

	list-style:none;

	padding:15px 0 0;

	margin:15px 0 0 0;

	border-top:2px solid #ebebeb;

}

.casto-link-area ul:after {

    clear: both;

    content: "";

    display: block;

    visibility: hidden;

}

.casto-link-area ul li{

	display:inline-block;

	width:96px;

	margin: 0;

	border-right:2px solid #ebebeb;

}

.casto-logo-right h3{

	margin:0;

}

/*

.casto-link-area ul li a{

	

	font-size: 12px;

	color: #7b7b7b;

}

*/

.casto-link-area ul li:last-child{

	border-right:none;

}



.casto-link-area ul li a {

    border: medium none !important;

    color: #7b7b7b !important;

    font-family: "helveticaneuelight";

    font-size: 12px !important;

    font-weight: normal !important;

    letter-spacing: 0 !important;

    padding: 0 !important;

    text-transform: none !important;

}

#index .casto-link-area ul li a {

	font-family:"Lato",sans-serif;	

	display:block;

}

.casto-link-area .sean-account{

	background:url(../images/sean-account.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-account:hover{

	background:url(../images/sean-account-hover.png) center 0 no-repeat;	

}



.casto-link-area .sean-help{

	background:url(../images/sean-help.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-help:hover{

	background:url(../images/sean-help-hover.png) center 0 no-repeat;

}



.casto-link-area .sean-sign-out{

	background:url(../images/sean-sign-out.png) center 0 no-repeat;

	padding:27px 0 0 !important;

}

#index .casto-link-area .sean-sign-out{

	background:url(../images/sean-sign-out.png) center 0 no-repeat;

	padding:12px 0 0 !important;

}

.casto-link-area .sean-sign-out:hover{

	background:url(../images/sean-sign-out-hover.png) center 0 no-repeat;

}



.casto-link-area .sean-payment{

	background:url(../images/sean-payment.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-payment:hover{

	background:url(../images/sean-payment-hover.png) center 0 no-repeat;

}



.casto-link-area .sean-upgrade{

	background:url(../images/sean-upgrade.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-upgrade:hover{

	background:url(../images/sean-upgrade-hover.png) center 0 no-repeat;

}



.casto-link-area .sean-screenshots{

	background:url(../images/sean-screenshots.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-screenshots:hover{

	background:url(../images/sean-screenshots-hover.png) center 0 no-repeat;

}



.casto-link-area .sean-my-image{

	background:url(../images/sean-my-image.png) center 0 no-repeat;

	padding:40px 0 0 !important;

}

.casto-link-area .sean-my-image:hover{

	background:url(../images/sean-my-image.png) center 0 no-repeat;

}

@media (max-width:980px) {

.login-sigin {width:60%;}

}

@media (max-width : 768px) {

.login-sigin {width:90%; margin: 20% auto 7%;}

.login-sigup {margin: 20% auto 0;}



}



@media only screen

and (max-width : 640px) {

	.login-sigin {width:90%;}

	.login-sigup {margin:20% auto 5%;}

	.login-sigin {margin: 20% auto 7%;}

	#sign-up {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}

#sign-in {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}



}

@media only screen

and (max-width : 480px) {

	.login-sigup, .login-sigin {width:90%;}

	.login-sigup {margin:30% auto 5%;}

	.login-sigin {margin: 30% auto 7%;}

	#sign-up {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}

.select-style {width:105%;}

#sign-in {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}

.login-sigup {background:#fff;}

.signup-form input[type="text"], .signup-form input[type="email"], .signup-form input[type="password"] {width:100%;}

.signup-form {width:80%; margin: 0 40px 0 30px;}

	}



@media only screen

and (max-width : 360px) {

	.login-sigup, .login-sigin {width:90%;}

	.login-sigup {margin: 30% auto 0;}

	.login-sigin {margin: 30% auto 7%;}

	#sign-up {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}

#sign-in {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;}

}



/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

.login-sigup, .login-sigin {width:90%;}

.login-sigup {margin:40% auto 5%;}

.login-sigin {margin: 35% auto 7%;}

#sign-up {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;

}

#sign-in {

    background: rgba(0, 0, 0, 0) url(../images/loginbg.jpg) no-repeat scroll 0 0;}



}