/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#menu-button, #menu-button.click{display:none; width:18px; height:18px; position:absolute; top:10px; left:0px; background:url(../images/menu.png) top left no-repeat; padding-left:22px; cursor:pointer; color:#bcac9e; font-size:12px;}
#menu-button:hover, #menu-button.click{background-position:bottom left; color:#bcac9e;}

#menu{background-color:#E2E2E2; }
#menu li a { padding: 10px;  display: block;    text-decoration: none;}
#main {width:100%;  background: #fff; z-index: 5;  position: relative;  overflow:auto; overflow-x:hidden;
    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
#menu {float:left; width: 200px;   height: 100%; position: fixed; overflow:auto ; z-index:4; display:none;}
#menu li { background:#DEE2D6;border-bottom: 1px solid #A4AD8A; color: #5B6D31;  text-align:center; margin-bottom:0px;}
#menu li a:hover {background-color:#5B6D31; color: #ffffff;}
#menu li .current{color:#ffffff; border-bottom: 1px solid #4F0233; background-color:#5B6D31;}

	
#header{}
#logo{ background:url(../images/logo.png); width:399px; height:72px; background-size:100% 100%; margin:18px 0px 18px 0; display:inline-block; vertical-align:middle;}
#logo a{display:block; height:72px;}
#logo-text{display:inline-block; margin-right:15px;  font-size:19px; vertical-align:bottom; line-height:1.3em; margin-bottom:20px; color:#5B6D31;}

.menu_strip{border-top:2px solid #E9EAEB;}
#navigation {z-index:999;   line-height: 1em;}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline-block;  font-size:13px;}
#navigation ul li{float:left; position:relative;line-height:39px; color:rgba(91, 96, 104, 0.5);padding:0px 15px;}
#navigation>ul>li:after{content:''; color:rgba(91, 96, 104,0.5);  border-right:2px solid #E9EAEB; position: absolute; height: 100%; left: 0px; top:0px;} 
#navigation>ul>li:first-child:after{display:none;}
#navigation>ul>li:last-child{padding-right:0px;}
#nav{}
#navigation ul li.submenu{padding-right:30px;}
#navigation ul li.submenu:before{content:'\f107'; font-family: FontAwesome; position: absolute; top:0px; right: 0px; width:15px; height: 100%;}

#navigation ul li a { 
	display: inline-block;
	color:rgba(91, 96, 104, 1);
	text-decoration: none;
	font-size: 16px;
	
	
}
#navigation ul ul li.submenu{
	background-color:#E9EAEB;
}

#navigation ul ul li{
	padding:0px 0px;
	
}

#navigation ul li a:hover,#navigation ul li.current a{
	color:#5B6D31;
}


#navigation ul ul, #navigation ul ul ul{
	opacity: 0; 
	margin: -2px 0 0 0px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	z-index: 999;
	background-color:#ffffff;
}
#navigation ul ul li, #navigation ul ul ul li{
	margin:0px;
	}


#navigation ul ul li a,  #navigation ul ul ul li a  {
	color:#5B6D31;
	padding:0px 10px;
	display: block;
	width: 270px;
	font-size: 14px;
	border-bottom: 1px solid #5B6D31;
	border-top: 2px solid transparent;
	background-color:#E9EAEB;
}

#navigation ul ul li a:hover, #navigation ul ul ul li a:hover{
	border-bottom: 1px solid #5B6D31;
	color:#5B6D31;
	background-color:#fff;
}


#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; right:0;}
#navigation ul ul li:hover>ul{ top:99%; opacity: 1; z-index:497;  position:absolute; top:0%; right:0px; transform:translateX(calc(-100% + 5px));}
#navigation li.arr:before{color:#5B6D31; content:"\f104"; position:absolute; top:50%; transform:translateY(-50%); left:10px;     font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}


.backLava{border-bottom:2px solid #830B2C; height:26px;}

#language{display:block; clear:both;  margin-bottom:0px; color:rgba(91,109,49,0.6)}
#language ul li{display:inline-block; margin-bottom:0px; margin-left:0px; vertical-align:middle;}
#language ul li:first-child{font-size:0.8em;}
#language ul li:first-child,#language ul li:nth-child(2){margin-left:10px;}
#language ul{margin-bottom:34px; }
#language .fa{ width:20px; height:24px; line-height:24px; overflow:hidden; text-align:center; font-size:15px;}
#language .fa-img{height:24px; text-align:center; border-color:#0071B2;vertical-align:middle;}
#language .fa-img img{vertical-align:middle; margin:1px 0px 2px 0px;}
#language a{text-decoration:none;  transition: all 0.5s ease; display:block;}
#language a span{color:rgba(91,109,49,0.6);}
#language a:hover span{color:rgba(91,109,49,1)}
#language a:hover .fa{}

.search{position:relative;}
.search input{color:rgba(91,109,49,1);background-color:#ffffff; height:26px; line-height:26px; width:80px;  padding:0px; padding-right:30px; padding-left:5px; transition: all 0.5s ease; margin-bottom:0px; margin-right:5px; border:2px solid #E9EAEB;}
.search input:focus{width:120px;}
.search a:after{ position:absolute; right:10px;     text-align: center; font-size:13px; height:18px; line-height:18px; top:4px;  width:18px; border-left:2px solid #E9EAEB; content: "\f002";font-family: 'FontAwesome';}
#top-links{top:10px;right:0px; position:absolute; }

#banner{height:412px; overflow:hidden;position:relative; border-bottom:4px solid #5B6068;}
.featured_con{ height:412px; width:1920px; position:relative; z-index:0; top:0px; left:50%; margin-left:-960px; background:#ffffff; }
.featured{ height:100%; width:100%; float:right; position:absolute; display:none;}
.featured_image{height:100%; overflow:hidden; left:0px; top:0px; border:0px;}
.featured_image img{position:absolute; bottom:0px; z-index:1;}
		
.featured_textbox{position:relative; top:230px; z-index:2;  left:10px; max-height:180px; background-color:rgba(255,255,255,0.8); padding:10px;}
.featured_textbox h2,.featured_textbox span{ display:block; line-height:1.4em; font-size:1.8em;color:#5B6D31; margin-bottom:0px;   }
.featured_textbox span{font-size:14px;  margin-top:10px; height:4em; overflow:hidden;}
.featured_textbox .featured_textbox_title{font-size:1.2em; background-color:#5B6D31; color:#5B6D31; position:absolute; top:0px; left:33px; transform: translateY(-100%); padding:0px 10px; height:33px; box-sizing: border-box;}
.featured_textbox .featured_textbox_title:before{position:absolute; left:-33px; top:50%; height:33px; width:33px; line-height:33px; text-align:center; transform: translateY(-50%); font-family: 'Simple-Line-Icons'; content: "\e07a"; font-size:20px; background-color:#5B6D31; color:#5B6D31;}
.featured_textbox .button{margin:0px;}
.featured_pages{height:8px; float:right; width:600px; z-index:3; position:absolute; bottom:20px; right:10px; overflow:hidden; opacity:0.8; filter:alpha(opacity=80)}
.featured_pages a{width:20px; height:5px; background-color:#ffffff; display:block; float:right; margin-left:5px;}
.featured_pages a.current{background-color:#5B6068;}

.banner_boxes{position:absolute; bottom:24px;width:100%;}
.box{height:240px; background:#ffffff;-moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px; position:relative;}
.box a{}
.box h3{ background:url(../images/bg_head.png) no-repeat bottom; padding-bottom:20px; margin-bottom:0px; }
.box h3 a{display:block;font-size:18px; color:#D4145A; padding:0px 20px;}
.box p{line-height:1.5em;padding:0px 20px;}
.box a.btn{border:1px solid #000000; padding:0px 5px 0px 20px; float:left; background:url(../images/arr.png) no-repeat 5px center; }
.box a.btn:hover{background-color:#660825;}
.box ul {padding:0px 20px;}
.box ul li{ margin-bottom:0px; font-family: 'Cairo',Tahoma, Geneva, sans-serif;}
.box ul li a{display:block; padding:5px 0px; margin:1px 0px; border-bottom:1px solid #E6E6E6;}
.box ul li:hover{background:url(../images/arr.png) no-repeat 7px center #E6E6E6;}
.box ul li:last-child a{border-bottom:0px;}

.box_shad_top{background:url(../images/box_t.png) no-repeat center; position:absolute; top:-13px; width:100%; height:13px;}
.box_shad_bottom{background:url(../images/box_b.png) no-repeat center; position:absolute; bottom:-12px; width:100%; height:13px;}

.ad{padding:10px; background-color: #C5DB9C; border: 1px solid #BABEC6; margin-bottom: 20px;}
.ad h3{color:#5B6D31;}
.ad img{margin: 10px auto; position: relative; display: block}

a{text-decoration:none; color:#4D4D4D;}

.right{float:right!important;}
.left{float:left!important;}
.rtl{direction:rtl; text-align:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.dimmed{color:#999999;}



#body{padding-top:30px;  }
#body_bottom{padding-bottom:30px; }
#video{margin:30px 0px;}
.body2{margin-top:30px;position:relative;}

.icons{padding:0px; margin: 0px;}
.icons li{display: inline-block;  width: calc(50% - 20px); margin-bottom: 70px;text-align: center; font-size: 18px;}
.icons li:nth-child(2n){margin-left: 20px;}
.icons li span{display: block; padding:10px 0px 15px 0px; position: relative;}
.icons li span:after, .icons li span:before{content:''; height: 2px; border-radius: 1px; background-color:#5B6D31;  bottom: 0px; left: 50%; transform: translateX(-50%); display: inline-block; position: absolute;}
.icons li span:after{width: 50%; left: calc(50% + 4px);}
.icons li span:before{width: 4px; left: 25%;}





.article{  position:relative; border: 1px solid #BABEC6; margin-bottom:20px;}
.article a{display:block;}
.article_img{line-height: 0;}
.article img{max-width:100%; width:100%;}
.article_txt{     display:block; vertical-align:middle;  padding:15px;}
.article_txt h3{text-align: right;}
.article_txt h4{ height:75px;overflow:hidden; line-height:25px;  color:#000000;}
.article_txt h4 span{color:#5B6D31;}
.article_txt h4.no-after{ height:auto;}
.article_txt h4.no-after:after{ display:none;}
.article_txt p{ height:64px; line-height:1.6em; overflow:hidden;}
.article_more{ padding-right:10px; display:inline-block; vertical-align:middle;}
.article_more span{ background:url(../images/arr_l.png) no-repeat; height:27px; width:16px; overflow:hidden; line-height:27px; display:inline-block;  font-size:12px; color:#830B2C;}
.article a:hover h4{color:#5B6D31}
.article a:hover .article_more span,.article_more:hover span{background-position:bottom;}


.article.video {position:relative; padding-bottom:0px;}
.article.video .article_pad{padding: 15px;}
.article.video .article_more{margin-bottom:0px; position:relative; z-index:1; height:auto; }
.article.video .article_more span{display:block;   overflow:hidden; width:100%;background:none;}
.article.video .video_icon {
	font: normal normal normal 14px/1 FontAwesome;
	font-size:18px;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	left:10px;
	background-color:rgba(91,109,49,0.8);
	/*border-radius:50%;*/
	color:#ffffff;
	}
.article.video .video_icon:before {
	content: "\f16a";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
	}

.article.video .article_txt h4{height: 52px;}
.article.video.featured_video .article_txt{position: absolute; bottom:20px; left: 20px; background-color: rgba(255,255,255,0.5); border: 1px solid #BABEC6; width: calc(100% - 40px); box-sizing: border-box;}
.article.video.featured_video .article_txt h4{height: 30px; margin-bottom: 10px;}
.article.video.featured_video .article_txt p{height: 42px;}


.article.spec .article_txt p{ height:42px;}
.article.spec { padding-bottom:12px;}
.article.spec:after{content:'\f100'; position: absolute; bottom:5px; left:5px; font-size:24px; font-family: 'FontAwesome'; color:#5B6D31;}
.article.spec .article_more{background:url(../images/btn_l2.png) no-repeat;}
.article.spec .article_more span{background:url(../images/btn_r2.png) no-repeat right; color:#ffffff;}


.map-info{position: relative;}
.map-search{position: absolute; top:20px; left:0px;}
.map-search .search input{text-align: right; width:180px;}
.map-search .search input:focus{border-color:#5B6D31;}
.map-more{position: absolute; bottom:20px; left:0px;}


h3,
h2,
.more_full{position: relative; 	  padding: 0px 0px 10px 2px; text-align: left; box-sizing: border-box; margin-bottom:10px; display: block;}

h2{display: inline-block}

h3 span,
h2 span,
.more_full span{word-break: keep-all; display: inline-block; background-color: #ffffff;}



h3 span:after,
h3 span:before,
h2 span:after,
h2 span:before,
.more_full span{content:''; height: 2px; border-radius: 1px; background-color:#5B6D31;  bottom:5px; left: 0;  display: inline-block; position: absolute;}

h3 span:after,
h2 span:after,
.more_full span:after{width: calc(100% - 4px); left: 6px;z-index: -1; }

h3 span:before,
h2 span:before,
.more_full span:before{width: 4px; left: 0px;}

h2 span{ background-color: transparent; position: sticky;}
h2 span:after,
h2 span:before{bottom:-5px;}



#calendar_con{}

.calendar_event h3 span{display: inline-block; padding: 0px 10px;}
.calendar_event h3 span:after, .calendar_event h3 span:before{top: calc(50% + 0px); bottom: auto;}



#newsletter{}
#newsletter ul{}
#newsletter li{  position:relative;}
#newsletter li input[type="text"]{width:100%; max-width:290px;}

.music{ position:relative; margin-top:10px; }
.music_item{min-height:60px; margin-bottom:20px; position:relative; z-index:1; border:1px solid #ffffff;  -moz-border-radius-bottomleft: 20px;border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.music_title{font-size:13px; height:22px; line-height:20px; overflow:hidden; position:absolute; top:10px;   right:65px; width:75%;}
.music_img{height:34px; overflow:hidden;}
.music_play{height:30px; overflow:hidden;}
.music_player audio{width:100%; position:relative; margin-top:5px;}

.music ul{margin-top:10px;}
.music ul li{border-bottom:1px solid #808080; margin-bottom:0px;height:18px;  padding:10px 0px;}
.music ul li a{color:#808080; display:block; background:url(../images/arr_foot.png) no-repeat 10px top; overflow:hidden;}
.music ul li:hover{border-bottom:1px solid #ffffff; }
.music ul li:hover a{color:#ffffff;background-position:10px bottom;}

a.more{display:inline-block; margin:0px auto 20px 0px;}
a.more div{  vertical-align:middle; }
a.more span{  background:url(../images/arr_l.png) no-repeat top left; height:27px; padding-left:20px; line-height:27px; display:inline-block;  font-size:14px; font-family: "HelveticaNeueLTW20-Roma",Tahoma, Geneva, sans-serif;}
a.more:hover span{background-position:bottom left;}

.disabled{background-position:bottom left;}

.contact{}
.icns-social{width:20px; height:20px; background:url(../images/icons_social.png) no-repeat; display:inline-block; margin-right:5px; vertical-align:middle;}
.icn-fb{ background-position:0px 0px; }
.icn-t{ background-position:-20px 0px; }
.icn-yt{ background-position:-40px 0px; }
a:hover .icn-fb{ background-position:0px -20px; }
a:hover .icn-t{ background-position:-20px -20px; }
a:hover .icn-yt{ background-position:-40px -20px; }
.contact ul{}
.contact ul li{border-bottom:1px solid #830B2C; color:#830B2C; line-height:30px; height:30px; margin-bottom:7px;   padding-bottom:7px;}
.contact ul li a{color:#830B2C;}
.contact ul li:last-child{border:0px; }
.contact_form{ }
.contact_form input{margin-bottom:10px;}
.contact_button_con{display:inline-block;  margin-top:10px; margin-right:auto; margin-left:0px; position:relative;}
.contact_button{background:url(../images/btn_l3.png) no-repeat; padding-left:22px; height:34px; margin-bottom:20px;}
.contact_button span{background:url(../images/btn_r3.png) no-repeat right; height:34px; line-height:40px; display:inline-block; padding-right:10px; font-size:12px; color:#ffffff;}

#findus{}
#findus ul{float:left;}
#findus ul li{float:right;}
#findus .btn{width:26px; height:26px;margin-right:5px; }
#findus .btn.btn_yt{background:url(../images/btn_yt.png) no-repeat center center;border:1px solid #D20000;}
#findus .btn.btn_f{background:url(../images/btn_f.png) no-repeat center center;border:1px solid #004BB6;}
#findus .btn.btn_t{background:url(../images/btn_t.png) no-repeat center center;border:1px solid #29A7DE;}
#findus .btn.btn_yt:hover{background-color:#D20000;}
#findus .btn.btn_f:hover{background-color:#004BB6;}
#findus .btn.btn_t:hover{background-color:#29A7DE;}

#footer{}
#footer .color1{background-color:#830B2C; padding:5px 10px; }
#footer .color2{background-color:#D75237; padding:5px 10px;}
.footer_up{padding:20px 0px 20px 0px; min-height:400px; }
.footer_down{background-color:#5B6D31; color:#ffffff; padding:10px 0px;}
.footer_middle{background-color:#DEE2D6; color:#5B6D31; padding:20px 0px;}
.footer_middle a{}
.footer_middle a:hover{color:#5B6D31;}

.sitemap{}
.sitemap ul{width:31%; padding:10px 0 0px 2%; float:left; font-size:12px;}
.sitemap ul li{  margin-bottom:5px;}
.sitemap ul li a{color:#ffffff; display:block;}
.sitemap ul li a:hover{color:#830B2C;}
.sitemap ul li:first-child{font-weight:bold; font-size:15px;}

.footer_logo{float:left; padding-top:15px;}
.footer_logo a{width:60px; height:50px; display:block; background:url(../images/logo_footer.png) right center no-repeat;}
.footer_credit{font-size:12px; color:#ffffff;}
.footer_leadnet{ margin-top:7px; text-align: right;}
.footer_leadnet a{width:67px; height:15px; display:inline-block; background:url(../images/leadnet.png) no-repeat;}



table.guided{}
table.guided td{border:1px solid #D9D3CE; border-top:0px; border-left:0px; padding:5px;}
table.guided tr td:first-child{border-right:0px;}
table.guided tr:last-child td{border-bottom:0px;}
table.guided span{color:#5B6D31;}

.notification{padding:10px;margin:20px 0px;border-radius:5px;}
.notification.error {
    background-color:#ffecec;
    border:1px solid #f5aca6;
}
.notification.success {
    background-color:#e9ffd9;
    border:1px solid #a6ca8a;
}


/* #Page Styles
================================================== */

.inner_pass{ border-top:4px solid #E9EAEB;}

.bread_crumb{padding:10px 0px 0px 0px;}
.bread_crumb li {list-style:none; padding:0; margin:0; display:inline-block;  font-size:0.8em;}
.bread_crumb li a{color:rgba(91,109,49,0.5);}
.bread_crumb li a:hover{color:rgba(91,109,49,1);}
.bread_crumb li:after{content:'—'; color:rgba(91,109,49,0.5); padding:0px 7px;} 
.bread_crumb li:last-child a{color:rgba(91,109,49,1); pointer-events: none;}
.bread_crumb li:last-child:after{display:none;}

.inner{}
.inner .video{margin-bottom:30px;}
.inner .article{margin-bottom:30px; display:block;}
.inner .article .article_more{height:20px;}
.inner .article .article_txt{height: 4.5em; overflow: hidden;}

.inner .article.article_btn{margin-bottom:20px;}
.inner .article.article_btn .article_txt{background: rgb(240,240,240);background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 68%); transition: all 0.5s ease; font-size:1.2em;    height: 6.5em;    display: table;    width: 100%;    box-sizing: border-box; border-bottom:1px solid #5B6D31;}
.inner .article.article_btn .article_txt span{display:table-cell; vertical-align:middle; text-align:center;}
.inner .article.article_btn:hover .article_txt{background:#5B6D31; color:#fff;}

.inner .article.article_btn.article_link .article_txt span{ }
.inner .article.article_btn.article_link .article_txt{height:auto;}

@media only screen and (max-width: 767px) {
.inner .article.article_btn{margin-bottom:0px;}
}



.inner .article_inner p,.inner .article_inner img,.inner .article_inner ul{margin-bottom:15px; font-family: 'Palatino Sans W23'; font-size: 1.2em; -webkit-font-smoothing: antialiased;}
.inner .article_inner ul li{line-height:1.6em;}

.inner .body2{border-top:1px solid #E2E2E2; padding-top:20px;}
.inner #body_bottom{}
.article_inner{  width:90%;}
.article_inner ul{margin-right:20px; list-style:disc;}
.related{margin-bottom:30px;}
.related ul li{border-bottom:1px solid #e2e2e2; padding:5px 0px 7px 0px; margin-bottom:0px;}
.related ul li a{display:block;}
.gallery{margin-bottom:30px;}
.gallery a{width:70px; height:70px; padding:4px; margin-left:8px; margin-bottom:8px; display:inline-block; border:1px solid #e2e2e2; }
.gallery a img{width:100%; height:100%;}

#contact-form{width:100%;}
#contact-form input, #contact-form textarea{border:1px solid #BABEC6; padding:5px 2%; width:100%; box-sizing: border-box;}
#contact-form input:focus, #contact-form textarea:focus{border:1px solid #5B6D31;}
#contact-form .field{ margin-bottom:20px;}

.address{margin-bottom:30px;}
.contact-details{}
.contact-details i{float:left;     line-height: 2em;}
.contact-details p{margin: 0px 0px 0 25px;line-height: 2em; text-align: left;}
.contact-details img{width:275px; margin-bottom:10px;}

.findus{margin-bottom:30px;}
.inner #findus ul{float:left;}
.inner #findus .btn{margin-left:0px; margin-right:5px;}
.inner #findus .btn.btn_yt{background-color:#D20000;}
.inner #findus .btn.btn_f{background-color:#004BB6;}
.inner #findus .btn.btn_t{background-color:#29A7DE;}
.inner .map {margin-bottom:30px;}


/* ================ add ons ============= */






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 767px) {
	#main{left:0px!important;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 1366px) {
		#myCanvasContainer canvas{width:300px;}
		.article.video .article_txt h4{height: 47px; font-size: 1.2em; line-height: 23px;}
		.article.video .article_txt{padding:10px;}
}
	@media only screen and (min-width: 960px) and (max-width: 1366px) {
		
		.featured_textbox h2{font-size:1.5em;}
		#navigation ul li{padding:0px 10px;}
		
		.button, button, input[type="submit"], input[type="reset"], input[type="button"]{
			font-size: 15px; 
			padding: 0px 10px 0px 20px; }
		.button span:after{width:12px;}
		
	}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#language .fa{width:20px; height:20px; line-height:20px; font-size: 12px;}
		#language ul{margin-bottom: 10px;}
		#language .fa-img img{width:14px; height:16px;     margin: 0px 0px 2px 1px;}
	
		#navigation ul li a {padding:0px 5px 0px 5px; font-size:12px;}
		#navigation ul li{line-height:30px; padding: 0px 5px;}
		#logo{background-size:100% 100%; width:277px; height:50px;}
		#logo a{height:50px;}

		
		#banner{height:257px; overflow:hidden; position:relative; }
		.featured_con{ height:257px; width:1200px; margin-left:-600px; }
		.featured_image img{width:100%;}
		.featured_textbox{top:50px;}
		
		#myCanvasContainer canvas{width:250px;}
		.article.video .article_txt{padding:3px 10px;}
		
		.article.spec .article_txt{padding:8px 15px;}
		.map-info iframe{height: 440px;}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#menu,#menu-button,#menu-button.click{display:block;}
		#lang-button,#navigation,.menu_strip{display:none;}
		
		#top-links{top:-30px; right:0px; left:auto;}
		#language li{display:none!important;}
		#language li#donate,#language li#basket{display:inline-block!important; margin-left:10px;}
		#language .top_button{display:none;}
		#language {position:absolute; top:-10px; right:0px;}
		
		#logo{background-size:100% 100%; width:277px; height:50px;}
		#logo a{height:50px;}
		
		#header .container12 .column12{margin:0px;}
		
		.banner_boxes{bottom:7px;}
		.box ul, .box p, .box .btn,.box .article{display:none;}
		.box{height:auto; padding:0px; margin-bottom:10px!important;}
		.box h3{padding:5px; background:none;}
		
		#myCanvasContainer canvas{width:420px;}
		
		
		#banner{height:360px; overflow:hidden; background:#5B6D31; position:relative;  }
		.featured_con{ height:360px; width:1000px; margin-left:-500px; }
		.featured_image img{height:100%;}
		.featured_textbox h2{font-size:1.3em;}
		.featured_textbox span{display:none;}
		.featured_textbox p{font-size:30px;}
		.featured_textbox{position:absolute;     top: 220px;    width: 75%;}	
		.featured_con .container12 .column4{margin:0px;}
		

		.article_txt p{height:auto;}
		
		.sitemap ul{width:48%;}
		.footer_leadnet{margin:20px 0px;}
		#contact-form{width:100%;}
		#map{width:100%!important;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#logo{background-size:100% 100%; width:222px; height:40px; margin-left:auto; margin-right:auto; display: block;}
		#logo a{height:40px;}
		#myCanvasContainer canvas{width:320px;}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/