/* Preloader */
.bx-wrapper .bx-controls-direction a{z-index:99 !important;}
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should be a color other than white */
	z-index:99999; /* makes sure it stays on top */
}
#status {
	width:150px;
	height:150px;
	margin: 0 auto;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url(../img/loading.html);
	/* path to your loading animation */
    background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -60px;/* is width and height divided by two */
}
#back-to-top {
	position: fixed;
	bottom: 20px;
	right: 15px;
	z-index: 9999;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	background: #ed3237;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: all 1s ease 0s;
	opacity: 0;
	font-size: 24px;
}
#back-to-top:hover {
	background: #3d3d3d;
	border-radius:10px;
}
#back-to-top.show {
	opacity: 1;
}
.show {
	display: block!important;
}

/*  Inner Banner  */
.bg-img {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.no-padding {
	padding: 0!important;
	position:relative;
}
.sub-header.depen-on-img img {
	visibility: hidden;
}
.sub-header-inner.center-center {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.sub-header h2 {
	    color: #fffdfc;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-weight: 500;
    text-transform: uppercase;
}
.sub-header .breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
}
.sub-header .breadcrumb li a {
	color: #bfbdbd;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.sub-header .breadcrumb li.active {
	color: #bfbdbd;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.constructit-breadcrumb {
    padding: 9px 0px 13px;
    background: rgba(27,27,27,0.5);
}
.constructit-breadcrumb ul li:first-child {
    padding: 0px 12px 0px 0px;
}
.constructit-breadcrumb ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: -3px;
    top: 1px;
    color: #ffffff;
    font-size: 14px;
}
.constructit-breadcrumb ul li a {
       color: #bfbdbd;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-weight: 100;
    font-size: 13px;
}
.constructit-breadcrumb ul li.active{color:#0071bb;}
.constructit-breadcrumb ul li.active:before{display:none;}
.constructit-breadcrumb ul li {
    float: left;
    list-style: none;
    font-size: 14px;
    padding: 0px 12px;
    position: relative;
}
.about-select{background-color:#ed3237!important;}
.about-select a{color:#ffffff!important;}
.about-select a .icon{background-color:#000000!important;}





@media only screen and (max-width:991px) {

.order-top{

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.sidebar-side{    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;}

}
@media only screen and (max-width:767px) {
.sub-header h2 {
    font-size: 28px;
    line-height: 30px;
}
.constructit-breadcrumb {
    padding: 5px 0px 5px;
    background: rgba(27,27,27,0.5);
}
}


@media only screen and (max-width:500px) {
.sub-header h2 {
    font-size: 20px;
    line-height: 20px;
}
.constructit-breadcrumb {
    padding: 1px 0px 1px;
    background: rgba(27,27,27,0.5);
}
}