@font-face {
  font-family: 'Oxygen';
  src: url('/fonts/Roboto-Regular.ttf');
}

html{margin: 0; padding: 0;}
body{margin: 0 0 0px 0; background-color: #fff !important; padding: 0; color: #333333; font-family: 'Arial', sans-serif; font-size: 14px;}
h2{font-size: 27px;}
#backtotop{width: 45px; height: 45px; background: #fff; overflow: hidden; position: fixed; right: 35px; bottom: 35px; box-shadow: 0 0 3px rgba(0,0,0,0.9); border-radius: 5px; cursor: pointer; z-index: 999; display: none;}
#backtotop > span{width: 100%; height: 100%; text-align: center; line-height: 42px; font-weight: bold;}
.eased{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}


.top_row{height: 40px; background: #3747be;}
.logo_row{height: 50px; background: #000; position: relative;}
.logo_holder{font-family: 'Arial', sans-serif; font-weight: bold; color: #fff; font-size: 4em; position: relative; top: -17px; left: 35px; 
    text-shadow: 
        -1px -1px 0px rgba(0,0,0,1),
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000,
        -2px -2px 0px #000,
        -1px -2px 0px #000,
         0px -2px 0px #000,
         1px -2px 0px #000,
         2px -2px 0px #000,
         2px -1px 0px #000,
         2px  0px 0px #000,
         2px  1px 0px #000,
         2px  2px 0px #000,
         1px  2px 0px #000,
         0px  2px 0px #000,
        -1px  2px 0px #000,
        -2px  2px 0px #000,
        -2px  1px 0px #000,
        -2px  0px 0px #000,
        -2px -1px 0px #000,*/
        0px 0px 12px rgba(255,255,255,0.5);
}

.content_font{font-family: 'Roboto Condensed', sans-serif;}
li.content_font{font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}
h1.content_font{margin: 30px 0;}
p.content_font{font-size: 18px; margin-bottom: 20px;}
.justified{text-align: justify;}
.centered{text-align: center;}
.w_bg_grey{background-color: #d9d9d9; padding: 5px 10px;}



.greyed_info_box{background: #e5e5e5; padding: 15px 15px 1px 15px; position: relative; margin-bottom: 15px;}
.txt_info_box{margin-left: 30px;}
.img_info_box{position: absolute; left: 15px; top: 18px; font-size: 22px;}

ul {margin: 0 0 15px 0;}
ul.list_dashed {list-style-type: none; font-size: 18px;}
ul.list_dashed > li {text-indent: -5px;}
ul.list_dashed > li:before {content: "- "; text-indent: -5px;}

#fp_blinking{position: relative; overflow: hidden;}
#blinking_text,#blinking_text2{position: absolute; width: 100%; height: 100%; background: #fff; left: 0; top: 0; font-size: 18px;}

.right_stripe{background: #e2e2e2; border-radius: 5px; height: 100%; padding: 15px;}
.img_caption{padding: 3px 5px; font-size: 0.9em; font-style: italic;}

#right_stripe_cont{padding: 15px; min-height: 550px;}
.rs_file_link{vertical-align: bottom; text-decoration: none;}
.rs_file_link > img{border: 0px none; vertical-align: bottom; margin: 0px 5px 0px 0px;}

.pdf_link_holder{display: inline-block; margin-left: 20px; padding: 10px 0;}
.pdf_link_holder:first-child{margin-left: 0;}

.box_1, .box_2{margin: 10px 0; padding: 5px 30px; font-size: 0.9em;}
.box_1 > p, .box_2 > p{font-style: italic;}
.box_1{background: #ddd;}
.box_2{background: #c4c7ff;}

.navbar-brand{padding-right: 50px; padding-left: 50px; color: #fff !important; font-size: 1.5em; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}

.navbar{background: #3747be; border-top-right-radius: 0; border-top-left-radius: 0;}


.navbar-collapse{margin: 0;}

.navbar-collapse {
  background-color: #3747be;
  border-color: #4254d6;
}
.navbar-collapse .navbar-brand {
  color: #FFF;
}
.navbar-collapse .navbar-brand:hover,
.navbar-collapse .navbar-brand:focus {
  color: #FFF;
}
.navbar-collapse .navbar-text {
  color: #FFF;
}
.navbar-collapse .navbar-nav > li > a {
  color: #FFF;
}
.navbar-collapse .navbar-nav > li > a:hover,
.navbar-collapse .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #4254d6;
}
.navbar-collapse .navbar-nav > li > .dropdown-menu {
  background-color: #3747be;
}
.navbar-collapse .navbar-nav > li > .dropdown-menu > li > a {
  color: #FFF;
}
.navbar-collapse .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-collapse .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #FFF;
  background-color: #4254d6;
}
.navbar-collapse .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #4254d6;
}
.navbar-collapse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-collapse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-collapse .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #FFF;
  background-color: #4254d6;
}
.navbar-collapse .navbar-nav > .active > a,
.navbar-collapse .navbar-nav > .active > a:hover,
.navbar-collapse .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #4254d6;
}
.navbar-collapse .navbar-nav > .open > a,
.navbar-collapse .navbar-nav > .open > a:hover,
.navbar-collapse .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #4254d6;
}
.navbar-collapse .navbar-toggle {
  border-color: #4254d6;
}
.navbar-collapse .navbar-toggle:hover,
.navbar-collapse .navbar-toggle:focus {
  background-color: #4254d6;
}
.navbar-collapse .navbar-toggle .icon-bar {
  background-color: #FFF;
}
.navbar-collapse .navbar-collapse,
.navbar-collapse .navbar-form {
  border-color: #FFF;
}
.navbar-collapse .navbar-link {
  color: #FFF;
}
.navbar-collapse .navbar-link:hover {
  color: #FFF;
}

.schemata{vertical-align: top;}

@media (max-width: 640px) {
	.logo_row{height: 35px;}
	.logo_holder{font-size: 2.5em; top: -10px; left: 35px;}
	.navbar-brand{font-size: 1.2em; padding-right: 10px; padding-left: 10px;}
}

@media (max-width: 767px) {
  .navbar-collapse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
  }
  .navbar-collapse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-collapse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF;
  }
  .navbar-collapse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-collapse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-collapse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFF;
    background-color: #4254d6;
  }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}