/* Standard Font classes */

@import url("../fonts/akkurat/akkurat.css");

.avalonbook{
  font-family: 'AvalonBook';
}

.avalonmedium{
  font-family: 'AvalonMedium';
}

.avalonlight{
  font-family: 'AvalonExtraLight';
}


.akkurat-bold{
    font-family: 'Akkurat-Bold';
}

.akkurat-bold-italic{
    font-family: 'Akkurat-Bold-Italic';
}

.akkurat-italic{
    font-family: 'Akkurat-Italic';
}

.akkurat-light{
    font-family: 'Akkurat-Light';
}

.akkurat-light-italic{
    font-family: 'Akkurat-Light-Italic';
}

.akkurat-regular{
    font-family: 'Akkurat-Regular';
}


.akkurat-regular strong{
  font-family: 'Akkurat-Bold'!important; 
}


.white{
  color: #fff;
}

.font33{
  font-size: 33px;
}

.font25{
  font-size: 25px;
}

.font20{
  font-size: 20px;
}

.font15{
  font-size: 15px;
}

.font13{
  font-size: 13px;
}

.font11{
  font-size: 11px;
}


.superlightgrey, a.superlightgrey:link{
  color: #d0d0d0;
}

.lightgrey, a.lightgrey:link{
  color: #817b76;
}

.mediumgrey, a.mediumgrey:link{
  color: #46423f;
}

.superdarkgrey, a.superdarkgrey:link{
  color: #292725;
}

.black, a.black:link{
  color: #000; 
}

.red{
  color: #d80000;
}

.yellow{
  color: ##FFCC00;
}

.dontshow{
  display: none;
}

ul.nopadding{
  padding-left: 14px;
  padding-right: 45px;
  margin-top: 5px;
}

ul.nopadding li{
  margin-bottom: 2px;
}


/* */
/* Conditions for all devices, starting from mobile */

body{
  background: #000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  overflow-x: hidden;
  overflow-y: scroll; 
}


table.notcollapsed{
    border-spacing: 0px;
    border-collapse: separate;
    margin-left: 0px;
}


a{
  color: #fff;
  outline: none;
}

a:focus{
  outline: none;
}


#language-switch a.lang_active:hover{
   text-decoration: none;
}

pre{
  font-size: 9px;
  width: 70%;
}

ul.nobullets{
  list-style-type: none;
  padding: 0;
}

.highlight { 
  background-color: #FFCC00;
}

.clearfix.divider{
  margin-top: 1px dotted #292725;
  /*background: #eee;*/
  min-height: 1px;
  margin: 20px 0;
}


hr.dotted{
  border-top: 1px dotted #292725!important;
}

hr.dotted_light{
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px dotted #817b76!important;
}

/*
.nr_div_codes.highlighted hr.dotted_light{
  border-top: 1px dotted #fff!important;
}
*/

select.select-custom{
  color: #292725;
}

.subtitle{
  display: block;
}

.navbar-inverse{
  background: #000;
}

#full_search{
  display: none;
}

#full_search form{
display: inline-table;
}

#left-menu-column{
  display: none;
}

#main-column{
    min-height: 200px;
}


#main-column img{
      width: 100%;
      height: auto;
}

a.catlink{
  display: inline-block;
  background: #d0d0d0;
  padding: 2px 5px;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

a.catlink.selected{
  background: #46423f;
  color: #fff;
}

a.catlink:hover{
  text-decoration: none;
}

.description_box{
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  min-height: 63px;
}

.read_more_zone{
  background: url('/img/read_all_mask.png') no-repeat;
  min-height: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
}

.read_more_text{
  margin-bottom: 20px;
  display: none;
}

.container{
  padding: 0 20px;
}

.navbar-container{
  padding: 0;
}


#searchzone{
  margin-top: 24px;
  padding: 0;
  margin-bottom: 6px;
}

#searchzone input, #searchzone button.btn{
  border-radius: 0;
  font-family: 'akkurat-regular';
}


.fix_img_container.flickrzone ul li{
  margin-bottom: auto;
}


.slider-counter {
  width: 100%; 
  position: absolute; 
  bottom: 40px; 
  text-align: center;
  z-index: 10;
  color: #fff;
}


.slider-captions span.caption{
  display: block;
}

.slider-captions .single-caption{
  display: none;
}

.single-high{
  padding: 0;
  margin-bottom: 25px;
}

.single-high span.title{
  margin-top: 10px;
  display: block;
}

.single-high span.caption{
  display: block;
}


.single-high .img_holder{
  min-height: 20px;
  background-size:   cover;        
  background-repeat: no-repeat;
  background-position: bottom center; 
  background-color: #333;
}

.single-high .img_holder:hover{
  background-position: top center; 
}


a.newslink{
  text-decoration: underline;
}

a.underlined{
  text-decoration: underline;
}

a.nohover:hover{
  text-decoration: none;
}

.notresponsive{
  min-height: 100px;
}

.ipszone{
  margin: 20px 0;
}

.catinfo{
  display: block;
  margin-top: -3px;
  margin-bottom: 8px;
}

.newsheader{
  background: #777;
  height: 250px;
  margin-bottom: 20px;
  background-position: left;
}


.news-title-box{
  background: #292725;
  padding: 10px;
}

.img_holder_mini{
  width: 110px;
  background-size:   cover;        
  background-repeat: no-repeat;
  background-position: top center; 
  background-color: #333;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.holder_mini_text{
  display: block;
  float: left;
  width: 350px;
  /*margin-left: 10px;*/
  margin-top: -4px;
  line-height: 18px;
}

.holder_mini_text a{
  color: #46423f;
  text-decoration: underline;
}


  table.news_images tr td.sx_item{
    vertical-align: top;
  }

  table.news_images tr td.dx_item{
    vertical-align: top;
  }


.flexslider_small img{
    display: none;
  }

.flexslider_ultrasmall img{
    display: none;
  }


.familyheader{
  height: 200px;
  /*background: #F6F6F6;*/
  /*background-position: 0 -100px;*/
  background-repeat: no-repeat;
  cursor: pointer;
}


.printheader{
  display: none;
}


/*****************/
/* Avoid problems UNDER 320 px  */
/***************/

@media (max-width: 319px) {

  body{
    min-width: 308px;
  }

}



/*****************/
/* JUST mobile  */
/***************/

@media (max-width: 767px) {

  .font20{
    padding-bottom: 5px;
  }

  .container{
    margin-top: 10px;
  }

  .single-high .img_holder{
  width: 45%;
  display: inline-block;
  vertical-align: top;
  }

  .captions_holder{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-left: 10px;
    position: relative;
    top: -12px;
  }

  ul.topmenu{
    background: #46423f;
    margin: 10px 0 0 0;
    padding: 20px 10px;
  }

  ul.topmenu li.mobile_language {
    text-align: right;
  }

  ul.topmenu li.mobile_language a{
    font-size: 15px;
    display: inline;
  }

  ul.topmenu li ul{
    list-style-type: none;
    margin-bottom: 10px;
  }

  ul.topmenu li{
    font-family: 'akkurat-regular';
    font-size: 18px;
  }

  ul.topmenu li a:hover{
    color: #9d9d9d;
    text-decoration: underline;
  }

  ul.topmenu li ul li a:hover{
    color: #fff;
  }

  .navbar-nav > li > a{
    padding: 2px 10px;
  }


  .ipszone{
    margin-left: 13px;
  }



  .navbar-toggle{
    background-color: transparent;
    margin-right: 7px;
    margin-top: 12px;
  }

  .navbar-inverse .navbar-toggle{
    border: none;
  }

  .navbar-inverse .navbar-toggle .icon-bar{
    background: #46423f;
  }

  .navbar-toggle .icon-bar{
    height: 5px;
    width: 34px;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar + .icon-bar{
    margin-top: 5px;
    border-radius: 0;
  }



  .single-cat{
    margin-bottom: 20px;
  }

  .news-title-box{
    display: inline-block;
    margin-top: 25px;
  }

  .news_full_text{
    margin-left: 0px;
    max-width: 100%!important;
  }

  table.news_images tr td.sx_item{
    padding-right: 10px;
    padding-bottom: 20px;
  }

  table.news_images tr td.dx_item{
    padding-left: 20px;
    padding-bottom: 10px;
  }

  .holder_mini_text{
    width: 100%;
  }

  .fix_img_container{
    width: 101%;
  }

  .fix_img_container ul{
    padding-left: 0;
    list-style-type: none;
  }

  .fix_img_container ul li{
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
  }

  #main-column .fix_img_container img{
    width: initial;
    height: initial;
  }

  .nostretch{
    width: 350px;
    padding: 0;
    margin: 0 16px;
  }

  #main-column.nostretch img{
    width: initial;
    height: initial;
    width: auto;
    height: auto;
  }

  .nostretch .nr_div_first{
    margin-bottom: 10px;
  }

  .nostretch .nr_div_second{
    width: 230px;
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

  .nostretch .nr_div_third{
    width: 110px;
    display: inline-block;
  }

  .nostretch .fix_img_container{
    width: 101%;
  }

  .nostretch .fix_img_container ul{
    list-style-type: none;
  }
  
  .nostretch .codescontainer{
    margin-left: 0px;
  }

  .nr_div_codes.highlighted{
      background: #e0e0e0;
  }

  .nr_div_codes{
    padding: 10px;
  }

  .fix_img_container.flickrzone ul li{
    margin-bottom: 10px;
  }

  .superdiv{
    margin: -10px -25px 25px -25px;
    padding: 5px 25px 25px 25px;
    background: #d0d0d0;
  }

  .mobile_moveleft, hr.dotted.mobile_moveleft{
    margin-left: -15px;
  }

  .mobile_moveright{
    margin-left: 0px;
  }


  .drawing_container{
      background:none; 
      min-height:1px; 
      padding:10px;
  }

    #main-column .drawing_container img{
      max-height:330px; 
      height:auto; 
      width:auto; 
      max-width:330px;
    }


}


/************************/
/* JUST sfiguz layout  */
/**********************/

@media screen and (min-width: 768px) and (max-width: 975px) {

  .single-cat{
    width: 180px;
    margin-left: -15px;
    margin-bottom: 30px;
  }

  .font25{
    font-size: 15px;
  }

  .nr_div_codes{
    padding: 10px;
  }

  .drawing_container{
      min-height:1px; 
  }


}


/* custom rule for not responsive double */
@media (min-width: 976px) {

  .notresponsive.double{
      width: 710px;
      margin-bottom: 10px;
      margin-right: 10px;
      padding-left: 0;
  }

}
/* */


/*************/
/* Desktop  */
/***********/
@media (min-width: 768px) {

  .container{
  padding: 0;
  }

  .row{
    margin: 0;
  }

  .container{
    margin-top: 10px;
  }

  .noscroll{
    /*overflow: hidden;*/
  }

  .notresponsive{
    width: 350px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 0;
  }

  
  .notresponsive.last{
    margin-right: 0;
  }

  .topmenu{
    display: none;
  }

  .searchbtn{
    display: none;
  }

  #searchzone{
    display: none;
  }

  #full_search{
    display: inline;
    float: left;
    font-family: 'akkurat-regular';
    margin-left: 118px;
    margin-top: 20px;
  }

  #full_search label{
    display: inline;
    width: auto;
  }

  #full_search input{
    display: inline;
    width: 205px;
    margin-left: 10px;
    background: none;
    border-color: #817b76;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
    height: 30px;
    color: #292725;
  }

  
  #full_search input::-webkit-input-placeholder {
    color: #877f79;
  }


  #left-menu-column{
    display: inline;
    float: left;
    width: 240px;
    min-height: 200px;
    padding: 0;
    overflow: hidden;
    
  }

  ul#left-menu, ul#left-menu-cat{
      font-family: 'akkurat-bold';
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

  ul#left-menu li ul, ul#left-menu-cat li ul{
      font-family: 'akkurat-regular';
      list-style-type: none;
      margin: 0;
      padding: 0 0 0 20px;
    }

    
    ul#left-menu li.last-item, ul#left-menu-cat li.last-item{
      margin-bottom: 10px;
    }

    a.switchmenu{
      outline: none;
    }

    
    #language-switch{
      margin-bottom: 20px;
    }

    #language-switch a:hover{
      text-decoration: underline;
    }

    p#credits{
      margin-top: 30px;
    }

    #main-column{
    float: left;
    padding: 0;
    width: 470px;
    }

    ul#social-icons{
      list-style-type: none;
      padding: 0;
      font-family: 'akkurat-bold';
      line-height: 13px;
      margin-top: 30px;
    }

    ul#social-icons li{
      margin: 10px 0;
    }

    ul#social-icons li a{
      padding-left: 36px;
      display: block;
    }

    ul#social-icons li.icon-pinterest a{
      background: url('../img/social-icons_pinterest.png') no-repeat;
    }

    ul#social-icons li.icon-vimeo a{
      background: url('../img/social-icons_vimeo.png') no-repeat;
    }

    ul#social-icons li.icon-flickr a{
      background: url('../img/social-icons_flickr.png') no-repeat;
    }

    ul#social-icons li.icon-twitter a{
      background: url('../img/social-icons_twitter.png') no-repeat;
    }


    .single-high{
      margin-left: 10px;
    }

    .single-high .img_holder{
      width: 100%;
    }

    .single-high.first-item{
      margin-left: 0;
    }


    .subrow.highlights{
      width: 600px;
      display: inline-block;
    }


    .newscontainer{
      overflow: hidden;
      margin-top: 10px;
    }


    .single-cat.first-item{
      margin-left: -15px;
    }


    .news-title-box{
      display: inline-block;
      padding-right: 20px;
      margin-left: -10px;
      margin-top: 25px;
      
    }


    .superdiv{
        margin :-10px 10px 20px -10px;
        padding: 10px;
        background: #d0d0d0;
    }


    table.news_images{
      /*
      width: 100%;
      border-spacing: 20px;
      border-collapse: separate;
      position: relative;
      top:-20px;
      left: -20px;
      */
      width: 350px;
    }

    table.news_images img{
      margin-bottom: 10px;
      max-width: 170px;
    }

    table.news_images td:nth-child(even) img{
      margin-left: 5px;
    }

    table.news_images td:nth-child(odd) img{
      margin-right: 5px;
    }

    #main-column img.imgfixed{
      width: 110px;
      height: auto;
      background-color: #f6f6f6;
      margin: 5px;
    }

    #main-column img.imgsuperfamily{
      width: auto;
      height: auto;
      background-color: #f6f6f6;
      margin: 5px;
    }

    .fix_img_container{
      margin-left: -5px;
      width: 101%;
    }

    .fix_img_container ul{
      background: #ccc;
      list-style-type: none;
      padding: 0;
    }

    .fix_img_container ul li{
      display: block;
      float: left;
      margin-bottom: 15px;
    }

    .fix_img_container span{
      margin-left: 5px;
      margin-top: -2px;
      max-width: 110px;
      /*min-height: 42px;*/
    }


    .nr_div_big{
      min-height: 100px;
      width: 240px;
      float: left;
    }

    .nr_div_big a{
      word-wrap: break-word;
    }

    .nr_div_first{
      min-height: 50px;
      width: 350px;
      float: left;
    }

    .nr_div_second{
      min-height: 100px;
      width: 230px;
      float: left;
      margin-left: 0px;
      margin-top: 20px;
    }

    .nr_div_third{
      min-height: 100px;
      width: 110px;
      float: left;
      margin-left: 10px;
      margin-top: 20px;
    }


    .nr_div_codes{
      min-height: 250px;
      /*width: 350px;*/
      width: 360px;
      float: left;
      margin-left: 0px;
      /*border-top: 1px dotted #46423f;*/
      margin-bottom: 30px;
      padding-top: 5px;
    }

    .nr_div_codes.highlighted{
      background: #d0d0d0;
    }

    .codes_hidden_zone{
      display: none;
    }


    .drawing_container{
      background:none; 
      min-height:350px; 
      padding:10px;
    }

    #main-column .drawing_container img{
      max-height:330px; 
      height:auto; 
      width:auto; 
      max-width:210px;
    }


    
}

/*************/
/************/
/*************/
/* Desktop over 976px  */
/***********/

@media (min-width: 976px) {

    .font25{
    font-size: 20px;
    }

    .single-high .img_holder{
    /*height: 136px;*/
    }


    a.navbar-brand{
    position: relative;
    left: -1px;
    }

    .row{
      margin-left: 0;
    }


    #full_search input{
      width: 405px;
    }

    

    #main-column{
    width: 720px;
    }

    .subrow.highlights{
      width: 920px;
    }


    .newsheader{
      width: 710px;
    }

    .nr_div_second{
    margin-top: 0;
    margin-left: 10px;
    }

    .nr_div_third{
    margin-top: 0;
    margin-left: 10px;
    }


    .nr_div_codes{
      margin-left: 0px;
    }

    .nr_div_codes.first{
      margin-left: 0;
    }

    .nr_div_codes.third{
      clear: both;
      margin-left: 0;
    }

    .nr_div_codes.generdiv{
      margin-right: 20px;
      /*cursor: pointer;*/
      margin: -10px 10px 10px -10px;
      padding: 10px;
    }

    
}

/*************/
/************/
/*************/
/* Desktop over 1360px  */
/***********/


@media (min-width: 1360px) {

    .font25{
    font-size: 25px;
    }

    #main-column{
    width: 1070px;
    padding: 0;
    }


    .nr_div_big{
      width: 480px;
    }
    
    .row{
      width: 1310px;
    }


    .subrow.highlights{
      width: 1400px;
    }

    .newsheader{
      width: 100%;
    }
    

    .nr_div_codes.third{
      clear: none;
      margin-left: 10px;
    }

    


}


/*************/
/************/


/* Variables for WHITE template */

body.white{
  background: #e6e6e6;
}

body.white .navbar-inverse {
  background: #e6e6e6;
}


body.white .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border: none;
}

body.white #full_search input {
    color: #292725;
}


/* Variables for GREY template */

body.grey{
  background: #282725;
}


body.newgrey{
  background: #f1f1f1;
}


body.newgrey .navbar-inverse {
  background: #f1f1f1;
}

body.grey .navbar-inverse {
  background: #282725;
}