/* cyrillic-ext */

/* @media only screen and ( max-width: 1023px){

  .select-button, .selected .select-button{ width: 100px;}

  .select-button:after{ font-size: 14px; font-weight: 300;}

} */

@media only screen and ( max-width: 992px){

.custom_radio_container{ font-size: 14px; }

input[type=button]{ padding-right: 10px; padding-left: 10px; }

.frm-btmcntnt-area h4{ font-size: 20px; }

}

@media only screen and ( max-width: 767px){

  .top-sec{ background-position: bottom center; /*background: none;*/ padding: 25px;}

  .right-banner{ background: rgba(255,255,255,0.5); padding: 20px; }

  .logo{ margin-left: 0;}

}





.loadingMessageConatinerWrapper{

  font-family: 'Roboto', sans-serif;

  display:table;

  width:100%;

  height:100%;

  position:fixed;

  top:0;

  left:0;

  bottom:0;

  right:0;

  background:white;

  z-index:10000

}

.loadingMessageConatinerWrapper .counter{

  text-align:center;

  margin:auto

}

.loadingMessageConatinerWrapper .step1,

.loadingMessageConatinerWrapper .step2,

.loadingMessageConatinerWrapper .step3,

.loadingMessageConatinerWrapper .step4{

  color: #363636;

  font-weight: 500;

  font-size: 1.25rem;

  padding-bottom: 20px;

}

.loadingMessageConatinerWrapper .counter .messageConatiner{

  color:#363636;

  font-weight:500;

  font-size:1.25rem;

  padding-bottom:20px

}

.loadingMessageConatinerWrapper .counter .bar{

  width:0%;

  margin:0;

  background:#ccea1e;

  height:12px;

  border-radius:10px;

  border:none;

  box-shadow:1px 1px 1px 1px #ccc;

  display:block;

  height:100%;

  -webkit-border-top-right-radius:8px;

  -webkit-border-bottom-right-radius:8px;

  -moz-border-radius-topright:8px;

  -moz-border-radius-bottomright:8px;

  border-top-right-radius:8px;

  border-bottom-right-radius:8px;

  -webkit-border-top-left-radius:20px;

  -webkit-border-bottom-left-radius:20px;

  -moz-border-radius-topleft:20px;

  -moz-border-radius-bottomleft:20px;

  border-top-left-radius:20px;

  border-bottom-left-radius:20px;

  background:-webkit-linear-gradient(linear, left bottom, left top, color-stop(0, #ccea1e), color-stop(1, #ccea1e));

  background-image:-moz-linear-gradient(center bottom, #ccea1e 37%, #ccea1e 69%);

  box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);

  position:relative;

  overflow:hidden

}

.loadingMessageConatinerWrapper .counter .bar:after{

  content:"";

  position:absolute;

  top:0;

  left:0;

  bottom:0;

  right:0;

  background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255,255,255,0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.2)), color-stop(0.75, rgba(255,255,255,0.2)), color-stop(0.75, transparent), to(transparent));

  background-image:-moz-linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);

  z-index:1;

  -webkit-background-size:50px 50px;

  -moz-background-size:50px 50px;

  -webkit-animation:move 2s linear infinite;

  -webkit-border-top-right-radius:8px;

  -webkit-border-bottom-right-radius:8px;

  -moz-border-radius-topright:8px;

  -moz-border-radius-bottomright:8px;

  border-top-right-radius:8px;

  border-bottom-right-radius:8px;

  -webkit-border-top-left-radius:20px;

  -webkit-border-bottom-left-radius:20px;

  -moz-border-radius-topleft:20px;

  -moz-border-radius-bottomleft:20px;

  border-top-left-radius:20px;

  border-bottom-left-radius:20px;

  overflow:hidden

}

@-webkit-keyframes move{

  0%{

      background-position:0 0

  }

  100%{

      background-position:50px 50px

  }

}

@keyframes move{

  0%{

      background-position:0 0

  }

  100%{

      background-position:50px 50px

  }

}

.loadingMessageConatinerWrapper .counter .baroutter{

  background:#d4d9de;

  height:12px;

  border-radius:10px;

  border:none;

  width:100%;

  box-shadow:1px 1px 1px 1px #ccc

}

.loadingMessageConatinerWrapper .counter{

  position:relative;

  display:table-cell;

  vertical-align:middle;

  padding:0 10%

}

@media only screen and (min-width: 40.063em){

  .loadingMessageConatinerWrapper .counter{

      width:30%;

      padding:10% 30%;

  }

}