@font-face {
    font-family: 'vollkornblack';
    src: url('../fonts/vollkorn-black-webfont.eot');
    src: url('../fonts/vollkorn-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-black-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornbold';
    src: url('../fonts/vollkorn-bold-webfont.eot');
    src: url('../fonts/vollkorn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-bold-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornregular';
    src: url('../fonts/vollkorn-regular-webfont.eot');
    src: url('../fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-regular-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornsemibold';
    src: url('../fonts/vollkorn-semibold-webfont.eot');
    src: url('../fonts/vollkorn-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vollkorn-semibold-webfont.woff2') format('woff2'),
         url('../fonts/vollkorn-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body { 
	font-family: 'Noto Sans', sans-serif; 
	color: #525355; 
	font-size: 13px; 
	line-height: 22px; 
	font-weight:400; 
	margin:0; 
	padding: 0;
}


a { text-decoration: none; }
.clr { clear: both; height: 1px; width: 100%;}

.content-wrapper { width: 94%; max-width: 1100px; margin: auto }
.inner-wrapper { display: inline-block; width: 100% }


#top-line { height: 40px; background: #720005; border-bottom: solid 6px #ab7e53; }
#top-line, #top-line a { color: #fff; font-size: 13px; }
#top-left { float: left; }
#top-left a { margin-left: 12px; position: relative; top: 7px; }
#top-right, #top-right .custom div { float: right; }
#top-right .custom div { margin-left: 15px; margin-top: 7px; }
#top-right .moduletable img { margin-right: 6px; position: relative; top: 3px; }


header { background: #DE9A22; position: relative; z-index: 300 }
#header-line { position: relative; z-index: 200; width: 100% }
#header-line img {width: 100%;}

#main-menu { float: right; margin: 15px 60px 30px 0; }
#main-menu ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
#main-menu ul li { float:left; padding:0 14px; position: relative; border-right: solid 1px #facf69; }
#main-menu ul li:last-child { border-right: none }
#main-menu ul li a { font-weight: 600; color: #220C0C; text-transform: uppercase; text-decoration: none; font-size: 14px; padding: 14px 0; }
#main-menu ul li a:hover, #main-menu ul li a:focus, #main-menu ul li.active a { color: #fff; text-decoration: none; outline: none }


#main-menu ul ul.nav-child { display: none; padding: 0; position: absolute; left:14px; top: 30px; z-index: 200; margin-top:0; width: 220px; background: #220C0C; padding: 12px 0; }
#main-menu .nav li:hover > ul { display: block; }
#main-menu ul ul.nav-child li { float: none; padding: 5px 15px; border-right: none !important  }
#main-menu ul ul.nav-child li a  { color: #DE9A22 !important; }	
#main-menu ul ul.nav-child li a:hover, #main-menu ul li.active ul.nav-child a { color: #fff !important; }


#mobile-menu {display: none; position: absolute; width: 100%; z-index: 300; top: 125px; left: 0; }
#mobile-btn { display:none; padding:0 !important; position: absolute; top: 95px; right: 20px; cursor: pointer; font-size: 28px; color: #220C0C;}

.accordeonck ul li a { font-weight: 600; color: #220C0C !important; font-size: 16px; }
.accordeonck ul li a:hover, .accordeonck ul li.active a { color: #fff!important; }
ul#accordeonck91 li ul li { list-style-type: none !important; }

#logo {display: inline-block; margin-bottom: 15px;}
#logo-img {float: left; margin-top: -7px;}
#logo-text { float: left; margin-left: 14px; padding-left: 14px; font-size: 25px; line-height: 30px; letter-spacing: 0.075em; font-weight: 700; border-left: solid 1px #facf69; }
#logo-text-top { color: #A84B0C; text-shadow: 0px 0 #facf69, 0 1px #facf69, 1px 0 #facf69, 0 -1px #facf69; }
#logo-text-middle { color: #220C0C; text-shadow: 0px 0 #facf69, 0 1px #facf69, 1px 0 #facf69, 0 -1px #facf69; }
#logo-text-bottom { color: #220C0C; font-size: 12px; font-weight: 400; letter-spacing: 0; }

#banner { border-bottom: solid 4px rgba(162,130,102,0.5); margin-bottom: 10px; margin-top: -69px;}
.slideshowck {margin-bottom:0 !important;}
.camera_caption > div { background: transparent !important; padding: 30px 55px !important;}
.camera_caption_title { font-size: 18px; font-family: 'Vollkorn', serif; text-align: right }
.camera_pag {position: absolute; bottom: 20px; width: 100%; text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul {display:inline-block}
.camera_wrap .camera_pag .camera_pag_ul li { background: none !important; border: dotted 1.2px #fff; margin: 0 3px !important;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #800706 !important; }
.camera_wrap .camera_pag .camera_pag_ul li > span {width: 10px !important; height: 10px !important; left: 3px !important; top:3px !important;}

#breadcrumbs { padding: 20px 0 0; margin-bottom: 35px; }
#breadcrumbs ul { list-style: none; margin: 0; padding: 0 }
#breadcrumbs ul li { float: left; }
#breadcrumbs a { color: #720005}

#main { padding-bottom: 80px;}
.homepage #main { display: none; }

#intro { width: 33.33333%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #DE9A22; padding: 30px 45px 30px 55px; border-left: solid 2px #800706; margin-top: 50px; }
.intro-heading { color: #800706; font-size: 24px; font-weight: 600; }
#intro p { color: #000; text-align: justify; font-family: 'Noto Sans', sans-serif; }

#news { width: 66.66666%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; margin-top: 70px; }
#news h3 { color: #ACA39F; font-size: 24px; font-weight: 600; position: relative; padding-left: 40px; margin:0 0 0 20px; }
#news h3:before { content:''; width:27px; height: 27px; background: url(../../../images/cross-icon.png) no-repeat; position: absolute; left: 0; top: -3px; }
ul.smartlatest { list-style: none; margin:0; padding: 0 }
ul.smartlatest li { float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px; margin-top: 27px;}
.smartlatest-title a { font-size: 15px; color: #220C0C; padding-bottom: 16px; border-bottom: dashed 1px #800706; display: block; min-height: 46px; }
.smartlatest-introtext {margin-top: 2px; border-top: solid 2px #800706; padding: 15px 0 0 25px; font-family: 'Noto Sans', sans-serif; text-align: justify; }
.smartlatest-readmore a, .readmore {color: #525355; font-size: 20px;}
.smartlatest-readmore a:hover, .readmore:hover {color: #ccc}
.smartlatest-readmore a {margin-left: 27px;}



#speaches { padding: 80px 0 50px; }
#speaches h3 { text-align: center; color:#ACA39F; font-size: 24px; font-weight: 600; margin: 0 0 45px 0; padding-bottom: 50px; position:relative; }
#speaches h3:after {content:''; position: absolute; width: 100%; height:26px; left:0; bottom: 0; background: url(../../../images/separator.png) no-repeat; background-size: 100%; background-position: center center; }
.speaches-block { width: 33.33333%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 1px; position: relative; cursor: pointer; line-height: 0; }
.speaches-block h4 { position: absolute; top:32%; right: 0; left:0; color: #fff; font-size: 23px; text-shadow: 0px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -1px #000000; z-index: 300; text-align: center; line-height: 26px; }
.speaches-block img { max-width: 100%;}
.hover-effect { display: none; background: rgba(128,7,6,0.75); position: absolute; top:0; bottom:0; right:0; left:0; z-index:100 }
.hover-effect-inner {background: rgba(34,12,12,0.69); top: 30px; bottom: 30px; right:30px; left: 30px; border: dashed 2px #83615e; position: absolute; }
.speaches-block:hover > .hover-effect { display: block; }
.speaches-block a{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:400}

footer { padding-top: 2px; border-top: solid 2px #3C090B; }
footer .content-wrapper { max-width: 710px; margin: auto; }
footer, footer a { color: #fff; font-size: 11px; line-height: 18px; font-family: 'Noto Sans', sans-serif; }
.footer-clmn { float: left; }
#footer-1, #footer-2 { width: 31.8%;}
#footer-3 { width: 36.2%; margin-top: 12px; }
#footer-top { background: #3C090B; padding: 25px 0; }
#footer-bottom { background: #351113; font-size: 10px; line-height: 14px; }
#footer-heading { font-size: 16px; color: #fff; position: relative; padding-left: 50px; line-height: 27px; padding-bottom: 12px; border-bottom: dotted 1px #fff; margin-bottom: 20px; }
#footer-heading:before { content:''; width:27px; height: 27px; background: url(../../../images/cross-icon.png) no-repeat; position: absolute; left: 0; top: -3px; }

#footer-3 a {display: block; float: left; width: 46px; height: 46px; border: dotted 2px #fff; border-radius: 10px; line-height: 50px; text-align: center; margin-left: 14px;}
#footer-3 a img { margin-top: 13px; }
#copyright { text-align: center;     padding: 8px 0;}


@media(max-width: 980px){
  #intro, #news { float: none; width: 100%; }
}

@media(max-width: 880px){
  .speaches-block { width: 100%; max-width: 366px; float: none; padding: 0 0 2px; margin: auto;}
}

@media(max-width: 768px){
  #main-menu {display: none; }
  #mobile-btn {display: block; }
  #logo { padding: 20px 0; }
  #logo-text { margin-top: 16px; font-size: 20px; line-height: 24px; }
  .footer-clmn { width: 100% !important; float: none !important; }
  #footer-1, #footer-2 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: dotted 1px #bf565a; }
}

@media(max-width: 680px){
  #top-line { height: auto;}
	#top-left, #top-right, #top-right .custom div  { float: none; width: 100%; }
    #top-right .custom div { margin-left: 0; }
  #top-right {padding-bottom: 10px;}
  #logo {display: block;}
  #logo-text, #logo-img { float: none; width: 100%; text-align:center; border-left: none; }
  #logo-text {border-left: none; margin-left:0; padding-left:0}
  ul.smartlatest li { float: none; width: 100%; }
}