Sindbad~EG File Manager
/*---------------------------------------------------------------------------------*/
/* Basic
/*---------------------------------------------------------------------------------*/
.mk-ip * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mk-ip ul,
.mk-ip li {
padding: 0;
margin: 0;
list-style: none; }
.mk-clearfix:after {
content: "";
display: table;
clear: both; }
/*---------------------------------------------------------------------------------*/
/* Icon Picker
/*---------------------------------------------------------------------------------*/
.mk-ip {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
z-index: 1000001;
left: calc(50% - 450px);
top: 120px;
width: 900px;
border: 1px solid #dddddd;
-webkit-box-shadow: 0px 15px 23px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 15px 23px 0px rgba(0, 0, 0, 0.1);
padding: 0 25px 25px 25px;
background-color: #ffffff;
border-radius: 25px; }
/* Header */
.mk-ip-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 67px;
background-color: #f7f7f7;
padding: 21px 25px 0 25px;
border-radius: 25px 25px 0 0; }
.mk-ip-header-close-btn {
position: absolute;
right: 30px;
top: 25px;
line-height: 1; }
.mk-ip-header-close-btn path {
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease; }
.mk-ip-header-close-btn:hover path,
.mk-ip-header-close-btn:focus path {
color: #999999;
fill: currentColor; }
.mk-ip-header-close-btn:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.mk-ip-search-icon {
display: inline-block;
margin-right: 15px; }
input.mk-ip-search-input {
width: 90%;
margin: 0;
padding: 0;
background-color: transparent;
font-size: 20px;
vertical-align: top;
border: 0;
-webkit-box-shadow: none;
box-shadow: none; }
input.mk-ip-search-input:focus {
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none; }
input.mk-ip-search-input::-webkit-input-placeholder {
color: #999999; }
input.mk-ip-search-input:-moz-placeholder {
color: #999999; }
input.mk-ip-search-input::-moz-placeholder {
color: #999999; }
input.mk-ip-search-input:-ms-input-placeholder {
color: #999999; }
/* Bar */
.mk-ip-add-icon-wrap {
display: none;
float: right;
margin-left: 35px; }
.mk-ip-add-icon-btn {
text-decoration: none;
font-size: 14px;
color: #444444; }
.mk-ip-add-icon-btn-txt {
display: inline-block;
vertical-align: top;
padding-top: 9px;
margin-right: 10px;
font-weight: bold; }
.mk-ip-add-icon-btn:hover {
color: inherit; }
.mk-ip-add-icon-btn circle {
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease; }
.mk-ip-add-icon-btn:hover circle {
fill: currentColor;
color: #2cad7c; }
.mk-ip-lib-view {
float: right;
padding-top: 7px; }
.mk-ip-lib-view a {
display: inline-block;
vertical-align: top;
margin-left: 16px;
opacity: 0.4;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease; }
.mk-ip-lib-view a:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0; }
.mk-ip-lib-view a:not(.mk-selected):hover {
opacity: 0.7; }
.mk-ip-lib-view .mk-selected {
opacity: 1; }
/* Main */
.mk-ip-main {
padding-top: 87px; }
.mk-ip-filter {
float: left;
width: 60%; }
.mk-ip-filter li {
display: inline-block; }
.mk-ip-filter a {
display: inline-block;
text-decoration: none;
padding: 3px 13px;
color: #999999;
border: 2px solid transparent;
border-radius: 15px;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease; }
.mk-ip-filter .mk-selected,
.mk-ip-filter a:focus {
border-color: #d9d9d9;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0; }
.mk-ip-filter a:not(.mk-selected):hover {
border-color: #f7f7f7;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
background-color: #f7f7f7; }
.mk-ip-lib-wrap {
margin-top: 20px;
height: 432px;
overflow: auto; }
.mk-ip-lib {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
border-left: 1px solid #dedede; }
.mk-ip-lib-item {
position: relative;
width: 7%;
border: 1px solid #dedede;
border-left: 0; }
.mk-ip-lib-small .mk-ip-lib-item {
width: 5%; }
.mk-ip-lib-item:before {
content: "";
display: block;
padding-top: calc(100% - 1px);
/* Initial ratio of 1:1 - Calc for Pixel Prefection */ }
.mk-ip-lib-large .mk-ip-lib-item:nth-child(n+15) {
border-top: 0; }
.mk-ip-lib-small .mk-ip-lib-item:nth-child(n+21) {
border-top: 0; }
.mk-ip-lib-item:hover {
cursor: pointer; }
.mk-ip-lib-item:not(.mk-selected):hover .mk-ip-lib-item-inner {
border-color: rgba(72, 157, 215, 0.3); }
.mk-ip-lib-item-inner {
position: absolute;
left: -1px;
top: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 2px solid transparent;
-webkit-transition: border-color 0.1s ease;
transition: border-color 0.1s ease; }
.mk-ip-lib-item-icon {
margin: auto; }
.mk-ip-lib-item-inner svg {
width: 24px;
height: 24px; }
.mk-ip-lib-small .mk-ip-lib-item-inner svg {
width: 16px;
height: 16px; }
.mk-selected .mk-ip-lib-item-inner {
border-color: #489dd7; }
.mk-ip-footer {
width: 100%;
padding-top: 20px; }
/* Buttons */
.mk-ip-btn {
display: inline-block;
text-decoration: none;
color: #ffffff;
background-color: #999999;
font-size: 14px;
line-height: 1;
padding: 15px 30px;
min-width: 115px;
border-radius: 25px;
text-align: center;
font-weight: bold;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease; }
.mk-ip-btn:hover {
opacity: 0.9;
color: #ffffff; }
.mk-ip-save-btn {
float: right;
margin-right: 15px !important; }
.mk-ip-cancel-btn {
float: right;
background: #bababa; }
.mk-vc-icon-selector {
text-align: center; }
.mk-vc-icon-selector-view-wrap {
float: left;
position: relative;
margin-right: 10px !important; }
.mk-vc-icon-selector-view {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border: 1px solid #cccccc;
border-radius: 3px;
padding: 6px 5px 0 5px;
width: 36px;
height: 36px;
text-align: center; }
.mk-vc-icon-selector-view svg {
display: inline-block;
width: 22px;
height: 22px; }
.mk-vc-icon-selector-btn {
float: left;
margin-top: 1px !important; }
.mk-vc-icon-selector-view-remove {
position: absolute;
right: -6px;
top: -6px;
width: 16px;
height: 16px;
background: url(../../images/remove.svg) no-repeat center center;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
.mk-vc-icon-selector-view-wrap:hover .mk-vc-icon-selector-view-remove {
opacity: 1; }
/* Spinner */
.mk-ip-spinner {
display: none;
float: right;
margin: 10px 20px;
text-indent: -9999em;
width: 24px;
height: 24px;
border-radius: 50%;
background: #b5b5b5;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, #b5b5b5), color-stop(42%, rgba(221, 222, 222, 0)));
background: linear-gradient(to right, #b5b5b5 10%, rgba(221, 222, 222, 0) 42%);
position: relative;
-webkit-animation: mk-ip-spinner-load 1s infinite linear;
animation: mk-ip-spinner-load 1s infinite linear;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.mk-ip-spinner:before {
width: 50%;
height: 50%;
background: #b5b5b5;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: ''; }
.mk-ip-spinner:after {
background: #ffffff;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
@-webkit-keyframes mk-ip-spinner-load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes mk-ip-spinner-load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@media only screen and (max-height: 800px) {
.mk-ip {
top: 60px; }
.mk-ip-lib-wrap {
height: 320px; } }
.mk-single-option {
padding: 0 15px 25px 25px;
margin: 0 0 20px 0;
border-bottom: 1px solid #eee; }
.mk-single-option label {
display: block;
color: #444;
font-weight: bold;
margin-bottom: 10px;
font-size: 14px;
text-transform: capitalize; }
.mk-single-option .option-desc {
display: block;
margin-bottom: 20px;
color: #99999b;
font-size: 14px;
font-style: italic; }
.mk-single-option .option-desc-warning {
display: block;
color: #e74c3c;
margin-top: 10px; }
.primary-button {
font-size: 14px;
display: inline-block;
font-weight: 500;
letter-spacing: 1px;
border-radius: 40px;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
outline: 0;
border: 0;
margin-left: 15px;
padding: 14px 25px;
text-decoration: none;
cursor: pointer; }
.blue-button {
color: #fff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#58bcdf), to(#42a6c9));
background: linear-gradient(to bottom, #58bcdf 0%, #42a6c9 100%); }
.blue-button:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#57b8da), to(#409dbe));
background: linear-gradient(to bottom, #57b8da 0%, #409dbe 100%); }
.mk-options-container,
.mk-metabox-wrapper,
.vc_edit_form_elements {
color: #525252; }
.mk-options-container input[type=text],
.mk-options-container input[type=password],
.mk-options-container input[type=checkbox],
.mk-options-container input[type=color],
.mk-options-container input[type=date],
.mk-options-container input[type=datetime],
.mk-options-container input[type=datetime-local],
.mk-options-container input[type=email],
.mk-options-container input[type=month],
.mk-options-container input[type=number],
.mk-options-container input[type=radio],
.mk-options-container input[type=tel],
.mk-options-container input[type=time],
.mk-options-container input[type=url],
.mk-options-container input[type=week],
.mk-options-container input[type=search],
.mk-options-container select,
.mk-options-container textarea,
.mk-metabox-wrapper input[type=text],
.mk-metabox-wrapper input[type=password],
.mk-metabox-wrapper input[type=checkbox],
.mk-metabox-wrapper input[type=color],
.mk-metabox-wrapper input[type=date],
.mk-metabox-wrapper input[type=datetime],
.mk-metabox-wrapper input[type=datetime-local],
.mk-metabox-wrapper input[type=email],
.mk-metabox-wrapper input[type=month],
.mk-metabox-wrapper input[type=number],
.mk-metabox-wrapper input[type=radio],
.mk-metabox-wrapper input[type=tel],
.mk-metabox-wrapper input[type=time],
.mk-metabox-wrapper input[type=url],
.mk-metabox-wrapper input[type=week],
.mk-metabox-wrapper input[type=search],
.mk-metabox-wrapper select,
.mk-metabox-wrapper textarea,
.vc_edit_form_elements input[type=text],
.vc_edit_form_elements input[type=password],
.vc_edit_form_elements input[type=checkbox],
.vc_edit_form_elements input[type=color],
.vc_edit_form_elements input[type=date],
.vc_edit_form_elements input[type=datetime],
.vc_edit_form_elements input[type=datetime-local],
.vc_edit_form_elements input[type=email],
.vc_edit_form_elements input[type=month],
.vc_edit_form_elements input[type=number],
.vc_edit_form_elements input[type=radio],
.vc_edit_form_elements input[type=tel],
.vc_edit_form_elements input[type=time],
.vc_edit_form_elements input[type=url],
.vc_edit_form_elements input[type=week],
.vc_edit_form_elements input[type=search],
.vc_edit_form_elements select,
.vc_edit_form_elements textarea {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 6px;
border-color: #d9d9d9; }
.mk-options-container a,
.mk-metabox-wrapper a,
.vc_edit_form_elements a {
text-decoration: none; }
.mk-options-container a:focus,
.mk-options-container li:focus,
.mk-metabox-wrapper a:focus,
.mk-metabox-wrapper li:focus,
.vc_edit_form_elements a:focus,
.vc_edit_form_elements li:focus {
outline: none;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
/* **
**
** Specific Options Layouts
------------------------------------------------------------- */
.mk-groupset-holder {
background-color: #f2f2f2;
padding: 10px 0 0;
margin: 0px 0 30px;
position: relative; }
.mk-groupset-holder h3 {
padding: 0 0 15px 25px;
font-size: 22px;
color: #222222; }
.mk-groupset-holder .mk-single-option {
border-bottom: 1px solid #d9d9d9 !important; }
.mk-groupset-holder > div:last-of-type {
border: none !important;
margin-bottom: 0 !important; }
.mk-groupset-heading {
position: absolute;
right: 15px;
top: 15px; }
.mk-groupset-desc {
color: #686b70;
display: block;
font-size: 13px;
font-style: italic;
margin-bottom: 10px; }
/* Textboxes */
.mk-single-option .mk-highlighted-text {
background-color: #bbbbbb;
color: #fff;
padding: 5px 10px;
font-size: 14px;
margin-right: 10px; }
.mk-single-option input[type="text"],
.mk-single-option textarea {
padding: 10px; }
.mk-single-option textarea {
margin-bottom: 10px;
width: 100%; }
.masterkey-options-page .mk-single-option {
padding-left: 25px; }
.wp-editor-container textarea {
border: none !important; }
@media handheld, only screen and (max-width: 1300px) {
.mk-textbox,
.chzn-container {
width: 100% !important; } }
/* Upload Option */
.show-upload-image {
display: block;
margin-top: 20px;
width: 300px; }
.show-upload-image img {
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic; }
.mk-select,
.vc_edit_form_elements select {
display: block;
padding: 10px 70px 10px 13px !important;
max-width: 100%;
height: auto !important;
border: 1px solid #e3e3e3;
background: url("../img/selectbox-arrow.png") right center no-repeat;
background-color: #fff;
color: #444444;
font-size: 12px;
line-height: 16px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.mk-select option,
.vc_edit_form_elements select option {
padding: 0 4px; }
.mk-upload-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.mk-upload-width-wrap {
width: 82px;
min-width: 82px;
margin-top: -28px;
margin-left: 10px; }
.mk-upload-width-wrap input {
width: 67%; }
.mk-upload-width-wrap .unit {
font-family: georgia;
color: #aaaaaa;
font-style: italic;
margin-left: 5px; }
/* Toggle Button */
.mk-toggle-button {
display: block;
background-color: #e9e9e9;
width: 62px;
height: 32px;
cursor: pointer;
position: relative;
direction: ltr;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mk-toggle-button .toggle-handle {
width: 26px;
height: 26px;
background-color: #fff;
position: relative;
display: block;
left: 4px;
top: 3px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.mk-toggle-button.mk-toggle-on {
background-color: #89daff; }
.mk-toggle-button.mk-toggle-on .toggle-handle {
left: 32px; }
.mk-toggle-button.mk-toggle-off {
background-color: #e9e9e9; }
-html[dir="rtl"] .mk-toggle-button.mk-toggle-on {
background-color: #89daff; }
-html[dir="rtl"] .mk-toggle-button.mk-toggle-on .toggle-handle {
right: 32px; }
.mk-toggle-button,
.toggle-handle {
border-radius: 40px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
/* Masterkey Built-in Selectbox */
.mk-fancy-selectbox {
position: relative;
margin-bottom: 15px;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none; }
.mk-fancy-selectbox.selectbox-focused > .mk-selector-heading .mk-selector-arrow {
position: relative;
z-index: 50;
background-color: #dddddd; }
.mk-fancy-selectbox .mk-selector-heading {
height: 40px;
font-weight: bold;
line-height: 40px;
cursor: pointer;
background: #dddddd; }
.mk-fancy-selectbox .mk-selector-heading .selected_item {
white-space: nowrap;
overflow-x: hidden;
display: inline-block;
margin-left: 12px;
height: 40px;
color: #555555;
line-height: 40px; }
.mk-fancy-selectbox .mk-selector-heading .selected_color {
display: inline-block;
width: 32px;
height: 23px;
margin: 5px 10px 0 5px; }
.mk-fancy-selectbox .mk-selector-heading .mk-selector-arrow {
display: block;
float: right;
width: 40px;
height: 40px;
background: url(../img/selectbox-arrow.png) center center no-repeat; }
.mk-fancy-selectbox .mk-select-options {
position: absolute;
top: 40px;
left: 0;
z-index: 40;
display: none;
background: #dddddd;
border-top: 1px solid #aaaaaa; }
.mk-fancy-selectbox .mk-select-options .mk-select-option {
display: block;
padding: 6px 7px 6px 17px;
color: #555555;
font-size: 12px;
cursor: pointer;
margin: 3px; }
.mk-fancy-selectbox .mk-select-options .mk-select-option b {
display: inline-block;
font-weight: normal;
line-height: 25px;
vertical-align: top; }
.mk-fancy-selectbox .mk-select-options .mk-select-option .mk-option-color {
display: inline-block;
width: 60px;
height: 20px;
margin-right: 10px; }
.mk-fancy-selectbox .mk-select-options .mk-select-option:hover {
background-color: #aaaaaa; }
.mk-fancy-selectbox.color-based .mk-select-option {
padding: 5px 7px 0px 10px; }
.mk-fancy-selectbox.color-based .selected_item {
line-height: 30px;
vertical-align: top;
height: 30px;
margin: 3px 0 0 0; }
/* Range Input */
.mk-ui-input-slider {
margin: 30px 0 20px 0;
direction: ltr; }
.mk-ui-input-slider .ui-slider-horizontal {
position: relative;
float: left;
clear: right;
width: 266px;
height: 6px;
top: 0;
background: #d9d9d9 !important;
border: none !important;
cursor: pointer; }
.mk-ui-input-slider .progress {
display: none;
height: 9px;
background-color: #c5ff00;
opacity: 0.6; }
.mk-ui-input-slider .ui-slider-handle {
position: absolute;
top: -9px !important;
z-index: 2;
width: 22px !important;
height: 22px !important;
background-color: #fff !important;
border: none !important;
cursor: move;
margin-left: -10px !important;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important; }
.mk-ui-input-slider .range-input-selector {
float: left;
margin: -14px 0 5px 25px !important;
padding: 8px 0 !important;
width: 90px;
background-color: #fff;
color: #555555;
text-align: center; }
.mk-ui-input-slider .unit {
font-family: georgia;
display: inline-block;
margin-left: 8px;
color: #aaaaaa;
font-style: italic;
font-size: 14px;
line-height: 14px;
position: relative;
top: -8px; }
.mk-main-sidebar-navigator {
display: block;
float: left;
margin: 0;
padding: 0;
width: 188px; }
html[dir="rtl"] .mk-main-sidebar-navigator {
float: right;
text-align: right; }
.mk-main-sidebar-navigator-ul,
.mk-main-sidebar-navigator-ul li {
margin: 0;
padding: 0; }
.mk-main-sidebar-navigator-ul a {
display: block; }
.mk-main-sidebar-navigator-ul li a {
color: #525252;
padding: 12px; }
.mk-main-sidebar-navigator-ul li.menu a {
font-weight: bold; }
.mk-main-sidebar-navigator-ul li.menu.ui-state-active,
.mk-main-sidebar-navigator-ul li.menu.active,
.mk-main-sidebar-navigator-ul li.menu.ui-state-hover {
background-color: #6d808f; }
.mk-main-sidebar-navigator-ul li.menu.ui-state-active > a,
.mk-main-sidebar-navigator-ul li.menu.active > a,
.mk-main-sidebar-navigator-ul li.menu.ui-state-hover > a {
color: #fff !important; }
.mk-main-sidebar-navigator-ul li.sub-menu {
display: none;
background-color: #cbcfd4; }
.mk-main-sidebar-navigator-ul li.sub-menu > a {
padding-left: 24px; }
.mk-main-sidebar-navigator-ul li.sub-menu.ui-state-hover, .mk-main-sidebar-navigator-ul li.sub-menu.active, .mk-main-sidebar-navigator-ul li.sub-menu.ui-state-active {
background-color: #babec3; }
html[dir="rtl"] .mk-ui-input-slider {
float: right; }
html[dir="rtl"] .mk-main-navigator li {
float: right;
margin: 13px 15px 5px 0; }
html[dir="rtl"] .masterkey-branding {
right: auto;
left: 40px; }
html[dir="rtl"] .mk-heading-option .mk-page-heading {
padding: 0 33px 0 0; }
html[dir="rtl"] .mk-groupset-holder h3 {
padding: 0 25px 15px 0; }
html[dir="rtl"] .secondary-button {
margin-right: 10px; }
.ui-slider-horizontal,
.ui-slider-handle,
.range-input-selector {
border-radius: 30px !important; }
/* Checkbox & Radio Button */
.mk-select-radio input[type="checkbox"] {
display: none; }
.mk-select-radio input[type="checkbox"] + label {
margin-right: 30px;
font-size: 12px; }
.mk-select-radio input[type="checkbox"] + label span {
display: inline-block;
margin: 0 5px 0 0;
width: 25px;
height: 25px;
background: url(../img/mk-checkbox-radio.png) left top no-repeat;
vertical-align: middle;
cursor: pointer; }
.mk-select-radio input[type="checkbox"]:checked + label span {
background: url(../img/mk-checkbox-radio.png) right top no-repeat; }
.mk-select-radio input[type="radio"] {
display: none; }
.mk-select-radio input[type="radio"] + label {
margin-right: 30px;
font-size: 12px; }
.mk-select-radio input[type="radio"] + label span {
display: inline-block;
margin: 0 5px 0 0;
width: 25px;
height: 25px;
background: url(../img/mk-checkbox-radio.png) left bottom no-repeat;
vertical-align: middle;
cursor: pointer; }
.mk-select-radio input[type="radio"]:checked + label span {
background: url(../img/mk-checkbox-radio.png) right bottom no-repeat; }
/* Custom Sidebar */
.custom-sidebar-wrapper {
margin-bottom: 40px; }
.selected-sidebar {
display: block;
width: 300px;
margin-top: 20px;
border-bottom: none; }
.default-sidebar-item {
display: none; }
.sidebar-item {
position: relative;
display: none;
overflow: hidden;
padding: 12px 10px;
width: 300px;
background-color: #f2f2f2;
border: 1px solid #d9d9d9;
margin-bottom: 3px; }
.sidebar-item .delete-sidebar {
position: absolute;
top: 12px;
right: 12px;
font-size: 16px;
color: #ed1c24; }
/* Visual Selector */
.mk-visual-selector {
margin-top: 20px; }
.mk-visual-selector a {
position: relative;
display: inline-block;
line-height: 4px;
margin: 16px 10px 10px 0;
border: 3px solid transparent;
vertical-align: top; }
.mk-visual-selector a .selector-tick {
position: absolute;
top: -10px;
right: -10px;
display: block;
width: 35px;
height: 35px;
background: url(../img/selector-tick.png) no-repeat;
z-index: 2; }
.mk-visual-selector a.current {
border: 3px solid #14a5ed; }
.mk-visual-selector.shape-selector a {
border: 3px solid #e4e4e4;
border-radius: 8px;
margin-right: 15px; }
.mk-visual-selector.shape-selector a.current {
border: 3px solid #14a5ed; }
.mk-visual-selector {
margin-top: 20px; }
/* Message Boxes */
.mk-message-box {
position: fixed;
top: 50%;
left: 50%;
translate: -50%, -50%;
display: none;
z-index: 10000;
padding: 80px;
border-radius: 6px;
min-width: 100px;
max-width: 500px;
border: 1px solid #d9d9d9;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0 5px 23px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 23px rgba(0, 0, 0, 0.2); }
.mk-message-box .mk-message-text {
display: block;
padding: 30px 0 45px;
font-size: 24px;
font-weight: 300;
line-height: 35px; }
.mk-message-box.is-active {
display: block; }
/* Background Seclector */
.mk-general-bg-selector {
position: relative;
max-width: 820px;
min-height: 700px;
margin-bottom: 30px; }
.mk-general-bg-selector .outer-wrapper {
border: 3px solid #aaaaaa;
padding: 0;
position: relative; }
.mk-general-bg-selector.full_width_layout .hover-state-body,
.mk-general-bg-selector.full_width_layout .body-section .mk-transparent-bg-indicator,
.mk-general-bg-selector.full_width_layout .body-section .mk-bg-preview-layer {
display: none; }
.mk-general-bg-selector.boxed_layout .body-section .mk-transparent-bg-indicator,
.mk-general-bg-selector.boxed_layout .body-section .mk-bg-preview-layer {
display: block !important; }
.mk-general-bg-selector.boxed_layout .body-section {
left: 0;
top: 0;
height: 100%;
cursor: pointer;
background-color: #fff;
position: absolute;
z-index: 50;
width: 100%; }
.mk-general-bg-selector.boxed_layout .body-section .hover-state-body {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #cbeeff;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
z-index: 10; }
.mk-general-bg-selector.boxed_layout .body-section .hover-state-body .section-indicator {
position: absolute;
top: 30px;
left: 30px;
color: #252525;
font-weight: bold;
display: inline-block;
z-index: 60; }
.mk-general-bg-selector.boxed_layout .body-section .hover-state-body:hover {
opacity: 100; }
.mk-general-bg-selector .header-section {
height: 120px;
border-bottom: 3px solid #aaaaaa; }
.mk-general-bg-selector .banner-section {
height: 130px;
border-bottom: 3px solid #aaaaaa; }
.mk-general-bg-selector .page-section {
height: 370px;
border-bottom: 3px solid #aaaaaa; }
.mk-general-bg-selector .footer-section {
height: 111px; }
.mk-general-bg-selector.boxed_layout .main-sections-wrapper {
margin: 0 130px;
background-color: #aaa;
padding: 0 3px;
position: relative;
z-index: 55; }
.mk-general-bg-selector .header-section,
.mk-general-bg-selector .page-section,
.mk-general-bg-selector .footer-section,
.mk-general-bg-selector .banner-section {
cursor: pointer;
position: relative; }
.mk-general-bg-selector .header-section .hover-state,
.mk-general-bg-selector .page-section .hover-state,
.mk-general-bg-selector .footer-section .hover-state,
.mk-general-bg-selector .banner-section .hover-state {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background-color: #cbeeff;
opacity: 0;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s; }
.mk-general-bg-selector .header-section .hover-state .section-indicator,
.mk-general-bg-selector .page-section .hover-state .section-indicator,
.mk-general-bg-selector .footer-section .hover-state .section-indicator,
.mk-general-bg-selector .banner-section .hover-state .section-indicator {
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -45px;
color: #252525;
padding: 4px 20px;
font-weight: bold;
display: inline-block;
z-index: 60; }
.mk-general-bg-selector .header-section .hover-state:hover,
.mk-general-bg-selector .page-section .hover-state:hover,
.mk-general-bg-selector .footer-section .hover-state:hover,
.mk-general-bg-selector .banner-section .hover-state:hover {
opacity: 100; }
.mk-transparent-bg-indicator,
.mk-bg-preview-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.mk-bg-preview-layer {
z-index: 2; }
.mk-transparent-bg-indicator {
background-image: url(../img/transparent-bg.png);
z-index: 1; }
.mk-bg-edit-panel {
z-index: 90;
display: none;
position: absolute;
left: -1px;
top: -1px;
width: 100%;
height: 100%;
border: 2px solid #aaa;
background: #f0f0f0; }
.mk-bg-panel-heading {
border-bottom: 1px solid #ccc; }
.mk-bg-panel-heading .mk-bg-edit-panel-heading-cancel {
display: block;
float: right;
margin: 13px 13px 0 0;
font-size: 24px;
color: #14a5ed; }
.mk-bg-panel-heading .mk-bg-edit-panel-heading-text {
color: #252525;
line-height: 50px;
font-size: 18px;
margin: 10px 0 0 20px;
text-transform: capitalize;
font-weight: bold; }
.mk-bg-edit-left {
width: 33%;
float: left; }
.mk-bg-edit-right {
width: 67%;
border-left: 1px solid #ccc;
margin-right: -1px;
float: right;
min-height: 500px; }
.mk-bg-edit-bg-color {
border-bottom: 1px solid #ccc; }
.mk-bg-edit-option {
display: block;
padding: 7px 10px; }
.bg-edit-panel-color {
float: left;
padding: 0 20px 10px 0; }
.mk-bg-edit-label {
display: block;
font-weight: bold;
line-height: 30px;
margin-bottom: 5px; }
.panel-gradient-element.is-hidden,
.panel-linear-gradient-el.is-hidden {
display: none; }
.bg-repeat-option,
.bg-attachment-option,
.bg-position-option {
float: right;
line-height: 4px;
overflow: hidden; }
.bg-repeat-option a,
.bg-attachment-option a,
.bg-position-option a {
width: 31px;
height: 31px;
display: inline-block;
margin: 4px;
padding: 0;
background-color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
background-image: url(../img/background-selector.png);
background-repeat: no-repeat;
background-position: -49px -97px;
-webkit-transition: none;
transition: none; }
.bg-repeat-option a:hover,
.bg-attachment-option a:hover,
.bg-position-option a:hover {
background-color: #f4f4f4; }
.bg-repeat-option a.selected, .bg-repeat-option a:focus,
.bg-attachment-option a.selected,
.bg-attachment-option a:focus,
.bg-position-option a.selected,
.bg-position-option a:focus {
background-color: #dbdbdb;
-webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3) !important; }
.bg-repeat-option a.repeat,
.bg-attachment-option a.repeat,
.bg-position-option a.repeat {
background-position: -41px -3px; }
.bg-repeat-option a.no-repeat,
.bg-attachment-option a.no-repeat,
.bg-position-option a.no-repeat {
background-position: 0px -3px; }
.bg-repeat-option a.repeat-y,
.bg-attachment-option a.repeat-y,
.bg-position-option a.repeat-y {
background-position: -125px -3px; }
.bg-repeat-option a.repeat-x,
.bg-attachment-option a.repeat-x,
.bg-position-option a.repeat-x {
background-position: -84px -3px; }
.bg-repeat-option a.fixed,
.bg-attachment-option a.fixed,
.bg-position-option a.fixed {
background-position: -37px -46px; }
.bg-repeat-option a.scroll,
.bg-attachment-option a.scroll,
.bg-position-option a.scroll {
background-position: -78px -47px; }
.bg-position-option a.selected {
background-position: -1px -96px; }
.mk-bg-edit-option-repeat {
padding-bottom: 25px !important; }
.mk-bg-edit-option-repeat,
.mk-bg-edit-option-attachment {
border-bottom: 1px solid #ccc; }
.mk-bg-edit-option-stretch {
border-top: 1px solid #ccc; }
.mk-bg-edit-buttons {
display: block;
text-align: right;
padding: 30px; }
.bg-image-preset-wrapper {
margin: 0px; }
.bg-background-type-panes {
min-height: 230px; }
.bg-background-type-panes .bg-background-type-pane {
display: none; }
.bg-edit-panel-upload .mk-upload-bg-wrapper {
position: relative; }
.bg-edit-panel-upload .mk-upload-url {
margin: 0 !important;
width: 280px !important; }
.bg-edit-panel-upload .bg-edit-panel-upload-title {
margin: 10px 30px 10px 0px;
display: block; }
.bg-edit-panel-upload .custom-image-preview-block {
overflow: hidden;
max-width: 400px !important;
height: 100px;
text-align: left; }
.vc-mk-upload-url {
width: 70% !important; }
.bg-background-type-tabs {
text-align: left;
margin: 0;
padding: 0; }
.bg-background-type-tabs li {
float: left;
padding: 0;
margin: 0 10px 10px 0; }
.bg-background-type-tabs li a.bg-image-buttons {
float: right;
display: inline-block;
margin: 4px;
padding: 7px 16px;
background-color: #fff;
color: #848484;
border-radius: 30px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
.bg-background-type-tabs li a.bg-image-buttons:hover {
color: #848484; }
.bg-background-type-tabs li.current a {
background-color: #dbdbdb;
-webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3) !important; }
.page-composer-icon-filter {
margin-bottom: 10px; }
.mk-system-diagnose {
margin-bottom: 20px; }
.mk-system-diagnose ul li {
display: block;
padding: 6px 10px;
background-color: rgba(0, 0, 0, 0.03);
margin-bottom: 1px; }
.mk-system-diagnose ul li strong {
margin-right: 10px; }
.mk-system-diagnose ul li .error {
color: red; }
.wp-picker-holder {
position: absolute;
z-index: 100; }
.mk-general-bg-selector .vc_color-picker .wp-picker-holder {
position: absolute !important;
z-index: 100; }
.wp-color-picker {
padding: 1px 6px !important;
margin-right: 5px !important;
width: 150px; }
.color-picker-holder .wp-picker-clear {
padding: 2px 4px; }
.color-picker-holder .wp-picker-holder .vc_alpha-container {
border-radius: 0;
border: 1px solid #dfdfdf;
padding: 6px;
background: #ffffff;
position: absolute;
width: 243px;
left: -1px;
z-index: 1000;
bottom: -60px !important;
border-top: none !important; }
.vc_color-picker .wp-picker-holder .vc_alpha-container {
bottom: -50px !important;
border-top: none !important; }
.color-picker-holder .wp-picker-holder .vc_alpha-container label {
display: block; }
.color-picker-holder .wp-picker-holder .vc_alpha-container label output {
padding-top: 0px;
display: inline;
vertical-align: top; }
.color-picker-holder .wp-picker-holder .vc_alpha-container input {
padding: 0;
margin: 0;
width: 100%; }
.mk-metabox-wrapper {
margin: 20px !important; }
.mk-metabox-wrapper [class*='mk-single-option']:last-of-type {
border-bottom: none !important; }
.mk-metabox-wrapper .form-table tr,
.masterkey-options-page .form-table tr {
border-bottom: 1px solid #e7e7e7; }
.mk-metabox-wrapper .form-table tr:last-child,
.masterkey-options-page .form-table tr:last-child {
border-bottom: 0; }
.mk-metabox-wrapper .form-table tr th,
.mk-metabox-wrapper .form-table tr td,
.masterkey-options-page .form-table tr th,
.masterkey-options-page .form-table tr td {
color: #333333; }
.mk-metabox-wrapper .form-table tr th,
.masterkey-options-page .form-table tr th {
font-weight: normal;
width: 35%;
padding: 15px 10px 15px 0; }
.mk-metabox-wrapper .form-table tr th label,
.masterkey-options-page .form-table tr th label {
margin-bottom: 5px; }
#mk-header-switcher {
margin-top: 60px; }
.header-style-unit {
max-width: 800px;
height: 117px;
border: 7px solid #d4d4d4;
background-color: #fff;
margin-bottom: 10px;
position: relative; }
.mk-header-styles-number {
position: absolute;
top: -45px;
right: -7px; }
.mk-header-styles-number span {
padding: 6px 10px;
font-size: 14px;
line-height: 16px;
display: inline-block;
border-radius: 3px;
border: 2px solid #d4d4d4;
color: #d4d4d4;
float: right;
margin-left: 10px;
cursor: pointer; }
.mk-header-styles-number span:hover {
border-color: #bababa; }
.mk-header-styles-number span.active {
border-color: #7f7f7f;
color: #7f7f7f; }
.mk-header-style-tools {
position: absolute;
top: -50px;
left: -7px;
background-color: #d4d4d4;
border-radius: 3px, 0, 0, 3px;
display: inline-block;
padding: 8px 8px 8px 16px; }
.mk-header-align {
float: left;
margin-right: 20px; }
.mk-header-align .label {
font-size: 13px;
color: #5f5f5f;
float: left;
display: inline-block;
line-height: 32px;
padding-right: 10px; }
.mk-header-align span {
background-image: url(../img/header-align.png);
background-repeat: no-repeat;
width: 32px;
height: 32px;
display: inline-block;
float: left;
border-radius: 3px;
margin-right: 5px;
cursor: pointer; }
.mk-header-align span:hover {
background-color: #ccc; }
.mk-header-align span.active {
background-color: #555555; }
.header-align-left {
background-position: -2px 0; }
.header-align-left.active {
background-position: -2px -48px; }
.header-align-center {
background-position: -59px 0; }
.header-align-center.active {
background-position: -59px -48px; }
.header-align-right {
background-position: -106px 0; }
.header-align-right.active {
background-position: -106px -48px; }
.mk-header-toolbar-toggle {
float: left; }
.mk-header-toolbar-toggle .label {
font-size: 13px;
color: #5f5f5f;
float: left;
display: inline-block;
line-height: 32px;
padding-right: 10px; }
.mk-header-toolbar-toggle span {
background: url("../img/header-toolbar-toggle.png") 0px -52px no-repeat;
width: 89px;
height: 33px;
display: block;
float: right;
margin-left: 10px;
cursor: pointer; }
.mk-header-toolbar-toggle span.enabled {
background-position: 0 0; }
.mk-header-preview {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
left: 0;
z-index: 10; }
.mk-header-preview div {
width: 100%;
height: 100%;
position: absolute;
left: 0;
background-image: url(../img/header-sen-sprite.jpg); }
@media handheld, only screen and (max-width: 1450px) {
#mk-metaboxes-styling #mk-header-switcher {
padding-top: 30px; }
#mk-metaboxes-styling .mk-header-style-tools {
width: 100%;
display: block;
right: 0;
padding-left: 6px; }
#mk-metaboxes-styling .mk-header-styles-number {
top: -95px; }
.mk-metabox-wrapper .mk-upload-url {
width: 50%; } }
.style-1-align-left .mk-header-preview div {
background-position: 0 -465px; }
.style-1-align-left.toolbar-false .mk-header-preview div {
top: -24px; }
.style-1-align-center .mk-header-preview div {
background-position: 0 -775px; }
.style-1-align-center.toolbar-false .mk-header-preview div {
top: -24px; }
.style-1-align-right .mk-header-preview div {
background-position: 0 -620px; }
.style-1-align-right.toolbar-false .mk-header-preview div {
top: -24px; }
.style-2-align-left .mk-header-preview div {
background-position: 0 0; }
.style-2-align-left.toolbar-false .mk-header-preview div {
top: -24px; }
.style-2-align-center .mk-header-preview div {
background-position: 0 -155px; }
.style-2-align-center.toolbar-false .mk-header-preview div {
top: -24px; }
.style-2-align-right .mk-header-preview div {
background-position: 0 -310px; }
.style-2-align-right.toolbar-false .mk-header-preview div {
top: -24px; }
.style-3-align-left .mk-header-preview div {
background-position: 0 -1085px; }
.style-3-align-left.toolbar-false .mk-header-preview div {
top: -24px; }
.style-3-align-center .mk-header-preview div {
background-position: 0 -2527px; }
.style-3-align-center.toolbar-false .mk-header-preview div {
top: -24px; }
.style-3-align-right .mk-header-preview div {
background-position: 0 -1240px; }
.style-3-align-right.toolbar-false .mk-header-preview div {
top: -24px; }
.style-4-align-left .mk-header-preview div {
background-position: 0 -1705px; }
.style-4-align-left.toolbar-false .mk-header-preview div {
background-position: 0 -1729px; }
.style-4-align-center .mk-header-preview div {
background-position: 0 -1731px; }
.style-4-align-center.toolbar-false .mk-header-preview div {
background-position: 0 -1707px; }
.style-4-align-right .mk-header-preview div {
background-position: 0 -1884px; }
.style-4-align-right.toolbar-false .mk-header-preview div {
background-position: 0 -1908px; }
/*Gallery Type*/
.attachment.details .check div {
background-position: -60px 0; }
.attachment.details .check:hover div {
background-position: -60px 0; }
.gallery_images .details.attachment {
-webkit-box-shadow: none;
box-shadow: none; }
.eig-metabox-sortable-placeholder {
background: #dfdfdf; }
.gallery_images .attachment.details {
width: auto !important; }
.gallery_images .attachment.details > div {
width: 100px;
height: 100px;
-webkit-box-shadow: none;
box-shadow: none; }
.gallery_images .attachment-preview .thumbnail {
cursor: move; }
.attachment.details div:hover .check {
display: block; }
.gallery_images:after,
#gallery_images_container:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.'; }
.gallery_images > li {
float: left;
margin: 0 10px 10px 0;
cursor: move; }
.gallery_images li.image img {
width: 150px;
height: auto; }
/* ---------- Custom Post Type Preview Button Removal ---------- */
.post-type-edge .preview.button,
.post-type-faq .preview.button,
.post-type-pricing .preview.button,
.post-type-clients .post-type-testimonial .preview.button,
.post-type-slideshow .preview.button,
.post-type-banner_builder .preview.button,
.post-type-animated-columns .preview.button,
.post-type-tab_slider .preview.button {
display: none; }
.post-type-edge #preview-action:after,
.post-type-faq #preview-action:after,
.post-type-pricing #preview-action:after,
.post-type-clients .post-type-testimonial #preview-action:after,
.post-type-slideshow #preview-action:after,
.post-type-banner_builder #preview-action:after,
.post-type-animated-columns #preview-action:after,
.post-type-tab_slider #preview-action:after {
content: "To preview this post type you need to create a page/post and add it inside Page Composer via appropriate shortcode.";
font-style: italic;
color: red;
font-size: 12px;
line-height: 18px;
display: block;
clear: both;
text-align: left;
padding: 10px; }
.chosen-container {
width: 100% !important; }
.wpb-select.fade {
opacity: 1 !important; }
.vc_edit_form_elements .vc_column + .vc_column,
.vc_edit_form_elements .vc_column-with-padding {
padding-top: 20px !important; }
.mk-param-heading {
border-top: 3px solid #ccc;
font-size: 24px;
font-weight: bold;
padding: 30px 0; }
.visual_preloader {
width: 130px;
height: 130px;
background: #525252;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.ball-pulse > div {
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
background-color: #fff; }
.ball-pulse > div:nth-child(1) {
-webkit-animation: ball-pulse 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: ball-pulse 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(2) {
-webkit-animation: ball-pulse 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: ball-pulse 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(3) {
-webkit-animation: ball-pulse 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: ball-pulse 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
@-webkit-keyframes ball-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes ball-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.ball-clip-rotate-pulse {
position: relative;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
display: inline-block;
width: 20px;
height: 20px; }
.ball-clip-rotate-pulse > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%; }
.ball-clip-rotate-pulse > div:first-child {
background: #fff;
height: 36px;
width: 36px;
top: 7px;
left: -7px;
-webkit-animation: ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #fff;
width: 50px;
height: 50px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #fff transparent #fff transparent;
-webkit-animation: ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
-webkit-animation-duration: 1s;
animation-duration: 1s; }
@-webkit-keyframes ball-clip-rotate-pulse-rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@keyframes ball-clip-rotate-pulse-rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@-webkit-keyframes ball-clip-rotate-pulse-scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-clip-rotate-pulse-scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin {
display: inline-block; }
.square-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #fff;
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.cube-transition {
position: relative;
-webkit-transform: translate(-25px, -25px);
transform: translate(-25px, -25px);
display: inline-block; }
.cube-transition > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 15px;
height: 15px;
position: absolute;
top: -5px;
left: -5px;
background-color: #fff;
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
animation: cube-transition 1.6s 0s infinite ease-in-out; }
.cube-transition > div:last-child {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
@keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
.ball-scale > div {
background-color: #fff;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.line-scale > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
background-color: #fff;
width: 5px;
height: 50px;
border-radius: 2px;
margin: 2px; }
.line-scale > div:nth-child(1) {
-webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(2) {
-webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(3) {
-webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(4) {
-webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(5) {
-webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
@-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.ball-scale-multiple {
position: relative;
-webkit-transform: translateY(30px);
transform: translateY(30px);
display: inline-block;
top: -50px;
left: 5px; }
.ball-scale-multiple > div {
background-color: #fff;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
margin: 2px;
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
margin: 0;
width: 50px;
height: 50px;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite; }
.ball-scale-multiple > div:nth-child(2) {
-webkit-animation-delay: .2s;
animation-delay: .2s; }
.ball-scale-multiple > div:nth-child(3) {
-webkit-animation-delay: .2s;
animation-delay: .2s; }
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-pulse-sync {
display: inline-block; }
.ball-pulse-sync > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
.ball-pulse-sync > div:nth-child(1) {
-webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
-webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
-webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out; }
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
.transparent-circle {
display: inline-block;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: transparent-circle 1.1s infinite linear;
animation: transparent-circle 1.1s infinite linear;
width: 50px;
height: 50px;
border-radius: 50%; }
.transparent-circle:after {
border-radius: 50%;
width: 10em;
height: 10em; }
@-webkit-keyframes transparent-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes transparent-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px; }
.ball-spin-fade-loader > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute; }
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
animation: ball-spin-fade-loader 1s 0s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.05px;
left: 17.05px;
-webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.05px;
left: 17.05px;
-webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.05px;
left: -17.05px;
-webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.05px;
left: -17.05px;
-webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
/* Fix the z-index issue inside visual composer content editor dropdown */
.vc_ui-panel.vc_ui-panel-window {
z-index: 65000 !important; }
/* Fix WPBakery color picker UI issue */
.wp-picker-container.vc_color-picker.wp-picker-active .wp-color-result-text {
display: none; }
.wp-picker-container.vc_color-picker .wp-picker-input-wrap label {
margin-top: 0; }
.secondary-button {
font-size: 14px;
display: inline-block;
font-weight: 500;
letter-spacing: 1px;
border-radius: 6px;
outline: 0;
border: 0;
margin-left: 10px;
padding: 11px 20px;
text-decoration: none;
cursor: pointer;
color: #666666;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cdcdcd));
background: linear-gradient(to bottom, #dddddd 0%, #cdcdcd 100%); }
.secondary-button:hover {
color: #5c5c5c;
background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#c1c1c1));
background: linear-gradient(to bottom, #d5d5d5 0%, #c1c1c1 100%); }
/*---------------------------------------------------------------------------------*/
/* Button
/*---------------------------------------------------------------------------------*/
.mka-wrap .mka-button {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
text-decoration: none;
margin: 0;
border: 0;
border-radius: 25px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: background-color 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: background-color 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: background-color 0.1s ease, box-shadow 0.1s ease;
transition: background-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; }
.mka-wrap .mka-button:hover {
cursor: pointer; }
.mka-wrap .mka-button:focus {
outline: 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }
.mka-wrap .mka-button:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); }
.mka-wrap .mka-button.mka-button--small {
padding: 10px 25px;
font-size: 13px; }
.mka-wrap .mka-button.mka-button--medium {
padding: 12px 35px;
font-size: 15px; }
.mka-wrap .mka-button.mka-button--blue {
color: #ffffff;
background-color: #39bdfa; }
.mka-wrap .mka-button.mka-button--blue:hover {
background-color: #52c8ff; }
.mka-wrap .mka-button.mka-button--gray {
color: #222222;
background-color: #ededed; }
.mka-wrap .mka-button.mka-button--gray:hover {
background-color: #f6f6f6; }
.mka-wrap .mka-button.mka-button--darkgray {
color: #ffffff;
background-color: #bfbfbf; }
.mka-wrap .mka-button.mka-button--darkgray:hover {
background-color: #cccccc; }
.mka-wrap .mka-button.mka-button--steelblue {
color: #ffffff;
background-color: #6d808f; }
.mka-wrap .mka-button.mka-button--steelblue:hover {
background-color: #879aa9; }
.mka-wrap .mka-button.mka-button--darksteelblue {
color: #a7b8c6;
background-color: #43505a; }
.mka-wrap .mka-button.mka-button--darksteelblue:hover {
background-color: #5d6a74; }
.mka-wrap .mka-button.mka-button--green {
color: #ffffff;
background-color: #38cb97; }
.mka-wrap .mka-button.mka-button--green:hover {
background-color: #4dd9a8; }
.mka-wrap .mka-button.mka-button--red {
color: #ffffff;
background-color: #f75859; }
.mka-wrap .mka-button.mka-button--red:hover {
background-color: #fa7172; }
.mka-wrap .mka-button.mka-button--icon {
padding-left: 45px;
position: relative; }
.mka-wrap .mka-button.mka-button--icon:after {
content: '';
position: absolute;
left: 20px;
top: 10px;
background: url(../images/mka-plus.svg) no-repeat center center;
width: 14px;
height: 14px;
background-size: contain; }
.mka-button--inline-icon svg {
display: inline-block;
margin-right: 8px;
vertical-align: top; }
.mka-button.mka-button--small.mka-button--inline-icon svg {
width: 14px;
height: auto; }
.mka-button.mka-button--medium.mka-button--inline-icon svg {
width: 16px;
height: auto; }
.mka-wrap .mka-button.mka-button--float {
padding: 12px 0 0;
text-align: center;
width: 38px;
height: 38px;
border-radius: 50%; }
.mka-wrap .mka-button.mka-button--relative {
position: relative; }
.mka-wrap .mka-button.mka-button--progress {
padding-top: 12px;
padding-bottom: 12px; }
.mka-wrap .mka-button-icon {
position: absolute;
left: 10px;
top: 11px; }
.mka-button .mka-spinner {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: bottom; }
.mka-button .mka-spinner-path {
stroke: #ffffff; }
.mka-button-icon-success {
display: none;
width: 16px;
height: 16px;
margin-left: 2px;
background: url(../images/mka-btn-check.svg) no-repeat center center;
background-size: contain; }
@supports (-ms-ime-align: auto) {
.mka-button-icon-success {
width: 17px;
position: relative;
bottom: -1px; } }
.mka-button-icon-spinner {
display: none; }
/* Hack to make up the lack of SVG Aniamtion support for IE and Edge */
.IE .mka-button-icon-spinner svg *,
.Edge .mka-button-icon-spinner svg * {
display: none; }
.IE .mka-button-icon-spinner svg,
.Edge .mka-button-icon-spinner svg {
display: inline-block;
width: 18px;
height: 18px;
background: url(../images/spinner-small-white.gif) no-repeat center center;
background-size: contain; }
.vc_mk_element-icon {
background-image: url("../img/vc-icons.png") !important;
background-size: auto !important; }
.icon-mk-row {
background-position: 0px 0px !important; }
.icon-mk-page-section {
background-position: -32px 0px !important; }
.icon-mk-custom-box {
background-position: -64px 0px !important; }
.icon-mk-content-box {
background-position: -96px 0px !important; }
.icon-mk-image {
background-position: -128px 0px !important; }
.icon-mk-circle-image-frame {
background-position: -160px 0px !important; }
.icon-mk-moving-image {
background-position: -192px 0px !important; }
.icon-mk-image-gallery {
background-position: -224px 0px !important; }
.icon-mk-button {
background-position: -256px 0px !important; }
.icon-mk-mini-callout-box {
background-position: -288px 0px !important; }
.icon-mk-message-box {
background-position: -320px 0px !important; }
.icon-mk-icon-box {
background-position: -352px 0px !important; }
.icon-mk-divider {
background-position: -384px 0px !important; }
.icon-mk-table {
background-position: -416px 0px !important; }
.icon-mk-skill-meter {
background-position: -448px 0px !important; }
.icon-mk-diagram-progress-bar {
background-position: -480px 0px !important; }
.icon-mk-chart {
background-position: -512px 0px !important; }
.icon-mk-process-builder {
background-position: -544px 0px !important; }
.icon-mk-news-tab {
background-position: -576px 0px !important; }
.icon-mk-custom-sidebar {
background-position: -608px 0px !important; }
/* 2nd Row */
.icon-mk-padding-space {
background-position: 0px -32px !important; }
.icon-mk-event-countdown {
background-position: -32px -32px !important; }
.icon-mk-milestone {
background-position: -64px -32px !important; }
.icon-mk-audio-player {
background-position: -96px -32px !important; }
.icon-mk-woo-recent-carousel {
background-position: -128px -32px !important; }
.icon-mk-raw-html {
background-position: -160px -32px !important; }
.icon-mk-raw-js {
background-position: -192px -32px !important; }
.icon-mk-animated-columns {
background-position: -224px -32px !important; }
.icon-mk-tab-slider {
background-position: -256px -32px !important; }
.icon-mk-text-block {
background-position: -288px -32px !important; }
.icon-mk-fancy-title {
background-position: -320px -32px !important; }
.icon-mk-title-box {
background-position: -352px -32px !important; }
.icon-mk-blockquote {
background-position: -384px -32px !important; }
.icon-mk-dropcaps {
background-position: -416px -32px !important; }
.icon-mk-highlight-text {
background-position: -448px -32px !important; }
.icon-mk-tooltip {
background-position: -480px -32px !important; }
.icon-mk-custom-list {
background-position: -512px -32px !important; }
.icon-mk-font-icon {
background-position: -544px -32px !important; }
.icon-mk-toggle {
background-position: -576px -32px !important; }
.icon-mk-tabs {
background-position: -608px -32px !important; }
/* 3rd Row */
.icon-mk-accordion {
background-position: 0px -64px !important; }
.icon-mk-pricing-table {
background-position: -32px -64px !important; }
.icon-mk-employees {
background-position: -64px -64px !important; }
.icon-mk-clients {
background-position: -96px -64px !important; }
.icon-mk-blog {
background-position: -128px -64px !important; }
.icon-mk-post-carousel {
background-position: -160px -64px !important; }
.icon-mk-blog-portfolio-showcase {
background-position: -192px -64px !important; }
.icon-mk-portfolio {
background-position: -224px -64px !important; }
.icon-mk-portfolio-carousel {
background-position: -256px -64px !important; }
.icon-mk-news {
background-position: -288px -64px !important; }
.icon-mk-faq {
background-position: -320px -64px !important; }
.icon-mk-image-slideshow {
background-position: -352px -64px !important; }
.icon-mk-swipe-slideshow {
background-position: -384px -64px !important; }
.icon-mk-fullwidth-slideshow {
background-position: -416px -64px !important; }
.icon-mk-laptop-slideshow {
background-position: -448px -64px !important; }
.icon-mk-lcd-slideshow {
background-position: -480px -64px !important; }
.icon-mk-flex-slider {
background-position: -512px -64px !important; }
.icon-mk-edge-slider {
background-position: -544px -64px !important; }
.icon-mk-edge-one-pager {
background-position: -576px -64px !important; }
.icon-mk-testimonial-slideshow {
background-position: -608px -64px !important; }
/* 4th Row */
.icon-mk-social-networks {
background-position: 0px -96px !important; }
.icon-mk-skype-number {
background-position: -32px -96px !important; }
.icon-mk-twitter-feeds {
background-position: -64px -96px !important; }
.icon-mk-facebook-like {
background-position: -96px -96px !important; }
.icon-mk-tweetme-button {
background-position: -128px -96px !important; }
.icon-mk-google-button {
background-position: -160px -96px !important; }
.icon-mk-pinterest-button {
background-position: -192px -96px !important; }
.icon-mk-video-player {
background-position: -224px -96px !important; }
.icon-mk-google-maps {
background-position: -256px -96px !important; }
.icon-mk-advanced-google-maps {
background-position: -288px -96px !important; }
.icon-mk-flickr-feeds {
background-position: -320px -96px !important; }
.icon-mk-contact-form {
background-position: -352px -96px !important; }
.icon-mk-contact-info {
background-position: -384px -96px !important; }
.vc_navbar .vc_page_section_icon {
background-position: -60px -337px !important; }
.wpb_mk_page_section .vc_row_section_mark {
line-height: 18px;
height: 18px;
padding: 3px 15px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
color: #ffffff !important;
background-color: #f12833 !important; }
.vc_element_label,
.wpb_element_label {
text-transform: capitalize; }
.vc_element-icon.icon-mk-photo-roller {
background-image: url(../img/vc-photo-roller.svg); }
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists