body{
		margin:0;
		padding:0;
		font-family:'Roboto Condensed', sans-serif;
		background:#f7f7f7;
		
		color:#666;
	}
	.float-l{
		float:left;
	}
	.float-r{
		float:right;
	}
	#header{
		width:100%;
		height:112px;
		border-bottom:1px solid #ccc;
	}
	.header-wrapper{
		width:960px;
		margin:0 auto;
	}
	#logo{
		float:left;
		width:275px;
		height:95px;
		margin-top:9px;
		background:url(images/logo.png) no-repeat 0 0;
		background-size:cover;
		background-size:100% auto;
	}
	.info-blk{
		float:right;
		margin:17px 18px 0 0;
	}
	#header h3 {
		letter-spacing: 13px;
		background:#22656c;
		color: #fff;
		font-size:1.2em;
		padding:4px 24px 7px;
		margin:0;
		font-family: 'New Tegomin', serif;
	}
	.tp-blk{
		margin:10px 0;
		padding:5px 0 7px 30px;
		background:url(images/phone.jpg) no-repeat 0 0;
		background-size:30px auto;
	}
	.tp-blk a{
		text-decoration:none;
		color:#22656c;
		margin:0 5px 0 10px;
	}
	.tp-blk a.email{
		margin:0 5px 0 30px;
	}
	.tp-blk a:hover{
		color:#819799;
	}
	#holder{
		position:relative;
		width:100%;
		margin:0;
		min-height:400px;
		background-image:url(images/border.png);
		background-repeat:repeat-x;
		background-position:0 -183px;
	}
	#wrapper{
		width:980px;
		margin:0 auto;
		text-align:center;
		
	}
	.slider-wrapper{
		width:100%;
		max-width:1600px;
		height:380px;
		position:relative;
		background:#fff;
	}
	.slider-wrapper .slider-slide{
		width:100%;
		height:100%;
		background:url(images/banner2.jpg) no-repeat 0 0;
		background-size:contain;
	}
	.section-blk{
		position:relative;
		width:100%;
	}
	
	#main-cont{
		width:720px;
		display:inline-block;
		position:relative;
		margin:120px auto 40px;
	}
	.cont-wrapper{
		position:relative;
		padding:22px 10px;
		z-index:2;
		line-height:1.5em;
	}
	.bg-overlay{
		position:absolute;
		top:0;
		left:0;
		background:#f7f7f7;
		opacity:0.8;
		width:100%;
		height:100%;
		z-index:1;
	}
	h1{
		font-size:2.5em;
		color:#4f5b97;
		text-transform:uppercase;
		letter-spacing:5px;
		text-shadow:3px 2px 3px #000;
		margin:0;
		line-height:1.3em;
	}
	h3{
		color:#4f5b97;
		font-size:2em;
	}
	.title-wrapper{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.section-title{
		position:relative;
		display:inline-block;
		padding:0 56px;
		text-align:center;
		text-transform:uppercase;
		margin:46px 0 72px;
	}
	.section-title:after,
	.section-title:before{
		content:"";
		width:30px;
		height:2px;
		position:absolute;
		background:#4f5b97;
		top:50%;
		margin-top:-1px;
	}
	.section-title:after{
		right:0;
	}
	.section-title:before{
		left:0;
	}
	.sm-title{
		font-size:1.2em;
		font-weight:normal;
	}
	ul{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	p{
		letter-spacing:2px;
	}

	
	.location-wrapper{
		width:100%;
		position:relative;
	}
	.col-6{
		width:49%;
		position:relative;
		display:inline-block;
		vertical-align:top;
	}
	.col-6 .col-inner{
		width:100%;
	}
	.map-wrapper iframe{
		width:100%;
		height:300px;
	}
	
	.contact-info{
		margin-left:50px;
	}
	.contact-info .sm-title{
		background: url(images/title-bg-blue.png) no-repeat 0 0;
		background-size: 100% 39px;
		display: inline-block;
		padding: 7px 20px;
		color: #fff;
	}
	.contact-info li{
		margin-bottom:10px;
		color:#666;
		line-height:22px;
		width:calc(100% - 105px);
		display:inline-block;
		vertical-align:top;
	}
	.contact-info li a{
		color:#22656c;
		text-decoration:none;
	}
	.contact-info .label{
		width:100px;
		color#595252;
		font-weight:bold;
	}
	
	
	.service-wrapper{
		background:#329f95;
		padding:10px 0 40px;
	}
	.service-wrapper .section-title{
		color:#fff;
	}
	.service-wrapper .section-title:after,
	.service-wrapper .section-title:before{
		background:#fff;
	}
	
	.service-wrapper #tabs{
		width: 64%;
		margin: 0 auto;
	}
	.service-wrapper #tabs.ui-widget-content{
		background:none;
		border:none;
	}
	.service-wrapper ul,
	.service-wrapper ul.ui-widget-header{
		display: block;
		text-align: center;
		background:none;
		border:none;
		
	}
	.service-wrapper .ui-tabs .ui-tabs-nav li{
		display: inline-block;
		margin: 2px 5px 10px;
		background-color: #5a3a6c;
		border:none !important;
		float:none !important;
		padding: 7px 10px;
		-webkit-transition: background-color 1s;
		-moz-transition: background-color 1s;
		-o-transition: background-color 1s;
		transition: background-color 1s;
		box-shadow:4px 3px 3px #221e1e;
		
		/* background:#d5b50c; */
	}
	.service-wrapper .ui-tabs .ui-tabs-nav li:hover,
	.service-wrapper .ui-tabs .ui-tabs-nav li.ui-state-active{
		background-color:#d5b50c;
	}
	.service-wrapper .ui-tabs .ui-tabs-nav li a{
		text-transform: uppercase;
		color: #fff;
		text-decoration:none;
		letter-spacing:3px;
		padding:0;
	}
	.service-wrapper .tab-panel{
		color: #184f3f;
		background: #b7e6b6;
		padding: 20px;
		line-height: 31px;
		margin-top:20px;
		border-radius:20px;
	}
	
	#footer{
		width:100%;
		height:60px;
		background:#22656c;
		text-align:center;
	}
	#footer p{
		margin:20px 0;
		display:inline-block;
		color:#fff;
	}

	
	@media (min-width: 768px) and (max-width: 1023px) {
		#header{
			height:86px;
		}
		.header-wrapper{
			width:98%;
		}
		#logo{
			width:212px;
			height:74px;
		}
		#header h3{
			font-size:1em;
			padding:2px 24px 5px;
		}
		.info-blk{
			margin-top:10px;
		}
		.slider-wrapper{
			height:218px;
		}
		#wrapper{
			width:98%;
		}
		.service-wrapper .section-title{
			margin-bottom:34px;
		}
		.service-wrapper #tabs{
			width:86%;
		}

	}
	@media only screen and (max-width: 767px) {
		h1 {
			font-size: 1.5em;
			letter-spacing: 5px;
			text-shadow: 1px 1px 1px #000;
			line-height: 1em;
		}
		h3{
			font-size:1.5em;
		}
		.header-wrapper{
			width:100%;
		}
		#header{
			height:79px;
		}
		#logo {
			width: 128px;
			height: 42px;
			margin: 13px auto 0;
			display: block;
			float: none;
		}
		.info-blk{
			width:100%;
			margin:10px 0 0;
		}
		#header h3{
			font-size:0.7em;
			letter-spacing:10px;
		}
		.tp-blk{
			display:none;
		}
		.slider-wrapper{
			height:103px;
		}
		#wrapper{
			width:98%;
		}
		#main-cont{
			width:100%;
			margin-top:42px;
		}
		.service-wrapper #tabs{
			width:92%;
		}
		.service-wrapper .section-title{
			margin-bottom:26px;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav{
			height:42px;
			overflow:hidden;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav.active{
			height:auto;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav li a{
			letter-spacing: 0;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav li{
			display:none;
			position:relative;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav li.ui-state-active{
			display:inline-block;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav.active li{
			display:inline-block;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav li.ui-state-active:after{
			content: '';
			width: 20px;
			height: 20px;
			display: block;
			position: absolute;
			right: -36px;
			top: 13px;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.88px' height='80.593px' fill='%23fff' viewBox='0 0 122.88 80.593' enable-background='new 0 0 122.88 80.593' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='122.88,0 122.88,30.82 61.44,80.593 0,30.82 0,0 61.44,49.772 122.88,0'/%3E%3C/g%3E%3C/svg%3E");
			background-size:100% auto;
			background-repeat:no-repeat;
		}
		.arrow-down.mobile {
			position: relative;
			display: block;
			width: 20px;
			height: 20px;
			margin: 17px auto;
			display:none;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.88px' height='80.593px' fill='%23fff' viewBox='0 0 122.88 80.593' enable-background='new 0 0 122.88 80.593' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='122.88,80.593 122.88,49.772 61.44,0 0,49.772 0,80.593 61.44,30.82 122.88,80.593'/%3E%3C/g%3E%3C/svg%3E");
			background-size:100% auto;
			background-repeat:no-repeat;
		}
		.arrow-down.mobile.active{
			display:block;
		}
		.service-wrapper .ui-tabs .ui-tabs-nav.active li.ui-state-active:after{
			display:none;
		}
		.col-6{
			width:100%;
		}
		#footer{
			height:auto;
		}
		#footer p{
			font-size:11px;
			margin:0;
			padding:10px;
		}
	}
	
	
	

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

 @-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/*Albums*/
#header-wrapper{
	width:100%;
	height:90px;
	position:relative;
	background:#605fb3;
}
#header-wrapper h1{
	color:#fff;
	text-align:left;
	padding:18px 0;
	width:500px;
	margin:0 0 0 265px;
	text-shadow:4px 6px 3px #2e2058;
}
#main-wrapper{
	position:relative;
	width:100%;
	max-width:1600px;
	margin:0 auto;
}
#side-panel{
	width:240px;
	display:inline-block;
	margin-top:6px;
}
	#side-panel ul{
		margin:0;
		padding:0;
	}
	#side-panel ul li{
		background:#9e9ded;
		box-shadow:-5px 0px 3px 1px;
		transition: 0.5s;
	}
		#side-panel ul li:hover{
			background:#fff;
		}
		#side-panel ul li:hover > a{
			color:#9e9ded;
		}
		#side-panel ul li.active{
			background:#fff;
		}
		#side-panel ul li.active > a{
			color:#9e9ded;
		}
	#side-panel ul li a{
		color:#fff;
		Text-decoration:none;
		text-transform:uppercase;
		display:block;
		padding:10px 18px;
	}
#main-area{
	position:relative;
	display:inline-block;
	margin-left:20px;
	vertical-align:top;
}
	h2.album-title{
		text-transform:uppercase;
		margin:32px 7px 44px;
		color:#605fb3;
		font-size:22px;
		font-weight:bold;
	}
	.has-border{
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	.field-wrapper{
		width:700px;
		display:block;
		margin:0 0 20px;
	}
	.modal .field-wrapper{
		width:100%;
	}
	.field-wrapper label{
		width:138px;
		display:inline-block;
		margin-right:10px;
	}
	.field-wrapper input{
		display:inline-block;
		width:300px;
		height:30px;
		border:1px solid #ccc;
		padding:2px 5px;
	}
	.field-wrapper .radio-group{
		display:inline-block;
		vertical-align: middle;
		width:300px;
	}
	.field-wrapper .radio-group label{
		width:auto;
		float:left;
		margin-left:4px;
		line-height:1.4;
	}
	.field-wrapper .radio-group input{
		width:20px;
		height:20px;
		float:left;
	}
	.radio-wrapper{
		display:inline-block;
		width:49%;
	}
	.forms button{
		min-width:150px;
		height:30px;
		background:#616095;
		color:#fff;
		cursor:pointer;
		text-transform:uppercase;
		transition: 0.5s;
		border:none;
		margin:20px 0 50px 150px;
		
	}
	
	.forms button:hover{
		background:#9e9ded;
	}
	.forms select{
		width:200px;
		height:30px;
		border:1px solid #ccc;
	}
	.forms select option{
		margin:5px 2px;
	}
	
	#add-customer-form textarea{
		width:300px;
		max-width:300px;
		min-height:100px;
		border:1px solid #ccc;
	}
	.search-box{
		position:absolute;
		top:22px;
		right:0;
	}
	.notice{
		color:#666;
		margin-left:140px;
	}
/*table result*/

.tbl-wrapper{
	position:relative;
	width:960px;
}
	.tbl-wrapper.tbl-header{
		background:#636387;
		color:#fff;
	}
	.tbl-wrapper .col-head{
		padding:10px 0;
		text-transform:uppercase;
	}
	
	.tbl-wrapper .col-head,
	.tbl-wrapper .tbl-col{
		width:calc((100% - 100px) / 7);
		display:inline-block;
		text-align:center;
	}
	.tbl-wrapper .col-head.block-8,
	.tbl-wrapper .tbl-col.block-8{
		width:calc((100% - 100px) / 8);
	}
	.tbl-wrapper .col-head.block-9,
	.tbl-wrapper .tbl-col.block-9{
		width:calc((100% - 100px) / 9);
	}
	
	.tbl-wrapper.has-blocks6.small-2 .block,
	.table-row.has-blocks6.small-2 .block{
		width:calc((100% - 300px) / 6);
	}
	.tbl-wrapper.has-blocks7.small-2 .block,
	.table-row.has-blocks7.small-2 .block{
		width:calc((100% - 200px) / 7);
	}
	
	.tbl-wrapper.block-7 .col-head,
	.table-row.block-7 .block{
		width:calc((100% - 220px) / 7);
	}
	
	
	
	.tbl-wrapper .col-head.small-col,
	.tbl-wrapper .tbl-col.small-col,
	.tbl-wrapper .col-head.small,
	.tbl-wrapper .tbl-col.small{
		width:70px;
	}

	.tbl-wrapper .table-row{
		width:100%;
		position:relative;
	}
	.tbl-wrapper .table-row.even{
		background:#8181c7;
		color:#fff;
	}
	.tbl-wrapper .tbl-col{
		margin:5px 0;
	}
	.view-btn{
		cursor:pointer;
	}
	.colorupdate{
		font-size:14px;
	}		


	.extra-details{
		position:relative;
		width:100%;
		display:none;
	}
	.open-details .extra-details{
		display:block;
	}

	.extra-details ul{
		margin:0;
		padding:20px;
	}
	.extra-details ul li{
		margin:0 20px 10px 0;
		display:inline-block;
	}

	.close-view{
		display:none;
	}
	.open-details .close-view{
		display:block;
		font-size:25px;
	}
	.open-view{
		display:block;
	}
	.open-details .open-view{
		display:none;
	}



.invoice .sub-title{
	color:#566daf;
	text-transform:uppercase;
	font-weight:bold;
}
.invoice .sub-title span{
	text-transform:none;
	font-size:16px;
	font-weight:normal;
}
.invoice .modal-title{
	width:40%;
	text-transform:uppercase;
	font-weight:bold;
}
.invoice-popup table{
	width:100%;
	margin:0;
	padding:0;
}
.invoice-popup thead td{
	vertical-align:top;
}
.invoice-header{
	display:inline-block;
}
.invoice-header ul{
	width:95%;
}
.invoice-header li{
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
}
.invoice-header.left{
	float:left;
	width:60%;
}
.invoice-header.right{
	float:right;
	width:40%;
}
.invoice-header.left li.label{
	width:90px;
}
.invoice-header.left li{
	width:calc(100% - 100px);
}
.invoice-header.right li.label{
	width:75px;
}
.invoice-header.right li{
	width:calc(100% - 80px);
}
.table-style table,
.invoice-popup tbody td,
.invoice-popup tbody{
	border:1px solid #666;
}
.invoice-popup tbody td{
	padding:2px 10px;
}
.invoice-popup tbody .col-title td{
	text-align:center;
	text-transform:uppercase;
	padding:5px;
	font-weight:bold;
}
.invoice-popup tbody td{
	text-align:center;
}
.invoice-popup tbody td:first-child{
	text-align:left;
}
.invoice-popup tbody td:last-child{
	text-align:right;
}
.invoice-popup tbody tr:last-child td{
	font-weight:bold;
	padding:8px 10px;
}
.invoice .note-text{
	width:100%;
	text-align:center;
	text-transform:uppercase;
}



.table-style table{
	width:100%;
	border:1px solid #666;
	padding:0;
	margin:0;
}
.table-style thead td{
	text-align:center;
	text-transform:uppercase;
	background:#666;
	padding:5px 0;
	color:#fff;
}
.table-style table td{
	border:1px solid #666;
}

.table-style table tbody td{
	padding:2px 10px;
}

.table-style table tbody td.right-align{
	text-align:right;
}


.edit-details{
	margin:0px 20px 30px;
}
	.edit-details button{
		margin:0 0 0 20px;
	}

.invoice-wrapper{
	margin:0px 20px 30px;
}
.invoice-wrapper .title{
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
}