@font-face {
    font-family: 'Akrobat';
    src: url('/fonts/Akrobat-Regular.woff2') format('woff2'),
         url('/fonts/Akrobat-Regular.woff') format('woff'),
         url('/fonts/Akrobat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, div {
    font-family: 'Akrobat', Arial, sans-serif;
}


body,html {
  background: #f8f9fa;
//  background-image: url('/images/bg.png');
}

a {
color:#d1d1d1;
}

a:hover {
color:#303545;
}

.my_dark_bg {
	background-color: #4257b2;
}

.my_light_bg {
	background-color: #f6f7fb;
}

.my_dark_font {
	color: #757e9d;
}

.my_light_font {
	color: #fff;
}

.my_light_blue_font {
	color: #bcdeff;
}



.my_dark_color_font {
	color: #4257c1;
}

.my_deep_dark_font {
	color: #303545;
}

.my_font_black_shadow {
	text-shadow: 1px 1px black, 2px 2px black, 2px 2px black, 2px 2px black;
}


.my_act_element {
	background-color: #7dd;
}


.ring {
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  text-align: center;
  background: #4257b2;
  border: 3px solid #3c3c3c;
  border-radius: 50%;
  line-height:155px;
  font-family: sans-serif;
  font-size: 20px;
  color: #f9fafb;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 10px #f9fafb;
  box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.ring:before {
  content: '';
  position: absolute;
  top:-2px;
  left:-2px;
  width:100%;
  height:100%;
  border: 3px solid transparent;
  border-top: 3px solid #f9fafb;
  border-right: 3px solid #f9fafb;
  border-radius:50%;
  animation: animateCircle 2s linear infinite;
}

.loading {
  display: block;
  position:absolute;
  top: calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background: transparent;
  transform-origin: left;
  animation: animate 2s linear infinite;
}

.loading:before {
  content: '';
  position:absolute;
  width:16px;
  height:16px;
  border-radius: 50%;
  background: #f9fafb;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 20px #f9fafb;
}

@keyframes animateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
    
       /* Small only */
@media screen and (max-width: 990px) {
     div#div_search_str {
    position:relative; width:90%; min-width:250px;};
        div#div_category_str {
    position:relative; width:90%; min-width:250px;}
    }
/* Medium only */
@media screen and (min-width: 990px) and (max-width: 1600px) {
     div#div_search_str {
   position:absolute; width:50%; min-width:350px;};
    div#div_category_str {
   position:absolute; width:100%; min-width:450px;}}
/* Large and up */
@media screen and (min-width: 1601px) and (max-width: 2400px) {
    div#div_search_str {
    position:absolute; width:50%; min-width:350px;};
    div#div_category_str {
    position:absolute; width:100%; min-width:450px;};
     }

.skew_r {
 transform: skew(0deg);
}
.btn {
 transform: skew(0deg);
box-shadow:3px 3px 6px #adb0bb; 
 }

div.button_blink {
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;

  font-weight: 400;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;

  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}

.blink_white {
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-weight: 400;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;

  -webkit-animation: pulsate 1.2s linear 3s;
  animation: pulsate 1.2s linear infinite;
}


div.button_blink_stop {
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;

  font-weight: 400;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;

}

.btn-info:hover {
    color: #ffdc62;
}

.bwr_wtext {
//text-shadow: 1px 2px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
//    font-weight: bold;
    color: #757e9d;
}

.bwr_ytext {
//text-shadow: 1px 2px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
    font-weight: bold;
    //color: #F2BE48;
color:#4257c1;
}


@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

.dropdown-menu-dark{
background-color:#4257c1;
}

#enterModalLabel2 span{
cursor:pointer;
text-decoration:underline;
color:#4257b2;
}
#enterModalLabel2 span.active{
cursor: inherit;
text-decoration: none;
color: #303545;
}
#enterModal .pass_reset{
width:100%;
margin-top:15px;
}