/* FRONTEND CSS
*********************************************/
html {
	overflow-y: scroll;
}
body {
	text-align:left;
	margin:auto;
	width:100%;
}
ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.content-body ul {
	padding-left:15px;
	padding-bottom:15px;
}
a {
	text-decoration:none;
	color:#c58119;
}
h1, h2, h3, h4 {
	font-weight:normal;
}

p {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  padding: 0;
}

img, iframe {
	max-width:100%;
}
iframe {
	clear:both;
	margin:auto;
	display:block;
	border:0 none;
}
.clear {
	clear:both;
}

.blue {
	color:#416788;
}
.site-container {
	width:100%;
	max-width: 1080px;
	margin:auto;
	 -moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
}

.home .site-container {
	display:none;
	padding-bottom:0;
}

@media (min-width: 768px) {
	.site-container {
	  padding: 30px 0 200px;
	}
}

/* TOP
*********************************************/

.top-fullwidth {
  	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	margin: auto;
  	width: 100%;
	clear:both;
}

.top2-fullwidth {
  	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	margin: auto;
  	width: 100%;
  	background-color: #ffffff;
}

.custom.banner {
	height:200px;
	margin-top:-15px;
}

@media (min-width: 768px) {
	.custom.banner {
	  height: 330px;
	}
}

.top-inner {
	width:100%;
	max-width:2000px;
	margin:auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding:0;
	border-bottom: 1px dotted #cccccc;
}

.top-inner p {
	margin-top:0;
}

@media (min-width: 500px) {
	.top-inner {
		height:auto;
	}
}


@media (min-width: 768px) {
	.top-inner {
	  border-bottom: 0 none;
	  padding: 0;
	  text-align: center;
	}
}


/* ARTICLE SECTION
*********************************************/
.content-body {
	width:100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:40px;
	float:left;
	text-align:center;
}

.home .content-body {
	padding-bottom:0;
}

.sidepanel .content-body {
	text-align:left;
}




@media (min-width: 768px) {
	.content-body {
	  padding:0 20px 20px;
	}	
	
	.sidepanel .content-body {	
		width:66%;
		display:inline-block;
	}
	
	.project .content-body {
		text-align:left;
	}
}

a.link-button {
	background-color:#c58119;
	padding:10px 30px;
	font-size:18px;
	margin-top:20px;
	display:inline-block;
	color:#ffffff;
}

/* hide blog cat h2 tag on article pages
*********************************************/

.item-pagefullwidth.product .page-header h2 a{
	display:none;
}

.item-pagefullwidth.product .page-header h2 {
	display:none;
}

/* GLOBAL BLOG LAYOUT
*********************************************/

.items-row {
	margin-top:50px;
}

/* 3 COLUMN BLOG LAYOUT
*********************************************/

.span1 {
	  width: 100%;
  display: inline-block;
  	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -4px;
	 vertical-align:top;
}

@media (min-width: 450px) {
	.span1 {
		  width: 50%;
		   padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.span1 {
		  width: 33.3%;
	}
}

.span1 img {
margin-top:10px;
}

.products .blog .span1 p {
	margin-top:0;
}


/* 4 COLUMN BLOG LAYOUT
*********************************************/
.span3 {
	  width: 100%;
  display: inline-block;
  	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -4px;
	 vertical-align:top;
}

@media (min-width: 450px) {
	.span3 {
		  width: 50%;
		   padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.span3 {
	  padding: 0 2px;
	  width: 25%;
	}
}

.span3 img {
margin-top:10px;
}

.span3 img:hover,
.span1 img:hover {
	opacity:0.6;
}


/* FOR EQUAL HEIGHT COLUMNS... 
*********************************************/
.span1 p.readmore {
  	height: auto !important;
}

/* 6 COLUMN BLOG LAYOUT
*********************************************/
.span2 {
	width: 100%;
  	display: inline-block;
  	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -4px;
	vertical-align:top;
}


@media (min-width: 450px) {
	.span2 {
		  width: 50%;
		   padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.span2 {
		  width: 33.3%;
	}
}

.span2 img {
	margin-top:10px;
}

/* FOR EQUAL HEIGHT COLUMNS... 
*********************************************/
.span2 p.readmore {
  height: auto !important;
}

/* 2 COLUMN BLOG LAYOUT 
*********************************************/
.span6 {
  	border-right: 5px solid transparent;
  	box-sizing: border-box;
	-moz-box-sizing: border-box;
  	display: inline-block;
  	margin-right: -4px;
  	vertical-align: top;
  	width: 100%;
}
@media (min-width: 768px) {
	.span6 {
		width: 50%;
	}
}

/* 1 COLUMN BLOG LAYOUT
*********************************************/
.span12 {
	width:100%;
	clear:both;
}

@media (min-width: 768px) {
	.blog .span12 img {
		float:left;
		margin-right:20px;
		margin-bottom:20px;
	}
}

/* LEFT
*********************************************/
.left  {
	width:100%;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	margin-right: -4px;
	padding:20px;
	direction: ltr;
}

@media (min-width: 768px) {
	.left  {
		width:25%;
	}
}

.left img {
	margin:auto;
	display:block;
}

/* RIGHT
*********************************************/
.right  {
	width:100%;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	padding:0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

@media (min-width: 768px) {
	.right {
	  padding: 20px;
	  width: 33.3%;
	  padding-top: 0;
	}
	
	.contact-us .right {
  		border-left: 1px solid #ebd3af;
	}
}

.right img {
	margin:auto;
	display:block;
}

/* CONTENT BOTTOM
*********************************************/

.content-bottom {
	width:100%;
	max-width: 1080px;
	margin:auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 20px 0;
	clear:both;
	text-align:center;
}

.content-bottom-fullwidth-inner, .content-bottom-fullwidth2-inner {
	width:100%;
	max-width: 1080px;
	margin:auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
    padding-right: 20px;
}


.moduletable_features {
  display: inline-block;
  width: 100%;
  margin-right: -4px;
  	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
	vertical-align:top;
}

@media (min-width: 500px) {
	.moduletable_features {
	  width: 50%;
	}	
}

@media (min-width: 800px) {
	.moduletable_features {
	  width: 25%;
	}	
}

.images p {
	width:100%;	
}

.images img {
	margin:auto;
	display:block
}

@media (min-width: 500px) {
	.images p  {
	  width: 50%;
	  display:inline-block;
	  margin-right:-4px;
	}	
}


@media (min-width: 800px) {
	.images p  {
	  width: 33.3%;
	   margin-right:-4px;
	}	
}

.custom_socmedia {
	clear:both;
	padding-top:20px;
}

@media (min-width: 850px) {
	.custom_socmedia {
		clear:none;
		padding-top:10px;
	}	
}

@media (min-width: 850px) {
	
	.custom_socmedia {
		float:right;
	}
	
	.custom_socmedia p {
	  float: left;
	  margin-top: 5px;
	  padding-top: 0;
	  margin-left: 10px;
	}	
	
/*	.custom_socmedia img {
		margin-left:10px;
	}
*/}

/* BOTTOM FULLWIDTH
*********************************************/
	.bottom-fullwidth {
	  background-image: url("../images/menu-bg.png");
	  bottom: 0;
	  margin-bottom: 40px;
	  padding-bottom: 0;
	  padding-top: 0;
	  width: 100%;
	  border-top: 3px solid #ffffff;
	  border-bottom: 3px solid #ffffff;
	  margin-top:20px;
}

@media (min-width: 850px) {
	.bottom-fullwidth {
	  	position: fixed;
	}
}

.bottom-fullwidth-inner {
	width:100%;
	max-width: 1080px;
	margin:auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 0 0;
	position:relative;
}

@media (min-width: 768px) {
	.bottom-fullwidth-inner {
		padding:0 20px;
	}
}

.bottom-fullwidth .custom_socmedia p {
  float: left;
  margin-left: 20px;
}

.moduletable_footerinfo {
  	clear: both;
  	padding-top: 10px;
  	color: #a6a6a6;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	float:left;
}

.custom_socmedia p {
  float: left;
  margin-left: 10px;
  margin-top: 0;
  padding-top: 0;
  margin-bottom:10px;
}

/* MAIN MENU
*********************************************/

/* MOBILE MENU */

.menu-fullwidth {
  	height: 45px;
  	position: fixed;
  	top: 0;
  	width: 100%;
  	z-index: 3;
  	background-color:#000000;
	border-bottom:1px solid #464646;
}

.menu-fullwidth a {
	color:#ffffff;
	padding-left:10px;
	font-size:14px;
}

.custom.menu-fullwidth > p {
  text-align: right;
}

.menu_mainmenu {
  	margin: 0;
  	padding-left: 0;
  	position: fixed;
  	top: 46px;
  	width: 100%;
  	z-index: 999;
  	left: 0;
  	height: 20px;
}

.menu_mainmenu li {
  	margin-top: 0;
  	position: relative;
  	z-index: 999;
	list-style-type:none;
	padding:0;
	width:100%;
	padding-bottom: 10px;
    padding-top: 10px;
  	background-color:#000000;
	border-bottom:1px solid #464646;
  	text-align: center;
}

.menu_mainmenu li a {
	color: #ffffff;
}

@media (min-width: 768px) {
	.menu_mainmenu li.active a,
	.menu_mainmenu li a:hover
		{
			color: #c58119;
		}
}

a.moby_menu_tab img {
  cursor: pointer;
  float: right;
  padding-right: 10px;
  padding-left: 10px;
}

/* MAIN MENU - DESKTOP */

@media (min-width: 768px) {
	
	.menu-fullwidth {
		display:none;
	}
	
	.bottom-fullwidth .nav {
	  margin-top: -3px;
	  position: static;
	}

	.bottom-fullwidth ul.nav li {
	  background-color: transparent;
	  float: left;
	  padding: 19px 25px;
	  text-transform: uppercase;
	  width: auto;
	}
	
	.bottom-fullwidth ul.nav li.deeper, .bottom-fullwidth ul.nav li.deeper:hover {
	  background-image: url("../images/arrow-up-yellow.png");
	  background-position: 90% center;
	  background-repeat: no-repeat;
	}
	
	
	.bottom-fullwidth ul.nav li.item-182.deeper {
		background-image:none;
	}

	.bottom-fullwidth ul.nav li.active {
		
		border-top:3px solid #c58119;
		padding: 16px 25px;
	}
	
	.bottom-fullwidth ul.nav li:hover, .bottom-fullwidth ul.nav li.item-182.deeper:hover {
		border-top:3px solid #c58119;
		padding: 16px 25px;
		background-image:url(../images/li-bg.png);
		background-repeat:repeat;
	}
	
/*	.bottom-fullwidth ul.nav li.item-182 ul li {
		display:none;
	}
*/
	.menu_mainmenu li {
		border-bottom:0 none;
	}
	
	.menu_mainmenu li.last {
		 background-image:none;
	}
}

/* CHILD  / DROPDOWN MENU ITEMS
*********************************************/

.menu_mainmenu li.deeper.parent ul.nav-child {
	height: 0;
	left: -15px;
	overflow: hidden;
	padding-top: 10px;
	position: absolute;
	margin-bottom:3px;
	bottom:100%;
}

.menu_mainmenu li.deeper.parent ul.nav-child li {
  	width: 250px; 
  	/*background-color:#ffffff;*/
	text-align: left;
	padding:10px 10px 5px 25px;
	border-top:0 none;
	text-transform:none;
	background-image:url(../images/li-bg.png);
}



.menu_mainmenu li.deeper.parent ul.nav-child li a {
	display:block;
}


/* BOTTOM MENU
*********************************************/

.custom_footerinfo ul li {
	list-style-type:none;
	font-size:12px;
	margin-bottom:10px;
}

@media (min-width: 850px) {
	.custom_footerinfo ul li {
	  border-right: 1px solid #999999;
	  float: left;
	  padding-left: 10px;
	  padding-right: 10px;
	  
	}
}

/* IMAGE SLIDER
*********************************************/

#slider95 .slide-desc {
  left: 0 !important;
  position: absolute;
  text-align: center !important;
  width: 100%;
}

@media (min-width: 1400px) {
	#slider95 .slide-desc {
  		bottom: 30% !important;
	}
}

.slide-desc-bg {
	background-color:transparent !important;
}

.slide-desc-text {
	text-align:center !important;
	/*background-color:#c58119;*/
	display:inline-block;
	padding:15px 20px !important;
}

.slide-desc-text p {
	margin:0;
	font-size:18px;
}

.slide-desc-text a {
	color:#ffffff;
}

@media (min-width: 650px) {
	.prev-button {
	  position: absolute;
	  left: 10% !important;
	  display:block !important;
	}
	
	.next-button {
	  position: absolute;
	  right: 10% !important;
	  display:block !important;
	}
	
	.project .prev-button {
		left: 10px !important;
	}
	
	.project .next-button {
		right: 10px !important;
	}
}

/* PAGES WITH RIGHT SIDE PANELS
*********************************************/

.sidepanel .content-top {
  margin-bottom: 50px;
  text-align: center;
}

/* CONTACT PAGE
*********************************************/

.custom_contact > p {
  line-height: 24px;
}

.formResponsive {
  margin: 0 0 18px !important;
}

.formControlLabel {
  text-align: left !important;
  text-transform: uppercase;
  font-size: 14px;
}

.formResponsive textarea, .formResponsive input {
  background-color: #ebd3af !important;
  border: 0 none !important;
  box-shadow: none !important;
  transition: none !important;
  border-radius: 1px !important;
  margin-bottom: 0 !important;
  color:#000000 !important;
}

.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
	width:300px !important;
	max-width:100%;
}

.formResponsive input {
	height:40px !important;
}

.formResponsive .rsform-submit-button {
  background-color: #c58119 !important;
  background-image: none !important;
  color: #ffffff !important;
  height: 50px !important;
  padding: 10px 25px !important;
  width: 310px !important;
}

.formResponsive .formHorizontal .rsform-block  {
	margin-bottom:0 !important;
}

.formResponsive .rsform-submit-button:hover {
	color:#ffffff !important;
}

	.formResponsive .formHorizontal .formControls {
		margin-left: 0 !important;
	}


@media (min-width: 650px) {
	.formResponsive .formHorizontal .formControls {
		margin-left: 100px !important;
	}
}

.formResponsive .formHorizontal .formControlLabel {
  	width: 100px !important;
}

.formResponsive .formHorizontal .rsform-block-header2 .formControls {
	margin-left:0 !important;
}

.contact-us .formBody > h2 {
  border-bottom: 3px solid #c58119;
  padding-bottom: 10px;
}

.contact-us .right .custom_contact h2 {
  border-bottom: 3px solid #c58119;
  padding-bottom: 10px;
}

/* BREADCRUMBS
*********************************************/
/*ul.breadcrumb {
  float: right;
  font-size: 12px;
  margin-bottom: 20px;
  margin-right: -10px;
  margin-top: -15px;
}
@media (min-width: 768px) {
	ul.breadcrumb {
	  margin-top: 10px;
	   margin-right:0;
	   margin-bottom:0;
	}
}
ul.breadcrumb li {
	list-style-type:none;
	float:left;
}
body.home ul.breadcrumb {
	display:none;
}
.breadcrumb span.divider {
  padding-left: 5px;
  padding-right: 5px;
}*/

/* PAGINATION
*********************************************/
.pagination {
	text-align:center;
}

.pagination li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
}

.pagination ul {
	display:inline-block;
}

/* PROJECTS
*********************************************/

dl.article-info.muted {
	display:none;
}

dt.article-info-term {
  float: left;
  margin-right: 5px;
}

dd.create {
	margin:0 !important;
}

.project h1 {
	margin-top:10px;
}


.content-body .project hr {
  background-color: #e4e4e4;
  border: 0 none #e4e4e4;
  height: 1px;
}

.category-module > li {
  border-bottom: 1px solid #e4e4e4;
  list-style-type: none;
  margin-bottom: 7px;
  padding-bottom: 7px;
  padding-left: 0;
}

ul.category-module {
	padding:0;
}