/*
 page styles when editing and public
*/



/*
begin reset
*/
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}



/*
end reset
*/

.column_content, .layer_content {
	border-width: 0px;
	box-sizing: border-box;
}



/*
*, *:before, *:after {
  box-sizing: inherit;
}
*/

.wrapper, .layout-wrapper {
	margin: 0px;
/*	border-left: 1px green solid; */
	padding: 0px;
/*	overflow:hidden; */
	float: none;
	display: block;
}
/*
.layer{
clear:both;
}
*/
.widget{
/*
border-style:solid;
border-width:1px;
*/
    width: 100%;
}
.widget_content {

}

#toolbar-container{
	font-weight:bold;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:0;
	z-index:100;
	color:#735005;

}


#toolbar-container div{
	
	font-family:Arial,Liberation Sans,DejaVu Sans,sans-serif;
	
	background-color:#F4A83D;
	border-bottom:1px solid #D6800C;
	padding:7px 0;
}

body {
	overlay: auto;
}

#page, .layer {
	margin-left: auto;
	margin-right: auto;
}

.layer {

    width: 100%;
}
.layer_content {
	width: 100%;
}





#contenttt {
	padding-top: 25px;
}

#toolbar_outer { 
	top:0;
	color:#111111;
	font-size:11px;
	height:25px;
	padding:0;
	position:fixed;
	right:0;
	width:100%;
	z-index:99; 
	margin-top: 0px;
	background-color: red;
 }

#toolbarrrr {
	background:#aaa;
	border-right:1px solid #b5b5b5;
	overflow:visible !important;
	margin-left:15px;
	margin-right:15px;
	position:relative;
}

#toolbar ul { 
	height: 25px; 
	background: #e5e5e5; 
	border-top: 1px solid #eee;
	border-left: 1px solid #ddd;
 }
#toolbar ul li {
	float: left;
	padding: 5px;
	font: normal 110% "lucida grande", tahoma, verdana, arial; 
	border-right: 1px solid #aaa;
}


.image-all, .image-all img {
	max-width: 100%;
}



.image-right {
    margin-left: 12px;
}



#page.responsive, .responsive .column, .responsive img {
    max-width: 100%;
}


.image-left {
    margin-right: 12px;
}
.image-center {
    margin-left: 12px;
    margin-right: 12px;
}


figure {
	margin: 0px;
	padding: 0px;
	spacing: 0px;
}



figcaption {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	color: #666666;
	line-height: 13px;
	font-size: 11px;
}



@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.bp-block-content {

}
.bp-block-image .bp-intrinsic .bp-image-block-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.bp-block-image .bp-image-block-outer-wrapper .bp-image-block-wrapper img {
    max-width: none;
}


.bp-block-image .bp-image-block-wrapper {
    /* line-height: 0; */
    text-align: center;
    position: relative;
    overflow: hidden;
}
.bp-block-image .bp-image-block-wrapper img {
    max-width: 100%;
}

.bp-block-image img {
    display: block;
}


.bp-block-image .bp-intrinsic {
    margin: auto;
}


/*
video containter begin
http://webdesignerwall.com/tutorials/css-elastic-videos
*/

.bp-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.bp-video-container iframe,
.bp-video-container object,
.bp-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.rwd-img {
    max-width: 100%;
    height: auto;
}


.rwd-img-st {
    width: 100%;
    height: auto; }

.ba-c {
    margin-left: auto; margin-right: auto;
}

.ba-l {
     margin-right: auto;
}


.ba-r {
    margin-left: auto;
}

.wfsm {
	-webkit-font-smoothing: antialiased;
}

.truncate {
	max-width: 100%;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	word-wrap: normal !important;
}

.intrinsic {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	text-align: center;
}

.intrinsic div,
.intrinsic embed,
.intrinsic object,
.intrinsic iframe {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.ir {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

.c-i {
	color: inherit !important;
}

.va-t {
	vertical-align: top !important;
}

.va-m {
	vertical-align: middle !important;
}

.va-b {
	vertical-align: bottom !important;
}

.kern {
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern" 1;
	font-kerning: normal;
}

.whs-nw {
	white-space: nowrap !important;
}


.text-hide {
	background-color: transparent;
	border: 0;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}

.sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}



/*
https://github.com/twbs/bootstrap/blob/master/less/responsive-utilities.less
*/
.visible-print-block {
	display: none !important;
}

@media print {
	.visible-print-block {
		display: block !important;
	}
}

.visible-print-inline {
	display: none !important;
}

@media print {
	.visible-print-inline {
		display: inline !important;
	}
}

.visible-print-inline-block {
	display: none !important;
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important;
	}
}

@media print {
	.hidden-print {
		display: none !important;
	}
}





/*
 begin fluid layout
*/


.b-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 940px
}

.b-container:before, .b-container:after {
	content: " ";
	display: table
}

.b-container:after {
	clear: both
}

.b-container .b-row {
	margin-left: -10px;
	margin-right: -10px
}

.b-row:before, .b-row:after {
	content: " ";
	display: table
}

.b-row:after {
	clear: both
}

.b-row .b-row {
	margin-left: 0;
	margin-right: 0
}

.b-col {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

.b-col .b-col {
	padding-left: 0;
	padding-right: 0
}

.b-col-large-1 {
	width: 8.33333333% !important;
}

.b-col-large-2 {
	width: 16.66666667% !important;
}

.b-col-large-3 {
	width: 25% !important;
}

.b-col-large-4 {
	width: 33.33333333% !important;
}

.b-col-large-5 {
	width: 41.66666667% !important;
}

.b-col-large-6 {
	width: 50% !important;
}

.b-col-large-7 {
	width: 58.33333333% !important;
}

.b-col-large-8 {
	width: 66.66666667% !important;
}

.b-col-large-9 {
	width: 75% !important;
}

.b-col-large-10 {
	width: 83.33333333% !important;
}

.b-col-large-11 {
	width: 91.66666667% !important;
}

.b-col-large-12 {
	width: 100% !important;
}

.b-col-large-scroll {
	width: 10000px !important;
}
.b-row-large-12 > .layer_content {
	display: block !important;
}
.b-col-large-stack {
	width: 100% !important;
	left: auto;
	right: auto;
}
.b-hidden-main, .b-hidden-large {
	display: none !important
}
@media screen and (max-width: 991px) {
	.b-container {
		max-width: 728px
	}

	.b-hidden-main, .b-hidden-large {
		display: inherit !important;
	}

	.b-hidden-medium {
		display: none !important;
	}

	.b-col-medium-1 {
		width: 8.33333333% !important;
	}

	.b-col-medium-2 {
		width: 16.66666667% !important;
	}

	.b-col-medium-3 {
		width: 25% !important;
	}

	.b-col-medium-4 {
		width: 33.33333333% !important;
	}

	.b-col-medium-5 {
		width: 41.66666667% !important;
	}

	.b-col-medium-6 {
		width: 50% !important;
	}

	.b-col-medium-7 {
		width: 58.33333333% !important;
	}

	.b-col-medium-8 {
		width: 66.66666667% !important;
	}

	.b-col-medium-9 {
		width: 75% !important;
	}

	.b-col-medium-10 {
		width: 83.33333333% !important;
	}

	.b-col-medium-11 {
		width: 91.66666667% !important;
	}

	.b-col-medium-12 {
		width: 100% !important;
	}
	.b-row-medium-12 > .layer_content {
		display: block !important;
	}

	.b-col-medium-scroll {
		width: 10000px !important;
	}
	.b-col-medium-stack {
		width: 100% !important;
		left: auto;
		right: auto;
	}
}

@media screen and (max-width: 767px) {
	.b-hidden-main, .b-hidden-large {
		display: inherit !important
	}

	.b-hidden-medium {
		display: inherit !important
	}

	.b-hidden-small {
		display: none !important
	}

	.b-row, .b-container .b-row {
		margin-left: 0;
		margin-right: 0
	}

	.b-col {
		width: 100%;
		left: auto;
		right: auto
	}

	.b-col-small-1 {
		width: 8.33333333% !important;
	}

	.b-col-small-2 {
		width: 16.66666667% !important;
	}

	.b-col-small-3 {
		width: 25% !important;
	}

	.b-col-small-4 {
		width: 33.33333333% !important;
	}

	.b-col-small-5 {
		width: 41.66666667% !important;
	}

	.b-col-small-6 {
		width: 50% !important;
	}

	.b-col-small-7 {
		width: 58.33333333% !important;
	}

	.b-col-small-8 {
		width: 66.66666667% !important;
	}

	.b-col-small-9 {
		width: 75% !important;
	}

	.b-col-small-10 {
		width: 83.33333333% !important;
	}

	.b-col-small-11 {
		width: 91.66666667% !important;
	}

	.b-col-small-12 {
		width: 100% !important;
	}
	.b-row-small-12 > .layer_content {
		display: block !important;
	}
	.b-col-small-scroll {
		width: 10000px !important;
	}
	.b-col-small-stack {
		width: 100% !important;
		left: auto;
		right: auto;
	}
}

@media screen and (max-width: 479px) {
	.b-container {
		max-width: none
	}

	.b-hidden-main, .b-hidden-large {
		display: inherit !important
	}

	.b-hidden-medium {
		display: inherit !important
	}

	.b-hidden-small {
		display: inherit !important
	}

	.b-hidden-tiny {
		display: none !important
	}

	.b-col {
		width: 100% !important;
	}

	.b-col-tiny-1 {
		width: 8.33333333% !important;
	}

	.b-col-tiny-2 {
		width: 16.66666667% !important;
	}

	.b-col-tiny-3 {
		width: 25% !important;
	}

	.b-col-tiny-4 {
		width: 33.33333333% !important;
	}

	.b-col-tiny-5 {
		width: 41.66666667% !important;
	}

	.b-col-tiny-6 {
		width: 50% !important;
	}

	.b-col-tiny-7 {
		width: 58.33333333% !important;
	}

	.b-col-tiny-8 {
		width: 66.66666667% !important;
	}

	.b-col-tiny-9 {
		width: 75% !important;
	}

	.b-col-tiny-10 {
		width: 83.33333333% !important;
	}

	.b-col-tiny-11 {
		width: 91.66666667% !important;
	}

	.b-col-tiny-12 {
		width: 100% !important;
	}
	.b-row-tiny-12 > .layer_content {
		display: block !important;
	}
	.b-col-tiny-scroll {
		width: 10000px !important;
	}
	.b-col-tiny-stack {
		width: 100% !important;
		left: auto;
		right: auto;
	}
}

/*
 end fluid layout
*/
.center-nowidth {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto !important;
}


/*
ratio
*/

.ratio-16-9,
.ratio-16-10,
.ratio-square {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.ratio-16-9 {
    padding-top: 56.25%; /* This is your aspect-ratio */
}

.ratio-16-10 {
    padding-top: 62.5%; /* This is your aspect-ratio */
}

.ratio-square {
    padding-top: 100%; /* This is your aspect-ratio */
}

.ratio-inner {
    display: block;
    position: absolute;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
}