html,body {width:100%;height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body {margin:0;padding:0;font:11px/18px arial,helvetica,verdana,sans-serif;background:#fff;cursor:default;} table {border-collapse:collapse;border-spacing:0;} hr {height:1px;margin:1em 0;padding:0;display:block;border:0;border-top:1px solid #ccc; } sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} code, pre {width:99%;font-family:'Consolas','Lucida Console','Courier New',Courier,monospace;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;} form {margin:0;padding:0;} label {cursor:pointer;} textarea {resize:vertical;overflow:auto;vertical-align:top;} img {overflow:hidden;} img, a img {border:0;} a:focus,a:active,a:hover {outline:0;} a[href='javascript:;'] {cursor:default;} .dahand, a.dahand[href='javascript:;'] {cursor:pointer;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;} audio, canvas, video {display:inline-block;*display:inline;*zoom:1;} audio:not([controls]) {display:none;height:0;} [hidden] {display:none;} nav ul, nav ol {list-style:none;list-style-image:none;} figcaption { font-size: 0.7em; }

button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;} button, input {line-height:normal;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;} button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px;} input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[class="btn"]::-moz-focus-inner {border:0;padding:0;} input[type="submit"]:focus, input[class="btn"]:focus {outline:none;}

.bcc-all, .btn, #pnav.tbltab a { -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.bcc-top { -webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.bcc-bot { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; }
.bcc-lef { -webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:7px; }
.bcc-rig { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:0px; }
.bcc-non, #getintouch .subscribewrp .fom .btn { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }
/* rizalfarok.sidrablue */
#ov {display:none;position:fixed;left:40px;bottom:40px;z-index:29999;width:134px;height:auto;padding:14px;color:#fff;background:#09c;border:1px solid #016789;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0.9;-ms-filter:'alpha(opacity=90)';filter:alpha(opacity=90);}

.emspace {font:10px/10px arial;height:10px;overflow:hidden;} .floatc {clear:both;} .floatl {float:left;} .floatr {float:right;} .nodisp{display:none;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .nomp{margin:0;padding:0;} .ovhide{overflow:hidden;} .toupper { text-transform: uppercase; } .tolower { text-transform: lowercase; }

.emspace.h1 {height:1px;} .emspace.h5 {height:5px;} .emspace.h20 {height:20px;} .emspace.h30 {height:30px;} .emspace.h40 {height:40px;} .emspace.h50 {height:50px;} .emspace.h60 {height:60px;} .emspace.h70 {height:70px;} .emspace.h80 {height:80px;} .emspace.h90 {height:90px;}

.center { text-align: center; } .tright { text-align: right; } .tleft { text-align: left; } .ll { width: 48%; float: left; } .rr { width: 46%; float: right; }
.colwrp { width: 100%; overflow: hidden; } .coltwo, .coltre, .colfor, .colfiv { float: left; } .coltwo { width: 49%; margin-right: 1%; } .coltre { width: 33%; } .coltre.mid { width: 34%; } .coltre.dbl { width: 66%; } .colfor { width: 25%; } .colfor.dbl { width: 50%; } .colfiv { width: 20%; }
.coltwo.floatr, .coltre.floatr, .colfor.floatr, .colfiv.floatr { float: right; margin-right: 0; }


.col1 { width: 100%; margin-right: 0; float: none; }
.col2 { margin-right: 2%; float: left; } .col2 { width: 49%; } .col2.bord { width: 48.84%; } .col2:last-child { margin-right: 0; }
.col3 { margin-right: 2%; float: left; } .col3 { width: 32%; } .col3.bord { width: 31.84%; } .col3.dbl { width: 66%; } .col3.dbl.bord { width: 65.84%; } .col3:last-child { margin-right: 0; }
.col4 { margin-right: 2%; float: left; } .col4 { width: 23.5%; } .col4.bord { width: 23.34%; } .col4.dbl { width: 49%; } .col4.dbl.bord { width: 48.84%; } .col4.tpl { width: 74.5%; } .col4.tpl.bord { width: 74.34%; } .col4:last-child { margin-right: 0; }
.col5 { margin-right: 2%; float: left; } .col5 { width: 18.4%; } .col5.bord { width: 18.24%; } .col5.dbl { width: 38.8%; } .col5.dbl.bord { width: 38.65%; } .col5.tpl { width: 59.2%; } .col5.tpl.bord { width: 59.04%; } .col5.for { width: 79.6%; } .col5.for.bord { width: 79.44%; } .col5:last-child { margin-right: 0; }


.mob { display: none; }
img.resp { max-width: 100%; height: auto; } @media \0screen { img.resp { width: auto; /* for ie 8 */ } }

a.url, .url { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.img-circle { border-radius: 50%; border-radius: 50% !important; }
.textshadow { text-shadow: 2px 2px 2px rgba(0,0,0, 1); }

.em-code-direction { unicode-bidi:bidi-override;direction:rtl; }

@media all { .pagebreak { display: none; } }
@media print { .pagebreak { display: block; page-break-before: always; } }






/* forms */







/****** colour template ******/
.white, .heading.white, input.btn, a.btn, a.btn:hover, #mnav li a, #mbnav, .mbnav a, #fot, #fot a, .subscribewrp, .indswrp a, .indswrp a:hover, #pnav.tbltab a:hover, #pnav.tbltab a.on, #hero div.h1 h1, #hero div.h1 .fa, .fprojwrp .indswrp .indslink .heading { color: #fff; }
.white_bg, .btn.white { background-color: #fff; }

.black, #pnav.tbltab a { color: #000; }
.black_bg, .bg_black { background-color: #000; }
#pnav.tbltab a { border: 1px solid #000; }

.grey, .heading.grey { color: #eaebec; }
.grey_bg, .btn.grey { background-color: #eaebec; }

/* primary */
.green, .heading.green, a:hover { color: #61ba4e; }
.green_bg, .btn.green, input.btn, a.btn, button.mfp-close, button.mfp-arrow, #hed, #backtotop, #fot, #pnav.tbltab a:hover, .readmore { background-color: #61ba4e; }
#pnav.tbltab a:hover { border: 1px solid #61ba4e; }

/* secondary */
.blue, .heading.blue, a, #backtotop, #mnav li a:hover, #mnav li a.active, #mnav li a.active:hover, #mnav li a#active.active, #fot a.active, #fot a:hover, .mbnav a:hover, .indswrp a .fa, #pnav.tbltab a .fa-sort-down, .owl-nav { color: #152d6a; }
.blue_bg, .btn.blue, input.btn:hover, a.btn:hover, input.btn:focus, a.btn:focus, .subscribewrp, #pnav.tbltab a.on { background-color: #152d6a; }
#pnav.tbltab a.on { border: 1px solid #152d6a; }
#mnav li ul { border-left: 3px solid #152d6a; }

















/* config */
.bod, a figcaption { color: #6d767a; }
.bod, .fom * { font: 400 16px/24px 'Open Sans',sans-serif; }
.fom input:not(.btn), .fom select, .fom textarea, .fom .radiof label { font-size: 0.8em; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px 0; font-family: 'Vidaloka', serif; text-transform: uppercase; line-height: 120%; color: #000; }
h1 { font-size: 2.1em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; } h5 { font-size: 0.83em; } h6 { font-size: 0.75em; }

p { margin: 0; padding: 10px 0; }
a, a:hover, label.plain { text-decoration: none; } a:hover, label.plain:hover {  } a.point { cursor:pointer; }

dl { margin: 0; padding: 0; }
dt { float: left; clear: left;

	width: 100px;
}
dd:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
dd { margin: 0; padding: 0 0 0.5em 0; }

.pagetit { padding-bottom: 20px; }

.linetop { border-top: 1px solid #e7e8e8; }
.linebot { border-bottom: 1px solid #d2d3d3; }
.border-bottom-gradient { border: 1px solid transparent; border-width: 0 0 1px 0;

	-moz-border-image: -moz-linear-gradient(left, #003d6e 0%, #ffffff 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #003d6e 0%, #ffffff 100%);
	border-image: linear-gradient(to right, #003d6e 0%, #ffffff 100%);
	border-image-slice: 1;
}

.vmiddle { /* flexbox */
	display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
	-webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	justify-content: center;
}

.heading { margin: 0 0 10px 0; }
.heading.center, .center .heading { background-position: center bottom; }
.colwrp .wrp { width: auto !important; }
.colwrp .heading { border-bottom: 1px solid #ccc !important; }

.w1280 { width: 1280px; }
.w960 { width: 960px; }
.w560 { width: 560px; }

.colwrp.w960, .colwrp.w1280, .center.w1280, .center .w1280, .center.w960, .center .w960, .center.w560, .center .w560 { margin: 0 auto; }

.colwrp .wrp, .ll .wrp, .rr .wrp { width: auto; padding: 10px; }
.bord { border: 1px solid #ccc; }






/* site */
.wrp { width: 1160px; margin: 0 auto; padding: 0; }

#backtotop { /*display: none;*/ position: fixed; bottom: -130px; right: -130px; width: 102px; height: 116px; padding: 12px 0 0 26px; font-size: 48px; line-height: 100%; color: #fff; cursor: pointer;

	border-radius: 50%; border-radius: 50% !important;

}
#backtotop.tada { bottom: -56px; right: -40px; }



#hed { width: 100%; height: 115px; margin: 0; padding: 0; position: fixed; z-index: 99}
#con {

	min-height: 540px;
	height: auto !important;
	height: 540px;
}
#fot { font-size: 14px; }



#hed .wrp { padding-top: 20px; }
#hed #logo { width: 130px; }
#hed ul { top: 16px; }
#hed li ul { top: 0; background-color: rgba(10,25,29, 0.9); }
.mbnav { background-color: rgba(0,0,0, 0.7); }
#hed .mbnav { background-color: rgba(10,25,39, 0.9); }



#mnav { width: 100%; }
#mnav #logo { width: 220px; float: left; }

#mnav ul { margin: 0; padding: 0; float: right; text-align: right; position: relative; z-index: 998; }
#mnav li { list-style: none; display: inline-block; font-family: 'Vidaloka', serif;

	position: relative;
}
#mnav li a { display: block; margin: 0 12px; text-decoration: none; text-transform: uppercase; }
#mnav li a:hover, #mnav li a.active, #mnav li a.active:hover, #mnav li a#active.active {  }
#mnav li a#active {  }
#mnav li ul { /*display: block;*/ position: absolute; left: 0; top: 0; z-index: 999; margin: 0; padding: 0; float: none; text-align: left; visibility: hidden; margin: 10px 0 0 12px; padding: 10px; background-color: rgba(0,0,0, 0.7); }

#mnav li ul, #mnav li ul li { width: 200px; }
#mnav li ul li { margin: 0; border: 0; }
#mnav li ul li a { display: block; margin: 0; padding: 7px 14px; font-family: 'Open Sans', serif; font-size: 14px; }

#mbnav { display: none; position: absolute; top: 18px; right: 4%; z-index: 99; font-size: 32px; cursor: pointer; }
.mbnav { position: absolute; left: 0; top: 70px; display: none; width: 100%; padding: 7px 0; text-align: center; }
.mbnav a { display: block; padding: 3px 0; font-weight: bold; font-size: 15px; text-transform: uppercase; }



#hero { height: 340px;

	background: url(../img/hero_hom.jpg) no-repeat center center;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}






#fnav { text-transform: uppercase; font-family: 'TradeGothicLT-BoldTwo',sans-serif; }
#copy a.active { cursor: default; }






.readmore { padding: 3px 10px; float: right; color: #fff; right: 0; position: relative; }
.readmore:hover { color: #333; }







/* system */

#syscon { min-height: 471px; height: auto !important; height: 471px; }




/* Header */
.topnav {
	overflow: hidden;
	background-color: #61ba4e;
	/* clear: both; */
	width: 100%;
}
.topnav a {
	/* float: left;
	display: block; */
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}
.topnav a:hover {
	color: black;
}

.topnav a.active {
	color: #152d6a;
}
.topnav .icon {
	display: none;
}
.floatl {
	padding-top: 0 !important; 
}
.header-menu {
	padding-top: 15px;
}



/* paging */
.paging { clear: both; width: 100%; margin: 40px 0 10px 0; overflow: hidden; /*font-variant: small-caps;*/ font-weight: bold; font-size: 13px; line-height: 24px;

	text-align: center;
}
.paging .ll { width: 48%; float: left; }
.paging .rr { width: 48%; float: right; text-align: right; }
.paging span { color: #ccc; }
.paging span.pgnum { font-size: 14px; color: #000; }
.paging span, .paging a { margin-right: 4px; }

.paging img { vertical-align: middle; }

/* system content styles */
table.sb-con {}
table.sb-con tr { vertical-align: top; }
table.sb-con th, table.sb-con td { padding: 5px; line-height: 18px; border: 1px solid #ccc; }
table.sb-con th { font: bold 12px/18px arial; text-align: left; color: #000; }

table.sb-con thead tr th { background: #e3e3e3; }

table.sb-con tbody tr { font: 12px/18px arial; }
table.sb-con table .actions { width: 100px; }
table.sb-con table .timedate { width: 110px; text-align: center; }
table.sb-con table .name { width: 200px; }
table.sb-con table .description { }
table.sb-con table .squeeze { width: 90px; text-align: center; }
table.sb-con table .checkbox { width: 16px; text-align: center; }

table.sb-con td em { color: #a0a0a0; }

.colwrp section ul { padding-left: 10px; margin: 0; }
.colwrp section li { list-style: none; }
.colwrp section li:before { content: "\00BB \0020"; font-size: 1.4em; }

/* tabs */
.tbltab { float: left; padding-left: 3px; }
.tbltab.emp { width: 20px; padding: 0; background: none; border: 0; }
.tbltab a { position: relative; z-index: 1; width: auto; height: min-content; margin: 0 3px 0 0; padding: 7px 14px; float: left; display: block; font-size: 20px; line-height: 34px; color: #000; background: #eee; -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; cursor: pointer;
}
.tbltab a.active, .tbltab a.active:hover { color: #fff; background: #009edb; cursor: default; }
.tbltab a:hover { color: #fff; background: #0076a5; text-decoration: none; }
.tblspc {font:10px/10px arial;height:10px;overflow:hidden;clear:both;height:1px;}
.tblwrp { position: relative; /*top: -2px;*/ left: 1px; z-index: 0; clear: both; padding: 14px 0; }
.tblwrp .tblcon { display: none; min-height: 420px; height: auto !important; height: 420px; }
.tblwrp .tblcon.active { display: block; }

@media only screen and (max-width: 767px) {

	.tbltab { width: 100%; padding: 0; text-align: center; }
	.tbltab a { font-size: 14px; line-height: 21px; height: 21px; padding: 7px 10px; margin: 0;
		float: none;
		display: inline-block;
	}

}



/* form module */
.form_processing { display: none; }
.form_processing button { /*padding: 7px 31px;*/ height: 48px; padding: 0; background: none; border: none; }
.form_loader, .form_loader:before, .form_loader:after { background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
.form_loader:before, .form_loader:after { position: absolute; top: 0; content: ''; }
.form_loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.form_loader { text-indent: -9999em; margin: 5px auto 0; position: relative; font-size: 4px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.form_loader:after { left: 1.5em; }
@-webkit-keyframes load1 { 0%,80%,100% { box-shadow: 0 0 #ffffff; height: 4em; } 40% { box-shadow: 0 -2em #ffffff; height: 5em; } }
@keyframes load1 { 0%,80%,100% { box-shadow: 0 0 #ffffff; height: 4em; } 40% { box-shadow: 0 -2em #ffffff; height: 5em; } }






/*! featherlight */
@media all{html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;cursor:pointer;text-align:center;/*line-height:25px;width:25px;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;*/border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{@page{size:landscape}html.with-featherlight>*>:not(.featherlight){display:none}}
@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}

/* sb-overwrites */
.featherlight .featherlight-close-icon { top: -14px; right: -14px; margin: 0; padding: 10px 14px; border-radius: 50%; border-radius: 50% !important; }
.featherlight .featherlight-content { padding: 0; border: 0;

	overflow: visible;
}
.featherlight .featherlight-inner { padding: 10px; }
































/* anim */
.resp, .wrp, .ll, .rr, #backtotop, #hero, #mnav, #logo, #mnav ul, .indswrp a, .indswrp .indslink {
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.cycle-slideshow .resp, #mnav ul ul {
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}






/* resp */
@media only screen and (max-width: 2560px) {



}
@media only screen and (max-width: 1920px) {



}
@media only screen and (max-width: 1680px) {



}
@media only screen and (max-width: 1600px) { /*google+material*/



}
@media only screen and (max-width: 1440px) { /*google+material*/



}
@media only screen and (max-width: 1400px) {



}
@media only screen and (max-width: 1366px) {



}
@media only screen and (max-width: 1280px) { /*google+material*/

	.col2 { margin-right: 2%; float: left; } .col2 { width: 48.9%; } .col2.bord { width: 48.7%; } .col2:last-child { margin-right: 0; }
	.col3 { margin-right: 2%; float: left; } .col3 { width: 31.9%; } .col3.bord { width: 31.7%; } .col3.dbl { width: 65.9%; } .col3.dbl.bord { width: 65.7%; } .col3:last-child { margin-right: 0; }
	.col4 { margin-right: 2%; float: left; } .col4 { width: 23.4%; } .col4.bord { width: 23.2%; } .col4.dbl { width: 48.9%; } .col4.dbl.bord { width: 48.7%; } .col4.tpl { width: 74.4%; } .col4.tpl.bord { width: 74.2%; } .col4:last-child { margin-right: 0; }
	.col5 { margin-right: 2%; float: left; } .col5 { width: 18.3%; } .col5.bord { width: 18.1%; } .col5.dbl { width: 38.7%; } .col5.dbl.bord { width: 38.5%; } .col5.tpl { width: 59.1%; } .col5.tpl.bord { width: 58.9%; } .col5.for { width: 79.5%; } .col5.for.bord { width: 79.3%; } .col5:last-child { margin-right: 0; }

}
@media only screen and (max-width: 1200px) {

	.wrp { width: 94%; }

}
@media only screen and (max-width: 1097px) {



}
@media only screen and (max-width: 1024px) { /*google+material*/



}
@media only screen and (max-width: 991px) { /* bootstrap */



}
@media only screen and (max-width: 960px) { /*google+material*/



}
@media only screen and (max-width: 900px) {



}
@media only screen and (max-width: 840px) { /*google+material*/

	#mnav li a { font-size: 14px; }
	#mnav li ul li a { font-size: 13px; }
	.ll, .rr { float: none; display: block; width: 100%; }
	.ll.dsk, .rr.dsk { display: none; }
	.ll .wrp, .rr .wrp { padding: 10px 0; }


}
@media only screen and (max-width: 800px) {

	#mnav li a { margin: 0 4px; }
	#mnav li ul { margin: 10px 0 0 9px; }



}
@media only screen and (max-width: 768px) {

	.wrp { width: 84%; }
	.col2, .col3, .col4, .col5, .col3.dbl, .col4.dbl, .col4.tpl, .col5.dbl, .col5.tpl, .col5.for,
	.col2.bord, .col3.bord, .col4.bord, .col5.bord, .col3.dbl.bord, .col4.dbl.bord, .col4.tpl.bord, .col5.dbl.bord, .col5.tpl.bord, .col5.for.bord
	{ margin: 0 0 20px 0; float: none; width: auto; }
	.col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child { margin-bottom: 0; }

}
@media only screen and (max-width: 767px) {

	.dsk, #mnav .mnav/*, .hvid, #hero .hedblurb, .herofot*/ { display: none; }
	.mob, #mnav #mbnav { display: block; }
	.fom input:not(.btn), .fom select, .fom textarea, .fom .radiof label { font-size: 0.9em; }
	#hed { height: 70px; }
	#hed #logo { width: 100px; }


}
@media only screen and (max-width: 736px) {


	#syscon { min-height: 40px; height: auto !important; height: 40px; }

}
@media only screen and (max-width: 720px) { /*google+material*/



}
@media only screen and (max-width: 667px) {

	#copy span, #copy a { display: block; }
	#copy .pipe { display: none; }


}
@media only screen and (max-width: 640px) { /*640x360androids*/



}
@media screen and (max-width: 600px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  #logo img.resp {
	max-width: 70px;
	margin-bottom: -20px;
  }
  .header-google {
	display: none;
  }
  #hed {
	padding-top: 20px !important;
  }
}
@media only screen and (max-width: 600px) { /*google+material*/
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.topnav.responsive a {
	  float: none;
	  display: block;
	  text-align: left;
	}
}
@media only screen and (max-width: 480px) { /*google+material*/



}
@media only screen and (max-width: 414px) {


	.fwrp input:not(.btn), .fwrp textarea { width: 90%; }
	input.btn, a.btn { width: auto; padding: 0 20px; display: inline-block; }
	.fom .radiof input, .fom .radiof label { float: left; }
	.fom .radiof input { width: 16px; }
	.fom .radiof label { width: 90%; }


}
@media only screen and (max-width: 375px) {



}
@media only screen and (max-width: 374px) {



}
@media only screen and (max-width: 360px) { /*google+material*/




}
@media only screen and (max-width: 320px) {



}




















/* user styles */
.text10 { font-size: 10px; } .text11 { font-size: 11px; } .text12 { font-size: 12px; } .text13 { font-size: 13px; } .text14 { font-size: 14px; } .text15 { font-size: 15px; } .text16 { font-size: 16px; } .text18 { font-size: 18px; }
.text20 { font-size: 20px; } .text21 { font-size: 21px; } .text24 { font-size: 24px; } .text26 { font-size: 26px; }
.text30 { font-size: 30px; } .text31 { font-size: 31px; } .text32 { font-size: 32px; } .text34 { font-size: 34px; }

.text17 { font-size: 1.2em; }
.text19 { font-size: 1.4em; }
.text22 { font-size: 1.6em; }
.text28 { font-size: 2.0em; }
.text36 { font-size: 2.6em; }
.text48 { font-size: 3.4em; }
.text54 { font-size: 3.8em; }
.text60 { font-size: 4.4em; }
.text72 { font-size: 5.2em; }

.text21, .text22, .text23, .text24, .text26, .text28, .text30, .text31, .text32, .text34, .text36, .text48, .text54, .text72 { line-height: 100%; }



.underline { text-decoration: underline; }
.nopadding { margin: 0; padding: 0; }

.image_left { float: left; margin: 0 20px 20px 0; }
.image_right { float: right; margin: 0 20px 20px; text-align: right; }

a[href="javascript:;"].activate { cursor: pointer; }
.chidden { display: none; }

/* table options */
.optlnk { position: relative; }
.optlnk.on, .optlnk.on:hover, .btn.optlnk:hover { background-color: #91c854; color: #fff; }
.optwrp { position: absolute; top: 34px; left: -4px; z-index: 999; cursor: default; background-color: #fff; border: 1px solid #e0e7e8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);

	width: 290px;
	height: 420px;
}
.optwrp:after, .optwrp:before { bottom: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.optwrp:after { border-color: rgba(42,42,42,0); border-bottom-color: #2a2a2a; border-width: 10px; margin-left: -10px; }
.optwrp:before { border-color: rgba(224,231,232,0); border-bottom-color: #e0e7e8; border-width: 11px; margin-left: -11px; }

.opthed { font-weight: 600; color: #fff; background: #2a2a2a; }
.optcon { color: #444; }
.optcon .radiof { width: 100%; }
.optcon .btn { float: none; }
.optcon select { width: 96%; }


.optlnk.custom-fil{
	float: right;
}

.optlnk.custom-fil section.optwrp{
	width:300px;
	left: auto;
	right: 0;
	top: 100%;
	height: auto !important;
	padding-bottom: 15px;
}

.optlnk.custom-fil section.optwrp::after, .optlnk.custom-fil section.optwrp::before{
	right: 5%;
	left:auto;
}

.optlnk.custom-fil .fom{
	padding:15px;
}

.custom-fil .fom .btn{
	float:left;
}

.custom-fil .opthed{
	padding:10px 0;
}

.custom-fil select.cls_rows{
	height: auto !important;
	position: relative;
	left: 10px;
}