input.error {
    /* border: 1px solid red !important; */
}

label.error {
    color: #FF0000;
}

/* select.error {
    border: 1px solid red !important;
} */

.content-sec ul li{
	/*padding:20px;*/
	/*color:#0079ce;*/
	padding-top: 20px;
    padding-left: 10px;
}

.content-sec ul li.active{
	color: #FF8B20;
}


/* For log in popup start */

.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center; font-family:'Philosopher',sans-serif; color:#fff; font-weight:normal; }
.form-group{position: relative;}
.form-group .login-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 3px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
}
.login-modal{
    font-family: 'Helvetica',"Roboto",sans-serif !important;
}

.modal-body{
    padding: 20px 40px;
}
.login-modal .form-title{
    font-size: 12px;
    font-weight: bold;
    color: grey;
}

.login-modal input{height:40px; box-shadow: none; border:1px solid #d9d9d9 !important;border-radius:6px; padding: 10px;}

.login-modal .modal-body button{
    background-color: #009ee3 !important;
    background-image: none;
    color: white;
    font-size: 10px;
    font-weight: bold;    
}
.login-modal .modal-body button:hover{
    color: white;
}

.login-modal .form-title {
    font-size: 12px;
    font-weight: bold;
    color: grey;
}

.line-side:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 1px solid #cfc7c0;
    top: 10%;
    bottom: 20%;
}



.modal-headers, .modal-footers {background-color: #FDC706 !important;color:#fff;font-weight:bolder;font-size:14px;}
.modal-header{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.modal-footer{padding: 5px 15px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.modal-register-btn{margin: 6% 29% 0% 29% ; width:100%; display:inline-block;}
.user_btn{ text-shadow:0 0 0 rgba(0,0,0,0) !important; font-weight:normal !important; }
.modal-body-left{
	border-right: 1px solid #ddd;
    float: left;
    padding-right: 4%;
    width: 53%;
}
.modal-body-right{float:right; width:47%;}
.login-link{padding:0 20%;}
.modal-social-icons{padding:0 10%;}
.facebook, .twitter, .google, .linkedin {width:100%;height:40px; padding-top:2%; margin-top:2%;}
.modal-icons{ margin-left: 0; margin-right: 10px; float: left; vertical-align: middle; margin-top: 7px; }
.google, .google:hover{background-color:#dd4b39;border:2px solid #dd4b39;color:#fff;}
.twitter, .twitter:hover{ background-color: #00aced; border:2px solid #00aced;color: #fff;}
.facebook, .facebook:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;}
.linkedin, .linkedin:hover{background-color: #007bb6; border: 2px solid #007bb6; color:#fff;}
#social-icons-conatainer{position: relative;}
#center-line{
	background: #ddd none repeat scroll 0 0;
    /*border: 2px solid #dddddd;*/
    border-radius: 20px;
    position: absolute;
    right: 44.6%;
    top: 80px;
    font-size: 11px;
    padding: 5px;
}
/*.modal-login-btn{width:100%;height:40px; margin-bottom:10px;}*/
.modal-login-btn{
	height: 35px;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4)!important;
    color: #fff;
	border-radius:0;
}
/*#modal-launcher{margin: 30% 0 0 30%; } */
/* h1{border-bottom:5px solid #00BB64;} */

/* For log in popup end */

.grybak{padding:10px 0px 30px;}
.grybak h3{text-align:center;text-transform:uppercase;color:#fff;line-height:40px;background: rgb(73, 122, 125) none repeat scroll 0% 0%;}
.grybak h4 { margin: 0; padding: 4%;text-align:center;color:#fff;background: rgb(73, 122, 125) none repeat scroll 0% 0%;}

.grybak1{padding:10px 0px 30px;}
.grybak1 h3{text-align:center;text-transform:uppercase;color:#fff;line-height:40px;background:rgb(73, 122, 125);margin: 0;}
.grybak1 h4 { margin: 0; padding: 4%;text-align:center;color:#fff;background:rgb(73, 122, 125);}

.upld{padding:25px 0 0;text-align:center;}
.upld img{display:inline-block;cursor:pointer;}
.upld p{text-align:center;}
.upld .myLabel{margin:0 auto !important;width:50%;}
input.tx{margin-left: 7px;padding: 5px !important;width: 80% !important;background:none !important;border: 1px solid #999 !important;font-size: 16px;height: auto !important;}

.size {
	width: 75% !important;
    margin-top: 2.1%;
	 margin: 30px auto;
}

.lostpass {
	
	font-size: 10px;
}

@media only screen and (min-width: 768px){
.size {
    width: 500px ;
    margin: 30px auto;
}
}



#login_email::-webkit-input-placeholder {
  color: transparent;
  text-indent: 24px;
  background-image: url("../Username Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_email::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Username Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_email:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Username Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_email:-ms-input-placeholder {
  /* IE 10- */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Username Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}


#login_email::-webkit-input-placeholder {
   color: gray;
}

#login_email:-moz-placeholder { /* Firefox 18- */
   color: gray;
}

#login_email::-moz-placeholder {  /* Firefox 19+ */
   color: gray;  
}

#login_email:-ms-input-placeholder {  
   color: gray;  
}


#login_pwd::-webkit-input-placeholder {
  color: transparent;
  text-indent: 24px;
  background-image: url("../Password Lock Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_pwd::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Password Lock Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_pwd:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Password Lock Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}
#login_pwd:-ms-input-placeholder {
  /* IE 10- */
  color: transparent;
  text-indent: 24px;
  background-image: url("../Password Lock Icon.png");
  background-position: bottom left;
  background-repeat: no-repeat; 
  background-size: 15px 15px;
}


#login_pwd::-webkit-input-placeholder {
   color: gray;
}

#login_pwd:-moz-placeholder { /* Firefox 18- */
   color: gray;
}

#login_pwd::-moz-placeholder {  /* Firefox 19+ */
   color: gray;  
}

#login_pwd:-ms-input-placeholder {  
   color: gray;  
}