/*signin signup modal*/
  @media (max-width: 768px) {
	  .modal-dialog{
		  max-width:400px;
		  width:100%
	  } 
  }
  .serverError {
    font-family: "Helvetica",Helvetica,Arial,sans-serif;
    font-size:12px;
    margin-bottom:10px;
    font-weight:bold;
	color:red
  }
	#signupModal,#signinModal {text-align:center;}

	.modal-dialog {display:inline-block;margin-left:auto;margin-right:auto;}
	@media (min-width: 768px){
		.modal-dialog {
		  width: 488px;
		}
	}
	
	.modal-content {
		max-width:488px;
	}
	.modal-header-signup {
		background-color:transparent;
		box-shadow: inset 0 0 129.3px 9.7px rgba(252, 252, 252, 0.45);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5eeeeee,endColorstr=#e5eeeeee);
		background-color: rgba(255, 255, 255, 0.9);
		border-bottom: none;
		padding: 0;
		padding-left: 0.625em;
		min-height: 50px;
	}
	.modal-title-light {
		color:#000;
		font-size:34px;
		text-align:center;
		padding-top:50px;
		font-family: "Lato",Arial,sans-serif;
	}
	
	.modal-dialog .close-alt,#welcomeModal .close-alt {
	  background-color: #444;
	  font-family: "Lato", sans-serif;
	  font-weight: bold;
	  opacity: 0.66;
	  width:30px;
	  height:30px;
	  top:8px;
	  right:10px;
	  padding:3px;
	  margin:0;
	  font-size:1.5em;
	  -moz-border-radius:50%;
	  -webkit-border-radius:50%;
	  border-radius: 50%;
	  position:absolute;
	  line-height:0;
	}
	#modal-dialog .close-alt{
		float:right;
		position:relative;
	}
	.modal-dialog .close-alt:hover,#modal-dialog .close-alt:hover {
		background-color: #000;
	}
	
	.signup-box{
		padding-top:1em;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5eeeeee,endColorstr=#e5eeeeee);
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	.field {
		position:relative;
		clear:both;
	}
  .realForm {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; 
    width:80%;
    padding-top: 1em;
    text-align: left;
  }
	.realForm .placeholder {
	    color: #555555;
	    display: none;
	    font-size: 1.1em;
	    left: 20px;
	    position: absolute;
	    top: 8px;
	}

		

		.realForm .signup-input-light-name {
			width:47%;
			float:left;
			margin-bottom:10px;
		}
		.realForm .signup-input-light-lname {
			width:47%;
			float:right;
			clear:right;
		}

	
	.btn-cta-siumodal {
	  width:100%;
	  color: #ffffff;
	  background-color: #01a1ff;
	  border-color: #01a1ff;
	  box-shadow: 0px 5px 6px 0px rgba(14, 14, 14, 0.24);
	  font-size: 16px;
	  font-family:"helvetica";
	}
	.btn-cta-siumodal:hover,.btn-cta-siumodal:focus{
	  background-color: #33b2fd;
	  border-color: #33b2fd;
	  color:#fff;
	}
	.btn-cta-siumodal:visied,.btn-signup:focus  {
    color:#fff;
  }
  .btn-signup:hover, .btn-signup:focus, .btn-signup.focus {
  color: #fff;
  text-decoration: none; }
	.btn-fb {
		font-family:"helvetica";
	    font-size: 16px;
	    line-height: 47px;
	    vertical-align: middle;
	    width:100%;
	}
	.btn-fb span {float:left;}
	.glyphicon-facebook-alt:before {
	  content: "\e626";
	  position:relative;
	  top:6px;
	  left:8px;
	  overflow:hidden;
	}
	.facebook-signup-btn {
	  background-color: #4e69a2;
	  border-right:1px solid #999;
	}
	.signup-box .col-sm-12 {
		padding-left:0;
		padding-right:0;
	}
	.modal-footer {
		text-align:center;
		background-color:#fff;
	}
	
	.modal-footer span {color:#000;font-size:15.53px;}
	.tinyprint {font-size:11.09px; text-align:center}
	.signup-group > p.usinginfo {
		color:#000;
		font-size:.8em;
	}
	.checkbox {
		font-size:13.31px;
		line-height:15.97px;
		line-height:1em;
		margin-top:15px;
		margin-bottom:13px;
		text-align:left;
    padding-left: 20px;
    clear: both;
	}
	.checkbox input[type="checkbox"] {margin-top:-1px;}
	.checkbox label {
		font-size:13.31px;
		line-height:14px;
		float:left;
		text-align:left;
		display:inline;
	}
	
	.checkbox span{
		float:right;
	}
	.checkbox span a{
		font-size:12px;
		line-height:15.97px;
		text-decoration:underline;
		color:#000;
		float:left;
	}
	.form-group{margin-bottom:10px;}
	.signup-group .signup-label{
		margin:0;
		margin-top:12px;
		margin-bottom:10px;
		line-height:1em;
		text-align:center;
	}
	.signup-label:before{
		content:"";
		float:left;
		height:2px;
		background:#ccc;
		width:40%;
		margin-top:5px;
	}
	.signup-label:after{
		content:"";
		float:right;
		height:2px;
		background:#ccc;
		width:40%;
		margin-top:5px;
	}
	.form-group button {
		clear:both;
	}
	.form-group label{
		clear:both;
    float:left;
		text-align:left;
	}
  label.error{text-align:left;}
/*welcome modal*/
    #welcomeModal .modal-dialog{max-width:548px;}
    #welcomeModal .wc-container{padding-top:58px;}
    #welcomeModal h1{font-size:24px;line-height:1.2em;margin-bottom:0px;}
    #welcomeModal h2{font-size:16px;margin-top:0px;line-height:1.2em;margin-bottom:15px;margin-bottom:10px;}
    #welcomeModal p{padding-left:40px;padding-right:20px;margin-top:0px;font-size:13px;}
    #welcomeModal ul{margin:0px;}
    #welcomeModal ul li{font-size:13px;}
    #welcomeModal button{font-size:18px;}
    .wc-footer{font-size:14px;}
    .wc-footer a{color:#fff;}
  	#welcomeModal .welcomeBody{
		position:relative;
		margin:0 auto;
		max-width:547px;	
		margin-top:35px;
		background-image: -moz-linear-gradient(top, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		background-image: -webkit-gradient(linear, top, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		background-image: -webkit-linear-gradient(top, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		background-image: -o-linear-gradient(top, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		background-image: -ms-linear-gradient(top, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		background-image: linear-gradient(to bottom, rgba(5, 134, 144, .9) 0%,rgba(14, 158, 228, .9) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058690', endColorstr='#0e9ee4',GradientType=0 );
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    width:100%;
	}
  #welcomeModal .modal-dialog {display:block;}
	#welcomeModal .wc-gradient {
		-webkit-background-size: 80% auto;
		-moz-background-size: 80% auto;
		background-size: 80% auto;
		background-image:url("/sites/all/themes/realcom_v2/images/bg-logo.png");
		background-position:-25px -10px;
		background-repeat: no-repeat;

	}
	:root .welcomeBody{filter:none;} 
	
	#welcomeModal .wc-container {
		margin:0 auto;
		max-width:463px;		
		padding-bottom:24px;
		text-align: center;
    width:100%;
	}
	#welcomeModal h1{
		width:100%;
		font-family:"Lato",Helvetica,Arial,sans-serif;
		color:#fff;
		font-style:normal;
		text-align:center;
		line-height:36px;

	}
	#welcomeModal h2{
		width:100%;
		font-family:"Lato",Helvetica,Arial,sans-serif;
		color:#fff;
		font-style:normal;
		text-align:center;
		line-height:36px;
	}
	#welcomeModal p{
		width:100%;
		font-family:helvetica;		
		color:#fff;
		font-style:normal;
		text-align:left;
		line-height:18px;	
		
	}
	#welcomeModal ul {
		
		width:100%;
	}
	#welcomeModal ul li{
		width:100%;
		font-family:"helvetica",Helvetica,Arial,sans-serif;
		color:#fff;
		font-style:italic;
		text-align:left;
		line-height:18px;
		padding:0;
    	margin-left:12px;
		float:left;
		margin-bottom:10px;
   	 	list-style:disc outside;
   		max-width:360px;
   	 	width:80%;
	}
	#welcomeModal button {
		margin:20px auto 0;
		width:80%;
		max-width:357px;
		height:47px;
		font-family:"helvetica",Helvetica,Arial,sans-serif;	
		line-height:23.96px;
		color:#0fa7fe;
		border:0;
		background:#fff;
	}
	#welcomeModal .wc-footer {
		
		width:100%;
		height:48px;
    	line-height:48px;
		background-color:rgba(39, 168, 234, .7);		
		text-align:right;
		padding-right:10px;
		color:#fff;
	}
	.rightarrow {color:#fff;}


    @media (min-width: 360px ) {
    #welcomeModal .wc-container{padding-top:58px;}
    #welcomeModal h1{font-size:26px;line-height:1.2em;margin-bottom:0px;}
    #welcomeModal h2{font-size:20px;margin-top:0px;line-height:1.2em;margin-bottom:15px;margin-bottom:10px;}
    #welcomeModal p{padding-left:40px;padding-right:20px;margin-top:0px;font-size:14px;}
    #welcomeModal ul{margin:0px;}
    #welcomeModal ul li{font-size:14px;}
    #welcomeModal button{font-size:18px;}
    .wc-footer{font-size:14px;}
  }
    @media (min-width: 480px) {
    #welcomeModal .wc-container{padding-top:58px;}
    #welcomeModal h1{font-size:34px;line-height:1.2em;margin-bottom:5px;}
    #welcomeModal h2{font-size:25px;margin-top:0px;line-height:1.2em;margin-bottom:15px;margin-bottom:10px;}
    #welcomeModal p{padding-left:40px;padding-right:20px;margin-top:0px;font-size:16px;}
    #welcomeModal ul{margin:0px;}
    #welcomeModal ul li{font-size:16px;}
    #welcomeModal button{font-size:18px;}
    .wc-footer{font-size:14px;}
  }
    @media (min-width: 640px) {
    #welcomeModal .wc-container{padding-top:74px;}
    #welcomeModal h1{font-size:34px;line-height:1.2em;margin-bottom:0px;}
    #welcomeModal h2{font-size:24px;margin-top:0px;line-height:1.2em;margin-bottom:15px;margin-bottom:10px;}
    #welcomeModal p{margin-top:24px;font-size:14px;}
    #welcomeModal ul{margin-top:28px;}
    #welcomeModal ul li{font-size:14px;}
    #welcomeModal button{font-size:19.97px;}
  }
  
  /*SEM sign up*/
  #realFormsem .btn-purple {
	  background-color:#b364bf;
	  box-shadow:none;
	  border:none;color:#fff;
  }
  #realFormsem .btn-purple:hover {background-color:#b97ec2;
	  border:none;color:#fff;
  }
  #realFormsem .btn-purple:focus {
	  color:#fff;
	  background-color:#b364bf;
  }
    #realFormsem .solidborder {
	  border:2px solid #ccc;
	  box-shadow:none;
  }
    #realFormsem .sem-sub {
	  background-color: rgba(255, 255, 255, 1);
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
  }
    #realFormsem .sem-header-sub {
	  background-color: rgba(255, 255, 255, 1);
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	  padding-left:0;
  }
  #realFormsem input {padding:0;box-sizing: border-box;text-indent:10px;}
  #realFormsem .placeholder {
	  color: #555555;
	  display: none;
	  font-size: 1.1em;
	  left: 30px;
	  position: absolute;
	  top: 8px;
  	}
  
	#realFormsem .signup-input-light-name {
		width:47%;
		float:left;
		margin-bottom:10px;
	}
	#realFormsem .signup-input-light-lname {
		width:47%;
		float:right;
		clear:right;
	}
  
   #realFormsem .btn {border:none;}
   
   #realFormsem label.error {
	   color:red;
     font-size: 12px;
     font-family: helvetica;
     font-weight: bold;
   }
   #realFormsem .modal-signup-group {margin-bottom:20px;}
   .modal-footer a,#realFormsem a {
     color: #337ab7;
     text-decoration: none;
   }

   .box {
	   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
	   font-weight:400;
   }
   .facebook-signup-btn {
       font-size: 40px;
       background-color: #5773AD;
       top: 0;
       padding: 20px 10px 27px 4px;
       border-top-left-radius: 4px;
       border-bottom-left-radius: 4px;
       line-height: 0;
       vertical-align: middle;
       margin-top: -2px;
     }
   .facebook-signup-btn {
     background-color: #4e69a2;
     border-right:1px solid #999;
   }
   .glyphicon {
     display: inline-block;
     font-family: "icomoon";
     font-style: normal;
     font-weight: normal;
     line-height: 45px;
     position: relative;
     top: 3px;
   }