@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body { padding-top: 60px; padding-bottom: 40px; margin-left: 200px; -webkit-transition: padding 200ms ease; -moz-transition: padding 200ms ease; -ms-transition: padding 200ms ease; -o-transition: padding 200ms ease; transition: padding 200ms ease; }
body.edit { background-color:#fff; position:relative;}

@media (max-width: 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right { float: none; padding-left: 5px; padding-right: 5px; }
}
@media (max-width: 979px) {
	.navbar-fixed-top { position: fixed; }
}
.demo{padding-top: 20px; margin-left:270px;}

.demo .access-box {
	padding-bottom:100px;
}

.sidebar-nav { position: fixed; width: 270px; left: 0px; bottom: 58px; top: 0; background: #313541; z-index: 10; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; overflow:visible !important; }
.devpreview .sidebar-nav { left: -280px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.sidebar-nav .nav-header { cursor: pointer; font-size: 14px; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; font-weight: bold; background: #142230;
margin-top: 10px; margin-bottom: 10px; }
.sidebar-nav .nav-header span.label { font-size: 10px; /*padding-bottom:0;*/ position: relative; top: -1px; }
.sidebar-nav .nav-header i.glyphicon-question-sign { color: #000; text-shadow: 0 1px 0 #DDD; }
.sidebar-nav .nav-header .popover { color: #999; text-shadow: none; }
.popover-info { position: relative; }
.popover-info .popover { display: none; top: -12.5px; left: 15px; }
.popover-info:hover .popover { display: block; opacity: 1; width: 400px; }
.popover-info:hover .popover .arrow { top: 23px; }
.sidebar-nav .accordion-group { border: none; }
.boxes { }
.sidebar-nav li { line-height: 28px; }
.sidebar-nav li .lyrow input { margin-top: 10px; width:61px;background: none;color:#64788B; border-radius: 0px;border-color: #2A3F54; z-index:1;}
.sidebar-nav li img { max-width: 100%; }
/*.sidebar-nav li .lyrow,.sidebar-nav .box{width: 83px; padding: 20px 5px 0 5px; border: 1px solid #40475C; height: 85px; color: white; text-align: center; position: relative; font-size: 12px; cursor: move; display: inline-block; padding:5px 10px 0px 10px;}.sidebar-nav .box {width: 83px; padding: 20px 5px 0 5px; border: 1px solid #40475C; height: 85px; color: white; text-align: center; position: relative; font-size: 12px; cursor: move; padding:5px 10px 0px 10px;}*/
.sidebar-nav .preview { display: block; color: #666; font-size: 12px; line-height: 26px; text-align:center; }
.sidebar-nav .preview input { width: 90px; padding: 0 10px; background: #BBB; font-size: 10px; color: #999; line-height: 20px; height: 20px; position: relative; top: -1px; }
.sidebar-nav .view { display: none; }
.sidebar-nav .remove, .sidebar-nav .configuration { display: none; }
.sidebar-nav .boxes { display: none; }
.demo .preview { display: none; }/*.demo .box .view { display: block; padding-top:30px;}*/
.ui-draggable-dragging .view { display: block; }

.ui-sortable-placeholder { 
	outline: 3px dashed #fb557a; 
	visibility: visible !important; 
	border-radius: 4px;
	width:100%; 
	text-align:center; 
	padding:30px;
	margin-bottom:15px;
}

.ui-sortable-placeholder:before {
	content:'DROP HERE';
	color:#fb557b;
	font-weight:600;
}

.sidebar-nav .mar-tb { opacity:-999; }

.box, .lyrow { position: relative; }

.demo .configuration { filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.demo .drag, .demo .remove { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.demo .row { /*background-color: #F5F5F5;*/ /*-webkit-box-sizing: border-box;*/ /*-moz-box-sizing: border-box;*/ /*box-sizing: border-box;*/ /*-webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/ /*-moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/ /*box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);*/ /*border: 1px solid #DDDDDD;*/ /*border-radius: 4px 4px 4px 4px;*/ /*margin: 15px 0;*/ position: relative; /*padding: 25px 14px 0;*/ }

/* preview */
body.devpreview { margin-left: 0px; }


.drag { display: none; position: absolute; }

#download-layout { display: none; }
#feedbackModal textarea, #downloadModal textarea { width: 100%; height: 280px; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#feedbackModal input { width: 515px; }
#feedbackModal input.modal-error-field, #feedbackModal textarea.modal-error-field { border: 1px solid red; }
a.language-selected { font-style: italic; font-weight: bold; }
.modal-body { padding-bottom: 0; }
.modal-footer { margin-top: 0; }
.mgbtn { font-size: 15px; display: inline-block; padding: 6px 25px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-transform:uppercase; }
/*#savebtn { background: #eaab32; border: 1px solid #e0a32f; text-shadow: 0px 1px 0px #e0a32f; color: #FFFFFF; }
#savebtn.savecontbtn { background: #41b149; border: 1px solid #3ca744; text-shadow: 0px 1px 0px #3ca744; color: #FFFFFF; }
#changetempbtn { background: #419cf7; border: 1px solid #5eaaf7; text-shadow: 0px 1px 0px #0762bc; color: #FFFFFF; }
#back_to_list { background: #e44c6f; border: 1px solid #e44c6f; text-shadow: 0px 1px 0px #0762bc; color: #FFFFFF; }
#savebtn:hover, #changetempbtn:hover, #back_to_list:hover, #savebtn.savecontbtn:hover { background-color:#d19829; border: 1px solid #d19829; transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; }
#changetempbtn:hover { background-color:#2886e5; border: 1px solid #2886e5; }
#back_to_list:hover { background-color:#ce3155; border: 1px solid #ce3155; }
#savebtn.savecontbtn:hover { background-color:#2e8e35; border: 1px solid #2e8e35; }
#back_to_list span { padding-right:7px; }
.mgnav.list-inline li {
	padding:0;
}*/
.outer { display: none; }
.outer div { position: absolute; background: #6CC9F8; z-index: 65000; }
.selecteddiv { display: none; }
.selecteddiv div { position: absolute; background: red; z-index: 65000; }

.side-grid .outer div,
.side-grid .selecteddiv div {
	z-index:auto;
}
.delete_item,.clone_item,.sec-bg-color { position: absolute; width: 20px; height: 20px; background-color: #6CC9F8; z-index: 65000;color: #FFFFFF; display: inline-block; font: normal normal normal 14px / 20px FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; opacity: 0.7; }
.delete_item:hover,.clone_item:hover,.sec-bg-color:hover { opacity: 1; }
.delete_item:before { content: "\f1f8"; padding-left: 4px; }

/*CloneBox*/
.clone_item:before { content: "\f0c5"; padding-left: 2px; padding-top: 2px; }

/*BackgroundColor*/
.sec-bg-color { opacity:1; background-color:rgba(255, 0, 0, 0.7) !important; color:rgba(255, 255, 255, 0.8); }
.sec-bg-color:hover {  background-color:rgba(255, 0, 0, 1) !important; color:rgba(255, 255, 255, 1); }
.sec-bg-color:before { content: "\f1fc "; padding-left: 2px; padding-top: 2px; font-size:14px; }

.container-bg .bgcolor {
	background: linear-gradient(#2e2e2c, #111) !important;
	border-radius: 4px;
    padding: 15px 15px 0;
    right: -20px;
	top:30px;
    width: 270px;
	color: rgba(181, 181, 181, 0.5);
}

.container-bg .bgcolor:after {
	content:'';
	position:absolute;
	top:-9px;
	right:2px;
	border:solid transparent;
	border-bottom-color: #2e2e2c;
	border-width: 0px 10px 10px;
}

.container-bg.bgcolor-change .bgcolor {
	top:-96px;
}

.container-bg.bgcolor-change .bgcolor:after {
	top:100%;
	border-top-color: #111;
	border-width: 10px 10px 0px;
}

.bgcolor label {
	margin-top:8px;
	font:500 16px proxima_novaregular;
}

.bgcolor .form-control {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #424241;
    border-radius: 6px !important;
    margin-bottom: 15px;
    text-align: center;
    width: 107px;
	height:34px;
	font:500 16px proxima_novaregular;
}

.bgcolor .form-control:focus {
    border: 1px solid #424241;
    box-shadow: none !important;
}


.tag_name_box { position: absolute; padding-left: 5px; padding-right: 5px; height: 20px; font-size: 12px; color: #FFFFFF; border: 1px solid #6CC9F8; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #6CC9F8 !important; }
.tag_name_box_selected { position: absolute; padding-left: 5px; padding-right: 5px; height: 20px; font-size: 12px; color: #FFFFFF; border: 1px solid red; background-color: red !important; }

/*.edit .selecteddiv
{
	display: none !important;
}*/
*:focus { outline: none !important; }
.mgnavbar { bottom: 0; position: fixed; right: 0; left: 0; z-index: 99999; background: #282c37; }
.mgnavbar-header { float: left; }
.mgnavbar-header:before, .mgnavbar-header:after { display: table; content: " "; }
.mgnav { padding-left: 0; margin-bottom: 0; list-style: none; }
.mgnav > li { position: relative; display: block; }
.mgnavbar #menu-targetly { float: left; }
.mgnavbar-brand { float: left; color: #FFF; padding: 0; margin: 0 5px; font-size: 44px; line-height: 54px; color: #FFFFFF; }
.bluebtn { background: #23AEF5; border-color: #0CA5F2; text-shadow: 0px 1px 0px #0CA5F2; float: left; color: #FFFFFF; }
.preview_btns { float: left; color: #FFFFFF !important; font-weight: bold; background: none; font-size: 30px; padding: 5px; }
.preview_btns i { color: #FFFFFF; }
.preview_btns.active i { background: none; color: #93DDF7; }
.preview_btns.active i { }
.preview_btns i:hover { background: none; color: #93DDF7; }
.preview_opts { color: #93DDF7; float: left; line-height: 60px; font-weight: bold; margin-right: 10px; }
.devpreview .lyrow:hover > .drag { display: block; opacity: 1; }
.view:empty { padding: 5px; background-color: rgba(0, 0, 0, 0.3); }
.empty { padding: 5px; background-color: rgba(0, 0, 0, 0.5); }
.drag { background-color: red; color: #FFFFFF; z-index: 999; cursor: move; width: 20px; height: 20px; color: #FFFFFF; font: normal normal normal 14px / 1 FontAwesome; font-size: 14px!important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.drag:before { content: "\f047"; padding-left: 3px; line-height: 21px; }
.drag:hover { opacity: 1; }
.sectiondrag { background-color: #182B3D; position: absolute; color: #FFFFFF; z-index: 999999; cursor: move; width: 50px; height: 30px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; color: #FFFFFF; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 30px; top: 10px; display: none; text-align: center; line-height: 30px; border-radius: 2px; }
.sectiondrag:before { content: "\f0c9"; padding-left: 3px; /*line-height: 21px;*/ }
.sectiondrag:hover { opacity: 1; }
.editingbox .drag { display: block !important; }
.demo .lyrow:hover > .drag { display: block; }

.column:empty { padding-top: 50px !important; padding-bottom: 50px !important; background-color: rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: inset 0px 0px 19px 0px rgba(77,77,77,1);
-moz-box-shadow: inset 0px 0px 19px 0px rgba(77,77,77,1);
box-shadow: inset 0px 0px 19px 0px rgba(77,77,77,1);}
.sidebar-nav .container { max-width: 100%;padding: 0px!important; }
body.edit { padding-left: 0px; }
.sidebar-nav .ui-draggable-dragging .preview { display: none; }
.sidebar-nav .ui-draggable-dragging { border: none !important; }
.mguploadingimage .drag{
	display: none!important;
}
/*////////OPtions*/
.sidebar_options {
	position: fixed;
	width: 100%;
	height:110px;
	left: 100px;
	top: 0;
	overflow-y:auto;
	background: #1f2533;
	padding: 15px 35px ;
	z-index: 99999;
	overflow:visible;
}

/*body.sideoptions {
	padding-top:110px;
}*/

.sidebar_options .form-group {
	width:120px;
	float:left;
	margin:0 30px 0 5px;
}

.sidebar_options .form-group.violet-border {
	margin-right:60px;
}

.sidebar_options .form-group.sidebar_form_btn {
	width:auto;
	margin-right:0;
}

.sidebar_options .form-group.wid-90 {
	width:90px;
}

.sidebar_options .form-group.wid-75 {
	width:75px;
}

.sidebar_options .form-group label {
	background: #e766b5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 13px;
	font-family:Open Sans;
	font-weight: 100;
	color: #fff;
	padding: 2px 5px;
	margin-bottom:0;
}
.sidebar_options .form-group.cus-label label {
	background:none;
}
.m-l-10 {
	margin-left:10px;
}
.sidebar_options .form-group .form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #e766b5;
	color:#e766b5;
	background: #1f2533;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font: 14px Open Sans;
	height: 39px;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
}

.sidebar_options .form-group .form-tab {
	border: 1px solid #e766b5;
	padding:3px;
	text-align:center;
}

.sidebar_options .form-group .form-tab .btn {
	padding:6px 10px;
}

.options_heading{
	background: #142230;
	padding: 5px;
	text-align: left;
	color: #ffffff;
}

.sidebar_options .color_opts .input-group-addon {
	border-radius: 100%;
	position: absolute;
	right: -10px;
	width: 26px;
	height: 26px;
	padding: 4px;
	background-color: #3C3E44;
	border: 1px solid #21374D;
	top: -10px;
	z-index: 99;
}
.sidebar_options .color_opts .input-group-addon .color-preview {
	border-radius: 100%;
	border: 0px;
	width: 16px;
	height: 16px;
}
.sidebar_options .sliderval {
	width: 30px;
	border: 0px;
	line-height: 26px;
	height: 26px;
	background-color: #242529;
	color: #818992;
	font-size: 12px;
	text-align: center;
}
.sidebar_options .slider_opts {
	float: left;
	width: 70px;
	margin-left: 18px;
	position: relative;
}
.sidebar_options .slider_opts:before {
	content: "px";
	font-size: 12px;
	line-height: 26px;
	position: absolute;
	margin-left: -30px;
	color: #aaa;
	padding-left: 5px;
	padding-right: 5px;
}
.sidebar_options .slider {
	height: 3px;
	background-color: #101012;
	margin-top: 13px;
	margin-bottom: 0px;
}
.sidebar_options .slider .ui-slider-range, .slider .ui-fill {
	background: #fe5d87;
}
.sidebar_options .slider .ui-slider-handle {
	width: 15px;
	height: 15px;
	background: #101012;
	border: 3px solid #fe5d87;
	margin-top: -1px;
	border-radius: 50%;
}

.sidebar_options .video_color {
	position:relative;	
}

.sidebar_options .removecolor {
	border: 1px solid #000000;
	float: left;
	width: 24px;
	height: 24px;
	background: #E73F3F;
	color: #FFFFFF;
	text-align: center;
	border-radius: 100%;
	line-height: 18px;
	cursor: pointer;
	position:absolute;
	top:35px;
	right:-42px;
}
.sidebar_options .removecolor:hover {
	opacity:0.8;
}

.sidebar-nav .s3_upload_overlay {
	display:none;
}

.sidebar_options .s3_upload_overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	background-color: rgba(0,0,0,.95);
	padding: 200px;
	z-index: 999999;
}
.sidebar_options .s3_title {
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	margin-bottom: 30px;
}
.sidebar_options .progress {
    position: relative;
    width: 100%;
    height: 3px;
    background: #333333;
    border-radius: 10px;
    overflow: hidden;
}
.sidebar_options .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: blue;
}
.addbtn {
	background: #09a4db;
	color: #ffffff;
	padding: 5px;
	line-height: 18px;
	height: 35px;
	width: 35px;
	border-radius: 100%;
	position: fixed;
	bottom: 15px;
	left: 10px;
	font-size: 22px;
	z-index: 999999;
}

.common-btn {
	background-color: #09a4db;
	border:1px solid #078cbb;
}

.sidebar_options .mgnavbar-header {
	position:absolute;
	top:0;
	left:0;
	background-color:#343a48;
}

.sidebar_options .mgnavbar-header .fa {
	font-size:24px;
	margin:8px;
}

.sidebar-nav .sectiondrag {
	display: none!important;
}
/*////*/

   .tablet .navbar-toggle {
    display: none;
  }
  .tablet .navbar-nav {
    float: left;
    margin: 0;
  }
  .tablet .navbar-nav > li {
    float: left;
  }
  .tablet .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .tablet .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .tablet .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .tablet .navbar-form .form-control-static {
    display: inline-block;
  }
  .tablet .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .tablet .navbar-form .input-group .input-group-addon,
  .tablet .navbar-form .input-group .input-group-btn,
  .tablet .navbar-form .input-group .form-control {
    width: auto;
  }
  .tablet .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .tablet .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .tablet .navbar-form .radio,
  .tablet .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .tablet .navbar-form .radio label,
  .tablet .navbar-form .checkbox label {
    padding-left: 0;
  }
  .tablet .navbar-form .radio input[type="radio"],
  .tablet .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .tablet .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
.tablet .navbar-left {
    float: left !important;
  }
  .tablet .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .tablet .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
.tablet .container {
    width: 300px;
  }
  .tablet .col-sm-1, .tablet .col-sm-2, .tablet .col-sm-3, .tablet .col-sm-4, .tablet .col-sm-5, .tablet .col-sm-6, .tablet .col-sm-7, .tablet .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .tablet .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }

/*--- New Code
  =============--- */
  .landing-logo {
  	 max-width:180px;
  }
  .demo .elVideoplaceholder_inner {
  	 display:inline;
  }
  .sidebar-nav .elVideoplaceholder_inner {
  	 display:inline;
  }
  .demo .e1Videoframe,
  .e1Videoframe.e1videoimageframe,
  .elVideoplaceholder_inner,
  .fn_dateCountDownClassNew {
  	 display:none;
  }

  .e1videoimage,
  .demo .fn_dateCountDownClassNew {
  	 display:inline-block;
  }

/*-- NEW
============================== */
  /*.demo .timer-date {
  	width:738px;
  }

  .preview-mobile .timer-date {
  	width:370px;
  }

  .demo .timer-rounddate {
  	width:850px;
  }

  .preview-tablet .timer-rounddate {
  	width:700px;
  }

  .preview-mobile .timer-rounddate {
  	width:370px;
  }

  .demo .timer-rounddate-03,
  .preview-tablet .timer-rounddate-03 {
  	width:767px;
  }

  .preview-mobile .timer-rounddate-03 {
  	width:400px;
  }

  .demo .timer-rounddate-07 {
  	width:710px;
  }

  .preview-tablet .timer-rounddate-07 {
  	width:715px;
  }

  .preview-mobile .timer-rounddate-07 {
  	width:400px;
  }

  .demo .timer-rounddate-10,
  .preview-tablet .timer-rounddate-10 {
  	width:630px;
  }

  .preview-mobile .timer-rounddate-10 {
  	width:375px;
  }

  .demo .timer-rounddate-12,
  .preview-tablet .timer-rounddate-12 {
  	width:650px;
  }

  .preview-mobile .timer-rounddate-12 {
  	width:350px;
  }

  .demo .timer-rounddate-14,
  .preview-tablet .timer-rounddate-14 {
  	width:635px;
  }

  .preview-mobile .timer-rounddate-14 {
  	width:350px;
  }

  .demo .timer-rounddate-15,
  .preview-tablet .timer-rounddate-15 {
  	width:614px;
  }

  .preview-mobile .timer-rounddate-15 {
  	width:325px;
  }

  .demo .timer-rounddate-17,
  .preview-tablet .timer-rounddate-17 {
  	width:598px;
  }

  .preview-mobile .timer-rounddate-17 {
  	width:325px;
  }

  .demo .timer-rounddate-18,
  .preview-tablet .timer-rounddate-18 {
  	width:810px;
  }

  .preview-mobile .timer-rounddate-18 {
  	width:352px;
  }

  .demo .timer-rounddate-19,
  .preview-tablet .timer-rounddate-19,
  .preview-mobile .timer-rounddate-19 {
  	width:auto;
  }

  .demo .timer-rounddate-20 {
  	width:430px;
  }

  .preview-mobile .timer-rounddate-20,
  .preview-tablet .timer-rounddate-20 {
  	width:auto;
  }
  
  .timer-optindate,
  .preview-tablet .timer-optindate {
  	/*width:490px;*/
	text-align:center;
  }

  .preview-mobile .timer-optindate {
  	max-width:405px;
  }*/

  .e1Videoframe iframe,
  .e1Videoframe object,
  .e1Videoframe embed {
  	width:680px !important;
	height:380px !important;
  }

  .preview-mobile .elVideoplaceholder_inner {
  	max-width:100%;
  }

  .mar-tb {
  	margin-top:10px;
	margin-bottom:10px;
  }

  .sidebar-nav li img { margin-bottom:5px; }

  .sidebar_options .form-group .input-group .input-group-addon {
	background-color:#1f2533;
	border-color:#21374D;
	padding:4px;
  }
  
  .sidebar_options .form-group.count_down .input-group .input-group-addon {
  	border-color:#e766b5;
	padding:4px 7px;
  }
	
  .sidebar_options .form-group .input-group .input-group-addon i {
	margin:0;
	color:#fff;
	font-size:14px;
  }

  /* Video Code
     -----------  */
	.landing-loading {
		background: rgba(0, 0, 0, 0.8);
		position:fixed;
		width:100%;
		height:100%;
		text-align:center;
		color:#fff;
		left:0;
		z-index:99999;
		top:0%;
		margin-top:0;
	}

	.surveypg2_video {
		background:#fff;
		width:720px;
		height:410px;
		color:#fff;
	}

	.e1videoimage {
		cursor:pointer;
	}

	@media screen and (min-width:768px) {
		.embed-responsive-16by9 {
			padding-bottom:50% !important;
		}

		.landing-loading .embed-responsive-16by9 {
			max-width:700px;
			max-height:380px;
			margin:50px auto;
		}

		.embed-responsive .embed-responsive-item,
		.embed-responsive iframe,
		.embed-responsive embed,
		.embed-responsive object,
		.embed-responsive video {
			height:420px !important;
		}
	}

	@media screen and (max-width:767px) {
		.landing-loading .embed-responsive-16by9 {
			margin:10px !important;
		}
	}

	.frame-cont {
		position:relative;
	}

	#close_video_new {
		background:url(../img/popup_close.png) no-repeat right top;
		cursor:pointer;
		position:absolute;
		height:22px;
		width:22px;
		right:-10px;
		top:-10px;
		font-size:0;
	}

	.frame-cont #close_video_new {
		right:0;
		top:0;
	}

	input[type=file] {
		font-size:12px;
 		color:#fff;
	}

	.modal-backdrop.in {
		z-index:1;
		position: fixed;
		background-color: rgba(51, 204, 153, 0.8);
		-webkit-transition: all 0.3s;
		  transition: all 0.3s;
	}

/*-- Image Resize & Image Link
     ========================= --*/
	.darkoverlay_imglink {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 65536;
		-webkit-animation-duration: 0.6s;
		-webkit-animation-name: fadeInFromNone;
	}
	.darkoverlay_imgupload {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 65536;
		-webkit-animation-duration: 0.6s;
		-webkit-animation-name: fadeInFromNone;
	}
	.darkoverlay_imglink .imageuploader {
		width: 400px;
		margin: auto;
		margin-top: 20%;
		background-color: #FFFFFF;
		border-radius: 3px;
		text-align:center;
	}
	.darkoverlay_imglink .imageuploader HEADER {
		background-color: #1D222A;
		color: #FFFFFF;
		padding: 12px 15px 26px;
	}
	.darkoverlay_imglink .imageuploader HEADER H3 {
		background-color: #1D222A;
		color: #FFFFFF;
		font-weight: 300;
		font-size: 14px;
		text-transform: uppercase;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		margin: 0px;
		text-align: left;
		float: left;
	}
	.imageuploader .imgupload_form {
		width: 100%;
		float: left;
		background-color: #FFFFFF;
		padding-bottom: 35px;
		padding-top: 25px;
	}
	.darkoverlay_imglink .imgupload_form INPUT {
		border: none;
		background-color: rgb(236, 236, 236);
		height: 30px;
		width: 300px;
		margin-bottom: 10px;
		padding:0 10px;
	}
	.darkoverlay_imglink .show_error_img {
		font:normal 14px Arial, Helvetica, sans-serif;
		margin-bottom:12px;
	}
	.imageuploader .imgupload_ctrls {
		text-align: center;
		width: 100%;
		float: left;
		background-color: #ffffff;
		padding-top: 0px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	HEADER A.close_link {
		float: right;
		background-color: #E14949;
		color: #ffffff;
		width: 38px;
		height: 38px;
		margin: -12px -15px 0 0;
		text-decoration: none;
		line-height: 38px;
		-webkit-transition: background 300ms ease;
		-moz-transition: background 300ms ease;
		-ms-transition: background 300ms ease;
		-o-transition: background 300ms ease;
		transition: background 300ms ease;
	}
	HEADER A.close_link:hover {
		background-color: #DF3030;
		-webkit-transition: background 300ms ease;
		-moz-transition: background 300ms ease;
		-ms-transition: background 300ms ease;
		-o-transition: background 300ms ease;
		transition: background 300ms ease;
	}
	.darkoverlay_imglink A.save_link {
		background-color: #1ABC9C;
		color: #FFFFFF;
		padding: 7px 25px;
		text-transform: uppercase;
		text-decoration: none;
	}
	.darkoverlay_imglink .imgupload_form {
		padding-bottom: 25px;
		padding-top: 18px;
	}
	.darkoverlay_imglink .imgupload_form INPUT *:focus {
		outline: 1px solid #666666;
	}
	.resize_image,
	.imglink_item,
	.paste_text_content {
		background:#ff0000 url(../img/resize-img.png) no-repeat center center !important;
		cursor:pointer;
		opacity: 0.7;
		display:block;
		text-indent:-999em;
		width:20px;
		height:20px;
	}
	.imglink_item {
		background:#ff0000 url(../img/link.png) no-repeat center center !important;
	}
	.resize_image:hover,
	.imglink_item:hover,
	.paste_text_content:hover {
		opacity: 1;
	}
	
	.ui-wrapper {
		margin:0 auto !important;
		position:relative !important;
		width:auto !important;
		display:inline-block;
		top:auto !important;
		left:auto !important;
	}
	.ui-wrapper img {
		width:auto !important;
	}

/*-- Paste from Word
     ================ --*/
	.paste_text_content {
		background:#ff0000 url(../img/paste.png) no-repeat center center !important;
		margin-left:3px;
	}

	@media screen and (min-width: 768px) {
		.paste-from .modal-body .alert-info {
			line-height:16px;
		}

		.paste-from .modal-dialog {
			width: 900px !important;
		}
	}

	.editcode-area iframe {
		background-color:#fff;
		font:normal 14px/20px Arial, Helvetica, sans-serif;
		box-shadow:2px 2px 2px #e5e5e5;
		border:2px solid #ccc;
		padding:7px;
		color:#fff;
	}


/*-- Landing Editor Footer
================================= --*/
.editor-right-menu .mgbtn {
	border: 1px solid #fb557b;
    border-radius: 4px;
    color: #fb557b;
    font: 600 13px Open Sans;
    padding: 11px 40px;
	transition: all 0.3s linear 0s;
}

.editor-logo a {
	padding:10px 0;
	margin-left:13px;
	display:block;
}

ul.editor-left-menu {
	line-height:58px;
	margin:0 25px;
}

.editor-right-menu {
	padding:5px 0;
}

.editor-left-menu li a,
.editor-left-menu li .temp-nam {
	font:13px Open Sans;
	color:#787e8e;
	padding:0 8px;
	text-decoration:none;
}

.editor-left-menu li .temp-nam {
	text-transform:uppercase;
}

.editor-left-menu li a:hover {
	color:#fb557b;
}

.editor-left-menu li a:before,
.editor-left-menu li .temp-nam:before {
	content:'\f105';
	font-family:FontAwesome;
	padding-right:5px;
}

.preview-list button {
	height:58px;
    padding:21px 33px;
	border-top:2px solid transparent;
	background-position:18px 10px !important;
}

.preview-list button.active {
	border-top-color:#fb557b;
}

.preview-list .preview_desktop        { background:url(../../../images/general/new_images/desktop.png) no-repeat;       }
.preview-list .active.preview_desktop { background:url(../../../images/general/new_images/desktop-hover.png) no-repeat; }
.preview-list .preview_tablet         { background:url(../../../images/general/new_images/tablet.png) no-repeat;        }
.preview-list .active.preview_tablet  { background:url(../../../images/general/new_images/tablet-hover.png) no-repeat;  }
.preview-list .preview_mobile         { background:url(../../../images/general/new_images/mobile.png) no-repeat;        }
.preview-list .active.preview_mobile  { background:url(../../../images/general/new_images/mobile-hover.png) no-repeat;  }

.preview-list {
	background-color:#313541;
    margin-right:50px;
}

.editor-right-menu .mgbtn {
	background:none;
	padding:8px 38px;
}

.editor-right-menu .mgbtn:hover,
.sidebar_options .fn_undobtn {
	background-color:#fb557b;
    border-color:#fb557a;
    color:#ffffff;
}

/*-- Landing Editor Sidebar
================================= --*/

@font-face {
    font-family:'proxima_novaregular';
    src:url('../fonts/proximanova-regular.eot');
    src:url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-regular.woff') format('woff'),
        url('../fonts/proximanova-regular.ttf') format('truetype'),
        url('../fonts/proximanova-regular.svg#proxima_novaregular') format('svg');
    font-weight:normal;
    font-style:normal;
}


.sidebar-nav .sidebar-logo {
	background-color:#fb557b;
    padding:10px 0;
}

.lan-sidebar-head {
	background-color:#383e4a;
	padding:10px 20px;
	margin-bottom:59px;
	box-shadow:0 15px 15px -5px #222831;
}

.lan-sidebar-head h2 {
	font:20px Open Sans;
	color:#fff;
	margin-top:0;
}

.lan-sidebar-head h3 {
	color:#5c616a;
	font:600 12px Open Sans;
	margin-bottom:0px;
	margin-top:10px;
	
}

.lan-sidebar-head p {
	padding:0px;
	margin:0px;
	font:500 14px/20px Open Sans;
	color:#abadb2;
}

.side-scroll {
	bottom:58px;
	z-index:-1;
}

.sidebar-nav .sidebar-grid span,
.sidebar-nav .sidebar-title-grid {
	background-color:#282d38;
	text-decoration:none;
	width:257px;
}

.sidebar-nav .sidebar-grid img {
	margin:18px 16px;
}

.sidebar-nav .sidebar-logo,
.sidebar-nav .sidebar-grid span,
.sidebar-nav .sidebar-title-grid {
	position:relative;
}

.sidebar-nav .grid-element {
	background-color:#222831;
	padding:6px 0 163px;
}

.sidebar-nav .sidebar-grid span,
.sidebar-nav .sidebar-title-grid,
.sidebar-nav .sidebar-title-grid span {
	display:block;
}

.sidebar-nav .sidebar-grid span {
	background:#282d38 url(../../../images/general/new_images/sidebar-icon.png) no-repeat 7px 0px;
	font:16px/44px proxima_novaregular;
    height: 44px;
    padding-left: 50px;
	color:#b7bac3;
	border-radius:6px;
	margin:10px auto 0;
	cursor:pointer;
}

.sidebar-nav .sidebar-grid span:hover {
	background:#4c515e url(../../../images/general/new_images/sidebar-active-icon.png) no-repeat 7px 0px;
	color:#fff;
}

/*.sidebar-nav .sidebar-grid span,
.sidebar-nav .sidebar-title-grid span {
	font:14px/46px Open Sans;
	margin-top:10px;
	height:44px;
	padding-left:50px;
}*/

.sidebar-nav .drag-element,
.savecon-btn {
	width:257px;
	height:44px;
	border-radius:6px;
	transition:all 0.2s linear 0s;
	margin:0px;
	cursor:move;
	display:inline-block;
	position:relative;
}

.sidebar-nav .drag-element:after,
.sidebar-nav .sidebar-grid span:after {
	position:absolute;
	top:9px;
	right:5%;
	width:23px;
	height:23px;
	content:'';
	background:url(../../../images/general/new_images/line.png) no-repeat;  
}

.demo .drag-element,
.demo-child .drag-element {
	display:none;
}

.savecon-btn:after {
	position:absolute;
	top:8px;
	right:4%;
	width:23px;
	height:23px;
	content:'';
	background:url(../../../images/general/new_images/line.png) no-repeat;
}

.mb40 {
	margin-bottom:40px;
}

.sidebar-nav .drag-list {
	text-align:center;
}

.sidebar-nav .drag-list p {
	margin-bottom:15px;
	font:16px/46px proxima_novaregular;
	text-align:left;
	color:#b7bac3;
	padding-left:50px;
}

.sidebar-nav .drag-list:hover p {
	color:#fff;
}

.drag-list [class^="drag-"] {
	background:#282d38 url(../../../images/general/new_images/sidebar-icon.png) no-repeat;
	transition:all 0.2s linear 0s;
	margin:6px;
}

.drag-list [class^="drag-"]:hover,
.ui-draggable-dragging .drag-element {
	background:#4c515e url(../../../images/general/new_images/sidebar-active-icon.png) no-repeat;
}

.ui-draggable-dragging .drag-element {
	z-index:100;
}

.sidebar-nav .drag-list .drag-h1       { background-position:6px -72px;  }
.sidebar-nav .drag-list .drag-form     { background-position:6px -141px; }
.sidebar-nav .drag-list .drag-para     { background-position:6px -211px; }
.sidebar-nav .drag-list .drag-timer    { background-position:6px -282px; }
.sidebar-nav .drag-list .drag-image    { background-position:6px -354px; }
.sidebar-nav .drag-list .drag-video    { background-position:6px -426px; }
.sidebar-nav .drag-list .drag-button   { background-position:6px -498px; }

.sidebar-nav .savecon-btn,
.sidebar-nav .bg-image-tab {
	background:#282d38 url(../../../images/general/new_images/sidebar-icon.png) no-repeat;
	color: #b7bac3;
    font: 16px/32px proxima_novaregular;
	text-align:left;
	padding-left:50px;
	text-transform:none;
	position:relative;
	margin:6px !important;
	cursor:pointer;
}

.sidebar-nav .savecon-btn:hover,
.sidebar-nav .bg-image-tab:hover {
	background:#4c515e url(../../../images/general/new_images/sidebar-active-icon.png) no-repeat;
	color:#fff;
}

.sidebar-nav .savecon-btn 	{ background-position:6px -578px !important; }
.sidebar-nav .bg-image-tab 	{ background-position:6px -354px !important; }

.sidebar-nav .input-file.drag-list,
.sidebar-nav .green-border {
	margin-bottom:25px;
}

.sidebar-nav .input-file .drag-element {
	background-color:#4e5464;
	cursor:pointer;
}

.sidebar-nav .input-file .drag-element .fa {
	font-size:28px;
	margin:0;
	line-height:65px;
	color:#a1abc1;
}

/*-- Landing Editor Sidebar Options
================================= --*/
.sidebar_options .fn_undobtn {
	padding:8px 15px;
	transition:all 0.15s ease 0s;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	font-family:Open Sans;
	margin-top:23px;
}

.sidebar_options .fn_undobtn:hover,
.sidebar_options .fn_undobtn:focus {
	background-color:d6365c;
	color:#ffffff;
}

.sidebar_options .form-width label {
	float:left;
}

.sidebar_options .color_opts,
.sidebar_options .form-width .form-control {
	float:left;
}

.sidebar_options .form-group.remove-timer label {
	margin-left:0;
}

.sidebar_options .form-group.remove-timer {
	padding-left:20px;
	padding-right:20px;
}

.sidebar-nav .form-group select option,
.sidebar_options .form-group select option {
	padding:7px 10px;
}

.sidebar_options .form-group .form-file,
.sidebar_options .form-group .input-group {
	width:100%;
}

.sidebar-nav .form-group .form-file {
	width:80px;
	padding:5px;
}

.sidebar_options .form-group .form-file {
	background:none;
	border:2px dashed #505a73;
    font:14px Open Sans;
    margin-top:5px;
	height:39px;
	border-radius:4px;
}

.sidebar_options .form-group .form-file span {
	line-height:30px;
	color:#798198;
}

.sidebar_options .input-file form {
	margin:0;
}

.sidebar_options .input-file small {
	color: #4f5a72;
    display: block;
    font:italic 11px Open Sans;
}

.sidebar_options .blue-border label   { background-color:#3499e7; }
.sidebar_options .violet-border label { background-color:#9692ff; }

.sidebar-nav .green-border {
	width:85px;
	display:inline-block;
}

.sidebar-nav .green-border label  { 
	background-color:#37cebb; 
	line-height:normal;
    margin:0;
    padding:2px 8px;
    text-align:left;
	font-weight:100;
}

.sidebar-nav .green-border .form-control {
	background-color:#313541;
	border-color:#37cebb;
	font-size:12px;
	color:#37cebb;
	padding:0;
}

.sidebar_options .blue-border label,
.sidebar_options .violet-border label,
.sidebar-nav .green-border label {
	color:#ffffff;
}

.sidebar_options .blue-border .form-control {
	border: 1px solid #3499e7;
    color:#3499e7;
}

.sidebar_options .violet-border .form-control {
	border: 1px solid #9692ff;
    color:#9692ff;
	width:135px;
}

.fancybox-lock .fancybox-opened .fancybox-skin {
	box-shadow:unset;
	background:#fff;
}

.fancybox-lock .fancybox-inner {
	border-radius:4px;
}


/*-- NEW --*/
.sidebar-nav .landing-grid,
.sidebar-nav .landing-grid-title {
	width:100px;
	background-color:#ffffff;
	position:absolute;
	box-shadow:1px 0 3px #ccc;
	z-index:-1;
}

.sidebar-nav  .landing-grid section {
	padding-top:20px;
	padding-bottom:15px;
}

.landing-grid .preview span,
.form-control.custom-grid {
	display:block;
	font:600 12px Open Sans;
	color:#1d2331;
	margin-top:10px;
	z-index:-1;
}

.landing-grid .preview:hover span {
	color:#fc557c;
}

[class^="grid-"] {
	min-height:50px;
    width:90px;
	display:inline-block;
}

.landing-grid .preview .grid-01 { background:url(../../../images/general/new_images/grid01.png) no-repeat  4px 0; }
.landing-grid .preview .grid-02 { background:url(../../../images/general/new_images/grid02.png) no-repeat 3px -10px; }
.landing-grid .preview .grid-03 { background:url(../../../images/general/new_images/grid03.png) no-repeat 3px -10px; }
.landing-grid .preview .grid-04 { background:url(../../../images/general/new_images/grid04.png) no-repeat 2px -10px; }

.landing-grid .preview:hover .grid-01 { background:url(../../../images/general/new_images/grid01-hover.png) no-repeat 4px 0; }
.landing-grid .preview:hover .grid-02 { background:url(../../../images/general/new_images/grid02-hover.png) no-repeat 3px -10px; }
.landing-grid .preview:hover .grid-03 { background:url(../../../images/general/new_images/grid03-hover.png) no-repeat 3px -10px; }
.landing-grid .preview:hover .grid-04 { background:url(../../../images/general/new_images/grid04-hover.png) no-repeat 2px -10px; }

.landing-grid .btn {
	width:100%;
	height:58px;
	display:inline-block;
	font:14px Open Sans;
	text-transform:uppercase;
	color:#ffffff;
}

.landing-grid .btn:hover,
.landing-grid .btn:focus {
	color:#ffffff;
}

.landing-grid,
.landing-grid-title {
	left:25px;
	transition:all 0.3s linear 0s;
}

.landing_grid_toggle,
.landing_title_toggle {
	position:relative;
	background-color:#222831;
}

.landing_grid_toggle .landing-grid,
.landing_title_toggle .landing-grid-title {
	top:3px;
	right:-300px;
}

.sidebar-title-grid {
	border-top:1px solid #ffffff;
}

.landing-grid-title section {
	padding:0;
}

.sidebar_options .form-padding {
	padding:0 20px;
}

.sidebar_options .form-padding .input-group .input-group-addon {
	background-color:#1f2533;
	border:1px solid #e766b5;
	padding:10px;
}

.saveexit-btn.exit-btn {
	border-radius:50%;
    height:48px;
    line-height:46px;
    padding:0;
    text-align:center;
    width:48px;
	text-decoration:none;
}

input.form-control.custom-grid {
	width:75px;
	margin:10px auto 0;
	color:#1d2331;
	font-size:12px;
	text-align:center;
}

.demo .ui-draggable.editingbox {
	z-index:1;
}

.sidebar-nav .mCustomScrollBox,
.sidebar-nav .mCSB_container {
	overflow:visible;
}

.sidebar-nav .mCSB_scrollTools {
	width:5px;
	margin:5px 0 !important;
}

.sidebar-nav .mCSB_dragger_bar {
	background-color:rgba(0,0,0,0.5) !important;
}

@media (min-width:1280px) and (max-width:1400px) {
	.sidebar_options .form-group {
		margin:0 8px 0 5px;
	}
}

/*-- New Editor styles
     ================ --*/
.demo {
	position:relative;
}

@font-face {
  font-family: 'Asap-Bold';
  src:url('../fonts/Asap-Bold.ttf');
  src:url('../fonts/Asap-Bold.ttf') format('ttf'),
}

.custom-floating-child:after {
	content:'';
	position:absolute;
	top:-6px;
	left:48%;
	border:solid transparent;
	border-bottom-color: #2e2e2c;
	border-width: 0px 6px 6px;
}

.custom-floating-child.pop-above:after {
	content:'';
	position:absolute;
	top:100%;
	left:48%;
	border:solid transparent;
	border-top-color: #111;
	border-width: 6px 6px 0px;
}

.bold {	font:bold !important; }

.italic { font-style:italic !important; }

.underline { text-decoration:underline !important; }

.line-through { text-decoration:line-through !important; }

.underline-line-through { text-decoration:line-through underline !important; }

.custom-floating-child {
	position:absolute;	
    z-index:999999;
    border-color: #000;
	color: #999;
    -webkit-transition: color 250ms;
    transition: color 250ms;
	min-width: 223px;
	padding:0px 20px;	
	min-height: 45px;	
	border-radius: 6px;
    top: 80px;
    left: 50%;
	font-family:Open Sans;
	margin-left:-100px !important;
	background-image:-moz-linear-gradient(#2e2e2c, #111111);
	background-image:-ms-linear-gradient(#2e2e2c, #111111);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2e2e2c), to(#111111));
	background-image:-webkit-linear-gradient(#2e2e2c, #111111);
	background-image:-o-linear-gradient(#2e2e2c, #111111);
	background-image:linear-gradient(#2e2e2c, #111111);
}

.custom-floating-parent {
	position:relative;
}

.custom-floating-child-elements  .popline-button {
	float: left;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.custom-floating-child-elements .add-line-height {
	float:left !important;
	margin:0 0 0 8px;
}

.custom-floating-child-elements a {
	color:#fff;
	line-height:44px;
	font-weight:600;
	word-wrap:normal;
}

.custom-floating-child-elements.active a,
.custom-floating-child-elements a:active,
.custom-floating-child-elements a:focus,
.custom-floating-child-elements a:hover {
	color:#fb557b;
}

.custom-floating-child-elements .add-italic,
.custom-floating-child-elements .add-justify,
.custom-floating-child-elements .add-font-size,
.custom-floating-child-elements .add-font-color,
.custom-floating-child-elements .add-font-family,
.custom-floating-child-elements .add-link,
.custom-floating-child-elements .de-link,
.custom-floating-child-elements .add-list {
	margin:0px 7px;
}

.custom-floating-child-elements .add-bold {
	margin:0 8px 0 0;
}

.custom-floating-child-elements .add-bold a {
	background:url(../img/editor_popup.png) no-repeat -18px -11px;
	padding:0px 5px;
}

.custom-floating-child-elements .add-bold a:hover,
.custom-floating-child-elements .add-bold.active a {
	background:url(../img/editor_popup_active.png) no-repeat -18px -11px;
}

.custom-floating-child-elements .add-italic a {
	background:url(../img/editor_popup.png) no-repeat -41px -11px;
	padding:0px 5px;
}

.custom-floating-child-elements .add-italic a:hover,
.custom-floating-child-elements .add-italic.active a {
	background:url(../img/editor_popup_active.png) no-repeat -41px -11px;
}

.custom-floating-child-elements .add-font-size a,
.custom-floating-child-elements .button-font-size a {
	background:url(../img/editor_popup.png) no-repeat -95px -10px;
	padding:0px 9px;
}

.custom-floating-child-elements .add-font-size a:hover,
.custom-floating-child-elements .button-font-size a:hover,
.custom-floating-child-elements .add-font-size.active a,
.custom-floating-child-elements .button-font-size.active a {
	background:url(../img/editor_popup_active.png) no-repeat -95px -10px;
}

.custom-floating-child-elements .add-font-color a,
.custom-floating-child-elements .add-button-color a,
.custom-floating-child-elements .add-input-style a,
.custom-floating-child-elements .add-timer-color a  {
	background:url(../img/editor_popup.png) no-repeat -126px -12px;
	padding:0px 10px;
}

.custom-floating-child-elements .add-font-color a:hover,
.custom-floating-child-elements .add-button-color a:hover,
.custom-floating-child-elements .add-input-style a:hover,
.custom-floating-child-elements .add-font-color.active a,
.custom-floating-child-elements .add-button-color.active a,
.custom-floating-child-elements .add-input-style.active a,
.custom-floating-child-elements .add-timer-color.active a,
.custom-floating-child-elements .add-timer-color a:hover {
	background:url(../img/editor_popup_active.png) no-repeat -126px -12px;
	padding:0px 10px;
}


.custom-floating-child-elements .add-font-family a,
.custom-floating-child-elements .button-font-family a {
	background:url(../img/editor_popup.png) no-repeat -160px -11px;
	padding:0 5px;
}

.custom-floating-child-elements .add-font-family a:hover,
.custom-floating-child-elements .button-font-family a:hover,
.custom-floating-child-elements .add-font-family.active a,
.custom-floating-child-elements .button-font-family.active a {
	background:url(../img/editor_popup_active.png) no-repeat -160px -11px;
}

.custom-floating-child-elements .add-justify a {
	background:url(../img/editor_popup.png) no-repeat -218px -11px;
	height:45px;
	padding:0px 8px;
}

.custom-floating-child-elements .add-justify a:hover,
.custom-floating-child-elements .add-justify.active a {
	background:url(../img/editor_popup_active.png) no-repeat -218px -11px;
}

.custom-floating-child-elements .add-link a {
	background:url(../img/editor_popup.png) no-repeat -66px -11px;
	padding:0px 7px;
}

.custom-floating-child-elements .add-link a:hover,
.custom-floating-child-elements .add-link.active a {
	background:url(../img/editor_popup_active.png) no-repeat -66px -11px;
}

.custom-floating-child-elements .add-list a {
	background:url(../img/editor_popup.png) no-repeat -246px -12px;
	padding:0px 9px;
}

.custom-floating-child-elements .add-list a:hover,
.custom-floating-child-elements .add-list.active a {
	background:url(../img/editor_popup_active.png) no-repeat -246px -12px;
}

.custom-floating-child-elements .add-line-height a {
	background:url(../img/editor_popup.png?rand=1) no-repeat -510px -12px;
	padding:0px 9px;
}

.custom-floating-child-elements .add-line-height a:hover,
.custom-floating-child-elements .add-line-height.active a {
	background:url(../img/editor_popup_active.png?rand=1) no-repeat -510px -12px;
}

.custom-floating-child-elements .add-font-color a {
	font-size:16px;
}

.custom-floating-child-elements label {
	margin-bottom:10px;
	font-weight:600;
	font-size:15px;
	color:rgba(181, 181, 181, 0.5)
}

.custom-floating-child-elements .form-control:focus {
	box-shadow:none !important;
	border:1px solid #424241;
}

/*-- Colorpicker styles
     ================ --*/
div.colorpicker {
	background:none;
	border:0px;
	box-shadow:none;
	margin-top:15px !important;
}

.colorpicker .colorpicker-saturation {
	border-radius: 5px;
    box-shadow: 1px 1px 0 #9c9c9c;
}

.colorpicker .colorpicker-color {
	border-radius:5px;
}

.colorpicker .colorpicker-color div {
	border-radius: 3px;
	background-color:none;
}

.colorpicker-hue, .colorpicker-alpha {
	border-radius:10px !important;
}

.colorpicker:after,
.colorpicker:before {
	display:none !important;
}

.colorpicker-hue i,
.colorpicker-alpha i {
	background:none !important;
	width:7px !important;
	height:7px !important;
	left:-4px !important;
	border:1px solid #a89898 !important;
	border-radius:5px !important;
}

/*-- Start Slider styles
     ================ --*/
.add_styles .ui-slider {
	border:1px solid #323231;
    height: 13px;
	top: 6.5px;
	background-color:#323231;
	border-radius:6px;
	width:80%;
	margin:0 auto;
	position:relative;
}

.add_styles .slider-line-height .ui-slider {
	width:70%;
	margin:0px auto 0px 31px;
}

.add_styles .ui-slider:before {
	width:33.3%;
	height:9px;
	background-color:transparent;
	border:2px solid #424241;
	border-width:0 1.5px 0 1.5px;
	position:absolute;
	top:15px;
	left:3px;
	content:'';
}

.add_styles .ui-slider:after {
	width:33.3%;
	height:9px;
	background-color:transparent;
	border:1.5px solid #424241;
	border-width:0 1.5px 0 1.5px;
	position:absolute;
	top:15px;
	right:3px;
	content:'';
}

.add_styles .ui-slider-handle {
	width: 12px !important;
	height: 12px !important;
	background: #fb557b;
	border: 3px solid #d6d6d6;
	margin-top: 4px;
	border-radius: 50%;
}

.add_styles  .slider_opts label {
	width:10%;
	padding-top:4px;
	font-size:12px;
	color:#555;
}

.add_styles .slider-line-height .slider_opts label {
	width:15%;
}

.add_styles  .form-control {
    height: 34px;	
	background-color:rgba(255, 255, 255, 0);
	border-color:#424241;
	font-size:15px;
}
	 
/*-- Start Font styles
     ================ --*/
.sub-slider-one {
	margin-top: 45px;
	border-top: #424241  1px solid;
	padding:15px 0;	
}

.sub-slider-two {
	border-top: #424241  1px solid;    
	padding-bottom: 10px;
	padding:15px 0;
	margin-top:45px;
	position:relative;
}	

.sub-slider-two .form-control {
	width: 105px;
    margin:0 auto;
    background: none;
    border: 1px solid #666;
    text-align: center;
	font-size:16px;
}

.slider-font-family {
	margin-top: 45px;
	border-top: #424241  1px solid;
}

.sub-slider-third {	
	margin-top: 15px;
	max-height: 120px;
	overflow:auto;
}

.sub-slider-third .font-family {
	padding : 5px;
	line-height:10px; 
}

/*-- Start Justify styles
     ================ --*/
.link,
.justify {
	border-top:1px solid #2a2a2a;
	margin-top:45px;	
}

.justify .justify-elements .add-justify-left a {
	background:url(../img/toolbar.png) no-repeat -202px 4px;
}

.justify .justify-elements .add-justify-center a {
	background:url(../img/toolbar.png) no-repeat -229px 4px;
}

.justify .justify-elements .add-justify-right a {
	background:url(../img/toolbar.png) no-repeat -255px 4px;
}

.justify .justify-elements .add-justify-left a,
.justify .justify-elements .add-justify-center a,
.justify .justify-elements .add-justify-right a {
	position:relative;
	padding:5px 15px;
}

.justify .justify-elements .add-justify-left a.add-check:before,
.justify .justify-elements .add-justify-center a.add-check:before,
.justify .justify-elements .add-justify-right a.add-check:before {
	background:url(../img/check.png) no-repeat;
	line-height:20px;
	content:'';
	position:absolute;
	left:-8px;
	top:30%;
	width:15px;
	height:15px;
	
}

/*-- Start Input styles
     ================ --*/
.custom-floating-child-elements .input_options .input_element {
	padding: 10px 0;
}

.custom-floating-child-elements .add-input-placeholder {
	float:left !important;
}
 
.custom-floating-child-elements .input_placeholder,
.custom-floating-child-elements .input_options {
	border-top: #424241  1px solid;
	margin-top:45px;
	
}

.custom-floating-child-elements .input_placeholder {
	padding:15px 0px;
}

.custom-floating-child-elements.input_placeholder label {
	margin-bottom:10px;
}

.custom-floating-child-elements .input_placeholder input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border:1px solid #424241;
	border-radius:6px !important;
	font-size:15px;
	width:100%;
}

.custom-floating-child-elements .input_options .input_color label {
	float:left;
	margin-top:10px;
	
}

.custom-floating-child-elements .input_options .input_color .colorpicker_input_bgcolor {
	width:106px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 5px auto;
    text-align: center;
	border:1px solid #424241;
	border-radius:6px !important;
}

.custom-floating-child-elements .input_options .input_style,
.custom-floating-child-elements .button_options .button_style {
	margin-top:15px;
	border-bottom:0px;
}

.custom-floating-child-elements .input_options .input_style span,
.custom-floating-child-elements .button_options .button_style span {
	width:30px;
}

.input-style-bold {
	margin:0 15px 0 0;
	line-height:45px;
}
.input-italic,
.input-strikethrough,
.input-underline,
.add-input-style,
.add-input-font { 
	line-height:45px;
	margin:0px 15px;
}

.add-input-placeholder {
	margin:0 0 0 15px;
}

.custom-floating-child-elements .input_font_options {
	border-top: #424241  1px solid;
	max-height:130px;
	padding-top:10px;
	border-bottom:0px;
	margin-top:45px;
}

.custom-floating-child-elements .input_font {
	overflow:auto;
	max-height:100px;
}

.input-style-bold .input-bold {
	background:url(../img/editor_popup.png) no-repeat -18px -11px;
    padding:0 5px;
}

.input-style-bold:hover .input-bold,
.input-style-bold.active .input-bold {
	background:url(../img/editor_popup_active.png) no-repeat -18px -11px;
}

.input-style-italic .input-italic {
	background:url(../img/editor_popup.png) no-repeat -42px -11px;
	padding:0 5px;
}

.input-style-italic:hover .input-italic,
.input-style-italic.active .input-italic {
	background:url(../img/editor_popup_active.png) no-repeat -42px -11px;
}

/*.input-style-strikethrough .input-strikethrough a {
	background:url(../img/editor_popup.png) no-repeat -361px -10px;
	padding:0 7px;
}

.input-style-strikethrough:hover .input-strikethrough a,
.input-style-strikethrough.active .input-strikethrough a {
	background:url(../img/editor_popup_active.png) no-repeat -361px -10px;
}

.input-style-underline .input-underline a {
	background:url(../img/editor_popup.png) no-repeat -386px -11px;
	padding:0px 7px;
}

.input-style-underline:hover .input-underline a,
.input-style-underline.active .input-underline a {
	background:url(../img/editor_popup_active.png) no-repeat -386px -11px;
}*/

.add-input-font a {
	background:url(../img/editor_popup.png) no-repeat -161px -9px;
	padding:0px 4px;
}

.add-input-font:hover a,
.add-input-font.active a {
	background:url(../img/editor_popup_active.png) no-repeat -161px -9px;
}

.add-input-placeholder a {
	background:url(../img/editor_popup.png) no-repeat -307px -6px;
	padding:5px 20px;
}

.add-input-placeholder:hover a,
.add-input-placeholder.active a {
	background:url(../img/editor_popup_active.png) no-repeat -307px -6px;
}

/*-- Start Image styles
     ================ --*/
.custom-floating-child-elements .add-image-link,
.custom-floating-child-elements .add-image,
.custom-floating-child-elements .resize-image {
	padding:4px 0;
	margin:0;
	text-align:center;
}

.custom-floating-child-elements .resize-image { 
	float:left !important;
}

.custom-floating-child-elements .resize-image a {
	background:url(../img/editor_popup.png) no-repeat -479px -5px;
	padding:10px;
} 

.custom-floating-child-elements .resize-image:hover a,
.custom-floating-child-elements .resize-image.active a {
	background:url(../img/editor_popup_active.png) no-repeat -479px -5px;
}


.custom-floating-child-elements .add-image-link a {
	background:url(../img/editor_popup.png) no-repeat -64px -5px;
	padding:10px;
}

.custom-floating-child-elements .add-image-link:hover a,
.custom-floating-child-elements .add-image-link.active a {
	background:url(../img/editor_popup_active.png) no-repeat -64px -5px;
}

.custom-floating-child-elements .add-image a {
	background:url(../img/editor_popup.png) no-repeat -182px -4px;
	padding:10px;
}

.custom-floating-child-elements .add-image:hover a,
.custom-floating-child-elements .add-image.active a {
	background:url(../img/editor_popup_active.png) no-repeat -182px -4px;
}

.image_link,
.upload_image {
	padding:15px 0px;
	border-top: #424241  1px solid;
	margin-top:40px;
	text-align:center;
}

.upload_image span {
	border:1px solid #424241;
	padding:7px;
	border-radius:5px;
}

.image_link a,
.add_styles .popline-boxed .save_link_text {
	background-color:#fb557b;
	width:50%;
	min-height:29px;
	border-radius:24px;
	display:block;
	margin:auto;
	text-align:center;
	margin-top:25px;
	font-weight:600;
	font-size: 16px !important;
	color:#fff;
	padding:6px;
	line-height:20px;
	transition:1s linear;
}

.show_error_img {
	position:absolute;
	font-size:14px;
}

.image_link a:hover,
.add_styles .popline-boxed .save_link_text:hover,
.custom-floating-child-elements .video .save_video_links:hover {
	background-color:#ef2856;
	color:#fff;
}
	 
/*-- Link styles
     ================ --*/
.add_styles .popline-boxed {
	border-top: #424241  1px solid;
	padding:15px 0px;
	width:100%;
}

.add_styles .popline-boxed a,
.image_link span {
	color: #999985;
    margin: 10px auto;
    margin-right: 10px;
    font-size: 14px;
}

.image_link span {
	margin-right:8px;
}

.add_styles .popline-boxed input,
.image_link input {
	background: none;
    border: 1px solid #424241;
    border-radius: 4px;
    padding-left: 10px;
    min-height: 29px;
	line-height:29px;
	display:inline-block;
}

.image_link input {
	width:180px;
}

.add_styles .de-link-image a,
.add_styles .de-link a {
	background:url(../img/editor_popup.png) no-repeat -276px -11px;
	padding:0 10px;
}

.add_styles .de-link-image:hover a,
.add_styles .de-link:hover a {
	background:url(../img/editor_popup_active.png) no-repeat -276px -11px;
	padding:0 10px;
}

/*-- List styles
     ================ --*/
.list {
	display:block;	
	border-top: #424241  1px solid;
	margin-top:45px;
	padding:15px;
}

.custom-floating-child-elements .popline-justify-button.add-li-list {
	margin:auto;
	width:100%;
}

.custom-floating-child-elements .add-ordered-list a,
.custom-floating-child-elements .add-unordered-list a {
	line-height:20px;
	position:relative;
}

.custom-floating-child-elements .add-ordered-list a.add-check:before,
.custom-floating-child-elements .add-unordered-list a.add-check:before {
	background:url(../img/check.png) no-repeat;
	line-height:20px;
	content:'';
	position:absolute;
	left:-20px;
	top:35%;
	width:15px;
	height:15px;
	
}

.custom-floating-child-elements .add-unordered-list .add-check.active {
	color:#ff5858;
}

.custom-floating-child-elements .add-ordered-list a {
	background:url(../img/ordered-list.png) no-repeat center;
	padding:10px;
}

.custom-floating-child-elements .add-unordered-list a {
	background:url(../img/unordered-list.png) no-repeat center;
	padding:10px;
}	 

/*-- Start Timer styles
     ================ --*/
.timer_style .timer-element {
	cursor:pointer;
	margin:5px;
}

.un-style  ul {
	background:none !important;	
}

.un-style  ul li .fn_hidden_timer_days,
.un-style  ul li .fn_hidden_timer_hours,
.un-style  ul li .fn_hidden_timer_minutes,
.un-style ul li .fn_hidden_timer_seconds,
.block-style  ul li .fn_hidden_timer_days,
.block-style  ul li .fn_hidden_timer_hours,
.block-style  ul li .fn_hidden_timer_minutes,
.block-style  ul li .fn_hidden_timer_seconds {
	background:none !important;
	border-bottom-style: none !important;
}

.timer_color_bgcolor {
	width:130px;
	padding-top:10px;
}

.custom-floating-child-elements .add-timer-style {
	float:left !important;
}

.add-timer-calender a {
	background:url(../img/editor_popup.png) no-repeat -448px -12px;
	padding:0 9px;
}

.add-timer-calender a:hover,
.add-timer-calender.active a {
	background:url(../img/editor_popup_active.png) no-repeat -448px -12px;
}

.custom-floating-child-elements .timer .input-group {
	width:100%;
}

.custom-floating-child-elements .timer,
.custom-floating-child-elements .timer_color,
.custom-floating-child-elements .timer_style {
	border-top: #424241  1px solid;
	margin-top:45px;
	padding:15px 0px;
	/*max-width:215px;*/
}

.custom-floating-child-elements .timer .fn_datepicker {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: center;
	border:1px solid #424241;
	border-radius:6px !important;
}

.custom-floating-child-elements .timer_color input {
	width:106px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin:0 auto 15px;
    text-align: center;
	border:1px solid #424241;
	border-radius:6px !important;	
}

.custom-floating-child-elements .timer_style {
	text-align:center;
} 

.custom-floating-child-elements .timer_style .timer-element {
	cursor:pointer;
	margin:5px 0 15px;;
	padding-bottom:5px;
	position:relative;
	font-size:14px;
}

.custom-floating-child-elements .timer_style .timer-element.check {
	background:url(../img/check.png) no-repeat 70px 1px;
	color:#fff;
}

.timer-styles .popline-button {
	margin:0px 8px;
	width:63px;
}
	 
/*-- Start Video styles
     ================ --*/
.custom-floating-child .add-video {
	min-width:250px;
}

.custom-floating-child .add-video a {
	background:url(../img/editor_popup.png) no-repeat -414px -12px;
	padding:0 10px;
}
.custom-floating-child .add-video:hover a,
.custom-floating-child .add-video.active a {
	background:url(../img/editor_popup_active.png) no-repeat -414px -12px;
}

.custom-floating-child-elements .video {
	border-top: #424241  1px solid;
	margin-top:0px;
	padding:15px 0px;
}

.custom-floating-child-elements .video .save_video_links {
	background-color:#fb557b;
	width:60%;
	padding:6px;
	min-height:29px;
	border-radius:24px;
	display:block;
	margin:20px auto auto;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:16px !important;
	line-height:24px;
	transition:1s linear;
}

.custom-floating-child-elements .video input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 5px auto;
	border:1px solid #424241;
	border-radius:6px !important;
	width:250px;
}

.custom-floating-child-elements .video .video_type .input-group {
	width:100%;
	position:relative;
}

.custom-floating-child-elements .video .auto_play_new .input-group {
	position:relative;
}

.custom-floating-child-elements .video .video_type .input-group:after,
.custom-floating-child-elements .video .auto_play_new .input-group:after {
	background-color: #2c2c2b;
    color: #424241;
    content:'\f078';
    font-family: Fontawesome;
    font-size: 10px;
    height: 32px;
    line-height: 32px;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 17px;
    z-index: 2;
	text-align:center;
}

.custom-floating-child-elements .video select {
	border:1px solid #424241;
	font-size:14px;
	background-color:rgba(255, 255, 255, 0);
	padding:6px 30px 6px 12px;
	-webkit-appearance:none;
}

.custom-floating-child-elements .video select option {
	font-size:14px;
	background-color:#0f0f0e;
}

.custom-floating-child-elements .video .auto_play_new label {
	float:left;
	margin:5px 10px 0 0;
}

/*-- Start Button styles
     ================ --*/

.button_color label {
	float:left;
	width:132px;
	padding:5px 0px;
}

.button_color {
	margin-top:0px;
	padding-top:20px !important;
}

.button_color .form-control {
	width:107px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: center;
	border:1px solid #424241;
	border-radius:6px !important;
	margin-bottom:15px;
}

.button_font {
	overflow:auto;
	max-height: 120px;
}

.input_font .font-family,
.button_font .font-family {
	font-size:16px;
	padding:5px 0px;
	line-height:10px;
}

.button_options .button_size.button_element {
	padding-bottom:30px;
}

.button_options .button_element {
	padding-bottom: 10px;
}

.custom-floating-child-elements .button_options {
	margin-top:45px;
	border-top: #424241  1px solid;
}

.custom-floating-child-elements .button_text_size,
.custom-floating-child-elements .button_text_type,
.custom-floating-child-elements .button_font_style {
	border-top: #424241  1px solid;
	margin-top:45px;
	padding-top:15px;
	
}

.button1-de-link {
	margin:0 8px 0 0;
	width:36px;
}

.button-styles .popline-button { 
	width:44px;
	margin:0px 8px;
	text-align:left;
}

.button1-styles .popline-button { 	
	width:32px;
	margin:0px 8px;
	text-align:left;
}

.sub-slider-one .form-control,
.button_size .form-control {
	border:0px;
	width:10%;
	height:27px;
	padding:0px;
	font-size:12px;
}

.slider-line-height .sub-slider-one .form-control {
	width:15%;
}

.button_font_style span {
	width:10px;
	margin:0 22px;
	padding:0 8px;
	cursor:pointer;
}

.button_font_style span {
	background:url(../img/editor_popup.png) no-repeat;
}

.button_font_style span:hover {
	background:url(../img/editor_popup_active.png) no-repeat;
}

.button_font_style .button-bold,
.button_font_style .button-bold:hover {
	background-position:-18px -11px;
}

.button_font_style .button-italic,
.button_font_style .button-italic:hover {
	background-position:-41px -11px;
}

.button_font_style .button-strikethrough,
.button_font_style .button-strikethrough:hover {
	background-position:-361px -11px;
}

.button_font_style .button-underline,
.button_font_style .button-underline:hover {
	background-position:-386px -12px;
}

.button_style span.add-check { position:relative; }

.button_style span.add-check:before {
	background:url(../img/check.png) no-repeat;
	content:'';
	position:absolute;
	left:-20px;
	top:20%;
	width:15px;
	height:15px;	
}

/*-- Start Label styles
     ================ --*/
	 
.label-styles .popline-button {
	width:20px;
	margin:0px 8px;
	text-align:center;
}
	 
.demo .timer li span.timeSelector,
.demo-child .timer li.timeSelector .timeSelector {
	letter-spacing:4.8px;
}

.font-bold { font-weight:bold; }
.font-italic { font-style:italic; }
/*-- Start Element popup-above styles
     ================ --*/

.custom-floating-child.pop-above .popline-boxed {
	border-top:0;
}

.custom-floating-child.pop-above .input_placeholder,
.custom-floating-child.pop-above .input_options,
.custom-floating-child.pop-above .input_font_options ,
.custom-floating-child.pop-above .slider,
.custom-floating-child.pop-above .slider-line-height,
.custom-floating-child.pop-above .slider-color,
.custom-floating-child.pop-above .slider-font-family,
.custom-floating-child.pop-above .justify,
.custom-floating-child.pop-above .link,
.custom-floating-child.pop-above .list,
.custom-floating-child.pop-above .button_options,
.custom-floating-child.pop-above .button_text_size,
.custom-floating-child.pop-above .button_text_type,
.custom-floating-child.pop-above .button_font_style,
.custom-floating-child.pop-above .timer,
.custom-floating-child.pop-above .timer_style,
.custom-floating-child.pop-above .timer_color,
.custom-floating-child.pop-above .upload_image,
.custom-floating-child.pop-above .image_link,
.custom-floating-child.pop-above .video {
	position:absolute;
	left:0;
	margin-top:0;
	min-width:100%;
	border-bottom:1px solid #424241;
	border-top:transparent;
	background-image:-moz-linear-gradient(top, #111, #2e2e2c);
	background-image:-ms-linear-gradient(top, #111, #2e2e2c);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#111), to(#2e2e2c));
	background-image:-webkit-linear-gradient(top, #111, #2e2e2c);
	background-image:-o-linear-gradient(top, #111, #2e2e2c);
	background-image:linear-gradient(to bottom, #111, #2e2e2c);
	transition: height 2s ease;
	border-radius:6px 6px 0 0;
	transition:height 1s linear;
	padding:15px;
}

.custom-floating-child.pop-above .input_placeholder {
	top:-93px;
}

.custom-floating-child.pop-above .input_options {
	top:-63px;
	padding:10px 20px;
}
.custom-floating-child-elements.pop-above .input_options .input_element { padding:0; }

.custom-floating-child.pop-above .input_font_options {
	top:-126px;
}

.custom-floating-child.pop-above .slider,
.custom-floating-child.pop-above .slider-line-height {
	padding:0 15px;
	top:-60px;
}

.custom-floating-child.pop-above .sub-slider-one {
	border-top:0;
	margin-bottom:20px;
	margin-top:0;
}

.custom-floating-child.pop-above .slider-font-family {
	padding:0 15px 10px;
	top:-143px;
}

.custom-floating-child.pop-above .slider-color {
	padding:0 15px;
	top:-67px;
}

.custom-floating-child.pop-above .sub-slider-two {
	border-top:0;
	margin-top:0;
}

.custom-floating-child.pop-above .justify {
	top:-41px;
	padding:0px;
}

.custom-floating-child.pop-above .list {
	top:-48px;
}

.custom-floating-child.pop-above .link {
	padding:0 15px;
	top:-119px;
}

.custom-floating-child.pop-above .button_options {
	padding:0 15px;
	top:-125px;
}

.custom-floating-child.pop-above .button_text_size {
	top:-61px;
}

.custom-floating-child.pop-above .button_text_type {
	top:-147px;
}

.custom-floating-child.pop-above .button_font_style {
	top:-50px;
}

.custom-floating-child.pop-above .timer {
	top:-94px;
}

.custom-floating-child.pop-above .timer_color {
	top:-126px;
}

.custom-floating-child.pop-above .timer_style {
	padding:15px 15px 0;
	top:-138px;
}

.custom-floating-child.pop-above .upload_image {
	top:-75px;
	border-top:0px;
}

.custom-floating-child.pop-above .image_link {
	top:-117px;
}

.custom-floating-child.pop-above .add-video {
	min-width:240px !important;
}

.custom-floating-child.pop-above .video {
	top:-306px;
	height:309px;
}

.custom-floating-child.pop-above .embed-video-type {
	top:-239px;
	height:242px;
}

/*-- Start Calendar styles
     ================ --*/
 
.custom-floating-child-elements .timer .input-group {
	width:100%;
}

[class*=" datetimepicker-dropdown"]:before,
.datetimepicker-dropdown-bottom-right:after {
	display:none !important;
}

.datetimepicker-days  table thead,
.datetimepicker-hours table thead,
.datetimepicker-minutes table thead,
.datetimepicker table thead,
.datetimepicker-years table thead {
	background-color:#434340;
	border-bottom:1px solid #696966;
	color:#ffffff;
}

.datetimepicker thead tr:first-child th {
	background-color:#2d2d2b;
	border-radius:0;
	border-bottom:1px solid #636361;
}

.datetimepicker thead tr th.switch {
	font-family:Asap-Bold;
	font-size:15px;
}

.datetimepicker thead tr th.prev:after,
.datetimepicker thead tr th.switch:after {
	 border-right: 2px solid #434340;
     content: "";
     display: block;
     float: right;
     height: 39px;
     left:40px;
     position: absolute;
     top: 0;
}

.datetimepicker thead tr th.switch:after {
     right:40px;
}

.datetimepicker thead tr th.prev {
	visibility:visible !important;
}

.datetimepicker thead tr th.prev i:before {
	content:'\f053';
	font-family:FontAwesome;
	font-size:12px;
}

.datetimepicker thead tr th.next i:before {
	content:'\f054';
	font-family:FontAwesome;
	font-size:12px;
}

.datetimepicker td,
.datetimepicker th {
	border-radius:0px !important;
}
.datetimepicker thead tr:nth-child(2) th {
	font-weight:normal;
}

.datetimepicker thead tr:first-child > th.next {
	border-right:0px;
}

.datetimepicker thead tr:first-child th:hover {
	background-color:#2d2d2b !important;
}

.datetimepicker-days  table thead tr:last-child {
	font-size:11px;
}	 

.datetimepicker.dropdown-menu {
	padding:0px 0px 5px !important;
	font-family:open sans;
	color:#60605d;
	border-radius:0px;
}

.datetimepicker table tr td span {
	height:26px !important;
	line-height:26px !important;
}

.datetimepicker table tr td span:hover {
	border-radius:0px;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color:#fb557b !important;
	border-radius:0;
	background-image:none !important;
}

.ul-custom-class:before {
	content:'\f111';
	font-family:FontAwesome;
	font-size:12px;
    left:0;
	padding-right:5px;
}

.ol-custom-class:before {
	content:'1.';
    left:0;
	padding-right:5px;
}

.mar-tb a { display:inline-block; }

@media screen and (max-width: 360px) {
	.mar-tb input,
	.mar-tb .custom_fn_button {
		width:100% !important;
		min-width:100% !important;
		margin:0 0 15px !important;
	}
}

@media screen and (max-width: 1366px) {
	.editor-right-menu .mgbtn {
		padding:8px 20px
	}
	.editor-right-menu .mgbtn.exit-btn {
		padding:inherit;
	}
}

/*-- Video
     ================ --*/
.video-frame {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 60px;
	overflow: hidden;
	display:block;
	height:0;
}

.video-frame iframe,
.video-frame object,
.video-frame embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}