/*======================== Reset Start =======================*
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html, button, input, select, textarea {
    font-family: "Roboto" !important
}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0 0}dd{margin:0 0 0 0}menu,ol,ul{padding:0 0 0 0;}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
::focus{ outline:none; border:none;}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
@font-face {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local(Roboto-Light), url(../fonts/roboto-light-webfont.woff) format("woff")
}
@font-face {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local(Roboto-Regular), url(../fonts/roboto-regular-webfont.woff) format("woff")
}
@font-face {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local(Roboto-Semibold), url(../fonts/roboto-medium-webfont.woff) format("woff")
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    line-height: 18px;
    font-size: 15px;
    color: #000000;
    overflow-x: hidden;
}
a{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;}
h1{ font-size:30px; }
.wrapper{ width:100%; margin:0 auto; padding:0;}
.inner_wrapper{ width:100%; margin:0 auto; max-width:1200px; border:1px solid #000; padding:10px;}
.row{ width:100%; margin:0 auto; padding:0;}
.form_field{ margin:40px 0px 50px; position:relative; }
/*input field css */
input.textfield 				{
  font-size:15px;
  padding:8px 0px 10px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #ccc;
  text-indent:0px; color:#000;
  box-shadow:none;
}
input.textfield:focus { outline:none; }
:focus { outline:none; }
label.textbox {
  color:#666; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  margin:0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color:#fff; color:#666;}
/* active state */
input.textfield:focus ~ label.textbox	{
	top:-15px;
	font-size:13px;
	color:#999;
}
input.textfield:focus ~ label{
	top:-15px;
	font-size:13px;
	color:#666;
}
input.textfield:focus ~ label, input.textfield.error ~ label{
	top:10px;
	font-size:13px;
	color:#ff1111;
}
input.textfield.error{ border-bottom:1px solid #ff1111;}

input.textfield:focus ~ label, .textfield.valid ~ label{ 
	top:-15px;
	font-size:13px;
	color:#666;
}
p.info{ display:none;}
input.textfield:focus ~ p.info{ position:absolute; display:block; margin:0; background-color:#f5f5f5; color:#666; font-size:10px; padding:2px 5px;  border:1px solid #ccc; width:96%; bottom:-28px;}
input.textfield.error:focus ~ p.info{ background-color:red; color:#fff; text-align:left;display:block;font-size:10px; padding:2px 5px; width:96%; margin:5px 0; position:absolute; border:1px solid #fff; bottom:-28px;}

input.textfield.valid ~ p{display:none !important ;}
input.textfield:focus ~ p{display:none ;}
input.textfield.valid{ border-bottom:1px solid #ccc;}


/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.textfield.error ~ .bar:before, .textfield.error ~ .bar:after{background:#ff1111;}
.bar:before, .bar:after 	{
  content:'';
  height:1px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:#2856be; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  /*-webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;*/
}
p.error{ display:none;}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

/* Select  Css */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 50%;
  height: 40px;
  margin:0px 0 30px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 11px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
    border-bottom:1px solid #757575;
  color:#999;
    background:url(../images/dropdown_arrow.png) no-repeat 95% center;


}
.select-styled:after {

  width: 17px;
  height: 19px;
  background:url(../images/dropdown_arrow.png) no-repeat right center;
}
.select-styled:hover {
  background-color: #e68b91;
  color:#fff;
}
.select-styled:active, .select-styled.active {
  background-color: #e68b91;
  color:#fff; 
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  color:#333;
  border:1px solid #e68b91;
  font-weight:700;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #fff;
  background: #e68b91;
}
.select-options li[rel="hide"] {
  display: none;
}

/*****radio css********/
.radios{ display: inline-block; width: 47%; float: left; padding:0px 0; vertical-align:bottom}
 .radios .radio{ margin:0px 0 0;}
 .red-color{ color: red;}
.radio {padding-left: 20px; }
  .radio label {display: inline-block;position: relative; padding-left:1px; font-size: 14px }
    .radio label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0;
      margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
    .radio label::after {display: inline-block;position: absolute; content: " "; width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #2956bd; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color:#2956bd; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color:#2956bd; }

/*checkbox css*/
.checkboxpanel.checbcol { margin:20px 0}
.checkbox { padding-left: 20px; }
.checkbox label {    display: inline-block;position: relative;padding-left: 5px;font-size: 11px;line-height: 15px;color: #999;padding-right: 20px;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0; top:4px;margin-left: -20px;border: 1px solid #cccccc; border-radius:2px;background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 5px;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; }
.checkbox input[type="checkbox"] {opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {width: 7px; height: 12px; transform: rotate(40deg); content: ""; display: block; border: 2px solid #fff; margin-left: -15px;border: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #428bca;border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; }
/* Primary button css */
.btn-primary{ margin:20px auto 0; text-align:center; background-color:#c71c2c;  color:#fff; font-size:13px; padding:17px 114px; border-radius:2px; text-transform:uppercase; text-decoration:none; display:block; font-weight:400; border:none; border:1px solid #c71c2c; transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;} 
.btn-primary:hover{ background-color:#fff; color:#c71c2c;border:1px solid #c71c2c;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}
input.textfield:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
input.textfield:focus::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
input.textfield:focus:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
input.textfield:focus:-moz-placeholder { /* Firefox 18- */
  color: #999;
}
/*========  Toggle switch start =========*/
.cmn-toggle {position:absolute;margin-left:-9999px;visibility:hidden;}
.cmn-toggle + label {display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
 user-select: none; margin-bottom:0;}
input.cmn-toggle-round-flat + label {padding: 2px;/* width: 120px;*/height: 29px;border:1px solid  #fff;-webkit-border-radius: 23px;-moz-border-radius: 23px;
 -ms-border-radius: 23px;-o-border-radius: 23px;border-radius: 23px;-webkit-transition: background 0.4s;-moz-transition: background 0.4s;-o-transition: background 0.4s;transition: background 0.4s;}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after { display: block;position: absolute;content: "";}
input.cmn-toggle-round-flat + label:before {top:2px;left:2px;bottom:2px;right:2px;background-color:transparent;-webkit-border-radius:60px;
 -moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius: 30px; border-radius: 30px;-webkit-transition: background 0.4s;-moz-transition: background 0.4s;-o-transition: background 0.4s;transition: background 0.4s;}
input.cmn-toggle-round-flat + label:after {top:2px;left:2px;bottom:2px;width:23px; height:23px;background-color:#2956bd;-webkit-border-radius: 23px;-moz-border-radius: 23px;-ms-border-radius:23px;-o-border-radius:23px;border-radius:23px;-webkit-transition: margin 0.4s, background 0.4s;-moz-transition: margin 0.4s, background 0.4s;-o-transition: margin 0.4s, background 0.4s;transition: margin 0.4s, background 0.4s;}
input.cmn-toggle-round-flat:checked + label {/* background-color: #8ce196;*/}
input.cmn-toggle-round-flat:checked + label:after {margin-left: 34px;background-color: #2956bd;}


.hightlight { color:#000000!important }
.switch {display:inline-block; vertical-align:top; width:66px; border:1px solid #ebebeb; border-radius: 21px; background:url(../images/male.svg) no-repeat 63px 6px; margin-top:4px;}
.switchpl {display:inline-block; vertical-align:top; width:98px; border:2px solid #ebebeb; border-radius: 21px;}
.switchpl input.cmn-toggle-round-flat:checked + label:after {margin-left: 58px;background-color: #cccccc;}
.icmale { background:url(../images/female.svg) no-repeat 13px 6px!important}
.switch label { top:0!important; }
.checkstatuslft { font-weight:400; padding:7px 8px 0 0;vertical-align:top; display:inline-block; color:#bbbbbb;  font-size:14px ; line-height:21px; }
.checkstatusrht {  padding:7px 0 0 8px;} 


/*========  Toggle switch end =========*/