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

}

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

}

@font-face {
    font-family: 'bentonsans-book';
    src: url('../fonts/bentonsans-book-webfont.eot');
    src: url('../fonts/bentonsans-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bentonsans-book-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans-book-webfont.woff') format('woff'),
         url('../fonts/bentonsans-book-webfont.ttf') format('truetype'),
         url('../fonts/bentonsans-book-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bentonsans-extralight';
    src: url('../fonts/bentonsans-extralight-webfont.eot');
    src: url('../fonts/bentonsans-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bentonsans-extralight-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans-extralight-webfont.woff') format('woff'),
         url('../fonts/bentonsans-extralight-webfont.ttf') format('truetype'),
         url('../fonts/bentonsans-extralight-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bentonsans-light';
    src: url('../fonts/bentonsans-light-webfont.eot');
    src: url('../fonts/bentonsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bentonsans-light-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans-light-webfont.woff') format('woff'),
         url('../fonts/bentonsans-light-webfont.ttf') format('truetype'),
         url('../fonts/bentonsans-light-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bentonsans-medium';
    src: url('../fonts/bentonsans-medium-webfont.eot');
    src: url('../fonts/bentonsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bentonsans-medium-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans-medium-webfont.woff') format('woff'),
         url('../fonts/bentonsans-medium-webfont.ttf') format('truetype'),
         url('../fonts/bentonsans-medium-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'bentonsans-thin';
    src: url('../fonts/bentonsans-thin-webfont.eot');
    src: url('../fonts/bentonsans-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bentonsans-thin-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans-thin-webfont.woff') format('woff'),
         url('../fonts/bentonsans-thin-webfont.ttf') format('truetype'),
         url('../fonts/bentonsans-thin-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

header { position:relative; z-index:2; }
header, header * { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
header .mnu-toggle { 
    position:fixed; display:block; top: 51.5%; left: -1000px; width:50px; height:100px; background:transparent; 
    color:#6DBE12; text-align:left; font-size:25px; z-index:10; padding:25px 10px 31px 5px; margin-top:-50px;
    overflow: hidden; box-sizing: border-box;
}
header .mnu-toggle:after { 
    content:" "; display:block; height: 72px; width: 70px; background:rgba(0,0,0,0.5); 
    position: absolute; top: 0; left: -1030px; border-radius: 70px; z-index: -1; 
 }
header .mnu-toggle:hover:after,
header .mnu-toggle.open:after {
    background: rgba(255,255,255,0.9);
}

header .mnu-toggle.open { left:-360px; }
/*header .mnu-toggle.open .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }*/
header nav#main { position:fixed; top:0; bottom:0; left:-360px; height:100%; width:320px; background:rgba(255,255,255,0.9); z-index:2; padding:20px 0 ; }
header nav#main.open { left:0px; }

/*header nav#main ul { position:relative; margin-bottom:10px; display:none; font-family:"bentonsans-medium", sans-serif; }
header nav#main ul > li { }
header nav#main ul > li.parent > span,
header nav#main ul > li > a { display:block; font-size:14px; line-height:21px; padding:5px 15px 5px 45px; color:#000; text-transform:uppercase; text-decoration:none; margin-left:10px; position:relative; cursor:pointer; }
header nav#main ul > li.parent > span:hover,
header nav#main ul > li > a:hover { color:#3B6909; }
header nav#main ul > li.active { background:#64BE3C; }
header nav#main ul > li.parent > span > .icon,
header nav#main ul > li > a > .icon { position:absolute; left:20px; display:inline-block; width:20px; height:20px; margin-right:10px; margin-bottom:-4px; }
header nav#main ul > li > small { display:block; color:#222; font-family:"bentonsans-bold", sans-serif; font-size:small; }
header nav#main ul > li > large { display:block; padding:10px 20px; color:#6DBE12; font-family:"bentonsans-bold", sans-serif; font-size: 20px;}
header nav#main ul > li > a > h2 {
    color:#FFF;
    background-color: #764c29;
    text-indent: 10px;
    width: 250px;
}*/

header nav#main ul { position:relative; margin-bottom:10px; display:none; font-family:"bentonsans-medium", sans-serif; }
header nav#main ul > li { }
header nav#main ul > li .icon { max-width:1.1em; display:inline-block; margin-right: 0.3em; vertical-align:top; }
header nav#main ul > li.parent > span,
header nav#main ul > li > a { display:block; font-size:16px; line-height:21px; padding:5px 15px 5px 5px; color:#000; text-decoration:none; margin-left:15px; position:relative; cursor:pointer; }
header nav#main ul > li.parent > span:hover,
header nav#main ul > li > a:hover { color:#3B6909; }
header nav#main ul > li.active { background:#64BE3C; }
header nav#main ul > li.parent > span > .icon,
header nav#main ul > li > a > .icon { position:absolute; left:20px; display:inline-block; width:20px; height:20px; margin-right:10px; margin-bottom:-4px; }
header nav#main ul > li > small { display:block; color:#222; font-family:"bentonsans-bold", sans-serif; font-size:small; }


header nav#main ul > li.parent > span { position:relative; }
header nav#main ul > li.parent > span:before { 
    -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;
     font-style:normal; font-weight:normal; text-decoration:inherit;
    color:#FFF; font-size:18px; padding-right:0.5em; position:absolute; top:6px; left:0; }

header nav#main ul > li.parent.open > span:before { content:"\f0d7"; left:8px; }


header nav#main ul.child,
header nav#main ul.child > li,
header nav#main ul.child > li > a { text-transform:capitalize; position: relative; }
header nav#main ul.child > li > span { display:block; padding:2px 15px 2px 15px; color:#000; }
header nav#main ul.child > li { position:relative; margin-left:25px; }
header nav#main ul.child > li:before {
    -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;
    content:"\f111"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit;
    color:#FF0000; font-size:8px; position:absolute; top:10px; left:0px; }
header nav#main ul.child > li:hover:before { color:#3B6909; }
header nav#main ul.child > li.has-child { margin-top:0.5em; }
header nav#main ul.child > li.has-child:before { display:none; }
header nav#main ul.child > li.has-child > span { padding-left:0; cursor:pointer; }

header nav#main ul > li > large { display:block; padding:10px 20px; color:#6DBE12; font-family:"bentonsans-bold", sans-serif; font-size: 20px;}
header nav#main ul > li > a > h2 { color:#FFF; background-color: #764c29; text-indent: 10px; width: 200px; }


html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,font,img,dl,dt,dd,ol,ul,li,legend,table,tbody,tr,th,td { 
	margin:0px; padding:0px; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; list-style:none; 
}

.clearfix { *zoom:1; }
.clearfix:before,.clearfix:after { display:table; content:""; }
.clearfix:after { clear:both; }
.hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; }
.input-block-level { display:block; width:100%; min-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }

#pano { display:block; width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; bottom:0; right:0; z-index:0; background:#000; }

.wrapper { display:none; width:100%; max-width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; margin:0; z-index:20; overflow:hidden; overflow-y:scroll; }
.wrapper, .fancybox-overlay, .fancybox-overlay-fixed, .fancybox-default-overlay {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: rgba(0,0,0,0.65); 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6000000,endColorstr=#a6000000); 
	zoom: 1;
}
.contentwrapper { 
	position:relative; font-size:16px; font-weight:normal; color:#FFF; margin:0 auto; font-weight:900; 
	display:table; width:100% !important; max-width:400px; height:100% !important; padding:5% 0 100px 0;
}
.contentwrapper #content { 
	display:table-cell; vertical-align:middle; line-height:20px; padding:20px 20px 100px 20px; text-align:left; 
	text-align:center; overflow:hidden; -webkit-overflow-scrolling:touch;
	text-shadow: 0px 0px 10px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); 
}
.contentwrapper #content h1 { display:block; text-align:center;	font-size: 18px; padding-bottom:10px; border-bottom:1px solid #FFF; }
.contentwrapper #content h3 { display:block; text-align:center; }
.contentwrapper #content a:link { color:#FFF; text-align:center; }
.contentwrapper #content a:visited { color:#FFF; text-align:center; }
.contentwrapper #content a:hover { color:#06F; text-align:center; }
.contentwrapper #content p { display:block; text-align:center; margin-bottom:5px; }
.contentwrapper #content ul li { text-align:left; margin-bottom:5px; }

.contentwrapper a.close { 
	display:none; width:75px; height:70px; background:#FFF; padding-top:5px; text-align:center; color:#000; 
	position:absolute; position:fixed; left:50%; margin-left:-37.5px; z-index:5; bottom:-35px; 
	box-shadow:0px 0px 20px #666; -webkit-box-shadow:0px 0px 20px #666;
	-webkit-border-radius:75px; border-radius:75px;
}
.contentwrapper a.close:hover { text-decoration:none; }
.contentwrapper a.close span { display:block; font-size:28px; margin-top:-3px; line-height:36px; font-weight:300; }

section.hide { display:none; }
.hide { display:none; }

@media all and (min-width: 768px) {
	.contentwrapper a.close { display:none; }
}

@media all and (max-width: 768px) {
	.contentwrapper a.close { display:block; }
	.wrapper, .fancybox-overlay, .fancybox-overlay-fixed, .fancybox-default-overlay {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.35))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#59000000',GradientType=0 ); /* IE6-8 */
	}
}

@media screen and (max-width: 480px) {
	.contentwrapper { height:100% !important; max-height:100% !important; padding-bottom:20px; }
	.contentwrapper #content { 
		max-height:100%; overflow:auto;
		position:absolute; top:0px; left:0px; right:0px; bottom:0px;
	}
}

#content .box-econocom { font-family:Arial, Helvetica, sans-serif; background:#3f3f3f; text-shadow:none; filter:none; padding:10px; margin-left:-10px; width:400px; max-width:100%; border-radius:8px; }
#content .box-econocom header { position:relative; padding-bottom:1px; }
#content .box-econocom header:after { display:block; width:180px; height:73px; background:url('skin/logo_client_PP.png') no-repeat center center; background-size:180px 73px; position:absolute; margin:-10 0 0 5px; left:110px; }
#content .box-econocom header h1 { font-family: 'Open Sans', sans-serif; display:block; color:#FFF; border-bottom:none; margin:15px 0 10px;  font-size:20px; line-height:28px; }
#content .box-econocom a,
#content .box-econocom a:link,
#content .box-econocom a:visited { color:#FFF; }
#content .box-econocom .entry { background:#FFF; color:#3f3f3f; padding:10px 10px 10px; font-size:14px; line-height:21px; border-radius:4px; }
#content .box-econocom .entry a { color:#3f3f3f; }
#content .box-econocom .entry h2 { font-family: 'Open Sans', sans-serif; color:#ff4e00; text-align: left; text-decoration:none; font-size:15px; font-weight: bold;}
#content .box-econocom .entry p { text-align:left; margin-bottom:10px; }
#content .box-econocom .entry ul { margin:10px 0; }
#content .box-econocom .entry ul li { list-style-type:none; text-indent:-.7em; padding-left:1em; }
#content .box-econocom .entry ul li:before { content:"• "; color:#ff1a00; }