.koLiveMessage{position:fixed;top:0;left:0;width:75%;background:#fff;padding:30px;border:50px solid #C00;border-width:0 0 0 50px;z-index:65500;box-shadow:0 0 20px rgba(0,0,0,0.5)}
.koLiveMessage.koLiveMessageSuccess{border-color:#390}
.koLiveMessage img {float:left;display:block;margin:10px 30px 0 10px}
.koLiveMessage p {overflow:auto}
.koLiveMessage a.koLiveMessageLink {color:#36F;text-decoration:none;border-bottom:1px solid #39F}
.koLiveMessage a.koLiveMessageLink:hover{border-bottom:none; color: #C00}
.koLiveMessage a.koLiveMessageClose {padding:10px 15px 10px 50px;color:#666;float:right;display:block;margin-top:-30px;margin-right:-30px;background:#CCC url(js/fancybox/fancy_close.png) 10px 10px no-repeat;height:30px;line-height:30px;}
.koLiveMessage a.koLiveMessageClose:hover{background-color:#999;color:#fff;text-decoration:none}
.koMessageAction{display:block;border:1px solid #ccc;border-width:1px 0 0 0;padding:20px 70px 0;margin-top:20px;}

#wxRemove{display:none;border-radius:0;height:100px;width:100px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);background:#C00;position:fixed;bottom:0;right:0;box-shadow:1px 1px 50px #F00;padding:1px;margin:0;text-shadow:2px 2px 7px rgba(0,0,0,0.3); font-size:50px;z-index:9999999;}
#wxRemove i{padding:0;position:absolute;top:25px;left:30px}
#XXwxRemove.wxRemoveActive,#XXwxRemove:hover{transition: all 100ms ease-in-out;;box-shadow:10px 10px 60px rgba(0,0,0,0.8);border-radius:100px;height:100px;width:100px}

#wxRemove .ui-state-highlight {border-radius:100px;height:80px;width:80px;margin:5px;display:block;background:rgba(0,0,0,0.001);box-shadow:inset 0 0 10px rgba(0,0,0,0.5);border:5px solid #F00;background:#C00}

#wxRemove .kedit{background:#F00}







#k_EditSave{display:none;position:fixed;bottom:0;right:0;background:#1A1A1A;left:0;text-align:left;padding:10px;color:#fff;height:50px;padding:0 20px 0 0;font-size:11px;color:#CCC;line-height:50px;z-index:65501;border-left:50px solid #1867E3}
#k_EditSave a {margin-left:6px;margin-right:6px;margin-top:6px;box-shadow:0 0 10px #000}
#k_EditSave a i {margin-right:5px;background-color:#1867E3;border:5px solid #1867E3;border-radius:10px}


#k_Edit {background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;bottom:0;right:0;z-index:99994;
	    transition: all 0.25s ease-in-out;display:none;}
#k_EditActive{position:absolute;right:0;z-index:65500;background:rgba(0,0,0,0.3);margin:-56px 29px 10px auto;padding:5px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;float:right;font-family:Signika,"Helvetica Neue", Helvetica, sans-serif;}

.k_Edit {font-family:Signika,"Helvetica Neue", Helvetica, sans-serif;position:absolute;/*overflow:auto*/;z-index:65404;padding:0;

height:1px;

top:5px;right:5px;left:0;text-align:right;display:none;
}
.k_Edit a{outline:none;display:inline-block;height:40px;line-height:40px;width:40px;text-align:center;position:relative;margin-left:3px;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.5);font-size:20px;}
.k_Edit a i{color:#fff;}
.k_Edit a span{display:none}
.k_Edit a.k_Move{cursor:move}
.k_Edit a.k_Remove{margin-right:-39px;opacity:0;transition:0.2s all;height:36px;width:36px;line-height:36px;margin-top:2px; }
span.k_EditMore{display:inline-block;position:relative;z-index:2}
span.k_EditMore:hover a.k_Remove{margin-right:3px;opacity:1}





#k_EditActive a.k_EditActiveApply:hover{background-color: #5BB75B;
background:linear-gradient(to bottom , #62C462 0%, #51A351 100%);box-shadow:0 0 15px rgba(0,0,0,1)}
#k_EditActive a.k_EditActiveApply{background-color: #006DCC;
background:linear-gradient(to bottom , #08C 0%, #04C 100%);box-shadow:0 0 15px rgba(0,0,0,0.8)}
#k_EditActive a.k_EditActiveCancel:hover{background:#C00}


/*.k_Edit a.k_Move {cursor:ns-resize;float:left;}*/
.kedit{position:relative;min-height:50px;clear:both;}
/*.kopageEditableActive .keditColumn .kedit{min-height:120px}*/
.kopageEditableActive .keditColumn {min-height:200px !important;background:rgba(0,0,0,0.1);outline: 2px dashed #fff;}
/*.kopageEditableActive .kedit.keditRow .keditColumn {min-height:100px;padding-top:15px;padding-bottom:15px;}
*/
.kopageEditableActive .k_Edit{display:none;}

.kopageEditableActive #headerContent,
.kopageEditableActive #footerContent{min-height:100px;}

.kopageEditableActive #header,.kopageEditableActive #footerContent{border:5px solid #FFD131;box-shadow:0 0 0 10px #FEB529,0 0 5px #FFD131,2px 2px 150px rgba(0,0,0,0.7);margin:1vh;
transform:scale(0.9);

}
.kopageEditableActive #footerContent{margin-top:0;margin-bottom:2vh}

.kopageEditableActive #header::after,
.kopageEditableActive #footerContent::after,
.kopageEditableActive #contentArea::after{

	content:attr(data-label);
	position:absolute;top:0;left:0;padding:10px 15px;font-size:25px;color:rgba(0,0,0,0.5);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:linear-gradient(#FEB529 0%,#FFD131 100%);/*z-index:65401*/

}

.kopageEditableActive #header::after{
	top:auto;bottom:0;
}

.kopageEditableActive #contentArea::after{color:rgba(255,255,255,0.5);background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);}

.kopageEditableActive #contentArea{border:5px solid #7EBAEC;

box-shadow:0 0 0 10px #2788DD,2px 2px 150px rgba(0,0,0,0.7);



margin:0 1vh;
transform:scale(0.9)}

.span12 .kedit .row-full-width{}







/* hide move button from header & footer */
/*.kedit.keditHeader .k_Edit a.k_Move,
.kedit.keditFooter .k_Edit a.k_Move{display:none;border:5px solid red;left:-9999px;}*/

body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) .kedit:not(.blockKeditActive):not(.kfilter):hover,.kedit.keditHover

{

		outline: 1px dashed rgba(0,0,0,0.3) ;
		outline: 1px dashed rgba(255,255,255,1) ;
		outline-offset: -4px;
		outline-color: invert;
		box-shadow: 0 0 20px rgba(0,0,0,0.5),inset 0 0 0 1px #7EBAEC,inset 0 0 0 4px #2788DD;

}
body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) .kedit:not(.blockKeditActive):not(.kfilter):hover::after, .kedit.keditHover:after

{

	content: attr(data-label)/*"Content Block"*/;
	position:absolute;top:4px;left:4px;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);
	color:rgba(255,255,255,0.9);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;line-height:30px;padding:0 10px; pointer-events:none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.1);


	z-index:65401; /*keditSeparator:65400, show above*/


}

.kedit.kfilter1:hover::before,
.kedit.kfilter2:hover::before,
.kedit.kfilter3:hover::before,
.kedit.kfilter4:hover::before,
.kedit.kfilter5:hover::before,
.kedit.kfilter6:hover::before,
.kedit.kfilter11:hover::before,
.kedit.kfilter12:hover::before,
.kedit.kfilter13:hover::before,
.kedit.kfilter14:hover::before,
.kedit.kfilter15:hover::before,
.kedit.kfilter16:hover::before,
.kedit.kfilter21:hover::before,
.kedit.kfilter22:hover::before,
.kedit.kfilter23:hover::before{top:4px;left:4px;right:4px;bottom:4px;}




/* Kedits in Footer are styled a bit different: */
body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) #footerContent .kedit:not(.blockKeditActive):not(.kfilter):hover,#footerContent .kedit.keditHover,


body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) #header .kedit:not(.blockKeditActive):not(.kfilter):hover,#header .kedit.keditHover

{

		box-shadow: 0 0 20px rgba(0,0,0,0.5),inset 0 0 0 1px #FFD131,inset 0 0 0 4px #FEB529;

}
body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) #footerContent .kedit:not(.blockKeditActive):not(.kfilter):hover::after,#footerContent .kedit.keditHover:after,

body:not(.keditLoading):not(.kopageEditingMode):not(.kopageEditableActive) #header .kedit:not(.blockKeditActive):not(.kfilter):hover::after,#header .kedit.keditHover:after

{

	content: attr(data-label);
	position:absolute;top:4px;left:34px;
	background:linear-gradient(#FFD131 0%,#FEB529 100%);
	color:rgba(0,0,0,0.5);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;line-height:30px;padding:0 10px; pointer-events:none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.1);

	z-index:65401; /*keditSeparator:65400, show above, repeat for k_EditHeader*/

}

/* .kopageEditableActive - when sortable (drag & drop) started */
.kedit .keditColumn .kedit::after{display:none}


/*
#footerContent{position:relative}

.k_EditHeader{position:absolute;top:4px;left:4px;line-height:30px;width:30px;text-align:center;display:none;color:#000 !important;z-index:2;font-size:15px;text-shadow:none;}
.kedit:hover .k_EditHeader{display:block;}
.kedit .keditColumn .k_EditHeader {display:none;}

*/

.kedit.kedit_noHover:hover{

		outline:0;

}


.keditFooter .kedit:hover {outline:none;box-shadow:none}

/*when sortable/draggable is not setup yet...*/
.keditLoading .k_Edit {display:none}
.keditLoading .kedit:hover {outline:none;box-shadow:none}

.kedit .keditPlaceholder {color:#000;display:block; background:#FFC; border:2px solid #FC0;padding:20px;text-align:center;font-size:14px;}
.kedit .keditPlaceholder span {display:none;}
.kedit .keditPlaceholder a {color:#F00; text-decoration:underline}

.keditActive,.keditActive.kedit:hover {

	box-shadow: 0px 0px 0px 10px rgba(255,255,255,1),
    0px 0px 0px 11px #333333,
    0px 0 30px 10px rgba(0, 0, 0, 0.4);
	outline:none;overflow:auto;

}


#splash .keditActive,#splash .keditActive.kedit:hover,
#footer .keditActive,#footer .keditActive.kedit:hover,
.sidebar .keditActive,.sidebar .keditActive.kedit:hover {

	padding:20px;
	box-shadow: /*0px 0px 0px 10px rgba(255,255,255,0.1),
    0px 0px 0px 11px #333333,*/
    0px 0 30px 10px rgba(0, 0, 0, 0.4);

	outline:1px dashed #000;

}

body:not(.kopageEditableActive) .kedit:not(.keditRow):not(.blockKeditActive):hover .k_Edit,body:not(.kopageEditableActive) .kedit.keditHover .k_Edit {display:inline-block;}
/*.kedit.keditRow:hover .k_Edit a,.kedit.keditHover .k_Edit a {display:inline-block;border:1px solid red}

:nth-of-type(1)
:nth-child(1)

body .keditRow div.k_Edit:first-child{display:block;height:100px;width:100px;border:1px solid red}

*/
.kedit.keditRow:not(.blockKeditActive):hover .k_Edit.keditLayout,.kedit.keditHover .k_Edit {display:inline-block;}

.kedit.keditRow .keditColumn {/*min-height:100px;*/padding-top:15px;padding-bottom:15px;}
.kedit.keditRow:not(.blockKeditActive):not(.keditFooter):hover .keditColumn {

	/*outline:2px dashed #ccc;outline-offset:-1px;*/
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.2);

}

/*.kedit.keditRow .keditColumn:blank {border:5px solid blue}*/

#kopageToolbar input, #kopageToolbar select, #kopageToolbar textarea { color:#000; }


.kopageEditableActive .keditSeparator{display:none;}
.kopageEditableActive .keditColumn{ box-shadow: 0 0 20px rgba(0,0,0,0.1);min-height:300px;}
.ui-sortable-helper .kedit{outline:0}
.ui-sortable-helper{
      background:#eee;
      border:2px solid #666;
	  transform:rotateZ(-2deg);
	  transition: transform 0.1s;
	  box-shadow:0 0 50px rgba(0,0,0,.75);
	  background-color:#fff;
	  background: linear-gradient(to top,rgba(0,0,0,0.1) 0%,#fff 100%);
	  max-height:300px;
	  overflow:hidden;
	  /*z-index:65405!important;*/z-index:999999;
}
.kopageEditableActive .ui-sortable-helper iframe {display:none;}

.koThemeDark .ui-sortable-helper{background: linear-gradient(to top,rgba(0,0,0,0.1) 0%,#000 100%);}

/*#dragHelper, when dragging new items to content area*/
#dragHelper,#k_TempSave{display:none;}
a.btn-live,.kedit-drag-widget{width:75px;display:block;;float:left;margin-right:15px;margin-bottom:15px;cursor:move;text-decoration:none; position:relative; color:#fff; text-align:center; text-wrap: suppress}
html body .kedit-drag-widget{min-width:250px;max-width:240px;width:240px;display:block;;float:none;margin:0;cursor:move;text-decoration:none; position:absolute;z-index:77777;padding:20px;font-size:15px;color:#fff; text-align:center;border-radius:5px;outline:2px dashed #fff;outline-offset:-5px;text-shadow:1px 0 1px rgba(0,0,0,0.5);max-height:90px}
.kedit-drag-widget i {font-size:50px;float:left;display:block;margin-right:15px;}

.wxSortPlaceholder{height:75px;line-height:75px;display:block;text-align:center; padding:0;display:block;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.5);margin:30px 10px;border:3px dashed #99CC00;transition: 0.5s all ease;box-shadow:inset 0 0 100px rgba(153, 204, 0, 0.5);}

/*a.btn.draggableModule {position:absolute;z-index:77777}
*/


a.btn-live strong {border:2px solid #000;border-radius:5px;display:block; opacity:0.5;background-image:url(../editor_images/sprite_live.png);background-repeat:no-repeat;width:75px;height:75px;line-height:75px;

			transition-duration: 0.2s;
			transition-property: transform;

z-index:3;
}
a.btn-live span {display:none;position:absolute;left:-10px;right:-10px;top:70px;font-size:11px;

color: #999;line-height:13px;padding:25px 5px 10px;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.5);
background:linear-gradient(to bottom , #131313 0%, #545454 100%);
z-index:2;
}


a.btn-live:hover span {display:block}
a.btn-live:hover strong {
transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
opacity:1;box-shadow:0 0 10px #000;background-color:rgba(0,0,0,0.5)}

a.btn-live.btn-live-module {width:120px;}
a.btn-live.btn-live-module strong{width:120px;background-image:none}




.kopageLeftToolbar {display:none;padding:0 20px 20px;}
.kopageLeftToolbarBottom{bottom:0}
#kopageToolbar .kopageLeftToolbar{display:block}

#kopageToolbar a {text-decoration:none;}
#kopageLeftToolbar a {transition: all 0.4s;}

.keditTemporaryHide{

	position:fixed;
	top:-9999px;
	left:-9999px;
	width:100px;
	height:100px;
	overflow:hidden;
	opacity:0;

}


/*loading*/
.kopageLoading {
  height: 100px;
  width: 100px;
  -webkit-animation: kopageLoadingRotation 1s infinite linear;
          animation: kopageLoadingRotation 1s infinite linear;
  border: 5px solid rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;

}

@-webkit-keyframes kopageLoadingRotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes kopageLoadingRotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



#k_EditSaveTip{opacity:1;padding:0 20px;display:inline-block}
#k_EditSaveTip.slideTip{opacity:1;margin-left:0;}



a.closePixlr{position:absolute;height:20px;display:block;text-align:center;top:-22px;right:0px;width:20px;background:#3E3E3B;color:#fff;text-decoration:none}
a.closePixlr:hover{background:#000}






/****** Kopage 3.0 *******/









/*.keditColumn{min-height:50px;}
.kopageEditableActive div.keditColumn{min-height:250px}*/


.hElementActive {background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0)100%);outline:1px dashed rgba(0,0,0,0.3); outline-offset:-3px}
.bodyTipHolder.hElementActive {background:none}

/* when mobile menu is in use (mobile devices), hide body settings and center title */
#mobileMenuBodyHolder .bodyTipHolder{display:none}

@media (max-width: 750px){
#mobileMenuBodyHolder .logoHolder {float:none;display:block;text-align:center}
}

#koHelper{position:absolute;z-index:65556;display:none}
#koHelper .koBg3{color:#fff;margin:0;border-radius:5px;box-shadow:2px 2px 20px rgba(0,0,0,0.5);padding:0;text-indent:0;font-size:16px;line-height:23px;height:26px;width:26px;text-align:center;text-shadow:1px 1px 5px #000;overflow:hidden}

#koHelper .koBg3.koBgHover-3 {display:block;}

#koHelper a i{color:#fff}
#koHelper div.koBg3 {width:200px;text-align:left;height:auto;display:none}
#koHelper:hover div.koBg3 {display:block;margin:2px 0}
#koHelper:hover a.btn {background:#000;}
#koHelper div a {display:block;padding:0 15px;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(0,0,0,0.3);font-size:13px;line-height:40px;height:40px}
#koHelper div a.koHelperSecondary{line-height:30px;height:30px;}
#koHelper div a.koHelperSecondary:not(:hover){background:rgba(0,0,0,0.3)}
#koHelper div a i {margin-right:10px;}

#koHelper.koHelperFooter:hover div {margin-top:-100px;margin-left:5px;z-index:65555}
#koHelper.koHelperBody {position:fixed}

.blockKeditActive{box-shadow:0 0 300px rgba(0,0,0,0.8),0 0 100px rgba(0,0,0,0.8);z-index: 65525;}





.kopageToolbarTabs{box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.kopageLeftToolbar{padding:0;}
.kopageToolbar_buttons a.btn-block{line-height:40px;text-align:left;margin:0 0 1px;border:0;border-radius:0;background:rgba(255,255,255,0.7)}
.kopageToolbar_buttons.kopageToolbar_input a.btn-block{border-radius:5px;;margin:0 0 5px;}
.kopageToolbar_buttons a.btn-block:hover{background:rgba(255,255,255,1)}
.kopageToolbar_buttons a.btn-block i {margin-right:10px;}


.kopageToolbar_input {position:relative;background:#fff;text-align:left;padding:10px;background:rgba(255,255,255,1);margin-bottom:1px;}
.kopageToolbar_input label {display:block;font-weight:normal;font-size: 12px;color:rgba(0, 0, 0, 0.5);padding:0;margin:0;text-align:left;padding-left:0;}
.kopageToolbar_input input {display:block;width:100%;border:0;background:rgba(255,255,255,1);font-size: 22px;padding:0;border-bottom:1px solid rgba(0,0,0,0.2);}




.kopageToolbarTabs{
	text-align:center;display:none;position:fixed;
	left:0;top:0;bottom:0;width:250px;
	box-shadow:0 0 25px rgba(0,0,0,0.3)
}
.kopageToolbarTabsTitle{
    position: relative;
    display: inline-block;
    font-size: 16px;width:250px;
    color: #FFF;margin:0;
}
.kopageToolbarTabsTitle input[type=checkbox]{
    display: none;
}
.kopageToolbarTabsTitle label{
    box-sizing: border-box;
    display: inline-block;
    width: 100%;margin:0;padding:0;font-size:13px;
    height:30px;line-height:30px;

    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; font-weight:normal;
    z-index: 2;position:relative;
}
.kopageToolbarTabsTitle label i {display:block;opacity:0.5;float:left;line-height:30px;padding:0 5px}
.kopageToolbarTabsTitle label:hover i {opacity:1}
.kopageToolbarTabsTitle  ul{
    position: absolute;
    list-style: none;
    text-align: left;
    width: 100%;max-width:250px;
    z-index: 1;
    margin:0;
    padding:0;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
    display: none;
	background:rgba(0,0,0,0.4);left:0;top:30px;bottom:0;right:0;
	position:fixed;z-index:10;
}


.kopageToolbarTabsTitle ul li{
    border-bottom: 1px solid #ADB0BA;
    cursor: pointer;
}
.kopageToolbarTabsTitle ul li a{
	display:block;
    padding: 0 15px;
    background-color: #fff;
    color: #222;
	line-height:49px;height:49px;
}
.kopageToolbarTabsTitle ul li a.smaller{
	line-height:39px;height:39px;
}

.kopageToolbarTabsTitle ul li a:hover{
    color: inherit;
    text-decoration: none;
    color: #FFF;
	background:#979AA4;
}
.kopageToolbarTabsTitle input[type=checkbox]:checked ~  label {
    background-color: #222;
}
.kopageToolbarTabsTitle input[type=checkbox]:checked ~  ul {
    display: block;
}



a.kopageToolbarTabsClose i,a.kopageToolbarTabsApply i,a.kopageToolbarTabsRemove i {vertical-align:middle;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}
a.kopageToolbarTabsClose,a.kopageToolbarTabsApply,a.kopageToolbarTabsRemove {position:absolute;right:-50px;top:30px;width:50px;height:50px;line-height:45px;color:#fff;padding:0;text-align:center}
a.kopageToolbarTabsClose:hover,a.kopageToolbarTabsApply:hover,a.kopageToolbarTabsRemove:hover {background:#000;color:#fff;}
a.kopageToolbarTabsApply {top:80px}
a.kopageToolbarTabsApply2 {top:130px}
a.kopageToolbarTabsRemove {top:80px;background: rgb(255,48,25);
		background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
}


/*#kopageToolbarMoreSettings,#kopageFManager{left:250px;top:0;bottom:0;position:fixed;display:none;z-index:1}*/
#kopageToolbarMoreSettings,#kopageFManager{left:250px;top:0;bottom:0;position:fixed;display:none;background:#fff}
#kopageMoreFrame,#fileManager{padding:0;position:relative;height:100%;width:700px;}
#kopageFManager{box-shadow:0 0 30px rgba(0,0,0,0.8);z-index:65557 /*65537 is tinymce modal*/;}
#kopageFManager_holder{background:#f5f5f5;height:100%;overflow:auto;overflow-x: hidden}

#kopageMoreFrame{box-shadow:0 0 5px rgba(0,0,0,0.5)}

/*from admin's CSS*/
.inAdminTitle{background:#CECECE;height:80px;line-height:80px;
	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);

	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);

	text-shadow:2px 2px 10px rgba(0,0,0,0.3)


}
.inAdminTitle h1{line-height:80px;text-indent:30px;color:#fff;margin:0;padding:0}
.nav.inAdminTabs a,.nav.inAdminTabs a:hover{border:0;border-radius:0;line-height:50px;font-size:16px;padding:0 15px;outline:0;margin:0}
.nav.inAdminTabs{margin:0}
.tab-content.inAdminTabs{background:#fff;padding:40px;margin:0;margin-bottom:80px;}
/*from admin's CSS-end*/

#kopageColors div {cursor:pointer;position:relative;z-index:2;}
#kopageColors div:hover {z-index:888}
#kopageColors div.koColorItem:hover {outline:3px solid #fff;z-index:999;position:relative;box-shadow:0 0 15px rgba(0,0,0,0.5)}

#kopageColors div.koColorItemNone{

  background-image: repeating-linear-gradient(45deg, #eee 0px, #eee 10px, #fff 10px, #fff 20px);
  text-shadow:1px 0 5px 1px rgba(255,255,255,0.5)

}

a.kopageMoreFrameClose {

	display:block;position:absolute;right:-80px;top:0;width:80px;height:80px;line-height:80px;
	text-align:center;color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.8);

	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);

}

a.kopageMoreFrameClose:hover,a.kopageMoreFrameClose.kopageMoreFrameSave_HTML:hover{background:#000;color:#fff}
a.kopageMoreFrameClose i {vertical-align: middle}

a.kopageMoreFrameClose.kopageMoreFrameSave_HTML{top:80px;background:#1865C5;background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);display:none;}
a.kopageMoreFrameClose.kopageMoreFrameClose_HTML{display:none;}



/* in-module toolbar */
.kedit .kopageInModuleToolbar,.kedit:hover .kedit .kopageInModuleToolbar{
	margin-top:-5px;opacity:0;display:block;position:absolute;
	text-align:left;
	z-index:65403;

	top:8px;left:8px;right:8px;
	border-radius: 5px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);font-size:13px;text-shadow: 0 1px 0 #000;
	font-family: Signika,"Helvetica Neue", Helvetica, sans-serif; cursor:default;
}

.kedit:hover .kopageInModuleToolbar,.kedit .kedit:hover .kopageInModuleToolbar{
	margin-top:0;opacity:1;transition:all 0.2s;
}

.kopageInModuleToolbar span {line-height:34px;color:#fff;padding:0 15px;}

.kopageInModuleToolbar a:not(:hover) {
    background: rgba(255,255,255,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.koBg3.kopageInModuleToolbar a,
#footerContent .koBg3.kopageInModuleToolbar a{

    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    margin: 3px 0 0 0;
    padding: 0 15px;
    text-wrap: none;
    display: inline-block;
	color:#fff!important;
	text-decoration:none;

}
.koBg3.kopageInModuleToolbar a i { opacity:0.7 }
.koBg3.kopageInModuleToolbar a:hover i { opacity:1 }

.koBg3.kopageInModuleToolbar a:hover,
#footerContent .koBg3.kopageInModuleToolbar a:hover {
	color:#111!important;text-shadow:1px 1px 0 rgba(255,255,255,0.5)
}

.koBg3.kopageInModuleToolbar span em { font-style:normal;  }
.koBg3.kopageInModuleToolbar span strong { font-weight:normal; opacity:0.7}
/* end of in-module toolbar */




/*.kopageToolbarTabs {background:rgba(255,255,255,0.8)}*/
.kopageToolbarTabsNavigation a {line-height:50px;height:50px;display:inline-block;cursor:pointer;width:125px;padding:0 10px;text-decoration:none;color:rgba(0,0,0,0.7);background:rgba(255,255,255,0.5);text-align:center;outline:0;float:left;}
.kopageToolbarTabsNavigation a:hover{outline:0;background:rgba(255,255,255,0.7);}
.kopageToolbarTabsNavigation a.active,.kopageToolbarTabsNavigation a.active:hover{background:#fff;color:#000;font-size:15px}

.kopageToolbarTabsContent{overflow:auto;clear:both;position:fixed;top:80px;bottom:0;left:0;width:250px;padding-top:0px;display:none}

#kopageContentToolbar_design,#kopageContentToolbar_menu,#kopageContentToolbar_colors,#kopageContentToolbar_fonts{top:130px;bottom:95px}
#kopageMoreThemesButton,#kopageMoreThemeCodeButton,.kopageModuesManagerButton{position:absolute;bottom:10px;left:10px;width:230px;}
#kopageMoreThemeCodeButton{bottom:50px;z-index:5;}

/*#kopageContentToolbar .kopageToolbarTabsContent .draggableItems a {background:#fff;border:0;border-radius:0;cursor:move;margin-bottom:2px;color:#000;font-size:15px;text-decoration:none}
#kopageContentToolbar .kopageToolbarTabsContent .draggableItems a img {max-width:230px}*/
#kopageContentToolbar .kopageToolbarTabsContent .draggableItems {padding:15px 0;}
#kopageContentToolbar .kopageToolbarTabsContent .draggableItems a {cursor:move;margin-bottom:7px;}
#kopageContentToolbar .kopageToolbarTabsContent .draggableItems a:hover {outline:2px dashed #555;outline-offset:-5px;}

.kopageToolbarSpacerWhite{border:0;padding:10px;margin:0;background:#fff;}
.kopageToolbarSpacer{border:0;padding:5px;margin:0;}

#kopageToolbar{
	position:fixed;
	bottom:0;
	left:0;right:0;
	z-index:65527;/*kedit=65401, 65537=tinymce-modal*/

	font-family:Signika,"Helvetica Neue", Helvetica, sans-serif;
}


.kopageToolbar_A {
	display:none;
	z-index:9991;
	position:absolute;
	bottom:60px;left:60px;padding:0;border-radius: 4px;

}

.kopageToolbar_B{height:40px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 12px 18px rgba(0, 0, 0, 0.4);}
.kopageToolbar_B .koSwitchInput {padding:0 5px;}
.kopageToolbar_B .koSwitchLabel {padding: 0px 4px 0px 10px;}
.kopageToolbar_B a.kopageToolbarVersion {background:transparent; color:rgba(255,255,255,0.5);text-shadow:none}
.kopageToolbar_B a.kopageToolbarVersion:hover {background: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,0.5)); color:#fff; opacity:1;text-shadow:1px 1px 1px #000}


a.basicModal__button:hover{text-decoration:none}
.basicModal h3 {color:#333}

.kopageToolbar_A ul {
	margin: 0;padding:0; position:relative;z-index:2;
	border-radius: 4px;width:auto;height:80px;
	/*box-shadow: 0 0 3px rgba(64,100,138,.3), 0 2px 4px #3b5c7f, 0 12px 18px rgba(64,100,138,.4);*/
	box-shadow: 0 0 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.4), 0 12px 18px rgba(0,0,0,.4);
}
.kopageToolbar_A button {color:#fff;text-decoration:none;border:0;border-radius:5px;line-height:60px;height:60px;width:60px;margin:10px;box-shadow:0 0 25px rgba(0,0,0,0.3)}
.kopageToolbar_A button:hover{background:#000;box-shadow:0 0 25px rgba(0,0,0,0.6)}
.kopageToolbar_A li {
	float:left;
	list-style: none;
	margin:0;padding:0;position:relative;z-index:1
}
.kopageToolbar_A a{

	border-left: 1px solid rgba(79,123,170,.4);
	border-right: 1px solid rgba(255,255,255,.3);
	color: #fff;
	display: block;
	font-size: 20px;
	height: 80px;
	line-height: 17px;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
  	text-align:left;padding:20px;
	max-width:23vw
}
.kopageToolbar_A a small{display:block;font-size:14px;line-height:14px;padding-top:3px;opacity:0.6;color:#fff}

.kopageToolbar_A a i { font-size: 37px; display:block;float:left;line-height:37px;
  text-align:center;margin:0 auto;padding-top:0;padding-right:15px;}

	.kopageToolbar_A li:first-child a {
		border-left: none;
/*		border-radius:4px 0 0 4px
*/	}
	.kopageToolbar_A li:last-child a {
		border-right: none;
		border-radius:0 4px 4px 0
	}
	.kopageToolbar_A a:hover {
		background: #fbdd32;
		background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);
		color: #000;
		text-shadow: 0 1px 0 #fff;
	}
	.kopageToolbar_A a:hover small {
		color: #000;
	}
	.kopageToolbar_A a:active{

		background: #8aafd5;
		background: linear-gradient(to bottom, #8aafd5 0%,#8db2d9 4%,#82aad3 30%,#7aa3cf 68%,#729cca 89%,#6b98c7 92%,#5d8bbc 96%,#5c8abb 100%);

		box-shadow: 0 2px 3px rgba(0,0,0,.3) inset;
		text-shadow: 0 -1px 0 #40648a;
	}


.kopageToolbar_A1{z-index:-1;position:absolute;left:80px;width:100%;top:70px;opacity:1;padding:15px 15px 0px;border-radius:0 6px 6px 6px;transition: all 100ms;}
.kopageToolbar_A1:hover{opacity:1}


.kopageStartGears.animated i{display:none;}
.kopageStartGears.animated {

	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);

}
.kopageStartGears {
  width: 100px;
  height: 100px;
  position: fixed;
  border-radius:20px;
  left:50px;bottom:50px;outline:0;

  overflow: hidden;
  margin: 50px auto 0;

	text-shadow: 0 1px 0 #000;color:#fff;text-align:center;vertical-align:super;line-height:130px;
	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);
  	box-shadow: 0 0 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,0.5), 0 12px 18px rgba(0,0,0,.4), inset 0 0 25px rgba(0, 0, 0, .4), 10px 10px 50px rgba(0,0,0,0.4);

}

.kopageStartGears:hover {background:#000;}
.kopageStartGears.animated:hover {
	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);
}

body.kopageEditingMode .kopageStartGears{display:none}


.kopageStartGear1 {

  position: relative;
  width: 100px;
  left: -25px;
  top: -70px;
  opacity:.8
}
.animated .kopageStartGear1.animated {
	  -webkit-animation: spin 10s linear infinite;
  -moz-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite;
  }

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

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

.kopageStartGear2 {

  position: absolute;
  top: 13px;
  left: 12px;
  width: 100px;
  opacity:.4
}
.animated
.kopageStartGear2.animated{
-webkit-animation: spiny 6s linear infinite;
  animation: spiny 6s linear infinite;
}

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

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

.WxEditableArea {min-height:50px;position:relative}

#k_inHeader{background:#fff;padding:10px 10px 0 0; overflow:auto; position:relative;}
#k_inHeader a{display:block;color:rgba(0,0,0,0.6);padding:0;min-height:30px;text-align:left; width:100%;border-radius:0 7px 7px 0;}
#k_inHeader a:hover{color:rgba(0,0,0,1)}
#k_inHeader a em {line-height:16px; display:block; font-style:normal; padding:8px 0 8px 30px;}
#k_inHeader a i{line-height:30px; position:absolute; top:12px;left:10px; display:inline-block; float:left;margin-right:10px;}

#kopageContentToolbar .draggableItems a.draggableModule{display:block;float:none;clear:both;min-height:50px;line-height:50px;background:#fff}




.row-no-padding .col-xs-6,.row-no-padding .col-xs-4{padding:0 2px;text-align:center}
	.row-no-padding a {text-align:center}




	.iconButtons i {margin:0 10px 0 0;}
	.iconButtons a {background:#fff;font-weight:bold;margin-bottom:5px;display:block;text-align:center;padding:15px 0;outline:none}
	.iconButtons.iconButtonsSmaller a {padding:10px 0}
	.iconButtons span{margin:0 auto;}









.field-wrap label {

  position: absolute;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color: #999DA9;
  -webkit-transition: all 0.15s ease;
          transition: all 0.15s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 22px;top:0;

}
.field-wrap label .req {
  margin: 2px;
  color: #1ab188;
}

.field-wrap label.active {
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;top:-70px;
  font-size: 14px;text-shadow:1px 1px 1px rgba(0,0,0,0.8);color:#fff;
}
.field-wrap label.active .req {
  opacity: 0;
}

.field-wrap label.highlight {
  color: #ffffff;
}

.field-wrap {
  position: relative;
  margin-top: 30px;
  margin-bottom: 5px;
}


.field-wrap input, .field-wrap textarea {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  background:rgba(255,255,255,0.5);
  border: 1px solid #ccc;
  color: #333;
  border-radius: 0;
  -webkit-transition: all .25s ease;
          transition: all .25s ease;
}
.field-wrap input:focus, .field-wrap textarea:focus {
  outline: 0;
  border-color: #1E73CF;box-shadow:0 0 10px #1E73CF;background:#fff;
}

.field-wrap textarea {
  border: 2px solid #a0b3b0;
  resize: vertical;
}




.field-wrap.field-image{background:none;padding:0;clear:both;

  margin-top: 30px;
  margin-bottom: 20px;

}
.field-wrap.field-image label.field-image{
  position:static;pointer-events:auto;text-align:left;width:100%;display:block;padding:0;overflow:auto}
.field-wrap.field-image input{font-size:12px;}


#footerBlockSettings{display:none;}

	/*.mce-content-body .mceNonEditable {border:5px dotted grey;cursor:not-allowed;overflow:hidden;height:50px;width:100px;background:rgba(255,255,255,0.5);content:" ";}*/




	.manageModulesList_holder{overflow:auto;overflow-x: hidden;height:100%;}

	.manageModulesList{padding:0 30px 30px;}
	.manageModulesList a{width:150px;height:150px;text-align:center;line-height:150px;;margin:10px 10px 0 0;background:#eee;border-radius:5px;display:block;float:left;text-decoration:none;}
	.manageModulesList a:hover{background:#ddd;;}

	.manageTemplatesList{padding:5px;margin:0;}
	.manageTemplatesList a{width:100%;height:230px;text-align:center;display:block;position:relative;text-decoration:none;
	border: 1px solid #ccc;
	border-radius: 4px;margin-bottom:5px;
	}
	.manageTemplatesList a span {line-height:30px;display:block;position:absolute; bottom:-1px;left:-1px;right:-1px;width:auto;
		transition: all 300ms;border-radius: 0 0 4px 4px;box-shadow:indent 0 0 10px rgba(0,0,0,1)}
	.manageTemplatesList a:hover span{background:#eee;}

	.manageModulesList a#kedit_modulePromptItems_New{color:#fff;}

	.manageFontsList li {width:50%;height:80px;line-height:80px;font-size:50px;float:left; list-style:none;overflow:hidden;text-align:center;position:relative;}
	.manageFontsList li span {position:absolute;bottom:0;left:0;display:block;height:20px;line-height:20px;font-size:12px;text-align:left;padding:0 10px;color:#FFF;font-family:Helvetica, Arial, sans-serif ;}
	.manageFontsList li:hover{box-shadow:0 0 30px rgba(0,0,0,0.2); cursor:pointer}


	.manageFontsList ul{margin:0;padding:0}
	.manageIconsList li{width:25%;height:120px;line-height:120px;box-shadow:inset 0 0 1px rgba(0,0,0,0.12)}

	#ko_font1,#ko_font2{width:100%;font-size:30px;

	color:#000;
	cursor: pointer;

	/*margin:0;text-indent:10px;height:80px;line-height:80px;padding: 0 15px;border:0;background: #FFF;border-radius: 4px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/

	transition: all 300ms; text-align:left
}
	input#ko_font1:hover,input#ko_font2:hover{/*background:#fefefe;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);*/background-color:#FFC}





/*mce-tinymce mce-tinymce-inline mce-container mce-panel*/
#toolbarTinyMCE{z-index:65511;position:fixed;top:0;left:0;right:0;text-align:center;padding:10px;box-shadow:5px 5px 35px rgba(0,0,0,0.5);display:none;}
.mce-tinymce.mce-panel{border:1px solid rgba(0,0,0,0.5);border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1), inset 1px 1px 0 rgba(255,255,255,0.3);}
a#ko_mce_save:hover{box-shadow:0 0 10px rgba(0,0,0,0.5), inset 0 0 0 2px rgba(255,255,255,0.5);}


.animated-fast{
	  -webkit-animation-duration: 0.25s;
	  -moz-animation-duration: 0.25s;
	  -MS-animation-duration: 0.25s;
	  -o-animation-duration: 0.25s;
	  animation-duration: 0.25s;
}

.k_EditEdit{
	  -webkit-animation-duration: 0.2s;
	  -moz-animation-duration: 0.2s;
	  -MS-animation-duration: 0.2s;
	  -o-animation-duration: 0.2s;
	  animation-duration: 0.2s;
}
.k_Move{
	  -webkit-animation-duration: 0.3s;
	  -moz-animation-duration: 0.3s;
	  -MS-animation-duration: 0.3s;
	  -o-animation-duration: 0.3s;
	  animation-duration: 0.3s;
}
.k_EditSettings{
	  -webkit-animation-duration: 0.4s;
	  -moz-animation-duration: 0.4s;
	  -MS-animation-duration: 0.4s;
	  -o-animation-duration: 0.4s;
	  animation-duration: 0.4s;
}

.kedit .btn{

	-webkit-user-select: auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto

	}

.kopageEditingMode {}
.kopageEditingMode .kedit:hover,.kopageEditingMode .kedit:not(.blockKeditActive):not(.kfilter):hover {outline:none;outline:0;box-shadow:none;}
.kopageEditingMode .kedit:hover .k_Edit {display:none}

body.kopageEditingMode .kedit.keditActive,body.kopageEditingMode .kedit:not(.blockKeditActive).keditActive:hover {box-shadow:0 0 500px rgba(0,0,0,0.7);outline:5px dotted rgba(255,255,255,0.7);outline-offset:5px;z-index:999;position:relative}

.kopageEditingMode #koHelper:hover div,.kopageEditingMode #koHelper {display:none;top:-9999px;left:-99999px;opacity:0}
.kopageEditingMode .hElementActive {background: inherit;outline: inherit; outline-offset: inherit}


/*white border when editing in tinymce... .keditActive, .keditActive.kedit:hover*/



/*.kedit:not(.blockKeditActive):not(.kfilter):hover,.kedit.keditHover{

		outline: 3px dashed #666;*/



.form-actions-fixed{position:fixed;z-index:99999;bottom:0;left:0px;right:0px;
background:linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0) 100%);border:0;/*5px solid rgba(255,255,255,0.3);*/
box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:0;border:0;text-align:center;background:#fff;height:80px;line-height:80px;;padding:0;margin:0
}
.form-horizontal .form-actions-fixed {padding:0}


.form-actions-fixed .btn-primary.btn-large{background-color:#1865C5;background:linear-gradient(to bottom, #36A8F3 0%, #37ACF5 4%, #1865C5 100%);height:50px;line-height:50px;border-radius:0;padding:0 30px;font-size:20px;border:1px solid #1865C5;transition: 0.1s all ease;-webkit-transition:0.1s all ease;-moz-transition:0.1s all ease;-ms-transition:0.1s all ease;-o-transition:0.1s all ease;
}
.form-actions-fixed .btn-primary.btn-large:hover{	background: #fbdd32;
	background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);
	color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border:1px solid #ffcf31}



.fileName .selectFileArea{cursor:pointer;line-height: 18px;font-size: 13px;}
.fileName .selectFileArea a{color: #08C;text-decoration: none;}

#kedit_modulePrompt,#kedit_initPrompt{display:none;position:fixed;background:rgba(0,0,0,0.8);top:0;bottom:0;left:0;right:0;z-index:999990;box-shadow:inset 0 0 200px #000;padding:10% 20%;color:#ccc;font-size:16px}
#kedit_modulePrompt a{color:#fff;text-decoration:none}

#kedit_modulePromptClose{font-size:40px;color:#fff;text-decoration:none;position:fixed;top:0;right:0;padding:30px;}
#kedit_modulePromptClose:hover,#kedit_modulePromptClose2:hover{background:#F00}
#kedit_modulePromptClose2{;padding:10px;font-size:12px}

#kedit_modulePromptTitle{color:#fff;font-size:22px;padding:20px;margin-bottom:20px;border-bottom:2px solid #999}
#kedit_modulePromptSubtitle{}
#kedit_modulePromptSubtitleEmpty{display:none}

#kedit_modulePromptItems {padding:30px 0;}
#kedit_modulePromptItems a:not(.koBg1),#kedit_modulePromptItems input {display:block;padding:15px 25px;margin:0 10px 10px 0;float:left;background:rgba(0,0,0,0.1);border:3px solid #1867E3;}
#kedit_modulePromptItems a:not(.koBg1):hover,a#kedit_modulePromptItems_New {border:3px solid #fff;background:#1867E3;box-shadow:0 0 10px #000}
a#kedit_modulePromptItems_New:hover{border-color:#144389;box-shadow:0 0 30px #000}

#kedit_modulePromptItems a{display:block;padding:15px 25px;margin:0 10px 10px 0;float:left;}
#kedit_modulePromptItems a.koBg1:hover{color:#000}


#kedit_modulePromptItems input,#kedit_modulePromptItems textarea{background:#fff;font-size:16px;color:#000;margin-bottom:10px}

#kedit_initPrompt{padding-top:4%}
#kedit_initPrompt #kedit_modulePromptTitle{
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
text-shadow: 3px 3px 0px #000;/*rgba(255, 255, 255, 0.5);*/
color: #fff
}
#kedit_initPrompt #kedit_modulePromptSubtitle{
font-size: 18px;
font-weight: 200;
line-height: 27px;
}
#kedit_initPrompt .well {background:rgba(0,0,0,0.5);margin:50px 0 0;padding:40px 40px;box-shadow:0 0 20px #000,0 0 70px #1867E3}
#kedit_initPrompt .well label {color:#ccc;font-size:15px;}
#newLogin,#newPass,#newEmail{margin:10px 0;padding:10px;font-size:18px;}
#newSubmit{margin-top:4px;}





#footerContent{position:relative}

.k_EditHeader{position:absolute;top:4px;left:4px;line-height:30px;width:30px;text-align:center;display:none;color:#000 !important;z-index:2;font-size:15px;text-shadow:none;

	z-index:65401; /*keditSeparator:65400, show above*/

}
.kedit:hover .k_EditHeader{display:block;}
.kedit .keditColumn .k_EditHeader {display:none;}
.k_EditHeader:hover{color:#fff !important;/*border-radius:3px;top:5px;left:5px;line-height:28px;width:28px*/}


.keditSeparator {
	height:25px;
	left:5%;right:5%;

	margin-top:-12px;position:absolute;

z-index:65405;
z-index:65400; /*k_Edit:65401, show below*/


opacity:0;transition:0.2s all ease;

}

.rowVCenter .keditSeparator{}



.keditSeparator div{height:7px;margin-top:10px;border-radius:20px;text-align:center;}
.keditSeparator a {display:none;padding:5px 10px;color:#fff;position:relative;top:-22px;outline:none}
.keditSeparator a span {display:block;border-radius:20px;padding:0;width:40px;height:40px;line-height:42px;box-shadow:0 0 5px rgba(0,0,0,0.5);}

.keditSeparator:hover {opacity:1;}
.keditSeparator:hover div {box-shadow:0 0 15px rgba(0,0,0,0.5);}
.keditSeparator a {display:inline-block}
.keditSeparator a:hover span {
	/*background: #fbdd32;
	background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);*/
}

.keditSeparator a i{color:#fff}
/*.keditSeparator a:hover i{color:#000}*/

.keditSeparator div,.keditSeparator span{
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%); /*koBg1*/

}
.keditSeparator a:hover span{
	background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%); /*koBg2*/
	background: #1865C5;
	background: linear-gradient(to bottom, #37ACF5 4%,#1865C5 50%);
}

/* now make this separator look diffenrent when in header/footer */
.keditSeparator.k_EditEmpty {position:relative;opacity:1;padding:40px 10%;margin-top:20px;margin-bottom:20px;height:auto;left:0;right:0;margin-left:5%;margin-right:5%;clear:both;border:2px dashed #FFA020;background:rgba(255, 160, 32,0.2)}
.keditSeparator.k_EditEmpty div{opacity:0}
.keditSeparator.k_EditEmpty:hover div{opacity:1}

#header .keditSeparator.k_EditEmpty{display:none}
#header:hover .keditSeparator.k_EditEmpty{display:block}

#header .keditSeparator div,#header .keditSeparator span,
#footerContent .keditSeparator div,#footerContent .keditSeparator span{
	background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%); /*koBg2*/
	color:#000;
}
#header .keditSeparator a:hover span,
#footerContent .keditSeparator a:hover span{
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%); /*koBg1*/

	background: #FEB92A;
	background: linear-gradient(to bottom, #fbdd32 0%,#ffcf31 50%,#FEB92A 100%); /*koBg2*/

	color:#000;
}

#header .keditSeparator a i,
#footerContent .keditSeparator a i{color:#000}
#header .keditSeparator a:hover i,
#footerContent .keditSeparator a:hover i{color:#000}



.kopageEditingMode .keditSeparator{display:none}

#keditSeparatorAdd {text-align:center;

/*border:3px solid #fff;margin:10px 15px;;box-shadow: 0 0 99999px  rgba(0,0,0,0.5),3px 3px 15px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.7);z-index:998;border-radius:5px;*/

font-family:Signika,"Helvetica Neue", Helvetica, Arial, sans-serif;position:relative;}
#keditSeparatorAdd h3 {padding:0 20px;margin:0;/*z-index:998;*/position:relative;line-height:50px;height:50px;font-size:17px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.3);position:relative}
#keditSeparatorAdd h3 a {position:absolute;top:0;right:0;bottom:0;width:50px;line-height:50px;font-size:25px;font-weight:normal;text-align:center;color:#fff;}
#keditSeparatorAdd h3 a:hover {color:#fff; background:#000; }

#keditSeparatorAdd .kopageToolbarTabsNavigation a {color:#000;font-weight:normal;font-size:15px;width:auto;padding:0 20px;margin-right:1px}

#keditSeparatorModal{overflow:auto;overflow-x:hidden}
#keditSeparatorModal label{ /*display:block; min-width:100px; height:60px; text-align: center; line-height:60px; background: linear-gradient(to bottom,#fff 0%,#ccc 100%);border:3px solid #ccc; float:left; border-radius:10px; box-shadow: 0 0 15px rgba(0,0,0,0.3); margin-right:10px;margin-bottom:10px; padding:0 15px; cursor:pointer;
*/

display:block;float:left;
margin-bottom: 10px;margin-right: 10px;
min-width: 200px;
background: #FFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
transition: all 200ms ease 0s;
padding: 0px;border-radius: 4px;cursor:pointer;
color: #666;


}
#keditSeparatorModal label span{
    display: block;
    margin: 10px;
    width: 250px;
    background-color: #EEE;
    padding: 20px;
    white-space: normal;
}

#keditSeparatorModal input {display:none;}
#keditSeparatorModal label:hover,#keditSeparatorModal input:checked + label{	background: #fbdd32; background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);
color: #333;}
#keditSeparatorModal input:checked + label{	color: #111; border-color:#999;
	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);
}
#keditSeparatorModal h4 {clear:both; color: #666; text-transform:uppercase; text-align: left}

a.keditQuickContent {position:relative;width:90px;height:90px;font-size:30px;line-height:80px;text-align:center;display:block;float:left;color:#000;background:#fff;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%);margin:5px; transition:all 100ms ease-in}

a.keditQuickContent i {color:#000}
a.keditQuickContent em { display:block; text-align:center;font-style:normal; font-weight:normal; font-size:14px; line-height:15px;position:absolute;bottom:10px;left:0;right:0;color:rgba(0,0,0,0.5)}

a.keditQuickContent:hover {font-size:32px;box-shadow:0 0 15px rgba(0,0,0,0.2);z-index:5}/*,*/
a.keditQuickContent:hover em{ color:rgba(0,0,0,0.9) }
a.keditQuickContent:hover i{ transform:rotateZ(-3deg);color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,0.3)}

.keditMoreContent {padding:20px 0; text-align:center;}
.keditMoreContent a {display:inline-block;margin-bottom:10px;width:100%;max-width:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all 200ms;padding:0;}
.keditMoreContent a:hover {box-shadow:0 0 15px rgba(0,0,0,0.2)}
.keditMoreContent a img {display:block;border:10px solid transparent;max-width:100%;height:auto;width:100%;}

@media (min-width: 750px){
.keditMoreContent a img {}
}

.keditMoreContent a span {display:block;margin:10px;background-color:#eee;padding:20px 0;white-space: normal}
.keditMoreContent a:hover span {


	background-color: #fbdd32;
	/*background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);*/

	}

/*.keditMoreContentApps a span {padding:20px;}*/

#keditSeparatorAdd .keditMoreContent{

clear:both;background:#fff;overflow:auto;;padding:10px; text-align:center;

}


/* one item in a row */
.keditMoreContent.keditMoreContent1{

	text-align:center;

}

/* two items in a row */
.keditMoreContent.keditMoreContent2{}

.keditMoreContent.keditMoreContent3{}


/* add edit-buttons on editable images */

.kedit a.keditInlineEdit {color:#fff;text-decoration:none;width:25px;height:25px;line-height:25px;text-align:center;border-radius:5px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);font-size:13px;color:#fff;display:none;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;outline:none}
.kedit a.keditInlineEdit i {font-size:13px;}
.keditImageWrap { position:relative; display:inline-block; max-width:100%;

/*z-index:11
*/
}

.keditImageWrap {position:relative}
.keditImageWrap a.keditImage  {
	transition:0.3s all;display:block;position:absolute;top:0;left:0;bottom:0;right:0;
	height:100%;width:100%;color:#fff;opacity:0;

	background: rgba(24, 101, 197, 0.5);
	background: linear-gradient(to bottom, rgba(54, 168, 243, 0.5) 0%,rgba(55, 172, 245, 0.5) 4%,rgba(24, 101, 197, 0.5) 100%);

	border-radius:1px;


}
.keditImageWrap:hover a.keditImage  {


	box-shadow:0 0 0 5px rgba(54, 168, 243,0.5);opacity:1;

	}
	.keditImageWrap a.keditImage i{opacity:0}
/*.keditImageWrap:hover a.keditImage.keditImageEdit {left:47px;}
.keditImageWrap:hover a.keditImage.keditLinkEdit {top:-10px;left:-10px;width:35px;line-height:35px;height:35px;font-size:12px;outline:none}*/

i.fa {position:relative;}
i.fa a.keditInlineEdit.keditIcon{display:block;opacity:0;position:absolute;height:100%;width:100%;top:0;left:0;bottom:0;right:0;color:#fff;transition:0.3s all;


	background: rgba(24, 101, 197, 0.5);
	background: linear-gradient(to bottom, rgba(54, 168, 243, 0.5) 0%,rgba(55, 172, 245, 0.5) 4%,rgba(24, 101, 197, 0.5) 100%);

	border-radius:1px;

	}
i.fa a.keditInlineEdit.keditIcon i{opacity:0}
i.fa:hover a.keditInlineEdit.keditIcon{box-shadow:0 0 0 5px rgba(54, 168, 243,0.5);opacity:1}

.keditVideoWrap{}

.keditIconWrap{box-shadow:none;border-radius:4px;transition:0.3s all;position:relative}
/*.keditIconWrap:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.2);margin-top:-2px;margin-bottom:2px;}*/.keditIconWrap:hover a.keditInlineEdit.keditIcon  {
	display:inline-block;position:absolute;left:2px;top:2px;
	font-size:13px;padding:0;color:#fff;
}

a a.keditInlineEdit.keditLinkEdit{display:block;opacity:0;position:absolute;;/*border-radius:50%;*/height:100%;width:100%;top:0;left:0;bottom:0;right:0;color:#fff;transition:0.3s all;


	background: rgba(24, 101, 197, 0.5);
	background: linear-gradient(to bottom, rgba(54, 168, 243, 0.5) 0%,rgba(55, 172, 245, 0.5) 4%,rgba(24, 101, 197, 0.5) 100%);/*hover: box-shadow:0 0 0 5px rgba(54, 168, 243,0.5);*/

	border-radius:1px;
	z-index:10;

}
a a.keditInlineEdit.keditLinkEdit:hover{box-shadow:0 0 0 5px rgba(54, 168, 243,0.5);opacity:1}
a a.keditInlineEdit.keditLinkEdit i{opacity:0}

.kedit a {position:relative}
.kedit a .keditLinkEdit{display:none;position:absolute;top:-12px;left:-12px;}
.kedit .koSquare a .keditLinkEdit {top:10px;left:auto;right:10px}

.kedit a .keditLinkEdit:not(:hover)  {background:rgba(0,0,0,0.1);color:#fff;}
.kedit a .keditLinkEdit:hover  {color:#fff}
.kedit a:hover .keditLinkEdit{display:inline-block;outline:none}

.keditImageWrap:hover a.keditImage:not(:hover)  {background:rgba(0,0,0,0.1)}
/*.koparsed .keditImageWrap a{display:none}*/

body #avpw_holder {
	z-index: 777777; position:relative;
}


/* center icon with:


  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  */



.keditNav {

	z-index:65402;
	display:none;
	position:relative;

	top:15px;width:40px;padding:0;height:40px;

}
.keditNav:hover {

	width:auto;height:50px;
}

.kedit:not(.keditRow):not(.blockKeditActive):hover .keditNav,.kedit.keditHover .keditNav,
.kedit.keditRow:not(.blockKeditActive):hover .k_Edit.keditLayout .keditNav,.kedit.keditHover .keditNav {
	display:inline-block;
}

.keditNav .stretchy-nav-bg {
	display:block;
	position: absolute;
	z-index: 1;padding:0;margin:5px 0 0;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	background: #9acd91;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-transition: height 0.2s, box-shadow 0.2s;
	-moz-transition: height 0.2s, box-shadow 0.2s;
	transition: height 0.2s, box-shadow 0.2s;
}
.keditNav:hover .stretchy-nav-bg {
	height: 100%;
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
	margin-top:0
}

.keditNav a {outline:none;}

.fa.keditNavTrigger {

	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	display:block;
	width: 40px;
	text-align:center;
	text-decoration:none;
	border-radius: 20%;
	margin-top:5px;

	font-size:20px;
	transition: all 0.3s;

}

.keditNav ul {

  display:none;
  position: relative;
  z-index: 2;
  padding: 60px 0 0;
  visibility: hidden;
  -webkit-transition: visibility 0.3s;
  -moz-transition: visibility 0.3s;
  transition: visibility 0.3s;
  text-align: right;

}

.keditNav:hover ul { display:block; }

.keditNav ul a {
  position: relative;
  display: block;
  height: 50px;
  text-align:center;
  line-height: 50px;
  width: 50px;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
}


.keditNav:hover ul {
  visibility: visible;
}

.keditNav .stretchy-nav-bg {

	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #8ac57f;
	-webkit-transition: width 0.2s, box-shadow 0.2s;
	-moz-transition: width 0.2s, box-shadow 0.2s;
	transition: width 0.2s, box-shadow 0.2s;

  	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);

}
.keditNav:hover .stretchy-nav-bg {
  width: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

#website .keditNav a {color:#fff;}
#website .keditNav ul a:hover {color:#000;}

.keditNav a.keditNavTrigger {

	display:block;

	left: 50%;
	right: auto;
	/*-webkit-transform: translateX(-50%) rotate(90deg);
	-moz-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	-o-transform: translateX(-50%) rotate(90deg);*/
	transform: translateX(-50%) ;


	background: #1865C5;
	background: linear-gradient(to right, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);

	color:#fff;

	box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.5);

}

.keditNav:hover a.keditNavTrigger.fa.fa-cog::before{content:"\f00d"!important}

.keditNav a.keditNavTrigger:hover {

  	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);
  	box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	color:#fff;

	box-shadow:0 0 30px rgba(0,0,0,0.5),0 0 10px rgba(0,0,0,0.7);

}

.keditNav:hover a.keditNavTrigger {

	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);
	box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	color:#fff;
	border-radius:50%;


	height: 60px;
	line-height: 60px;
	width: 60px;
	margin-top:-5px;

}
#website .keditNav:hover a.keditNavTrigger:hover {
  	background-color: #000;
  	box-shadow:1px 1px 20px rgba(0,0,0,0.7)
}


.keditNav:hover .keditNavTrigger {

	/*-webkit-transform: translateX(-50%) rotate(0deg);
	-moz-transform: translateX(-50%) rotate(0deg);
	-ms-transform: translateX(-50%) rotate(0deg);
	-o-transform: translateX(-50%) rotate(0deg);*/
	transform:  translateX(-50%)/* rotate(0deg);*/
}

.keditNav ul {
	padding-top: 0;
}

.keditNav ul li {
	display: inline-block;
	float: left;
}

.kedit .keditNav ul li:nth-of-type(2) {
  margin-right: 50px;
}

/* update nav for 3 items only (layout) */
.keditLayout .keditNav ul li:nth-of-type(3) {
  margin-left: 50px;
}
.keditLayout .keditNav:hover .stretchy-nav-bg {padding-left:200px;margin-left:25px}
.keditLayout .keditNav:hover ul {margin-right:-50px;}

.keditNav ul li a {

	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px; margin:0;
	color:#fff;
	box-shadow: 0 0 15px rgba(0,0,0,0);
	border-radius:50%;

}
.keditNav li {

 	opacity:0;
	transition: all 2s;

}
.keditNav:hover li {

 	opacity:0.8;
	transform: translateX(0) rotate(0deg);
	transition: all 2s, opacity 0.1s;

}

.keditNav:hover ul li:hover{opacity:1;}
.keditNav:hover ul li:hover a {

	text-shadow:1px 2px 0 rgba(0,0,0,0.2);
	background: #fbdd32;
	background: linear-gradient(to bottom, #fbdd32 0%,#ffeb34 4%,#fed430 50%,#ffcf31 100%);


  	color:#000; text-shadow:none;
  	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	opacity:1;
	transition: none;
}

.keditFooter .keditNav ul li:first-of-type,
.keditFooter .keditNav ul li:nth-of-type(4),
.keditHeader .keditNav ul li:first-of-type,
.keditHeader .keditNav ul li:nth-of-type(4),
.keditLayout .keditNav ul li:nth-of-type(2){
	display:none;
}

.keditNav ul li:nth-of-type(4) a {
	cursor:move;
}



/* Tooltips */
.keditNav ul span {

  position: absolute;

  left: 50%;
  top: 60px;
  width: auto;
  opacity: 0;
  visibility: hidden;

  color:#fff;

  padding:15px;

  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
  border-radius: 3px;
  font-size:15px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;

  -webkit-transform: translateY(10px)  translateX(-50%);
  -moz-transform: translateY(10px)  translateX(-50%);
  -ms-transform: translateY(10px)  translateX(-50%);
  -o-transform: translateY(10px)  translateX(-50%);
  transform: translateY(10px)  translateX(-50%);

}
.keditNav ul span::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.keditNav ul li:hover span {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
  box-shadow: 0 0 15px rgba(0,0,0,0.3)
}




.probadgeOverlay{position:absolute; top:0;left:0;right:0;bottom:0;border-radius:2px;
	 z-index:99999;
	background:rgba(0,0,0,0.4)

}

.draggableModule .probadgeOverlay{top:3px;left:3px;right:3px;bottom:3px;}
.probadge {

  z-index:99999;
  font-family: 'Helvetica Neue', sans-serif;
  font-size:16px;
  position: absolute;
  left: -5px;
  top: 19px;
  width:50px;
  background-color: #2888DD;
  -webkit-transform: rotate(-45deg) scale(1) skew(0deg) translate(10px);
  -moz-transform: rotate(-45deg) scale(1) skew(0deg) translate(10px);
  -o-transform: rotate(-45deg) scale(1) skew(0deg) translate(10px);
  -ms-transform: rotate(-45deg) scale(1) skew(0deg) translate(10px);
  transform: rotate(-45deg) scale(1) skew(0deg) translate(10px);
  text-align: center;
  color: white;
  padding: 0;
  border-top: 0px;border-radius:1px;
  line-height: 30px;text-align:center;
  margin: 0;
}
.probadge:after {
  content: ' ';
  position: absolute;
  right: -29px;
  top: 0px;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #2888DD;
}
.probadge:before {
  content: ' ';
  position: absolute;
  left: -29px;
  top: 0;
  border-left: 30px solid transparent;
  border-bottom: 30px solid #2888DD;
}

.probadge .fa-unlock {display:none;}
.probadgeHolder:hover .probadge .fa-unlock,.probadge:hover .fa-unlock {display:inline-block;}
.probadgeHolder:hover .probadge .fa-lock,.probadge:hover .fa-lock {display:none;}



#kopageVideobar{display:none;position:fixed;right:0;top:5%;bottom:5%;z-index:65503;background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.5); }

#kopageVideobarList{overflow:scroll;overflow-x:hidden;max-height:100%;box-sizing:border-box;padding-top:30px;max-width:400px;}
#kopageVideobarList a {font-weight: 300;overflow:auto;display:block; clear:both; text-decoration:none;padding:15px;}
#kopageVideobarList a strong {margin-left:60px;font-weight: 500;display:block;color:#000;}
#kopageVideobarList a em { font-style:normal;font-size:90%;display:block; font-weight: 300;color:#999; }
#kopageVideobarList a:hover{background:rgba(0,0,0,0.1)}
#kopageVideobarList a img {display:block;max-width:50px;float:left;}

#kopageVideobar .koBg1 {cursor:default;width:100%;box-shadow:0 0 5px rgba(0,0,0keditLinkEdit,0.5);line-height:30px;text-indent:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.4);position:absolute;z-index:2}
#kopageVideobar .koBg1 i {margin-right:5px; color:rgba(255,255,255,0.7)}
#kopageVideobar .koBg1 a {float:right;opacity:0.5;text-decoration:none;font-size:90%;color:#fff;padding-right:10px;}
#kopageVideobar .koBg1 a:hover{opacity:1}
#kopageVideobar a.kopageVideobarAction {position:absolute;z-index:65502;left:-30px;color:#fff;line-height:30px;width:30px;height:30px;padding:0;text-align:center}
#kopageVideobar a.kopageVideobarAction:hover{background:#000;color:#fff;}

#kopageVideobarShow {display:none;position:fixed;z-index:65504;top:30%;right:0;padding:0;text-align:center;width:30px;height:30px;line-height:30px;color:#fff;}
#kopageVideobarShow:hover{padding-right:3px;}

#kopageMenubarShow {display:none;position:fixed;z-index:65504;top:30%;right:0;padding:0;text-align:center;width:30px;height:30px;line-height:30px;color:#fff;margin-top:40px}
#kopageMenubarShow:hover{padding-right:3px;}

/*block settings: padding */
#kopageBlockPadding {text-align:center;background:#fff;padding:15px 0 10px;}
#kopageBlockPadding input{width:60px;font-size:15px;border:1px solid #999;margin:0 0 5px 5px;border-radius:3px;}
#kopageBlockPadding #k_bPaddingLeft{margin-right:5px;}



ul#koThemeCategory,ul#koThemeCategory ul{padding:0;margin:0;list-style:none}
ul#koThemeCategory{margin:10px -20px 10px 15px;box-shadow:0 0 7px rgba(0,0,0,0.3);border-radius:7px}
ul#koThemeCategory li{padding:0;margin:0;list-style:none;display:block}
.koThemeCategoryTitle{font-weight:bold;}
.koThemeCategoryTitle em{ font-style:normal; display:block;padding:5px 7px; border-bottom:1px solid rgba(0,0,0,0.05) }
.koThemeCategoryTitle ul li{font-weight: normal;}
#koThemeCategory a{display:block;padding:5px 7px;margin:0;text-decoration:none;color:#666; text-align:left}
#koThemeCategory a:hover{background:#f5f5f5;color:#333;}



/** inline editing, since version 3.1 **/
.keditable:not(:focus):hover{


	background: rgba(24, 101, 197, 0.2);
	background: linear-gradient(to bottom, rgba(54, 168, 243, 0.2) 0%,rgba(24, 101, 197, 0.2) 100%);/*hover: box-shadow:0 0 0 5px rgba(54, 168, 243,0.5);*/

	background:rgba(54, 168, 243,0.1);

	box-shadow:0 0 0 5px rgba(54, 168, 243,0.1),0 0 0 1px rgba(255,255,255,0.5);
	border-radius:1px;

}
.keditable:focus{outline:none;}
.keditable{position: relative}

.keditable:not(:focus):before{ white-space:nowrap;display:block;letter-spacing:0;pointer-events: none;opacity:0;content: "Editable Area";font-size:12px; transition:0.5s all;font-family:Helvetica, Arial, sans-serif ;background:rgba(0,0,0,0.7); color:#fff; padding:0 10px; height:25px;line-height:25px; box-shadow: 0 0 7px rgba(0,0,0,0.3);position:absolute;top:-22px;left:0px;z-index:2;border-radius:2px;transition:0.2s all;

	background: #555;
	background: linear-gradient(to bottom, #666 0%,#333 100%);

	box-shadow:1px 1px 5px rgba(0,0,0,0.2);

}

.keditable:not(:focus):hover:before{opacity:1;top:-25px}

.kedit.keditable:not(:focus):before{transition:none}
.kedit.keditable:not(:focus):hover:before{opacity:1;top:5px;left:5px;}

.keditable{}


.kToolbarMore,.kToolbarHeader{display:none}
#kToolbar{position:absolute;z-index:65406;bottom:0;left:0;height:44px;display:none}
#kToolbar .ktoolbar{display:inline-block;background:#fff;border:2px solid white;border-radius:5px;box-shadow:1px 3px 10px rgba(0,0,0,0.2);}
#kToolbar a{padding:0;;color:#555;border:2px solid #fff;;margin:0;line-height:36px;height:40px;min-width:40px;text-align:center;display:inline-block;border-radius:5px;outline:none;box-sizing:border-box;}
#kToolbar a:hover{}
#kToolbar a:hover i{font-size:110%;}
#kToolbar a i{transition:0.2s all;}


#kToolbar a:not(.koBg1):not(.koBg3):not(.ktoolbarToggle){background:#fff;background:linear-gradient(to bottom,#f5f5f5 0%,#eee 100%);}
#kToolbar a:not(.koBg1):not(.koBg3):not(.ktoolbarToggle):hover{background:#eee}

#kToolbar a.ktoolbarSave,#kToolbar a.ktoolbarCancel{color:rgba(255,255,255,0.7)}
#kToolbar a.ktoolbarSave:hover,#kToolbar a.ktoolbarCancel:hover{color:#fff;}
#kToolbar a.ktoolbarSave:hover i,#kToolbar a.ktoolbarCancel:hover i{font-size:120%;transition:0.2s all;}

#kToolbar a.ktoolbarToggle{background:#eee;background:linear-gradient(to bottom,#eee 0%,#ddd 100%);}






NEW_DRAG#header {padding:50px;
background-color: rgba(138,201,137,1.00);background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);

}

NEW_DRAG#contentArea {padding:50px;
background-color:#6CB2DE;background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}

NEW_DRAG#footerContent {padding:50px;
background-color: rgba(138,201,137,1.00);background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}

NEW_DRAG#headerBanner{}


.kopageToolbar_rollRight {position:relative;}
.kopageToolbar_rollRightHolder{display:block;width:230px;bottom:50px;left:10px;right:10px; background:#fff;padding:0;position:absolute;display:none;border-radius:7px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3);z-index:999}
.kopageToolbar_rollRightHolder div{padding:15px;overflow:auto; overflow-x:hidden; max-height:50vh}
.kopageToolbar_rollRightHolder ul{padding:0;margin:0;}
.kopageToolbar_rollRightHolder ul.nav:first{margin-top:15px;}
.kopageToolbar_rollRightHolder ul.nav a{padding:5px}

/*
.kopageToolbar_rollRightButton:focus ~ .kopageToolbar_rollRightHolder,
.kopageToolbar_rollRightHolder:hover,
.kopageToolbar_rollRightHolder:active{display:block}	*/

.kSwitch input {
	display:none
}

.kSwitch {
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
  /*padding: 10px 10px 10px 60px;*/
  padding:10px;
  position: relative;width:100%;
}
.kSwitch span {display:block;float:left; max-width:250px;font-weight:normal;color:#111}
.kSwitch span small {display:block;font-weight:normal;opacity:0.7;line-height:15px}
.koSwitchLive .kSwitch span {max-width:166px;}
.koSwitchLive .kSwitch {padding:0;margin:0}
.kSwitch i {

  background: #c5c5c5;
  background: linear-gradient(to bottom, #ddd 0%,#999 100%);
  border:0;border-radius:22px;
  display: inline-block;float:left;
  line-height: 22px;
  height: 22px;
  width: 36px;
  padding: 0;
  outline: none;
  margin-right:10px; position:relative

}
.kSwitch i::after {

  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;

  background: #fff;
  border-radius: 18px;
  text-align:center;color:rgba(0,0,0,0.3);
  font-style:normal;line-height:18px;

  transition: left .15s ease;


   font-family: FontAwesome;
   content: "\f00d";
   font-size:11px;
}
.kSwitch input:checked + i {

	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0%,#37ACF5 4%,#1865C5 100%);

}
.kSwitch input:checked + i::after {
  left: 16px;
   content: "\f00c"; color:#1865C5;
}
.kSwitch input:active + i::after {
  /*background: #efefef;*/ box-shadow:1px 1px 7px rgba(0,0,0,0.4);

}

#photosApiCatalogSearch,#panel_photosAPI{color:#555}