/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400; clear:both;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
* {box-sizing:border-box}

/** GLOBAL SETS **/
body {font-size:16px; color:#222; font-family: Arial, "Sans Serif"; padding-top:113px;}
body {margin:0;  text-align:center; background-attachment:fixed !important;}
a{ transition: all 0.5s ease}
a {color:#f15a29; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:hover img, a:focus  img{filter: alpha(opacity=80); opacity:0.8; }
p {line-height:1.8em; margin:10px 0px;}
h1 {font-size:2.8em; color:#f15a29; clear:both; padding:12px 0px 0 0; font-weight:normal;}
h2  {font-size:2em; background:#eeeeee; color:#666; padding:10px 20px ; margin:20px 0 ; font-weight:normal;}
h2>a {  font-size:1.2em; }
h2 img, h3 img { vertical-align:middle; float:right}
h3 {font-size:1.5em; color:#f15a29; margin:10px 0; font-weight:normal; }
h4 {font-size:1.3em; font-weight:bold; color:#333;}
h6 {font-size:1.3em; color:#333; clear:both; background:#ddd url(../icons/open.png) no-repeat  center right; padding:10px 15px; margin-bottom:1px;  transition: all 0.5s ease; border-right:10px solid transparent; }
h6:hover { background-color:#999; color:#fff;  cursor:pointer;}
h6.faqOpen { background-image:url(../icons/close.png)}
hr {display:none;}
.clear { clear: both; }
.hidden { display: none; }
blockquote { margin:20px 40px; color:#f15a29; font-family: Georgia;}
blockquote p { font-size: 1.2em; font-style: italic; line-height:1.2em; }
blockquote:before, blockquote:after {content: "\201C"; display: block;font-size:  6.0em;height: 1px; margin-left: -0.55em;position: relative; top:-20px}
blockquote:after {content: "\201D"; float: right;margin-left: auto;margin-right: -0.35em; position: relative; bottom:50px; top:auto;}
.button {background-color:#f15a29; padding: 10px 15px; color:#fff; white-space:nowrap; border:1px solid #fff;}
.button:hover { background-color:#26247b; text-decoration:none;}
.full-width{width: 100%}

/** LAYOUT **/
.row {display:table; width:100%;} 
.row>div{ display:table-cell; vertical-align:middle}
.wrapper {max-width:1240px; width:100%; margin:0 auto; text-align:left; position:relative;}
header {background-color:rgba(255, 255, 255, 0.95); position:fixed; width:100%; z-index:10; top:0; z-index:1000; transition: all 0.5s ease;}
header.small {box-shadow:0 0 10px #000;}
/* header.small #logo img {max-width:163px;} */
/* header.small #main-nav {margin-top:15px;} */
#tools {font-size:0.9em; background-color: #f15a29; color:#fff; width:100%; overflow: auto; padding: 3px;}
	#tools p {margin: 0;}
	#tools span, #tools a {color: #fff; padding: 0 3px;}
	#contact_info {float:left;}
	#language {float: right;}
		#language .active {border-bottom: 1px solid #fff;}
#logo{ text-align:left; width:25%; float:left; padding: 7px;}
	#logo img{ width:100%; max-width:224px; transition: all 0.5s ease;}
nav { float:right; margin-top:30px; width:75%; transition: all 0.5s ease;}
	nav * {font-family: Arial !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
	#main-menu {color: #000; border: none; box-shadow: none; float: right !important;}
	#main-menu * {color: #000;}
	#main-menu a:hover, #main-menu a.highlighted, #main-menu .currentpath>a, #main-menu .current>a {background: #f15a29; color: #fff;}
		#main-menu .sub-arrow {border-color: #f15a29 transparent transparent transparent;}
		#main-menu li>a:hover>.sub-arrow, #main-menu li>a.highlighted>.sub-arrow, #main-menu .currentpath>a>.sub-arrow, #main-menu .current>a>.sub-arrow {border-color: #fff transparent transparent transparent;}
		#main-menu>li>ul>li>a>.sub-arrow {transform: rotate(270deg);}
	#mobmenubtn { display:none;  background:url(../icons/menuicon.png) no-repeat 5px 5px; width:100px; height:48px;  padding:15px 5px 5px 40px; font-weight:bold;cursor:pointer;   top:5px; right:0px; position:absolute; transition: all 0.5s ease}
	#mobmenubtn.open {background-position:5px -35px;}
#postheader .wrapper {display:table; border-collapse:separate; border-spacing:10px;}
	#postheader .wrapper>p, #postheader .wrapper>div{	padding:10px; padding-left:70px;		background-color:#eee; display:table-cell; line-height:22px; color:#777;} 
	#postheader .wrapper i {color:#f15a29; font-size:3em; margin-left:-55px; display:block; float:left;}
#mainbanner {overflow: hidden;}
#mainbanner .gallery-cycle{border-width:0px !important; padding: 0px !important;}
	#mainbanner a:hover img, #mainbanner a:focus  img {filter: alpha(opacity=100); opacity:1; }
#breadcrumbs { padding:10px 0; font-size:0.8em; text-align:center;}
aside { width:18%; float:right; text-align:left; min-height:300px;}
article{ width:81%; padding-right:1%;  margin-bottom:20px;float:left; text-align:left; border-right: 1px solid #ddd; }
.full article { width:100%; float:none; padding-right:0; border-right-width:0;}
.full aside { display:none;}
	article ul, article ol, article li { padding:3px 0 3px 10px; margin:3px 0 3px 10px; }
	article ul li { list-style-image:url(../images/bullet.png);}
aside h3{margin:10px 0; }	
#content .fa { color:#f15a29;}	
.pagebanner img{height: 300px; object-fit: cover; width: 100%;}

#map {background: url("../images/map_bg.jpg") repeat center bottom; background-attachment:fixed; background-size:100% auto; width: 100%; }
	#map>div { margin:0 auto; overflow: hidden; max-height: 500px;}
	#map>div  .overlay-text {position: absolute; top: 5%; left: 10%; width: 80%; background-color: rgba(0,0,0,0.6); color: #fff; padding: 10px; font-size: 1.6em; margin: 0; text-align:center;}
#prefooter { background-color:#f15a29; padding:20px } 
	#prefooter>div { color:#fff; text-align:center; font-size:1.6em}
	#prefooter>div .button {font-size:16px;}
footer {position:relative;  min-height:210px; background-color:#333333; color:#ccc; padding:20px 0;}
footer .wrapper {}	
	footer a{  color:#fff;}
	footer h3{  color:#fff; text-align:center;}
	footer ul, footer ol, footer li { padding:3px 0 3px 10px; margin:3px 0 3px 10px; }
		footer .cols3>div:first-child {text-align:center;}
		footer .cols3>div:first-child ul {display:inline-block;}
		footer .cols3>div:first-child ul li {text-align:left;}
		footer .cols3>div:last-child {overflow: hidden;}
		footer ul li { list-style-image:url(../images/bullet.png);}
	#copy { font-size:0.8em; text-align:center; padding:35px 0; color: #888; background-color: #fff;}
	#copy a{ color:#888;}
	#social { text-align:center; padding:20px 0;}
	#social a{ margin:0 10px;}
	#social a:hover{filter: alpha(opacity=80); opacity:0.8;}
#totop{ position:fixed; bottom:10px; right:10px; background:#f15a29 url(../icons/top.png) no-repeat center center; width:50px; height:50px; display:block; font-size:0em; filter: alpha(opacity=50); opacity:0.5; z-index:100; border:1px solid #fff;}
#totop:hover {filter: alpha(opacity=100); opacity:1.0;}
.cols3>div { width:31%; float:left; margin:1%;}
	.cols3>div:nth-child(3n+1) { clear:left;}
.cols2>div { width:48%; float:left; margin:1%;}
	.cols2>div:nth-child(2n+1) { clear:left;}
#content .cols2>div p img:first-child, #content  .cols3>div p img:first-child { border-bottom: 5px solid #f15a29; margin-top:-20px;}
.cols3:after, .cols2:after{content:" "; display:block; clear:both;}

/** NAV **/
.simplenav { list-style:none;}
.simplenav li {display:inline-block; border-right:1px solid #ccc;}
.simplenav li:last-child {border-right-width:0px}
.simplenav li a {display:block; padding:2px 10px;}
.simplenav li a:link, .simplenav li a:visited { text-decoration:none;}
.simplenav li a:hover, .simplenav li a:focus {text-decoration:underline;}
.simplenav li.current a , .simplenav li.currentpath a  {text-decoration:underline;}
#submenu li{ list-style-type:none; margin-bottom:1px}
#submenu>li>a {display:block; line-height:22px; padding:10px 16px; background: #eee ; color:#333; font-weight:bold;}
#submenu>li>a:link, 
#submenu>li>a:visited { text-decoration:none;}
#submenu>li>a:hover, 
#submenu>li>a:focus,
#submenu>li.current>a , 
#submenu>li.currentpath>a  {text-decoration:none; background: #f15a29 ; color:#fff;}
#submenu li ul  { margin-left:20px}
#submenu li ul li {list-style-image:url(../images/bullet.png);margin-left:10px}
#submenu li ul li a {padding:10px; display:block;}
#submenu li ul li a:hover, 
#submenu li ul li a:focus,
#submenu li ul li.current a , 
#submenu li ul li.currentpath a {color:#000;}

/** BLOG **/
.pic  {text-align:center; position:relative; margin:0 auto;}
.pic img{ width:100%; display:block; margin-bottom:2px;}
.blog>div .pic:hover a img {opacity:0.9;}
.date{position:absolute; right:-1%; top:10px; background-color:#fff; box-shadow:4px 4px 4px #000; padding-top:6px; z-index:10; font-weight:bold;  font-size:16px; text-align:center; border:2px solid #777; overflow:hidden;}
.date span{ display:block; padding:2px 10px; color:#fff; background-color:#777; color:#fff; font-size:11px; font-weight:bold;}
h1 .date, h3 .date { position:static; float:right; margin-left:10px; }
h1 .date *, h3 .date * {text-shadow:0 0 0 transparent !important;}
h3 .date {margin-top: -7px;}
.blog>div .pic{border-bottom:4px solid #f15a29;}
.blog>div h3 {background-color:transparent; margin:0 0 0 0 ; padding:10px 0;}
.blog>div h3 a {color:#f15a29;}
aside .blog>div { width:100%; margin:0 0 0% 0%; float:none;}
.blog .button {margin: 0 auto; display: inline-block; padding: 7px 19px;}
.blog .subgal {background: #f15a29; position:absolute; right:4px; bottom:4px; width:20px; height:20px; cursor:pointer; border-radius: 100%;}
	.blog .subgal span {color:#fff; font-size:13px; position:absolute; font-weight:bold; right:0px; top:3px; width:100%; text-align:center;}
.pagination { clear: both; display: block; height: 50px;}
.pagination .prev, .pagination .next { background-color: #eee; display: inline-block; float: right; padding: 2%;}
.pagination .prev {float: left;}
.pagination a {background-color: #f15a29 !important; color: #fff !important;}
.pagination a:hover {background-color: #a00 !important; text-decoration:none;}

/** CONTACT FORM **/
.p01-contact input, .p01-contact select, .p01-contact textarea {  color:#555; font-family:Arial; background-color:#eee; padding:5px; margin-left:10px; border:1px solid #ccc;} 
.p01-contact textarea { width:50%;}
.p01-contact .field  { clear:both; margin:6px 0px;}
.p01-contact .label { max-width:130px; width:30%; float:left;  text-align:right;}
.p01-contact .label label span{ display:block;clear:both;}
.p01-contact #captchaimg {text-align:center; padding:10px;} 
.p01-contact .submit { background-color:#444; color:#fff; font-weight:bold; padding:10px 15px; border:0px;}

/** GALLERIES **/
#gallery-cycle-mainbanner {}
#gallery-cycle-mainbanner.gallery-cycle {  border-width:0px !important; margin:0 !important; padding:0 !important;  width:100% !important;  } 
#gallery-cycle-mainbanner.gallery-cycle .gallery-container ,
#gallery-cycle-mainbanner.gallery-cycle .gallery-container .gallery-slide{ overflow:hidden; width:100% !important; height:100% !important; }
#gallery-cycle-mainbanner.gallery-cycle .gallery-image { width:100% !important; display:block !important;}
#gallery-cycle-mainbanner.gallery-cycle .gallery-image img {width:100% !important;}
#gallery-cycle-mainbanner.gallery-cycle .gallery-text { bottom:auto !important; top:40%; text-align:center; width:100% !important }
#gallery-cycle-mainbanner.gallery-cycle .gallery-text h2 {  padding:0; margin:0; font-weight:normal; text-shadow:-1px -1px 0 #000; text-align:center; font-size:1.4em; background-image:none;  background-color:rgba(0,0,0,0.7); color:#fff; margin:0 auto; display:inline-block;  padding:20px !important; }
#gallery-cycle-mainbanner.gallery-cycle .clickable .gallery-text h2{cursor:pointer; opacity:1; }
#gallery-cycle-mainbanner.gallery-cycle  .gallery-control { width:100% !important;  text-align:center; padding:0 0 0 0 !important; top:0; bottom:auto !important;}
#gallery-cycle-mainbanner.gallery-cycle  .gallery-control a { display:inline-block !important; float:none !important;}
#gallery-cycle-mainbanner.gallery-cycle .next img, #gallery-cycle-mainbanner.gallery-cycle .prev img {top: 47%; display: inline;}
.gallery-cycle h2 { background-color:transparent; color:#fff;}
#fancybox-overlay { background-color:#000 !important}
.gallery-fancybox .gallery-thumb { width:23% !important;  margin:1% !important; padding:0 !important;border-width:0px !important;  }
.gallery-fancybox .gallery-thumb:nth-child(4n+1) {clear:left;}
/*.gallery-fancybox .gallery-thumb:hover { box-shadow:0px 10px 10px #777; }*/
.gallery-fancybox .gallery-thumb a { display:block !important; height:auto !important;}
.gallery-fancybox .gallery-thumb img { width:100% !important;}
#fancybox-content {border: none !important;}
#fancybox-outer {padding: 10px !important; width: calc(100% + 40px) !important; height: calc(100% + 40px) !important;}
	#fancybox-content img {}
.gallery-thumb p {line-height: 120%;}

/** MISC **/
.subcats { margin:10px 0px 10px 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li { list-style-type:none; list-style-image:none !important; float:left; width:32%; margin:0px 1% 1% 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li a { padding:10px 2% 10px 2%; display:block;  background-color:#26247b ; border-radius:3px;  text-align:center; color:#fff;}
.subcats li a:hover{ text-decoration:none; background-color:#f15a29;}
.video-container { position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#gmap{ width:100%; background-color:#fff;  height:400px; }
.pros { background: #efe url(../icons/add.png) no-repeat 10px 10px; padding-left:40px;}
.cons { background: #fee url(../icons/minus.png) no-repeat 10px 10px; padding-left:40px;}
.niceTbl{ padding:0; margin:10px 0; width:100%;}
.niceTbl td{ font-size:0.9em; padding:2%; margin:0px}
.niceTbl tr:nth-child(odd) td{background-color:#eee;}
#content_row{display:table; width:100%; }
#content_row>div{display:table-cell; vertical-align:top;}
	#content_row i {font-size: 2em; text-align: center; margin: 10px;}
#mobile-indicator {	display: none;}
.featured-image { float: right; width: 33%; margin-left: 1%; text-align: center; }
	.featured-image img { max-width: 100%; box-shadow: 0 5px 5px #ccc; }
.partners {text-align: center;}
	.partners a {margin: 1%; width: 18%; display: inline-block }
		.partners img{max-width: 300px; width: 100%; }

/* MARQUEE MESSAGE */
@-webkit-keyframes marqueee{
	0%{-webkit-transform:translate(0,0)}
	100%{-webkit-transform:translate(-100%, 0)}
}
@keyframes marqueee{
	0%{transform:translate(0,0)}
	100%{transform:translate(-100%,0)}}
.marqueee{width:100%;margin:0px auto;white-space:nowrap;overflow:hidden; box-sizing:border-box}
.marqueee>span{display:inline-block;padding-left:100%;text-indent:0; -webkit-animation:marqueee 30s linear infinite; animation:marqueee 30s linear infinite}
.marqueee>span:hover{ -webkit-animation-play-state:paused; animation-play-state:paused}

@media only screen and (max-width: 1600px) {
	#map {background-size:1600px auto;} 
}
@media only screen and (min-width: 801px) {
	#main-menu {background: none;}
	#logo {position: relative; left: -5px;}
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
	nav ul li {font-size: 0.8em;}
	#contact_info p {font-size: 14px;}
	nav {margin-top:10px;}
}

@media only screen and (max-width: 801px) {
	body {background-image:none !important; padding-top:70px;}
	#mainbanner, #gmap {margin-top:0;}
	#gallery-cycle-mainbanner.gallery-cycle { margin:0 auto !important; }
	#gallery-cycle-mainbanner.gallery-cycle .gallery-text  {top:auto; bottom:0 !important;  padding: 0 0 !important;}
	#gallery-cycle-mainbanner.gallery-cycle .gallery-text h2  {width:100%; padding: 10px !important;}
	#mobile-indicator {	display: block;}
	#main-menu {width: 100%;}
	#mainnav { max-height:calc( 100vh - 180px);  overflow: auto;}
	#contact_info {font-size: 0;}
	 #contact_info i, #contact_info .remains {font-size: 16px; line-height: 150%;}
	#logo { width:140px; margin: 5px 0 0 0; padding: 0;}
	.full article, article, aside { /*float:none;*/ margin:0 auto; width:98%; border-width:0; padding:2% 0; float:none; min-height:0;}
	header .row>div {display:block;}
	nav { float:none; clear:both; margin-top:0px; width:100%;}
	#content_row, #content_row>div {display:block}
	#content_row>div:last-child{ width:auto}
	#postheader .wrapper>p, #postheader .wrapper>div {text-align:center; padding-left:2%}
	#postheader .wrapper i { margin-left:0; float:none;}
	#partner-text, #partner-text a {font-size: 16px;}
	#map>div  .overlay-text {left: 0; bottom: 0; top:auto; width: 100%;}
		#map>div  p {line-height: 1.2em;}
	.niceTbl td{display: inline-block;}
	.niceTbl td>*{width: 100%;}
}

@media only screen and (max-width: 641px) {
	.blog>div{width:auto; float:none; margin: 20px 0 !important;}
	.cols2>div, .cols3>div{ width:auto; float:none; margin:5px 0;}
	#gallery-cycle-mainbanner.gallery-cycle .gallery-text h2 {font-size:1em; padding:5px !important;}
	#gallery-cycle-mainbanner.gallery-cycle .gallery-control-dots a {line-height:0.5em;}
	#content{ background-image:none; padding-bottom:10px; }
	.gallery-fancybox .gallery-thumb { width:48% !important;}
	.gallery-fancybox .gallery-thumb:nth-child(2n+1) {clear:left;}
	h1 {font-size:1.8em} 
	h2 {font-size:1.6em}
	h3 {font-size:1.4em}
	.p01-contact .label  {float:none; text-align:left;}
	.p01-contact input, .p01-contact select, .p01-contact textarea {width:98%; padding:5px 1%; margin:0 auto; }
	#map>div>img {width:200% !important; margin-left:-65%;}
	#postheader {display:none;}
	#index #postheader {display:block;}
	#index #postheader .wrapper {display:block; }
	#postheader .wrapper>p, #postheader .wrapper>div{ margin:1%; 	width:98%;	display:block; text-align:left}
	#postheader .wrapper i {display:inline-block;  font-size:1em;}
	footer .cols3>div {width: 98%;}
	.featured-image { float: none; margin: 0; width: 100%; }
	.partners a { width: 31%; }
		.partners img{ width: 100%; display: block; margin: 0 auto;}
}