/* ************************************* below styles from: ****************************** */
/* below styles from: imports.css */
@CHARSET "UTF-8";
/* ************************************* below styles from: ****************************** */
/* below styles from: ssfinder.css */
/*** SSFINDER STYLES ***/
.left{ float: left; }
.right{ float: right; }
.block{ display: block; }
.clear{ clear: both; }
.ssfinder-side-interior{ background:#ffffff}
.ssfinder-wrapper{ background-color:#ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; }
.ssfinder-interior2{ clear:left; float:left; overflow:hidden; width:100%; }
.ssfinder-interior1{ float:left; position:relative; right:75%; width:100%; }
.ssfinder-side-container{ float:left; left:76%; overflow:hidden; position:relative; width:23%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ssfinder-side-container ul{ padding:0 0 0 10px; list-style:none; margin-right:10px; }
.ssfinder-side-container a{ display:block; text-decoration:none; color:#000000; background:#ffffff url(/virteom/editor/images/ssui-folder.png) no-repeat scroll left top; padding-left:20px; line-height:16px; }
.ssfinder-side-container a:hover{ text-decoration:underline; }
.ssfinder-side-container a.active-folder{ background-color:#FFF; }
.ssfinder-side-interior{ overflow:auto; padding:10px 0; }
.ssfinder-main-container{ float:left; left:78%; overflow:hidden; position:relative; width:73%; }
.ssfinder-toolbar{ background-color:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:5px; }
.ssfinder-toolbar a{ border-top: 1px solid #dddddd; background-color: #ececec; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ececec'); padding: 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #999; -moz-box-shadow: 0 1px 0 #999; box-shadow: 0 1px 0 #999; text-shadow: 0 1px 0 #999; color: #000000; font-size: 11px; text-decoration: none; vertical-align: middle; height:16px; line-height:16px; margin-right:2px; }
.ssfinder-toolbar a:hover{ border-top-color: #ececec; background: #ececec; color: #000000; text-decoration: none; }
.ssfinder-toolbar a:active{ border-top-color: #dcdcdc; background: #dcdcdc; }
.ssfinder-view-options{ height:25px; line-height:25px; font-size:11px; }
/*
.ssfinder-toolbar a{ font-size:11px; color:#000000; padding:3px; height:16px; line-height:16px; text-decoration:none; }
.ssfinder-toolbar a:hover{ background-color:#ececec; color:#000; }
*/
.ssfinder-fileview{ background-color:#eee; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:5px; }
.ssfinder-fileview-interior{ background: none repeat scroll 0 0 #FFFFFF;overflow-y: scroll;padding: 0 0 0 10px;width: 100%;}
.ssfinder-fileview-heading{ background-color: #ececec; background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#999999)); background-image: -webkit-linear-gradient(top, #ececec, #999999); background-image: -moz-linear-gradient(top, #ececec, #999999); background-image: -ms-linear-gradient(top, #ececec, #999999); background-image: -o-linear-gradient(top, #ececec, #999999); background-image: linear-gradient(top, #ececec, #999999); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#999999'); font-size:12px; line-height:25px; height:25px; padding-right:18px; }
.ssfinder-fileview-heading div{ border-right:1px solid #999999; color:#000000; }
.ssfinder-fileview-heading a{ color:#000000; display:block; padding:0 3px; font-weight:bold; text-decoration:none; }
.ssfinder-fileview-heading a:hover{ color:#444; }
.ssfinder-thumbnail .ssfinder-fileview-heading{ display:none; }
.ssfinder-list .ssfinder-fileview-heading{ display:block; }
.ssfinder-statusbar{ background-color:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; font-size:11px; line-height:20px; height:20px; padding:0 5px; overflow:hidden; }
.i-over{background:transparent url(/virteom/editor/images/i.gif) repeat scroll left top;position:absolute;z-index:99;top:0;left:0;}
/*** SSUPLOADER STYLES ***/
.ssuploader-mediaview-wrapper{ background-color:#ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; }
.ssuploader-folder-wrapper{ width:200px; height:auto; background-color:#ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; }
.ssuploader-thumb-wrapper{ width:120px;height:150px;overflow:hidden;position:relative;padding:0;margin:5px;text-align:center;font-size:10px;border:1px solid #AAA;background-color:#000;}
.ssuploader-thumb-wrapper a{ text-decoration:none; margin:0 1px; }
.ssuploader-thumb-wrapper img {border:0;position:relative;top:0;}
.ssuploader-thumb-container{display:block;width:120px;height:130px;position:relative;top:0;}
.ssuploader-thumb-active{background-color:#edffd9;cursor:pointer;border:1px solid #6EB43C;}
.ssuploader-thumb-hover{background-color:#e8f7fa;cursor:pointer;border:1px solid #000000;}
.ssuploader-thumb-hover .ssuploader-thumb-filename{color:#444;}
/** .ssuploader-thumb-icons{height:20px;margin:0 auto;position:relative;top:0;width:75px;z-index:99;} */
.ssuploader-thumb-filename{bottom:0; color:#666; font-size:9.5px; height:28px; margin:0 5px; line-height:9.5px; overflow:hidden; position:absolute; left:0; width:110px;}
.ssuploader-thumb-filetype{color:#000000;font-size:13px;font-weight:bold;height:17px;left:22px;line-height:17px;position:absolute;text-align:center;text-transform:uppercase;top:80px;width:72px;z-index:98;}
.ssuploader-list-wrapper{ border-bottom: 1px solid #ddd; height:25px; line-height:25px; }
.ssuploader-list-wrapper .ssuploader-thumb-icons{ padding:0 4px; }
.ssuploader-list-wrapper:hover{ background-color:#ececec; }
.ssuploader-list-filename{ font-size:10.5px; width:55%; overflow: hidden; height:25px; white-space: nowrap; }
.ssuploader-list-filedate{ font-size:10.5px; overflow: hidden; padding:0 8px; white-space: nowrap; }
.ssuploader-list-filesize{ font-size: 10.5px; overflow: hidden; padding: 0 8px; white-space: nowrap; width: 50px; }
/*** GENERAL UPLOADER STYLES ***/
table.ssuploader{font-size:11px;color:#ececec;width:100%;text-align:left;border-spacing:0;margin:10px 0 15px;}
table.ssuploader a{color:#6d85b5;text-decoration:none;cursor:pointer;}
table.ssuploader a:hover{color:#B4D2F0;text-decoration:underline;}
table.ssuploader thead tr th,table.ssuploader tfoot tr th{background-color:#000;border:0;font-size:11px;padding:4px 20px 4px 4px;color: #AAAAA5; }
table.ssuploader tbody td{background-color:#f5f5f5;color:#000000;vertical-align:top;margin:0;padding:4px;}
table.ssuploader tbody tr.odd td{background-color:#222;border-bottom:1px solid #000;margin:2px 0 0;}
table.ssuploader tbody tr td:nth-child(2) {word-break: break-all;}
table.ssuploader tbody tr td .ssui-magnify {
/*margin-left:20px;*/
margin:0;
}
table.ssuploader tbody tr td .ssui-delete {margin:0;}
table.ssuploader tbody tr td .ssui-icon {margin:0 13px 0 0;}
.ssuploader_button{font-size:13px;}
.UploaderTop{margin:0 0 15px;}
/*** SSUI ICON STYLES ***/
.ssui-icon{background:transparent url(/virteom/editor/images/ssui-icons.png) no-repeat scroll 0 0;width:16px;height:16px;display:block;margin:0 auto;}
.ssui-icon-off{background:transparent url(/virteom/editor/images/ssui-icons-off.png) no-repeat scroll 0 0;width:16px;height:16px;display:block;margin:0 auto;}
.ssui-blank{background-position:100px 100px;}
.ssui-add{background-position:0px -208px;}
.ssui-edit{background-position:0px -256px;}
.ssui-delete{background-position:-32px -208px;}
.ssui-preview{background-position:0px -64px;}
.ssui-directory,.ssui-directory-access{background-position:-64px -48px;}
.ssui-directory-open{background-position:-48px -48px;}
.ssui-add-directory{background-position:-96px -272px;}
.ssui-menu,.ssui-menu-access{background-position:-48px -48px;}
.ssui-page,.ssui-page-access{background-position:-48px -256px;}
.ssui-add-page{background-position:-16px -256px;}
.ssui-link,.ssui-link-access{background-position:-144px -112px;}
.ssui-directory-noaccess{background-position:-64px -272px;}
.ssui-menu-noaccess{background-position:-64px -272px;}
.ssui-page-noaccess{background-position:-64px -256px;}
.ssui-link-noaccess{background-position:-64px -272px;}
.ssui-settings{background-position:0px -128px;}
.ssui-select{background-position:-48px -208px;}
.ssui-magnify{background-position:-128px -48px;}
.ssui-save{background-position:-80px -80px;}
.ssui-rollback{background-position:-128px -208px;}
.ssui-help{background-position:-32px 0px;}
.ssui-print{background-position:-144px -48px;}
.ssfinder-wrapper{width:97%;}
/* ************************************* below styles from: ****************************** */
/* below styles from: RealTimeUpload.css */
/*############## Real Time Upload ###################################################################*/
.RTU-hiddenFile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
/* Preload all images used in this css file */
background: url('/virteom/CEAD/js/html5_file_upload/assets/images/upload-icon.svg'), url('/virteom/CEAD/js/html5_file_upload/assets/images/pause.svg'),url('/virteom/CEAD/js/html5_file_upload/assets/images/start.svg'),url('/virteom/CEAD/js/html5_file_upload/assets/images/cancel.svg'),url('/virteom/CEAD/js/html5_file_upload/assets/images/view.svg');
}
.RTU-uploadContainer,
.RTU-gridContainer {
font-size: 62.5%;
}
@keyframes unfoldGrow {
0% { height: 0; opacity: 0; }
40% { height: 55px; opacity: 0; }
41% { transform: scale(0.8); opacity: 1; }
95% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.RTU-uploadLabel {
display: inline-block;
vertical-align: middle;
background-color: #95abb6;
text-align: center;
margin: 0 auto;
color: #fefefe;
font-weight: bold;
font-size: 1.5rem;
cursor: pointer;
/* height: 52px; */
/* line-height: 46px; */
border: 4px dashed #7c8c94;
transition: 0.2s linear;
padding: 18px 36px;
min-width: 100%;
white-space: nowrap;
}
.RTU-uploadLabel:hover {
background-color: hsla(200, 100%, 50%, 1);
border: 4px dashed hsla(200, 100%, 50%, 1);
}
.RTU-uploadLabelActive {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.RTU-uploadLabel * {
pointer-events: none;
}
.RTU-droppable {
border: 4px dashed #a94646;
transition: 0.2s linear;
}
.RTU-droppable:hover {
background-color: #ed8a8a !important;
transition: 0.2s linear;
}
.RTU-uploadLabelImage {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
background: transparent url('/virteom/CEAD/js/html5_file_upload/assets/images/upload-icon.svg') center center no-repeat;
background-size: 100%;
margin: 0 10px 0 0;
}
.RTU-uploadLabelText {
display: inline-block;
vertical-align: middle;
color: #fefefe;
}
.RTU-uploadButtonHolder {
text-align: right;
padding: 10px 0px;
height: 0;
line-height: 30px;
width: 100%;
}
.RTU-uploadButton {
display: inline-block;
text-align: center;
padding: 3px 15px;
background: #fff;
border: 1px solid #000;
color: #000;
cursor: pointer;
font-size: 1.2em;
font-weight: bold;
user-select: none;
border-radius: 5px;
transition: 0.2s linear;
}
.RTU-uploadButton:hover {
background: #000;
color: #fff;
transition: 0.2s linear;
}
.RTU-uploadContainer .RTU-uploadItemsList:not([data-upload="0"]) + .RTU-uploadButtonHolder,
.RTU-gridContainer .RTU-uploadItemsList:not([data-upload="0"]) + .RTU-uploadButtonHolder {
height: 30px !important;
padding: 0px;
}
/*############## Real Time Upload: List Mode ###################################################################*/
.RTU-uploadContainer {
min-height: 60px;
width: 100%;
max-width: 100%;
display: inline-block;
}
.RTU-uploadContainer .RTU-uploadItemsList {
width: 100%;
text-align: left;
}
.RTU-uploadItemsList > div > img {
height: 20px;
}
.RTU-uploadContainer .RTU-uploadItem {
padding: 4px 20px;
background: rgba(255,255,255, 0.8);
margin: 7px auto;
animation: unfoldGrow 0.8s normal;
width: 100%;
}
.RTU-uploadContainer .RTU-uploadItemIcon {
display: block;
height: 10px;
float: left;
text-align: center;
line-height: 50px;
color: #999;
font-size: 1.5em;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.RTU-uploadContainer .RTU-uploadItemText {
width: 260px;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #444;
font-weight: bold;
margin-bottom: 5px;
font-size: 1.1em;
line-height: 1.2em;
}
.RTU-uploadContainer .RTU-uploadItemControls {
}
.RTU-uploadContainer .RTU-uploadItemSize {
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #999;
font-size: 1.0em;
line-height: 20px;
}
.RTU-uploadContainer .RTU-controlsContainer {
position: relative;
float: right;
display: inline-block;
vertical-align: top;
height: 20px;
}
.RTU-uploadContainer .RTU-uploadItemPause {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background: rgba(0,0,0,0.1) url('/virteom/CEAD/js/html5_file_upload/assets/images/pause.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
cursor: pointer;
margin-left: 7px;
display: none;
}
.RTU-uploadContainer .RTU-paused {
background: rgba(0,0,0,0.1) url('/virteom/CEAD/js/html5_file_upload/assets/images/start.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
}
.RTU-uploadContainer .RTU-done {
display: none !important;
}
.RTU-uploadContainer .RTU-uploadItemCancel {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background: rgba(0,0,0,0.1) url('/virteom/CEAD/js/html5_file_upload/assets/images/cancel.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
cursor: pointer;
margin-left: 7px;
}
.RTU-uploadContainer .RTU-uploadItemView {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
float: right;
background: rgba(0,0,0,0.1) url('/virteom/CEAD/js/html5_file_upload/assets/images/view.svg') center center no-repeat;
border-radius: 30px;
background-size: 64%;
cursor: pointer;
margin-left: 7px;
}
.RTU-uploadContainer .RTU-uploadItemBar {
height: 4px;
display: block;
margin: 20px 0 10px;
overflow: hidden;
height: 4px;
background: #e6e6e6;
width: 100%;
}
.RTU-uploadContainer .RTU-uploadItemBarUploaded {
width: 0;
height: 100%;
transition: 0.2s linear;
background: #a2d39c;
}
.RTU-uploadContainer .RTU-uploadItemBarFailed {
background: rgba(200,40,80, 0.6) !important;
width: 100% !important;
}
.RTU-uploadContainer .RTU-uploadItemBarSucceed {
background: rgba(40,200,80, 0.6) !important;
width: 100% !important;
}
/*############## Real Time Upload: List Mode /end ##############################################################*/
/*############## Real Time Upload: Grid Mode ###################################################################*/
.RTU-gridContainer {
min-height: 60px;
min-width: 320px;
display: inline-block;
}
.RTU-gridContainer .RTU-uploadItemsList {
min-width: 320px;
text-align: center;
background: #fefefe;
}
.RTU-gridContainer .RTU-uploadItem {
background: rgba(255,255,255, 0.8);
margin: auto;
font-size: 1.1em;
line-height: 1.2em;
display: inline-block;
width: 120px;
padding: 10px;
position: relative;
animation: unfoldGrow 0.8s normal;
}
.RTU-gridContainer .RTU-uploadItemIcon {
display: block;
height: 120px;
width: 120px;
text-align: center;
line-height: 100px;
color: #999;
font-size: 2.5em;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
}
.RTU-gridContainer .RTU-uploadItemText {
width: 120px;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #444;
font-weight: bold;
margin-bottom: 5px;
font-size: 1.1em;
line-height: 1.2em;
}
.RTU-gridContainer .RTU-uploadItemSize {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #999;
margin-bottom: 5px;
font-size: 1.0em;
line-height: 20px;
}
.RTU-gridContainer .RTU-uploadItemPause {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
background: rgba(220,220,220, 1) url('/virteom/CEAD/js/html5_file_upload/assets/images/pause.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
float: right;
cursor: pointer;
margin-left: 7px;
position: absolute;
top: 90px;
left: 20px;
}
.RTU-gridContainer .RTU-paused {
background: rgba(220,220,220, 1) url('/virteom/CEAD/js/html5_file_upload/assets/images/start.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
}
.RTU-gridContainer .RTU-uploadItemPause:hover {
background-color: rgba(220,220,220, 1);
}
.RTU-gridContainer .RTU-done {
display: none !important;
}
.RTU-gridContainer .RTU-uploadItemCancel {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
float: right;
background: rgba(220,220,220, 1) url('/virteom/CEAD/js/html5_file_upload/assets/images/cancel.svg') center center no-repeat;
border-radius: 30px;
background-size: 46%;
cursor: pointer;
margin-left: 7px;
position: absolute;
top: 90px;
left: 80px;
}
.RTU-gridContainer .RTU-uploadItemCancel:hover {
background-color: rgba(220,220,220, 1);
}
.RTU-gridContainer .RTU-uploadItemView {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
float: right;
background: rgba(220,220,220, 1) url('/virteom/CEAD/js/html5_file_upload/assets/images/view.svg') center center no-repeat;
border-radius: 30px;
background-size: 64%;
cursor: pointer;
margin-left: 7px;
position: absolute;
top: 90px;
left: 20px;
}
.RTU-gridContainer .RTU-uploadItemView:hover {
background-color: rgba(220,220,220, 1);
}
.RTU-gridContainer .RTU-uploadItemBar {
width: 120px;
height: 4px;
display: inline-block;
background: rgba(200,200,200, 1);
overflow: hidden;
position: absolute;
top: 130px;
left: 10px;
height: 4px;
background: #e6e6e6;
}
.RTU-gridContainer .RTU-uploadItemBarUploaded {
width: 0;
height: 100%;
background: rgba(40,40,80, 0.6);
transition: 0.2s linear;
background: #a2d39c;
}
.RTU-gridContainer .RTU-uploadItemBarFailed {
background: rgba(200,40,80, 0.6) !important;
width: 100% !important;
}
.RTU-gridContainer .RTU-uploadItemBarSucceed {
background: rgba(40,200,80, 0.6) !important;
width: 100% !important;
}
/*############## Real Time Upload: Grid Mode /end ##############################################################*/
/* ************************************* below styles from: ****************************** */
/* below styles from: notice.css */
.notice-wrap {
position: fixed;
top: 40px;
right: 20px;
width: 300px;
height: 40px;
z-index: 9999;
}
* html .notice-wrap {
position: absolute;
}
.notice-item {
background-color: #006BA9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff;
padding: 10px 30px 10px 15px;
font-family: "Poppins", sans-serif;
font-size: 12px;
border: 2px solid #006BA9;
display: block;
position: relative;
margin: 0 0 12px 0;
-moz-box-shadow: 0 0 8px #fff;
-webkit-box-shadow: 0 0 8px #fff;
box-shadow: 0 0 8px #fff;
}
.notice-item-wrapper p {
margin: 0;
color: #FFF;
font-size:18px;
font-family: "Poppins", sans-serif;
}
.notice-timestamp {
color: #eee;
display: block;
font-size: 11px;
margin-top: 8px;
}
.notice-item-close {
border: 2px solid #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
font-family: Arial;
font-size: 10px;
font-weight: 700;
height: 15px;
line-height: 10px;
padding: 0px 1px 1px 1px;
position: absolute;
right: 5px;
text-align: center;
top: 5px;
width: 15px;
color:white;
}
.notice-item-wrapper .notice {
border: 4px solid #3165E6;
background-color: #3165E6;
}
.notice-item-wrapper .error {
border: 4px solid #f50000;
background-color: #f50000;
}
.notice-item-wrapper .success {
border: 4px solid #5dd000;
background-color: #5dd000;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: nyroModal.css */
.nyroModalBg {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
opacity: 0.7;
z-index: 600;
}
.nmReposition {
position: absolute;
}
.nyroModalCloseButton {
top: -13px;
right: -13px;
width: 36px;
height: 36px;
text-indent: -9999em;
background: url(/virteom/CEAD/opensource/js/jquery/nyroModal/img/modal-close-btn.png);
z-index: 2003;
repeat-y: none;
}
.nyroModalTitle {
top: -26px;
left: 0;
margin: 0;
font-size: 1.1em;
color: #ddd;
}
.nyroModalCont {
position: absolute;
/* border: 4px solid #777;*/
margin: 25px;
background: #fff;
z-index:999;
}
.nyroModalCont iframe {
width: 600px;
height: 400px;
}
.nyroModalError {
border: 4px solid red;
color: red;
width: 250px;
height: 250px;
}
.nyroModalError div {
min-width: 0;
min-height: 0;
padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
position: relative;
padding: 10px;
min-height: 250px;
min-width: 250px;
max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
position: relative;
overflow: hidden;
}
.nyroModalImage img {
vertical-align: top;
}
.nyroModalHidden {
left: -9999em;
top: -9999em;
}
.nyroModalLoad {
position: absolute;
width: 100px;
height: 100px;
background: #fff url(../img/ajaxLoader.gif) no-repeat center;
padding: 0;
}
.nyroModalPrev, .nyroModalNext {
outline: none;
position: absolute;
top: 0;
height: 60%;
width: 150px;
min-height: 50px;
max-height: 300px;
cursor: pointer;
text-indent: -9999em;
background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
height: 100%;
width: 40%;
max-height: none;
}
.nyroModalPrev {
left: 0;
}
.nyroModalPrev:hover {
background-image: url(../img/prev.gif);
}
.nyroModalNext {
right: 0;
background-position: right 20%;
}
.nyroModalNext:hover {
background-position: right 20%;
background-image: url(../img/next.gif);
}
/* ************************************* below styles from: ****************************** */
/* below styles from: spectrum.css */
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.sp-color {
position: absolute;
top:0;
left:0;
bottom:0;
right:20%;
}
.sp-hue {
position: absolute;
top:0;
right:0;
bottom:0;
left:84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top:33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position:absolute;
top:-4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position:absolute;
top:0px;
right:0;
bottom:0;
left:84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select:none;
-moz-user-select: -moz-none;
-o-user-select:none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position:absolute;
top:0;
left: 0;
}
.sp-slider {
position: absolute;
top:0;
cursor:pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float:right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background:transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container , .sp-palette-container {
float:left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position:relative;
float:left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position:relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border:none;
display:block;
float:left;
margin:0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin:0;
overflow:hidden;
cursor:pointer;
padding: 4px;
display:inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor:default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float:left;
font-size:10px;
}
.sp-preview {
position:relative;
width:25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float:left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width:16px;
height: 16px;
margin:2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom:0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin:0;
padding:2px;
margin-right: 5px;
vertical-align: middle;
text-decoration:none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position:relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display:block;
position:absolute;
top:0;left:0;bottom:0;right:0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat:no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* ************************************* below styles from: ****************************** */
/* below styles from: jquery.bxslider.css */
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin: 0 auto;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
*/
/*left: -5px;*/
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 200px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 200px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 2;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: sty_content.css */
/*
* sty_content.css (c) virteom.com
CHAMPIONPERSONNEL.COM | August-September 2018 | CS
Light orange: #FF6600
Bright red: #F9011E
ALANA PLAYING WITH CHRERYPICKED RED FROM BALLOON - #e74c3c
Cranberry red: #6F0143
Weird Green: #22a72f
Medium Gray: #616161
Light white: #F5F5F5;
Dark: #333;
Bright Green: #22a72f
font-family: 'PT Sans', sans-serif; (body copy)
font-family: 'Sarala', Verdana, sans-serif; (headers)
/* BASIC TYPOGRAPHY
------------------------------------------ */
html, body{
margin: 0;
padding: 0;
}
html.no-js body.home,html.no-js body.internal {
height:100%;
font-size: 16px;
color: #313131;
line-height: 1.5;
font-family:'Numans', Arial;
}
p {
font-size: 16px;
color: #313131;
line-height: 1.5;
font-family:'Numans', Arial;
margin-bottom:15px;
}
h1,h2,h3,h4,h5,h6{
color:#333;
padding-bottom:10px;
line-height: 1.05;
}
h1 {
font-size: 42px;
font-weight: bold;
padding-bottom: 5px;
font-family: "Sarala", Verdana, sans-serif;
}
h2 {
font-size: 40px;
font-weight: bold;
text-transform:none;
padding:5px 0 15px;
font-family: "Sarala", Verdana, sans-serif;
}
h3 {
font-size: 34px;
font-weight: normal;
font-family: "Sarala", Verdana, sans-serif;
}
h4 {
font-size: 28px;
font-weight: bold;
font-family:"Numans",sans-serif;
}
h5 {
font-size: 24px;
font-weight: bold;
font-family:"Numans",sans-serif;
}
h6 {
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
font-family:"Numans",sans-serif;
}
hr{
color: #b0b1b1;
height: 1px;
}
a {
text-decoration: none;
color:#e74c3c;
transition: 200ms all;
}
a:hover{
color:#6F0143;
text-decoration: none;
transition: 200ms all;
}
a:active, a:focus{
color:#333;
text-decoration: none;
}
a:visisted{
text-decoration:none;
}
ul, ol {
padding: 0;
margin: 0;
}
.ssEditorContent ul, .ssEditorContent ol{
list-style-position: outside;
overflow: hidden;
padding-left: 25px;
font-family: 'Numans', sans-serif;
font-size: 16px;
margin-bottom: 15px;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: colorbox.css */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/virteom/styles/web/js/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/virteom/styles/web/js/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/virteom/styles/web/js/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/virteom/styles/web/js/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/virteom/styles/web/js/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/virteom/styles/web/js/colorbox/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/virteom/styles/web/js/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* ************************************* below styles from: ****************************** */
/* below styles from: sty_forms.css */
@import url(_open/normalize.css);
/* Animation
---------------------------------------------------------------------- */
/* Variables
---------------------------------------------------------------------- */
/* Colors ------------------------------ */
/* Typography ------------------------------ */
/* Paths ------------------------------ */
/* Dimensions ------------------------------ */
/* Mix-ins and utility classes
---------------------------------------------------------------------- */
/* Layout ------------------------------ */
.accessibility {
position: absolute;
left: -9999px;
top: -9999px;
}
/* Forms
---------------------------------------------------------------------- */
.siteWrap input[type="text"],
.ss-form input[type="text"],
.siteWrap input[type="password"],
.ss-form input[type="password"],
.siteWrap textarea,
.ss-form textarea {
padding: 3px 6px;
border: 1px solid #acacac;
background: #fff;
border-radius: 3px;
}
.siteWrap input[type="text"]:focus,
.ss-form input[type="text"]:focus,
.siteWrap input[type="password"]:focus,
.ss-form input[type="password"]:focus,
.siteWrap textarea:focus,
.ss-form textarea:focus {
outline: none;
}
.formResponse {
background-color: #f0f0f0;
padding: 10px;
}
#nyroModalContent .formResponse {
background-color: transparent;
}
.ss-form {
margin: 1em 0;
}
.ss-form .element-container {
position: relative;
margin: 0 0 .5em;
padding: 0 0 .5em;
border-bottom: 1px solid #eee;
}
.ss-form .element-container:before,
.ss-form .element-container:after {
content: "";
display: table;
}
.ss-form .element-container:after {
clear: both;
}
.ss-form .element-container:last-child {
border-bottom: none;
}
.ss-form fieldset {
border: none;
margin: 0;
padding: 0;
}
.ss-form .note {
font-style: italic;
}
.ss-form dt,
.ss-form dd {
float: left;
}
.ss-form dt {
width: 30%;
margin-right: 3%;
}
.ss-form dd {
width: 67%;
}
.ss-form dd input[type="text"],
.ss-form dd input[type="password"],
.ss-form dd textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ss-form dd textarea {
height: 8em;
}
.ss-form button {
margin-left: 33%;
}
.ss-form label {
cursor: pointer;
}
.ss-form label span {
padding: 0 3px;
}
.ss-form .required label:before {
color: red;
position: absolute;
top: 0;
left: -0.75em;
}
#nyroModalFull .ss-form .required label:before {
position: static;
}
.ss-form button {
clear: both;
}
.ss-form h4 {
margin: 0 0 1em;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: owl.carousel.css */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/* ************************************* below styles from: ****************************** */
/* below styles from: owl.theme.default.min.css */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* ************************************* below styles from: ****************************** */
/* below styles from: jcarousel_style.css */
.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
li.jcarousel-item a div.relatedproductthumb img{
border: 1px solid #000000;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
width: 75px;
height: 245px;
padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
padding-left: 56px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 75px;
height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 133px;
height: 100%;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 129px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url(prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 129px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url(next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
li.jcarousel-item a div.title{ margin: 1px; background-color: #006BA9; color: #FFFFFF; opacity: 0; position:absolute; width: 65px; height: 65px; font-size:10.5px; line-height:.99; padding: 5px; overflow:hidden;}
/*li.jcarousel-item {text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}*/
li.jcarousel-item a div.title:hover{opacity: 1;}
/* ************************************* below styles from: ****************************** */
/* below styles from: superfish.css */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: chosen.css */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('chosen-sprite.png') no-repeat 100% -20px;
background: url('chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
outline: 0;
height: 25px;
padding: 5px;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url('chosen-sprite.png') no-repeat -30px -20px;
background: url('chosen-sprite.png') no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/* ************************************* below styles from: ****************************** */
/* below styles from: jquery.rating.css */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/virteom/CEAD/opensource/js/jquery/rating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/virteom/CEAD/opensource/js/jquery/rating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
/* ************************************* below styles from: ****************************** */
/* below styles from: sty_style.css */
d
/*
* sty_style.css (c) virteom.com
CHAMPIONPERSONNEL.COM | August-September 2018 | CS
Light orange: #FF6600
Bright red: #F9011E
ALANA PLAYING WITH CHRERYPICKED RED FROM BALLOON - #e74c3c
Cranberry red: #6F0143
Weird Green: #22a72f
Medium Gray: #616161
Light white: #F5F5F5;
Dark: #333;
Bright Green: #22a72f
font-family: 'Numans', sans-serif; (body copy)
font-family: 'Sarala', Verdana, sans-serif; (headers)
---------------------------------------------------------------------- */
/* BASICS
---------------------------------------------------------------------- */
body.home,
body.internal {
background: #fff !important;
font-family: 'Numans', sans-serif !important;
font-size: 16px !important;
margin: 0;
}
.homepage .outerWrapper {
overflow-x: hidden;
}
.addPaddingTopBottom {
padding-top: 60px;
padding-bottom: 60px;
}
.addMoreClearance {
margin-bottom: 40px;
margin-top: 40px;
}
.redBg {
background-color: #e74c3c;
}
.redBg p,
.redBg h1,
.redBg h2,
.redBg h3,
.redBg h4,
.redBg h5,
.redBg h6 {
color: #fff;
}
.greenBg {
background-color: #22a72f;
}
.greenBg p,
.greenBg h1,
.greenBg h2,
.greenBg h3,
.greenBg h4,
.greenBg h5,
.greenBg h6 {
color: #626262;
}
.greenBg p,
.greenBg li {
color: #fff;
font-size: 16px;
line-height: 1.5;
font-family: 'Numans', Arial;
margin-bottom: 15px;
}
.greenBg a,
.redBg a {
color: #660041;
}
.darkBg {
background-color: #333;
}
.darkBg p,
.darkBg h1,
.darkBg h2,
.darkBg h3,
.darkBg h4,
.darkBg h5,
.darkBg h6 {
color: #f5f5f5;
}
.purpleBg {
background-color: #660041;
}
.purpleBg p,
.purpleBg h1,
.purpleBg h2,
.purpleBg h3,
.purpleBg h4,
.purpleBg h5,
.purpleBg h6 {
color: #fff;
}
.purpleBg a,
.darkBg a {
color: #e74c3c;
}
.darkBg a.redButton {
color: #fff;
border: 3px solid transparent;
}
.orangeButton {
background-color: #e57d24;
border-radius: 30px;
color: #fff;
font-family: "Numans", Verdana, sans-serif;
font-size: 14px;
font-weight: 700;
min-width: 170px;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
text-decoration: none;
padding: 10px 0px;
border: 3px solid transparent;
}
.orangeButton:hover {
background: #fff;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
color: #e57d24;
border: 3px solid #e57d24;
}
.redButton {
padding: 10px 30px;
border-radius: 30px;
border: 3px solid transparent;
background: #e74c3c;
color: #fff;
font-family: "Numans", Verdana, sans-serif;
font-size: 14px;
font-weight: 700;
min-width: 200px;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
text-decoration: none;
}
.redButton:hover {
border: 3px solid #e74c3c;
background: #fff !important;
color: #e74c3c !important;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
}
.redButton a:hover {
color: #e74c3c !important;
}
.redButton a:hover {
color: #e74c3c;
}
.whiteButton {
padding: 10px 30px;
border-radius: 30px;
background: #fff;
color: #333 !important;
font-family: "Numans", Verdana, sans-serif;
font-size: 14px;
font-weight: 700;
min-width: 200px;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
text-decoration: none;
border: 3px solid #333;
}
.whiteButton:hover {
background: #333;
color: #fff !important;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
border: 3px solid transparent;
}
.purpleButton {
padding: 10px 30px;
border-radius: 30px;
background: #660041;
color: #fff !important;
font-family: "Numans", Verdana, sans-serif;
font-size: 15px;
font-weight: 700;
min-width: 200px;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
text-decoration: none;
border: 3px solid transparent;
}
.purpleButton:hover {
background: #fff;
color: #660041 !important;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
border: 3px solid #660041;
}
.imageBg1,
.imageBg2 {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.imageBg2 {
background-position: bottom;
}
.noHeight {
height: 0;
background-image: none;
background-color: #fff;
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
/* HEADER
---------------------------------------------------------------------- */
#header_logo {
position: relative;
z-index: 1;
}
#headerInternal {
padding: 5px 0px;
}
img.logo {
min-width: 200px;
max-width: 300px;
width: 100%;
}
.headerWrapper {
width: 100%;
background-color: #fff;
}
#headerSearchMenu {
height: 25px;
float: right;
margin-top: 25px;
display: none;
}
.sticky {
position: fixed;
width: 100% !important;
z-index: 1000000000;
top: 0;
left: 0;
margin: 0 auto;
-webkit-box-shadow: 0 5px 10px rgba(36, 50, 56, 0.25);
box-shadow: 0 5px 10px rgba(36, 50, 56, 0.25);
}
/*.sticky #mainMenu{
padding-top:20px;
}*/
.sticky .stickyWrapper {
width: 80%;
margin: 0 auto;
}
/* FOOTER
---------------------------------------------------------------------- */
.topFooter {
background: #F5F5F5;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
text-transform: uppercase;
}
.topFooter i {
margin-right: 5px;
}
.topFooter a {
font-family: 'Numans', sans-serif !important;
}
.topFooter a:hover {
text-decoration: none;
}
#footerInternal {
padding-top: 75px;
padding-bottom: 50px;
}
.footerWrapper {
background-color: #fff;
width: 100%;
}
#footerTagline {
text-align: left;
font-size: 12px;
color: #666;
font-family: 'Sarala', Verdana, sans-serif;
padding-bottom: 50px;
}
hr.footerTagline {}
#footerTagline .taglineRight {
text-align: right;
}
ul.socialFooter {
list-style: none;
padding-bottom: 30px;
}
ul.socialFooter a {
text-align: center;
}
ul.socialFooter a:hover li {
background: #660041;
-webkit-transition: 200ms all;
transition: 200ms all;
}
ul.socialFooter a:hover li i {
color: #fff;
}
ul.socialFooter li {
list-style: none;
display: inline-block;
padding-right: 30px;
width: 40px;
height: 40px;
border: 1px solid #660041;
border-radius: 50%;
padding: 7px;
text-align: center;
-webkit-transition: 200ms all;
transition: 200ms all;
margin: 0px 10px;
}
ul.socialFooter a li i {
font-size: 24px;
text-align: center;
color: #660041;
-webkit-transition: 200ms all;
transition: 200ms all;
}
a.virt {
color: inherit;
text-decoration: none;
-webkit-transition: 200ms all;
transition: 200ms all;
}
a.virt:hover {
color: #7dc142;
text-decoration: none;
-webkit-transition: 200ms all;
transition: 200ms all;
}
.footerSection {}
.footerSection h4.footerTitle {
color: #333;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
}
.footerSection p {
color: #616161;
font-size: 14px;
}
.footerButtonWrapper {
text-align: center;
}
.footerTitle.withBalloon::before {
content: '';
position: absolute;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/balloon_icon.png');
background-repeat: no-repeat;
background-size: contain;
height: 30px;
width: 35px;
top: 2px;
left: -20px;
}
.footerTitle.withRocket::before {
content: '';
position: absolute;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/rocket-black.png');
background-repeat: no-repeat;
background-size: contain;
height: 30px;
width: 35px;
top: 2px;
left: -20px;
}
/* MAIN MENU
---------------------------------------------------------------------- */
#mainMenu {
vertical-align: middle;
display: none;
}
#mainMenu ul {
list-style: none;
margin: 0;
padding: 0 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
#mainMenu ul li {
float: left;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
padding: 20px 0px;
}
#mainMenu ul li a {
color: #333;
font-size: 14px;
padding: 0 10px;
text-align: center;
font-family: "Numans", sans-serif, Arial;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: normal;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
#mainMenu ul li a:hover {
color: #7dc142;
text-decoration: none;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
#mainMenu ul li ul {
margin-top: 10px;
display: block;
background: #fff;
-webkit-filter: drop-shadow(1px 1px 1px #000);
filter: drop-shadow(1px 1px 1px #000);
list-style: none;
min-width: 120%;
}
#mainMenu ul li ul li {
border-bottom: #f7f7f7;
padding: 20px 0;
width: 100%;
}
#mainMenu ul li ul li a {
text-align: left;
text-transform: capitalize;
letter-spacing: unset;
font-weight: normal;
}
.contactHeader {
vertical-align: middle;
padding: 8px 0px;
}
/* SECONDARY MENU
---------------------------------------------------------------------- */
#topMenu {
height: 25px;
float: left;
}
#topMenu ul {
display: inline;
float: left;
line-height: 25px;
list-style-type: none;
}
#topMenu ul li {
display: inline-block;
padding: 0 10px;
}
#topMenu ul li a {
color: #FFFFFF;
}
/* MAIN CONTENT
---------------------------------------------------------------------- */
.bodyWrapper {
width: 100%;
}
#left_column {
position: absolute;
left: 0;
padding: 0 30px;
}
.homeBlogSection {
background: #fff;
padding: 20px;
border-radius: 10px;
display: block;
position: relative;
margin-right: 15px;
height: 370px;
}
.homeBlogSection h4 {
color: #333;
font-family: "Numans", Arial, sans-serif;
font-size: 28px;
}
.homeBlogContent {
font-family: "Numans", Arial, sans-serif;
font-size: 16px;
line-height: 24px;
}
.homeBlogSection_carousel .owl-stage-outer {
padding-bottom: 0px;
}
.homeBlogSection_carousel .owl-item {
padding: 40px 0px 0px 0px;
}
.owl-stage-outer {
padding-bottom: 20px;
}
.homeBlogSection h3.homepage_blogTitle {
font-weight: bold;
}
.homeBlogReadMore {
text-align: right;
}
.homeBlogReadMore a {
padding: 7px 15px;
border-radius: 30px;
border: 3px solid transparent;
background: #e74c3c;
color: #fff;
font-family: "Numans", Verdana, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
text-decoration: none;
margin-top: 20px;
border: 3px solid transparent;
}
.homeBlogReadMore a:hover {
background: #fff !important;
color: #e74c3c !important;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
border: 3px solid #e74c3c;
}
.employerBlogWrap h3.homepage_blogTitle::before {
content: '';
position: relative;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/rocket-white.png');
background-repeat: no-repeat;
background-size: contain;
height: 40px;
width: 50px;
top: 10px;
}
.candidateBlogWrap h3.homepage_blogTitle::before {
content: '';
position: relative;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/balloon-white.png');
background-repeat: no-repeat;
background-size: contain;
height: 40px;
width: 50px;
top: 10px;
}
.map iframe {
pointer-events: none;
}
.mapOverlay {
background: transparent;
height: 388px;
/* your iframe height */
top: 388px;
/* your iframe height */
margin-top: -388px;
/* your iframe height */
}
.modBlog-recentblog img {
max-width: 100%;
}
.owl-theme .owl-nav {
display: none;
}
/* INTERNAL 2 LAYOUT
---------------------------------------------------------------------- */
.internal2 .ContentRegion1 {
padding: 5% 5% 2% 10%;
}
.internal2 section {
padding-right: 0px;
}
.fullHeight {
padding: 360px 0px;
background-size: cover;
background-position: right bottom;
height: 100vh;
}
/* INTERNAL 2 LAYOUT
---------------------------------------------------------------------- */
.our-services h1 {
margin-top: 30vh;
font-size: 60px;
}
/* TESTIMONIALS SCROLLER ON HOMEPAGE AND PAGE ITSELF
---------------------------------------------------------------------- */
.owl-item {
padding: 40px 0px;
display: inline-block;
float: left;
}
.owl-wrapper-outer {
overflow: hidden;
}
.owl-wrapper {
overflow: hidden;
}
.quote_author {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.2;
color: #2E2E2E;
}
.testimonialsLayout .testimonial {
margin: 20px 0px;
}
.testimonial {
text-align: left;
padding: 60px 30px 65px 65px;
background-color: #fff;
-webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.21);
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.21);
margin-right: 30px;
}
.testimonial p {
font-weight: 300;
color: #777;
font-size: 16px;
line-height: 1.5;
}
.testAuthor {
color: #000;
}
.owl-one .owl-item {
padding: 0px;
}
.owl-one .testimonial {
padding: 0px;
text-align: justify;
}
.testimonialHeading {
text-align: center;
font-weight: bold;
}
.testimonial .fa-quote-left {
color: #6F0143;
font-size: 40px;
}
.testimonialsLayout .testimonial_image {
width: 100%;
}
.homepage .testmonial_img {
width: 100px;
height: 100px;
border-radius: 50%;
background-size: cover;
}
/* BUTTONS
---------------------------------------------------------------------- */
#toTop {
bottom: 120px;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) inset;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) inset;
background: rgba(0, 0, 0, .65) none repeat scroll 0 0;
background-size: 75%;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
display: none;
height: 50px;
line-height: 45px;
overflow: hidden;
position: fixed;
right: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 50px;
z-index: 999999;
color: #ffffff;
font-size: 30px;
-webkit-transition: 200ms all;
transition: 200ms all;
}
#toTop:hover {
background: rgba(102, 0, 65, 1) none repeat scroll 0 0;
-webkit-transition: 200ms all;
transition: 200ms all;
}
.contactheader .orangeButton {
padding: 7px 0px;
}
/* IMAGE ROTATOR
---------------------------------------------------------------------- */
.imageRotator,
.routerRotator {
position: relative;
}
#slider {
height: 400px;
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.headerRotator {
height: 90vh;
background-size: contain;
background-repeat: no-repeat;
background-color: #660041;
background-position: center top;
overflow: hidden;
}
.routerRotator .headerRotator {
height: 90vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
.routerRotator #slider {
height: 90vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
.bx-viewport {
max-height: 400px;
}
.routerRotator .bx-viewport {
max-height: 90vh;
}
#bannerPic img {
width: 100%;
}
.bx-wrapper .bx-viewport {
left: unset;
background: transparent;
}
#bannerPic {
overflow: hidden;
}
.rotator_textwrap {
position: absolute;
width: 100%;
bottom: 75px;
}
.routerRotator .rotator_textwrap {
text-align: left;
left: 100px;
top: 0px;
}
.sliderOne {
font-size: 42px;
font-weight: 700;
margin-top: 50px;
font-family: 'Sarala', Verdana, sans-serif;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
.routerRotator .sliderTwo {
background-color: #e74c3c;
padding: 20px;
}
.routerRotator .sliderTwo span {
font-size: 36px;
font-weight: 700;
margin-top: 50px;
font-family: 'Sarala', Verdana, sans-serif;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
font-style: italic;
}
.sliderTwo {
font-size: 14px;
font-family: "Numans", sans-serif;
}
.rotatorButton-row {
text-align: left;
width: 100%;
margin-top: 15px;
}
.rotatorButton-primary {
text-decoration: none;
border: 3px solid transparent;
border-radius: 35px;
display: inline-block;
padding: 10px 24px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
letter-spacing: 1.5px;
font-family: "Numans", sans-serif;
color: #22a72f;
-webkit-transition: 200ms all;
transition: 200ms all;
margin-right: 10px;
background: #fff;
margin-top: 10px;
margin-bottom: 10px;
}
.rotatorButton-primary:hover {
border: 3px solid #fff;
background: #22a72f;
color: #fff;
text-decoration: none;
}
.rotatorButton-secondary {
text-decoration: none;
border: 3px solid transparent;
border-radius: 35px;
display: inline-block;
padding: 10px 24px;
text-transform: uppercase;
font-weight: 700;
font-size: 1.2em;
font-size: 14px;
letter-spacing: 1.5px;
font-family: "Numans", sans-serif;
color: #616161;
background-color: #fff;
-webkit-transition: 200ms all;
transition: 200ms all;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.rotatorButton-secondary:hover {
background-color: #616161;
color: #fff;
border: 3px solid #fff;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
}
.routerRotator .bx-wrapper .bx-controls-direction a {
display: none;
}
/* INFO BOXES (Basic Styles)
---------------------------------------------------------------------- */
.infoBoxes {}
.infoBox {}
.infoImgHolder {
max-width: 100%;
overflow: hidden;
text-align: center;
}
.infoImgHolder img {
max-width: 300px;
width: 100%;
}
.infoTextHolder {
text-align: center;
}
h3.infoTitle {
text-align: center;
text-decoration: none;
}
.infoTextHolder p {
text-decoration: none;
}
/* CTAS
---------------------------------------------------------------------- */
.ctas {}
.cta {
border-radius: 10px;
-webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.16);
border: 1px solid #f7f7f7;
padding: 30px;
-webkit-transition: .33s all ease;
transition: .33s all ease;
min-height: 202px;
margin-bottom: 30px;
}
.cta:hover {
-webkit-transition: .33s all ease;
transition: .33s all ease;
-webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.66);
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.66);
}
.ctaImgWrap {
max-width: 100%;
overflow: hidden;
text-align: center;
}
.ctaImgWrap img {
width: 100%;
max-width: 80px;
max-height: 100px;
}
.ctaTextWrap {
text-align: center;
margin-top: 17px;
}
.cta a h4.ctaTitle {
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 16px;
letter-spacing: 1px;
color: #616161;
font-family: 'Numans', Verdana, sans-serif;
margin: 0;
}
h4.ctaTitle:hover {
text-decoration: none;
}
.ctaTextWrap p {
text-decoration: none;
}
.cta a h4.ctaTitle:hover {
text-decoration: none;
color: #6F0143;
}
.cta a:hover {
text-decoration: none;
}
/* TEXT ROTATION
---------------------------------------------------------------------- */
.rotatorBox {
border-radius: 10px;
-webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.66);
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.66);
border: 1px solid #00000029;
padding: 30px;
min-height: 202px;
margin-bottom: 30px;
background-color: rgba(255, 255, 255, 0.62);
}
.head_divide {
border-top: 3px solid #FF6600;
max-width: 100px;
text-align: left;
}
.rotationEditableWrap {
margin-left: 20px;
}
.textBox h2 {
text-transform: uppercase;
font-size: 28px;
margin-top: 0px;
font-weight: normal;
}
.textBox h3 {
margin: 40px 0px;
font-size: 60px;
text-transform: uppercase;
}
.textRotation .owl-stage-outer {
padding-bottom: 0px;
}
/* TITLE BANNER
---------------------------------------------------------------------- */
.titleBanner_wrapper {}
.titleBanner {
min-height: 170px;
background-size: cover;
background-position: center top;
}
.titleBanner-overlay {
padding-top: 20px;
}
.titleBanner .overlay-text h1 {
-webkit-filter: drop-shadow(1px 1px 1px #000);
filter: drop-shadow(1px 1px 1px #000);
text-align: center;
font-size: 42px;
color: #fff;
}
.titleBanner .overlay_breadcrumbs {
text-align: center;
font-size: 14px;
}
#breadcrumbs a {
color: #fff;
}
/* SEARCH BOX
---------------------------------------------------------------------- */
#search_block_top {
position: relative;
z-index: 1;
float: left;
margin-top: 5px;
}
#headerSearch {
background-color: #FFF;
color: #000;
height: 11px;
width: 130px;
z-index: 1;
border: 1px solid #D6D6D6;
padding: 3px 1px 3px 3px;
margin: 2px 0;
float: left;
}
/* PAGEBANNERS (basic styles)
---------------------------------------------------------------------- */
.pageBanner {
min-height: 400px;
}
.homepage .pageBanner {
min-height: 600px;
}
.pageBanner .overlay-text {
font-size: 40px;
font-weight: 700;
margin-top: 50px;
font-family: "Sarala", Verdana, sans-serif;
}
.homepage .pageBanner .overlay-text {
color: #fff;
}
.pageBanner .overlay-paragraph {
font-size: 16px;
font-family: "Numans", sans-serif;
margin-top: 15px;
}
.overlay_button_wrap {
width: 100%;
margin-top: 30px;
}
.pageBanner .overlay_button {
text-decoration: none;
border: 3px solid transparent;
border-radius: 35px;
display: inline-block;
padding: 10px 24px;
text-transform: uppercase;
font-weight: 700;
font-size: 1.2em;
font-size: 14px;
letter-spacing: 1.5px;
font-family: "Numans", sans-serif;
color: #616161;
background-color: #fff;
-webkit-transition: 200ms all;
transition: 200ms all;
margin-right: 10px;
}
.pageBanner .overlay_button:hover {
background-color: #616161;
color: #fff;
border: 3px solid #fff;
-webkit-transition: 200ms all;
transition: 200ms all;
text-decoration: none;
}
.pageBanner .tallHeight {
min-height: 600px;
position: relative;
z-index: 9;
}
.homepage .pageBanner {
position: relative;
}
.pageBanner .eaglehead {
position: absolute;
margin: 0 auto;
width: 100%;
text-align: center;
}
.pageBanner .eaglehead img {
z-index: 1000;
top: -50px;
max-width: 850px;
position: relative;
left: 290px;
/* transition: 200ms all ease-in-out; */
opacity: 1;
}
.pageBanner .tallHeight p {
font-size: 14px;
color: #fff;
}
/* BLOG
---------------------------------------------------------------------- */
.modBlog-subheading {
font-size: 26px;
font-weight: bold;
text-transform: none;
padding: 5px 0 25px;
}
.modBlog-title {
font-size: 26px;
font-family: "Sarala", Verdana, sans-serif;
font-weight: bold;
}
.modBlog-subheading::after {
display: block;
content: '';
width: 75px;
height: 3px;
background: #6F0143;
position: absolute;
}
/* SEARCH RESULTS
---------------------------------------------------------------------- */
#SearchResults .head em {
color: #003a67;
}
#SearchResults .subtitle {
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #7dc142;
margin: 0;
padding: 0;
vertical-align: 0;
}
#SearchResults .searchHighlightedWord {
color: #cc6600;
}
#SearchResults div h1,
#SearchResults a {
color: #7dc142;
}
/* MODALS AND ADDITIONAL STYLES
---------------------------------------------------------------------- */
#overlay {
display: none;
background: rgba(50, 50, 50, 0.8);
z-index: 100;
position: fixed;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.modal {
position: fixed;
top: 10%;
left: 50%;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.hide {
display: none;
}
img {
border: 0;
}
.aToolTip {
width: 200px;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
zoom: 1;
}
.ssEditorContent ul {
list-style-type: disc;
margin: 1em 0;
}
.ssEditorContent li {
white-space: normal;
padding-bottom: 10px;
}
/* FORMS
------------------------------------------------- */
section[class*="ContentRegion"] form div.form_element_container,
section[class*="ContentRegion"] form .select-container:not(.compactmode) {
width: 100%;
max-width: 100%;
}
section[class^="ContentRegion"] .form_element_container.compactmode {
width: auto;
}
section[class*="ContentRegion"] form input[type="Text"],
section[class^="ContentRegion"] form textarea,
section[class*="ContentRegion"] form select,
section[class*="ContentRegion"] form textarea#comment {
padding: 15px;
border: 2px solid #333;
font-family: 'Sarala', Verdana, sans-serif;
font-size: 18px;
width: 100%;
}
section[class*="ContentRegion"] form .formbutton_wrapper {
width: 100%;
text-align: center;
}
section[class*="ContentRegion"] form input.submitbutton {
padding: 15px;
border-radius: 30px;
border: 3px solid transparent;
background: #e74c3c;
color: #fff;
font-family: "Sarala", Verdana, sans-serif;
font-size: 15px;
font-weight: normal;
min-width: 200px;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all;
transition: 200ms all;
text-align: center;
display: inline-block;
}
section[class*="ContentRegion"] form input.submitbutton:hover {
border: 3px solid #e74c3c;
background: #fff;
color: #e74c3c;
-webkit-transition: 200ms all;
transition: 200ms all;
}
section[class*="ContentRegion"] .formlabel {}
/* HIRING WITH PURPOSE CIRCLES CLICK
------------------------------------------------------------------- */
#circle_wheel {
margin-top: 25%;
}
.circle-container {
position: relative;
width: 20em;
height: 20em;
border-radius: 50%;
padding: 0;
list-style: none;
margin: 50px auto 100px;
border: 0;
}
.circle-container>* {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -3em;
width: 120px;
height: 120px;
}
.circle-container>*:nth-of-type(1) {
-webkit-transform: rotate(0deg) translate(190px) rotate(0deg);
transform: rotate(0deg) translate(190px) rotate(0deg);
}
.circle-container>*:nth-of-type(2) {
-webkit-transform: rotate(45deg) translate(190px) rotate(-45deg);
transform: rotate(45deg) translate(190px) rotate(-45deg);
}
.circle-container>*:nth-of-type(3) {
-webkit-transform: rotate(90deg) translate(190px) rotate(-90deg);
transform: rotate(90deg) translate(190px) rotate(-90deg);
}
.circle-container>*:nth-of-type(4) {
-webkit-transform: rotate(135deg) translate(190px) rotate(-135deg);
transform: rotate(135deg) translate(190px) rotate(-135deg);
}
.circle-container>*:nth-of-type(5) {
-webkit-transform: rotate(180deg) translate(190px) rotate(-180deg);
transform: rotate(180deg) translate(190px) rotate(-180deg);
}
.circle-container>*:nth-of-type(6) {
-webkit-transform: rotate(225deg) translate(190px) rotate(-225deg);
transform: rotate(225deg) translate(190px) rotate(-225deg);
}
.circle-container>*:nth-of-type(7) {
-webkit-transform: rotate(270deg) translate(190px) rotate(-270deg);
transform: rotate(270deg) translate(190px) rotate(-270deg);
}
.circle-container>*:nth-of-type(8) {
-webkit-transform: rotate(315deg) translate(190px) rotate(-315deg);
transform: rotate(315deg) translate(190px) rotate(-315deg);
}
.circle-container img {
display: block;
max-width: 100%;
border-radius: 50%;
/* -webkit-filter: grayscale(100%);
filter: grayscale(100%); */
-webkit-filter: invert(0%);
filter: invert(0%);
/* border: solid 2px #fff; */
-webkit-transition: .15s;
transition: .15s;
cursor: pointer;
}
.circle-container img:hover {
/* -webkit-filter: grayscale(0);
filter: grayscale(0); */
-webkit-filter: invert(60%);
filter: invert(60%);
-webkit-transition: .15s;
transition: .15s;
}
span#clickNotice {
font-family: 'Numans', Arial;
font-size: 14px;
width: 100%;
text-align: center;
margin-top: 30px;
display: block;
color: #fff;
font-style: italic;
}
ul.circle-content {
list-style: none;
}
ul.circle-content li {
display: none;
/* by default */
text-align: left;
color: #fff;
}
ul.circle-content li h5 {
text-align: center;
color: #fff;
}
ul.circle-content li.always-show {
display: block !important;
}
/* JOBS MODULE
------------------------------------------------------------------- */
ul.joblist {
list-style-position: outside;
overflow: hidden;
padding-left: 25px;
font-family: 'Numans', sans-serif;
font-size: 16px;
margin-bottom: 15px;
}
/* ul.joblist li {
list-style: none;
} */
.job_card {
background: #F5F5F5;
border-radius: 10px;
border: 1px solid transparent;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
padding: 20px;
margin-top: 20px;
}
.job_card h3.jobTitle {
font-family: "Numans", Arial, sans-serif;
color: #333;
margin-top: 0px;
}
.modBlog-slideline .modBlog-tags {
width: 100%;
}
/* VIDEO LIBRARY PAGE
---------------------------------------------------------------------- */
.youtubeVideoWrapper img {
width: 100%;
}
.youtubeVideoWrapper {
width: 100%;
margin: 0px auto 35px auto;
}
.youtubeTitle {
font-size: 20px;
line-height: 1.2em;
font-weight: bold;
text-align: center;
font-family: "Numans", Arial, sans-serif;
}
.eventDescription p {
font-size: 24px;
line-height: 1.5;
font-weight: normal;
}
/* Refer-a Iframe
---------------------------------------------------------------------- */
.sr-popup-style {
z-index: 1001;
border-top: 3px solid orange;
background: #F9F9F9;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2),
0 24px 38px 3px rgba(0, 0, 0, .14),
0 9px 46px 8px rgba(0, 0, 0, .12);
position: fixed;
bottom: 15px;
left: 15px;
}
iframe#sr-popup {
display: none;
height: 0px;
}
#sr-headline-clickable {
display: none;
width: 300px;
height: auto;
cursor: pointer;
background-color: white;
}
#sr-headline-clickable h4 {
padding: 6px 16px 6px 16px;
text-align: center;
color: black !important;
font-weight: normal;
font-size: 1em;
margin: 10px 20px 10px 0px;
}
#sr-close-icon {
display: none;
position: fixed;
box-sizing: border-box;
width: 20px;
height: 20px;
border-width: 3px;
border-style: solid;
border-color: gray;
border-radius: 100%;
background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%);
background-color: gray;
z-index: 1002;
cursor: pointer;
}
/* ************************************* below styles from: ****************************** */
/* below styles from: sty_responsive.css */
/*
* RESPONSIVE DESIGN FOR VIRTEOM CMS
*/
/* LARGER DEVICES (Large Desktop screens) */
@media only screen and (min-width: 1201px) {
#mainMenu {
display:block;
}
}
@media only screen and (max-width: 1300px) {
.pageBanner .eaglehead img {
opacity: 0.65;
transition: 200ms all ease-in-out;
}
#mainMenu ul li a{
font-size:12px;
}
.contactHeader{
font-size:12px;
}
}
/* MEDIUM DEVICES (Desktops) */
@media only screen and (max-width: 1200px) {
#mainMenu {
display:block;
}
.pageBanner .tallHeight{
min-height: 725px !important;
}
#header_logo{
padding:15px 0px;
}
#mainMenu ul li a{
padding:0px 7px;
}
.orangeButton{
min-width:145px;
}
.contactHeader{
text-align:center;
}
#header_logo{
display:inline-block;
width:100%;
text-align:center;
}
}
/* SMALL DEVICES (Tablets) */
@media only screen and (max-width: 992px) {
#mainMenu {
display:block;
}
#header_logo{
display:inline-block;
width:100%;
text-align:center;
}
.pageBanner .eaglehead {
display:none;
}
.pageBanner .tallHeight {
min-height: unset;
padding-bottom: 30px;
}
.homepage .pageBanner {
min-height: unset;
}
.our-services h1{
margin-top: 20px;
}
.contactHeader{
text-align:center;
}
#footerInternal{
text-align:center;
}
.footerTitle.withBalloon::before {
content: '';
position: relative;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/rocket-black.png');
background-repeat: no-repeat;
background-size: contain;
height: 30px;
width: 35px;
top: 0px;
left:0px;
}
.footerTitle.withRocket::before {
content: '';
position: relative;
display: inline-block;
background-image: url('https://virteomdevcdn.blob.core.windows.net/site-championpersonnel-com/uploaded_media/championpersonnel_com/assets/balloon_icon.png');
background-repeat: no-repeat;
background-size: contain;
height: 30px;
width: 35px;
top: 0px;
left:0px;
}
/*
padding: 100px 0px;
background-size: cover;
background-position: right bottom; */
}
/* EXTRA SMALL DEVICES (Phones) */
@media only screen and (max-width: 768px) {
#headSpace, #mobileUi {
display: block !important;
height: 50px;
position: relative;
clear: both;
}
#mainMenu {
display: none !important;
}
.headerInternalWrapper, .bodyInternalWrapper, .footerInternalWrapper {
width: 100%;
}
#header_logo {
width: 100%;
text-align: center;
}
#bannerPic img {
width: 100%;
}
#footer_logo {
width: 100%;
text-align: center;
float: none;
display: block;
}
#footerTagline {
width: 100%;
text-align: center;
float: none;
margin-top: 10px;
position: relative;
}
.headerRotator {
min-height: 400px;
height: auto;
}
.footerSection {
text-align: center;
margin-bottom: 30px;
}
#footerTagline .taglineRight {
text-align: center!important;
}
.textRight{
text-align: unset;
}
.pageBanner-overlay{
padding-top:60px;
padding-bottom:60px;
}
.pageBanner .overlay-text{
margin-top:0px;
}
.homeBlogSection{
height: 100% !important;
}
.circle-container > *{
margin: -4em;
}
.fullHeight{
padding:100px 0px;
height:50vh;
}
.rotatorButton-secondary, .rotatorButton-primary{
margin-top:10px;
}
.sticky{
top:40px;
}
.textBox h3{
font-size:32px !important;
}
.footerTitle.withRocket::before{
display:none !important;
}
.footerTitle.withBalloon::before{
display:none !important;
}
}
/* ************************************* below styles from: ****************************** */
/* below styles from: jquery.mmenu.all.css */
@CHARSET "UTF-8";
.mm-panel{
display:none
}
.mm-hidden{
display:none!important
}
.mm-wrapper{
overflow-x:hidden;
position:relative
}
.mm-menu,.mm-menu>.mm-panel{
margin:0;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:0
}
.mm-menu{
background:inherit;
display:block;
overflow:hidden;
padding:0
}
.mm-panel{
-webkit-transition:-webkit-transform 0.4s ease;
-moz-transition:-moz-transform 0.4s ease;
-ms-transition:-ms-transform 0.4s ease;
-o-transition:-o-transform 0.4s ease;
transition:transform 0.4s ease;
-webkit-transform:translate3d(100%,0,0);
-moz-transform:translate3d(100%,0,0);
-ms-transform:translate3d(100%,0,0);
-o-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
.mm-panel.mm-opened{
-webkit-transform:translate3d(0%,0,0);
-moz-transform:translate3d(0%,0,0);
-ms-transform:translate3d(0%,0,0);
-o-transform:translate3d(0%,0,0);
transform:translate3d(0%,0,0);
display:block
}
.mm-panel.mm-subopened{
-webkit-transform:translate3d(-30%,0,0);
-moz-transform:translate3d(-30%,0,0);
-ms-transform:translate3d(-30%,0,0);
-o-transform:translate3d(-30%,0,0);
transform:translate3d(-30%,0,0)
}
.mm-panel.mm-highest{
z-index:1
}
.mm-menu>.mm-panel{
background:inherit;
-webkit-overflow-scrolling:touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
box-sizing:border-box;
padding:0 20px
}
.mm-menu>.mm-panel.mm-hasheader{
padding-top:40px
}
.mm-menu>.mm-panel:before,.mm-menu>.mm-panel:after{
content:'';
display:block;
height:20px
}
.mm-vertical .mm-panel{
-webkit-transform:none!important;
-moz-transform:none!important;
-ms-transform:none!important;
-o-transform:none!important;
transform:none!important
}
.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel{
display:none;
padding:10px 0 10px 10px
}
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after{
border-color:transparent
}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{
display:block
}
.mm-vertical .mm-listview>li>.mm-next,.mm-listview>li.mm-vertical>.mm-next{
height:40px;
bottom:auto
}
.mm-vertical .mm-listview>li>.mm-next:after,.mm-listview>li.mm-vertical>.mm-next:after{
top:16px;
bottom:auto
}
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,.mm-listview>li.mm-vertical.mm-opened>.mm-next:after{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
.mm-header{
border-bottom:1px solid transparent;
text-align:center;
line-height:20px;
height:40px;
padding:0 40px;
margin:0;
position:absolute;
top:0;
left:0;
right:0
}
.mm-header>a{
text-decoration:none;
display:block;
padding:10px 0
}
.mm-header .mm-title{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.mm-header .mm-btn{
box-sizing:border-box;
width:40px;
height:40px;
position:absolute;
top:0;
z-index:1
}
.mm-header .mm-btn:first-child{
padding-left:20px;
left:0
}
.mm-header .mm-btn:last-child{
padding-right:20px;
right:0
}
.mm-listview,.mm-listview>li{
list-style:none;
display:block;
padding:0;
margin:0
}
.mm-listview{
font:inherit;
font-size:14px
}
.mm-listview a,.mm-listview a:hover{
text-decoration:none
}
.mm-listview>li{
position:relative
}
.mm-listview>li>a,.mm-listview>li>span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
color:inherit;
line-height:20px;
display:block;
padding:10px 10px 10px 20px;
margin:0
}
.mm-listview>li:not(.mm-divider):after{
content:'';
border-bottom-width:1px;
border-bottom-style:solid;
display:block;
position:absolute;
left:0;
right:0;
bottom:0
}
.mm-listview>li:not(.mm-divider):after{
left:20px
}
.mm-listview .mm-next{
background:rgba(3,2,1,0);
width:50px;
padding:0;
position:absolute;
right:0;
top:0;
bottom:0;
z-index:2
}
.mm-listview .mm-next:before{
content:'';
border-left-width:1px;
border-left-style:solid;
display:block;
position:absolute;
top:0;
bottom:0;
left:0
}
.mm-listview .mm-next + a,.mm-listview .mm-next + span{
margin-right:50px
}
.mm-listview .mm-next.mm-fullsubopen{
width:100%
}
.mm-listview .mm-next.mm-fullsubopen:before{
border-left:none
}
.mm-listview .mm-next.mm-fullsubopen + a,.mm-listview .mm-next.mm-fullsubopen + span{
padding-right:50px;
margin-right:0
}
.mm-menu>.mm-panel>.mm-listview{
margin-left:-20px;
margin-right:-10px
}
.mm-menu>.mm-panel>.mm-listview.mm-first{
margin-top:-20px
}
.mm-menu>.mm-panel>.mm-listview.mm-last{
padding-bottom:20px
}
.mm-prev:before,.mm-next:after{
content:'';
border:2px solid transparent;
display:inline-block;
width:8px;
height:8px;
margin:auto;
position:absolute;
top:0;
bottom:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.mm-prev:before{
border-right:none;
border-bottom:none;
left:20px
}
.mm-next:after{
border-top:none;
border-left:none;
right:20px
}
.mm-divider{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:10px;
text-transform:uppercase;
text-indent:20px;
line-height:25px
}
.mm-listview>li.mm-spacer{
padding-top:40px
}
.mm-listview>li.mm-spacer>.mm-next{
top:40px
}
.mm-listview>li.mm-spacer.mm-divider{
padding-top:25px
}
.mm-menu{
background:url(/virteom/CEAD/opensource/mobile_menu/mobile_menu_background.gif) right top #333;
color:#FFF
}
.mm-menu .mm-header{
border-color:#6b6b70
}
.mm-menu .mm-header>a{
color:#FFF
}
.mm-menu .mm-header .mm-btn:before,.mm-menu .mm-header .mm-btn:after{
border-color:#FFF
}
.mm-menu .mm-listview>li:after{
border-color:#6b6b70
}
.mm-menu .mm-listview>li>a.mm-prev,.mm-menu .mm-listview>li>a.mm-next{
color:#FFF
}
.mm-menu .mm-listview>li>a.mm-prev:before,.mm-menu .mm-listview>li>a.mm-next:after{
border-color:#FFF
}
.mm-menu .mm-listview>li>a.mm-prev:after,.mm-menu .mm-listview>li>a.mm-next:before{
border-color:#6b6b70
}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{
background:#6b6b70
}
.mm-menu.mm-vertical .mm-listview li.mm-opened>a.mm-next,.mm-menu.mm-vertical .mm-listview li.mm-opened>.mm-panel,.mm-menu .mm-listview li.mm-opened.mm-vertical>a.mm-next,.mm-menu .mm-listview li.mm-opened.mm-vertical>.mm-panel{
background:#FFF
}
.mm-menu .mm-divider{
background:#FFF
}
.mm-page{
box-sizing:border-box;
position:relative
}
.mm-slideout{
-webkit-transition:-webkit-transform 0.4s ease;
-ms-transition:-ms-transform 0.4s ease;
transition:transform 0.4s ease
}
html.mm-opened{
overflow:hidden;
position:relative
}
html.mm-opened body{
overflow:hidden
}
html.mm-opened .mm-page{
min-height:100vh
}
html.mm-background .mm-page{
background:inherit
}
#mm-blocker{
background:rgba(3,2,1,0);
display:none;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:999999
}
html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker{
display:block
}
.mm-menu.mm-offcanvas{
display:none;
position:fixed
}
.mm-menu.mm-current{
display:block
}
.mm-menu{
width:80%;
min-width:140px;
max-width:440px
}
html.mm-opening .mm-slideout{
-webkit-transform:translate(80%,0);
-moz-transform:translate(80%,0);
-ms-transform:translate(80%,0);
-o-transform:translate(80%,0);
transform:translate(80%,0)
}
@media all and (max-width:175px){
html.mm-opening .mm-slideout{
-webkit-transform:translate(140px,0);
-moz-transform:translate(140px,0);
-ms-transform:translate(140px,0);
-o-transform:translate(140px,0);
transform:translate(140px,0)
}
}
@media all and (min-width:550px){
html.mm-opening .mm-slideout{
-webkit-transform:translate(440px,0);
-moz-transform:translate(440px,0);
-ms-transform:translate(440px,0);
-o-transform:translate(440px,0);
transform:translate(440px,0)
}
}
.mm-menu.mm-top.mm-autoheight,.mm-menu.mm-bottom.mm-autoheight{
max-height:80%
}
.mm-menu.mm-top.mm-autoheight.mm-fullscreen,.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen{
max-height:100%
}
.mm-menu.mm-measureheight>.mm-panel{
bottom:auto!important;
height:auto!important
}
.mm-buttonbar{
border:1px solid transparent;
border-radius:5px;
text-align:center;
line-height:20px;
overflow:hidden;
display:block;
padding:0;
margin:0;
position:relative
}
.mm-buttonbar:after{
content:'';
display:block;
clear:both
}
.mm-buttonbar>*{
border-left:1px solid transparent;
box-sizing:border-box;
display:block;
width:100%;
height:100%;
float:left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.mm-buttonbar>a{
text-decoration:none
}
.mm-buttonbar>input{
position:absolute;
left:-1000px;
top:-1000px
}
.mm-buttonbar>input:checked + label{
border-color:transparent!important
}
.mm-buttonbar>*:first-child,.mm-buttonbar>input:first-child + *{
border-left:none
}
.mm-buttonbar.mm-buttonbar-2>*{
width:50%
}
.mm-buttonbar.mm-buttonbar-3>*{
width:33.33%
}
.mm-buttonbar.mm-buttonbar-4>*{
width:25%
}
.mm-buttonbar.mm-buttonbar-5>*{
width:20%
}
.mm-header .mm-buttonbar{
margin-top:0;
margin-left:-30px;
margin-right:-30px
}
.mm-footer .mm-buttonbar{
border:none;
border-radius:none;
line-height:40px;
margin:-10px -10px 0 -20px
}
.mm-footer .mm-buttonbar>*{
border-left:none
}
.mm-listview>li>.mm-buttonbar{
margin:10px 20px
}
.mm-menu .mm-buttonbar{
border-color:rgba(0,0,0,.7);
background:#f3f3f3
}
.mm-menu .mm-buttonbar>*{
border-color:rgba(0,0,0,.7)
}
.mm-menu .mm-buttonbar>input:checked + label{
background:rgba(0,0,0,.7);
color:#f3f3f3
}
em.mm-counter{
font:inherit;
font-size:14px;
font-style:normal;
text-indent:0;
line-height:20px;
display:block;
margin-top:-10px;
position:absolute;
right:50px;
top:50%
}
em.mm-counter + a.mm-next{
padding-left:40px
}
em.mm-counter + a.mm-next + a,em.mm-counter + a.mm-next + span{
margin-right:90px
}
em.mm-counter + a.mm-fullsubopen{
padding-left:0
}
.mm-vertical>.mm-counter{
top:12px;
margin-top:0
}
.mm-vertical.mm-spacer>.mm-counter{
margin-top:40px
}
.mm-nosubresults>.mm-counter{
display:none
}
.mm-menu em.mm-counter{
color:rgba(0,0,0,.3)
}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-page,html.mm-opened.mm-dragging .mm-fixed-top,html.mm-opened.mm-dragging .mm-fixed-bottom,html.mm-opened.mm-dragging #mm-blocker{
-webkit-transition-duration:0s;
-moz-transition-duration:0s;
-ms-transition-duration:0s;
-o-transition-duration:0s;
transition-duration:0s
}
.mm-footer{
background:inherit;
border-top:1px solid transparent;
text-align:center;
line-height:20px;
box-sizing:border-box;
width:100%;
height:40px;
padding:10px 20px;
position:absolute;
z-index:3;
bottom:0;
left:0;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-menu.mm-hasfooter>.mm-panel{
bottom:40px
}
.mm-menu .mm-footer{
border-color:rgba(0,0,0,.1);
color:rgba(0,0,0,.3)
}
.mm-menu>.mm-header{
background:inherit;
z-index:3;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-menu>.mm-header .mm-close:after{
content:'x'
}
.mm-menu.mm-hassearch>.mm-header{
top:40px
}
.mm-menu.mm-hasheader .mm-panel .mm-header{
display:none
}
.mm-menu.mm-hasheader .mm-panel,.mm-menu.mm-hasheader .mm-fixeddivider{
top:40px
}
.mm-menu.mm-hasheader.mm-hassearch .mm-panel,.mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider{
top:80px
}
.mm-divider>span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:0;
line-height:25px
}
.mm-divider.mm-opened a.mm-next:after{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
.mm-collapsed:not(.mm-uncollapsed){
display:none
}
.mm-fixeddivider{
background:inherit;
display:none;
position:absolute;
top:0;
left:0;
right:0;
z-index:2;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-fixeddivider:after{
content:none!important;
display:none!important
}
.mm-hasdividers .mm-fixeddivider{
display:block
}
.mm-menu .mm-fixeddivider span{
background:rgba(0,0,0,.05)
}
.mm-search,.mm-search input{
box-sizing:border-box
}
.mm-menu>.mm-search{
background:inherit;
z-index:3;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-search{
height:40px;
width:100%;
padding:10px 10px 0 10px;
position:absolute;
top:0;
left:0
}
.mm-search input{
border:none;
border-radius:25px;
font:inherit;
font-size:14px;
line-height:25px;
outline:none;
display:block;
width:100%;
height:25px;
margin:0;
padding:0 10px
}
.mm-search input::-ms-clear{
display:none
}
.mm-panel.mm-hassearch{
padding-top:40px
}
.mm-panel.mm-hassearch.mm-hasheader{
padding-top:80px
}
.mm-panel.mm-hassearch.mm-hasheader .mm-search{
top:40px
}
.mm-noresultsmsg{
text-align:center;
font-size:21px;
display:none;
padding:40px 0
}
.mm-noresults .mm-noresultsmsg{
display:block
}
.mm-noresults .mm-indexer{
display:none!important
}
.mm-menu li.mm-nosubresults>a.mm-next{
display:none
}
.mm-menu li.mm-nosubresults>a.mm-next + a,.mm-menu li.mm-nosubresults>a.mm-next + span{
padding-right:10px
}
.mm-menu.mm-hassearch .mm-panel,.mm-menu.mm-hassearch .mm-fixeddivider{
top:40px
}
.mm-menu .mm-search input{
background:rgba(0,0,0,.05);
color:rgba(0,0,0,.7)
}
.mm-menu .mm-noresultsmsg{
color:rgba(0,0,0,.3)
}
.mm-indexer{
background:inherit;
text-align:center;
font-size:12px;
box-sizing:border-box;
width:20px;
position:absolute;
top:10px;
bottom:10px;
right:-100px;
z-index:3;
-webkit-transition:right 0.4s ease;
-moz-transition:right 0.4s ease;
-ms-transition:right 0.4s ease;
-o-transition:right 0.4s ease;
transition:right 0.4s ease;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-indexer a{
text-decoration:none;
display:block;
height:3.71%
}
.mm-indexer~.mm-panel.mm-hasindexer{
padding-right:40px
}
.mm-hasindexer .mm-indexer{
right:0
}
.mm-hasindexer .mm-fixeddivider{
right:20px
}
.mm-hasheader .mm-indexer{
top:50px
}
.mm-hasfooter .mm-indexer{
bottom:50px
}
.mm-hassearch .mm-indexer{
top:50px
}
.mm-hassearch.mm-hasheader .mm-indexer{
top:90px
}
.mm-menu .mm-indexer a{
color:rgba(0,0,0,.3)
}
input.mm-toggle,input.mm-check{
position:absolute;
left:-10000px
}
label.mm-toggle,label.mm-check{
margin:0;
position:absolute;
bottom:50%;
z-index:2
}
label.mm-toggle:before,label.mm-check:before{
content:'';
display:block
}
label.mm-toggle{
border-radius:30px;
width:50px;
height:30px;
margin-bottom:-15px
}
label.mm-toggle:before{
border-radius:30px;
width:28px;
height:28px;
margin:1px
}
input.mm-toggle:checked~label.mm-toggle:before{
float:right
}
label.mm-check{
width:30px;
height:30px;
margin-bottom:-15px
}
label.mm-check:before{
border-left:3px solid;
border-bottom:3px solid;
width:40%;
height:20%;
margin:25% 0 0 20%;
opacity:.1;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
input.mm-check:checked~label.mm-check:before{
opacity:1
}
label.mm-toggle,label.mm-check{
right:20px
}
label.mm-toggle + a,label.mm-toggle + span{
padding-right:80px
}
label.mm-check + a,label.mm-check + span{
padding-right:60px
}
a.mm-next + label.mm-toggle,a.mm-next + label.mm-check{
right:60px
}
a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span,a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{
margin-right:50px
}
a.mm-next + label.mm-toggle + a,a.mm-next + label.mm-toggle + span{
padding-right:70px
}
a.mm-next + label.mm-check + a,a.mm-next + label.mm-check + span{
padding-right:50px
}
em.mm-counter + a.mm-next + label.mm-toggle,em.mm-counter + a.mm-next + label.mm-check{
right:100px
}
em.mm-counter + a.mm-next + label.mm-toggle + a,em.mm-counter + a.mm-next + label.mm-toggle + span,em.mm-counter + a.mm-next + label.mm-check + a,em.mm-counter + a.mm-next + label.mm-check + span{
margin-right:90px
}
.mm-menu label.mm-toggle{
background:rgba(0,0,0,.1)
}
.mm-menu label.mm-toggle:before{
background:#f3f3f3
}
.mm-menu input.mm-toggle:checked~label.mm-toggle{
background:#4bd963
}
.mm-menu label.mm-check:before{
border-color:rgba(0,0,0,.7)
}
.mm-menu.mm-border-none .mm-listview>li:after,.mm-listview.mm-border-none>li:after{
content:none
}
.mm-menu.mm-border-full .mm-listview>li:after,.mm-listview.mm-border-full>li:after{
left:0!important
}
html.mm-effect-slide .mm-menu.mm-offcanvas{
-webkit-transition:-webkit-transform 0.4s ease;
transition:transform 0.4s ease
}
html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas{
-webkit-transform:translate3d(-30%,0,0);
-moz-transform:translate3d(-30%,0,0);
-ms-transform:translate3d(-30%,0,0);
-o-transform:translate3d(-30%,0,0);
transform:translate3d(-30%,0,0)
}
html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas{
-webkit-transform:translate3d(0%,0,0);
-moz-transform:translate3d(0%,0,0);
-ms-transform:translate3d(0%,0,0);
-o-transform:translate3d(0%,0,0);
transform:translate3d(0%,0,0)
}
html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas{
-webkit-transform:translate3d(30%,0,0);
-moz-transform:translate3d(30%,0,0);
-ms-transform:translate3d(30%,0,0);
-o-transform:translate3d(30%,0,0);
transform:translate3d(30%,0,0)
}
html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas{
-webkit-transform:translate3d(0%,0,0);
-moz-transform:translate3d(0%,0,0);
-ms-transform:translate3d(0%,0,0);
-o-transform:translate3d(0%,0,0);
transform:translate3d(0%,0,0)
}
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas{
-webkit-transition:-webkit-transform 0.4s ease;
-moz-transition:-moz-transform 0.4s ease;
-ms-transition:-ms-transform 0.4s ease;
-o-transition:-o-transform 0.4s ease;
transition:transform 0.4s ease
}
html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas{
-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);
-moz-transform:scale(.7,.7) translate3d(-30%,0,0);
-ms-transform:scale(.7,.7) translate3d(-30%,0,0);
-o-transform:scale(.7,.7) translate3d(-30%,0,0);
transform:scale(.7,.7) translate3d(-30%,0,0);
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas{
-webkit-transform:scale(1,1) translate3d(0%,0,0);
-moz-transform:scale(1,1) translate3d(0%,0,0);
-ms-transform:scale(1,1) translate3d(0%,0,0);
-o-transform:scale(1,1) translate3d(0%,0,0);
transform:scale(1,1) translate3d(0%,0,0)
}
html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas{
-webkit-transform:scale(.7,.7) translate3d(30%,0,0);
-moz-transform:scale(.7,.7) translate3d(30%,0,0);
-ms-transform:scale(.7,.7) translate3d(30%,0,0);
-o-transform:scale(.7,.7) translate3d(30%,0,0);
transform:scale(.7,.7) translate3d(30%,0,0);
-webkit-transform-origin:right center;
-moz-transform-origin:right center;
-ms-transform-origin:right center;
-o-transform-origin:right center;
transform-origin:right center
}
html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas{
-webkit-transform:scale(1,1) translate3d(0%,0,0);
-moz-transform:scale(1,1) translate3d(0%,0,0);
-ms-transform:scale(1,1) translate3d(0%,0,0);
-o-transform:scale(1,1) translate3d(0%,0,0);
transform:scale(1,1) translate3d(0%,0,0)
}
html.mm-effect-zoom-panels .mm-menu .mm-panel{
-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);
-moz-transform:scale(1.5,1.5) translate3d(100%,0,0);
-ms-transform:scale(1.5,1.5) translate3d(100%,0,0);
-o-transform:scale(1.5,1.5) translate3d(100%,0,0);
transform:scale(1.5,1.5) translate3d(100%,0,0);
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transition-property:-webkit-transform,left;
-moz-transition-property:-moz-transform,left;
-ms-transition-property:-ms-transform,left;
-o-transition-property:-o-transform,left;
transition-property:transform,left
}
html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened{
-webkit-transform:scale(1,1) translate3d(0%,0,0);
-moz-transform:scale(1,1) translate3d(0%,0,0);
-ms-transform:scale(1,1) translate3d(0%,0,0);
-o-transform:scale(1,1) translate3d(0%,0,0);
transform:scale(1,1) translate3d(0%,0,0)
}
html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened{
-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);
-moz-transform:scale(.7,.7) translate3d(-30%,0,0);
-ms-transform:scale(.7,.7) translate3d(-30%,0,0);
-o-transform:scale(.7,.7) translate3d(-30%,0,0);
transform:scale(.7,.7) translate3d(-30%,0,0)
}
.mm-menu.mm-fullscreen{
width:100%;
min-width:140px;
max-width:10000px
}
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(100%,0);
-moz-transform:translate(100%,0);
-ms-transform:translate(100%,0);
-o-transform:translate(100%,0);
transform:translate(100%,0)
}
@media all and (max-width:140px){
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(140px,0);
-moz-transform:translate(140px,0);
-ms-transform:translate(140px,0);
-o-transform:translate(140px,0);
transform:translate(140px,0)
}
}
@media all and (min-width:10000px){
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(10000px,0);
-moz-transform:translate(10000px,0);
-ms-transform:translate(10000px,0);
-o-transform:translate(10000px,0);
transform:translate(10000px,0)
}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
-o-transform:translate(-100%,0);
transform:translate(-100%,0)
}
@media all and (max-width:140px){
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(-140px,0);
-moz-transform:translate(-140px,0);
-ms-transform:translate(-140px,0);
-o-transform:translate(-140px,0);
transform:translate(-140px,0)
}
}
@media all and (min-width:10000px){
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform:translate(-10000px,0);
-moz-transform:translate(-10000px,0);
-ms-transform:translate(-10000px,0);
-o-transform:translate(-10000px,0);
transform:translate(-10000px,0)
}
}
.mm-menu.mm-fullscreen.mm-top,.mm-menu.mm-fullscreen.mm-bottom{
height:100%;
min-height:140px;
max-height:10000px
}
html.mm-opened.mm-fullscreen .mm-page{
box-shadow:none!important
}
.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span{
text-overflow:clip;
white-space:normal
}
.mm-menu.mm-pageshadow:after{
content:"";
display:block;
width:20px;
height:120%;
position:absolute;
left:100%;
top:-10%;
z-index:99
}
.mm-menu.mm-pageshadow.mm-right:after{
left:auto;
right:100%
}
.mm-menu.mm-pageshadow.mm-next:after,.mm-menu.mm-pageshadow.mm-front:after{
content:none;
display:none
}
.mm-menu.mm-pageshadow:after{
box-shadow:0 0 10px rgba(0,0,0,.3)
}
.mm-menu.mm-top,.mm-menu.mm-bottom{
width:100%;
min-width:100%;
max-width:100%
}
.mm-menu.mm-right{
left:auto;
right:0
}
.mm-menu.mm-bottom{
top:auto;
bottom:0
}
html.mm-right.mm-opening .mm-slideout{
-webkit-transform:translate(-80%,0);
-moz-transform:translate(-80%,0);
-ms-transform:translate(-80%,0);
-o-transform:translate(-80%,0);
transform:translate(-80%,0)
}
@media all and (max-width:175px){
html.mm-right.mm-opening .mm-slideout{
-webkit-transform:translate(-140px,0);
-moz-transform:translate(-140px,0);
-ms-transform:translate(-140px,0);
-o-transform:translate(-140px,0);
transform:translate(-140px,0)
}
}
@media all and (min-width:550px){
html.mm-right.mm-opening .mm-slideout{
-webkit-transform:translate(-440px,0);
-moz-transform:translate(-440px,0);
-ms-transform:translate(-440px,0);
-o-transform:translate(-440px,0);
transform:translate(-440px,0)
}
}
html.mm-front .mm-slideout{
-webkit-transform:none!important;
-moz-transform:none!important;
-ms-transform:none!important;
-o-transform:none!important;
transform:none!important;
z-index:0!important
}
.mm-menu.mm-front{
z-index:1
}
.mm-menu.mm-front,.mm-menu.mm-next{
-webkit-transition:-webkit-transform 0.4s ease;
-ms-transition:-ms-transform 0.4s ease;
transition:transform 0.4s ease;
-webkit-transform:translate3d(-100%,0,0);
-moz-transform:translate3d(-100%,0,0);
-ms-transform:translate3d(-100%,0,0);
-o-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{
-webkit-transform:translate3d(100%,0,0);
-moz-transform:translate3d(100%,0,0);
-ms-transform:translate3d(100%,0,0);
-o-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
.mm-menu.mm-top{
-webkit-transform:translate3d(0,-100%,0);
-moz-transform:translate3d(0,-100%,0);
-ms-transform:translate3d(0,-100%,0);
-o-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
.mm-menu.mm-bottom{
-webkit-transform:translate3d(0,100%,0);
-moz-transform:translate3d(0,100%,0);
-ms-transform:translate3d(0,100%,0);
-o-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.mm-menu.mm-top,.mm-menu.mm-bottom{
height:80%;
min-height:140px;
max-height:880px
}
.mm-menu.mm-theme-dark{
background:#333;
color:rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark .mm-header{
border-color:rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark .mm-header>a{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-header .mm-btn:before,.mm-menu.mm-theme-dark .mm-header .mm-btn:after{
border-color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-listview>li:after{
border-color:rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark .mm-listview>li>a.mm-prev,.mm-menu.mm-theme-dark .mm-listview>li>a.mm-next{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-listview>li>a.mm-prev:before,.mm-menu.mm-theme-dark .mm-listview>li>a.mm-next:after{
border-color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-listview>li>a.mm-prev:after,.mm-menu.mm-theme-dark .mm-listview>li>a.mm-next:before{
border-color:rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{
background:rgba(0,0,0,.1)
}
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical>.mm-panel{
background:rgba(255,255,255,.05)
}
.mm-menu.mm-theme-dark .mm-divider{
background:rgba(255,255,255,.05)
}
.mm-menu.mm-theme-dark .mm-buttonbar{
border-color:rgba(255,255,255,.8);
background:#333
}
.mm-menu.mm-theme-dark .mm-buttonbar>*{
border-color:rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark .mm-buttonbar>input:checked + label{
background:rgba(255,255,255,.8);
color:#333
}
.mm-menu.mm-theme-dark label.mm-check:before{
border-color:rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark em.mm-counter{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-footer{
border-color:rgba(0,0,0,.15);
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-fixeddivider span{
background:rgba(255,255,255,.05)
}
.mm-menu.mm-pageshadow.mm-theme-dark:after{
box-shadow:0 0 20px rgba(0,0,0,.5)
}
.mm-menu.mm-theme-dark .mm-search input{
background:rgba(255,255,255,.3);
color:rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark .mm-noresultsmsg{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-indexer a{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark label.mm-toggle{
background:rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark label.mm-toggle:before{
background:#333
}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{
background:#4bd963
}
.mm-menu.mm-theme-white{
background:white;
color:rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white .mm-header{
border-color:rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white .mm-header>a{
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-header .mm-btn:before,.mm-menu.mm-theme-white .mm-header .mm-btn:after{
border-color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-listview>li:after{
border-color:rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white .mm-listview>li>a.mm-prev,.mm-menu.mm-theme-white .mm-listview>li>a.mm-next{
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-listview>li>a.mm-prev:before,.mm-menu.mm-theme-white .mm-listview>li>a.mm-next:after{
border-color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-listview>li>a.mm-prev:after,.mm-menu.mm-theme-white .mm-listview>li>a.mm-next:before{
border-color:rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{
background:rgba(0,0,0,.05)
}
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened>.mm-panel,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical>.mm-panel{
background:rgba(0,0,0,.03)
}
.mm-menu.mm-theme-white .mm-divider{
background:rgba(0,0,0,.03)
}
.mm-menu.mm-theme-white .mm-buttonbar{
border-color:rgba(0,0,0,.6);
background:white
}
.mm-menu.mm-theme-white .mm-buttonbar>*{
border-color:rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white .mm-buttonbar>input:checked + label{
background:rgba(0,0,0,.6);
color:white
}
.mm-menu.mm-theme-white label.mm-check:before{
border-color:rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white em.mm-counter{
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-footer{
border-color:rgba(0,0,0,.1);
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-fixeddivider span{
background:rgba(0,0,0,.03)
}
.mm-menu.mm-pageshadow.mm-theme-white:after{
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.mm-menu.mm-theme-white .mm-search input{
background:rgba(0,0,0,.05);
color:rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white .mm-noresultsmsg{
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-indexer a{
color:rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white label.mm-toggle{
background:rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white label.mm-toggle:before{
background:white
}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{
background:#4bd963
}
.mm-menu.mm-theme-black{
background:black;
color:rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black .mm-header{
border-color:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-header>a{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-header .mm-btn:before,.mm-menu.mm-theme-black .mm-header .mm-btn:after{
border-color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-listview>li:after{
border-color:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-listview>li>a.mm-prev,.mm-menu.mm-theme-black .mm-listview>li>a.mm-next{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-listview>li>a.mm-prev:before,.mm-menu.mm-theme-black .mm-listview>li>a.mm-next:after{
border-color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-listview>li>a.mm-prev:after,.mm-menu.mm-theme-black .mm-listview>li>a.mm-next:before{
border-color:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{
background:rgba(255,255,255,.3)
}
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened>.mm-panel,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical>.mm-panel{
background:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-divider{
background:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-buttonbar{
border-color:rgba(255,255,255,.6);
background:black
}
.mm-menu.mm-theme-black .mm-buttonbar>*{
border-color:rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black .mm-buttonbar>input:checked + label{
background:rgba(255,255,255,.6);
color:black
}
.mm-menu.mm-theme-black label.mm-check:before{
border-color:rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black em.mm-counter{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-footer{
border-color:rgba(255,255,255,.2);
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-fixeddivider span{
background:rgba(255,255,255,.2)
}
.mm-menu.mm-pageshadow.mm-theme-black:after{
content:none;
display:none
}
.mm-menu.mm-theme-black .mm-search input{
background:rgba(255,255,255,.3);
color:rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black .mm-noresultsmsg{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-indexer a{
color:rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black label.mm-toggle{
background:rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black label.mm-toggle:before{
background:black
}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{
background:#4bd963
}
.sideMenuWrap{
display:none
}
#mobileUi{
display:none;
height:40px;
width:100%;
top:0;
position:fixed;
z-index:999;
background:none repeat scroll 0 0 #474747
}
.mobileUi{
display:none;
z-index:9999
}
.sideMenuWrap{
margin-top:10px
}
.ui-btn{
width:33.33333333333%;
float:left;
height:100%;
/* background:url(/virteom/CEAD/opensource/mobile_menu/images/mobile-util-nav-sprite.png) no-repeat scroll 50% 0 transparent */
}
#btn-menu{
border-right:1px solid #333;
/* background-position:50% -340px; */
background:url(/virteom/CEAD/opensource/mobile_menu/images/mobile-menu-icon.svg) no-repeat scroll 50% 3px transparent;
background-size: 32px;
}
#btn-map{
/* background-position:50% -392px; */
border-left:1px solid #bdadad;
border-right:1px solid #333;
background:url(/virteom/CEAD/opensource/mobile_menu/images/mobile-info-icon.svg) no-repeat scroll 50% 3px transparent;
background-size: 32px;
}
#btn-call{
border-left:1px solid #7f7f7f;
/* background-position:50% -293px; */
background:url(/virteom/CEAD/opensource/mobile_menu/images/mobile-phone-icon.svg) no-repeat scroll 50% 4px transparent;
background-size: 32px;
}
.ui-btn a{
width:100%;
height:100%
}
@media only screen and (min-width:769px) and (max-width:960px){
div#headSpace,div#mobileUi{
display:none
}
img.mobileUi{
display:none
}
.ui-btn{
width:33.33333333333%
}
#btn-map{
border-right:medium none
}
.botBorder,div#mainMenu,#btn-call{
display:block
}
#openMobileMenu{
display:block
}
#mainMenu{
display:none
}
}
@media only screen and (min-width:480px) and (max-width:767px){
div#headSpace,div#mobileUi{
display:block;
min-width:320px
}
img.mobileUi{
display:block
}
.ui-btn{
width:33.33333333333%
}
#btn-map{
border-right:medium none
}
.botBorder,#btn-call{
display:block
}
#openMobileMenu{
display:block
}
div#headSpace{
height:50px;
position:fixed;
z-index: 9999;
clear:both
}
}
@media only screen and (max-width:479px){
div#headSpace,div#mobileUi{
display:block;
min-width:320px
}
img.mobileUi{
display:block
}
.ui-btn{
width:33.33333333333%
}
#btn-map{
border-right:medium none
}
.search_block_top,.botBorder,#btn-call{
display:block
}
#openMobileMenu{
display:block
}
div#headSpace{
height:50px;
position:relative;
clear:both
}
}
@media only screen and (max-width:359px){
div#headSpace div#mobileUi{
display:block;
min-width:320px
}
img.mobileUi{
display:block
}
div#headSpace{
height:50px;
position:relative;
clear:both
}
}
/* ************************************* below styles from: glmod_Appearance_Website-Alert-Header ****************************** */
.websiteHeaderAlert{
text-align:center;
background-color:#ececec;
padding:10px 0px;
}
body > .websiteHeaderAlert *{
font-size:14px;
}
.websiteHeaderAlertButton{
margin-left:10px;
}
/* EXTRA SMALL DEVICES (Phones) */
@media only screen and (max-width: 768px) {
.websiteHeaderAlert{
margin-top:40px;
}
}
.cookiesLabel em {
font-size: 12px;
font-weight: normal;
margin-left: 10px;
}
label.label_for_textinputs.cookieslabel_for_textinputs {
width: 100% !important;
}
/* ************************************* below styles from: glmod_Blog ****************************** */
/*
* Blog Styles (c) virteom.com
------------------------------------------ */
/***
.modBlog-subheading {
font-size: 22px;
text-transform: uppercase;
font-weight: 400;
padding: 0 0 2px 0;
margin-bottom: 18px;
}
#modBlog_sidebar {
padding: 15px;
padding-top: 30px;
width: 100%;
padding-left: 20px;
float: left;
}
div#modBlog_sidebar div a, div#appliedInside div a, a.blog-cat-link {
padding-bottom: 5px;
text-decoration: none;
}
#modBlog_sidebar .modBlog-recentblog {
padding: 0 10px;
}
#modBlog_sidebar .modBlog-categories a, #modBlog_sidebar .modBlog-authors a, #modBlog_sidebar .modBlog-archive a {
display: block;
}
.modBlog-categories, .modBlog-authors, .modBlog-mostrecent, .modBlog-archive {
margin-bottom: 35px;
}
#modBlog_main .modBlog-recentblog {
margin: 15px 0;
}
.modBlog-recentblog {
margin: 0 0 25px 0;
}
#modBlog_sidebar .modBlog-title {
margin-bottom: 3px;
border: 0 none;
}
#modBlog_sidebar .modBlog-date, #modBlog_sidebar .modBlog-author {
font-style: italic;
}
#modBlog_sidebar .modBlogEntry-preview {
padding-right: 10px;
margin: 1px 0 10px 0;
}
.modBlog-pagelinks {
float: right;
}
/*#modBlog_main .modBlog-title{
font-size:24px;
text-transform:uppercase;
font-weight:bold;
} ***/
.modBlog-tags {
display: inline-block;
}
.modBlog-slideline .modBlog-tags a {
padding: 0 3px;
}
.modBlog-slideline {
overflow: hidden;
width: 100%;
}
.modBlog-slideline .modBlog-tags {
width: 3000px;
position: relative;
left: 0;
}
.modBlogEntry-preview {
margin: 0 0 20px 0;
height: 102px;
overflow: hidden;
position: relative;
line-height: 24px;
}
.modBlog-recentblog a.readmore {
display: block;
position: relative;
bottom: 0;
float: left;
font-weight: bold;
z-index: 3;
padding-right: 10px;
}
.modBlog-homepage .modBlog-recentblog .modBlog-photo {
display: block;
float: left;
width: 170px;
padding: 0;
margin: 0 20px 20px 0;
text-align: center;
}
.modBlog-relatedblog .modBlog-photo {
display: block;
float: left;
width: 25%;
padding: 0;
margin: 0 20px 20px 0;
text-align: center;
}
.modBlog-relatedblog .modBlog-photo img {
width: 100%;
}
#modBlog_main .email-blog-link {
display: block;
margin-right: 10px;
font-size: 11px;
padding: 3px;
}
.modBlogEntry-preview span.fader {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border: 0 none;
bottom: 0;
display: block;
height: 80px;
opacity: 0.8;
position: absolute;
width: 100%;
z-index: 2;
}
.modBlog-readMore {
margin: 0px 5px;
font-size: 16px;
}
#addBookmarkContainer{
margin-right:10px;
}
#modBlog-related-post .modBlog-relatedblog .modBlog-photo img{
width: 150px;
}
.mediaWrapper{
padding:15px 0px;
}
a.mediaItem{
width:49%;
display:inline-block;
text-align:left;
}
.media_description ul{
padding-left:20px;
}
a.mediaItem.nyroModal {
text-align: right;
float:right;
}
#modBlog_sidebar .mediaWrapper{
display:none;
}
.mediaRegionWrapper {
display:grid;
align-items:flex-end;
width: 100%;
/*height:100%;*/
}
/* ************************************* below styles from: glmod_Forms ****************************** */
/*glmod_forms stylesheet.css*/
div.virteom div.ajax_form_config input{color:#000000;}/*needed for form manager font colors*/
.form_element_container{float:left; margin-right:3px; margin-bottom: 15px;} /*needed for compact more, don't remove*/
.select-container{margin-bottom: 15px;}
.formlabel{
min-height:23px;
display:block;
width:100%;
}
.ajax_forms{text-align:left;}
.hide{display: none;}
.dialog-btn-inline {
width:auto;
display:inline;
position:relative;
}
.dialog-btn-inline:hover {
background:#eaeaea;
border: 1px solid #fb6b0b;
}
.dialog-btn-inline:active {
top:1px;
left:1px;
}
#cke_top_ele_detail{background-color:#000000;}
.loading_text {color:rgb(191, 191, 191);mix-blend-mode: exclusion;font-weight:200;}
.ajax_rs_loader_basic {
text-align: center;
cursor:default;
height:43px;
}
.ajax_loader_rs_btn {
text-align: center;
position: absolute !important;
z-index: 2;
top: 50%;
transform: scale(.9) translate(0,-50%);
right: -50px;
cursor:default;
height:43px;
}
/* rotating dots
*/
ul.bokeh {
font-size: 100px;
width: 1em;
height: 1em;
position: relative;
margin: 100px auto;
border-radius: 50%;
border: .01em solid rgba(150,150,150,0.1);
list-style: none;
}
ul.bokeh li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
ul.bokeh li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #00C176;
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
animation: rota 1s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
ul.bokeh li:nth-child(2) {
top: 50%;
right: 0;
margin: -.1em 0 0 0;
background: #FF003C;
-webkit-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
ul.bokeh li:nth-child(3) {
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #FABE28;
-webkit-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
ul.bokeh li:nth-child(4) {
top: 50%;
left: 0;
margin: -.1em 0 0 0;
background: #88C100;
-webkit-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
from { }
to { -webkit-transform: rotate(360deg); }
}
@keyframes rota {
from { }
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes opa {
0% { }
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@keyframes opa {
0% { }
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
/* circle pulse
*/
div.loading_circles div.loading_circle_1 {
background-color: rgba(0,0,0,0);
border: 2px solid rgba(191, 191, 191, 0.9);
opacity: .9;
border-right: 2px solid rgba(0,0,0,0);
border-left: 2px solid rgba(0,0,0,0);
border-radius: 50px;
/* box-shadow: 0 0 35px #2187e7; */
width: 40px;
height: 40px;
margin: 0 auto !important;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1.5s infinite linear;
animation: spinPulse 1.5s infinite linear;
mix-blend-mode: exclusion;
display:block !important;
cursor:default;
}
div.loading_circles div.loading_circle_2 {
background-color: rgba(0,0,0,0);
border: 1px solid rgba(191, 191, 191, 0.9);
opacity: .9;
border-left: 1px solid rgba(0,0,0,0);
border-right: 1px solid rgba(0,0,0,0);
border-radius: 20px;
/* box-shadow: 0 0 15px #2187e7; */
width: 20px;
height: 20px;
margin: 0 auto !important;
position: relative;
top: -30px;
-moz-animation: spinoffPulse 2s infinite linear;
-webkit-animation: spinoffPulse 2s infinite linear;
animation: spinoffPulse 2s infinite linear;
mix-blend-mode: exclusion;
display:block !important;
cursor:default;
}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; }
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
15% { opacity:1; }
85% { opacity:1; }
100% { -moz-transform:rotate(720deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); opacity:0;}
15% { opacity:1;}
85% { opacity:1;}
100% { -webkit-transform:rotate(720deg); opacity:0; }
}
@keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); opacity:0;}
15% { opacity:1;}
85% { opacity:1;}
100% { -webkit-transform:rotate(720deg); opacity:0; }
}
.radio-container.compactmode .formlabel,.fileuploader-container .formlabel,.checkbox-container .formlabel {
display: block !important;
}
/*.openAjaxLoader {
opacity: 0;
transition: opacity s ease;
}*/
/*END glmod_forms stylesheet.css*/
/* ************************************* below styles from: glmod_Members ****************************** */
form#membersinfo table tbody tr td{padding: 10px;}
.virt_members_photos{background:#ffffff; width: 120px; height: 150px; padding: 10px 10px 10px 15px; border: 1px solid #999999;}
.virt_members_photos:hover{background:#CCCCCC; }
.virt_members_photos img{margin: 0 0 0 3px;}
.activityDate{font-size:9px;}
#dlgMembersRegistration input[type='text'],#dlgMembersRegistration input[type='password'] {
width:95%;
}
/* ************************************* below styles from: glmod_Members_Members-Types ****************************** */
.vir_member_types{ display: block; width: 243px;}
div.vir_member_types a.sstip{ color: #000000;}
/* ************************************* below styles from: glmod_Modules_Home-Rotation ****************************** */
body.virteom select {
font-size: 14px;
}
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.sp-color {
position: absolute;
top:0;
left:0;
bottom:0;
right:20%;
}
.sp-hue {
position: absolute;
top:0;
right:0;
bottom:0;
left:84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top:33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position:absolute;
top:-4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position:absolute;
top:0px;
right:0;
bottom:0;
left:84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select:none;
-moz-user-select: -moz-none;
-o-user-select:none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position:absolute;
top:0;
left: 0;
}
.sp-slider {
position: absolute;
top:0;
cursor:pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float:right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background:transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container , .sp-palette-container {
float:left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position:relative;
float:left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position:relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border:none;
display:block;
float:left;
margin:0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin:0;
overflow:hidden;
cursor:pointer;
padding: 4px;
display:inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor:default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float:left;
font-size:10px;
}
.sp-preview {
position:relative;
width:25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float:left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width:16px;
height: 16px;
margin:2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom:0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin:0;
padding:2px;
margin-right: 5px;
vertical-align: middle;
text-decoration:none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position:relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display:block;
position:absolute;
top:0;left:0;bottom:0;right:0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat:no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* ************************************* below styles from: glmod_Modules_Invoice_Payments ****************************** */
#processpmtForm .form-control.is-valid {
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
border-color: #28a745;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8… 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
#processpmtForm .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc354…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
span.required {
color:#E00000;
}
/* ************************************* below styles from: glmod_Modules_Page-Banners ****************************** */
body.virteom select {
font-size: 14px;
}
/* ************************************* below styles from: glmod_Modules_Scheduler-Categories ****************************** */
/* ************************************* below styles from: glmod_Modules_Scheduler ****************************** */
/*!
* FullCalendar v3.2.0 Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc-rtl {
text-align: right;
}
body .fc { /* extra precedence to overcome jqui */
font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #ddd;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
color: #666;
}
.fc-unthemed td.fc-today {
background: #fcf8e3;
}
.fc-highlight { /* when user is selecting cells */
background: #bce8f1;
opacity: .3;
}
.fc-bgevent { /* default look for background events */
background: rgb(143, 223, 130);
opacity: .3;
}
.fc-nonbusiness { /* default look for non-business-hours areas */
/* will inherit .fc-bgevent's styles */
background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
display: inline-block;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
/* don't allow browser text-selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
"Arial", sans-serif
"Times New Roman", serif
NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
position: relative;
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
font-size: 160%;
top: -7%;
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
font-size: 160%;
top: -7%;
}
.fc-icon-left-triangle:after {
content: "\25C4";
font-size: 125%;
top: 3%;
}
.fc-icon-right-triangle:after {
content: "\25BA";
font-size: 125%;
top: 3%;
}
.fc-icon-down-triangle:after {
content: "\25BC";
font-size: 125%;
top: 2%;
}
.fc-icon-x:after {
content: "\000D7";
font-size: 200%;
top: 6%;
}
/* Buttons (styled