/* messages */

.active,
.success,
.info,
.notice,
.error {
    padding: 0 10px;
    margin: 10px 0;
}


.active	{
	background: #f5f5f5;
    color: #888888;
}

.success {
	background: #DFF0D7;
    color: #5f665c;
}

.info {
	background: #d9edf7;
    color: #5a6266;
}

.notice {
	background: #fcf8e3;
    color: #7c7657;
}

.error { 
	background: #f2dede;
    color: #6c5050;
}

/* buttons */

.btn {
	display: inline-block;
    border-style: solid;
    text-transform: uppercase;
    padding: 0 20px;
}

.btn a {
	display: block;
}

/* go to */

.go-to,
.go-to-top {
	cursor: pointer;
}

/* message box */

.box {
    position: relative;
	height: 100px;
}

.box .box-icon {
    float: left;
    display: inline-block;
}

.box .box-label {
    display: inline-block;
    float: left;
}

.box .box-text {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90%;
}

.box .box-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.box .box-close i {
    color: #fff;
    font-size: 14px;
}

.box .box-icon i {
    font-size: 14px;
}

.box .button {
    position: absolute;
    right: 35px;
    top: 35px;
    height: 30px;
    line-height: 30px;
}

.box .button a {
    font-size: 12px;
    padding: 0 30px;
    font-weight: 700;
}

.box .box-label {
    line-height: 100px;
    text-transform: uppercase;
    margin-right: 20px;
}

.box .box-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 100px;
}

.box .box-ixon {
    line-height: 130px;
    height: 100px;
    width: 100px;
    display: inline-block;
    text-align: center;
}

.box .box-icon i {
    font-size: 50px;
}

/* breadcrumb */

.breadcroumb ul {
	list-style-type: none;
	width: 100%;
}

.breadcroumb ul li {
	display: inline-block;
}

.breadcroumb ul li:after {
	content: '/';
	display: inline-block;
	margin: 0 10px;
}

.breadcroumb ul li:last-child:after {
	display: none;
}

/* pagination */

.pagination {
	position: relative;
	width: 100%;
}

.pagination .arrow-nav {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #ebebeb;
	display: inline-block;
	position: absolute;
	cursor: pointer
}

.pagination .arrow-nav {
    display: inline-block;
    text-align: center;
    margin: 0 3px;
    height: 40px;
    width: 40px;
    border: 1px solid #ebebeb;
}

.pagination .arrow-prev {
	left: 0;
	top: 0;
    position: absolute;
}

.pagination .arrow-next {
	right: 0;
	top: 0;
    position: absolute;
}

.pagination .arrow-prev i {
	vertical-align: middle;
} 

.pagination .arrow-next i {
	vertical-align: middle;
}

.pagination ul {
	text-align: center;
	list-style-type: none;
}

.pagination ul li {
	display: inline-block; 
	text-align: center;
	margin: 0 3px;
	height: 40px;
	width: 40px;
	border: 1px solid #ebebeb;
}

.pagination ul li a {
	display: block;
	line-height: 40px;
}


/* shapes */

.none {
    border: none !important;
}

.circle {
	border-radius: 100%;
}

.round {
	border-radius: 20px;
}

.frame {
	border: 10px solid #fff; 
}

.out-dotted {
	outline: 1px dotted #ebebeb;
}


.out-dashed {
	outline: 1px dashed #ebebeb;
}

/* isotope */

.grid-items {
	overflow: hidden;
    opacity: 0;
}

.grid-items.gutter-5 {
	margin-right: -2.5px;
	margin-left: -2.5px;
}

.grid-items.gutter-10 {
	margin-right: -5px;
	margin-left: -5px;
}

.grid-items.gutter-15 {
	margin-right: -7.5px;
	margin-left: -7.5px;
}

.grid-items.gutter-20 {
	margin-right: -10px;
	margin-left: -10px;
}

.grid-items.gutter-25 {
	margin-right: -12.5px;
	margin-left: -12.5px;
}

.grid-items.gutter-30 {
    margin-right: -15px;
    margin-left: -15px;
}

.grid-items.gutter-35 {
	margin-right: -17.5px;
	margin-left: -17.5px;
}

.grid-items.gutter-40 {
	margin-right: -20px;
	margin-left: -20px;
}

.grid-items.gutter-45 {
	margin-right: -22.5px;
	margin-left: -22.5px;
}

.grid-items.gutter-50 {
	margin-right: -25px;
	margin-left: -25px;
}

.grid-items.gutter-5 > .grid-item {
	padding: 2.5px;
}

.grid-items.gutter-10 > .grid-item {
	padding: 5px;
}

.grid-items.gutter-15 > .grid-item {
	padding: 7.5px;
}

.grid-items.gutter-20 > .grid-item {
	padding: 10px;
}

.grid-items.gutter-25 > .grid-item {
	padding: 12.5px;
}

.grid-items.gutter-30 > .grid-item {
	padding: 15px;
}

.grid-items.gutter-35 > .grid-item {
	padding: 17.5px;
}

.grid-items.gutter-40 > .grid-item {
	padding: 20px;
}

.grid-items.gutter-45 > .grid-item {
	padding: 22.5px;
}

.grid-items.gutter-50 > .grid-item {
	padding: 25px;
}

.grid-item {
    overflow: hidden;
}

.grid-item img {
	width: 100%;
    display: block;
}

.grid-filter:hover {
    color: #fff;
}

/* loader */

.load-wrap { 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	left: 0; 
	display: table;
    z-index: 999999;
}

.load-item { 
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 90px;
	height: 90px;
	background: url(../img/loader.gif) no-repeat center center;
}

.load-item-custom {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}