/* Iframe size rules*/
.zoomer-wrapper,
.zoomer-small,
.zoomer-cover{
	max-width: 100%;
}
/*===*/

.ui-draggable-handle a {

}





.ui-draggable-handle a {
  background-size: 30px;
}



.ui-draggable-handle #headers {
  background-image: url('../icons/header.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #headers:hover {
  background-image: url('../icons/header.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;


}

.ui-draggable-handle #headers.active {
  background-image: url('../icons/header.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;


}

.ui-draggable-handle #content {
  background-image: url('../icons/content.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #content:hover {
  background-image: url('../icons/content.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #content.active {
  background-image: url('../icons/content.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #tables {
  background-image: url('../icons/tables.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #tables:hover {
  background-image: url('../icons/tables.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #tables.active {
  background-image: url('../icons/tables.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #portfolios {
  background-image: url('../icons/portfolio.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #portfolios:hover {
  background-image: url('../icons/portfolio.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #portfolios.active {
  background-image: url('../icons/portfolio.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #contacts {
  background-image: url('../icons/contacts.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #contacts:hover {
  background-image: url('../icons/contacts.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #contacts.active {
  background-image: url('../icons/contacts.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #footers {
  background-image: url('../icons/footer.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;
}

.ui-draggable-handle #footers:hover {
  background-image: url('../icons/footer.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #footers.active {
  background-image: url('../icons/footer.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}


.ui-draggable-handle #elements {
  background-image: url('../icons/divider.png');
  background-repeat: no-repeat;
  background-position: 12px -39px;

}

.ui-draggable-handle #elements:hover {
  background-image: url('../icons/divider_h.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle #elements.active {
  background-image: url('../icons/divider_h.png');
  background-repeat: no-repeat;
  background-position: 12px 8px;

}

.ui-draggable-handle > a {
    background-position: 12px 8px; 
}




.menu{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.menu .second{
	background: #1f2e3c;	
}

.menu .main{
	width: 215px;
}

.menu .main h3{
	margin: 0 18px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
}

.menu .main > ul > li > a{
	padding: 7px 0px 6px 56px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.menu .main > ul#elements > li > a:hover{
	color: #758594; 
}



.fui-list{
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(custom-icons/list.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 0 4px;
}

.fui-windows{
	display: inline-block;
	width: 22px;
	height: 26px;
	background-image: url(custom-icons/page_b.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 0 5px;
}

.fui-list:before,
.fui-windows:before,
.fui-cross:before,
.fui-new:before{
	display: none;
}

.main > hr{
	border-top: 1px solid #566879 !important;
	margin-top: 28px;
	margin-bottom: 36px;
}

.menu .main > ul#pages > li > a{
	padding: 5px 0px 0 40px;
	color: #fff;
	text-transform: capitalize;
}

.menu .main > ul#pages > li.edit> input{
	margin-left: 40px;
}

.fui-cross{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(custom-icons/trash.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.fui-new{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(custom-icons/edit.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;

}

.menu .main ul#pages li.active.edit > span a.btn{
	display: none;
}

/*btn slyles*/
.fui-export{
	display: none;
}

.fui-plus{
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	background-image: url(custom-icons/page.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0 0;
}

.btn > .fui-plus{
	margin-top: -2px;
	margin-left: -5px;
}

.fui-plus:before{
	display: none;
}

.btn{
	margin-top: 4px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.btn-primary{
	background: #4aaaa5;
	color: #34495e;
}

.btn-info{
	background: #4aaaa5;
	color: #34495e;
}

.btn-danger{
	background: #e45f56;
	color: #fff;
}

.btn-info.disabled, 
.btn-info[disabled]{
	background: #4aaaa5;
	color: #34495e;
}

.btn-primary:hover, 
.btn-primary.hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary{
	background: #4aaaa5;
	color: #35404f;
}

.btn-info:hover, 
.btn-info.hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info{
	background: #7accc8;
	color: #35404f;
}

.main .btn{
	max-width: 80px;
	margin: 0 5px;
}

.main > .sideButtons{
	margin-left: 15px;
	width: 180px;
}

/*container section*/
header .modes > b{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #34495e;
}

header .modes > label.radio.primary{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.checkbox.primary.checked, .radio.primary.checked{
	color: #4aaaa5;
}

.fui-radio-checked:before,
.fui-radio-unchecked:before{
	display: none;
}

.radio.primary .icons{
	display: block;
	float: left;
	width: 49px;
	height: 39px;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
	background-size: 143px 97px;
	background-position: 0 -6px;
	margin-left: -4px;
}

.radio.sec .icons{
	display: block;
	float: left;
	width: 45px;
	height: 39px;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
	background-size: 143px 97px;
	background-position: -50px -6px;
}

.radio.last .icons{
	display: block;
	float: left;
	width: 45px;
	height: 39px;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
	background-size: 143px 97px;
	background-position: -95px -6px;
}

.radio.sec.checked .icons{
	display: block;
	float: left;
	width: 45px;
	height: 39px;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
	background-size: 143px 97px;
	background-position: -50px -54px;
}

.radio.last.checked .icons{
	display: block;
	float: left;
	width: 45px;
	height: 39px;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
	background-size: 143px 97px;
	background-position: -95px -54px;
}

.radio.primary.checked .icons{
	display: block;
	float: left;
	background-image: url(custom-icons/dot.png);
	background-repeat: no-repeat;
 	width: 49px;
  	height: 39px;
  	background-position: 0px -54px;
  	background-size: 143px 97px;
  	margin-left: -4px;
  }

.radio.primary{
	cursor: pointer;
}

.radio.primary.disabled{
	z-index: -1;
	opacity: 0.3;
}

.radio.sec.disabled{
	z-index: -1;
	opacity: 0.3;
}

.radio.last.disabled{
	z-index: -1;
	opacity: 0.3;
}

.styleEditor .btn > [class^="fui-"],
.styleEditor .btn > .fa{
	display: none;
}

.styleEditor .fui-new{
	background-position: 0 3px;
}

.styleEditor .breadcrumb .active{
	color: #4aaaa5;
}

.styleEditor .breadcrumb > li:after{
	color: #4aaaa5;
}

.styleEditor .dropdown-toggle{
	padding-top: 9px;
	padding-bottom: 9px;
}

.screen .toolbar .buttons{
	margin-top: 14px;
}

.screen .toolbar .left{
	width: 6px;
	height: 6px;
	margin-right: 8px;
}

.screen .toolbar .left.red{
	background: #fff;
}

.screen .toolbar .left.yellow{
	background: #fff;
}

.screen .toolbar .left.green{
	background: #fff;
}

.screen .start > span{
	font-family: 'Open Sans', sans-serif;
	background: none;
	font-size: 22px;
	font-style: italic;
	color: #34495e;
	text-transform: lowercase;
}

.screen .start > span .highlight{
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
	display: block;
	text-transform: uppercase;
}

/*buttons for iframe*/
.zoomer-cover .btn{
	margin: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 0;

}

.zoomer-cover .btn-warning,
.zoomer-cover .btn-warning:hover{
	background: #4aaaa5;
}

.btn-success{
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.btn-success,
.btn-success:hover,
.btn-success:focus{
	background: #82b440;
}

.btn-success:hover{
	opacity: 0.7;
}

.fui-trash:before,
.fa-refresh:before{
	display: none;
}

.fui-trash{
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	background-image: url(custom-icons/trash.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0 -3px;
}

.fa-refresh{
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(custom-icons/reset.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 0 0;
}

/*modal*/
.modal-content{
	box-shadow: none;
	background: #ffffff;
}

.modal-header{
	padding: 34px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	color: #34495e;
	background: #f3f7f7;
	border: none;
}

.modal-title{
	text-align: center;
}

.modal-body{
	padding-top: 45px;
}

.form-horizontal .control-label{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.form-control{
	font-family: 'Open Sans', sans-serif;
	color: #34495e;
	font-size: 14px;
	font-weight: bold;
	border: 3px solid #e1e8e9;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form-control:focus{
	border-color: #8fd9e0;
}

.modal-body .modal-info{
	margin-top: -15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #34495e;
}

.modal-info a{
	color: #8fd9e0;
}

.modal-info a:hover{
	opacity: 0.8;
}

.modal-footer{
	background: none;
	padding-bottom: 40px;
	text-align: left;
}

.modal-footer .btn:nth-child(1){
	float: left;
}

.modal-footer .btn:nth-child(2){
	float: right;
}

.btn.btn-exprort{
	padding-left: 52px;
	margin-right: 10px;
	background-image: url(custom-icons/export.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 15px 47%;
}

.btn.btn-shop{
	padding-left: 52px;

	background-image: url(custom-icons/shop.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 23px 47%;
}

/*Error style*/
.wrapper-error{
	position: relative;
	margin: 0;
	background-color: #f3f7f7;
}

.error{
	text-align: center;
	padding-top: 180px;
}

.error__message{
	width: 590px;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom: 80px;
	background-color: #fff;
}

.error__info{
	width: 590px;
	padding: 30px 0;
	margin: 0 auto;
	background-color: #34495e;
}

.error__info p{
	margin: 0;
	padding: 5px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #fff;
}

.error__info p a{
	font-weight: bold;
	color: #4aaaa5;
	text-decoration: none;
}

.error__image{
	width: 227px;
}

.error__text{
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #34495e;
	font-size: 24px;
}

.error__text .highlight{
	display: block;
	font-weight: bold;
	font-size: 32px;
}

.btn-return{
	display: inline-block;
	margin-top: 60px;
	margin-bottom: 150px;
	text-decoration: none;
	opacity: 0.7;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.btn-return:hover{
	opacity: 1;
}

@media (max-width: 660px){
	.error{
		padding-left: 15px;
		padding-right: 15px;
	}

	.error__message,
	.error__info{
		width: 100%;
	}
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus{
	color: #4aaaa5;
}

/* Preloader section*/
.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 84px;
  height: 130px;
  background-image: url('loading.gif');
  z-index: -1;
}