/* Style Id:5121 Fonts*/

@font-face {
  font-family: 'FontAwesome';
  src: url('/files/SelfTemplate/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/files/SelfTemplate/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/files/SelfTemplate/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/files/SelfTemplate/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/files/SelfTemplate/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/files/SelfTemplate/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* Style Id:5122 Layout(Default styles)*/

html {
  height: 100%; }

body > form {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: table; }

body {
  margin: auto;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: #9A9A9A;
  text-rendering: optimizelegibility;
  line-height: 25px;
  height: 100%; }
  body #page-wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    display: table-row; }
  body a {
    color: #8FB7DF; }
  body h1, body h2, body h3, body h4, body h5 {
    margin: 20px auto;
    line-height: normal; }
  body p {
    margin-top: 0px; }
  body ul {
    margin: 0px;
    padding: 0px; }
  body .eee-space {
    width: 100% !important; }
  body .clear {
    clear: both; }
  body .Seeems-Form, body .Seeems-TextLink-Container {
    width: 100% !important; }
  body .Seeems-Text {
    width: 100% !important;
    max-width: 100%; }
    body .Seeems-Text ul, body .Seeems-Text ol {
      margin-top: 10px;
      padding: 0px; }
      body .Seeems-Text ul li, body .Seeems-Text ol li {
        margin-bottom: 10px;
        margin-left: 15px; }
  body #_btnAdd {
    min-width: 80px;
    text-align: center;
    padding: 10px;
    background: #C0C0BE;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    border: 0px;
    font-size: 18px; }
  body .Seeems-Button {
    width: 100%; }
    body .Seeems-Button a {
      min-width: 80px;
      text-align: center;
      padding: 10px;
      background: #C0C0BE;
      color: #fff;
      display: inline-block;
      vertical-align: top;
      font-size: 20px;
      text-decoration: none; }
  body .Seeems-Button-left {
    text-align: left; }
  body .Seeems-Button-center {
    text-align: center; }
  body .Seeems-Button-right {
    text-align: right; }
  body .Seeems-EasyBox {
    width: auto !important; }
    body .Seeems-EasyBox div, body .Seeems-EasyBox img {
      width: auto !important;
      height: auto !important;
      max-width: 100%; }
  body .Seeems-VeryLargeHeading, body .BoxHeading, body h1 {
    color: #8FB7DF;
    font-size: 46px;
    font-weight: normal;
    margin-bottom: 0.2em;
    word-break: break-all; }
  body .Seeems-LargeHeading, body h2 {
    color: #8FB7DF;
    font-size: 38px;
    font-weight: normal; }
  body .Seeems-NormalHeading, body h3 {
    color: #8FB7DF;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 0; }
  body .Seeems-SmallHeading, body h4 {
    font-size: 18px;
    font-weight: normal;
    color: #8FB7DF; }
  body .wrapper {
    width: 100%;
    max-width: 980px;
    margin: auto;
    position: relative; }
  body .Seeems-Image-Container-Center {
    text-align: center; }
  body .Seeems-Image-Container-Right {
    text-align: right; }
  body .eee-file-document {
    background: #8FB7DF;
    margin-bottom: 10px; }
    body .eee-file-document a {
      color: #FFFFFF;
      text-decoration: none;
      font-weight: bold;
      display: block;
      padding: 10px;
      line-height: 31px; }
      body .eee-file-document a .eee-file-document-pdf-icon {
        width: 32px;
        height: 32px;
        background: url("/files/SelfTemplate/layout/pdf-icon.png");
        float: right; }
    body .eee-file-document:hover {
      background-color: #B8B9B6; }

/* Style Id:5123 TopLine*/

#top-line {
  width: 100%;
  height: 25px ;
  background-color: #8FB7DF ;
  color: #FFFFFF ; }
  #top-line a {
    color: #FFFFFF ; }

/* Style Id:5124 Logo*/

#logo {
  margin: 45px 0px; }
  #logo .Logo-Link-Container {
    width: auto !important; }
    #logo .Logo-Link-Container .Logo-Link {
      text-decoration: none;
      font-size: 36px;
      color: #9A9A9A; }

/* Style Id:5125 MainMenu*/

#main-menu {
  width: 100%;
  border-bottom: 4px solid #8FB7DF ;
  font-weight: normal; }
  #main-menu ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    list-style-type: none; }
    #main-menu ul li a {
      display: block;
      color: #FFFFFF ;
      font-size: 16px ;
      text-decoration: none;
      font-weight: bold;
      background: #8FB7DF ;
      padding: 10px 15px; }
    #main-menu ul li.selected a, #main-menu ul li a:hover {
      background-color: #B8B9B6 ; }

/* Style Id:5126 Header*/

.header {
  border-bottom: 4px solid #8FB7DF ; }
  .header img {
    vertical-align: bottom; }

/* Style Id:5127 MainAnimation*/

#seeems-animation {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden; }

#seeems-animation ul {
  margin: 0px;
  padding: 0px; }

#seeems-animation ul li {
  list-style-type: none; }

#seeems-animation-wrapper {
  width: 95000px;
  position: relative; }

.seeems-animation-frame {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 390px;
  float: left;
  margin: 0px;
  position: relative; }

.seeems-animation-left, .seeems-animation-right {
  background: #22272e none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 27px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
  z-index: 2;
  text-align: center; }

.seeems-animation-left {
  left: 0px; }

.seeems-animation-left::after {
  content: "\f104";
  font-family: FontAwesome; }

.seeems-animation-right {
  right: 0px; }

.seeems-animation-right::before {
  content: "\f105";
  font-family: FontAwesome; }

/***************************************** */
.seeems-animation-info {
  background: rgba(34, 39, 46, 0.8) none repeat scroll 0 0;
  color: #ffffff;
  max-width: 570px;
  min-width: 250px;
  padding: 23px 30px 30px;
  text-align: left;
  position: absolute;
  z-index: 10;
  right: 0px;
  bottom: 0px;
  white-space: normal !important;
  margin-bottom: -500px; }
  .seeems-animation-info .seeems-animation-info-date {
    display: block;
    font-weight: bold;
    padding-bottom: 3px; }
  .seeems-animation-info .seeems-animation-info-heading {
    font-size: 35px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 300; }
    .seeems-animation-info .seeems-animation-info-heading span {
      font-weight: bold; }
  .seeems-animation-info .seeems-animation-info-description {
    font-weight: bold;
    font-size: 13px; }
  .seeems-animation-info .seeems-animation-info-link {
    background: #C0C0BE ;
    border: medium none;
    color: white;
    font-size: 14px;
    padding: 14px 22px 15px;
    position: relative;
    font-weight: bold;
    line-height: 21px;
    text-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px; }
  .seeems-animation-info .seeems-animation-info-link:hover, .seeems-animation-info .seeems-animation-info-link:hover:after {
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear; }
  .seeems-animation-info .seeems-animation-info-link:after {
    background: #C0C0BE ;
    bottom: 0;
    color: white;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 27px;
    padding: 13px 0 16px;
    position: absolute;
    right: -51px;
    text-align: center;
    top: 0;
    transition: all 0.2s linear 0s;
    width: 50px; }

.seeems-animation-info-wrapper {
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px; }
  .seeems-animation-info-wrapper .wrapper {
    height: 397px; }

.seeems-animation-Top-left {
  top: 0px;
  left: 0px;
  right: auto;
  margin-top: -500px;
  margin-bottom: 0px;
  bottom: auto; }

.seeems-animation-Top-right {
  top: 0px;
  left: auto;
  right: 0px;
  margin-top: -500px;
  margin-bottom: 0px;
  bottom: auto; }

.seeems-animation-Bottom-left {
  left: 0px;
  right: auto; }

.seeems-animation-Bottom-right {
  left: auto;
  right: 0px; }

/* Style Id:5128 Top*/

#top {
  width: 100%;
  background: #ECF3FB ;
  padding: 30px 0px 42px 0px;
  color: #231F20 ; }
  #top h1, #top h2, #top h3, #top h4, #top h5, #top h6 {
    color: #464C5E ; }
  #top .Seeems-Text {
    color: #231F20 ; }

#top-shadow {
  width: 100%;
  height: 50px;
  background: url("/files/self/layout/TopShadow.png"); }

/* Style Id:5129 Main*/

#main {
  margin-top: 20px; }

/* Style Id:5130 Gallery*/

.fotorama {
  box-shadow: 1px 1px 15px #000; }
  .fotorama .fotorama__arr {
    background-color: #8FB7DF ; }
  .fotorama .fotorama__nav-wrap {
    background-color: #8FB7DF ;
    padding: 10px 0px; }

/* Style Id:5131 News*/

.Seeems-NewsDisplay h2 {
  margin: 0px; }
.Seeems-NewsDisplay .Seeems-TextLink {
  color: #8FB7DF ;
  display: block;
  margin-bottom: 20px;
  font-weight: bold; }

.comments-top-line {
  background: #8FB7DF ;
  color: #fff;
  font-weight: bold; }
  .comments-top-line .write-comment {
    background:  ;
    float: left;
    padding: 10px;
    cursor: pointer; }
  .comments-top-line .comments-counter {
    float: right;
    padding: 10px; }

.div-comment {
  margin-top: 20px;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px; }
  .div-comment .div-author {
    display: none; }
  .div-comment .div-date {
    font-size: 12px;
    color:  ;
    margin-top: 5px; }
  .div-comment .div-adminreport, .div-comment .div-adminreport a {
    color: #8FB7DF ; }

.blog-text-contatiner {
  margin-top: 20px; }
  .blog-text-contatiner span {
    display: block;
    font-size: 16px; }
  .blog-text-contatiner textarea {
    padding: 10px;
    width: 100%;
    min-height: 250px;
    box-sizing: border-box;
    border: 2px solid #8FB7DF ;
    margin: 5px 0px 10px 0px; }

#news-details-page .title {
  color: #4e5569;
  font-size: 26px;
  font-weight: normal; }
#news-details-page .date {
  color: #9ba5c7;
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold; }
#news-details-page .text {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 10px; }
  #news-details-page .text p {
    margin: auto; }

/* Style Id:5132 Footer*/

#footer {
  width: 100%;
  color: #FFFFFF ;
  padding: 40px 0px;
  background: #8FB7DF ;
  margin-top: 20px; }
  #footer p {
    margin: 0px; }
  #footer a {
    color: #FFFFFF ;
    text-decoration: none; }

/* Style Id:5133 Responsive(max-width: 980px)*/

@media only screen and (max-width: 980px) {
  .wrapper {
    width: auto !important;
    max-width: 100%;
    padding: 0px 15px; } }

/* Style Id:5134 Responsive(max-width: 500px)*/

@media only screen and (max-width: 500px) {
  h1 {
    font-size: 32px !important; }

  h2 {
    font-size: 24px !important; }

  .hide-on-responsive {
    display: none; }

  #logo {
    margin: 20px 0px;
    padding-right: 40px; }
    #logo .Logo-Link-Container .Logo-Link {
      font-size: 20px; }

  #main-menu {
    display: none;
    border: 0px; }
    #main-menu ul li {
      display: block;
      padding: 0px;
      margin: 0px; }
      #main-menu ul li a {
        display: block;
        padding: 15px 10px;
        border-bottom: 2px solid #FFFFFF; }

  #responsive-menu-icon {
    width: 31px;
    height: 32px;
    background: url("/files/SelfTemplate/layout/responsive-menu-icon.png");
    position: absolute;
    top: 50px;
    right: 15px;
    cursor: pointer; } }