﻿/*---reset-start---*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;}
div{ position:relative;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;  width:100%;}
/* start editing from here */
a{text-decoration:none; cursor:pointer;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:1px;	border-bottom: 1px dashed #bbb; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}
img{max-width:100%;}
/*---reset-end---*/

html {overflow-y: -moz-scrollbars-vertical; -ms-overflow-y: scroll; overflow-y: scroll; overflow-x:hidden;}
.html-noscroll {overflow-y: -moz-scrollbars-hidden !important; -ms-overflow-y: hidden !important; overflow-y: hidden !important;}





/*----fonts-start---*/

@font-face { 
    font-family: 'AmbleLight';
    src: url('/fonts/Amble-Light.eot');
    src: url('/fonts/Amble-Light?#iefix') format('embedded-opentype'),
         url('/fonts/Amble-Light.ttf') format('truetype'),
         url('/fonts/Amble-Light.svg#AmberLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	@font-face {
		font-family: 'AmbleLight';
		src: url( '/fonts/Amble-Light.ttf ') format("truetype");
 	}
}

@font-face {
    font-family: 'ExistenceLight';
    src: url('/fonts/Existence-Light.eot');
    src: url('/fonts/Existence-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Existence-Light.ttf') format('truetype'),
         url('/fonts/Existence-Light.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GandhiSansRegular';
    src: url('/fonts/GandhiSans-Regular.eot');
    src: url('/fonts/GandhiSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GandhiSans-Regular.ttf') format('truetype'),
         url('/fonts/GandhiSans-Regular.svg#GandhiSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Bebas';
	src: url('/fonts/Bebas.eot');
	src: url('/fonts/Bebas.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/Bebas.woff') format('woff'), 
		url('/fonts/Bebas.ttf') format('truetype'), 
		url('/fonts/Bebas.svg#Bebas') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Engagement-Regular';
	src: url('/fonts/Engagement-Regular.eot');
	src: url('/fonts/Engagement-Regular.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/Engagement-Regular.woff') format('woff'), 
		url('/fonts/Engagement-Regular.ttf') format('truetype'), 
		url('/fonts/Engagement-Regular.svg#Engagement-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
	src: url('/fonts/Ubuntu.eot');
	src: url('/fonts/Ubuntu.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/Ubuntu.woff') format('woff'), 
		url('/fonts/Ubuntu.ttf') format('truetype'), 
		url('/fonts/Ubuntu.svg#Ubuntu') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Kenyan';
	src: url('/fonts/KenyanCoffee.eot');
	src: url('/fonts/KenyanCoffee.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/KenyanCoffee.woff') format('woff'), 
		url('/fonts/KenyanCoffee.ttf') format('truetype'), 
		url('/fonts/KenyanCoffee.svg#KenyanCoffee') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Roboto';
	src: url('/fonts/Roboto.eot');
	src: url('/fonts/Roboto.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/Roboto.woff') format('woff'), 
		url('/fonts/Roboto.ttf') format('truetype'), 
		url('/fonts/Roboto.svg#Roboto') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Open';
	src: url('/fonts/OpenSans.eot');
	src: url('/fonts/OpenSans.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/OpenSans.ttf') format('truetype'), 
		url('/fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Wuf';
	src: url('/fonts/wfsr.eot');
	src: url('/fonts/wfsr.eot?#iefix') format('embedded-opentype'), 
		url('/fonts/wfsr.woff') format('woff'), 
		url('/fonts/wfsr.ttf') format('truetype'), 
		url('/fonts/wfsr.svg#wfsr') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----fonts-end -----*/


/*--- backgrounds ---*/

.background-shaded {

	background: rgba(0,0,0,0);						
	background: linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%);
	background: -o-linear-gradient(top, rrgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgb(215,237,253) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%);
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,.2)),color-stop(1, rgba(0,0,0,.1)));
}



.background1,
.placeholder-popup .close-popup {
	text-shadow: 0px 1px 0px rgba(255,255,255,.3);
	color:#53535E;

	background: rgb(185,203,255);						
	background: linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -o-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -moz-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -webkit-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -ms-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgb(185,203,255)),color-stop(1, rgb(215,237,253)));
}

.background2,
.placeholder-popup .close-popup:hover {
	text-shadow: 0px 1px 0px rgba(0,0,0,.3);
	color:#fff;
	border: 1px solid #028FF1 !important;

 
    background: rgba(0, 150, 255, 1);      
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0cf), color-stop(1, #0096ff));
    background:-moz-linear-gradient(top, #0cf 5%, #0096ff 100%);
    background:-webkit-linear-gradient(top, #0cf 5%, #0096ff 100%);
    background:-o-linear-gradient(top, #0cf 5%, #0096ff 100%);
    background:-ms-linear-gradient(top, #0cf 5%, #0096ff 100%);
    background:linear-gradient(to bottom, #0cf 5%, #0096ff 100%);
 }  
 

/*--- Colors ---*/
.success, .error, .information, .critical, .message  {background-position: 10px center;background-size: 20px 20px;background-repeat: no-repeat;padding-left:50px;display:inline-block;font-size:12px;text-shadow: 0px 1px 0px rgba(0,0,0,.2);}

.success {color: #ADFF00;background-image: url('/image/content/message/success.png');}
.error {color: #FF7449;background-image: url('/image/content/message/error.png');}
.information {color: #00E6FF;background-image: url('/image/content/message/info.png');}
.critical {color: #FC0;background-image: url('/image/content/message/critical.png');}
.message {color: #FFF;/*background-image: url('/image/content/message/message.png');*/}



/*--- Message ---*/
.container-message {background-color: rgba(255, 255, 255, 0.95);text-align: center;position: fixed; left: 0px;right: 0px;top: 60px;z-index: 7001;cursor:pointer;box-shadow:0px 0px 1px 0px rgba(0,0,0,.3);}

.container-message > .content-message { line-height: 2em;}
.container-message > .content-message > div {background-position:right center; background-repeat:no-repeat;	padding: 10px 40px;}
.container-message > .content-message > .text-message {background-image: url('/image/content/button/message.png');color:#007ACC;}
.container-message > .content-message > .text-message:hover {background-image: url('/image/content/button/message-hover.png');}
.container-message > .content-message > .text-info {background-image: url('/image/content/button/info.png');}
.container-message > .content-message > .text-info:hover {background-image: url('/image/content/button/info-hover.png');}
.container-message > .content-message > .text-error {background-image: url('/image/content/button/error.png');color: #CA0000;}
.container-message > .content-message > .text-error:hover {background-image: url('/image/content/button/error-hover.png');}


/*--- Status Container ---*/
.status-container {background-color:#55556B;padding:8px 40px 8px 8px;border-radius:3px;text-shadow:none;position:relative; background-image: url('/image/content/icons/close-white.png');background-position:  99% 8px;background-repeat: no-repeat;cursor:pointer;	text-align:center;}
.status-close {	position:absolute;top:-6px;right:-6px;cursor:pointer;}

.status-content {display: block;}
.status-content .status {display: block;font-size:1em; background-image:url('/image/cross.png'); background-position:97% center; background-repeat:no-repeat;padding: 2.5%; cursor:pointer; margin:0px;}



/*--- Progress ---*/
.loading-progress-tiny, 
.loading-progress-small,
.loading-progress  {background-image: url('/image/loading/Loading.gif');background-position: center center;background-repeat: no-repeat;display:block;background-color:rgba(0,0,0,.1); min-height:220px;  min-width:290px; }
.loading-progress-small  {background-image: url('/image/loading/LoadingSmall.gif'); min-height:23px;  min-width:70px; }
.loading-progress-tiny  {background-image: url('/image/loading/LoadingTiny.gif');min-height:16px;  min-width:16px;}


.content-progress  {background-image: url('/image/loading/loadingtiny.gif');background-position: center center;background-repeat: no-repeat;height:32px; width:32px;float: left; display:block;}

/*.blockUI.blockOverlay { z-index: 9000 !important;}
.blockUI.blockMsg { z-index: 9002 !important;}*/

.blockUI .content-progress {height:300px; width:auto; float:none;background-image: url('/image/loading/loading.gif');}


/*.popupprogress-container  {width:32px;height:32px;vertical-align:middle;display:inline-block;}
.popupprogress, .content-progress  {background-image: url('/image/loading/loadingtiny.gif');background-position: center center;background-repeat: no-repeat;height:32px; width:32px;float: left; display:block;}


.progress-placeholder .popupprogress-container {position: fixed;display: block;left: 0px;top: 0px;height: 100%;width: 100%;padding:0px;margin:0px;z-index:5000; background-image:none;	opacity:1;}

.progress-placeholder .popupprogress-container .popupprogress {	height: 100%;width: 100%;top: 0px; left: 0px; padding:0px; margin:0px;position:absolute; z-index:5001;background-image: url('/image/loading/loading.gif');}*/

.popupprogress-container  {position:absolute; top:-5px; bottom:-5px; left:-5px;right:-5px; background-color:rgba(0,0,0,.1); border-radius:4px;}
.popupprogress-container .popupprogress  {background-image: url('/image/loading/loadingtiny.gif');background-position: center center;	background-repeat: no-repeat; height:32px; width:32px; display:block; position:absolute; top:50%; margin-top:-16px; left:50%; margin-left:-16px;}


/*--- Indicators ---*/
.indicator, .indicator-valid, .indicator-invalid  {padding:16px; display:inline;}
.indicator-valid, .indicator-invalid {background-repeat: no-repeat;background-position:center center;background-size:auto auto;}

.indicator-valid {background-image:url('/image/content/button/valid.png');}
.indicator-invalid {background-image:url('/image/content/button/invalid.png');}


/*--- UIs ---*/
.ui-border { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border:1px solid #e1e1e1; 
box-shadow: 1px 1px 0px 0px white, 1px 1px 0px 0px white inset;
-webkit-box-shadow: 1px 1px 0px 0px white, 1px 1px 0px 0px white inset;
-moz-box-shadow: 1px 1px 0px 0px white, 1px 1px 0px 0px white inset;
-o-box-shadow: 1px 1px 0px 0px white, 1px 1px 0px 0px white inset;}


.ui-radius4 {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-radius: 4px;-chrome-radius: 4px;-ms-radius: 4px;-khtml-radius: 4px;}
.ui-radius3 {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-radius: 3px;-chrome-radius: 3px;-ms-radius: 3px;-khtml-radius: 3px;}
.ui-radius2{border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius:2px; -o-border-radius: 2px;-chrome-radius: 2px;-ms-radius: 2px;-khtml-radius: 2px;}
.ui-radius0{border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius:0px !important; -o-border-radius: 0px !important;-chrome-radius: 0px !important;-ms-radius: 0px !important;-khtml-radius: 0px !important;}


.ui-kenyan {font-family: 'Kenyan';}
.ui-julius {font-family: 'Julius Sans One';}
.ui-amber {font-family: 'AmbleLight';}
.ui-amberupper {font-family: 'AmbleLight';text-transform:uppercase;}
.ui-gandhi {font-family: 'GandhiSansRegular';}
.ui-titleupper {font-family: 'Roboto','ExistenceLight';text-transform:uppercase;}
.ui-title {font-family:'Roboto','ExistenceLight','Julius Sans One','GandhiSansRegular';}
.ui-bebas {font-family: 'Bebas';  word-spacing:4px;}
.ui-roboto {font-family: 'Roboto';}
.ui-ubuntu {font-family: 'Ubuntu';}
.ui-wuf {font-family: 'Wuf';}
.ui-open {font-family: 'Open';}
.ui-engagement {font-family: 'Engagement-Regular';}

.ui-heading {font-size:3.6em;}
.ui-subheading  {font-size:2.8em;}
.ui-brief {font-size:2em;}
.ui-detail {font-size:1.4em;}
.ui-texth {font-size:1.5em; }
.ui-text {font-size:0.85em; }
.ui-small {font-size:0.75em; }
.ui-texth, .ui-text {line-height:2em;}

.ui-thin {  font-weight:100; }      
.ui-thin-i {  font-weight:100 !important; }

.ui-bold {  font-weight:400; }
.ui-italic {  font-style:italic; }
.ui-upper {   text-transform:uppercase;}
.ui-crossed {  text-decoration:line-through;}

.ui-display-inline {display: inline !important;}
.ui-display-inlineblock {display: inline-block !important;}
.ui-display-block {display: block !important;}
.ui-display-none {display:none !important;}


.ui-color-strong {color:#578F1B; /*#7BBB36*/}
.ui-color-high {color:#6DAD28; /*#7BBB36*/}
.ui-color-title{color:rgb(255, 143, 0);}
.ui-color-error{color:red;}
.ui-color-dark {color:#252525;}
.ui-color-white {color:#fff;}

.ui-bgcolor-white{background-color: #fafafa;padding:1em;border-radius: 3px;border: 1px solid #ccc;border-top: 4px solid #7BBB36;}


.ui-true{color:rgb(255, 143, 0); }
.ui-false{color:#aaa;}

.ui-light {color:#9CE024;}
.ui-msg{color:#7BBB36;}
.ui-err{color:#ff0000;}
.ui-hgh {color: #FE6601;}
.ui-inf {color: #9E9E9E;}
.ui-req {color: #cc0000;padding: 0 0.5em;}


.ui-bg-white{background-color: #fff;}
.ui-bg-red{background-color: #C26161;}
.ui-bg-green{background-color: #7DB655; }
.ui-bg-blue{background-color: #685A9F;}
.ui-bg-yellow {background-color: #C69668;}


.ui-icon { background-position: left 5px;background-repeat: no-repeat;padding-left: 48px !important;background-size: 32px;}
.ui-icon-tips{ background-image: url('/image/icon/icon-tip.png');}


.ui-font-size-12 { font-size: 12px;}

.ui-bgi-l {background-position: left center;background-repeat: no-repeat;}
.ui-bgi-c {background-position: center center;background-repeat: no-repeat;}
.ui-bgi-download {background-image:url('/image/content/icons/download.png');}
.ui-bgi-circle {background-image:url('/image/content/icons/circle.png'); background-size:contain;}
.ui-bgi-tick {background-image:url('/image/content/icons/tick.png'); background-size:16px; padding-left:20px; }
.ui-bgi-cross {background-image:url('/image/content/icons/cross.png'); background-size:16px; padding-left:20px;  }
.ui-bgi-none {background-image: none !important;}

.ui-pad0{padding:0px !important;}
.ui-pad0-l{padding-left:0px !important;}
.ui-pad0-r{padding-right:0px !important;}
.ui-pad0-h{padding-left:0px !important;padding-right:0px !important;}
.ui-pad0-t{padding-top:0px !important;}
.ui-pad0-b{padding-bottom:0px !important;}
.ui-pad0-v{padding-top:0px !important;padding-bottom:0px !important;}

.ui-pad6{padding:6px !important;}
.ui-pad6-l{padding-left:6px !important;}
.ui-pad6-r{padding-right:6px !important;}
.ui-pad6-h{padding-left:6px !important;padding-right:6px !important;}
.ui-pad6-t{padding-top:6px !important;}
.ui-pad6-b{padding-bottom:6px !important;}
.ui-pad6-v{padding-top:6px !important;padding-bottom:6px !important;}

.ui-pad12{padding:12px !important;}
.ui-pad12-l{padding-left:12px !important;}
.ui-pad12-r{padding-right:12px !important;}
.ui-pad12-h{padding-left:12px !important;padding-right:12px !important;}
.ui-pad12-t{padding-top:12px !important;}
.ui-pad12-b{padding-bottom:12px !important;}
.ui-pad12-v{padding-top:12px !important;padding-bottom:12px !important;}

/*---- temp class ---*/
.ui-pad2em-h-temp { padding-left: 2em; padding-right: 2em;}
.ui-pad2em-l-temp { padding-left: 2em;}
.ui-pad2em-r-temp { padding-right: 2em;}

.ui-pad24{padding:24px !important;}
.ui-pad24-l{padding-left:24px !important;}
.ui-pad24-r{padding-right:24px !important;}
.ui-pad24-h{padding-left:24px !important;padding-right:24px !important;}
.ui-pad24-t{padding-top:24px !important;}
.ui-pad24-b{padding-bottom:24px !important;}
.ui-pad24-v{padding-top:24px !important;padding-bottom:24px !important;}

.ui-pad1em{padding:1em !important;}
.ui-pad1em-l{padding-left:1em !important;}
.ui-pad1em-r{padding-right:1em !important;}
.ui-pad1em-h{padding-left:1em !important;padding-right:1em !important;}
.ui-pad1em-t{padding-top:1em !important;}
.ui-pad1em-b{padding-bottom:1em !important;}
.ui-pad1em-v{padding-top:1em !important;padding-bottom:1em !important;}

.ui-pad2em{padding:2em !important;}
.ui-pad2em-l{padding-left:2em !important;}
.ui-pad2em-r{padding-right:2em !important;}
.ui-pad2em-h{padding-left:2em !important;padding-right:2em !important;}
.ui-pad2em-t{padding-top:2em !important;}
.ui-pad2em-b{padding-bottom:2em !important;}
.ui-pad2em-v{padding-top:2em !important;padding-bottom:2em !important;}

.ui-margin-auto { margin:0 auto !important;}


.ui-margin0{margin:0px !important;}
.ui-margin0-l{margin-left:0px !important;}
.ui-margin0-r{margin-right:0px !important;}
.ui-margin0-h{margin-left:0px !important;margin-right:0px !important;}
.ui-margin0-t{margin-top:0px !important;}
.ui-margin0-b{margin-bottom:0px !important;}
.ui-margin0-v{margin-top:0px !important;margin-bottom:0px !important;}

.ui-margin12{margin:12px !important;}
.ui-margin12-l{margin-left:12px !important;}
.ui-margin12-r{margin-right:12px !important;}
.ui-margin12-h{margin-left:12px !important;margin-right:12px !important;}
.ui-margin12-t{margin-top:12px !important;}
.ui-margin12-b{margin-bottom:12px !important;}
.ui-margin12-v{margin-top:12px !important;margin-bottom:12px !important;}


.ui-margin24{margin:24px !important;}
.ui-margin24-l{margin-left:24px !important;}
.ui-margin24-r{margin-right:24px !important;}
.ui-margin24-h{margin-left:24px !important;margin-right:24px !important;}
.ui-margin24-t{margin-top:24px !important;}
.ui-margin24-b{margin-bottom:24px !important;}
.ui-margin24-v{margin-top:24px !important;margin-bottom:24px !important;}

.ui-margin1em{margin:1em !important;}
.ui-margin1em-l{margin-left:1em !important;}
.ui-margin1em-r{margin-right:1em !important;}
.ui-margin1em-h{margin-left:1em !important;margin-right:1em !important;}
.ui-margin1em-t{margin-top:1em !important;}
.ui-margin1em-b{margin-bottom:1em !important;}
.ui-margin1em-v{margin-top:1em !important;margin-bottom:1em !important;}

.ui-margin2em{margin:2em !important;}
.ui-margin2em-l{margin-left:2em !important;}
.ui-margin2em-r{margin-right:2em !important;}
.ui-margin2em-h{margin-left:2em !important;margin-right:2em !important;}
.ui-margin2em-t{margin-top:2em !important;}
.ui-margin2em-b{margin-bottom:2em !important;}
.ui-margin2em-v{margin-top:2em !important;margin-bottom:2em !important;}


.ui-marginadjust-v24{margin-top:-24px !important; margin-bottom:24px !important;}
.ui-marginadjust-t24{margin-top:-20px !important;}

.ui-margin-768-none { margin-left: 1em;}
.ui-margin-1024-none { margin-left: 1em;}


.ui-align-right { text-align:right !important;}
.ui-align-left { text-align:left !important;}
.ui-align-center {text-align:center !important;}
.ui-align-top { vertical-align:top !important;}
.ui-align-middle { vertical-align:middle !important;}

.ui-float-left {float:left !important;}
.ui-float-right {float:right !important;}
.ui-float-none {float:none !important;}

.ui-float-right-768-none {float:right !important;}
.ui-float-right-1024-none {float:right !important;}

.ui-minheight0 { min-height: 0 !important;}
.ui-minheight50 { min-height: 50px !important;}
.ui-height-auto { height: auto !important;}
.ui-width-auto { width: auto !important;}

/*--- UI Boxes ---*/
.ui-box-emphasize, .ui-box-error, .ui-box-info, .ui-box-alert, .ui-box-message, .ui-box-success {border: 1px Solid #DEDEE5;padding: 9px;line-height: 24px;box-shadow: 0px 1px 0px 0px rgba(255,255,255,.5) inset; background-position:right center; background-repeat:no-repeat; background-size:24px 24px; border-radius:3px;}

/*.ui-box-error {	background-color: #FFDCD2;background-image:url('/image/content/message/error.png');}
.ui-box-alert {background-color: #FFFFD3 !important;background-image:url('/image/content/message/alert.png');}
.ui-box-emphasize {background-color: #E6FFD2 !important; background-image:url('/image/content/message/alert.png');}
.ui-box-info {background-color: #EAEAFF !important;background-image:url('/image/content/message/info.png');}*/

.ui-box-error {	background-color: #FFDCD2;color:#cc0000;}
.ui-box-alert {background-color: #FFFFD3 !important; color:#ff0000;}
.ui-box-emphasize {background-color: #E6FFD2 !important; }
.ui-box-info {background-color: #EAEAFF !important;}

.ui-cover-error {display: block;background-color: #C30000;border-radius: 0 0 3px 3px;margin: -1px; text-align:left;}
.ui-cover-error > .ui-err {color: #fff;font-size: 0.8em;padding: 10px;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.23); line-height:3em;  text-align:left;}

.ui-super-content{}
.ui-super-content > .ui-super {position: absolute;font-size: 11px;top: 0px;}
.ui-super-content > .ui-super-text { display: block; padding-top:16px; }

.ui-box {
	display:-ms-flexbox;
	-ms-flex-align:center;
	/*display:-moz-box;*/
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-align:center;
	display:box;
	box-align:center;
}
.ui-box-left {
	display:-ms-flexbox;
	-ms-flex-pack:start !important;
	-ms-flex-align:start;
	/*display:-moz-box;*/
	-moz-box-pack:start !important;
	-moz-box-align:start;
	display:-webkit-box;
	-webkit-box-pack:start !important;
	-webkit-box-align:start;
	display:box;
	box-pack:start !important;
	box-align:start;
}
.ui-box-center {
	display:-ms-flexbox;
	-ms-flex-pack:center !important;
	-ms-flex-align:center;
	/*display:-moz-box;*/
	-moz-box-pack:center !important;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center !important;
	-webkit-box-align:center;
	display:box;
	box-pack:center !important;
	box-align:center;
}
.ui-box-right {
	display:-ms-flexbox;
	-ms-flex-pack:end;
	-ms-flex-align:end;
	/*display:-moz-box;*/
	-moz-box-pack:end;
	-moz-box-align:end;
	display:-webkit-box;
	-webkit-box-pack:end;
	-webkit-box-align:end;
	display:box;
	box-pack:end;
	box-align:end;
}







/*--- ReadMore ---*/
.readmore {padding:1em 0;}
.readmore >  input[type=button] {padding:1em; background-color:#252525; color:#fff; border-width:0px; cursor:pointer; font-family:inherit; outline:none;}
.readmore >  input[type=button]:hover { background-color:#7BBB36; color:#252525;}
.readmore >  input[type=button]:active { background-color:#7BBB36; color:#fff;}
.readmore >  input.toggle {	border-radius:5em; float:right;}

.readmore > a{ text-decoration: none; letter-spacing: 1px; font-family: 'Julius Sans One'; font-size:0.875em; background-color: #7BBB36; display: inline-block; padding: 4px 12px; line-height: 1.8em; color: #ffffff; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius:2px; -o-border-radius: 2px;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
.readmore > a:hover{ background: #252525;}

.circle {padding: 8px 10px;display: block;border-radius: 20px;border: 1px solid #CCC;width: 20px;text-align: center; margin-top:-1px;}




/*--- buttons ---*/
.buttons{padding:2em 0em;text-align:right;margin:0px;}

.buttons .submit, .buttons .reset, 
.buttons [type=button], .buttons [type=submit], .buttons [type=reset], 
.buttons .general, .buttons .faded
{
    cursor: pointer;
    padding: 12px 24px;
    border: 1px solid transparent;
    background-color: #66A025;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    color: #fff;
    max-height: 100%;
}


.buttons.action input[type=button],
.buttons.action input[type=submit],
.buttons.action input[type=reset],
.buttons.action button
{
    padding: 0.75em 2em;
    font-size: 30px;
    text-transform: uppercase; /*border: 5px solid #655709;*/
    letter-spacing: 2px;
    text-shadow: 0 1px 0 rgba(0,0,0,.7);
    background-image: url("/image/icon/go.png"),url("/image/bgshare.png");
    background-size: 64px 64px, 1px 102%;
    background-repeat: no-repeat, repeat-x;
    background-position: right center, center center;
}

.buttons.action .btn-smaller 
{
    padding: 0.75em 1.5em !important;
    font-size: 24px !important;
    background-size: 48px 48px, 1px 102% !important;
}

.buttons .reset, .buttons input[type=reset]{background-color: #000;float:left;}
.buttons .general{background-color: #444;}
.buttons .faded {background-color: #DDD;color:#444;}

.buttons .submit:hover, .buttons input[type=submit]:hover, .buttons .general:hover{ background-color: #252525;}
.buttons .reset:hover, .buttons input[type=reset]:hover{ background-color: #252525;color: #7BBB36;}
.buttons .faded:hover{ background-color: #555;color: #eee;}
.buttons .download { width: 100%;}






/*---  tokens ----*/
.tokens{ text-align: center;}
.token{display: inline-block;vertical-align: top; margin: 20px;}
.token .token-image {max-height: 96px; max-width:200px;}
.token .token-text{font-size: 12px;color: #545454;margin: 5px 0px;}


/*----- credits ----*/
.credit .credit-image{ max-width: 200px;}



/*--- titler  ----*/
.titler{text-align: center;height:100px;}
.titler div {height:100%;}
.titler h5 {background-image:url('/image/dot.png');background-repeat:repeat-x;background-position: center center;width:33%;float:left;height:100%;}
.titler h3{text-transform: uppercase; text-align: center;width:34%;	float:left; line-height:96px;}








/* ----- Popup ---*/
.background-popup  {display: none;position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 4001;background-color:rgba(0,0,0,0.4);}
.background-popup[bgColor=white] { background-color:rgba(255,255,255,0.7);}
.background-popup[bgColor=none] { background-color:rgba(255,255,255,0);}


.context-popup {display: none;position: fixed; top:0px;left:0px;right: 0px;bottom: 0px;overflow-y:auto;z-index:4002;}	

.placeholder-popup {height: auto;width: 520px;z-index: 4010; border: 0px Solid #0096FF; background-color: #F1F1F5; text-align: left;line-height:2em; position:relative; margin:0px auto;
-webkit-box-shadow: 0 0 100px 0px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 100px 0px rgba(0, 0, 0, .2);
box-shadow: 0 0 100px 0px rgba(0, 0, 0, .2);}


.placeholder-popup[tagWidth=large] {width:700px;max-width:90%;}
.placeholder-popup[tagWidth=xlarge] {width:850px;max-width:90%;}
.placeholder-popup[tagWidth=xxlarge] {width:1024px;max-width:90%;background-color: #FFF;}
.placeholder-popup[tagWidth=full] {width:100%;max-width:100%; border-radius:0px; background-color:transparent; 	-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;}

.placeholder-popup > div.container-popup {overflow-y:auto;}
.placeholder-popup[tagHeight=full] > div.container-popup {width:1024px !important; margin:0px auto;}

.placeholder-popup .close-popup {font-size: 30px;font-weight:400;display: block;cursor: pointer; z-index:1; position:absolute ; background-color: #0096FF;text-decoration: none;border-radius: 3px;right:12px;top:12px;bottom: 12px;border:1px Solid #0096FF;padding: 6px 15px;}
.placeholder-popup[tagHeight=full] .close-popup {position:fixed;right:32px;}
.placeholder-popup .close-popup:hover   {/* .background-gradient-highlight, .box-shadow-shaped*/}
/*.placeholder-popup[tagHeight=full] .ui_soc_sec_obj_lnk {position:fixed;right:108px;top:18px;}*/


.header-popup { background-color: #ffffff;padding: 19px;border-bottom: 1px solid #DDDDE4; border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important; }		
.placeholder-popup[tagWidth=xxlarge] .header-popup {background-color: #F1F1F5;}

.header-popup h2, .header-popup h5, .header-popup h3, .header-popup h4  {text-align: left;padding-bottom: 10px;}
.header-popup h2, .header-popup h3 {padding: 0px;color:#0096FF;padding-top:6px;}
.header-popup .ui-subheading{font-size:1.8em;}
		
.content-popup {padding: 12px;border-top: 1px solid #fff;}
.placeholder-popup[tagWidth=xxlarge] .content-popup {padding: 8px;}


.content-popup .spacer_horizontol_border {margin-bottom:10px;margin-top:10px; }
.content-popup .table-popup { table-layout: fixed;}		


.content-popup .title {font-size:14px;word-spacing:3px;}
.content-popup .popup_sharemessage_image {float:left;max-height:100px;max-width:100px;border-radius:3px;margin:0px 20px;}
.content-popup hr {border-bottom-color: white;border-top-color: rgba(255, 255, 255, 0.4);}
.content-popup p {	margin:1em;}
.content-popup .ui-texth { font-size: 1.2em;}

.table-popup [type=text], .table-popup [type=password], .table-popup [type=email], .table-popup [type=search], .table-popup select, .table-popup [type=number], .table-popup [type=phone], .table-popup [type=url], .table-popup [type=range] {height:38px;padding: 0px !important;}

.table-popup td {text-align: left;padding: 4px;background-color: inherit;}
.table-popup label.header {text-transform:uppercase;font-size:18px;}
	
.footer-popup {background-color:#fff;border-top: 1px dotted #A6AAB6;padding:24px 12px;font-size: 13px; border-top-left-radius:0px; border-top-right-radius:0px;}

.placeholder-popup h5 {	font-size:18px;}
.placeholder-popup .content-popup {}
.placeholder-popup ul {}
.placeholder-popup li {list-style-type: square;list-style-position: outside; list-style-image: url('/image/content/popup/list-arrow.gif'); padding:4px 0px;}

.placeholder-popup .footer-popup {	padding-left:100px;}
.placeholder-popup .footer-popup span:nth-child(2) {color:indianred;}
.placeholder-popup .footer-popup span:nth-child(3) {color:green;}
.placeholder-popup .footer-popup a, #placeholder-popup .footer-popup a:link {color:orangered;}
.placeholder-popup .footer-popup a:hover, #placeholder-popup .footer-popup a:link:hover {color:#0096ff;	}


.placeholder-popup[tagWidth=xxlarge] .table-popup td > .contentclass {text-align:center;}
.placeholder-popup .contentclass > .object_container .objectdata {font-size:11px;}
.placeholder-popup .contentclass > .object_container .objectdata > .title {font-size:12px;}


/* -- Modal Dialoge Box for conformation --- */
.placeholder-popupmodal { display:none; height:100%; width:100%;top:0px; left:0px;/*for background: .bg_light_1_1*//*radius: .radius_container*//*box-sahdow: .shadow_popup*/}
.placeholder-popupmodal > .container-popupmodal {max-width:500px; margin:40px auto 0px auto;padding:20px;line-height:30px;text-align:center; opacity:1;text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);}


/*CLose button on popups*/
.closer-popup {	height:32px;width:32px;position:absolute;top:-16px;right:-16px;cursor:pointer;opacity:1;border-radius:5px;z-index:1200;margin-top:0px;}
.closer-popup:hover {margin-top:-2px;}




/*---- rows and colums ---*/
.row{ margin:0 auto;}

.col{  margin-left:-5px;}
.col.ui-nomargin{ margin-left:0px;}
.col:first-of-type{  margin-left:0px;}

.col1of1, .col2of2, .col3of3, .col4of4, .col5of5{width:100%; margin-left:0; display:block;}

.col1of2,
.col1of3, .col2of3,
.col1of4, .col2of4, .col3of4, 
.col1of5, .col2of5, .col3of5, .col4of5{display:inline-block; position:relative; vertical-align:top;}

.col1of2 {width:50%; }

.col1of3 {width:33.33%; }
.col2of3{width:66.66%;}

.col1of4{width:25%;}
.col2of4{width:50%;}
.col3of4{width:75%; }

.col1of5 {width:20%; }
.col2of5{width:40%;}
.col3of5{width:60%; }
.col4of5{width:80%; }

.col-1024{}
.col-1024-hide{}

/*.col-grid{ margin-bottom: 48px;}
.col-grid:last-of-type { margin-bottom:0px;}

.col-block{}

.col-grid > .col > .col-block{ min-height:100px; margin-left:24px; margin-right:24px;}

.col-grid > .col:first-child > .col-block{ margin-left:0px;}
.col-grid > .col:last-child > .col-block{ margin-right:0px;}

.col-block .col-container{background-color: #fff;background-color: #FFF;
box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.02),1px 1px 2px 0px rgba(0, 0, 0, 0.06);
border: 0px solid rgba(200, 218, 239, 1); border-radius:3px;}
.col-block .col-container .col-header{ min-height: 40px;}
.col-block .col-container .col-content{}*/

/* ---- loc - reverse of col ---*/
.loc{}
.loc-1024 {}
.loc-768 {}
.loc1of1, 
.loc1of2, 
.loc1of3, .loc2of3, 
.loc1of4, .loc2of4, .loc3of4{}


/* --list ----*/
ul.list{ margin-top:1em; margin-bottom:1em;}
ul.list li { list-style-position:outside; list-style-type:square; padding-left:1em; margin-top:2em; margin-left:2em;}
ul.sublist li {margin-top:1em; }
ul.list li:first-child { margin-top:0em;}
ul.list-plus > li { list-style-image: url('/image/list2.png'); }
ul.list-info > li { list-style-image: url('/image/content/icons/list-info.png'); }
ul.list-help > li { list-style-image: url('/image/content/icons/list-help.png'); }
ul.list li span  { font-weight: bold; margin-bottom:1em; display:block; font-size:1.2em;}
ul.list li img.ui-img-full {  max-height: 100%;}


/* --- tooltip------ */
.ui-tooltip{cursor:pointer;}
.ui-tooltip-content{ position: absolute; font-size:11px; padding:4px 7px;z-index:9001;line-height:19px;vertical-align:middle;	text-align:center;max-height:50px;width:100px;	background-color:#4D8313;	text-shadow: 0px 1px 0px rgba(0,0,0,.3);color:#fff;border-radius:2px; margin-top:-61px;margin-left:-57px; }
.ui-tooltip-content:after { bottom: -7px; left: 50px;  border-width: 7px 7px 0;	z-index: -1;content: ""; position: absolute;  display: inline-block;  width: 0px;  height: 0px; border-color:rgba(255,255,255,0);  border-style: solid;border-top-color: #4D8313; }
.ui-tooltip-content.ui-tooltip-content-left{max-height: auto;margin-top:-10px;margin-left:-160px; line-height:26px; height:26px;}
.ui-tooltip-content.ui-tooltip-content-left:after{ bottom: auto; left:auto; right:-7px;  border-width: 7px 0px 7px 7px; border-color:rgba(255,255,255,0);border-left-color: #4D8313; top:10px;}

/* --- toggle -- */
.ui-toggle-container{}
.ui-toggle-container .ui-toggle-content {display:none;}
.ui-toggle-container .ui-toggle-button {position: relative;height:36px; width:36px; background-position:center center; background-repeat:no-repeat; background-size: 100%;background-image: url('/image/content/icons/down.png'); cursor:pointer;}
.ui-toggle-container .ui-toggle-open { background-image: url('/image/content/icons/up.png');}


/*--- Nav Up ----*/
.navup, .navdown { padding:7px; background-color:white; position:fixed; background:url(/image/top-arrow.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom: 0;z-index:999; opacity:0.7; right:24px; white-space:nowrap; cursor: pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}



.navup{ -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px; 
    -khtml-border-top-right-radius:3px;
}    
.navdown{left:70px; right:auto; 
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px; 
    -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px; 
    -khtml-border-top-right-radius:3px;
}

			
/*--- Paging ----*/		
.page-container {width:100%;	display:block; 	position:relative; text-align:center;}
.page-container > .page-content {margin:12px;}
.page-container > .page-content .pager {margin: 0px 4px;	min-width: 20px;height: 28px;line-height: 32px;vertical-align: middle;display: inline-block;border-radius: 2px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .3);border-bottom: 4px Solid rgba(0,0,0,0.005); font-size:13px; background-image: url('/image/bgshare.png'); background-position: left top; background-repeat: repeat-x;background-size: 100% 500%;}
.page-container > .page-content .prevnext {	min-width: 43px;}
.page-container > .page-content .prevnext .prev,
.page-container > .page-content .prevnext .next { background-position: left 5px; background-repeat:no-repeat;color:#555;}
.page-container > .page-content .prevnext .prev { background-image:url('/image/content/icons/left-small.png'); padding-left:12px; padding-right:2px;}
.page-container > .page-content .prevnext .next { background-image:url('/image/content/icons/right-small.png'); padding-right:10px;background-position: right 5px; padding-left:2px;}
.page-container > .page-content span {color: rgb(173, 173, 173);}
.page-container > .page-content .current {color: #66A025;	border-bottom-color: #66A025;}
.page-container > .page-content a:link {color:#555;}
.page-container > .page-content a:hover {box-shadow:0px 0px 1px 0px rgba(0, 0, 0, .3), 0px 1px 1px 0px rgba(0, 0, 0, .2);color:#252525;}










/*--- Overwrite Google --- */
span.gc-cs-link { color:inherit !important; text-decoration:none;}

/* ---- BBB ----*/
#bbb-badge {top:12px !important;}
#bbb-badge-img {margin-right:-13px;}
#bbb-badge #bbb-badge-image {height:auto; max-width:140px !important;}


/*--- object custom --- */
.table { table-layout: fixed; width:100%; border-collapse:collapse;}
.wrap {	width:85%;margin:0 auto;}
.header{z-index: 999;}



/* --- objects --- */
body{}
body.local{}
body.local h1, body.local h2, body.local h3, body.local h4, body.local h5, body.local h6 {font-weight:300;}


div {position:relative;}
hr { border-width:0px; border-top: 1px solid #D5D5D5;border-bottom: 1px solid #FFFFFF;  margin:1em 0;}


textarea, select, [type=file],
[type=textarea], [type=select],
[type=text],  [type=password], 
[type=email], [type=url], 
[type=time], [type=date], 
[type=phone], [type=number],
[type=search], [type=range]
{font-weight:normal;display: block;  background-color: #fafafa; outline: 0; outline:none; height:42px; width:100%; padding:0px; border-width:0px;   font-family: 'GandhiSansRegular';
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
 -o-border-radius: 3px;
box-shadow: 0px 0px 0px 1px #d5d5d5, 0px 1px 2px 0px #EBEBEB inset;
-webkit-box-shadow: 0px 0px 0px 1px #d5d5d5, 0px 1px 2px 0px #EBEBEB inset;
-moz-box-shadow: 0px 0px 0px 1px #d5d5d5, 0px 1px 2px 0px #EBEBEB inset;
-o-box-shadow: 0px 0px 0px 1px #d5d5d5, 0px 1px 2px 0px #EBEBEB inset;}


textarea { resize: vertical; min-height:120px; font-size:13px;}
[type=checkbox] {width:20px; height:20px; vertical-align:middle;margin-top: -2px;}

.marked-input {vertical-align: top; height:42px;}
.marked-input > .mark { border-right-width:0px; width:20%; height:100%; 
background-image:url('/image/content/button/none.png'),url('/image/content/button/buttonbg.png'); background-repeat:no-repeat,repeat-x;background-position:center center,center center; background-size: 16px 16px, 100% 100%;display: inline-block;vertical-align: top; 
box-shadow: 0px 0px 0px 1px #d5d5d5;
-webkit-box-shadow: 0px 0px 0px 1px #d5d5d5;
-moz-box-shadow: 0px 0px 0px 1px #d5d5d5;
-o-box-shadow: 0px 0px 0px 1px #d5d5d5;
border-radius: 3px 0px 0px 3px; 
-webkit-border-radius: 3px 0px 0px 3px; 
-moz-border-radius: 3px 0px 0px 3px;
 -o-border-radius: 3px 0px 0px 3px;}
.marked-input > .mark.search{background-image:url('/image/content/button/search.png'),url('/image/content/button/buttonbg.png');}

.marked-input > .control {display: inline-block;margin-left: -5px;vertical-align: top;width: 80%;height: 100%;}
.marked-input > .control > input {
border-top-left-radius: 0px; border-bottom-left-radius: 0px; 
-webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; 
-moz-border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; 
-o-border-top-left-radius: 0px; -o-border-bottom-left-radius: 0px; }

/*[type=search] {background-image:,url('/image/content/button/buttonbg.png'),url('/image/content/button/buttonborder.png');background-repeat:no-repeat, no-repeat, repeat-y;background-position: 8px center, left center, 32px center; background-size: 16px 16px, 32px 100%, 1px 1px;box-shadow: none;padding-left: 36px;}*/


[type=textarea]:disabled, [type=select]:disabled,
[type=text]:disabled,  [type=password]:disabled, 
[type=email]:disabled, [type=url]:disabled, 
[type=time]:disabled, [type=date]:disabled, 
[type=phone]:disabled, [type=number]:disabled,
[type=search]:disabled, [type=range]:disabled, 
[type=checkbox]:disabled,
textarea:disabled, select:disabled {background-color: #f0f0f0;}


[type=textarea]:focus, [type=select]:focus,
[type=text]:focus,  [type=password]:focus, 
[type=email]:focus, [type=url]:focus, 
[type=time]:focus, [type=date]:focus, 
[type=phone]:focus, [type=number]:focus,
[type=search]:focus, [type=range]:focus,
[type=checkbox]:focus,
textarea:focus, select:focus {background-color:#fff;box-shadow:0px 0px 0px 1px #d5d5d5;-webkit-box-shadow: 0px 0px 0px 1px #d5d5d5; -moz-box-shadow:0px 0px 0px 1px #d5d5d5; -o-box-shadow: 0px 0px 0px 1px #d5d5d5;}


/* --- transitions --- */
.transition-linear,
.wrap, 
a,
img,
li,
input,
.top-header-fixed,
.authenticate ul,
.authenticate:hover ul, 
li > ul,
li:hover > ul,
.ui-toggle-container .ui-toggle-content,
.ui-toggle-container .ui-toggle-button,
.order-container, .order-container:hover {
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
}



/*----responsive-design-----*/
@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {
	.wrap{width:89%;}
}


@media only screen and (max-width: 1280px) {

	.ui-heading {font-size:3.5em;}
	.ui-subheading  {font-size:2.7em;}
	.ui-brief  {font-size:1.8em;}
	.ui-detail {font-size:1.3em;}	
	
	.titler h5 {width:25%;}
	.titler h3 {width:50%;}
	
	.token .token-text{ max-width: 160px;}
	
	#bbb-badge #bbb-badge-image { max-width:130px !important;}
	#bbb-badge {top:12px !important;}	
}

@media only screen and (min-width: 641px) and (max-width: 1024px) 
{
    .loc-1024{display: inline-block; vertical-align:top;}
    .loc-1024 > div { margin:0 1em !important; }
    .loc-1024.loc1of2{width:50%;}
    .loc-1024.loc1of3{width:33.33%;}
    .loc-1024.loc2of3{width:66.66%;}
    .loc-1024.loc1of4{width:25%;}
    .loc-1024.loc3of4{width:75%;}
}

@media only screen and (min-width: 641px) and (max-width: 768px) 
{
    .loc-768{display: inline-block; vertical-align:top;}
    .loc-768 > div { margin:0 1em 0 0 !important; }
    .loc-768:last-of-type > div { margin-right:0 !important; }
    .loc-768.loc1of2{width:50%;}
    .loc-768.loc1of3{width:33.33%;}
    .loc-768.loc2of3{width:66.66%;}
    .loc-768.loc1of4{width:25%;}
    .loc-768.loc3of4{width:75%;}
}

@media only screen and (max-width: 1024px) {
	
	.ui-heading {font-size:3.3em;}
	.ui-subheading  {font-size:2.4em;}
	.ui-brief  {font-size:1.5em;}
	.ui-detail {font-size:1.2em;}
	
	.ui-detail.fixed {font-size:1.1em;}
	
	.titler h5 {width:25%;}
	.titler h3 {font-size: 4em; width:50%;}
	
	.col-1024.col1of3,
	.col-1024.col2of3 {width:100%;display:block; margin: 0;}
	
	.col-1024.col1of4,.col-1024.col3of4  {width:50%;}
	.col-1024.col2of4 {width:100%;display:block; margin: 0;}
	
    .col-1024-hide{ display: none;}
    
   	.ui-float-right-1024-none {float:none !important;}
	.ui-margin-1024-none { margin-left: 0em; margin-bottom:2em;}

	/*.col-flex.col1of4{width:50%;}
	.col-flex.col2of4{width:100%; display:block; margin-left:0;}*/
	
	#bbb-badge #bbb-badge-image {max-width:120px !important;}
	#bbb-badge-img {margin-right:-15px;}
	#bbb-badge {top:9px !important;}	
}


@media only screen and (max-width: 768px) {

	.ui-heading {font-size:3em;}
	.ui-subheading  {font-size:2.2em;}
	.ui-brief  {font-size:1.5em;}
	.ui-detail {font-size:1.1em;}	
	.ui-detail.fixed {font-size:1.1em;}
	
	.token {margin: 16px;}
    .token .token-image {max-height: 72px;}
    .token .token-text  { max-width: 96px; margin: 10px 0px;}
	
    	
	.titler h5 {width:20%;}
	.titler h3 {font-size: 3em; width:60%;}
	
	.content-popup .p { padding:0.75em;}
	.content-popup .ui-texth { font-size: 1.1em;}
	
	/*.col-grid > .col.cols5 > .col-block { margin-left: 12px; margin-right: 12px;}
    .col-grid > .col.cols5:first-child > .col-block{margin-left: 0px;}
    .col-grid > .col.cols5:last-child > .col-block { margin-right: 0px;}
	
	.col-grid > .col-flex.cols5{width:100%; display:block; margin-left:0;}		
	.col-grid > .col-flex.cols5 > .col-block {width:100%;display:block; margin-left:0;margin-right:0px;}
	.col-grid > .col-flex.cols5 > .col-block > .col-grid {  margin-top:48px;}
	
	
	
    .col-grid > .col.cols2 > .col-block { margin-left: 12px; margin-right: 12px;}
    .col-grid > .col.cols2:first-child > .col-block{margin-left: 0px;}
    .col-grid > .col.cols2:last-child > .col-block { margin-right: 0px;}	
	
	.col-grid > .col-flex.cols2{width:100%; display:block; margin-left:0; margin-top:48px;}		
	.col-grid > .col-flex.cols2:first-of-type{ margin-top:0px;}	
	
	.col-grid > .col-flex.cols2 > .col-block {width:100%;display:block; margin-left:0;margin-right:0px;}
	.col-grid > .col-flex.cols2 > .col-block > .col-grid {  margin-top:48px;}

	.col-flex.col1of2{width:100%; display:block; margin-left:0;}*/

    .col { margin-left: 0;}
    .plan-grid > .col { height: auto !important;}
    
    .col-1024.col1of4,   
    .col-1024.col2of4,
    .col-1024.col3of4,     
    .col.col1of2,
	.col.col1of3, .col.col2of3,  
	.col.col1of4, .col.col2of4, .col.col3of4, 
	.col.col1of5, .col.col2of5, .col.col3of5, .col.col4of5 {width:100%;display:block;}
	
    .ui-float-right-768-none {float:none !important;}	
    .ui-margin-768-none { margin-left: 0em; margin-bottom:2em;}
    
    .ui-pad2em-h-temp { padding-left: 0; padding-right: 0;}
    .ui-pad2em-l-temp { padding-left: 0;}
    .ui-pad2em-r-temp{ padding-right: 0;}
	
	#bbb-badge #bbb-badge-image {max-width:100px !important;}
	#bbb-badge-img {margin-right:-14px;}
	#bbb-badge {top:11px !important;}	
}

@media only screen and (max-width: 640px)  {	
	.wrap{width:92%;}
	
	.ui-heading {font-size:2.5em;}
	.ui-subheading  {font-size:2em;}
	.ui-brief  {font-size:1.35em;}
	.ui-detail {font-size:1em;}	
	.ui-detail.fixed {font-size:1.1em;}	
	
	
	.token { margin: 10px;}
    .token .token-image {max-height: 48px;}
    .token .token-text {max-width: 72px;}
	
	.titler h5 {width:15%;}
	.titler h3 {font-size: 2.5em; width:70%;}
	
	.content-popup .p { padding:0.6em;}
	.content-popup .ui-texth { font-size: 1em;}
	
	#bbb-badge #bbb-badge-image {max-width:90px !important;}
	#bbb-badge #bbb-badge-img {margin-right:-70px;}
	#bbb-badge {top:12px !important;}	
}
@media only screen and (max-width: 480px) {
	.wrap{width:95%;	}
	
	.ui-heading {font-size:2em;}
	.ui-subheading  {font-size:1.5em;}
	.ui-brief  {font-size:1.2em;}
	.ui-detail {font-size:0.875em;}		
	.ui-detail.fixed {font-size:1em;}
		
	.titler h5 {width:15%;}
	.titler h3 {font-size: 2.5em; width:70%;}	
	
	.content-popup .p { padding:0.5em;}
	.content-popup .ui-texth { font-size: 0.875em;}
	
	#bbb-badge #bbb-badge-image {max-width:90px !important;}
	#bbb-badge #bbb-badge-img {margin-right:-70px;}		
	#bbb-badge {top:10px !important;}

	#bbb-badge #bbb-badge-popup {width:360px;}
}
@media only screen and (max-width: 320px) {
	.wrap{width:98%;	}		

    .ui-detail.fixed {font-size:0.9em;}	
    
    .content-popup .p { padding:0.4em;}
	.content-popup .ui-texth { font-size: 0.75em;}
    
	.titler h3 {font-size: 2em; width:100%;}
	
	#bbb-badge #bbb-badge-popup {width:320px;}
}



/*
@media only screen and (max-width: 1440px) and (min-width: 1366px) {
	.wrap{width:84%;}
	.slider-info h2{font-size:3.5em;}
	.navtop > .nav > ul.navigation { display:block;}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{width:89%;}
	
	.navtop > .nav > ul.navigation { display:block;}
	.navtop ul li a {padding-left:2.4em;}
	.navtop ul li.more {background-position: 1.1em center;}
	.slider-info h2{font-size:3em;}

}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{width:89%;}	
	.top-message {	 font-size:2em;}
	.slider-info h2{font-size:2.5em;}
	.slider-info h1{font-size: 4.5em;}
	.slider-info p {font-size:4.5em;}
	.solutions .solution {font-size: 1.2em; padding: 70px 10px 70px 10px;}	
	
	.navtop > .nav > ul.navigation { display:block;}
	.navtop ul li a {padding-left:2em;}
	.navtop ul li.more {background-position: 0.8em center;}
	
	.ca-container{width: 74.5%;}
	.ca-item {width: 32%;}
	.contactus .contact-header h3 {font-size: 4.5em;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap{width:89%;}
	.top-message {	 font-size:1.8em;}
	.slider-info h2{font-size:2.2em;}
	.slider-info h1{font-size: 4em;}
	.slider-info p {font-size: 4em;}
	.solutions .solution {font-size: 1em; padding: 50px 10px 50px 10px;}
	
	.navtop > .nav > ul.navigation { display:block;}
	.navtop ul li a {padding-left:1.4em;}
	.navtop ul li.more {background-position: 0.5em center;}
	
	.ca-container{width: 85%;}
	.ca-item {width: 32%;}

	.about-grid h3 {font-size: 2em;}
	.mission-left h4 {font-size: 2em;}
	.banner h3,.banner h4{color:#FFF;}
	.cs-style-2 figcaption {width: 85.7%;}	
	.ca-content-text p:nth-child(1){display:none;}
	.contactus .contact-header h3 {font-size: 3.5em;}
	.contactus .contact-social ul li a {padding: 10px;}
}

@media only screen and (max-width: 768px) and (min-width: 0px) {

	.contactus .contact-header h3 {	font-size: 2em;}
	.contactus .contact-left {width: 100%;float: none;}
	.contactus .contact-right {width: 100%;float: none;}
	.contactus .contact-right h2{padding-top:3em;}
	.contact-social ul li a {padding: 10px;}
	.contactus .contact-left-grid-pic{width: 12%;}
	.contactus .contact-left-grid-info{width: 88%;}
	.contactus .contact-social {padding-left:12%;}
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap{width:89%;}
	.top-message {	 font-size:1.5em;}
	.slider-info h2{font-size:2em;}
	.slider-info h1{font-size: 3em;}
	.slider-info p {font-size:3em;}
	.solutions .solution {font-size: 0.9em; padding: 30px 10px 30px 10px;}

	.ca-container{width:90%;}
	.ca-item {width: 32%;}

	.about-grid h3 {font-size: 1.4em;}
	.mission-left h4 {font-size: 1.5em;}
	.about-grid p {font-size: 0.8em;}
	.banner h3,.banner h4{color:#FFF;}
	.cs-style-2 figcaption {width: 80.9%;}
	
	.navtop > .nav > ul.navigation { display:block;}
	.navtop ul li a {padding-left:.7em;}	
	.navtop ul li.more {background-image:none;}
		
	.plans-grid {	padding:0;}
	.mission-right p,.clients-grid-people {font-size:0.8em;}
	.clients-grid h4 img {display: block;	margin: 0 auto;}
	.ca-icon {width: 100%;height: 36%;}
	.ca-content-text p:nth-child(1){display:none;}
	.plans-grid li {width: 32%;}
}
@media only screen and (max-width: 640px) and (min-width: 0px) {	
	.navtop > .nav > .nav-button {	display:block;}
	.navtop > .nav > ul.navigation {position:absolute;right:0px; display:none;}
	.navtop > .nav > ul > li { display:block; line-height:45px;}
	.navtop > .nav > ul > li > ul { display:block; position:relative; top:auto; left:auto;}
	.navtop > .nav ul li { background-color:rgba(0,0,0, 0.7);}
	.navtop > .nav ul li:hover {background-color:rgba(255, 255,255, 0.3);}
	.navtop > .nav > ul > li.more {background-position: 16px 21px;} 
	.navtop > .nav ul > li > ul > li {padding-left:12px;}
	.navtop > .nav ul > li > ul > li > a {padding-left:3em;font-size: .7em; line-height:36px;}
}
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{width:92%;}
	.top-message {	 font-size:1.2em;}
	.slider-info h2{font-size:1.8em;}
	.slider-info h1{font-size: 2.5em;}
	.slider-info p {font-size:2.5em;}
	.solutions .solution {font-size: 0.7em; padding: 20px 10px 20px 10px;}
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
	.wrap{width:95%;	}
	.top-message {	 font-size:1em;}
	.slider-info h2{font-size:1.5em;}
	.slider-info h1{font-size: 2em;}
	.slider-info p {font-size:2em;}
	.solutions {display:none;}
	.solutions .solution {font-size: 0.7em; padding: 10px 10px 10px 10px;}
}*/