* { margin:0; padding:0; outline: 0;  }

body { background:#fff; cursor: default; }

h1, h2, h3, h4, h5, h6 { line-height: normal; font-size: 10pt; padding: 0; margin: 0; } 

.clear { clear: both; float: none; }

button { border: 0; }


.loader { background: rgba(0, 0, 0, 0.7); z-index: 9999999; width: 100%; height: 100vh; position: fixed; top: 0; }
.loader .generate_loader, .loader .start_loader, .start_upload, .start_crop { display: none; margin-top: 150px; color: #fff; font-size: 30px; text-transform: uppercase; font-family: Oswald; text-align: center; } 
.loader .start_loader { display: block; margin-top: 150px; color: #fff; font-size: 30px; text-transform: uppercase; font-family: Oswald; text-align: center; } 

ul, ol, li { list-style-position: inside; font-size: 10pt; }

p { padding: 0; margin: 0; font-size: 10pt; }

#container { width:1060px; margin-top: 47px !important; height: 100%; background: #fff; position: relative; z-index: 9;}

.grid-stack { background: #fff; min-height: 600px; width: 100%; }
.grid-stack-main { padding-bottom:30px; }
.grid-stack-nested { background: none; height: 100%; min-height: 10px; width: 100%; position: relative; z-index: 9; }
.grid-stack-item-content { text-align: center; font-size: 20px; position: absolute; 
	-moz-box-shadow: 0px 0px 0px #1e1e1e;
	-webkit-box-shadow: 0px 0px 0px #1e1e1e; 
	box-shadow: 0px 0px 0px #1e1e1e;
	-webkit-transition: box-shadow 0.3s ease-in-out 0s;
	-moz-transition: box-shadow 0.3s ease-in-out 0s;
	-o-transition: box-shadow 0.3s ease-in-out 0s;
	-ms-transition: box-shadow 0.3s ease-in-out 0s;
	transition: box-shadow 0.3s ease-in-out 0s; position: absolute;
	background: transparent;
 }
 
 #body_wrapper { margin-top: -42px !important; padding-top: 42px;  }
 #body_wrapper #container { margin-top: -15px; }


.grid-true-content { }
.grid-item-top { z-index: 999;  }

.editable { cursor: text; }

.mce-inster-image-button button { cursor: pointer; padding: 2px 2px 2px 6px; border: 1px solid #CCC; background: #f0f0f0; border-radius: 3px; margin-top: -3px; }
.mce-inster-image-button button:hover { background: #fff; }

#static_previews { position: absolute; left: 0; top: 0; margin-top: 47px; }
#static_previews iframe { width: 100%; position: absolute; left: 0; top: 0; border: 0; }


.left_menu_control { position: fixed; left: 389px; width: 28px; height: 46px; top: 55px; background: url(images/ico_hide.png) no-repeat left top; cursor: pointer; }

#left { padding:0; width:389px; background:#444444; position: fixed; left: 0; top: 0; z-index: 100; } 
#left .icons { width: 289px; float: left; padding: 20px 0 20px 20px; }
#left .icons_container .ico { float: left; width: 70px; height: 74px; margin-right: 18px; margin-bottom: 20px; font-family: Oswald, Arial; color: #fff; font-size: 14px; display: block; text-align: center; margin-top: 5px; font-weight: 300; height: 140px; position:relative; cursor: pointer; }
#left .icons_container .ico .ico_name { display: block; margin-top: 9px; }
#left .icons_container .ico:nth-child(3n+3) { margin-right: 0; }
#left .icons .grid-stack-item { position: absolute; left: 0; top: 0; width: 95px; height: 145px; display: none !important; }

#left .main_menu { width: 80px; background: #333333; float: left;height:100vh; }
#left ul, #left li { list-style: none; margin: 0; padding: 0; text-align: center; }
#left .main_menu a { display: block; color: #fff; font-family: Oswald; margin-bottom: 20px; font-weight: 300; outline: 0 !important; }
#left .main_menu a.active { color: #00b3ff; font-weight: bold; }
#left .main_menu .logo { margin-bottom: 10px; }
#left .main_menu .ico_name { display: block; margin-top: 10px; }
#left .main_menu .separator { background: #fff; height: 1px !important; overflow: hidden; width: 100%; margin-bottom: 20px; }

#left .background_element { display: none; border-top: 1px solid #fff; padding-top: 20px; position: relative; width: 250px; }
#left .background_element .ct_bg { position: absolute; left: 50%; margin-left: -8px; top: -8px; background: url(images/arrow_top.png) no-repeat left top; width: 16px; height: 9px; }

#wallpapers .wallpaper { display: inline-block; width: 73px; height: 73px; border: 1px solid #fff; margin-right: 11px; margin-bottom: 11px; cursor: pointer; overflow: hidden; }
#wallpapers .wallpaper:nth-child(3n+3) { margin-right: 0; }
 
.background_current_image img { max-width: 70px; max-height: 70px; display: inline-block; vertical-align: middle; }
.background_current_image .remove_image { width: 28px; height: 28px; background: url(/images/ico_delete.png); display: inline-block; margin-left: 20px; vertical-align: middle; cursor: pointer; }   
 
#images_list .image { display: inline-block; width: 72px; height: 72px; margin-right: 12px; margin-bottom: 13px; cursor: pointer; }
#images_list .image:nth-child(3n+3) { margin-right: 0; }

.current_element_images .s_image { width: 72px; height: 72px; float: left; margin-right: 15px; margin-bottom: 15px; cursor: pointer; }
.current_element_images .s_image img { max-height: 100%; max-width: 100%; }
.current_element_images .s_image:nth-child(3n+3) { margin-right: 0; }

.current_element_colors .s_color { width: 55px !important; height: 55px !important; float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
.current_element_colors .s_color:nth-child(4n+4) { margin-right: 0; }


#background_image, #background_element_image, #list_image, #slider_image, #menu1_image, .standard_button1 { display: block; background: #fff; width: 250px; height: 47px; border-radius: 5px; font-family: Oswald; font-weight: 300; line-height: 47px; text-align: center; font-size: 20px; color: #333333; margin-bottom: 30px; cursor: pointer; }
#background_image:hover, #background_element_image:hover, #list_image:hover, #slider_image:hover, #menu1_image:hover, .standard_button1:hover {  box-shadow: inset 0 0 5px 3px #ccc; }

#subcategories_list .subcategories_group { width: 250px; }
#subcategories_list .subcategories_group .category { width: 70px; height: 74px; font-size: 12px; font-family: Oswald-light; display: inline-block; vertical-align: top; margin-right: 11px; text-align: center; margin-bottom: 11px; cursor: pointer; border-radius: 3px; color: #fff; }
#subcategories_list .subcategories_group .category:hover { cursor: pointer; }
#subcategories_list .subcategories_group .category .category_name { display: block; margin-top: 10px; }
#subcategories_list .subcategories_group .category:nth-child(3n+3) { margin-right: 0; }

.icons_group_header { clear: both; padding-top: 15px; margin-bottom: 10px; font-size: 14px; font-family: Oswald-light; color: #fff; border-bottom: 1px solid #bfbfbf; padding-bottom: 5px; position: relative; }
.icons_group_header span { position: absolute; right: 0; font-size: 10px; cursor: pointer; }
.icons_group_header span.green { color: #47d600; }

.preview_element { position: absolute; z-index: 999; padding: 5px; border: 1px solid #646464; border-radius: 5px; background: #fff; box-shadow: 0 0 5px #333; }
.preview_element .arrow_left { position: absolute; left: -20px; top: 50%; margin-top: -21px; display: block; width: 20px; height: 42px; background: url(/images/arrow_preview.png) no-repeat left top; }

.elements_group { border-top: 1px solid #fff; padding-top: 20px; display: none; width: 250px; position: relative; }
.elements_group .ct_bg { position: absolute; left: 50%; margin-left: -8px; top: -8px; background: url(images/arrow_top.png) no-repeat left top; width: 16px; height: 9px; }
#left .ico { float: left; width: 70px; height: 74px; margin-right: 18px; margin-bottom: 10px; font-family: Oswald-light, Arial; color: #fff; font-size: 12px; display: block; text-align: center; margin-top: 5px; font-weight: 300; position:relative; cursor: pointer; }
#left .ico_big { width: 240px; height: auto; margin: 0 0 20px 0; float: none; }
#left .ico_big img { max-width: 240px; }

#left .ico .remove_link { position: absolute; right: 0; top: 0; }

#left .go_back { width: 72px; height: 30px; line-height: 30px; font-family: Oswald; background: #fff url(images/arrow_go_back.png) no-repeat 9px center; font-size: 12px; color: #000000; border-radius: 4px; padding-left: 27px; cursor: pointer; float: left; font-weight: 300; margin-bottom: 35px; } 
#left .group_title { color: #fff; font-family: Oswald; font-size: 16px; float: right; margin-top: 3px; font-weight: 300; }


#left .ico .preview_image { width: 70px; height: 70px; }
#left .ico_big .preview_image { width: 250px; height: auto; }

#left .ico .preview_image img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

#left .ico .ico_name { display: block; margin-top: 9px; }
#left .ico:nth-child(3n+3) { margin-right: 0; }

.element_info { position: absolute; left: 2px; top: 2px; }
.element_info img { vertical-align: top; }
.element_info .more { display: inline-block; padding: 0 6px; line-height: 15px; border: 1px solid #e1e1e1; border-radius: 4px; font-size: 9px; color: #333333; background: #fff; font-weight: bold; display: none; vertical-align: top; }
.element_info .description { position: absolute; left: 2px; top: 22px; background: #fff; border: 2px solid #e1e1e1; border-radius: 4px; font-size: 12px; color: #000; text-align: left; padding: 5px; z-index: 99; display: none; }
.element_info:hover div { display: inline-block; }
.element_info .title { font-weight: bold; }
.element_info .tags { font-style: italic; }


.dropzone_content { width: 100%; height: 100%; background: url(images/add_photo.png) no-repeat center; position: relative; left: 0; top: 0; cursor: pointer; overflow: hidden; }
.dropzone_content .remove_image { width: 19px; height: 19px; background: url(images/ico_delete_small.png) no-repeat left top; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; }
.dropzone_content:hover .remove_image { display: block; }
.dropzone_content .edit_image { width: 19px; height: 19px; background: url(images/ico_edit_small.png) no-repeat left top; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; }
.dropzone_content:hover .edit_image { display: block; }
.dropzone_content img { max-width: 100%; max-height: 100%; }
.main_dropzone { position: absolute; left: 0; top: 0; z-index: 9; display: none; }
.main_dropzone .dropzone_close { position: absolute; left: 5px; top: 5px; background: #333; color: #fff; font-size: 10px; text-transform: uppercase; padding: 3px; cursor: pointer; z-index: 999; }

.grid-stack-item .controls{ display: none; } 
.grid-stack-item:hover .controls{ display: block; }

.grid-stack-item .grid-stack-item .controls{ display: none; }
.grid-stack-item:hover .grid-stack-item:hover .controls{ display: block; }

.controls { position: absolute; left: 0px; top: 0; margin-left: -38px; width: 38px; }
.controls .handle { width:28px; height:28px; background: url(images/ico_move.png) no-repeat left top; margin-bottom: 2px;  cursor: move; } 
.controls .ico_code { width:28px; height:28px; background: url(images/ico_code.png) no-repeat left top; margin-bottom: 2px; cursor: pointer; } 
.controls .ico_clone { width:28px; height:28px; background: url(images/ico_clone.png) no-repeat left top; margin-bottom: 2px; cursor: pointer; } 
.controls .ico_edit { width:28px; height:28px; background: url(images/ico_edit.png) no-repeat left top; margin-bottom: 2px; cursor: pointer; } 
.controls .ico_disable { width:28px; height:28px; background: url(images/ico_enable.png) no-repeat left top; margin-bottom: 2px; cursor: pointer; } 
.controls .ico_disable.off { background: url(images/ico_disable.png) no-repeat left top; } 
.controls .ico_remove { width:28px; height:28px; background: url(images/ico_delete.png) no-repeat left top; margin-bottom: 2px; cursor: pointer; } 

.grid-stack-nested .controls { margin-top: -38px; height: 38px; width: auto; margin-left: 0; width: 220px; text-align: left;  }
.grid-stack-nested .controls * { display: inline-block; }


#left .controls { display:none; }

#background_element_repeat { margin-top: 20px; }


.shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }

.editors { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 999999; width: 100%; height: 100vh; display: none; }
.editors .title { margin: 2%; font-size: 40px; color: #fff; font-weight: bold; }
.editors #editors_close, .editors #editors_save { color: #fff; line-height: 40px; padding: 0 30px; font-size: 16px; font-weight: bold; display: inline-block; cursor: pointer; }
.editors #editors_close:hover, .editors #editors_save:hover { background: #47d600; }

.mce-tinymce { position: fixed !important; top: 2px !important; width: 1040px !important; left: 50% !important; margin-left: -370px !important; }

#config_menu { position: fixed; z-index: 999; left: 50%; bottom: 15px; display: table; display: none; }
#config_menu .ico { border: 3px solid #fff; background: #444444; text-align: center; width: 66px; height: 66px; border-radius: 33px; cursor: pointer; display: table-cell; vertical-align: middle; }

.element_container { z-index: 99; display: none; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-top: 20px; padding-bottom: 20px; width: 260px; } 
/*.element_container * { font-family: Oswald !important;*/
.element_container .title, #elements .title { font-size: 16px; position: relative; color: #fff; font-weight: 300; margin: 0 0 10px 0; font-family: Oswald !important; }
.element_container .title .block_hover { position: absolute; right: 0; top: 0; font-size: 12px; cursor: pointer; }
.element_container .title .block_hover:hover { text-decoration: underline; color: #00b3ff; }
.element_container .buttons {  }
.element_container .button { width: 70px; height: 50px; line-height: 52px; display: inline-block; border-radius: 2px; vertical-align: middle; text-align: center; cursor: pointer; margin-right: 16px; margin-bottom: 20px; background: #ffffff; font-size: 12px; font-family: Oswald-light; position: relative; font-size: 12px; }
.element_container .button:nth-child(3n+3) { margin-right: 0; }
.element_container .button:hover, .element_container .active { background: #358dca; color: #fff; }
.element_container .ct_bg { position: absolute; left: 50%; margin-left: -8px; top: -8px; background: url(images/arrow_top.png) no-repeat left top; width: 16px; height: 9px; }
.element_container table td { vertical-align: top; }
.element_container .usage { position: absolute; right: 5px; top: 5px; background: #090; width: 8px; height: 8px; border-radius: 4px; display: none; }

.element_container .separator { height: 1px !important; overflow: hidden; background: #bfbfbf; }
.element_container .vertical_separator { width: 1px !important; overflow: hidden; background: #757575; margin-top: 27px; height: 82px; margin-left: 20px; margin-right: 20px; }
.element_container .small_minus, .background_element .small_minus { display: inline-block; background: url(images/ico_small_minus.png) no-repeat left top; width: 20px; height: 20px; cursor: pointer; }
.element_container .small_plus, .background_element .small_plus { display: inline-block; background: url(images/ico_small_plus.png) no-repeat left top; width: 20px; height: 20px; cursor: pointer; }

.element_container#save_settings_content input[type=text], .element_container#save_image_content input[type=text], .elements_group input[type=text], #subcategories_list input[type=text], #left input[type=text] { padding: 0 10px !important; color: #000; width: 240px !important; height: 44px !important; border: 1px solid #e5e5e5; margin-bottom: 15px; font-family: Oswald; font-weight: 300; }
.element_container#save_settings_content select, select { padding: 0 10px !important; width: 250px !important; height: 44px !important; border: 1px solid #e5e5e5; border-radius: 3px; margin-bottom: 15px; font-family: Oswald; font-weight: 300; }
.element_container#save_settings_content input[type=submit], .element_container#save_image_content input[type=submit], .elements_group input[type=submit], #left input[type=submit] { background: #00b3ff; color: #fff; font-weight: bold; height: 44px; padding: 0 30px; cursor: pointer; text-transform: uppercase; border: 0; border-radius: 3px; }
.element_container#save_settings_content input[type=submit]:hover, .element_container#save_image_content input[type=submit]:hover, #left input[type=submit]:hover { background: #a1ce75; }
.element_container#save_settings_content .keywords_list, .element_container#save_image_content .keywords_list { margin-bottom: 20px; }
.element_container#save_settings_content .keywords_list .keyword, #left .keywords_list .keyword  { margin: 0 5px 5px 0; height: 19px; line-height: 19px; padding: 0 30px 0 5px; color: #333333; font-size: 11px; text-transform: uppercase; border-radius: 3px; display: inline-block; background: url(images/delete_keyword.png) no-repeat right top #fff; cursor: pointer; }

#elements_search_result { margin-top: 20px; color: #fff; }

.state_info { position: fixed; left: 0; top: 100px; height: 40px; background: rgba(51,204,0,0.6); color: #fff; font-size: 30px; line-height: 40px; text-align: center; z-index: 9999; width: 100%; display: none; }

.element_container #opacity_slider_value { width: 35px; height: 26px; vertical-align: middle; text-align: center; border: 1px solid #d9d9d9; font-size: 16px; color: #646464; font-weight: 300; margin-left: 20px; }
.element_container #opacity_slider { display: inline-block; width: 147px; margin-top: 35px; }

.element_container .frame_types { }
.element_container .frame_types .type { width: 41px; height: 41px; display: inline-block; margin-right: 14px; border: 1px solid #d9d9d9; vertical-align: middle; text-align: center; cursor: pointer; background: #fff; margin-right: 8px; margin-bottom: 20px; }
.element_container .frame_types .type:hover { background: #a4d277; }
.element_container .frame_types .type.active { background: #a4d277; }
.element_container .frame_types .type:nth-child(5) { margin-right: 0; }

.element_container .menu_frame_types { }
.element_container .menu_frame_types .type { width: 41px; height: 41px; display: inline-block; margin-right: 14px; border: 1px solid #d9d9d9; vertical-align: middle; text-align: center; cursor: pointer; background: #fff; margin-right: 8px; margin-bottom: 20px; }
.element_container .menu_frame_types .type:hover { background: #a4d277; }
.element_container .menu_frame_types .type.active { background: #a4d277; }
.element_container .menu_frame_types .type:nth-child(5) { margin-right: 0; }

.element_container #border_weight { font-weight: bold; }
.element_container #border_weight_minus { height: 31px; width: 31px; background: url(images/ico_minus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 3px; display: inline-block; cursor: pointer; }
.element_container #border_weight_plus { height: 31px; width: 31px; background: url(images/ico_plus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 0; display: inline-block; cursor: pointer; }

.element_container .menu_border_weight { font-weight: bold; }
.element_container .menu_border_weight_minus { height: 31px; width: 31px; background: url(images/ico_minus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 3px; display: inline-block; cursor: pointer; }
.element_container .menu_border_weight_plus { height: 31px; width: 31px; background: url(images/ico_plus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 0; display: inline-block; cursor: pointer; }

.element_container .form_button_border_weight { font-weight: bold; }
.element_container .form_button_border_weight_minus { height: 31px; width: 31px; background: url(images/ico_minus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 3px; display: inline-block; cursor: pointer; }
.element_container .form_button_border_weight_plus { height: 31px; width: 31px; background: url(images/ico_plus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 0; display: inline-block; cursor: pointer; }

.element_container .form_field_border_weight { font-weight: bold; }
.element_container .form_field_border_weight_minus { height: 31px; width: 31px; background: url(images/ico_minus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 3px; display: inline-block; cursor: pointer; }
.element_container .form_field_border_weight_plus { height: 31px; width: 31px; background: url(images/ico_plus.png) no-repeat center #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0 0 0; display: inline-block; cursor: pointer; }

.element_container #border_schema { width: 74px; height: 54px; background: url(images/border_schema.png) no-repeat left top; margin: 25px 0 0 0; position: relative; }
.element_container #border_schema .border { cursor: pointer; width: 16px; height: 16px; position: absolute; }
.element_container #border_schema .border_top { left: 27px; top: 0; } 
.element_container #border_schema .border_right { left: 54px; top: 21px; } 
.element_container #border_schema .border_bottom { left: 27px; top: 38px; } 
.element_container #border_schema .border_left { left: 0; top: 21px; } 
.element_container #border_schema .active { background: url(images/green_active.png) no-repeat center; }

.element_container .menu_border_schema { width: 74px; height: 54px; background: url(images/border_schema.png) no-repeat left top; margin: 25px 0 0 0; position: relative; }
.element_container .menu_border_schema .border { cursor: pointer; width: 16px; height: 16px; position: absolute; }
.element_container .menu_border_schema .border_top { left: 27px; top: 0; } 
.element_container .menu_border_schema .border_right { left: 54px; top: 21px; } 
.element_container .menu_border_schema .border_bottom { left: 27px; top: 38px; } 
.element_container .menu_border_schema .border_left { left: 0; top: 21px; } 
.element_container .menu_border_schema .active { background: url(images/green_active.png) no-repeat center; }

.element_container #radius_schema { width: 56px; height: 54px; background: url(images/radius_schema.png) no-repeat left top; position: relative; margin: 20px 0 0 0; display: inline-block; vertical-align: top; }
.element_container #radius_schema .radius { cursor: pointer; width: 16px; height: 16px; position: absolute; }
.element_container #radius_schema .radius_topleft { left: 0; top: 0; }
.element_container #radius_schema .radius_topright { right: 0; top: 0; }
.element_container #radius_schema .radius_bottomleft { left: 0; bottom: 0; }
.element_container #radius_schema .radius_bottomright { right: 0; bottom: 0; }
.element_container #radius_schema .active { background: url(images/green_active.png) no-repeat center; }
.element_container #radius_slider { display: inline-block; width: 147px; margin: 40px 0 0 0; vertical-align: top; }
.element_container #radius_slider_value { width: 35px; height: 26px; vertical-align: top; text-align: center; border: 1px solid #d9d9d9; font-size: 16px; color: #646464; font-weight: 300; margin-top: 36px; }
.element_container #radius_minus { margin-left: 10px; margin-top: 39px; }
.element_container #radius_plus {  margin-top: 39px; }

.element_container #shadow_horizontal_slider, .element_container #shadow_vertical_slider, .element_container #shadow_size_slider, .element_container #shadow_blur_slider, .element_container #padding_top_slider, .element_container #padding_left_slider, .element_container #padding_right_slider, .element_container #padding_bottom_slider, .background_element #background_position_top, .background_element #background_position_left, .element_container #element_background_position_top, .element_container #element_background_position_left, .normal_slider { display: inline-block; width: 130px; margin: 10px 0 0 17px; vertical-align: top; }
.element_container #shadow_horizontal_slider_value, .element_container #shadow_vertical_slider_value, .element_container #shadow_size_slider_value, .element_container #shadow_blur_slider_value, .element_container #padding_right_slider_value, .element_container #padding_left_slider_value, .element_container #padding_top_slider_value, .element_container #padding_bottom_slider_value, .background_element #background_position_top_value, .background_element #background_position_left_value, .element_container #element_background_position_top_value, #left input[type=text].slider_input  { width: 35px !important; height: 26px !important; padding: 0 5px !important; vertical-align: top; text-align: center; border: 1px solid #d9d9d9; font-size: 16px; color: #646464; font-weight: 300; margin-top: 5px; }
.element_container #shadow_horizontal_slider_minus, .element_container #shadow_vertical_slider_minus, .element_container #shadow_size_slider_minus, .element_container #shadow_blur_slider_minus, .element_container #padding_left_slider_minus, .element_container #padding_top_slider_minus, .element_container #padding_right_slider_minus, .element_container #padding_bottom_slider_minus, .background_element #background_position_top_minus, .background_element #background_position_left_minus , .element_container #element_background_position_top_minus, .element_container #element_background_position_left_minus, .small_minus2, .small_minus3 { margin-left: 12px; margin-top: 9px; }
.element_container #shadow_horizontal_slider_plus, .element_container #shadow_vertical_slider_plus, .element_container #shadow_size_slider_plus, .element_container #shadow_blur_slider_plus, .element_container #padding_top_slider_plus, .element_container #padding_right_slider_plus, .element_container #padding_bottom_plus, .element_container #padding_left_slider_plus, .background_element #background_position_top_plus, .background_element #background_position_left_plus, .element_container #element_background_position_top_plus, .element_container #element_background_position_left_plus, .small_plus2, .small_plus3 {  margin-top: 8px; }

.color_select_field { width: 66px; height: 66px; border: 3px solid #fff; border-radius: 33px; cursor: pointer; margin: 20px 0 20px 0; box-shadow: 2px 2px 2px #666; background: #CCC; position: relative; }

.ui-slider { border: 1px solid #d3d3d3; height: 16px; }
.ui-slider .ui-slider-handle { background: url(images/slider_handle.png) no-repeat left top; width: 34px; height: 34px; border: 0; cursor: pointer; top: -7px; margin-left: -15px; }

.color_picker_content { position: absolute; left: 0; top: 0; z-index: 101; background: #fff; border: 1px solid #838383; display: none; }
.color_picker_content .lt_bg { position: absolute; left: -28px; bottom: 70px; width: 28px; height: 35px; background: url(images/container_bg_left.png) no-repeat left top; }
.color_picker { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; width: 266px; margin: 20px 11px 11px 11px; }
.color_picker .color { display: inline-block; width: 22px; height: 22px; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; cursor: pointer; margin: 0 !important; }
.color_picker_content .own_colors_title { font-size: 14px; color: #333333; font-family: Oswald; margin-left: 11px; }
.color_picker_content .own_colors { margin: 5px 11px 11px 11px; width: 266px; }
.color_picker_content .show_full_colorpicker { width: 38px; height: 38px; border-radius: 19px; background: #646464 url(images/ico_add.png) no-repeat center; border: 2px solid #fff; box-shadow: 1px 1px 1px 1px #666; cursor: pointer; display: inline-block; margin-bottom: 7px; margin-right: 5px; }
.color_picker_content .r_color { width: 38px; height: 38px; border-radius: 19px; border: 2px solid #fff; box-shadow: 1px 1px 1px 1px #666; cursor: pointer;  display: inline-block; margin-right: 5px; position: relative; margin-bottom: 7px; }
.color_picker_content .color_picker_close { position: absolute; right: 5px; top: 5px; font-size: 10px; cursor: pointer; }
.color_picker_content .color_picker_close:hover { text-decoration: underline; }
.r_color_delete { position: absolute; display: none; z-index: 102; cursor: pointer; width: 14px; height: 14px; }

.editable table td {
    min-width: 20px !important;
}

#box_config { display: none; }

.simplepanel { padding: 30px; }
.simplepanel .button { background: #090; color: #fff; border: 0; font-weight: bold; display: inline-block; padding: 10px; }
.simplepanel table { margin-top: 30px; margin-bottom: 30px; }
.simplepanel table td { padding: 20px; }
.simplepanel table tr:nth-child(even) td { background: #FFF; }

.add_page, .add_field, .add_line, .add_static_element { background: url(images/ico_pageadd.png) no-repeat left center; padding-left: 45px; line-height: 33px; color: #fff; font-size: 18px; font-family: Oswald; font-weight: 300; display: block; }

.pages_list { margin-top: 20px; width: 238px; }
.pages_list .row_page { line-height: 42px; background: #fff; font-size: 16px; color: #444444; border-radius: 5px; margin-bottom: 10px; display: block; vertical-align: top; position: relative; overflow: hidden; }
.pages_list .row_page.sub_page { margin-left: 20px; }
.pages_list .icopage { background: url(images/ico_left_dots.png) no-repeat center; width: 21px; height: 42px; display: inline-block; vertical-align: top; cursor: move; }
.pages_list .icopage.current { background-color: #9dce6c; }
.pages_list .page_link { padding-left: 10px; vertical-align: top; font-size: 14px; display: inline-block !important; line-height: 42px; color: #444 !important; }
.pages_list .page_edit { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(images/ico_pageedit.png) no-repeat center; }
.pages_list .page_delete { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(http://static.ex4.pl/icon/20/delete_red.png) no-repeat center; }
.pages_list .page_copy { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(http://static.ex4.pl/icon/20/combine.png) no-repeat center; }
.pages_list .page_url { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(http://static.ex4.pl/icon/20/chain.png) no-repeat center; }
.pages_list .icons_l { display: none; position: absolute; right: 0; top: 0; background: #f0f0f0; }
.pages_list .row_page:hover .icons_l { display: block; }
.pages_list .icons_l a:hover { background-color: #CCC; }
.pages_list .page_url_select { display: none; position: absolute; right: 0; top: 0; z-index: 99; background: #fff; border: 1px solid #333; border-radius: 4px; }

.backups_list { margin-top: 20px; width: 238px; }
.backups_list .row_page { line-height: 42px; background: #fff; font-size: 16px; color: #444444; border-radius: 5px; margin-bottom: 10px; display: block; vertical-align: top; position: relative; overflow: hidden; }
.backups_list .preview_link { padding-left: 10px; vertical-align: top; font-size: 14px; display: inline-block !important; line-height: 42px; color: #444 !important; }
.backups_list .restore { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(images/ico_pageedit.png) no-repeat center; }
.backups_list .row_page:hover .icons_l { display: block; }
.backups_list .icons_l { display: none; position: absolute; right: 0; top: 0; background: #f0f0f0; }
.backups_list .icons_l a:hover { background-color: #CCC; }

.static_elements_list { margin-top: 20px; }
.static_elements_list .row_element { line-height: 42px; background: #fff; font-size: 16px; color: #444444; border-radius: 5px; margin-bottom: 10px; display: block; vertical-align: top; position: relative; overflow: hidden; }
.static_elements_list .icopage { background: url(images/ico_left_dots.png) no-repeat center; width: 21px; height: 42px; display: inline-block; vertical-align: top; }
.static_elements_list .icopage.current { background-color: #9dce6c; }
.static_elements_list .page_link { padding-left: 10px; vertical-align: top; font-size: 14px; display: inline-block !important; line-height: 42px; color: #444 !important; width: 200px; }
#left .static_elements_list .page_move { line-height: 42px !important;; margin: 0 !important; width: 40px; !important; height: 42px !important; display: inline-block; z-index: 99; background: url(http://static.ex4.pl/icon/20/drag_left_right.png) no-repeat center !important; overflow: hidden; }
.static_elements_list .page_delete { line-height: 42px; width: 40px; height: 42px; display: inline-block; z-index: 99; background: url(http://static.ex4.pl/icon/20/delete_red.png) no-repeat center; }
.static_elements_list .icons_l { display: none; position: absolute; right: 0; top: 0; background: #f0f0f0; }
.static_elements_list .row_element:hover .icons_l { display: block; }
.static_elements_list .icons_l a:hover { background-color: #CCC; }

.lines_list { margin-top: 20px; }
.lines_list div { line-height: 42px; font-size: 16px; color: #fff; border-radius: 0; margin-bottom: 20px; display: block; vertical-align: top; position: relative; overflow: hidden; border-bottom: 1px solid #FFF; }
#left .lines_list div input[type=text] { width: 60px !important; text-align: center; }
.lines_list .line_delete { position: absolute; right: 0; top: 0; line-height: 42px; width: 40px; height: 42px; display: block; z-index: 99; background: url(images/ico_delete.png) no-repeat center; }

.form_list { margin-top: 20px; }
.form_list div { line-height: 42px; background: #fff; font-size: 16px; color: #444444; border-radius: 5px; margin-bottom: 10px; display: block; vertical-align: top; position: relative; overflow: hidden; }
.form_list .icopage { background: url(images/ico_left_dots.png) no-repeat center; width: 21px; height: 42px; display: inline-block; vertical-align: top; }
.form_list .icopage.current { background-color: #9dce6c; }
.form_list .field_link { padding-left: 10px; font-size: 14px; vertical-align: top; display: inline-block !important; line-height: 42px; color: #444 !important; width: 200px; }
.form_list .field_edit { position: absolute; right: 0; top: 0; line-height: 42px; width: 40px; height: 42px; display: block; z-index: 99; background: url(images/ico_pageedit.png) no-repeat center; }

.menulist li { display: inline-block; position: relative; }
.menulist li a {display: block; }
.menulist .submenu { display: none;  position: absolute; z-index: 99; }

.images_list { padding: 5px; min-height: 72px; }
.images_list .image { display: block; float: left; width: 72px; height: 72px; margin-right: 12px; margin-bottom: 13px; cursor: pointer; text-align: center; position: relative; }
.images_list .image .remove { position: absolute; right: 0; top: 0; width: 28px; height: 28px; cursor: pointer; background: url(images/ico_delete.png); }
.images_list .image .move { position: absolute; left: 0; top: 0; width: 28px; height: 28px; cursor: pointer; background: url(images/ico_move.png); }
.images_list .image img { max-height: 100%; max-width: 100%; }
.images_list .image:nth-child(3n+3) { margin-right: 0; } 


.slider_content_absolute { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 1920px; }

.slider_content .ls-layer { display: none; }
.slider_content .ls-layer:nth-child(1) { display: block; }
.slider_content .ls-layer img { max-width: 100%; max-height: 100%; }

.form-row { margin-bottom: 10px; text-align: left; }
.form-row label { width: 65px; font-size: 18px; color: #010f34; font-weight: normal; vertical-align: top; margin-top: 3px; display: inline-block; font-family: Arial;  }
.form-row input[type=text], .form-row textarea { border: 1px solid #d5f0fe; padding: 5px; width: 300px; border-radius: 0; font-size: 14px; color: #000; box-shadow: none; font-family: Arial; }
.form-row textarea { height: 130px; }
.form_content input[type=submit] { width: 112px; height: 35px; background: #010f34; font-size: 16px; color: #afe3fe; border: 1px solid #afe3fe; font-weight: normal; cursor: pointer; } 

.master_absolute_slider { position: absolute; text-align: center; z-index: 0; width: 100%; overflow: hidden; }
.master_absolute_slider .ls-layer { display: none; text-align: center; overflow: hidden; width: 1920px; }
.master_absolute_slider .ls-layer:nth-child(1) { display: block; }
.master_absolute_slider .ls-layer img { height: 100%; }

#lines .line_horizontal, #page_borders .line_horizontal { position: absolute; pointer-events: none; width: 100%; height: 1px; background: #4affff; z-index: 999; top: 0; left: 0; }
#lines .line_vertical, #page_borders .line_vertical { position: absolute; pointer-events: none; width: 1px; height: 100%; background: #4affff; z-index: 999; top: -2px; left: 0; }
#lines .hover { background: #F00 !important; }


.grid-stack-item-content:hover { outline: 1px dashed #333;  cursor: default; }

 
#page_backgrounds .bg_page { position: absolute; left: 0; display: none; top: 0; z-index: -1; width: 100%; height: 100%; }
#page_backgrounds .bg_page img { max-width: 100%; }
#page_backgrounds .bg_page:first-child { display: block; }

#element_info_prop { position: fixed; right: 0; top: 0; text-align: right; background: #333; height: 45px; line-height: 45px; width: 100%; color: #fff; z-index:99; }

.images_toolbar { position: absolute; right: 0; top: 0; display: none; z-index: 99; background: #333; position: fixed; height: 45px; line-height: 45px; width: 100%; text-align: center; }

.static_element_preview { position: relative; }
.static_element_hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; display: none; font-size: 25px; font-weight: bold; }
.static_element_preview:hover .static_element_hover { display: block; }

.grid-stack > .grid-stack-item > .static_element_container .ui-resizable-handle  { display: none !important; }

#bg_temp_box { position: absolute; left: 0; top: 45px; width: 100%; }
#bg_temp_box div { position: absolute; left: 0; top: 0; width: 100%; }

#map_temp_box { position: absolute; left: 0; top: 45px; width: 100%; }
#map_temp_box div { position: absolute; left: 0; top: 0; width: 100%; }


.cform { display: none; font-size: 12px; font-family: Oswald; font-weight: light; height: 45px; line-height: 45px; vertical-align: top; position: absolute; left: 50%; margin-left: -85px; }
.cform input { width: 40px; }

.ico-rwd { display: inline-block; padding: 0 5px; height: 45px; line-height: 45px; vertical-align: top; }
.ico-rwd:hover, .ico-rwd.current { background: #47d600; }


.ico-preview, .ico-logout { height: 45px; line-height: 45px; vertical-align: top; color: #fff; display: inline-block; font-size: 12px; font-weight: light; font-family: Oswald; padding: 0 4px; }
.ico-preview:hover, .ico-logout:hover { background: #47d600; color: #fff; text-decoration: none; }
.ico-preview img { margin-top: -2px; } 
.ico-logout { margin-right: 10px; }
.show-borders-button { height: 45px; line-height: 45px; vertical-align: top; color: #fff; display: inline-block; font-size: 12px; font-weight: light; font-family: Oswald; padding: 0 4px; }

.ico-preview img, .ico-logout img { vertical-align: middle; margin-right: 11px; }

.ico-separator { height: 28px; line-height: 28px; width: 1px; overflow: hidden; background: #9b9b9b; margin: 8px 14px 0 14px; vertical-align: top; display: inline-block; }

.message_true { position: fixed; top: 50px; left: 0; width: 100%; height: 60px; background: rgba(71, 214, 0, 0.8); color: #fff; font-weight: bold; padding: 0; text-align: center; font-family: Oswald; margin-bottom: 20px; text-transform: uppercase; line-height: 60px; font-size: 24px; z-index: 999; display: none; }

.remove_bg_button { background: url(/images/ico_delete.png) no-repeat; width: 28px; height: 28px; position: absolute; right: -6px; top: -6px; }

.home_bg { background: url(images/home_bg.jpg) no-repeat center top; min-height: 635px; }
.home_wrapper { width: 1560px; margin: auto; }
.home_logo { float: left; margin-top: 40px; }
.languages { float: right; margin-top: 45px; color: #1f3a4e; font-size: 13px; font-family: Roboto; font-weight: bold; text-transform: uppercase; }
.languages a { color: #1f3a4e; }

.menu { float: right; margin-top: 45px; margin-right: 100px; color: #1f3a4e; font-size: 13px; font-family: Roboto; font-weight: bold; text-transform: uppercase; }
.menu a { color: #1f3a4e; margin-left: 30px; }
.menu a.current { color: #358fcf; }

.select_theme { text-align: center; padding-top: 180px; font-family: Roboto-thin; font-weight: light; color: #358fcf; font-size: 72px; width: 100%; clear: both; float: none; }

.themes_list { margin: auto; margin-top: 40px; }
.themes_list .theme { width: 360px; height: 570px; display: inline-block; vertical-align: top; box-shadow: 0 0 5px 3px #e3e3e3; border: 1px solid #e3e3e3; background: #fff; margin-right: 36px; margin-bottom: 36px; }
.themes_list .theme:nth-child(4n+4) { margin-right: 0; }
.themes_list .theme { overflow: hidden; position: relative; }
.themes_list .theme img { max-width: 100%; }
.themes_list .info { display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; text-align: center; background: #fff; }
.themes_list .theme:hover .info { display: block; }
.themes_list .theme input[type=submit] { background: #358fcf; color: #fff; font-weight: bold; padding: 3px 10px; cursor: pointer; border: 0; font-family: Roboto-thin; font-weight: light; text-transform: uppercase; }
.themes_list .theme input[type=submit]:hover { background: #515151; }

.my_themes { margin-top: 40px; }

.showBorders { background: rgba(247, 246, 246, 1); border: 1px dashed rgb(68, 68, 68); }

.grid-stack-placeholder  { display: none; }

.sethover { height: 30px; line-height: 30px;  color: #000; background: #fff; border: 1px solid #368fce; padding-left: 15px; width: 125px; font-family: Oswald-light; font-size: 13px; display: inline-block; margin-bottom: 15px; margin-top: 3px; cursor: pointer; }
.sethover.active { background: #368fce; color: #fff; }

.popup_confirm { position: fixed; left: 50%; top: 20%; width: 400px; height: 150px; background: #fff; border: 3px solid #333; padding: 20px; z-index: 99999; box-shadow: 0 0 5px 5px #CCC; text-align: center; font-family: Oswald; text-transform: uppercase; display: none; }
.popup_confirm a { display: inline-block; border: 1px solid #666; font-family: Oswald; margin: 0 10px; font-size: 12px; text-transform: uppercase; padding: 7px; margin-top: 10px; }
.popup_confirm a.popup_savego { background: #47d600; color: #fff; }
.popup_confirm a.popup_go { background: #f03d3d; color: #fff; }
.popup_confirm a.popup_cancel { background: #f0b33d; color: #fff; }