/* CSS Document */
/****************************************************************************/
/** Template Layout Styles                                                  */
/****************************************************************************/

/***		LOAD FONT-FAMILY		*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input {
  font-family: arial; 
  color: #090e0c;
  font-size: 16px;
  font-weight:300;
  font-family: 'Roboto', sans-serif;
  
}
a.modal{
  display:block!important;
}
html {
    height: 100%;
    margin-bottom: 1px;
}
body {
    margin: 0;
    font-size: 12px;
    line-height: 135%; 
}
body {
  	background-color:#ffffff;
}
body .container{

}
.modal {
  position:relative;
  overflow:auto;
}
/****************************************************************************/
/* Core Styles                                                              */
/****************************************************************************/
form {
    margin: 0;
    padding: 0;
}
p {
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 125%;
}
h1, h2, h3, h4, h5 {
    padding-bottom: 5px;
    margin: 5px 0 5px 0;
    font-weight: normal;
    line-height: 120%;
	color: #8f9194;
}
h1 {
    font-size: 160%;
    line-height: 100%;
}
h2 {
    font-size: 140%;
    line-height: 100%;
    color:#484347;
}
h3 {
    font-size: 18px;
    font-weight:500;
    
}
div#mcol h3{
 
  font-weight:400;
}
h4 {
    font-size: 120%;
}
h5 {
    font-size: 120%;
   
}
a:link, a:visited, a:active {
    color: #8f9194;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
a:hover {
    text-decoration: none;
    color:#373737;
}
p.readmore a:link,
p.readmore a:visited,
p.readmore a:active{
    background-color: #f0676f;
    box-shadow: 2px 2px 0 #97262d;
    color: #ffffff;
    padding: 5px 12px;
    text-align: center;
    color:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
p.readmore a:hover{
  background-color:#FF7F87;
}
.clr {
    clear: both;
}
ul, ol {
	line-height: 155%;
	padding-left:0px;
} 
li {
	margin-left: 20px;
    line-height: 155%;

}
pre {
    color: #000000;
    font-size: 12px;
    padding-left: 50px;
    line-height: 130%;
    width: 500px;
}
.nav > li > a{
	padding:0px;
}
dl.article-info{
  display:none;
}
a img{
  border:none;
}
div.site_container{
 
}
.header_container #hornav{
  margin-top:15px;
   -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.header_container {
   height:144px;
   position:fixed;
   width:100%;
   z-index:999;
   background-color:#fff;
}
.headersmall{
  box-shadow: 0px 0px 10px #212121;
}
.header_container #logo{
    margin-top:30px;
    -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.headersmall #logo{
   margin-top:5px;
}
#logo p{
  margin-bottom:0px;
}
.header_container #logo img{
   -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.headersmall{
  height:93px;
   -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.headersmall #logo img.logobig{
  -ms-transform: scale(0.8,0.8); /* IE 9 */
    -webkit-transform: scale(0.8,0.8); /* Chrome, Safari, Opera */
    transform: scale(0.8,0.8); 
   
}
.headersmall #logo p{
  margin-bottom:0px;
}
.headersmall #hornav{
  margin-top:8px;
  
}
.mainsite {
  position:relative;
  top:144px;
  z-index:9;
}
div.banner_container{
  
}
.bannerhome{
  width:100%;
  display:table;
  cursor:pointer;
}
.home2_container .moduletable,
.home3_container .moduletable,
.bannerhome  .moduletable{
  display:table-row;
}
.home2_container .custom,
.home3_container .custom,
.bannerhome .custom{
  display:table-cell;
  vertical-align:middle;
}
.bannerhome .custom h3{
   font-size:18px;
   color:#ffffff;
   font-weight:500;
   text-shadow: 0px 0px 3px #000;
}
.home3_container .custom h3,
.home1_container h3{
   font-size:24px;
   color:#494949;
   font-weight:500;
   margin-bottom:32px;
   margin-top:0px;
   padding:0px;

}
.bannerhome .custom p a,
.bannerhome .custom h3{
  font-size:0px;
}
.home3_container .custom{
  vertical-align:bottom;
}
.home2_container .moduletable{
  display:table;
  width:100%;
}
.home1_container p{
  margin-bottom:50px;
  
}
.home3_container .custom h3,
.home2_container .custom h3{
   font-size:24px;
   color:#ffffff;
   font-weight:500;
   margin-bottom:32px;
   margin-top:0px;
   padding:0px;
  text-shadow: 0px 0px 3px #000;
}
.home3_container .custom a,
.home3_container .custom p,
.home3_container .custom h3{
  text-shadow: 0px 0px 3px #000;
}
.home3_container .custom p,
.home2_container .custom p{
   font-size:18px;
   color:#ffffff;
   font-weight:300;
   margin-bottom:60px;
  text-shadow: 0px 0px 3px #000;
}
.home3_container .custom p{
   margin-bottom:23px;
}
.home3_container .excibitions{
  text-align:right;
  width:50%;
  float:right;
}
.home3_container .custom p strong{
   font-size:18px;
   color:#ffffff;
}
.home2_container .custom p a,
.home3_container .custom a{
   text-shadow: 0px 0px 3px #000;
}
.home1_container .custom p a,
.home2_container .custom p a,
.home3_container .custom a,
.bannerhome .custom a{
   font-size:11px;
   color:#ffffff;
   font-weight:300;
   text-decoration:underline;
   
}
.bannerhome .custom a{
  text-shadow: 0px 0px 3px #000;
}
.home1_container .custom p a{
  color:#494949;
}
div.home{
  text-align:center;
}
div.home1_container{
   padding-top:65px;
   padding-bottom:0px;
}
div.home2_container{
  background: transparent url(../images/home2.jpg) no-repeat;
  background-position: center top;
  background-size:100%;
  height:715px;
}
div.home3_container{
  background: transparent url(../images/home3.jpg) no-repeat;
  background-position: center top;
  height:841px;
  background-size:100%;
}
div.main_container{
  
}
div.mainin{
 
}
div.home_container{
 
}
div.currSlide {
  height:344px;
  background-repeat:no-repeat!important;
  background-position: left top!important;
}
ul.item_list{
  left:10px!important;
  bottom:0px!important;
}
div#mcol{
   margin-bottom:20px;
   margin-top:30px;   
   
}
.fancybox-overlay{
  z-index:999999;
}
.fancybox.video {position: relative;}
.fancybox.video::after {content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url('../images/play_video.png') center / 100px 100px no-repeat;}
div#lcol{
  
}
div#logo img{
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  display:block;
}
div.footer_container{
   padding-top:130px;
   padding-bottom:105px;
}
div.footer_container img{
  margin-bottom:20px;
}
div.item-page{

}
#mcol {
  text-align:justify;
}
div.item-page a.modal{
  display:block!important;
}
.page-header{
  margin:0px; 
  padding:0px;
  border:none;
}
div.flexgallery h1,
div.eshop_container h1.componentheading,
div.blog .subheading-category,
div.page-header h1
 {
   text-align:center;
    font-size:24px;
    margin-top:0px;
    color:#8f9194;
    line-height:110%;
    margin-bottom:30px;
    padding-bottom:5px;
    font-weight:300;
}
div.blog div.item h1,
div.blog div.item h1 a{
    font-size:36px;
    color:#0793bb;
}
div.blog div.item h1{
  padding-bottom:0px;
  margin-bottom:10px;
}
div.bottom h3{
   
}
div.bottom1 h3 {

  font-size:18px;
  border-bottom:1px solid #5a5a5a;
  width:70%;
  margin-bottom:30px;
}
div.flexgallery h1 a{
  display:none;
}
div.flexgallery a.previous {
  margin-left:220px;
}
/***************************************************************************/
/******               STYLES                                          ******/
div#logo div.moduletable{
 
}
div#topinfo{
  display:table;
  width:100%;
}
div#topmenu, div#search{
  width:100%;
  display:table;
}
div#search{
  margin-top:8px;
  margin-bottom:9px;
}
div#search form{
  background-color:#ebebeb;
  width:303px;
  float:right;
  height:35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
} 
div#search form input{
  color:#ababab;
  font-size:14px;
  font-weight:bold;
  background-color:transparent;
  border:none;
  margin-left:12px;
  height:34px;
  line-height:35px; 
  width:240px;
  margin-left:12px;
}
div#search form input.button{

  border:none;
  padding:0px;
  background-position:center center;
  width:25px;
  line-height:38px;
  color:#ebebeb;
} 
div#topmenu{
  margin-top:12px;
  margin-bottom:12px;
}
div#topmenu div.moduletable{
  float:right;
  margin-left:20px;
}
div#topmenu div.top_face img{
  margin-left:5px;
  margin-top:3px;
}
div#topmenu ul.menu{
  display:table;
  margin:0px;
}
div#topmenu ul.menu li{
  float:left;
  list-style-type:none;
  border-left:1px solid #292929;
  line-height:10px;
  padding-left:15px;
 padding-right:15px;
 margin-left:0px;
}
div#topmenu ul.menu li:first-child{
  border:none;
}
div#topmenu ul.menu li a{
  font-size:10px;
  color:#292929;
  font-weight:bold;
  
}
div#topmenu ul.menu li a:hover{
  color:#58BA47;
}
div#topmenu  p{
  margin-bottom:0px;
}

#loginbt{ 
  padding-left:10px;  
}
#loginbt .text-login a.modal{
   font-weight:normal!important;
   color:#000000;
   text-transform:none!important;
   font-size:12px;
   display:block!important;
}
div#topmenu div.top_sales p{
  color:#ffffff;
  margin-bottom:0px;
  margin-top:4px;
  font-size:12px;
}
div#topmenu div.top_sales p span{
  color:#d16e18;
   font-size:12px;
  margin-left:10px;
}
div#language {
  position:relative;
}
div#language div.moduletable{
  z-index:99;
  margin-bottom:0px;
  position:absolute;
  right:0px;
  top:5px;
}
div#language div.moduletable li a{
 color:#a2a2a2;
 font-size:12px;
 line-height:100%;
}
div#language div.moduletable li a:hover{
  text-decoration:underline;
}
div#language div.moduletable li{
  border-left:1px solid #ffffff;
  padding-left:7px;
  margin-right:0px;
  margin-left:6px;
  line-height:100%;
}
div#language div.moduletable li:first-child{
  border-left:none;
}

#hornav ul{
  margin:0px;
  display:table;
  margin-left:auto!important;
  margin-right:auto!important;
 
}
#hornav ul li{
  float:left;
  list-style-type:none;
  margin-left:8px;
  margin-right:8px;
  line-height:27px; 
}
#hornav ul li a{
  color:#6b6b6b;
  font-size:14px;

}
#hornav ul li a:focus,
#hornav ul li.current a,
#hornav ul li a:hover{
  
    background-color:transparent;
}
#hornav ul.menu li.parent {
  position:relative;
}
#hornav ul.menu li.parent ul{
  display:none;
  position:absolute;
  left:0px;
  top:36px;
  background-color:#424242;
  width:250px;
}
#hornav ul.menu li.parent:hover ul{
  display:block;
}
#hornav ul.menu li.parent ul li{
  float:none;
  background-image:none;
  background-color:transparent;
}
#hornav ul.menu li.parent ul li:hover{
  background-color:#5F5F5F;
}
#hornav ul.menu li.parent ul li a{
  color:#00a7c9;
  font-size:14px;
}
#hornav ul.menu li:hover{
  background-image:none;
}

div#banner{

}  
div#banner div#sliderContainer {
 
  margin-left:auto;
  margin-right:auto;
  
}
div#banner div#currDescription{
  width:400px;
}
div#banner div#currDescription h2{

}
div#banner div#currDescription p{
  margin-bottom:0px;
}

.notinhome{
  display:none;
}
.insidesite .notinhome{
  display:block;
}
div#topinfo{
  width:100%;
  display:table;
}
div#topinfo div.moduletable {
float:right;
margin-top:10px;
margin-bottom:25px;
}
div.footer_container ul.menu{
  display:table;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
}
div.footer_container ul.menu li{
  list-style-type:none;
  margin-left:0px;
  padding-right:10px;
  margin-right:10px;
  margin-bottom:0px;
  float:left;

}
div.footer_container{
  text-align:center;
}
.click  p,
.click a,
.copyright p{
  color:#9e9792;
  font-size: 11px;
}
div.footer_container ul.menu li:last-child{
  border-right:none;
}
div.footer_container ul.menu li span.separator,
div.footer_container ul.menu li a{
  color:#6b6b6b;
  font-size:12px;
}
div.footer_container ul.menu li.current a,
div.footer_container ul.menu li a:hover{
  color:#607c91;
  background-color:transparent;
}
div#subfooterright div.moduletable{
  float:right;
  margin-left:10px;
}
div#subfooterright div.moduletable div.social{
 
}
div#subfooterright div.moduletable img{
  margin-left:8px;
}
div.cloudy img{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  display:block;
  margin-top:-30px;
  margin-bottom:20px;
  position:relative;
  z-index:999999;
}
div.item-page{
  position:relative;
}
div.form_qlogginpopup div.title{
  font-weight:700;
  font-size:14px;
  margin-top:5px;
}
div.form_qlogginpopup label,
div.form_qlogginpopup label{
  font-weight:300;
}
div.form_qlogginpopup input{
  border:1px solid #ccc;
}
div.form_qlogginpopup ul.fx{
  margin-top:20px;
  margin-left:10px;
}
div.form_qlogginpopup ul.fx li{
  margin-left:0px;
  margin-top:2px;
  list-style-type:disc;
  color:#00A9A2;
  font-size:11px;
}
div.form_qlogginpopup ul.fx li a{
  color:#FF7800;
  font-size:11px;
}
.form_qlogginpopup form input.bt{
  background-image:none;
  background-color:#FF7800;
  color:#ffffff;
  padding-bottom:3px;
  padding-top:3px;
  height:24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form_qlogginpopup form input.bt:hover{
   background-color:#009F98;
}
.form_qlogginpopup form div.ip{
  margin-top:20px;
}
div#searchquery div.b,
div#searchquery div.q{
  width:200px;
  margin-right:20px;
  float:left;
}
div#searchquery div.m{
  width:90%;
  margin-top:20px;
}
div#searchquery div.searchcontainer{
  padding:0px;
}
div#searchquery div.searchcontainer input{
  border:1px solid #ccc;
  background-color:#f9f9f9;
  padding:3px;
}
div#searchquery button{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#00A9A2;
  border:1px solid #00A9A2;
  color:#ffffff;
  padding-bottom:3px;
  padding-top:3px;
  padding-left:10px;
  padding-right:10px;
}
div#searchquery button:hover{
  background-color:#009F98;
}   
div.login div.login-fields {
  margin-bottom:5px;
}
div.login label{
  width:200px;
}
div.remind dd, 
div.remind dt,
div.reset dd,
div.reset dt{
  width:200px;
  float:left;
  margin-right:20px;
} 

div.login input,
div.registration  input,
div.remind dd input,
div.reset dd input{
  border:1px solid #ccc;
  background-color:#f9f9f9;
}  
div.logout button,
div.login button,
div.registration button,
div.remind button,
div.reset button{
  background-color:#FF7800;
  color:#ffffff;
  border:1px solid #FF7800;
  padding: 3px 10px;
   -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div.login button {
  margin-bottom:20px;
}
div.registration legend{
  border-bottom:0px;
}

div.news div.item{
  width:100%;
  display:table;
  margin-bottom:30px;
  border-bottom:1px solid #424242;
  padding-bottom:30px;
  position:relative;
}
div.news div.item p.readmore{
  position:absolute;
  right:10px;
  bottom:10px; 
}
div.news div.img-intro-left{
   float:left;
   margin-right:10px;
 
}
div.news div.img-intro-left img{
  box-shadow: 0px 0px 4px #dedede;
}

div#home6 div.supports ul li a {
  color:#c38534;
}




div.clear{
  clear:both;
  width:100%;
}
div#lcol div.moduletable{
  
}
div#lcol div.moduletable h3{
  color:#5a5a5a;
  font-size:24px;
  border-bottom:1px solid #5a5a5a;
 
}
div.top div.breadcrumbs {
  border-bottom:1px solid #5f5f5f;
  padding-bottom:12px;
  width:70%;
}
div.top a {
  font-size:18px;
  color:#ff7800;
}
div.map{
  width:100%!important;
}
div.blog {
  display:table;
  width:100%;
}
div.blog  div.item{
  width:100%;
  margin-bottom:20px;
}

div.catalog-categories-menu li a:link,
div.catalog-categories-menu li a:visited,
div.catalog-categories-menu li a:active{
   padding-left:17px;
   padding-right:17px;
}
div.catalog-categories-menu li.az a{
    padding-left:12px;
    padding-right:13px;
}
div.hornav2{
  display:none;
}
div#slideshow div#slideshowWindow {
  width:680px!important;
}

.mobport_menu, .mobport {
    display:none;
}

/***      HOMEPAGE FLEXGALLERY    ***/
.homepage_container{
  background-color:#f4eeec;
  padding-top:50px;
  padding-bottom:50px;
}
#homepage_image{
  
}
#homepage_image .item{
  margin: 7px;

}

.homepage_container h1{
  text-align:center!important;
  font-size:24px!important;
  color:#494949!important;
  font-weight: 500!important;
}
#homepage_image .item img{
  display: block;
  width: 100%;
  height: auto;
    margin-bottom:25px;
}
.morelink{
  width:100%;
  text-align:center;
}
.morelink a{
   color:#494949;
   font-size:12px;
   text-decoration:underline;
   font-weight:300;
}
.homepage_image {
 position:relative;
 padding-left:50px;
 padding-right:50px;
}

.homepage_image  .owl-buttons{
  position:absolute;
  width:100%;
  top:46%;
}
.flexgallery .categories_container .title {
  text-align:center;
  margin-top:20px;
}
.flexgallery .modal{
  overflow: hidden;
}
.flexgallery .categories_container .title  a{
   font-size:18px;
   font-weight:300;
} 

.flexgallery .category_list_item:hover .title a{
  color:#373737;
}
.flexgallery .excibitions .image_list_item{
   margin-bottom:30px;
}
.flexgallery .description{
  margin-top:20px;
  margin-bottom:20px;
}

/***  Publications ***/
.blog.publications .items-row .span6 {
    width:100%;
    display:table;
    position:relative;
    margin-bottom:15px;
    border-bottom:1px solid #c5c5c5;
    padding-bottom:15px;
   
}
.blog.publications h2{
   margin-bottom:30px;
    text-align:center;
}

.blog.publications .items-row .span6 .item-image{
  width:23%; 
  position:relative;
}
.blog.publications .items-row .span6 .item-image img{
  width:100%;
   cursor:pointer;
}
.blog.publications .items-row .span6  .page-header{
   position:absolute;
   left:25%;
   width:75%;
}
.blog.publications .items-row .span6  .page-header h2{
  text-align:left!important;
  font-weight:300;
  line-height:125%;
  margin-bottom:0px;
  cursor:pointer;
}
.blog.publications .items-row .span6 .intro{
  position:absolute;
   left:25%;
   top:25%;
   width:75%;
   text-align:left!important;
  
}
.category_list .category_list_item{
  margin-bottom:30px;
}
.flexgallery .description p{
 
  margin-bottom:5px;
}
.blog.publications .items-row .span6 .column-2 .intro,
.blog.publications .items-row .span6 .column-2 .page-header {
   left:auto;
   right:25%;
   text-align:right!important;
}
.blog.publications .items-row .span6 .column-2 .page-header h2{
   text-align:right!important;
}
.blog.publications .items-row .span6 .column-2 .item-image{
   float:right!important;
}
.slideshow_images .image_list_item{
  text-align:center; 
  font-size:16px;
}
.slideshow_images .image_list_item img{
  margin-bottom:10px;
}
.item-page.philos img,
.item-page.bio img{
  width:100%;
}
.item-page.bio {
   
}
.item-page.philos {

}
.item-page.contactpage p a,
.item-page.contactpage p{
   font-size:18px;
   font-weight:100;
   text-align:center;
}
.alert {
  text-align:center;
  border:2px dashed #bababa;
}
#osmap ul.level_0{
  margin-bottom:30px;
}
#osmap ul.level_0 li{
  list-style-type:none;
  margin-left:0px;
}
#osmap ul.level_1{
  display:none;
}
.flexgallery .category_list_item img{
   max-width:100%;
}
.glyphicon{
  font-size:24px;
}
 
.logosm{
  position:absolute;
  top:4px;
  left:50%;
  margin-left:-175px!important;
  
}
.header_container .logobig{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.headersmall .logobig{
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.header_container .logosm{
   
    filter:alpha(opacity=00);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.headersmall  .logosm{
   filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#facebook {
  position:absolute;
  right:0px;
  top:30px;
  z-index:9999;
  -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
#facebook:hover{
 -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1); 
}
.itemid-265 .flexgallery .notinhome{
  display:none;
}
#recaptcha_area{text-align:center; margin-bottom:20px;}
#recaptcha_table{display:inline-block;}
.desc{text-align:center;}
