/* LAYOUT */
  body {
    margin:0;
    padding:0;
  }
  
  h1, h2, h3 {
    padding: 1.2em 0 0.1em;
    margin:0;
    color: white;
  }
  h1 { padding: 0.5em 0 0.7em 0; }
  
  .cfx:before, .cfx:after { content: " "; display: table; }
  .cfx:after { clear: both; }
  .cfx { *zoom: 1; }
  
  .right { float: right; }
  .left { float: left; }
  .dont-wrap { white-space: nowrap; }
  .inline-b { display: inline-block; }
  .hidden { display: none; }
  
  .content-center-wrapper {
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
  }
  
  .main-division {
    clear: both;
    text-align: center;
    padding: 20px 20px 0 20px;
  }
  
  .content-texts-wrapper {
    margin: 3em auto;
    max-width: 650px;
  }
  .content-texts-wrapper.right { width: 650px; }

/* MAIN STYLES */
  body { 
    color: #c2c2c2;
    font-size: 14px;
    line-height: 1.4em;
    background: #333 url('../images/body-bg.jpg');
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  input, textarea {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #c2c2c2;
  }
  font { line-height: 1.4em; }
  pre { white-space: normal; }
  a { color: white; }
  a img { border: none; }
  h1, h2, h3 {
    font-family: 'Montserrat Alternates', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2em;
  }
  h1 { font-size: 2.1em; }
  h2 { font-size: 1.4em; }
  h3 {
    font-size: 1.14em;
    font-weight: normal;
  }
  h1 a { text-decoration: none; }
  
  .top-line {
    background: url('../images/line-dot.png') no-repeat;
  }
  
  /* Text page contents */
    .content-texts h1 {
      text-transform: uppercase;
      text-align: center;
      color: white;
      word-wrap: break-word;
    }
    .content-texts h1 input { text-align: center; }
    .content-texts ul { list-style-type: none; }
    .content-texts ul li:before {
      content: "_ ";
      font-size: 2em;
      margin: -0.16em 0 0 -0.7em;
      position: absolute;
      line-height: 1px;
    }
    .content-texts h1 .heading-info {
      color: #7f7f7f;
      font-size: 0.46em;
      line-height: 2em;
      display: block;
      font-weight: normal;
      font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: none;
    }
     .content-texts-wrapper img { max-width: 100%; height: auto; }
     .photo_gallery_area { margin-bottom: 1em; }
     
     .text-box p, .content-texts p {
        margin: 1em 0;
        padding: 0;
     }
     .content-texts form, .text-box form { clear: both; }
    

/* PARTS */

  /* Header */
  .main-header { 
    background: #fff;
    color: #7f7f7f;
    padding-bottom: 20px;
  }
    .main-header .right { margin-top: 7px; }
    .header-slogan h1 {
      padding:0; 
      color: #ee0000;
      font-size: 2.1em;
      line-height: 1.1em;
    }
      .header-slogan a {
          color: #404040;
          text-decoration: none;
      }
      .header-slogan h1 a { color: #ee0000; }
  
  /* Footer */
  .main-footer .footer-inner { 
    padding: 30px 0px 30px 0;
    font-size: 0.8em;
    line-height: 1.4em;
  }
    .main-footer .footer-content {
        margin-right: 150px;
    }
    .main-footer a { text-decoration: none; }
    .main-footer a:hover { text-decoration: underline; }
    .main-footer .edicy-link { 
      padding: 0 0 20px 20px;
      color: #757575;
      position: relative;
      right: 0px;
    }
      .main-footer .edicy-link a {
        color: #757575;
        font-weight: bold;
      }

  /* Search box */
  .search-box input {
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
  }
  .search-box .submit-btn {
    position: absolute;
    z-index: 10;
    width: 2em;
    height: 2.5em;
    background: url('../images/search-btn.png') no-repeat center center;
    text-indent: -1000em;
    color: transparent;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-appearance: none;
  }
  .search-box .text-input {
    border-bottom: 1px solid #cfcfcf;
    padding: 0.6em 0 0.6em 2em;
    font-size: 0.8em;
    line-height: 1em;
  }
  
  /* Langmenu */
  .langmenu {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
    .langmenu li {
      display: inline;
    }
      .langmenu li a {
        color: #c2c2c2;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.8em;
        padding: 0 5px;
      }
      .langmenu li a.active, .langmenu li a:hover { color: #404040; }
      .langmenu li a.active { font-weight: bold; }
      
  /* Main menu */
  .main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0.2em 0 1.3em 0;
  }
    .main-menu li {
      display: inline;
      padding-right: 1.1em;
    }
      .main-menu li a {
        color: #c2c2c2;
        text-decoration: none;
      }
      .main-menu li a:hover, .main-menu li a.active { color: #fff; }
      .main-menu li a.active { font-weight: bold; }
      
  /* Second menu */
  .second-menu {
    background: #222;
    background: rgba(0,0,0,0.2);
    text-align: center;
    list-style-type: none;
    margin: 0.5em 0 1em 0;
    padding: 1em;
    font-size: 0.85em;
  }
    .second-menu li {
      display: inline;
      padding-right: 1.1em;
    }
      .second-menu li a {
        color: #c2c2c2;
        text-decoration: none;
      }
      .second-menu li a:hover, .second-menu li a.active {
        color: #fff;
      }
      .second-menu li a.active { font-weight: bold; }
      
  /* Article listing */
  .article-listing {
    padding: 0.5em 0 4.5em 0;
    margin-right: -26px;
  }
    .article-box {
      float: left;
      width: 220px;
      height: 300px;
      background: #222222;
      background: rgba(0,0,0,0.2);
      margin: 3em 26px 0px 0;
      position: relative;
      cursor: pointer;
    }
    .article-box:hover {
      /*box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
      left: -1px; top: -1px;*/
      background: rgba(0,0,0,0.4);
      -webkit-transition-duration: 0.3s;
         -moz-transition-duration: 0.3s;
              transition-duration: 0.3s;
    }
    .article-box .title {
      font-family: 'Montserrat Alternates', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 2.1em;
      line-height: 1.2em;
      font-weight: bold;
      color: white;
      word-wrap: break-word;
      max-height: 260px;
      position: absolute;
      margin: 20px;
      overflow: hidden;
      max-width: 180px;
      -webkit-transition-duration: 0.3s;
         -moz-transition-duration: 0.3s;
              transition-duration: 0.3s;
    }
    .article-box:hover .title {
        -moz-opacity: 0.75;
        -webkit-opacity: 0.75;
        opacity: 0.75;
        filter:alpha(opacity=75);
    }
    .article-box .image-cropper {
        height: 300px;
        overflow: hidden;
        position: relative;
        width: 220px;
    }
    .article-box .inner-image {
      position: absolute;
      width: auto;
      height: auto;
      left: 0;
      top: 0;
      -moz-opacity: 0.7;
      -webkit-opacity: 0.7;
      opacity: 0.7;
      filter:alpha(opacity=70);
      -webkit-transition-duration: 0.3s;
         -moz-transition-duration: 0.3s;
              transition-duration: 0.3s;
    }
    .article-box:hover .inner-image {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        filter:alpha(opacity=100);
    }
    .article-box .date {
      display: block;
      color: #757575;
      position: absolute;
      font-size: 0.75em;
      bottom: -2em;
      right:0;
    }
    @media all and (max-width:520px) {
      .article-listing {
        margin-right: 0px;
      }
      .article-box { float: none; margin-left: auto; margin-right: auto; }
    }
  .article-more-listing {
    float: left;
    clear: both;
    padding-bottom: 3em;
  }
  .article-more-listing h2  { padding-bottom: 1em; }
  .article-more-listing a { text-decoration: none; }
  .article-more-listing a:hover { text-decoration: underline; }
  .article-more-listing .date {
    float: right;
    padding-left: 20px;
  } 
  .article-more-listing .article-row {
    clear: both;
    padding: 0.2em 0;
    border-top: 1px solid #444;
    border-top: 1px solid rgba(0,0,0,0.2);
  }
  
  .add-article-wrapper {
    position: relative;
    top: 20px;
  }
    
  /* Texts listing */
  .texts-listing {
    margin-right: -5%;
    margin-bottom: 3em;
  }
    .texts-listing .text-box {
      margin-right: 5%;
      width: 45%;
      float: left;
      min-width: 220px;
    }
    .texts-listing .text-box img {
        max-width: 100%;
        height: auto;
    }
    @media all and (max-width:520px) {
      .texts-listing .text-box { float: none; margin-left: 20px; margin-right: 20px; width: auto; }
    }
    
  /* Article thumb editor */
  .thumb-editor-wrapper {
    position: relative;
    margin-top: 5em;
    width: 220px;
  }
  .thumb-editor-wrapper .thumb-additional-info { display: none; }
  .thumb-editor-wrapper.active .thumb-additional-info {
    display: block;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
    font-size: 0.8em;
  }
  .thumb-editor {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    border: 1px dashed #757575;
  }
  
    .thumb-editor .inner-image {
      position: absolute;
      width: auto;
      height: auto;
      left: 0;
      top: 0;
    }
    
    .thumb-editor:hover, .thumb-editor.over { background-color: rgba(0,0,0,0.3); }  
    .thumb-editor .thumb-placeholder {
      position: absolute;
      top: 40%;
      color: #757575;
      text-align: center;
      padding: 10px;
    }
    .thumb-editor.active .thumb-placeholder { display: none;}
    .thumb-editor.active {
      cursor:move;
      border: 1px solid black;
    } 
    
    .thumb-editor-wrapper .delete-btn { display: none; }
    .thumb-editor-wrapper.active .delete-btn {
      display:block;
      width: 20px;
      height: 20px;
      font-weight: bold;
      font-size: 17px;
      line-height: 16px;
      background: rgb(243,243,243);
      background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(215,215,215,1) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(215,215,215,1)));
      background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
      background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
      background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);
      background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(215,215,215,1) 100%);

      color: black;
      position: absolute;
      right: -10px;
      top: -10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      cursor: pointer;
      text-align: center;
      z-index: 100;
      -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
      -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
      box-shadow: 0 1px 5px rgba(0,0,0,0.75);
      
    }
  
  /* gallery */
  .photo_gallery_area img {
    -ms-interpolation-mode: bicubic;
    margin-right: 2px;
   }
   .photo_gallery_area a { border-bottom: none; }
   
/* form */
  .blog-form-small { width: 30%; }
  .blog-form-large { width: 70%; }
  @media all and (max-width:520px) {
     .blog-form-small, .blog-form-large { width: 90%; }
  }

  .form_area { margin: 20px 0; }
  .form_field label, .edy-form-field-label { display: block; }
  
  .form_field_textfield, .form_field_textarea, .textbox {
    background: #333;
    background: rgba(0,0,0,0.2);
    outline: none; border: 1px solid #555; padding: 5px 5px 4px;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    font-size: 1em;
  }
  
  .form_error, .form_notice {
    font-weight: bold;
    padding: 5px 0; margin-bottom: 10px
  }
  
  .form_error { color: #ee0000;}
  .form_notice { color: green;  }   
  .form_field_error { color: #ee0000; font-size: 11px; line-height: 14px; }
  .form_field_with_errors input, .form_field_with_errors textarea { border: 1px solid #ee0000; }
   
  .form_field { margin-bottom: 20px; }
  .form_field_size_large { width: 95%; }
  .form_field_size_medium { width: 48%; }
  .form_field_size_small { width: 25%; }
  
  @media all and (max-width:520px) {
      .form_field_textfield, .form_field_textarea, .textbox, .form_field_size_medium, .form_field_size_small { width: 90%; }
  }
   
  .form_submit input, .submit {
    height: 35px; border: 1px solid #555;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    color: white; padding-left: 20px; padding-right: 20px;
    background: #333;
    background: rgba(0,0,0,0.2);
    cursor:pointer; font-size: 95%;
    -webkit-appearance: none;
  }
  .form_submit input:hover, .submit:hover {
    background: #555;
    background: rgba(0,0,0,0.3);
  }
  
  /* comments */
  .comments-holder {
    border-top: 4px solid #333;
    border-top: 4px solid rgba(0,0,0,0.2);
    margin-top: 3.5em;
  }
  .comments-holder h2 { font-size: 1.7em; }
    .comments h2 { 
        margin-top: 0.6em;
        margin-bottom: 0;
    }
    .comments .date {
        color: #666;
        font-size: 0.78em;
        position: relative;
        top: -0.09em;
    }
    .comments .author {
        color: white;
        font-weight: bold;
    }
    .comments p {
       margin:0; padding:0;
    }
    .comments .comment-body { margin: 0; padding: 0; }
    .comments-list li { margin: 0 0 20px 0 !important; }
    .edy-site-blog-comment .comment-body-line {
        position: relative;
        font-size: 2em;
        top: -0.3em;
    }
    .edy-site-blog-comment { margin: 16px 0; }
  .comments-add-border { border-top: 1px solid #d2d2d2; }
  .comments-add p { padding: 0px; margin:0; }
  .comments-add form {
      margin: 0;
      padding: 0.7em 0 0 0;
  }
   
  p.comments-add-row {
    border-top: 1px solid #333;
    border-top: 1px solid rgba(0,0,0,0.2);
	margin: 0;
	padding: 10px 0;
    line-height: 1em;
    font-size: 1.15em;
  }
  .comments-add-row:first-child { border-top: none; }
  .comments-add-row label {
    display: inline-block;
    text-align: right;
	vertical-align: top;
	width: 120px;
    padding-right: 20px;
    line-height: 2.6em;
    font-size: 0.87em;
  }
  @media all and (max-width:660px) {
      .comments-add-row label {
          text-align: left;
          padding-left: 6px;
      }
  }
  
  .comments-add-row .textbox {
    border: none;
    background: transparent;
	font-weight: bold;
	font-family: inherit;
	color: #bbbdc3;
	font-size: inherit;
	width: 450px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  @media all and (max-width:660px) {
      .comments-add-row .textbox { width: 90%; }
  }
  .comments-add-submit-row input.submit {
      background: #921d1d;
      color: #500202;
      border: none;
      font-size: 16px;
      font-weight: bold;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      -webkit-appearance: none;
  }
   .comments-add-submit-row input.submit:hover {
        -moz-opacity: 0.75;
        -webkit-opacity: 0.75;
        opacity: 0.75;
        filter:alpha(opacity=75);
   }
  
  .comment-row-error {
    color: #EE0000;
    font-size: 0.8em;
    margin-left: 6px;
    margin-top: -7px;
    position: absolute;
  }
  
  ul.comment-errors { padding:0; text-align: center; }
  ul.comment-errors li {
    color: #EE0000; 
    padding:0 10px; 
    margin:0; 
    font-size: 0.9em;
    display: inline;
}
  ul.comment-errors li:before { content: ""; }
  
  .comments-add-row .textbox.placeholder { opacity: 0.5; }
  .comments-add-row .textbox:-moz-placeholder{ opacity: 0.5; }
  .comments-add-row .textbox:-ms-input-placeholder{ opacity: 0.5; }
  .comments-add-row .textbox::-webkit-input-placeholder{ opacity: 0.5; }
  
/* Image container styles */
.edy-positionable-container-center:first-child,
.edy-positionable-container-left-block:first-child,
.edy-positionable-container-right-block:first-child,
.edy-texteditor-container-wrapper-center:first-child,
.edy-texteditor-container-wrapper-left-block:first-child,
.edy-texteditor-container-wrapper-right-block:first-child {
  margin-top: 0;
}

.edy-positionable-container-center:last-child,
.edy-positionable-container-left-block:last-child,
.edy-positionable-container-right-block:last-child,
.edy-texteditor-container-wrapper-center:last-child,
.edy-texteditor-container-wrapper-left-block:last-child,
.edy-texteditor-container-wrapper-right-block:last-child {
  margin-bottom: 0;
}

.edy-positionable-container-center,
.edy-positionable-container-left-block,
.edy-positionable-container-right-block,
.edy-texteditor-container-wrapper-center,
.edy-texteditor-container-wrapper-left-block,
.edy-texteditor-container-wrapper-right-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.edy-positionable-container-left,
.edy-texteditor-container-wrapper-left {
  margin-right: 20px;
}

.edy-positionable-container-right,
.edy-texteditor-container-wrapper-right {
  margin-left: 20px;
}

.edy-image-container-with-title:after {
  display: block;
  padding: 4px;
  font-size: 12px;
  line-height: 1.3em;
  content: attr(data-title);
}

/* CMS content area container override */
.main-content .edy-empty-bordered {
  color: rgba(255, 255, 255, 0.33);
  border-color: rgba(255, 255, 255, 0.33);
}
.main-content .placeholder {
  color: white;
}
.main-content .edy-content-element-hover {
  border-color: rgba(255, 255, 255, 0.1);
}
.main-content .edy-texteditor-active {
  outline-color: rgba(255, 255, 255, 0.2);
}
.main-content .edy-texteditor-active,
.main-content .edy-texteditor-active:hover {
  outline-color: rgba(255, 255, 255, 0.63);
}