@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic&subset=latin,cyrillic,cyrillic-ext);

/*  ------------------------------------------------------------  */
/*  Global styles
/*  ------------------------------------------------------------  */


body { 
    margin: 0px;
    padding: 20px; 
    font-family: "Open Sans", Arial, san-serif;
    background:url(../img/gfdg435c4gg.jpg) no-repeat;
    background-attachment: fixed;
}
h1, h2, h3, h4, h5 { 
	padding: 0px; margin: 20px 0 20px 0; 
}
h2 {
    margin-bottom: 0px;
}
h4 {
    margin-bottom: 10px;
}
a {
	color: #000;
}
p { 
	margin: 8px 0; 
}

.wrap {
    position: relative;
    width: 1240px;
    min-height: 1300px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 6px;
    background: #fff;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #4B4B4B;
    background: rgb(211, 229, 229) url(../img/3453534.png) 30px center no-repeat;
    border-radius: 8px 8px 0 0;
    padding: 15px 15px 15px 150px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.header h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
}
.page-content {
    margin-top:140px;
}
/*.wrap {
	max-width: 700px;
	margin: auto;
}
.notice , 
.notice-2  {
	background-color: #fffec7; 
	padding: 10px; 
	line-height: 130%;
}
.notice-2 {
	background-color: #f4f4f4; 
	margin-top: 10px;
        margin-bottom: 30px;
}
#example { 
	padding: 20px 0;
}
img.left { 
	float: left;
	margin: 0 15px 10px 0; 
}
img.right { 
	float: right; 
	margin: 0 0 10px 15px; 
}
.ui-locker { 
	margin: 10px 0; 
}
.short { 
	font-size: 10px;
}
.example {
    margin-top: 40px;
}
#built-in-themes .title {
	font-style: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 25px;
}
#built-in-themes .title:first-child {
	margin-top: 0px;
}
#built-in-themes .pattern-background {
	background: url("../img/compare-bg.png");
	padding: 50px;
	box-shadow: inset 0 0 80px rgba(255,255,255,1);
}
.to-lock {
    background-color: #fefefe;
    padding: 20px;
}*/

/**
* Wizard
*/

.slg-example-content {
    padding: 140px 300px 0 300px;
}
.slg-setting-panel-right, .slg-setting-panel-left {
    position: absolute;
    top:160px; bottom: 0; left:0;
    width:300px;
    padding:0 25px;
}
.slg-setting-panel-right {
    left:auto; right:0;
}
.slg-setting-panel p {
    margin-bottom:5px;
    line-height: 1.2;
}
.slg-setting-panel p label {
    display:block;
    position:relative;
    font-size:14px;
    font-weight: 400;
}
.slg-setting-panel strong {
    font-size: 16px;
    color: #808080;
    font-weight: 400;
    font-family: 'trebuchet ms', san-serif;
}
.slg-setting-panel input[type="text"], .slg-setting-panel select, .slg-setting-panel textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    margin-top: 5px;
    border: 1px solid rgb(236, 235, 235);
    border-radius: 2px;
    outline: none;
    font-size: 14px;
}
.slg-setting-panel textarea {
    height:100px;
}
#slg-overlap-position, .slg-setting-panel p label[for="slg-overlap-position"],
#slg-overlap-intensity,  .slg-setting-panel p label[for="slg-overlap-intensity"] {
    display: none;
}
/*.slg-setting-panel-button-segment {

}*/
.slg-setting-panel-vk-access-controls.edit {
    position: relative;
    border: 2px dashed rgba(103, 58, 183, 0.35);
    background: #fff;
    padding: 5px 15px 15px;
    z-index:999;
}
.slg-setting-panel-button-wrap {
    position: relative;
}
.slg-setting-panel-button-wrap.edit {
    border: 2px dashed rgba(103, 58, 183, 0.35);
}
.slg-setting-panel-spinner{
    display: none;
    position: absolute;
    top: 0; bottom: 0;
    width: 100%;
    background: #FFFFFF url(../img/Loader.gif) center no-repeat;
    border: 1px dashed #DCDCDC;
    z-index: 9999;
}
.slg-setting-panel-button-segment ul {
    height: 530px;
    padding:0; margin:5px 0 0;
}
.slg-setting-panel-button-segment ul li {
    position: relative;
    border: 0;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: lighter;
    font-family: "Open Sans";
    color: #fff;
    line-height: 2.4;
    list-style: none;
}
.slg-setting-panel-button-segment ul li label {
    margin:0 0 0 30px;
    font-size: 13px;
    font-weight: 400;
}
.slg-setting-panel-button-segment ul li p {
    margin-top: 0;
}
.slg-setting-panel-button-segment ul li.edit {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top:0;
    z-index: 999;
}
.slg-sub-button-setting {
    display:none;
    width: 100%;
    height: 503px;
    padding:10px;
    color:#222;
    background-color: #F5F4F4;
    overflow: visible !important;
    z-index: 999;
}
.slg-setting-panel-button-segment ul li.edit .slg-sub-button-setting {
    display:block;
}
.slg-sub-button-setting label {
    margin: 0 !important;
}
.slg-btn-edit, .slg-btn-move  {
    position:absolute;
    top:5px;
    width:20px; height:20px;
    background:none;
    border:0;
    box-shadow: none;
    background-position: center center;
    background-repeat: no-repeat;
    outline: none;
}
.slg-btn-edit {
    right: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAFFSURBVHjajJK9K4VxGIavczqDj7CZ/A1mSf4Bg7JYzL4iJQadkiImJgb5WhSLkpSNkDJJJlnOcAwSyRmo4+MyeNTb4XTc9QzvcL33/XvuB5V/TJU6pd6pi/HNf8AGtUNdUT/UT3VLrasEVqu96rM6qC7FDz7U5TTlVQWsAk3APrAAXAMbQApozZQB64F1oB3YA/IBzANDgMDpX1Hr1X31Vu1Sz9SC2hrvflKb1XRKLY26CbQAA8Ao0AZMAEWgETgBDoH3pGONuq3eh+OR38qqw+E+o6Z+mGQduwF2R9S3APsCnE6CSXhNzaud6qn6qo4lHLNqpnQ/qLXqg9qjHkSH4+pIwjHz1x1kgGagEEu4Ac6BF2AWWAImo5pfSsc2H4H3GIC5OIpsORAA9VgtRq859ULtLxc1OSn1Ms5uB7gCctFpRX0NADoF5o8orQpOAAAAAElFTkSuQmCC');
    cursor:pointer;
}
.slg-btn-edit.process {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAACTSURBVHja1JNBCsMwDATX/VfiJE77/V4LoR9oHjG56KAaKZf0UoExLLtjWcYF0JW66WL9HLBJWk78g6TnlwL4VYEPsHS6gAHYgYfXFRirGZvTRgPfe38E8JDVddUibwbwkOxKAk5foUjC9rwS8mwnz7b2rIso3CwwdcAQ0odXM9YAPEXz6E3vJOwH+/Ja+f/PdAwANs+daEsnbn4AAAAASUVORK5CYII=');
}
.slg-btn-move {
    left: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAACGSURBVHjazFNJCsAgDIz+wNemR48R+tf2B9NL04okKi2FDgQhmWxDDACoAz7f4jIAeJZxI3u8meRukTBYQYPBI0R6iWgIVqM4AnIrou5Mk3ZpQgDYEEyMpNXgcSSiZIy4Gb7d8CWtLg9WkPYOrLH5tNYv/7yDGlJ110nkk8800kC7Lh7hGADM4ILN0urudQAAAABJRU5ErkJggg==');
    cursor: move;
}
.slg-setting-panel-locker-text {
    background: #F7F7F7;
    padding: 15px;
}
.slg-show-code-box, .slg-show-locked-content-box {
    display:inline-block;
    font-size:16px;
    color: #fff;
    text-decoration: none;
}
.slg-show-locked-content-box {
    border-bottom: 1px dashed;
}
.slg-locked-content-box {
    display: none;
}

.slg-code-box, .slg-locked-content-box {
    margin-top:10px;
}
.slg-code-box h4, .slg-locked-content-box h4 {
    margin:0 0 5px;
    font-size:16px;
}
.slg-code-box .slg-code-box-hint, .slg-locked-content-box .slg-code-box-hint {
    font-size: 13px;
    line-height: 1.4;
    color: #595858;
    margin-bottom: 15px;
}
.slg-code-box textarea, .slg-locked-content-box textarea {
    width:100%;
    padding: 10px;
    font-size:14px;
    box-sizing: border-box;
    /*box-shadow: inset 0 1px 5px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.7);*/
    background: rgba(242, 242, 242, 0.7);
    min-height: 115px;
    border:0;
    border: 1px solid rgb(236, 235, 235);
    border-radius: 2px;
    outline: none;
}
#slg-text-message {
    background: #fff;
}
.trumbowyg-box, .trumbowyg-editor {
    margin:0;
    width:100%;
    min-height: 150px;
}
.trumbowyg-modal-box input[type="text"] {
    margin:0;
}
#slg-code-box-2 {
    display:none;
    position:absolute;
    top:50%; left:50%;
    width:640px;
    height: 380px;
    margin:-190px 0 0 -340px;
    background-color:#fff;
    padding:20px;
    border:1px solid #CECECE;
    z-index:999;
    border-radius: 4px;
}
#slg-code-box-2 .slg-code-box-button-close {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: #f6f7f8;
    border: 1px solid #CECECE;
    color: #919191;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    line-height: 2;
    cursor:pointer;
    border-radius: 4px;
}
.slg-dark-layer {
    display:none;
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background-color:rgba(0,0,0,0.2);
    z-index:99;
}
.slg-locked-content-box textarea {
    height:150px;
}
#slg-code-box-1  textarea {
    height:100px;
}
#slg-code-box-2  textarea {
    height:312px;
}
.sortable-placeholder {
    border: 1px dashed #CCC !important;
    height:24px;
    background: none;
}
.slg-icon-help {
    display:inline-block;
    width:9px; height:9px;
    vertical-align: bottom;
    margin: 7px 7px 7px 3px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAClSURBVHjaTM8xakIBEATQ5/dbpxQhFtY25gDaaJEyVwjiFewSid7hNyoW3kMEq9h5hjQKhmBvkWYgWViGGWZnd2tVVUnNMEYbX1hhDmV6h37M3zF+YIhRgbcYjujiBc84YYD3EpMk7NHDFnW0sMFriWZM0+AIT9kAzRKXTMENDXwG4VJg6a+u6ODnn7YusMAhwmNSH8IPWBS454sZzrnlHD7A/XcAQ7sf3XnIdv4AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    cursor: pointer;
}
.slg-field-hint {
    display:none;
    position:absolute;
    width:300px;
    padding:15px;
    height: auto;

    border-top: 4px solid #000;
    border-radius: 0 0 5px 5px;
    z-index:9999;
    
    color: #fff;
    font-weight: normal;
    background-color: #000;
    border-color: #bce8f1;
}
.slg-field-hint a {
    color: #fff;
    text-decoration: underline;
}
.slg-field-hint a:hover {
    text-decoration: none;
}
.slg-field-hint:after {
    diplay:block;
    position: absolute;
    top:-20px; left: 40px;
    content: '';
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #000;
    border-top: 0;
    border-left: 0;
}

.slg-setting-panel-right .slg-field-hint:after {
    right: 25px;
    left: auto;
}

.slg-field-hint.show {
    display:block;
}

.slg-generator-wrap hr {
    border: 0px;
    border-top: 1px solid #f1f1f1;
    margin: 15px 0 0;
}

.slg-generator-wrap .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.slg-generator-wrap .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

input[type=checkbox], input[type=radio] {
    position: relative;
    top: 2px;
}

.slg-setting-panel-sticker-ucoz, .slg-setting-panel-sticker-joomla {
    margin-top:20px;
    border:1px dashed #929292;
    border-radius: 4px;
}
.slg-setting-panel-sticker-ucoz img, .slg-setting-panel-sticker-joomla img {
    width:245px;
    height: auto;
}
.slg-setting-panel-sticker-ucoz a, .slg-setting-panel-sticker-joomla a {
    display: block;
    color: #090B11;
    text-align: center;
    font-size: 16px;
    background: #F6F4DD;
    text-decoration: underline;
    border-top: 1px dashed #929292;
    padding: 5px;
}