.page-editor { overflow-y: hidden; }
.page-editor #page-wrapper { padding: 0; }
.page-editor #page-wrapper .row { margin-left: 0; margin-right: 0; }

.iframe-editor,
.iframe-remote { border: none; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 6px 20px 0px; background-color: #fff; }

.iframe-remote { margin-right: 10px; margin-left: 10px; width: calc(100% - 20px);  max-height: calc(100vh - 180px)!important; }

.iframe-account { box-shadow: none; }

.iframe-placeholder,
.iframe-editor { min-height: 230px; }

.input-group textarea { resize: vertical; }

.btn-gallery-sort { cursor: move; }

.icheckbox_square-green { border-radius: 3px; }

.wt-thumbnail-overlay { position: absolute; top: 50%; margin-top: -17px; width: 100%; text-align: center; opacity: 0; visibility: hidden; }

.header { background-color: #2f4050; padding: 20px 0; }
.header h1 { text-align: center; color: #fff; font-size: 46px; margin: 0; }
.header-logo { display: block; margin: 0 auto; width: 220px; height: 63px; background: url(../img/header-logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.custom-logo { display: block; margin: 0 auto; max-width: 220px; text-align: center; width: auto; }

.main { padding: 30px 0; }

.page-footer { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 15px 0; border-top: 1px solid rgba(0,0,0,0.05); }

.expired { text-align: center; }
.expired .btn-primary { padding-left: 30px; padding-right: 30px; }
.expired-head { padding: 15px 0 30px; }
.expired-head h2 { font-size: 44px; text-transform: uppercase; font-weight: 300; color: #2f4050; }
.expired-head p { font-size: 21px; font-weight: 300; }

.ico-expired { background: url(../img/ico-expired.png) no-repeat 0 0; width: 45px; height: 42px; font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 auto 35px; display: block; }

.expired-body p { font-size: 21px; color: #2f4050; margin-bottom: 0; }
.expired-body p a { font-size: 18px; font-weight: 300; }
.expired-body .text-small { font-size: 14px; font-weight: 300; margin: 35px 0 25px; }

.coming-soon { text-align: center; padding: 30px 0; }
.coming-soon p { font-weight: 300; font-size: 28px; color: #2f4050; margin-bottom: 45px; }
.coming-soon p strong { font-weight: 400; }
.coming-soon-logo { font-size: 0; text-align: center; vertical-align: middle; width: 260px; height: 75px; margin: 0 auto 45px; }
.coming-soon-logo:before { content: ""; display: inline-block; height: 100%; margin-left: -.25em; vertical-align: middle; }
.coming-soon-logo img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }

.ico-coming-soon { background: url(../img/coming-soon-icon.png) no-repeat 0 0; width: 87px; height: 81px; margin: 0 auto; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }

.contact-support { background-color: transparent; display: flex; position: relative; }

.chat-users { height: auto; background-color: #fff; overflow: visible; width: 25%; }

.chat-user { background-color: #fff; border-right: 1px solid #e7eaec; position: relative; display: block; color: #2f4050; }
.chat-user:hover { text-decoration: none; background-color: #f3f6fb; color: #2f4050; }
.chat-user h4 { margin: 0; font-weight: 700; }
.chat-user p small { color: #676a6c; }

.chat-discussion { border-left: 1px solid #e7eaec; border-right: 1px solid #e7eaec; padding-left: 25%; }
.chat-discussion,
.contact-support .chat-user.active { background-color: #f3f6fb; }

.chat-user.active:after { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; width: 1px; background-color: #f3f6fb; z-index: 5; }
.chat-user.active a { color: #2f4050; }

.chat-message-form { margin-top: 20px; width: 100%; }

#wrapper { overflow-x: visible; }

.ibox { margin-bottom: 20px; }

#page-wrapper { padding-bottom: 54px; }

.wrapper-content { position: relative; z-index: 20; padding-bottom: 20px; }

.footer { z-index: 2002; }

.navbar-form-custom { width: 230px; }

.navbar-default .nav > .nav-header { padding: 27px 25px 25px; text-align: center; }
.navbar-default .nav > li > div > .navbar-brand { background: url(../img/logo.png) no-repeat 0 0; width: 145px; height: 43px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; padding: 0; float: none; margin: 0 auto 15px; }
.navbar-default .nav > .active > a { color: #fff; }

.preview-website { padding-left: 45px; }

.count-info .fa-bell+.label { right: -7px; min-width: 30px; }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover { background-color: #24a0d1; border-color: #24a0d1; }

.btn-primary.btn-outline.disabled,
.btn-primary.btn-outline[disabled] { color: #fff; }

a { color: #29b0e6; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,a:hover { color: #24a0d1; }

.form-inline .form-control-xs,
.form-control-xs { width: 50px; }

.mini-navbar .navbar-default .nav > li > div > .navbar-brand { width: 43px; margin-left: -10px; }

.float-e-margins .bootstrap-touchspin .btn { margin-bottom: 0; }

.text-right-mobile { text-align: right; }
.text-bold { font-weight: bold; }

.count-info:focus,
.count-info:active { outline: none; }

.todo-list .checked+a { text-decoration: line-through; }

.textarea-expandable-holder { position: relative; }
.textarea-expandable-holder i { position: absolute; right: 18px; top: 10px; opacity: 0; visibility: hidden; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.textarea-expandable-holder i.active { opacity: 1; visibility: visible; }
.textarea-expandable-holder textarea.form-control { height: 34px; padding-right: 35px; resize: none; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.textarea-expandable-holder textarea.expanded { height: 94px; }
.same-label-holder {
	margin-top: 5px;
}

.input-group .textarea-expandable-holder { display: table-cell; }
.input-group .textarea-expandable-holder i.active { z-index: 3; }

.table > thead > tr > th,
.table > tbody > tr > td { vertical-align: middle; }

.select2 { width: 100%!important; }
.select2-container { /*z-index: 2201;*/ z-index: 2201; }
.select2-container--open { z-index: 2050; }
.select2-container .select2-selection--single { border-radius: 1px; height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 4px; }
.select2-container .select2-selection--multiple { min-height: 34px; border-radius: 1px; }

.wp .select2-container { z-index: 2201; }
.modal .select2-container--open,
.select2-container--open,
.wp .select2-container--open { z-index: 2250; }

.has-error .select2-container--default .select2-selection--single,
.has-error .select2-container--default .select2-selection--multiple { border-color: #ed5565; }

.table > tbody > tr > td { vertical-align: middle; }
.table a img { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.table a:hover img { opacity: .7; }

.agile-list li:hover { background-color: #FAFAFB; cursor: default; }

.pj-grid .dropdown-toggle + .dropdown-menu { width: 100%; }
.pj-grid .table .checkbox label { padding: 0; }

.pj-selector-goto { min-width: 50px; text-align: center; }

.show-total strong { font-size: 15px; padding: 0 3px; }
.show-total label { margin: 0; font-weight: 400; }

.go-to-page { float: left; }
.go-to-page label { float: left; margin-top: 7px; margin-right: 10px; font-weight: 400; }
.go-to-page .touchspin-holder { float: left; width: 80px; }

.table-responsive-actions .show-total { text-align: right; }
.table-responsive-actions .form-inline { min-width: 240px; }
.table-responsive-tertiary,
.table-responsive-secondary { overflow: visible; }
.table-responsive-tertiary .dropdown-menu,
.table-responsive-secondary .dropdown-menu { left: auto; right: 0; }
.table-responsive-tertiary .table > thead > tr > th,
.table-responsive-tertiary .table > tbody > tr > td,
.table-responsive-secondary .table > thead > tr > th,
.table-responsive-secondary .table > tbody > tr > td { max-width: 260px; }
.table-responsive-secondary .table > tbody > tr > td.cell-width-2:first-child,
.table-responsive-secondary .table > thead > tr > th.cell-width-2:first-child { width: 30px; }
.table-responsive-secondary .form-control { font-weight: 400; }

.iframe-responsive { width: 100%; }

.btn-save { margin-top: 23px; }

.onoffswitch-yn .onoffswitch-inner:before { content: "YES"; }
.onoffswitch-yn .onoffswitch-inner:after { content: "NO"; }
.onoffswitch-data .onoffswitch { width: 100%; }
.onoffswitch-data .onoffswitch-inner:before { content: attr(data-on); text-transform: uppercase; }
.onoffswitch-data .onoffswitch-inner:after { content: attr(data-off); text-transform: uppercase; }
.onoffswitch-data .onoffswitch-switch { left: 0; right: auto; }
.onoffswitch-data .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { left: calc(100% - 18px); right: 0; }

.onoffswitch-warning .onoffswitch-label,
.onoffswitch-warning .onoffswitch-switch {
	border-color: #f8ac59;
}
.onoffswitch-warning .onoffswitch-inner:before {
	background-color: #f8ac59;
}

.text-lead { font-size: 15px; padding-bottom: 25px; }

.form-group .switch { margin-top: 7px; }

.modified-layout { text-align: center; }
.modified-layout img { display: inline-block; max-width: 100%; height: auto; }
.modified-layout h3 { padding-bottom: 10px; }
.modified-layout .fa-angle-double-right { font-size: 64px; color: #24a0d1; position: absolute; top: 50%; right: -18px; margin-top: -15px; }

.wt-thumbnail { overflow: hidden; position: relative; cursor: pointer; }
.wt-thumbnail.active,
.wt-thumbnail:hover { border-color: #29b0e6; }

.thumbnail-badge { position: absolute; top: 15px; left: -30px; background-color: #29b0e6; text-align: center; font-size: 12px; font-weight: 600; color: #fff; padding: 2px 0; width: 120px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.wt-thumbnail-actions { position: absolute; bottom: -500px; left: 0; width: 100%; padding: 15px; text-align: center; background-color: rgba(255,255,255,
	.8); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index: 3; }
.wt-thumbnail:hover .wt-thumbnail-actions { bottom: 0; }
.wt-thumbnail .caption p strong { font-size: 18px; }
.wt-thumbnail .caption h3 { font-size: 20px; font-weight: 300; }
.wt-thumbnail .caption .badge { padding: 5px 10px; margin-top: 5px; }

.i-checks2 { position: relative; padding-left: 30px; padding-bottom: 15px; }
.i-checks2 label { font-weight: 400; font-size: 16px; cursor: pointer; }
.i-checks2 label>div { position: absolute; top: 0; left: 0; cursor: pointer; }
.i-checks2 label small { display: block; }
.i-checks2 label strong { display: block; margin-bottom: 2px; }
.i-checks2 label .text-small { font-size: 14px; font-weight: 300; color: #a0a0a0; }
.i-checks2 label .text-small span { color: #676a6c; font-weight: 400; }

.text-small { font-size: 14px; font-weight: 400; }

.contact-box a:hover { color: inherit; }
.contact-box.center-version > a img { width: auto; }

.text-nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.text-break { word-wrap: break-word; }

.file .file-actions { background-color: #f8f8f8; border-top: 1px solid #e7eaec; text-align: center; }

.table.borderless { margin: 0; }
.table.borderless>tbody > tr > td,
.table.borderless>thead > tr > th { border: none; padding: 5px 0; }
.table.clean > thead > tr > td,
.table.clean > thead > tr > th,
.table.clean > tbody > tr > td,
.table.clean > tbody > tr > th { border: none; }

.box-upload.box-my .file-box,
.box-upload.box-stock .file-box { width: 209px; }
.box-upload .pagination { margin: 0; }
.box-upload.box-stock .image a { display: inline-block; }
.box-upload.box-my .image,
.box-upload.box-stock .image { position: relative; }
.box-upload.box-my .image:after,
.box-upload.box-stock .image a:after,
.box-upload.box-my .image img,
.box-upload.box-stock .image img { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.box-upload.box-my .image:hover img,
.box-upload.box-stock .image:hover img { opacity: .3; }
.box-upload.box-my .image:after,
.box-upload.box-stock .image a:after { content: attr(data-btn); position: absolute; top: 50%; left: 50%; width: 90px; margin: -14px 0 0 -45px; text-align: center; opacity: 0; height: 34px; padding: 5px 8px; font-size: 14px; line-height: 1.42857143; font-weight: 400; border: 1px solid #29b0e6; display: inline-block; white-space: nowrap; vertical-align: middle; border-radius: 4px; color: #fff; cursor: pointer; box-sizing: border-box; z-index: 5; background-color: #29b0e6; }
.box-upload.box-my .image:hover:after,
.box-upload.box-stock .image:hover a:after { opacity: 1; }

.btn-box-stock { background-color: #FF9101; border-color: #FF9101; color: #fff; }
.btn-box-stock.btn-primary,
.btn-box-stock:focus,
.btn-box-stock:active,
.btn-box-stock:active:focus,
.btn-box-stock:active:hover,
.btn-box-stock:hover { background-color: #FF9101; border-color: #CE7500; color: #fff; }

.file-boxes { margin: 0 -7px; font-size: 0; }
.file-boxes:after { clear: left; content: ""; display: table; zoom: 1; }
.file-boxes .pj-gallery-highlight,
.file-boxes .file-box { float: none; display: inline-block; vertical-align: top; font-size: 13px; width: 20%; min-height: 194px; padding: 0 8px 15px; }
.file-boxes .pj-gallery-highlight { background-color: #eee; border: dashed 1px #ccc; }
.file-boxes .file { margin: 0; }
.file-boxes .file .icon,
.file-boxes .file .image { background-color: #f7f7f7; position: relative; }
.pj-gallery-adjust .file-boxes .file .image { background: transparent url(../img/transparent.gif) 0 0 repeat; }
.file-boxes .file .file-name { background-color: #fff; }
.file-boxes .image-overlay { font-size: 0; text-align: center; vertical-align: middle; overflow: hidden; position: absolute!important; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.7); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 0; visibility: visible; }
.file-boxes .image-overlay:before { content: ""; display: inline-block; height: 100%; margin-left: -.25em; vertical-align: middle; }
.file-boxes .image-overlay .btn { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; margin-bottom: 0; }
.file-boxes .icon:hover .image-overlay,
.file-boxes .image:hover .image-overlay { opacity: 1; visibility: visible; }

.modal .ibox-content { padding: 0; border: none; }

.vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }
.vertical-alignment-helper .modal-content { width: inherit; max-width: inherit; height: inherit; margin: 0 auto; pointer-events: all; }

.sk-custom-wrap .sk-spinner,
.sk-wrap .sk-spinner,
.pj-gallery .sk-spinner,
.filter-img .sk-spinner { display: none; }

.sk-custom-wrap.sk-loading,
.sk-wrap.sk-loading,
.pj-gallery.sk-loading,
.filter-img.sk-loading { position: relative; }

.sk-custom-wrap.sk-loading .sk-spinner,
.sk-wrap.sk-loading .sk-spinner,
.pj-gallery.sk-loading .sk-spinner,
.filter-img.sk-loading .sk-spinner { display: block; position: absolute; top: 40%; left: 0; right: 0; z-index: 2000; }

.sk-custom-wrap.sk-loading:after,
.sk-wrap.sk-loading:after,
.pj-gallery.sk-loading:after,
.filter-img.sk-loading:after { content: ''; background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.img-wrap { height: 500px; }

.box-filters .hr-line-dashed { margin: 10px 0; }
.box-filters .form-group { margin-bottom: 10px; }

.bootstrap-datetimepicker-widget.dropdown-menu,
.colorpicker.dropdown-menu { z-index: 9999; }

.colorpicker-x2 .colorpicker {
	padding: 4px;
	width: 238px;
}
.colorpicker-x2 .colorpicker-saturation {
	background-size: contain;
	height: 200px;
	width: 200px;
}
.colorpicker-x2 .colorpicker-hue, 
.colorpicker-x2 .colorpicker-alpha {
	height: 200px;
	width: 26px;
}
.colorpicker-x2 .colorpicker-hue{
	background-size: contain;
}
.colorpicker-x2 .colorpicker.colorpicker-horizontal .colorpicker-hue{
	background-size: contain;
}
.colorpicker-x2 .colorpicker-color,
.colorpicker-x2 .colorpicker-color div {
	height: 26px;
}
.colorpicker-x2 .colorpicker-hue i, 
.colorpicker-x2 .colorpicker-alpha i {
	height: 2px;
	margin-top: -2px;
	border-top: 2px solid #fff;
}

.colorpicker-v3 .colorpicker {
	padding: 4px;
	width: 159px;
}
.colorpicker-v3 .colorpicker-saturation {
	background-size: contain;
	height: 128px;
	width: 128px;
}
.colorpicker-v3 .colorpicker-hue, 
.colorpicker-v3 .colorpicker-alpha {
	height: 128px;
	width: 19px;
}
.colorpicker-v3 .colorpicker-hue{
	background-size: contain;
}
.colorpicker-v3 .colorpicker.colorpicker-horizontal .colorpicker-hue{
	background-size: contain;
}
.colorpicker-v3 .colorpicker-color,
.colorpicker-v3 .colorpicker-color div {
	height: 30px;
}

#imageUploadWarning .file { margin: 0; }

.font-preview { cursor: pointer; overflow: hidden; position: relative; }
.font-preview:hover .font-preview-overlay { opacity: 1; visibility: visible; }
.font-preview img { display: block; max-width: 100%; margin: 0 auto; }

.font-preview-overlay { font-size: 0; text-align: center; vertical-align: middle; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.7); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 0; visibility: visible; }
.font-preview-overlay:before { content: ""; display: inline-block; height: 100%; margin-left: -.25em; vertical-align: middle; }
.font-preview-overlay .btn-font { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; margin-bottom: 0; }

.main-box .lead { font-size: 18px; margin-bottom: 0; }
.main-box p { font-size: 16px; font-weight: 300; line-height: 1.6; margin-bottom: 20px; }

.icon-lg { font-size: 64px; }

.icon-xlg { font-size: 80px; }

.icon-md { font-size: 48px; }

.input-xs { max-width: 160px; display: inline-block; }

.chosen-domain { font-size: 15px; font-weight: 300; }
.chosen-domain strong { font-size: 21px; }
.chosen-domain small { font-size: 12px; font-weight: 400; }

.collapse .panel-body p { font-size: 15px; }

.forum-item a:hover,
.forum-item .fa { color: #24a0d1; }

.jumbotron .h3 { font-size: 42px; font-weight: 300; margin-bottom: 15px; }

.chat-message-form .btn-primary { height: 90px; }
.chat-message-form .form-control { resize: none; }
.chat-message-form .fileinput { position: absolute; top: 9px; right: 100%; margin-right: 15px; z-index: 2; padding-right: 15px; }
.chat-message-form .fileinput-exists { top: 35px; }
.chat-message-form .fileinput .close { position: absolute; top: 0; right: 0; }
.chat-message-form .fileinput-new { font-size: 42px; }
.chat-message-form .fileinput-filename { font-size: 14px; display: block; }

.btn-file > input[type=file]::-webkit-file-upload-button { cursor: pointer; }

.chat-discussion { height: auto; }

.ct-jumbotron { min-height: 300px; position: relative; }
.ct-jumbotron h4 { font-size: 32px; font-weight: 300; margin-bottom: 45px; }
.ct-jumbotron p { font-size: 16px; }

.jumbotron-secondary:after { content: 'OR'; font-size: 22px; font-weight: 700; text-transform: uppercase; width: 64px; height: 64px; border-radius: 50%; background-color: #2f4050; color: #fff; text-align: center; padding-top: 16px; position: absolute; top: 50%; left: -46px; margin-top: -32px; overflow: hidden; }

.ct-color-themes { font-size: 0; vertical-align: top; }
.ct-color-theme { padding: 15px; width: 20%; display: inline-block; vertical-align: top; font-size: 13px; }
.ct-color-theme .thumbnail { margin: 0; }
.ct-color-theme .wt-thumbnail-actions,
.ct-page-layouts .wt-thumbnail-actions { bottom: 0; opacity: 0; }

.ct-color-theme .wt-thumbnail:hover .wt-thumbnail-actions,

.ct-page-layouts .wt-thumbnail:hover .wt-thumbnail-actions { opacity: 1; }

p.ct-lead { font-size: 16px; }

.ct-color-picker { width: 96px; margin: 0 auto; }
.ct-color-picker .form-control { display: block; float: none; font-size: 16px; padding: 0 5px; text-align: center; width: 96px; margin-bottom: 10px; }
.ct-color-picker span { padding: 0; display: block; }
.ct-color-picker .input-group-addon { border: 0; }
.ct-color-picker .input-group-addon { display: block; width: 96px; height: 48px; border-radius: 5px; }

.ct-dropzone { min-height: 96px; padding-left: 10px; padding-right: 10px; }
.ct-dropzone .dz-message { margin: 1em 0; }
.ct-form-control-holder { padding-top: 25px; }

.ct-thumbnail { overflow: hidden; position: relative; cursor: pointer; }
.ct-thumbnail.active,
.ct-thumbnail:hover { border-color: #29b0e6; }
.ct-thumbnail-badge { position: absolute; top: 15px; left: -30px; background-color: #29b0e6; text-align: center; font-size: 12px; font-weight: 600; color: #fff; padding: 2px 0; width: 120px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ct-thumbnail-actions { position: absolute; bottom: -500px; left: 0; width: 100%; padding: 15px; text-align: center; background-color: rgba(255,255,255,
	.8); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.ct-thumbnail:hover .ct-thumbnail-actions { bottom: 0; }

.phone-view-portrait iframe,
.phone-view-landscape iframe,

.tablet-view-portrait iframe,
.tablet-view-landscape iframe { display: block; width: 100%; height: 100%; }

.phone-view-portrait iframe { height: 640px!important; }
.phone-view-landscape iframe { height: 360px!important; }

.tablet-view-portrait iframe { height: 1024px!important; }
.tablet-view-landscape iframe { height: 768px!important; }
.tablet-view-portrait { background: url(../img/devices/tablet-portrait.png) no-repeat 0 0; width: 880px; height: 1257px; margin: 0 auto; padding: 121px 54px 112px 58px; }
.tablet-view-landscape { background: url(../img/devices/tablet-landscape.png) no-repeat 0 0; width: 1257px; height: 880px; margin: 0 auto; padding: 54px 112px 58px 121px; }

.device-view-rotate { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.device-view-holder { display: inline-block; padding-left: 8px; }

.desktop-view { position: absolute; top: 60px; left: 0; right: 0; bottom: 56px; }

.phone-view-portrait { background: url(../img/devices/phone-portrait.png) no-repeat center 0; width: 421px; height: 790px; margin: 0 auto; padding: 67px 23px 61px; }

.phone-view-landscape { background: url(../img/devices/phone-landscape.png) no-repeat 0 0; width: 790px; height: 421px; margin: 0 auto; padding: 23px 61px 23px 67px; }

.table-responsive-quaternary .table > tbody > tr > td { vertical-align: top; }

.widget { display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.widget:focus,
.widget:active,
.widget:hover { color: #fff; -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); }
.widget p { font-size: 14px; }
.widget p span { font-weight: 600; }
.widget p small { font-weight: 300; font-size: 13px; }

.widget-bg { color: #a7b1c2; background-color: #2f4050; }

.invoice-total>tbody > tr > td:last-child { width: 35%; }
.invoice-total2 { text-align: right; }
.invoice-total2>tbody > tr > td { vertical-align: middle; }
.invoice-total2>tbody > tr > td:last-child { width: auto; text-align: left; border: 0; }
.invoice-total2>tbody > tr > td:first-child { min-width: 180px; width: auto; text-align: left; border-bottom: 1px solid #ddd; }

.panel .lead { overflow: hidden; }
.panel p { font-size: 14px; }
.panel p span { font-weight: 600; }

.bg-confirmed { background-color: #5ac5b6; border-color: #5ac5b6; color: #fff; }

.color-confirmed { color: #5ac5b6; }

.bg-canceled:hover,
.bg-canceled { background-color: #d1d1d1; border-color: #d1d1d1; color: #7f7f7f; }

.color-canceled { color: #676a6c; }

.bg-collected { background-color: #85cae7; border-color: #85cae7; color: #fff; }

.color-collected { color: #85cae7; }

.bg-completed { background-color: #2f4050; border-color: #2f4050; color: #fff; }

.color-completed { color: #2f4050; }

.bg-pending { background-color: #fbc994; border-color: #fbc994; color: #fff; }

.color-pending { color: #fbc994; }

.bg-error { background-color: #f47277; border-color: #f47277; color: #fff; }

.color-error { color: #f47277; }

.bg-pending:hover,
.bg-confirmed:hover,
.bg-collected:hover,
.bg-completed:hover { color: #fff; }

.bg-pending { background-color: #fbc994; border-color: #fbc994; color: #fff; }

.color-pending { color: #fbc994; }

.bg-error { background-color: #f47277; border-color: #f47277; color: #fff; }

.color-error { color: #f47277; }

.btn-move { cursor: move; }

.add-field-list { list-style: none; padding: 0; margin: 0; }
.add-field-list li { font-size: 14px; padding-top: 7px; }
.add-field-list li .fa { font-size: 15px; color: #2f4050; display: inline-block; margin-right: 2px; }

.edit-form-sortable { list-style: none; padding: 0; margin: 0; }
.edit-form-sortable li { margin-bottom: 15px; padding-top: 10px; border: dashed 1px transparent; margin-left: -1px; position: relative; }
.edit-form-sortable li .field-actions { opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background-color: rgba(255,255,255,0.65); text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:flex; align-items: center; justify-content: center; z-index: 2; }
.edit-form-sortable li:hover { border: dashed 1px #ddd; }
.edit-form-sortable li:hover .field-actions { opacity: 1; visibility: visible; }
.edit-form-sortable li .field-actions .btn { margin: 0 3px; padding: 5px 10px; }
.edit-form-sortable li:last-child .hr-line-dashed { display: none; }
.edit-form-sortable .ui-state-highlight { background: #f0f0f0; height: 84px; border: 1px dashed #d0d0d0; }

.design-colors-boxes .jumbotron { overflow: hidden; position: relative; background: #fff; }
.design-colors-boxes .jumbotron > * { position: relative; z-index: 2; }
.design-colors-boxes .jumbotron .h3 { font-size: 38px; margin-top: 0; }
.design-colors-boxes .jumbotron p { line-height: 1.5; font-size: 20px; }
.design-colors-boxes .jumbotron .fa { position: absolute; bottom: -30px; right: -30px; font-size: 240px; z-index: 1; opacity: .1; z-index: 1; }
.design-colors-boxes .jumbotron .btn { margin-top: 5px; }

.design-colors-boxes.welcome-fix .jumbotron { min-height: auto; padding: 20px; }
.design-colors-boxes.welcome-fix .jumbotron .h3 { font-size: 18px; font-weight: 600; }
.design-colors-boxes.welcome-fix .jumbotron p { font-size: 14px; }
.design-colors-boxes.welcome-fix .jumbotron .fa { bottom: -10px; right: -10px; font-size: 100px; }
.design-colors-boxes .jumbotron { min-height: 295px; }

.design-colors-boxes .jumbotron-head { min-height: 116px; }

.img-welcome-x1 img { width: 240px; }
.img-welcome-x2 img { width: 480px; }
.img-welcome-x1,
.img-welcome-x2 { outline: 0; position: relative; }
.img-welcome-x1:after,
.img-welcome-x2:after { content: ''; background: transparent url(../img/sprite-play.png) 0 -64px no-repeat; position: absolute; top: 50%; left: 50%; width: 64px; margin: -32px 0 0 -32px; opacity: .5; height: 64px; display: inline-block; z-index: 5; }
.img-welcome-x1:focus img,
.img-welcome-x1:hover img,
.img-welcome-x2:focus img,
.img-welcome-x2:hover img { opacity: .3; }
.img-welcome-x1:focus:after,
.img-welcome-x1:hover:after,
.img-welcome-x2:focus:after,
.img-welcome-x2:hover:after { background-position: 0 0; opacity: 1; }
.img-welcome-x1:after,
.img-welcome-x1 img,
.img-welcome-x2:after,
.img-welcome-x2 img { -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.payment { display: inline-block; margin-bottom: 30px; max-width: 262px; max-height: 98px; font-size: 0; text-align: center; vertical-align: middle; overflow: hidden; border: 1px solid rgba(0,0,0,
	.1); border-radius: 5px; padding: 10px; }
.payment:hover { border-color: #24a0d1; }
.payment img { display: inline-block; max-width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.payment span { -webkit-filter: grayscale(100%); filter: grayscale(100%); font-size: 16px; }
.payment:hover span,
.payment:hover img,
.payment.active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.payment.test { 
    position: relative; 
}
.payment.test:before{
    background-color: #f8ac59;
    bottom: -30px;
    content: "";
    display: inline-block;
    height: 60px;
    position: absolute;
    right: -30px;
    transform: rotate(-45deg);
    width: 60px;
}
.payment.test .fa {
    bottom: 5px;
    color: #fff;
    font-size: 14px; 
    position: absolute;
    right: 5px;
}

.paymentRequest { position: relative; }
.paymentRequest img { opacity: 0; }
.paymentRequest span { bottom: 10px; left: 10px; position: absolute; right: 10px; top: 10px; padding-top: 7px; }

.modal-image .payment { margin-bottom: 0; border-color: #24a0d1; }

.dropdown-flags { min-width: 40px; }
.dropdown-flags > li > a { padding-right: 8px; padding-left: 8px; }

.select-hidden-area { display: none; }
.select-hidden-area.active { display: block; }

.tabs-reservations .nav-tabs { border: 0; }

.donut-chart-holder { position: relative; overflow: hidden; width: 210px; height: 210px; margin-top: 30px; }

#morris-donut-chart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.donut-chart-legend { padding-top: 45px; }
.donut-chart-legend span { display: inline-block; font-size: 12px; padding-right: 10px; }
.donut-chart-legend strong { display: inline-block; width: 40px; height: 12px; margin-bottom: -1px; margin-right: 2px; }

.donut-color-1 { background-color: #5ac5b6; }
.donut-color-2 { background-color: #fbc994; }
.donut-color-3 { background-color: #85cae7; }

.stat-list { padding-top: 30px; }

.h1 { font-weight: 600; }

.timeline-item a,p.h1 a { color: #676a6c; }

.edit-reservation-actions { margin-bottom: 10px; }
.edit-reservation-widgets { overflow: hidden; list-style: none; margin: 0 -10px; padding: 0; }
.edit-reservation-widgets li { float: left; width: 50%; padding: 0 10px 10px; }
.edit-reservation-widgets .widget { margin: 0; }

.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity = 0); opacity: 0; outline: none; background: #fff; cursor: inherit; display: block; }

.modal-image { text-align: center; margin-bottom: 30px; }
.modal-image .portal { margin: 0 auto; }

.car-reservation-outer { height: 25px; width: 100%; position: relative; }

.car-reservation { position: absolute; top: 0; left: 0; margin-bottom: 5px; padding: 5px 5px 0; z-index: 10; }

.car-reservation-outer:last-child { padding-bottom: 5px; height: 30px; }

.car-reservation-inner { height: 20px; width: 100%; border-radius: 2px; padding: 0 5px; color: #fff; }

.car-reservation-inner:hover { opacity: .7; }

.table-car-availability .table > tbody > tr > td,
.table-car-availability { vertical-align: top; padding: 0; }
.table-car-availability thead th { text-align: center; font-weight: 400; }
.table-car-availability thead th:first-child { text-align: left; width: 20%; }
.table-car-availability thead th strong { display: block; font-size: 16px; }
.table-car-availability .table > tbody > tr > td:first-child { text-align: left; width: 20%; padding: 8px; vertical-align: middle; }
.table-car-availability .table > tbody > tr > td:first-child strong { display: block; font-size: 15px; font-weight: 600; }
.table-car-availability tbody td { width: 11.4286%; position: relative; }
.table-car-availability .table > thead > tr > .day-today { background: #2f4050; color: #fff; }
.table-car-availability .table > tbody>tr > .day-today { background: #fbfdfe; }

.dashboard-stats .ibox-content { min-height: 356px; }

.file-name h3 { font-weight: 300; margin: 0 0 5px; }

.file-boxes-holder { padding: 0 15px; }
.file-boxes-holder .image * { position: relative; z-index: 1; }
.file-boxes-holder .image .spinner { display: block; width: 100%; height: 100%; }
.file-boxes-holder .image .spinner:after { content: " "; height: 20px; width: 20px; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; display: block; position: absolute; margin-left: auto; margin-right: auto; top: calc(50% - 10px); left: calc(50% - 10px); border-top: .2em solid rgba(200,200,200,0.5); border-right: .2em solid rgba(200,200,200,0.5); border-bottom: .2em solid rgba(200,200,200,0.5); border-left: .2em solid #fff; border-radius: 50%; }

.chat-user.active { background-color: #eee; }

.portals { list-style: none; padding: 0; margin: 0 0 15px; overflow: hidden; }
.portals li { float: left; padding: 15px 30px 15px 0; }

.portal { width: 240px; height: 80px; font-size: 0; text-align: center; vertical-align: middle; display: block; overflow: hidden; border: 1px solid rgba(0,0,0,
	.1); border-radius: 5px; padding: 10px; }
.portal:hover { border-color: #24a0d1; }
.portal:before { content: ""; display: inline-block; height: 100%; margin-left: -.25em; vertical-align: middle; }
.portal img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.portal img.inactive-image { filter: grayscale(100%); }
.portal span { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; font-size: 20px; color: #29b0e6; }

.need-portal { border-color: #29b0e6; }
.need-portal:hover { background-color: #29b0e6; border-color: #29b0e6; }
.need-portal:hover span { color: #fff; }

.input-group.clockpicker > input,
.input-group.date > input { cursor: pointer; }

.folder-list li a.active,
.folder-list li a.active i { color: #29b0e6; }

.pulse { display: block; width: 20px; height: 20px; border-radius: 50%; text-align: center; cursor: pointer; box-shadow: 0 0 0 rgba(41,176,230,0.4); animation: pulse 2s infinite; }

.nav > li > a .pulse > i { margin-right: 0; }

a.text-white:hover { color: #fff; text-decoration: underline; }

.multilang-dropdown { display: none; }
.multilang-dropdown .multilang-title { margin: 0 10px; }
.multilang-dropdown .multilang-item { vertical-align: middle; margin: 0 0 0 10px; }

.widget .form-control { color: #676a6c; }
.widget-translate:hover,
.widget-translate { min-height: 168px; background-color: #f3f6fb; color: #676a6c; border: 1px solid rgba(0,0,0,
	.03); -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0); cursor: default; }

.panel-body .settings-box { border: 1px solid rgba(0,0,0,
	.1); }
.panel-body .settings-box .ibox-heading { border-top: 0; }

.settings-box .feed-element h3 { margin-bottom: 3px; }
.settings-box .feed-element .feed-number { font-size: 16px; line-height: 1; padding-top: 1px; }

.translate-languages img { display: inline-block; margin-top: -3px; height: auto; }

.settings-box-heading-text { font-size: 14px; line-height: 1.8; }

.content-editable { outline: none; font-family: Arial,Verdana,sans-serif; border: 1px dashed rgba(0,0,0,
	.1); padding: 15px; margin: 15px 0; min-height: 190px; }
.content-editable h2 { font-size: 26px; line-height: 1.4; font-weight: 700; color: #333; margin-bottom: 15px; }
.content-editable p,
.content-editable div { font-size: 16px; line-height: 1.8; color: #666; }

.ibox-content.active { border-color: #29b0e6; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }

.font-tab { display: none; }
.font-tab.active { display: block; }
.font-box-preview .ibox-content { overflow: hidden; position: relative; }
.font-box-preview .thumbnail-badge { right: -28px; top: 28px; left: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 134px; }

@-webkit-keyframes pulse  { 
	0% { -webkit-box-shadow: 0 0 0 0 rgba(41,176,230,0.6); }
	70% { -webkit-box-shadow: 0 0 0 10px rgba(41,176,230,0); }
	100% { -webkit-box-shadow: 0 0 0 0 rgba(41,176,230,0); }
}

@keyframes pulse  { 
	0% { -moz-box-shadow: 0 0 0 0 rgba(41,176,230,0.6); box-shadow: 0 0 0 0 rgba(41,176,230,0.6); }
	70% { -moz-box-shadow: 0 0 0 10px rgba(41,176,230,0); box-shadow: 0 0 0 10px rgba(41,176,230,0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(41,176,230,0); box-shadow: 0 0 0 0 rgba(41,176,230,0); }
}

@-moz-keyframes spin  { 
	100% { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin  { 
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin  { 
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.font-tab .col-lg-4.col-sm-6:nth-child(3n+1) { clear: both; }

.input-group-addon-gt { padding: 3px 5px 0; min-width: 35px; min-height: 33px; position: relative; }
.input-group-addon-translate .btn-group.open .dropdown-toggle,
.input-group-addon-gt .btn-group.open .dropdown-toggle { box-shadow: inset 0 0 0 rgba(0,0,0,0); opacity: .6; }
.input-group-addon-gt .btn-group .dropdown-toggle:hover { opacity: .7; }
.input-group-addon-gt .dropdown-toggle { background: url(../img/google-translate-image.png) no-repeat center center; width: 24px; height: 24px; background-size: 18px 18px; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; display: inline-block; }
.input-group-addon-gt .dropdown-toggle.active { opacity: 1; visibility: visible; }
.input-group-addon-translate .dropdown-menu .fa,
.input-group-addon-gt .dropdown-menu .fa { font-size: 14px; margin-right: 1px; }

.gt-loading { opacity: 0; visibility: hidden; width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -11px; }
.gt-loading.active { opacity: 1; visibility: visible; }
.gt-loading:after { content: " "; display: block; width: 18px; height: 18px; margin: 3px; border-radius: 50%; border: 2px solid #29b0e6; border-color: #29b0e6 transparent; animation: gt-loading 1.1s linear infinite; }

.input-group-addon-translate { padding-left: 8px; padding-right: 8px; border-left: 0; }

.input-group-addon-translate-only { padding-left: 12px; padding-right: 12px; }

.gt-success,
.gt-failed { width: 24px; height: 24px; font-size: 16px; text-align: center; color: #000; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -12px; display: inline-block; }

.gt-success.active,
.gt-failed.active { opacity: 1; visibility: visible; display: inline-block; }

.translate-bottom-box { width: 70px; margin: 0 0 0 auto; }
.translate-bottom-box .input-group-addon { height: 34px; width: 35px; border-left: 1px solid #ddd; border-top: 0; }
.translate-bottom-box.translate-bottom-box-only { width: 41px; border-right: 1px solid #ddd; }
.translate-bottom-box.translate-bottom-box-only .input-group-addon { width: 40px; }

.input-group-addon-gt .dropdown-menu .gt-warning { padding: 5px 10px; margin: 4px; line-height: 1.4; font-size: 12px; color: #fff; }
.input-group-addon-gt .dropdown-menu .gt-warning .fa { font-size: 12px; margin-right: 5px; }
.input-group-addon-gt .dropdown-menu .gt-warning:hover { color: #fff; }
.input-group-addon-gt .dropdown-menu .gt-warning.bg-success:hover { background-color: #1ab394; }
.input-group-addon-gt .dropdown-menu .gt-warning.bg-warning:hover { background-color: #f8ac59; }
.input-group-addon-translate .dropdown-menu > li > a,
.input-group-addon-gt .dropdown-menu > li > a { line-height: 1.6; padding-left: 15px; padding-right: 15px; }
.input-group-addon-translate .dropdown-toggle img,
.input-group-addon-gt .dropdown-toggle img { vertical-align: inherit; }
.input-group-addon-translate .dropdown-menu .divider,
.input-group-addon-gt .dropdown-menu .divider { margin: 0; }

.gt-to img { display: inline-block; margin: -3px 2px 0 0; }
.gt-to .gt-iso { background-color: #999; border-radius: 2px; color: #fff; display: inline-block; margin: 0 1px 0 -2px; min-width: 20px; text-align: center; }

li.active .gt-to .gt-iso { background-color: #29b0e6; color: #000; text-shadow: 0 0 3px #fff; }

.input-group-addon-gt .dropdown-menu > li > strong { display: block; padding: 10px 10px 2px; }

.lang-grid .table > thead > tr > th:first-child,
.lang-grid .table > tbody > tr > td:first-child { width: 15%; }
.lang-grid .table > tbody > tr > td { padding-top: 20px; padding-bottom: 20px; }

textarea.i18n-control { resize: vertical; }

.dropdown-menu > li > a.i18n-translate-all { font-weight: 700; }

@keyframes gt-loading  { 
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

label { font-weight: 600; }

#frmConfig label { margin: 6px 0 0; padding-top: 0; }

.ibox-content p.h1.no-margins { white-space: nowrap; }

.dropdown-menu > li > .page-off { opacity: .5; }
.dropdown-menu > li > .page-off i { float: right; margin: 6px 0 0; }

.file .icon,
.file .image { height: 150px; text-align: center; display: flex; justify-content: center; align-items: center; /* vertical-align: middle; text-align: center; font-size: 0; */}

/*
.file .icon:before,
.file .image:before { content: ""; display: inline-block; height: 100%; margin-left: -.25em; vertical-align: middle; }
*/

.file .icon i,
.file .image img { display: inline-block; max-height: 100%; vertical-align: middle; }

p.h1 { font-size: 32px; }

.ibox-content-stats { padding-top: 20px; }
.ibox-content-notification { position: relative; min-height: 150px; }
.ibox-content-overlay { background-color: rgba(255,255,255,0.35); left: 0; position: absolute; top: 0; height: 100%; width: 100%; z-index: 2; display: none; }
.ibox-content-notification .sk-spinner-double-bounce.sk-spinner { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 3; }

.notification-box .sk-spinner-double-bounce.sk-spinner { width: 40px; height: 40px; position: absolute; left: 100px; margin: -20px 0 0; z-index: 3; top: 50%; }

textarea.form-control-short-text { height: 132px; }

.i-checks3 strong { font-weight: 400; }

.datepicker-days { padding: 5px; }

.car-types { font-size: 0; vertical-align: top; }

.car-type { float: none; display: inline-block; vertical-align: top; font-size: 13px; }

.mobile-text-right { text-align: right; }

#frmLocationCars > .row { font-size: 0; vertical-align: top; }
#frmLocationCars .col-lg-3.col-md-4.col-sm-6 { float: none!important; display: inline-block; vertical-align: top; }

.welcome-ibox-content h3 { line-height: 1.6; }

.navbar-default { background: #2f4050; }

.bar-col .btn strong { font-weight: 400; }

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.navbar-minimalize:hover { color: #48cbff; }

.navbar-top-links > li > a:hover { opacity: .7; }

.welcome-icon { font-size: 240px; position: absolute; top: 20px; right: -30px; opacity: .2; color: #29b0e6; }

.overflow-hidden { position: relative; overflow: hidden; }

.settings-box label { font-weight: 400; cursor: pointer; }
.settings-box form h3 { font-weight: 700; }

.checkbox-primary input[type="checkbox"] + label:after,
.checkbox-primary input[type="radio"] + label:after,
.checkbox-primary input[type="checkbox"] + label:before,
.checkbox-primary input[type="radio"] + label:before { border-radius: 3px; }
.checkbox-primary input[type="checkbox"]:checked + label:before,
.checkbox-primary input[type="radio"]:checked + label:before,

.radio-primary input[type="radio"]:checked + label:before { border-color: #29b0e6; }

.checkbox-primary input[type="checkbox"]:checked + label:after,
.checkbox-primary input[type="radio"]:checked + label:after,

.radio-primary input[type="radio"]:checked + label:after { background-color: #29b0e6; }

.label-outline { border: 1px solid #d1dade; background-color: transparent; }

.label-success.label-outline { border: 1px solid #1ab394; color: #1ab394; }

.label-danger.label-outline { border: 1px solid #ed5565; color: #ed5565; }

.bg-bright .ibox-title { background: #e5f2ff; border: 1px solid rgba(0,0,0,
	.05); border-bottom: 0; color: #333; }
.bg-bright .ibox-content { background: #f3f6fb; border: 1px solid rgba(0,0,0,
	.05); }

.hidden-element .help-block { font-style: italic; }

.form-hidden-container,
.hidden-element { display: none; }

.hover-opacity:hover { opacity: .7!important; }

.kb-modal-header { background: #29b0e6; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; }
.kb-modal-header .modal-title { color: #fff; }
.kb-modal-header .close { color: #fff; opacity: 1; }
.kb-modal-header .kb-close { margin-top: 3px; }
.kb-modal-title { font-size: 21px; color: #fff; text-align: center; }

/*
.modal-body p,
.modal-body button,
.modal-body select,
.modal-body textarea,
.modal-body input:not(.onoffswitch-checkbox),
.modal-body label:not(.onoffswitch-label) { -webkit-transform: translate(-50.1%,-50.1%) -webkit-transform:  translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1.0,1.0); }
*/


html { /*overflow: auto; height: auto; min-height: 100%;*/ }

/*
body { overflow-y: auto; overflow-x: hidden; }
*/

body::-webkit-scrollbar { background-color: #d9d9d9; width: 10px; }
body::-webkit-scrollbar-track { background-color: #d9d9d9; }

::-webkit-scrollbar { width: 4px; height: 4px; }

::-webkit-scrollbar-track { background-color: rgba(0,0,0,
	.1); border-radius: 7px; }

::-webkit-scrollbar-thumb { background-color: #29b0e6; border-radius: 7px; }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.07); }

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level,
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { min-width: 210px; }
body.mini-navbar .navbar-default .nav-second-level li a .nav-label,
body.mini-navbar .navbar-default .nav-second-level li a .fa { display: inline-block; }

.input-group.clockpicker .form-control[readonly],
.input-group.date .form-control[readonly] { background-color: #fff; }

.ct-page-layouts .ct-color-theme { width: 25%; }

.dropdown-menu > .dropdown-menu-delete > a { background-color: #fff; color: #ed5565; margin-top: -5px; }
.dropdown-menu > .dropdown-menu-delete > a:focus,
.dropdown-menu > .dropdown-menu-delete > a:hover { background-color: #ed5565; color: #fff; }

#mb-header-menu .dd-item > button { font-family:FontAwesome; height: 34px; width: 33px; color: #c1c1c1; }
#mb-header-menu .dd-item > button:before { content: "\f067"; }
#mb-header-menu .dd-item > button[data-action="collapse"]:before { content: "\f068"; }
#mb-header-menu .dd-handle { color: inherit; border: 1px dashed #e7eaec; background: #f3f3f4; padding: 10px; }
#mb-header-menu span.label { margin-right: 10px; }

.page-box-extra { border-color: #29b0e6; }

.page-box { padding: 20px 0 0; position: relative; }
.page-box .contact-box-footer { padding: 10px 10px 5px; background: #fafafa; border-top-style: dashed; }

.contact-box-badge { position: absolute; top: -20px; left: -1px; right: -1px; }

.page-box-inactive { background-color: #f4f4f4; opacity: .6; }

.dd-item-hidden { opacity: .4; }

.dd-menu-listing { font-weight: 700; }

.dd .btn-howto,
.dd .btn-move-up,
.dd .btn-move-down,
.dd .btn-edit-group,
.dd .btn-preview-page,
.dd .btn-remove-from-menu { position: absolute; top: 10px; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.dd .btn-howto { right: 121px; }
.dd .btn-move-up { right: 93px; }
.dd .btn-move-down { right: 65px; }
.dd .btn-preview-page { right: 36px; }
.dd .btn-remove-from-menu { right: 10px; }
.dd .btn-edit-group { right: 36px; }

.dd-menu-listing .dd-handle:hover .btn-howto,
.dd-menu-listing .dd-handle:hover .btn-move-up,
.dd-menu-listing .dd-handle:hover .btn-move-down,
.dd-menu-listing .dd-handle:hover .btn-edit-group,
.dd-menu-listing .dd-handle:hover .btn-preview-page,
.dd-menu-listing .dd-handle:hover .btn-remove-from-menu { opacity: 1; visibility: visible; }
.dd-menu-listing .dd-handle span.pull-right { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.dd-menu-listing .dd-handle:hover span.pull-right { padding-right: 30px; }
.dd-menu-listing-secondary .btn-preview-page { top: 5px; right: 31px; }
.dd-menu-listing-secondary .btn-remove-from-menu { top: 5px; right: 5px; }
.dd-menu-listing-secondary .btn-edit-group { top: 5px; right: 31px; }
.dd-menu-listing-secondary .dd-handle:hover span.pull-right { padding-right: 25px; }

.dd-item .dd-expand { display: none; }
.dd-item.dd-collapsed .dd-collapse { display: none; }
.dd-item.dd-collapsed .dd-expand { display: block; }

.dd-dragel .btn-howto,
.dd-dragel .btn-move-up,
.dd-dragel .btn-move-down,
.dd-dragel .btn-edit-group,
.dd-dragel .btn-preview-page,
.dd-dragel .btn-remove-from-menu { display: none; }

.dd-item.dd-taller .dd-handle { padding: 10px; }

.dd-empty { display: none; }

.dd-handle,
.dd-handle:hover { cursor: move; }

.preview-layout-color { position: relative; }
.preview-layout-color .thumbnail { z-index: 1; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; position: relative; cursor: default; border-color: #ddd; height: 100%; overflow: hidden; }
.preview-layout-color .sk-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 2; }
.preview-layout-color.sk-loading .thumbnail { opacity: .7; }
.preview-layout-color.sk-loading .sk-spinner { display: block; }

.row-preview-layout-color { position: relative; }

.col-preview-layout-color { position: absolute; top: 0; right: 0; bottom: 30px; }
.col-preview-layout-color .file-manager { height: 100%; }
.col-preview-layout-color .preview-layout-color { height: calc(100% - 17px); }

.file-manager .ct-color-themes { margin: 0; overflow: hidden; }
.file-manager .ct-color-theme { width: 30%; padding: 0; margin-right: 3%; margin-bottom: 30px; }
.file-manager .ct-color-theme img { -webkit-filter: grayscale(100%); filter: grayscale(100%); position: relative; z-index: 1; }
.file-manager .ct-color-theme .thumbnail-badge { z-index: 2; }

.color-themes-holder ul { list-style: none; margin: 0; padding: 0; }
.color-themes-holder ul:after { content: ''; clear: both; display: table; }
.color-themes-holder li { float: left; width: 71px; text-align: center; margin-bottom: 15px; padding-top: 5px; position: relative; }
.color-themes-holder li .color-dot-add:hover,
.color-themes-holder li .color-dot:hover { opacity: .7; }
.color-themes-holder .active strong,
.color-themes-holder li:hover strong { color: #24a0d1; }

.color-dot { display: block; width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 5px; border: 0; background: transparent; padding: 0; outline: none!important; }

.active .color-dot { -webkit-box-shadow: 0 0 0 3px rgba(36,160,209,
	.5); box-shadow: 0 0 0 3px rgba(36,160,209,
.5); }

.color-dot-half { width: 30px; height: 60px; float: left; }
.color-dot-half:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border: 1px solid rgba(0,0,0,
	.1); border-right: 0; }
.color-dot-half:last-child { border-bottom-right-radius: 30px; border-top-right-radius: 30px; border: 1px solid rgba(0,0,0,
	.1); border-left: 0; }

.color-dot-whole { width: 60px; height: 60px; display: block; }
.color-dot-whole:first-child { border-radius: 30px; border: 1px solid rgba(0,0,0,.1); }

.color-dot-add { display: block; width: 60px; height: 60px; background: #fff; border: 2px solid #24a0d1; margin: 0 auto 5px; overflow: hidden; border-radius: 50%; color: #24a0d1; font-size: 22px; outline: none!important; }
.color-dot-add:hover { opacity: .7; }

.layouts-holder { max-height: 570px; overflow: auto; margin-bottom: 30px; }

.custom-color-dot { position: absolute; bottom: 80%; left: 50%; margin-left: -61px; width: 120px; padding: 4px; border-radius: 4px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.1); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; }

.color-themes-holder li:hover .custom-color-dot { opacity: 1; visibility: visible; bottom: 100%; }

.custom-color-dot .btn { margin-bottom: 0; }

.btn-group.open .dropdown-toggle { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); }

.layouts-holder::-webkit-scrollbar { background-color: #d9d9d9; width: 4px; height: 4px; }
.layouts-holder::-webkit-scrollbar-track { background-color: #d9d9d9; border-radius: 7px; }
.layouts-holder::-webkit-scrollbar-thumb { background-color: #29b0e6; border-radius: 7px; }
.layouts-holder::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.07); }

.iframe-desktop-version { width: 200%; height: 200%; border: none; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -ms-transform: scale(0.5); -ms-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; }

.ct-color-picker .input-group-addon i { box-shadow: inset 0 0 2px #fff; border: solid 1px #333; }

.thumbnail-badge.thumbnail-preview { background-color: #1ab394; }

.jvectormap-tip { z-index: 9999; }

.imageCanvasWrap { background: #fff url(../img/transparent.gif) 0 0 repeat; border: solid 1px #333; height: 82px; padding-top: 21px; text-align: center; }

.imageCanvas { cursor: crosshair; padding: 0; }

.pixCanvas,
.colorCanvas { background-color: #fff; border: 1px solid #333; padding: 0; }


/* Wizard popup */

.noscroll { overflow: hidden; }

/*
.noscroll #wrapper { display: block; }
.wp { position: absolute; top: -100%; left: 0; right: 0; height: 100%; background-color: #f3f3f4; color: #2f4050; z-index: 2020; opacity: 0; visibility: hidden; }

.wp.active {  opacity: 1; visibility: visible; top: 60px; animation-name: animatetop; animation-duration: 0.3s}

@keyframes animatetop {
  from { 
  	-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);
  	opacity: 0
  }
  to { 
  	-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);
  	opacity: 1
  }
}*/

.wp { position: absolute; top: 0; left: 0; right: 0; bottom:  0; background-color: #f3f3f4; color: #2f4050; z-index: -1; opacity: 0; visibility: hidden; transform: translate(0,-50px); transition: all .3s; }

.wp.active {  opacity: 1; visibility: visible; top: 60px; transform: translate(0,0); z-index: 2052; }

.wp-steps-disabled:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 6; }

.wp-inner { min-height: 300px; width: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; }

.wp-col { height: 100%;  padding: 60px; display: flex; align-items: center; justify-content: center; position: relative; }
.wp-col:first-child { background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }

.wp-col-menu-content { float: none; }

#setup-wizard .wp-col { float: left; padding: 45px 60px; }

.wp-col-1of3 { width: 30%; }
.wp-col-2of3 { width: 70%; }

.wp-close { position: absolute; top: 10px; right: 15px; width: auto; height: auto; background-color: transparent; border: 0;  padding: 0px; line-height: 1.3; text-indent: 0; font-size: 36px; color: #384d61; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 5; outline: none; }
.wp-close:hover { color: #333; }

.wp-title { font-size: 46px; font-weight: bold; margin-bottom: 15px; }
.wp-subtitle { font-size: 32px; font-weight: bold; margin-bottom: 0; }

.wp-subtitle-secondary { font-weight: 300; }

.wp-subtitle-tertiary { font-size: 18px; font-weight: bold; margin-bottom: 0; }

.wp-sub-row .wp-subtitle-tertiary { font-size: 20px; margin-bottom: 5px; }

.wp-subtitle.text-primary { color: #24a0d1; }

.wp-sublead-secondary { font-size: 18px; font-weight: 300; margin-bottom: 0; }

.wp-lead { font-size: 20px; margin-bottom: 30px; line-height: 1.8; font-weight: 300; }
.wp-sublead { font-size: 18px; margin-bottom: 30px; line-height: 1.8; font-weight: 300; }

.wp .control-label { font-size: 18px; font-weight: 300; color: #333; }

.wp .form-group { margin-bottom: 30px; }

.wp .input-group { border-bottom: 1px solid rgba(0,0,0,.1); width: 100% }
.wp .input-group .input-group-addon { border: 0; font-size: 28px; color: #29b0e6; padding: 0 15px; text-align: center; border-radius: 0; width: 68px; height: 56px; background: transparent; border-right: 1px solid rgba(0,0,0,.1); }
.wp .input-group .form-control { border: 0; padding: 0 15px; border-radius: 0; height: 56px; font-size: 16px; font-weight: 300; background: transparent; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.wp .input-group .form-control:focus { font-size: 18px; color: #222; }

.wp .input-group .form-control:focus option { font-size: 16px; }

.wp .input-group .form-control:focus::-webkit-input-placeholder {color: #333; }
.wp .input-group .form-control:focus:-ms-input-placeholder {color: #333; }
.wp .input-group .form-control:focus::placeholder {color: #333; }

.hr-line-solid { border: 0; border-bottom: 1px solid rgba(0,0,0,.1); }

.wp .hr-line-solid { margin: 30px 0; }

.wp-checkbox { position: relative; overflow: hidden; margin-bottom: 10px; height: 70px; padding: 15px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 300; border-radius: 3px; }
.wp-checkbox input { display: none; }
.wp-checkbox:hover .wp-check { border-color: #29b0e6; }
.wp-checkbox:hover .wp-check:after { background-color: #29b0e6; }

.wp-checkbox-title { font-size: 16px; font-weight: 600; }

.wp-check { padding: 15px; border: 1px solid rgba(0,0,0,0.1); background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 3px; cursor: pointer; }
.wp-check:before { content: "\f00c"; font-family: 'FontAwesome'; color: #fff; background: #29b0e6; padding: 2px 4px 1px; z-index: 4; position: absolute; bottom: 0; right: 0; font-size: 12px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-top-left-radius: 3px; }

.wp-checkbox input:checked ~ .wp-check:before { opacity: 1; visibility: visible; }
.wp-checkbox input:checked ~ .wp-check { border-color: #29b0e6; }

.wp-checkbox input[disabled] ~ .wp-check { opacity: 0.5; cursor: not-allowed; }
.wp-checkbox input[disabled] ~ .wp-checkbox-label { opacity: 0.8; cursor: not-allowed; }

.wp-grid { font-size: 0; margin: 0 -5px; }

.wp-cell { font-size: 16px; display: inline-block; vertical-align: top; width: 25%; padding: 0 5px;  }

.wp-checkbox-label { position: relative; z-index: 3; cursor: pointer; user-select: none; color: #898d8f; } 
.wp-checkbox-label small { display: block; }

.wp-checkbox input:checked ~ .wp-checkbox-label { color: #676a6c;}

.wp-check:after { content: "\f067";  font-family: 'FontAwesome'; color: #fff; background: rgba(0,0,0,.1); padding: 0px 4px 0px; width: 20px; z-index: 4; position: absolute; bottom: 0; right: 0; font-size: 14px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-top-left-radius: 3px;}

.wp-checkbox input:checked ~ .wp-check:after,
.wp-checkbox input[disabled] ~ .wp-check:after { opacity: 0; visibility: hidden; }

.wp .color-dot { box-shadow: 0 0 0 0px rgba(0,0,0,0); }
.wp .color-themes-holder li { margin-top: 15px; padding-top: 0; }
.wp .layouts-holder { /*max-height: 320px;*/ max-height: 560px; overflow-x: hidden; overflow-y: auto; padding-right: 15px; }
.wp .ct-color-themes { margin: -10px; display: flex; flex-wrap: wrap;}
.wp .ct-color-theme {  /* padding: 10px; width: 25%;*/ padding: 20px 10px; width: 33.3333%; display: flex; }

.wp .ct-color-theme .wt-thumbnail { display: flex; gap: 4px; justify-content: space-between; }

.wp .ct-color-theme-hover { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; /*transform: translateX(-100%);*/ margin-left: calc(-100% - 4px); }
.wp .ct-color-theme:hover .ct-color-theme-hover { transform: translateX(0); margin-left: 0; }

/*
.wp .ct-color-theme-hover { left: -100%; position: absolute!important; width: auto!important; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.wp .ct-color-theme:hover .ct-color-theme-hover { opacity: 1; left: 4px; }
*/


.wp .ct-color-theme img { /*filter: grayscale(100%);*/ position: relative; z-index: 1; }

.wp .ct-color-theme .thumbnail-badge { z-index: 2; }


.cms-e-ct-preview-buttons { justify-content: center; display: flex; gap: 0.5rem; margin-bottom: 12px; }



.wp .cms-e-ct-dot-half { display: flex; justify-content: center; align-items: center; color: #fff; text-shadow: 0 0 1px #000,0 0 1px #000,0 0 1px #000; font-size: 13px; width: 100%; height: 24px;}
.wp .cms-e-ct-dot-half + .cms-e-ct-dot-half { border-top: 1px solid rgba(0,0,0,0.1); }

.wp .cms-e-ct-holder input { display: none; }

.wp .cms-e-ct-dot-color-theme { position: absolute; bottom: 0; padding: 7px 12px; background-color: rgba(255,255,255,.9); color: #29b0e6; text-align: center; font-weight: bold; border-top: 1px solid rgba(0,0,0,0.1); border-bottom-left-radius: 3px; left: -345px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.wp .ct-color-theme .thumbnail:hover { border-color: #29b0e6; }
.wp .ct-color-theme .thumbnail:hover .cms-e-ct-dot-color-theme { left: 0; }

.wp .ct-color-theme .thumbnail:hover .cms-e-ct-preview { width: 60%; }
.wp .ct-color-theme .thumbnail:hover .cms-e-ct-colors { margin-left: 0; }

.wp .cms-e-ct-colors-holder { gap: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }

.wp .ct-color-theme .thumbnail:hover .cms-e-ct-colors-holder { gap: 10px; }

.wp .cms-e-ct-preview { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }
.wp .cms-e-ct-colors { margin-left: -40%; width: 40%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.ct-color-theme img { height: auto; width: 100%; }

.lang-switch { width: 133px; }

.wp-control-link { display: inline-block; height: 56px; font-size: 16px; font-weight: 300; padding-top: 17px; }

.wp-steps { position: absolute; bottom: 30px; left: 50%; margin-left: -150px; width: 300px;}
.wp-steps:after { content: ''; clear: both; display: table; }

.wp-step { width: 20%; height: 16px; float: left; position: relative; cursor: pointer;}
.wp-step:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: rgba(0,0,0,.1); z-index: 1; }
.wp-step:first-child:before { left: 50%; }
.wp-step:last-child:before { right: 50%; }
.wp-step:after { content: ''; width: 16px; height: 16px; background-color: #2f4050; border-radius: 50%; display: block; margin: 0 auto; position: relative; z-index: 2; }
.wp-step:hover:after { background-color: #29b0e6; }

.wp-step-last,
.wp-step-first { display: none; }

.wp-step.done:after { background-color: #29b0e6; }
.wp-step.active:after { width: 24px; height: 24px; margin-top: -4px; background-color: #29b0e6; }

.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.fade.in .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}

.wp-col-footer { position: absolute; bottom: 15px; left: 60px; right: 60px; }

.iframe-slider .owl-nav button { position: absolute; top: 50%; margin-top: -60px; color: #fff; outline: none; }
.iframe-slider .owl-nav button:hover { color: #29b0e6; }
.iframe-slider .owl-nav button span { font-size: 120px; line-height: 1; color: #fff; }
.iframe-slider .owl-nav .owl-prev { left: -90px; }
.iframe-slider .owl-nav .owl-next { right: -90px; }

/*.wp-slider .owl-item { height: calc(100vh - 120px); display:flex; align-items: center; justify-content: center; }*/
.wp-slider .wp-inner { display: none; }
.wp-slider .wp-inner.active { display: block; }

.ct-color-picker { width: 100%; } 

.colorpicker-element.ct-color-picker .input-group-addon { height: 90px; }
.colorpicker-element.ct-color-picker .input-group-addon i { border-color: rgba(0,0,0,.1); border-radius: 3px; height: 90px; width: 100%; }

.ct-color-picker .form-control { width: 100%; height: 42px; }

.ct-color-picker .input-group-addon { display: block; width: 100%; }

.wp-step-done { opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.wp-step-done.active { opacity: 1; visibility: visible; }

.wp-radio { position: relative; padding-left: 30px; margin-top: 10px; display: inline-block; cursor: pointer; margin-right: 30px; font-size: 16px; font-weight: 300; }
.wp-radio input { display: none; }

.wp-radio-control { width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1); background-color: #fff; position: absolute; top: 0; left: 0; cursor: pointer;}
.wp-radio-control:before { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; background-color: #fff; }

.wp-radio input:checked ~ .wp-radio-control:before,
.wp-radio:hover .wp-radio-control:before,
.wp-radio-control:hover:before,
.checked .wp-radio-control:before  { background-color: #29b0e6; }

.wp .lang-switch-holder-inner .form-control-static {
	font-size: 16px; 
	font-weight: 300;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	padding: 0 8px;
	text-overflow: ellipsis;
	white-space: nowrap; 
}

.wp .wp-upload {
	position: absolute;
	left: -9999px;
	top: 0;
}

.wp .select2-container .select2-selection--single { height: 56px; }

.wp .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 56px; font-size: 16px; font-weight: 300; }
.wp .select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px; }
.wp .select2-container--default .select2-selection--single, 
.wp .select2-container--default .select2-selection--multiple { border: 0; background-color: transparent; }

.owl-carousel .owl-stage { touch-action: auto; }

.wp-info { position: relative; min-height: 300px; width: 100%; opacity: 1; visibility: visible; } 

.wp-info .wp-inner { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; background: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.wp-info .wp-inner.active { opacity: 1; visibility: visible; }

.wp-inner .sk-spinner-wave.sk-spinner { margin: 0; }

.iframe-slider .thumbnail { margin-bottom: 0; height: 75vh; }

body { background-color: #f3f3f4; } 

.bar-top { background-color: #2f4050; background-color: #384d61; padding: 0 15px; position: relative; /*z-index: 2010;*/ display: flex; justify-content:  space-between; flex-flow: wrap; align-items: center; gap: 15px; }

.bar-top-left { float: left; padding-left: 30px; }
.bar-top-right { float: right; padding-right: 30px; }

.bar-top-section { display: inline-block; vertical-align: top; font-size: 15px; position: relative; }
.bar-top-section + .bar-top-section { border-left: 1px solid rgba(0,0,0,.1);}

.bar-top-anchor { background: transparent; border: 0; color: #d2def4; font-size: 15px; padding: 20px; font-weight: 400; display: inline-block; background-color: #384d61;}

.bar-top-anchor.dropdown-toggle > span,
.bar-top-anchor:active,
.bar-top-anchor:active:focus,
.bar-top-anchor:focus,
.bar-top-anchor:hover { color: #fff; outline: none; }

.open .bar-top-anchor { background-color: #2f4050; color: #fff; }

.bar-top .btn-group.open .dropdown-toggle { box-shadow: inset 0 0 0 rgba(0,0,0,0); }

.p-l-lg { padding-left: 60px; }

/*
.wrapper-inner { position: relative; z-index: 1; }

.bar-top-brand { background: url(../img/logo.png) no-repeat 0 0; background-size: 118px 35px; width: 118px; height: 35px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 13px; left: 15px; }
*/

.bar-top-brand { background: url(../img/logo.png) no-repeat 0 0; background-size: 118px 35px; width: 118px; height: 35px; font-size: 0; line-height: 0; text-indent: -4000px;  }

.navbar-brand-custom { width: 118px; height: 35px; text-align: center; position: absolute; top: 13px; left: 15px; }
.navbar-brand-custom img { display: inline-block; max-height: 100%; width: auto; }

.menu-title { color: #fff; padding: 30px 15px; display: block; font-weight: 600; font-size: 14px; }

.wrapper-container { padding: 30px; } 
.wrapper-container-inner { max-width: 1680px; margin: 0 auto; } 

.bar-top .dropdown-menu { background-color: #2f4050; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.bar-top .dropdown-menu ul > li > a,
.bar-top .dropdown-menu > li > a { color: #fff; margin: 0; display: block; padding: 10px 20px; border-radius: 0; color: #a7b1c2; font-weight: 400; font-size: 14px;  }

.bar-top .dropdown-menu ul > .active > a,
.bar-top .dropdown-menu ul > li > a:focus,
.bar-top .dropdown-menu ul > li > a:active,
.bar-top .dropdown-menu ul > li > a:active:focus,
.bar-top .dropdown-menu ul > li > a:hover,
.bar-top .dropdown-menu > .active > a,
.bar-top .dropdown-menu > li > a:focus,
.bar-top .dropdown-menu > li > a:active,
.bar-top .dropdown-menu > li > a:active:focus,
.bar-top .dropdown-menu > li > a:hover { color: #fff; background-color: #2f4050; }

.bar-top .dropdown-menu .divider { background-color: rgba(255,255,255,.1); margin: 0 0 5px; }

.dropdown-lists { overflow: hidden; display: flex; }
.dropdown-lists ul { min-width: 160px; }

.navbar-static-side { min-height: calc(100% - 61px); z-index: 0!important; }

#page-wrapper { min-height: calc(100vh - 61px)!important; padding: 0;  }

.bar-top-menu-nav .dropdown-menu { right: 0; left: auto; }

.bar-top .dropdown-menu ul { padding: 0; margin: 0; list-style: none; }

.bar-top .dropdown-menu ul > li > a.btn,
.bar-top .dropdown-menu > li > a.btn { margin: 5px; text-align: center; border-width: 1px; border-radius: 3px; color: #fff; padding-top: 5px; padding-bottom: 5px; }   

.bar-top .dropdown-menu ul > li > a.btn-primary,
.bar-top .dropdown-menu > li > a.btn-primary { border-color: #29b0e6; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } 

.bar-top .dropdown-menu ul > li > a.btn-primary:hover,
.bar-top .dropdown-menu > li > a.btn-primary:hover { background-color: #fff; color: #29b0e6; border-color: #fff; }

.bar-top .dropdown-menu ul > li > a.dropdown-menu-link,
.bar-top .dropdown-menu > li > a.dropdown-menu-link { color: #fff; padding-top: 10px; padding-bottom: 10px; }

.bar-top .dropdown-menu ul > li > a.dropdown-menu-link:hover,
.bar-top .dropdown-menu > li > a.dropdown-menu-link:hover { color: #29b0e6; border-color: #2f4050; }


/* Popup */

.wp-category { font-size: 26px; font-weight: 300; margin-bottom: 0; padding: 0 15px 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.wp-category span { font-weight: 300; }
.wp-category.text-primary { color: #24a0d1; }


.wp-list { margin: 15px 15px 65px; padding: 0; list-style: none; }
.wp-list-last { margin-bottom: 0; }
.wp-list li { font-size: 18px; line-height: 1.6; font-weight: 600; margin-bottom: 25px; color: #999;}
.wp-list li:last-child { margin-bottom: 0; }
.wp-list small { display: block; font-weight: 300; font-size: 14px; }

.wp-list ul { margin: 10px 0 0 15px; font-size: 0; }
.wp-list ul li { font-size: 15px; margin: 0 0 5px; display: inline-block; vertical-align: top; width: 50%; padding-right: 5px; }
.wp-list ul li a:before { content: '-'; display: inline-block; margin-right: 3px; }

.wp-col.n-p { padding: 0; }

ul.wp-inner { padding: 0; margin: 0; list-style: none; height: 100%; }
ul.wp-inner li { height: 33.3333%; display: block; }
ul.wp-inner li.wp-col-3 { height: 33.3333%; }
ul.wp-inner li.wp-col-2 { height: 50%; }
ul.wp-inner li.wp-col-1 { height: 100%; }
ul.wp-inner li + li { border-top: 1px solid rgba(0,0,0,.1); }
ul.wp-inner li > div { height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: 60px; border-left: 15px solid #fff; color: #2f4050; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; cursor: pointer; }
ul.wp-inner li > div > div { width: 100%; }

ul.wp-inner .wp-title { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; font-size: 38px; font-weight: 300;}
ul.wp-inner .wp-title .fa { margin-right: 5px; }

ul.wp-inner li > div .btn { visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
ul.wp-inner li.active > div .btn { visibility: visible; }

ul.wp-inner li > div:hover { border-color: #29b0e6; }
ul.wp-inner li.active > div { border-color: #29b0e6; background-color: #fafafa; }

ul.wp-inner li.active > div .wp-title { color: #29b0e6; }

ul.wp-inner li .btn-holder .btn { margin-top: 5px; margin-bottom: 5px; }

.wp-inner::-webkit-scrollbar { background-color: #d9d9d9; width: 4px; height: 4px; }
.wp-inner::-webkit-scrollbar-track { background-color: #d9d9d9; border-radius: 7px; }
.wp-inner::-webkit-scrollbar-thumb { background-color: #29b0e6; border-radius: 7px; }
.wp-inner::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.07); }

.iframe-editor::-webkit-scrollbar { background-color: #d9d9d9; width: 4px; height: 4px; }
.iframe-editor::-webkit-scrollbar-track { background-color: #d9d9d9; border-radius: 7px; }
.iframe-editor::-webkit-scrollbar-thumb { background-color: #29b0e6; border-radius: 7px; }
.iframe-editor::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.07); }

/*
.bar-top-editor-nav { float: left; width: 70%; padding: 0 15px 0 180px; }
*/

.bar-top-main-nav { float: left; width: 33.3333%; padding: 0 15px; text-align: center; }  

/*
.bar-top-menu-nav { float: right; width: 30%; padding: 0 0 0 15px; text-align: right; display: flex; justify-content:  flex-end; }
*/

.btn-toggle-menu { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; font-size: 22px; color: #fff; cursor: pointer; display: none;}

.btn-toggle-engine-menu { position: absolute; top: 8px; right: 50px; border: 0; background: transparent; font-size: 22px; color: #fff; cursor: pointer; display: none;}

.wrapper-editor { background: url(../img/pattern.png) repeat 0 0; background-size: 113px 113px; padding: 30px; min-height: calc(100vh - 61px); margin-bottom: -39px;}

.bar-top-editor-nav-empty { font-size: 14px; }

.wp-menu-icon { display: none; } 

#wrapper { position: relative; min-height: 100vh; padding-bottom: 39px; } 

.jumbotron-holder { padding: 0; margin: 0 10px 15px; border: 1px solid rgba(0,0,0,.1)!important; background-color: #fff; border-radius: 4px; display: flex;}

.jumbotron-head { margin: 0; min-width: 15%; max-width: 30%; padding: 15px; background-color: #f3f6fb; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}

.jumbotron-body { padding: 15px; line-height: 1.9; font-size: 15px; margin-bottom: 0; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.jumbotron-body p { line-height: 1.6; font-size: 15px; margin-bottom: 0; }

.jumbotron-head-inner { text-align: left; width: 100% }
.jumbotron-body-inner { text-align: left; width: 100% }

.jumbotron-holder h1 { margin: 0; font-weight: bold; font-size: 26px; }
.jumbotron-holder .breadcrumb { padding-bottom: 0; background: transparent; margin-top: 10px; }
.jumbotron-holder .breadcrumb > li + li:before { padding: 0 3px; }

.jumbotron-holder .breadcrumb > .active { font-weight: bold; }  
.jumbotron-holder .breadcrumb a:focus,
.jumbotron-holder .breadcrumb a:active,
.jumbotron-holder .breadcrumb a:active:focus,
.jumbotron-holder .breadcrumb a:hover { color: #24a0d1; }  

.tablet-view-portrait { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); margin: -190px auto; }

.tablet-view-landscape { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); margin: -100px auto; }

.phone-view-portrait { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75);  }

.phone-view-landscape { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75);  }

.btn-change-view { position: absolute; top: 0px; right: -70px; font-size: 48px;  }

.bar-top .dropdown-menu ul > li > a.dropdown-menu-link.text-muted, 
.bar-top .dropdown-menu > li > a.dropdown-menu-link.text-muted { color: #a7b1c2; }

.bar-top .dropdown-menu ul > li > a.dropdown-menu-link.text-muted:hover, 
.bar-top .dropdown-menu > li > a.dropdown-menu-link.text-muted:hover { color: #fff; }

#iframe-preloader {
	position: relative;
}
.iframe-placeholder {
	background-color: rgba(255, 255, 255, 0.3);
	border: 3px dashed #ccc;
	display: none;
	height: 100%;
	left: 0;
	position: absolute; 
	top: 0;
	width: 100%;
	z-index: 1;
}
.iframe-placeholder.active {
	border-color: #384d61;
}

.iframe-editor { 
	left: 0;
	position: absolute; 
	top: 0; 
	z-index: 2; 
}

.w-box { position: absolute; top: 50%; left: 110px; margin-top: -140px; background: #384d61; text-align: center; z-index: 50; -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3); }
.w-box > ul { list-style: none; margin: 0; padding: 0; }
.w-box > ul > li { display: block; }
.w-box li.divider { border-top: 1px solid #212d39; border-bottom: 1px solid rgba(255,255,255,0.15); margin: 0; background-color: transparent; }
.w-box > ul > li > a { font-size: 18px; color: #d2def4; display: block; padding: 10px 12px; }
.w-box > ul > li > a:hover,
.w-box > ul > li > a:focus,
.w-box > ul > .disabled { opacity: 0.4; }
.w-box > ul > .active > a { color: #fff; }
.w-box .caret-corner { width: 0; height: 0; border-bottom: 5px solid #d2def4; border-left: 5px solid transparent; position: absolute; bottom: 4px; right: 4px; }

.w-box-dropdown { display: block; }
.w-box-dropdown .dropdown-toggle { display: block; width: 100%; position: relative; padding: 10px 12px; border: 0; background: transparent; height: auto; font-size: 18px; color: #d2def4; outline: none; }

.w-box .dropdown-menu { left: 100%; top: -1px; margin: 0; border-radius: 0; background-color: #2d3f50; box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 30%); padding: 10px 0 10px 10px; } 
.w-box .dropdown-menu ul { list-style: none; padding: 5px 0; margin: 0; } 
.w-box .dropdown-menu li a { font-size: 14px; color: #d2def4; display: flex; padding: 7px 20px; }
.w-box .dropdown-menu li a .fa { margin-top: 3px; }
.w-box .dropdown-menu .active a,
.w-box .dropdown-menu li a:focus,
.w-box .dropdown-menu li a:hover { color: #fff; }

.w-box-dropdown.open .dropdown-toggle { background-color: #2d3f50; }

.w-box > ul > .active > a,
.w-box > ul > .active > .w-box-dropdown,
.w-box-dropdown.open { background: #2f4050; }

.w-box-dropdown .dropdown-toggle:hover,
.w-box-dropdown.open .dropdown-toggle { color: #fff; }
.w-box .w-box-dropdown.open .caret-corner { border-bottom: 5px solid #fff; }

.bar-top-anchor .fa-pencil,
.bar-top-anchor .fa-list { margin-right: 2px; }

.bar-top-section-nav-holder { position: relative; min-height: 61px; width: 500px;  /*width: 110px;*/ }
.bar-top-section-nav-holder .nav-jump-to { display: block; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; color: #d2def4; font-size: 15px; margin-top: -1px; } 

.bar-top-section-nav { display: flex; align-items: center; justify-content: flex-start; width: 0; overflow: hidden; height: 61px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; top: 0; left: 0; background: #384d61; opacity: 0; visibility: hidden; }

.bar-top-section-nav .bar-top-section,
.bar-top-section-nav .bar-top-section a { height: 61px; white-space: nowrap;}

.bar-top-section-nav-holder:hover .bar-top-section-nav { width: 600px; opacity: 1; visibility: visible; }
.bar-top-section-nav-holder:hover .nav-jump-to { width: 0; white-space: nowrap; }

.tooltip { z-index: 2011; }

.input-group-checkbox { position: relative; padding-left: 20px; display: inline-block; font-weight: 600; cursor: pointer; color: #333; }
label.input-group-checkbox { padding-left: 25px; }
.input-group-checkbox input { display: none; }
.input-group-checkbox label { cursor: pointer; }

.input-group-checkbox-btn { width: 20px; height: 20px; border: 1px solid rgba(0,0,0,.1); background-color: #fff; position: absolute; top: 50%; left: 0; margin-top: -10px; cursor: pointer; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; line-height: 1; padding-top: 4px; color: #24a0d1; }
.input-group-checkbox-btn:before { content: ''; }

.input-group-checkbox input:checked ~ .input-group-checkbox-btn:before,
.input-group-checkbox.active .input-group-checkbox-btn:before { content: "\f00c"; }

.input-group .form-control.disabled,
.input-group .input-group-addon.disabled { color: #ababab; background-color: #eee; cursor: not-allowed;}

.table-prices td .input-group { min-width: 200px; width: 50%; max-width: 200px; margin: 0 auto;}
.table-prices td:first-child .input-group { min-width: 0px; max-width: none; width: 100%; }

.table-prices2 td .input-group { min-width: 260px; width: 50%; max-width: 260px; margin: 0 auto;}
.table-prices2 td:first-child .input-group { min-width: 0px; max-width: none; width: 100%; }

.form-group-checkbox-price { max-width: 260px; }

.form-control-lg { height: 46px; font-size: 16px; }

.i18n-group .btn-group .dropdown-menu { right: 0; left: auto; }

.table-shuttle,
.shuttle-box { display: none; }

.radio label:before,
.checkbox label:before { outline: none!important; }

.box-radio-form .control-label { font-size: 18px; }

/* New step2 */

.wp-default-page { font-size: 18px; font-weight: bold; display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px solid rgba(0,0,0,0.1); }

.wp-default-page:last-child { border: 0; }

.wp-checkbox .thumbnail-badge { padding: 0 0 2px; font-weight: 400; z-index: 2; left: -38px; top: 14px;}

.thumbnail-badge-page { background-color: #80d161; }

.thumbnail-badge-app { background-color: #fdbe26; }

.wp-ap { display: flex; justify-content: space-between; align-items: center; height: 52px; border-radius: 26px; padding-left: 5px; padding-right: 5px; background-color: #fff; border: 1px solid rgba(0,0,0,.1); overflow: hidden; margin-bottom: 5px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; position: relative; }
.wp-ap input { display: none; }

.wp-ap:hover { border-color: rgba(0,0,0,.2); }
.wp-ap:hover .wp-ap-actions { margin-right: 0; }  

.wp-ap-actions { display: flex; justify-content: space-between; margin-right: -82px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; z-index: 2; background: #fff;}

.wp-cell-secondary .wp-ap-type { position: absolute; top: 8px; right: 5px; }

.wp-ap-circle { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; text-align: center; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 0 3px;}
.wp-ap-type { font-size: 20px; font-weight: bold; border-color: #bdbdbd; color: #bdbdbd; }

.wp-ap-preview { font-size: 18px; border-color: #29b0e6; color: #29b0e6; }

.wp-ap-use { color: #fff; font-size: 14px; border-color: #29b0e6; background-color: #29b0e6; font: normal normal normal 14px/1 FontAwesome; cursor: pointer; }
.wp-ap-use:before { content: "\f067";  }
.wp-ap-use:hover { color: #fff; }

.wp-ap-label { font-weight: 600; font-size: 17px; line-height: 1.2; padding-left: 15px; color: #bdbdbd; }

.wp-cell-secondary { width: 33.3333%; }

.wp-ap.active .wp-ap-label { color: #2f4050; }

.wp-ap-use:focus,
.wp-ap-use:active,
.wp-ap-use:hover { border-color: #24a0d1; background-color: #24a0d1; }

.wp-ap-preview:focus,
.wp-ap-preview:hover,
.wp-ap-preview:active { border-color: #24a0d1; color: #24a0d1; }

.wp-lead .wp-ap-type-page,
.wp-ap.active .wp-ap-type-page { border-color: #80d161; color: #80d161;}

.wp-lead .wp-ap-type-app,
.wp-ap.active .wp-ap-type-app { border-color: #fdbe26; color: #fdbe26;}

.wp-ap.active .wp-ap-use { border-color: #ed5565; color: #fff; background-color: #ed5565; }
.wp-ap.active .wp-ap-use:hover { border-color: #ec4758; background-color: #ec4758; }
.wp-ap.active .wp-ap-use:before { content: "\f068"; }

.wp-lead .wp-ap-type { display: inline-block; line-height: 1.5; }

.wp-sub-row { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(0,0,0,.1); }

.wp-sub-row-cell:first-child { width: 75%; }
.wp-sub-row-cell:last-child {width: 25%; }

.w50 { width: 50%!important; }
.w100 { width: 100%!important; }

.m-l-1 { margin-left: -1px!important; }

.chat-message-form { margin-top: 20px; } 
.chat-message-form .btn-primary { height: 90px; } 
.chat-message-form .form-control { resize: none; }

.chat-message-form .fileinput { position: absolute; top: 18px; right: 100%; margin-right: 15px; z-index: 2; padding-right: 15px; cursor: pointer; }
.chat-message-form .fileinput-exists { top: 35px; }

.chat-message-form .fileinput .close { position: absolute; top: 0; right: 0; }

.chat-message-form .fileinput-new { font-size: 42px; }
.chat-message-form .fileinput-filename { font-size: 14px; display: block;  }

.chat-users { margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; left: 0; bottom: 0; }

.chat-user { border-left: 1px solid #e7eaec; border-right: 0; }
.chat-user.active:after { right: -1px; left: auto; }

.message-avatar .fa { display: block; width: 100%; text-align: center; padding-top: 9px; height: 46px; border-radius: 3px; background-color: #fff; }

.chat-message-form .btn-primary .fa { display: none; }

.chat-user-name { overflow: hidden; }
.chat-user-name .message-avatar { float: left; margin-right: 15px; }
.chat-user-name h4 { margin-top: 5px; }

.select2-zindex-modal { z-index: 1000; }

.mce-colorbutton .mce-preview {
	left: unset !important;
	margin-left: auto !important;
}

.dropdown-right .dropdown-menu { right: 0; left: auto; }

.loginscreen-bg { 
background: #29b0e6; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #29b0e6 0%, #2f4050 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #29b0e6 0%,#2f4050 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #29b0e6 0%,#2f4050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b0e6', endColorstr='#2f4050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  } 

.loginscreen { background-color: #fff; max-width: 365px; padding: 60px 30px; margin: 10% auto 0; border-radius: 7px; } 
.loginscreen h1 { font-size: 28px; font-weight: 300; text-align: center; color: #2f4050; margin: 0 0 35px;  }

.loginscreen .form-control { height: 46px; font-size: 16px; border: 0; border-radius: 0; border-bottom: 1px solid #29afe6; background: #fff!important;   -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } 

.loginscreen .has-error .form-control { box-shadow: inset 0 0 0 rgba(0,0,0,0); border-color: #a94442; }

.loginscreen .form-control:-webkit-autofill { height: 46px; font-size: 16px; border: 0; border-radius: 0; border-bottom: 1px solid #29afe6; background: #fff!important; }

.loginscreen input:-webkit-autofill,
.loginscreen input:-webkit-autofill:hover, 
.loginscreen input:-webkit-autofill:focus, 
.loginscreen input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.choose-template-layout .ct-page-layouts .ct-color-theme { width: 20%;  }

.loginscreen-actions { padding-top: 30px; margin-top: 30px; border-top: 1px dashed rgba(0,0,0,.1);  }

.page-footer { color: #fff; }
.page-footer .header-logo { width: 140px; height: 40px; background-size: 140px 40px; margin: 0 auto 10px; }

.modal-backdrop { display: none;  }

.wrapper-container { position: relative; /*z-index: 2050;*/ }

.modal-open .modal { background-color: rgba(0,0,0,0.5); } 

.popover { /*z-index: 2040;*/ z-index: 2050;  }

.pac-container { z-index: 2050; }

.p-n { padding: 0!important; }

.box-default { padding: 15px; background-color: #f8f8f8; }
.box-default-head { padding: 15px; margin: -15px -15px 15px; background-color: rgba(0,0,0,.02); }
.box-default-head h3 { font-size: 20px; font-weight: 300; color: #333; }

.nav-tabs-box .fa-close { margin-top: 3px; margin-left: 5px; display: inline-block; }

/* Getting Started -begin */
.progress-box-row { display: flex; flex-flow: wrap; gap: 8px; justify-content: flex-start; }

.progress-box { border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); padding: 10px; min-height: 180px; background-color: #fff; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; width: 16.25%; }

.progress-box:hover { border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.progress-box:hover .progress-box-actions { opacity: 1; visibility: visible; }

.progress-box-icon { font-size: 62px; }

.progress-box-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; }

.progress-box-actions { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,.95); padding: 10px; border-radius: 3px; opacity: 0; visibility: hidden; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.progress-box.done { border-color: #29b0e6; cursor: default; }
.progress-box.done:hover { border-color: #1793C5; }
.progress-box.done .progress-box-icon { color: #29b0e6; }

.progress-box-done-checkbox { font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 5px; left: 5px; font-size: 18px; color: #29b0e6; cursor: pointer; line-height: 1;}
.progress-box-done-checkbox:after {  content: "\f046"; }

/*.progress-box-done-checkbox:hover:after { content: "\f096"; }*/

.progress-box-main:hover {  border: 1px solid rgba(0,0,0,0.1); }

.progress-box-checkbox { color: #2f4050; font-size: 16px; }
.progress-box-checkbox strong { font-weight: 400; }
.progress-box-checkbox p { font-size: 12px; font-weight: 300; }
.progress-box-checkbox .input-group-checkbox-btn { top: 0; margin-top: 0; }

.progress-ibox-content { padding: 0; border: 0; background: transparent; }

.progress-box-actions { display: flex; align-items: center; justify-content: center; gap: 5px; }
.progress-box-actions .btn { display: flex; align-items: center; justify-content: center; }
.progress-box-actions .btn-circle { width: 64px; height: 64px; border-radius: 50%; padding: 5px; font-size: 16px; }

.progress-box-actions-skip { position: absolute; bottom: 7px; right: 10px; font-size: 13px; }
.progress-box-actions-kb { position: absolute; bottom: 7px; left: 10px; font-size: 13px; }

.wp-subtitle .collapse-link { display: block; color: #2f4050; }
.wp-subtitle .collapse-link:hover { color: #29b0e6; }

.row-flex-wrap { display: flex; flex-flow: wrap; }
 
.file-boxes-holder-secondary .file-boxes .file-box { width: 25%; }

.item-image-thumb-flex { display: flex; justify-content: flex-start; align-items: end; padding-bottom: 10px; }

.fa-messenger:before {
	content: "";
	background: transparent url(../img/messenger.png) 0 0 no-repeat;
	background-size: cover;
	width: 14px;
	height: 14px;
	display: inline-block;
}

.wt-intro {
	cursor: pointer;
}
.wt-intro:hover,
.wt-intro.active {
	border-color: #29b0e6;
}
.wt-intro:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.wt-intro input {
	display: none;
}

.w-box { display: flex; align-items: center; justify-content: center; margin-top: 0; background-color: #2f4050; }

.w-box-dropdown:hover .fa { color: #29b0e6;}
.w-box-dropdown .fa { color: #fff; }
.w-box-dropdown .dropdown-toggle { background-color: #384d61; font-size: 12px; padding: 10px 8px; width: 70px;  }
.w-box-dropdown .dropdown-toggle .fa { font-size: 18px; }

.w-box-dropdown-label { display: block; margin-top: 4px; }

.w-box-position .dropdown-toggle { font-size: 14px; background-color: rgba(0,0,0,0.2); border:  0; display: block; color: #fff; cursor: move; }
.w-box-position .dropdown-toggle .fa { cursor: pointer; padding-left: 5px; padding-right: 2px;}

.w-box-position .dropdown-toggle:hover { background-color: #29b0e6; }


/* When Menu Left  */
.wrapper-editor { padding: 10px; }
.wrapper-editor.w-box-pos-float { padding: 10px; }
.wrapper-editor.w-box-pos-left { padding: 10px 10px 10px 80px; }
.wrapper-editor.w-box-pos-left-small { padding: 10px 10px 10px 50px; }

.w-box-left { top: 60px!important; bottom: 0!important; left: 0!important; }

.w-box-left .w-box-position { /*position: absolute; bottom: 0; left: 0;*/ width: 100%;  }
.w-box-left .w-box-position .dropdown-toggle { text-align: right; width: 100%; cursor: pointer;}


/* When label is hidden */
.w-box-no-label .w-box-dropdown-label { display: none; }
.w-box-left.w-box-no-label .w-box-dropdown .dropdown-toggle,
.w-box-floating.w-box-no-label .w-box-dropdown .dropdown-toggle { width: 40px; }


/* When Menu Floating  */
.w-box-floating .w-box-position { width: 100%;  }
.w-box-floating .w-box-position .dropdown-toggle { text-align: right; width: 100%; height: 20px;}

.bar-top-holder { display: flex; justify-content: space-between; width: calc(100% - 135px); }

.dropdown-menu.dropdown-alerts > div:last-child{
	margin-bottom: 0;
}
.d-block {
	display: block;
}

.table-modal { margin: 0!important; border: 0!important; background-color: rgba(0,0,0,.01); }
.table-modal thead { background-color: rgba(0,0,0,.01); }
.table-modal thead th { padding-left: 15px!important; padding-right: 15px!important; color: #333; }
.table-modal td { padding-left: 15px!important; padding-right: 15px!important; }

.d-flex { display: flex!important; }

.justify-content-end { justify-content: flex-end!important; }


@media (min-width: 1280px) {
	.modal-xlg {
		width: 1024px;
	}
}

@media (max-width:  1680px)  {
    .progress-box { width: 16%; }  
    .progress-box-icon { font-size: 52px; }  
}

@media (max-width:  1440px)  {
    .progress-box { min-height: 150px; }
    .progress-box-icon { font-size: 42px; }
}

@media (max-width:  1366px)  {
    .progress-box { min-height: 140px; }

    .file-boxes-holder .file-boxes .file-box,
    .file-boxes-holder-secondary .file-boxes .file-box { width: 33.3333%!important; }
}

@media ( max-width: 1279px)  {
    .progress-box { width: 19%; }
}

@media ( max-width: 1199px)  {
    .progress-box { width: 24%; }   

    .row-flex-wrap { display: block; }

    .w-box { border-top: 1px solid #212d39;}	
}

@media ( max-width: 991px)  {
    .progress-box { width: 32%; }   

    .file-boxes-holder .file-boxes .file-box,
    .file-boxes-holder-secondary .file-boxes .file-box { width: 50%!important; }

    .wrapper-editor { padding: 50px 10px 10px; }

	.w-box-dropdown .dropdown-toggle { font-size: 16px; transition: all .5s; background-color: #384d61; }

	.w-box { top: 50px!important;  bottom: auto!important; left: 0!important; right: 0!important; }
	.w-box .w-box-dropdown .dropdown-toggle { display: flex; border-top: 0;  padding: 10px 12px; width: 40px; justify-content: center; }
	.w-box .w-box-dropdown .dropdown-toggle .fa { margin-top: 0; font-size: 14px;}

	.w-box li.divider { border-left: 1px solid #212d39; border-right: 1px solid rgba(255,255,255,0.15); margin: 0; background-color: transparent; }

	.w-box > ul { display: flex; }

	.w-box .w-box-dropdown-label { display: none; }

	/* When Menu Top  */
	.iframe-placeholder, 
	.iframe-editor { height: calc(100vh - 110px)!important; margin-top: 50px; }

	.wrapper-editor.w-box-pos-float,
	.wrapper-editor.w-box-pos-left-small,
	.wrapper-editor.w-box-pos-left { padding: 45px 10px 10px; }

	.w-box .dropdown-menu { top: 100%; left: auto; right: 0; }

	.w-box-position { display: none }

	.iframe-remote { max-height: calc(100vh - 200px)!important; }
}

@media ( max-width: 767px)  {
    .progress-box { width: 49%; }   

    .file-boxes-holder .file-boxes .file-box,
    .file-boxes-holder-secondary .file-boxes .file-box { width: 50%!important; }

    .w-box > ul { border-top: 0 }
}

@media (max-width: 479px){
    .progress-box { width: 100%; }   

    .file-boxes-holder .file-boxes .file-box,
    .file-boxes-holder-secondary .file-boxes .file-box { width: 100%!important; }
}
/* Getting Started -end */

@media (max-width:  1680px)  { 
	.ct-jumbotron { padding: 30px; }
	.ct-jumbotron h4 { font-size: 28px; min-height: 62px; margin-bottom: 30px; }
	
	.edit-reservation-actions a,
	.edit-reservation-actions button { display: block; margin-bottom: 10px; }
	.edit-reservation-widgets li { width: 100%; }
	
	p.h1 { font-size: 28px; }
	
	.paymentRequest span { top: 15px; }
	
	.dashboard-stats4 { width: 100%; }
	
	.dashboard-stats5 { width: 50%; }

	.dashboard-stats6 { width: 33.33%; }
	
	.bar-col-1of3 { width: 40%; }
	.bar-col-2of3 { width: 60%; }
	
	#special-prices .table-responsive-secondary { overflow-x: auto; }
	#special-prices .table-responsive-secondary .switch,
	#special-prices .table-responsive-secondary .form-group { min-width: 160px; }
	
	.dashboard-stats { width: 100%; }
	.dashboard-stats .ibox-content { min-height: 0; }
	
	.file-boxes .file-box { width: 25%; }
	
	.dashboard-stats { width: 100%; }
	.dashboard-stats .ibox-content { min-height: 0; }
	
	/* Wizard popup */
	.wp-col { padding: 45px; }

	.wrapper-inner { display: flex; }

	.navbar-static-side { position: relative; }
	
	#page-wrapper { width: calc(100vw - 220px); margin: 0; }

	.footer { position: relative; bottom: auto; left: auto; right: auto;}

	#wrapper { padding-bottom: 0; }

	.wrapper-editor { margin-bottom: 0;  }

	.wrapper-container { min-height: calc(100vh - 100px); }

	ul.wp-inner li > div  { padding: 15px; border-width: 5px; }
}

@media ( max-width : 1440px)  { 
	.table-responsive-tertiary,
	.table-responsive-secondary { overflow: visible; }
	
	.ct-color-theme { width: 25%; }
	
	.jumbotron-secondary:after { font-size: 16px; width: 48px; height: 48px; padding-top: 12px; left: -40px; margin-top: -32px; }
	
	.ct-jumbotron { padding: 20px; min-height: 290px; }
	.ct-jumbotron p { font-size: 14px; }
	.ct-jumbotron h4 { font-size: 21px; margin-bottom: 15px; }
	
	.edit-reservation-widgets li { width: 100%; }
	
	.dashboard-stats2 { width: 41.66666667%; }
	.dashboard-stats3 { width: 58.33333333%; }
	
	.file-boxes .file-box { width: 33.3333%; }
	.file-boxes-holder { float: none; width: auto; }
	
	.multilang-bar { display: none; }
	.multilang-dropdown { display: block; }
	
	.dashboard-stats2 { width: 41.66666667%; }
	.dashboard-stats3 { width: 58.33333333%; }

	/* Wizard popup */
	.wp-col { padding: 30px; }

	.wp-title { font-size: 38px; }

	.wp-lead { font-size: 18px; }

	.wp-subtitle { font-size: 30px; }

	.wp-sublead { font-size: 16px; margin-bottom: 15px; }

	.wp-inner { padding-left: 15px; padding-right: 15px; }
	.wp-inner .col-lg-10.col-lg-offset-1 { width: 100%; margin: 0; }
	
	.wp-checkbox { padding: 10px 15px; height: 60px; } 

	.wp-check { padding: 10px 15px; }

	.wp-slider .owl-item { height: calc(100vh - 60px); }

	.wp-close { top: 5px; right: 13px; font-size: 20px; }

	.wp-category { font-size: 21px; padding: 0 10px 10px;}
	
	.wp-list { margin: 10px 10px 45px; }
	.wp-list li { font-size: 16px; margin-bottom: 25px; }
	.wp-list small { font-size: 13px; }

	ul.wp-inner li > div  { padding: 30px; border-width: 7px; }
	ul.wp-inner .wp-title { font-size: 26px; }
	ul.wp-inner .wp-lead { font-size: 16px; line-height: 1.6; margin-bottom: 15px; }
	ul.wp-inner .btn-lg { padding: 9px 15px; font-size: 16px; }

	.bar-top-anchor { padding-left: 17px; padding-right: 17px; } 

	.phone-view-portrait { margin: -120px auto; }

	.navbar-static-side,
	#page-wrapper { min-height: calc(100vh - 100px)!important; } 

	.wp-cell-secondary { width: 50%; }
}

@media (max-width: 1366px)  { 
	p.h1 { font-size: 22px; }
	
	.ibox-content-stats { padding-top: 25px; padding-bottom: 25px; }
	
	.paymentRequest span { top: 10px; font-size: 14px; padding-top: 0; }
	
	.welcome-warning h3 { line-height: 1.8; }
	
	.bar-col .btn-group .btn strong:not(.caret),
	.bar-col .btn-warning strong { display: none; }
	.bar-col .btn-warning .fa { margin-right: 0; }
	.bar-col-2of3 .row { font-size: 0; vertical-align: top; text-align: right; }
	.bar-col-1of2 { width: auto; float: none; vertical-align: top; display: inline-block; }
	
	.device-view { margin: 0 4px; }
	.device-view-holder { padding-left: 4px; }
	
	.ct-page-layouts .ct-color-theme { width: 25%; }
	
	.regional-column { width: 100%; }
	.regional-column .h4 { font-size: 14px; }
	
	.design-colors-boxes .jumbotron { padding: 30px; }
	.design-colors-boxes .jumbotron .h3 { font-size: 30px; }
	.design-colors-boxes .jumbotron p { font-size: 18px; line-height: 1.8; }
	
	.preview-layout-color .thumbnail { max-height: 865px; max-width: none; }
	
	.ct-page-layouts .ct-color-theme { width: 33.3333%!important; padding: 0 10px; margin-bottom: 15px; }
	
	.tablet-view-landscape { background: #21252a; width: 1034px; height: 778px; padding: 0; border: 5px solid #21252a; border-radius: 3px; }
	
	.paymentRequest span { top: 10px; font-size: 13px; }

	/* Wizard popup */
	.wp-title { font-size: 36px; }

	.wp-col { padding: 35px 20px 20px; }

	#setup-wizard .wp-col { padding: 35px 20px 10px; }
	.wp .ct-color-theme { padding-top: 10px; padding-bottom: 10px; }

	.wp .layouts-holder { min-height: 430px; }

	.wp-subtitle { font-size: 22px; } 

	.wp .hr-line-solid { margin: 25px 0; }

	.wp .color-themes-holder li { margin: 0; }

	.wp-group-upload { padding: 30px 0; }

	.wp-checkbox { height: 50px; padding: 5px; }

	.wp-check { padding: 5px; }

	.wp-checkbox-label { font-size: 14px; }

	.wp-checkbox-title { font-size: 16px; height: 60px; }

	.wp-slider .owl-item { height: calc(100vh - 40px); }
	
	.jumbotron-head { max-width: 40%; }

	.calendar-title { font-size: 16px;  }

	.wrapper-container { padding: 15px; position: relative; /*z-index: 2003;*/ }

	.loginscreen { margin-top: 6%;  }

	.choose-template-layout .ct-page-layouts .ct-color-theme { width: 20%!important; }

	.page-footer { position: relative; bottom: auto; left: auto; margin-top: 30px; border-top: 0; }

	.col-lg-8 .file-boxes .file-box { width: 33.333%; }

	.wp-col-menu-content .col-lg-4:nth-child(3n+1) { clear: both; }

	.nav-tabs > li > a { padding: 13px!important; }

	.panel-body .lead .pull-right { float: none!important; display: block; text-align: left!important; }
}

@media ( max-width: 1279px)  { 
	.table-responsive-secondary { overflow-x: auto; overflow-y: auto; margin-bottom: 20px; }
	.table-responsive-secondary .table > thead > tr > th,
	.table-responsive-secondary .table > tbody > tr > td { min-width: 180px; }

	.table-responsive-secondary .table > thead > tr > td:first-child,
	.table-responsive-secondary .table > tbody > tr > th:first-child { min-width: 30px; }

	.table-responsive-secondary .table > tbody > tr > td.cell-width-2,
	.table-responsive-secondary .table > thead > tr > th.cell-width-2,
	.table-responsive-secondary .table > thead > tr > th.cell-width-1,
	.table-responsive-secondary .table > tbody > tr > td.cell-width-1 { min-width: 40px; }

	.table-responsive-tertiary .table > thead > tr > th,
	.table-responsive-tertiary .table > tbody > tr > td { min-width: 140px; }
	.table-responsive-tertiary .table > thead > tr > th:first-child,
	.table-responsive-tertiary .table > tbody > tr > td:first-child { min-width: 200px; }
	.table-responsive-tertiary .table > thead > tr > th:last-child,
	.table-responsive-tertiary .table > tbody > tr > td:last-child { min-width: 50px; }

	.table-responsive-secondary .table > thead > tr > th:last-child,
	.table-responsive-secondary .table > tbody > tr > td:last-child { min-width: 92px; }
	
	.bar-choose-style,
	.bar-edit-pages { font-size: 13px; }
	
	.jumbotron { padding: 30px; }
	.jumbotron .h3 { font-size: 34px; }
	.jumbotron p { font-size: 18px; }
	.jumbotron p:last-child { margin-bottom: 0; }
	
	.icon-xlg,
	.icon-lg { font-size: 46px; }
	
	.btn-lg-block { display: block; width: 100%; }
	
	input[type="submit"].btn-lg-block,
	input[type="reset"].btn-lg-block,
	input[type="button"].btn-lg-block { width: 100%; }
	
	.btn-block + .btn-lg-block,
	.btn-lg-block + .btn-block,
	.btn-lg-block + .btn-lg-block { margin-top: .5rem; }

	/* Wizard popup */
	.wp-col { padding: 35px 15px 15px; }

	.wp-title { font-size: 34px; }

	.wp-lead { font-size: 16px; }

	.wp-slider .owl-item { height: calc(100vh - 30px); }

	.wp .input-group .input-group-addon { font-size: 21px; height: 46px; width: 58px; }

	.wp .input-group .form-control { height: 46px; font-size: 14px; }
	.wp .input-group .form-control:focus { font-size: 16px; }

	.wp .select2-container .select2-selection--single { height: 46px; }

	.wp .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; font-size: 14px; }
	.wp .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; }
	
	.wp .ct-color-theme { width: 50%; }

	.wp-close { right: 8px; }

	.wp-list:last-child { margin-bottom: 45px; }

	.bar-top-section-nav-holder .nav-jump-to { left: 15px; margin-top: -2px; }

	.jumbotron-holder { padding: 0; }

	.jumbotron-body p { font-size: 15px; }

	ul.wp-inner li > div .btn { margin-top: 5px; margin-bottom: 5px; }

	.table-prices2 td:first-child .input-group,
	.table-prices td:first-child .input-group {  min-width: 300px; max-width: 500px; width: 100%; }

	.choose-template-layout .ct-page-layouts .ct-color-theme { width: 25%!important; }


} 

@media ( max-width: 1199px)  { 
	.btn-save { margin-top: 0; }
	
	.contact-box-location .text-right,
	.contact-box-location .text-left { text-align: center; }
	
	.ct-color-theme { width: 33.3333%; }
	
	.ct-jumbotron { padding: 15px; min-height: 0; }
	.ct-jumbotron h4 { min-height: 0; }
	
	.ct-form-control-holder { padding-top: 0; }
	
	.jumbotron-secondary:after { top: -7px; left: 50%; margin-left: -32px; }
	
	.bar-choose-style,
	.bar-edit-pages { text-align: center; padding: 0; }
	.bar-edit-pages { padding-bottom: 8px; }
	
	.bar-choose-style { padding-top: 5px; }
	
	.edit-reservation-widgets li { width: 50%; }
	
	.dashboard-stats2,
	.dashboard-stats3 { width: 100%; }
	
	.pj-multilang-wrap { margin-bottom: 15px; }
	
	.col-lg-3 > .row > .btn { margin-left: 15px; margin-top: 15px; }
	
	.bar-edit-pages .btn-primary.btn-outline { float: left; }
	
	.font-tab .col-lg-4.col-sm-6:nth-child(3n+1) { clear: none; }
	.font-tab .col-lg-4.col-sm-6:nth-child(odd) { clear: both; }
	
	.mobile-text-right { text-align: left; }
	
	.dashboard-stats2,
	.dashboard-stats3 { width: 100%; }
	
	.bar-choose-style { text-align: center; padding: 0; }
	.bar-choose-style { padding-top: 5px; }
	
	.bar-col-1of3,
	.bar-col-2of3 { width: 100%; }
	
	.device-view { display: none; }
	
	.bar-col .bar-edit-pages,
	.bar-col-1of2 { padding: 0 10px; }
	
	.ct-page-layouts .ct-color-theme { width: 33.3333%; }
	
	.lang-grid .table > thead > tr > th { vertical-align: top; }
	.lang-grid .table > thead > tr > th .btn-group { margin-top: 10px; }
	.lang-grid .table > thead > tr > th a.btn-primary { display: block; }
	
	.col-preview-layout-color { position: relative; top: auto; right: auto; bottom: auto; }
	.col-preview-layout-color .file-manager,
	.col-preview-layout-color .preview-layout-color { height: auto; }
	
	.iframe-desktop-version { height: 1600px; }
	
	.preview-layout-color .thumbnail { max-height: 640px; }
	
	.bar-col-2of3 .row { text-align: center; }
	
	.navbar-top-links > li > a { padding-left: 10px; padding-right: 10px; }
	.navbar-top-links li:last-child { margin-right: 20px; }
	
	.btn-md-block { display: block; width: 100%; }
	
	input[type="submit"].btn-md-block,
	input[type="reset"].btn-md-block,
	input[type="button"].btn-md-block { width: 100%; }
	
	.btn-block + .btn-md-block,
	.btn-md-block + .btn-block,
	.btn-md-block + .btn-md-block { margin-top: .5rem; }

	.wp-steps { width: 260px; margin-left: -130px; } 
	
	.bar-top-section-nav-holder { width: 420px }
	.bar-top-section-nav-holder:hover .bar-top-section-nav { width: 360px; }

	.dashboard-stats6 { width: 50%; }

	.bar-top-anchor { font-size: 15px; padding-left: 15px; padding-right: 15px }

	.bar-top { padding-right: 0; }
}

@media ( max-width: 991px)  { 
	h2.text-right-mobile { text-align: left; }
	
	.table-responsive-actions .show-total { text-align: left; }
	
	.modified-layout .fa-angle-double-right { display: none; }
	
	.ct-color-theme { width: 50%; }
	
	.file-boxes .file-box { width: 50%; }
	
	.table-head-actions .col-sm-6,
	.table-head-actions .col-sm-12 { padding-bottom: 15px; }
	
	.bar-col.bar-col-1of3,
	.bar-col.bar-col-2of3 { width: 100%; }
	
	.table-responsive-actions .mobile-text-right { text-align: right; }
	
	.ct-page-layouts .ct-color-theme { width: 50%!important; }
	
	.navbar-default .nav > .nav-header { padding: 15px 10px 15px 8px; }
	
	.paymentRequest span { top: 15px; font-size: 15px; }
	
	.jumbotron.white-bg .fa { float: left; margin-right: 10px; margin-top: -2px; }
	.jumbotron.white-bg .fa-paint-brush { margin-top: -7px; }
	.jumbotron .h3 { margin-top: 0; margin-bottom: 10px; }
	
	#wrapper { position: relative; }
	
	.navbar-default { background: #2f4050; }
	
	.bar-edit-pages .pull-left:first-child { display: none; }
	
	.navbar-static-side { display: block; top: 0; bottom: 0; z-index: 2050!important; }
	
	.body-small .navbar-static-side { display: block; width: 220px; }
	
	body.mini-navbar .navbar-static-side { width: 220px; }

	.nav > li > a { padding: 12px 15px; }

	.metismenu .arrow { position: absolute; right: 10px; top: 13px; }
	
	.mini-navbar .nav .nav-second-level,
	.mini-navbar li.active .nav-second-level { left: 100%; }

	.body-small .navbar-static-side { position: relative; }

	body.mini-navbar #page-wrapper { margin-left: 0; }

	body.mini-navbar .profile-element, 
	body.mini-navbar .nav-label, 
	body.mini-navbar .navbar-default .nav li a span { display: block; }

	body.mini-navbar .navbar-default .nav > li > a { font-size: 13px; }  
	
	.welcome-icon { display: none; }
	
	.navbar-right { margin-right: 0; }
	
	body::-webkit-scrollbar { background-color: #d9d9d9; width: 8px; }
	
	.mini-navbar .navbar-default .nav > li > div > .navbar-brand { margin-left: 4px; width: 43px; }
	
	.design-colors-boxes .jumbotron,
	
	.jumbotron-head { min-height: 0; }
	
	.lang-grid .table > thead > tr > th a.btn-primary { margin-top: 10px; display: block; }
	
	.navbar-top-links { margin-right: 15px; }
	
	.file-manager .ct-color-theme { width: 50%; padding: 0 15px; margin-right: 0; margin-bottom: 30px; }
	
	.preview-layout-color .thumbnail { max-height: 620px; }
	
	.ct-color-theme .thumbnail { max-width: none; }
	
	.bar-col-1of2,
	.bar-col-2of3,
	.bar-col { display: block; width: 100%; text-align: center; }
	.bar-col .bar-edit-pages { padding-left: 0; padding-right: 0; }
	.bar-col + .bar-col { border-top: 1px solid rgba(0,0,0,
		.1); }
	
	.navbar-top-links { text-align: center; }
	.navbar-top-links li:first-child { width: 50%; text-align: right; }
	.navbar-top-links li:nth-child(2) { width: 50%; text-align: left; }
	.navbar-top-links li:nth-child(3) { width: auto; text-align: center; border-left: 0; }
	.navbar-top-links li:nth-child(4) { width: auto; text-align: center; }
	.navbar-top-links li:nth-child(5) { width: auto; text-align: center; }
	.navbar-top-links li:nth-child(6) { width: 50%; text-align: right; }
	.navbar-top-links li:nth-child(7) { width: 50%; text-align: left; }
	.navbar-top-links li a { min-height: 32px; padding: 5px 15px; }
	
	.table-responsive { overflow-x: auto; overflow-y: hidden; }
	.table-responsive .badge { display: none; }
	
	.preview-website { padding-bottom: 10px; }
	
	.btn-sm-block { display: block; width: 100%; }
	
	input[type="submit"].btn-sm-block,
	input[type="reset"].btn-sm-block,
	input[type="button"].btn-sm-block { width: 100%; }
	
	.btn-block + .btn-sm-block,
	.btn-sm-block + .btn-block,
	.btn-sm-block + .btn-sm-block { margin-top: .5rem; }

	/* Wizard popup */

	.wp-group-upload { padding: 15px 0; }

	.wp-steps { width: 260px; margin-left: -130px; }

	.wp-col { float: none; display: block;  width: 100%; height: auto; align-items: stretch; justify-content: flex-start;}

	.wp-inner { min-height: 0; } 

	.wp-title { font-size: 24px; margin-bottom: 10px; }

	.wp-lead { margin-bottom: 0; font-size: 15px; line-height: 1.6; }

	.wp-steps { position: relative; bottom: auto; left: auto; margin: 15px 0 0; width: 220px; }

	.wp-step { height: 12px; }
	.wp-step:after { width: 12px; height: 12px; }
	.wp-step.active:after { width: 16px; height: 16px; margin-top: -2px; }

	.wp-step:before { margin-top: -1px; }

	.wp-close { top: 10px; z-index: 3; }

	.wp-slider .owl-item { display: block; height: auto; align-items: stretch; justify-content: flex-start; touch-action: auto; }

	.wp-col-2of3 { padding-top: 30px; }

	.wp-info { min-height: 0; margin: 0 10px 10px; width: auto; } 
	.wp-info .wp-inner { position: relative; display: none; }
	.wp-info .wp-inner.active { display: block; } 

	.wp-inner { max-height: none; }

	.wp-col-footer { position: relative; bottom: auto; left: auto; right: auto; margin-top: 15px; }

	.wp .layouts-holder { max-height: 415px; }

	.wp.active { overflow: auto; }

	.wp-step-done { margin-bottom: 15px; }

	.wp-info .wp-inner { overflow: hidden; } 

	.wp-cell { width: 33.3333%; }
	.wp-cell-secondary { width: 50%; }

	.wp-sublead { font-size: 15px; }

	.wp-col-2of3 { padding-top: 60px; padding-bottom: 30px; }

	ul.wp-inner li { float: left; width: 33.3333%; height: auto; }
	ul.wp-inner li.wp-col-3 { width: 33.3333%; height: auto; }
	ul.wp-inner li.wp-col-2 { width: 50%; height: auto; }
	ul.wp-inner li.wp-col-1 { width: 100%; height: auto; }

	ul.wp-inner .wp-lead { display: none; } 
	ul.wp-inner li.active > div { border: 0; color: #29b0e6; }
	ul.wp-inner li > div { padding: 10px; border: 0; }
	ul.wp-inner .wp-title { font-size: 18px; margin-bottom: 0; }

	ul.wp-inner .btn-holder { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; }

	ul.wp-inner li .btn-holder { display: none; }
	ul.wp-inner li.active .btn-holder { display: block; padding-left: 5px; padding-right: 38px; text-align: left; }

	.wp-btn-holder { display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; text-align: center; padding: 5px 40px 5px 5px;}
	.wp-btn-holder .btn { padding: 5px 10px; font-size: 16px; width: 100%; display: none; } 
	.wp-btn-holder .btn.active { display: block; }

	.wp-col-menu-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
	.wp-col-menu-content { height: calc(100vh - 46px); overflow: auto; padding-top: 70px; }

	.wp-list:last-child { margin-bottom: 21px; }

	.wp-menu-icon { display: block; }

	.wp-col-menu-content { height: 100vh; padding-top: 70px; padding-bottom: 55px;	}

	ul.wp-inner li > div { font-size: 26px; text-align: center; }

	.wp-close { position: fixed; right: 11px; z-index: 3; }
	
	.jumbotron-holder { display: block; }  
	.jumbotron-head { float: none; min-width: 0; max-width: none; display: block; align-items: stretch; justify-content: start; }
	.jumbotron-body { max-width: none; float: none; line-height: 1.5; }

	.bar-top-anchor { font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
	
	.bar-top { padding: 5px 0; }

	.bar-top-holder { position: absolute; top: -100%; right: 0; width: 100%; background-color: #384d61; margin: 0; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; display: none; }

	.bar-top-holder.active { top: 50px; display: block; }

	.bar-top-editor-nav { float: none; width: auto; text-align: right; padding: 15px 10px; border-top: 1px solid rgba(0,0,0,.1); }

	.bar-top-main-nav { float: none; width: auto; text-align: right; border-top: 1px solid rgba(0,0,0,.1); }

	.bar-top-menu-nav { float: none; width: auto; text-align: right; border-top: 1px solid rgba(0,0,0,.1) }

	.navbar-brand-custom,
	.bar-top-brand { position: relative; left: auto; top: auto; display: block; width: 101px; height: 30px; background-size: 101px 30px; margin: 5px 0 5px 10px;}
	
	.btn-toggle-menu { display: block; outline: none; }

	.bar-top-editor-nav-empty { display: none; }

	.wrapper-editor { min-height: calc(100vh - 50px); }
	
	.navbar-static-side, 
	#page-wrapper { min-height: calc(100vh - 89px)!important; }

	.bar-top-main-nav .bar-top-section { display: block; border: 0; margin-left: 0; }

	.bar-top .dropdown-menu { right: 0; left: auto;  }

	.bar-top-anchor { padding-top: 15px; padding-bottom: 15px; }

	#page-wrapper { padding-bottom: 0; } 

	.bar-top-section-nav-holder { width: auto; min-height: 0; display: block; border: 0!important; }
	.bar-top-section-nav-holder .bar-top-section + .bar-top-section { border: 0; }  
	.bar-top-section-nav-holder .nav-jump-to { display: none; }

	.bar-top-section-nav { width: auto; height: auto; display: block; position: relative; left: auto; top: auto; opacity: 1; visibility: visible }
 
	.bar-top-section-nav .bar-top-section, 
	.bar-top-section-nav .bar-top-section a { height: auto; display: block; }

	.bar-top-section-nav-holder:hover .bar-top-section-nav { width: auto; }

	#page-wrapper { width: 100%; }

	.wrapper-inner { padding-top: 50px; }
	
	.body-small.mini-navbar .navbar-static-side,
	body.mini-navbar .navbar-static-side,
	.navbar-static-side { position: fixed; top: 50px; left: 0; bottom: 0; width: 100%; overflow: auto; height: auto; min-height: 0; z-index: 2009; display: none; }
	
	.mini-navbar .nav .nav-second-level, 
	.mini-navbar li.active .nav-second-level,
	.mini-navbar .nav .nav-second-level { left: auto; position: relative; top: auto;  }

	.bar-top { position: fixed; top: 0; left: 0; width: 100%;  }

	.navbar-default.navbar-static-side.active { display: block; }

	.btn-toggle-engine-menu.active { display: block; outline: none; }

	.wrapper-container { padding: 0; }

	.wrapper-editor { padding: 10px; min-height: auto!important; height: 100vh; }

	.iframe-placeholder,
	.iframe-editor { height: calc(100vh - 70px)!important; margin-top: 50px; }
	
	/*.w-box { top: 60px; left: 10px; }*/
	.w-box { left: 10px; }

	.wrapper-content { padding: 10px; }

	.wrapper-container-inner { padding-top: 65px; }

	.wrapper-container { min-height: calc(100vh - 39px); }

	.w-box > ul > li:last-child { display: none; }

	.jumbotron-holder { margin-top: 15px; }

	.choose-template-layout .ct-page-layouts .ct-color-theme { width: 33.333%!important; }

	.bar-top { z-index: 2040;  }

	.dashboard-stats6 { width: 50%; }

	.tooltip { z-index: 2041; }

	.wp-slider {padding-top:30px;}
} 

@media ( max-width: 767px)  { 

	.wp-col { padding-top: 15px; }

	.wp-slider {padding-top:30px;}

	.page-heading .btn-group-languages { margin-top: 0; padding-top: 10px; margin-bottom: 15px; text-align: left; }
	
	.text-right-mobile { text-align: left; }
	
	.wt-thumbnail { max-width: 310px; margin: 0 auto 15px; }
	
	.show-total:after { clear: left; content: ""; display: table; zoom: 1; }
	.show-total .form-group { float: left; margin-right: 10px; }
	.show-total label { margin-top: 7px; }
	
	.timeline-item { position: relative; }
	.timeline-item .badge { position: absolute; top: 0; right: 0; margin-right: 5px; margin-top: 11px; }
	
	.donut-chart-holder { margin: 0 auto; }
	
	.stat-list { padding-top: 15px; }
	
	.donut-chart-legend { padding-top: 15px; margin-bottom: 0; }
	
	.search-group { margin-bottom: 15px; }
	
	.chat-users { height: auto; }
	
	.file-boxes .file-box { width: 50%; }
	
	.btn-xs-block { display: block; width: 100%; }
	
	input[type="submit"].btn-xs-block,
	input[type="reset"].btn-xs-block,
	input[type="button"].btn-xs-block { width: 100%; }
	
	.btn-block + .btn-xs-block,
	.btn-xs-block + .btn-block,
	.btn-xs-block + .btn-xs-block { margin-top: .5rem; }
	
	.table-responsive-actions .input-group,
	.table-responsive-actions .btn-group { margin-bottom: 15px; }
	
	.car-type { width: 50%; }
	
	.preview-website { padding-bottom: 15px; padding-top: 0; }
	
	.tabs-container .tab-tabs-mobile > li { float: left!important; }
	
	.paymentRequest span { top: 25px; font-size: 16px; }
	
	.dashboard-stats5 { width: auto; }
	
	.bar-col.bar-col-1of3,
	.bar-col.bar-col-2of3 { width: 100%; }
	.bar-top .btn-primary { margin-left: 7px; }
	
	.navbar-top-links { text-align: center; }
	
	.bar-edit-pages { padding-bottom: 5px; }
	
	.file-manager .ct-color-theme { width: 100%; padding: 0; }

	.wp-cell { width: 50%; }

	.iframe-slider .owl-nav button span { color: #29b0e6; }

	.iframe-slider .owl-nav .owl-prev { left: 0; }
	.iframe-slider .owl-nav .owl-next { right: 0; }

	.wp-list ul li { display: block; width: 100% }
/*
}
@media (max-width:  639px)  { 
*/
	.car-type { width: 100%; }
	
	.mobile-text-center,
	.mobile-text-right { text-align: center; }
	
	.btn-advance-search { display: block; }
	
	.ibox-content { padding: 15px; }
	
	.paymentRequest span { top: 15px; font-size: 14px; }
	
	.ct-page-layouts .ct-color-theme { width: 100%!important; }

	.wp-cell { width: 100%; }

	.wp-inner { padding-left: 0; padding-right: 0; }

	.wp-col-footer.text-right { text-align: left; margin-top: 30px; }

	.wp-grid { margin: 0; }

	.wp-cell { padding: 0; }

	.wp .layouts-holder { padding-right: 0; max-height: none;}

	.wp .ct-color-theme { width: 100%; padding: 0; margin: 0 0 15px; }

	.dropdown-lists { display: block; }
	.dropdown-lists ul { float: left; width: 50%; }

	.col-lg-8 .file-boxes .file-box { width: 50%; }
/*
} 
@media ( max-width:  479px)  { 
*/
	.go-to-page { margin-top: 10px; }

	.ct-color-theme { width: 100%; }

	.bar-choose-style,
	.bar-edit-pages { font-size: 12px; }

	.edit-reservation-widgets li { width: 100%; }

	.ibox-heading h3 { font-size: 18px; }

	.timeline-item .date { width: 100%; margin-bottom: 5px; text-align: left; }
	.timeline-item .date i { right: auto; left: 15px; border: 1px solid #e7eaec; }
	.timeline-item .content { border-bottom: 1px solid #e7eaec; border-top: 0; width: 100%; margin-bottom: 15px; border-left: 0; }
	.timeline-item .badge { margin-top: 4px; }

	.jumbotron { padding: 15px; }
	.jumbotron .h3 { font-size: 28px; }
	.jumbotron p { font-size: 14px; }

	.calendar-title { font-size: 21px; padding-top: 10px; }

	.file-boxes .file-box { width: 100%; }

	.gallery-sort,
	.gallery-search { float: none; padding: 0 15px; }

	.gallery-sort h5,
	.gallery-search h5 { float: none; margin: 0 0 5px; }

	.gallery-search .form-group,
	.gallery-sort .form-group { float: none; }

	.paymentRequest span { top: 10px; font-size: 12px; }

	.col-xs-mobile { text-align: center; width: 100%; }
	
	.jumbotron-holder { padding: 0; margin-top: 15px;}
	.jumbotron-holder p { line-height: 1.6; }

	.bar-edit-pages .btn-group { margin-bottom: 5px; }

	.tabs-container .nav-tabs > li a { border-color: rgba(0,0,0,.1); background-color: #fafafa; margin: 0; border-radius: 0; }

	.lang-grid .table > thead > tr > th:first-child, 
	.lang-grid .table > tbody > tr > td:first-child { min-width: 0; }

	.active .nav-second-level { display: block; }

	body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .active .nav-second-level.collapse { display: none!important; }
	body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .active .nav-second-level.collapse.in { display: block!important; }

	.wp .ct-color-themes { margin: 0; }

	.layouts-holder { margin-bottom: 0; }
	.table-responsive > .table > tbody > tr > td, 
	.table-responsive > .table > tbody > tr > th, 
	.table-responsive > .table > tfoot > tr > td, 
	.table-responsive > .table > tfoot > tr > th, 
	.table-responsive > .table > thead > tr > td, 
	.table-responsive > .table > thead > tr > th { white-space: normal; }

	.w-box { left: 0px; top: 50px; margin-top: 0; border-top: 1px solid #212d39; }
	.w-box > ul { border-top: 1px solid rgba(255,255,255,0.15); }

	.w-box-dropdown .dropdown-toggle { padding: 8px 10px; font-size: 20px; }

	.contact-support { display: block; }

	.chat-discussion { padding: 0; } 

	.chat-users { height: 210px; position: relative; top: auto; left: auto; bottom: auto; width: auto; }

	.chat-user { padding: 0; }

	.chat-message { padding-left: 10px; padding-right: 10px; }
	
	.chat-message-form .btn-primary span { display: none; }
	.chat-message-form .btn-primary .fa { display: block; font-size: 1.6em;}
	.chat-message-form .fileinput-new { font-size: 30px; padding-right: 0; }
	.chat-message-form .fileinput { top: 25px; }

	.choose-template-layout .ct-page-layouts .ct-color-theme { width: 50%!important; }

	.dashboard-stats6 { width: 100%; }
}

@media (max-height: 480px){
	.loginscreen { margin-bottom: 30px; margin-top: 30px; }
	.page-footer { position: relative; margin-top: 15px; bottom: auto; left: auto; }

	ul.wp-inner li.wp-col-3 > div {
		padding: 0 5px;
	}
	ul.wp-inner li.wp-col-3 .wp-title {
		font-size: 19px;
		margin-bottom: 5px;
	}
	ul.wp-inner li.wp-col-3 .wp-lead {
		font-size: 13px;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	ul.wp-inner li.wp-col-3 .btn-holder .btn {
		margin: 0;
	}
	ul.wp-inner li.wp-col-3 .btn-lg {
		padding: 7px 12px;
		font-size: 14px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	.iframe-placeholder,
	.iframe-editor {
		max-width: 100%!important;
		min-width: 100%!important;
		width: 0!important;
		height: 5555vh!important;
	}
	
	.sk-custom-wrap,
	#iframe-preloader {
	    width: 100%!important;
    height: 98vh!important;
    overflow-y: auto;
    overflow-x: hidden;
     position: relative; -webkit-overflow-scrolling: touch;
	}
}