@charset "utf-8";
/* CSS Document */
/***************************************************************************
*                          Body and Main Styling                           *
***************************************************************************/
@font-face {
	font-family:"bText";
   	src:url(../fonts/Calibri.ttf) format("truetype");
}
@font-face {
	font-family:"tText";
   	src:url(../fonts/Anton.ttf) format("truetype");
}
body {	
	font-family:"bText";
}
.tText {
	font-family:"tText";
}
.t50 {
	font-size:50px;
}
.t40 {
	font-size:40px;
}
.t30 {
	font-size:30px;
}
.t20 {
	font-size:20px;
}
.t10 {
	font-size:10px;
}
p,h1,h2,h3,h4,td,a,i {
	font-family:"bText";
}
.dark_grey {
	#444444;
}
.light_grey {
	#CCCCCC;
}
.head_back {
	#968D74;
}
.black {
	#000000;
}
.visited {
	#666666;
}
.white {
	color:#FFF;
}
.dark_brown {
	#2a261e;
}
.light_brown {
	#534b3b;
}
.grey_background {
	#898989;
}
.footer_top_border {
	#a8a090;
}
.footer_background {
	#2a2616;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.alrt {
	width:60%;
	margin-left:20%;
}
.alrtPos {
	position:absolute;
	top:7%;
	left:0;
	width:100%;
	z-index:999999;
}
/***************************************************************************
*                          INDEX         Styling                           *
***************************************************************************/
/*************Large Image*************/
.indx_strt {
	margin-top:30px;
}
.main_image {
	width:94%;
	margin-left:3%;
}
/*************Well feature used by welcome & skills *************/
.well.feature {
	width:94%;
	margin-left:3%;
	margin-top:2%;
	padding:7px;
	background-color:#2a261e;
	border-color:#2a261e;
}
/*************skills *************/
.skills {
	margin-top:2%;
	margin-left:3%;
	padding:0;
	background-color:#2a261e;
	border-color:#2a261e;
}
.skills.first {
	margin-left:3%;
}
.skills.next {
	margin-left:2%;
}
.col-xs-4.skills {
	width:30%;
}
/*************Other Srervices*************/
.svcs {
	margin-left:3%;
	width:94%;
}
.col-xs-2.svcsBloc {	
	width:20%;
	padding:0;
	float:none;
}
/*************skills & services JQUERY ROLLOVER*************/
.picOut-A {   
    position: relative;
}
.textIn-A {
	height:100%;
	width:100%;
	display: none; 
	position: absolute;
	border:none;
	bottom:0;
	left:0;
	overflow:hidden;
	background-image:url(../../images/testimonial-background.png);
	background-repeat:repeat;
	padding:0 3px;
}
.sldUp {
	font-family:"tText";
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:16px;
	cursor:pointer;
}
a.sldUp:link, a.sldUp:active, a.sldUp:focus, a.sldUp:visited {
	/*color:#534b3b;*/
	color:#FFF;	
}
.sldupButton {
	color:#534b3b;
}
a.sldUp:hover {
	color:#000;	
}
	
/*************Testimonial*************/
.testimonial-i {
	background-image:url(../../images/testimonial-background.png);
	background-repeat:repeat;
	border-top:5px solid #FFF;
	padding:20px 7px;
	box-sizing:border-box;
	margin-top:2%;
}
a.dark_brown,a.dark_brown:active,a.dark_brown:focus,a.dark_brown:hover,a.dark_brown:visited {
	color:#2a261e;
	text-decoration:none;
}
a.dark_brown:active,a.dark_brown:focus,a.dark_brown:hover,a.dark_brown:visited {
	text-decoration:underline;
}
a.white,a.white:active,a.white:focus,a.white:hover,a.white:visited {
	color:#FFF;
	text-decoration:none;
}
a.white:active,a.white:focus,a.white:hover,a.white:visited {
	text-decoration:underline;
}
/*************HANGER*************/
.hanger {
	display:block;
	position:absolute;
	top:15%;
	right:12.5%;
	z-index:999;	
}
.hangerBack {
	background-image:url(../../images/testimonial-background.png);
	background-repeat:repeat;
	border:2px solid #2A2616;
	padding:50px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.hangerText {
	border-top:3px dotted #999;
	padding-top:15px;
	font-family:"tText";
	color:#FFF;
	border-bottom:3px dotted #999;
	padding-bottom:15px;
}
.unsubDisp {
	position:absolute;
	z-index:9999999999 !important;
	width:100%;
}
/***************************************************************************
*                          FOOTER        Styling                           *
***************************************************************************/
.footer {
	margin-top:20px;
	background-color:#2a261e;
	border-top:4px solid #fff;	
	padding:15px;
}
.social {
	width:25px;
	margin-left:7px;
	float:left;
}
.social_container {
	width:96px;	
}
/***************************************************************************
*                          Tesimonilas.php                                 *
***************************************************************************/
.well.testimonials {
	background-image:url(../../images/testimonial-background.png);
	background-repeat:repeat;
	color:#2a261e;
	width:94%;
	margin-left:3%;
}
.testim-break {
	margin-top:12px;
	border-top:2px groove #333;
	box-sizing:border-box;
	padding-top:12px;
}
/***************************************************************************
*                          modals                               *
***************************************************************************/
.modalZ {
	z-index:99999;
}
.modalLogo {
	float:left;
	width:25%;
}
.contact-back {
	background-color:#2a2616;
}
.contact-title {
	margin-left:50px;
}
.skill-modal-back {
	background-image:url(../../images/testimonial-background.png);
	background-repeat:repeat;
}
.modalImage {
	width:80%;
}
/***************************************************************************
*                          gallery                             *
***************************************************************************/
.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}
.asIs {
	display:block;
}
.albumHide {
	display:none;
}
.albumAll {
	display:block;
}
.albumList li,.albumList li a:link,.albumList li a:focus,.albumList li a:active,.albumList li a:visited {
	list-style:none;
	color:#2a261e;
	font-family:"tText";
}
.albumList li a:hover {
	color:#000;
}
.thumbDisplay {
	width:100px;
	outline:1px solid #fff;
	padding:1px;
	margin-left:2px;
	margin-bottom:5px;
}

/***************************************************************************
*                          NAVBAR        Styling                           *
***************************************************************************/.navbar.navbar-fixed-top {
  background-color: #968D7A;
  border-bottom:4px solid #000;
}
.navbar.navbar-fixed-top .navbar-brand {
  color: #292929;
}
.navbar.navbar-fixed-top .navbar-brand:hover,
.navbar.navbar-fixed-top .navbar-brand:focus {
  color: #000;
}
.navbar.navbar-fixed-top .navbar-text {
  color: #292929;
}
.navbar.navbar-fixed-top .navbar-nav > li > a {
  color: #292929;
}
.navbar.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar.navbar-fixed-top .navbar-nav > li > a:focus {
  color: #000;
  text-decoration:underline;
  background-color:transparent;
}
.navbar.navbar-fixed-top .navbar-nav > .active > a,
.navbar.navbar-fixed-top .navbar-nav > .active > a:hover,
.navbar.navbar-fixed-top .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #968D7A;
}
.navbar.navbar-fixed-top .navbar-nav > .open > a,
.navbar.navbar-fixed-top .navbar-nav > .open > a:hover,
.navbar.navbar-fixed-top .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #968D7A;
}
.navbar.navbar-fixed-top .navbar-toggle {
  border-color: #968D7A;
}
.navbar.navbar-fixed-top .navbar-toggle:hover,
.navbar.navbar-fixed-top .navbar-toggle:focus {
  background-color: #968D7A;
}
.navbar.navbar-fixed-top .navbar-toggle .icon-bar {
  background-color: #282616;
}

.navbar.navbar-fixed-top .navbar-link {
  color: #292929;
}
.navbar.navbar-fixed-top .navbar-link:hover {
  color: #ffd4d4;
}
.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  padding: 0px;
  z-index:9999;
}

.nav.navbar-nav > li.navbar-left {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 11px;
}
.navbar-brand>img {
  height: 90%;
  width: auto;
}
.banner {
	width: 100%;
	/*background-color: #c3d7df;*/
}

.banner-inner {
	max-width: 1100px;
	margin: 0 auto;
}
.carousel-inner {
	outline:2px solid #300;
}
.mbImagePos {
	margin-top:50px;
}
@media (min-width:768px) and (max-width:991px){
  .container.navbar-container {
     width:100%;
     padding:0;
  }
}
/*************Logo Position (MD + LG)*************/
.logoPos {
	position:fixed;
	top:0;
	left:2%;
	width:30%;
	z-index:9999;
	padding:2px;
	background-color:#FFF;
	outline:1px solid #000;
}
/***************************************************************************
*                   RESPONSIVE DEVICE STYLING                              *
***************************************************************************/
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	body {
		padding-top: 10px;
		background-image:url(../../images/background.png);
		background-repeat:repeat;
	}
	
	.logoPos {
		display:none;
	}
	.skills-image {
		width:50%;
		float:none;
		margin:0 25%;
	}
	.testimonial-i-bdr {
		border:none;
	}
	.testim-eq-height {
	  display: inline;
	}
	.swapout.svcsImage {
		width:33.3%;
	}
	.responseAlign {
		text-align:center;
		font-size:18px;
	}
	.responseSmall {
		text-align:center;
		font-size:12px;
	}
	.mobileView {
		margin-bottom:75px;
	}	
	.imageView {
		margin-bottom:75px;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {	
	body {
		padding-top: 10px;
		background-image:url(../../images/background.png);
		background-repeat:repeat;
	}
	.logoPos {
		display:none;
	}
	.skills-image {
		width:50%;
		float:none;
		margin:0 25%;
	}
	.testimonial-i-bdr {
		border:none;
	}
	.testim-eq-height {
	  display: inline;
	}
	.responseAlign {
		text-align:center;
		font-size:18px;
	}
	.responseSmall {
		text-align:center;
		font-size:12px;
	}
	.mobileView {
		margin-bottom:75px;
	}
	.imageView {
		margin-bottom:75px;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	body {
		padding-top: 50px;
		background-image:url(../../images/background.png);
		background-repeat:repeat;
	}
	.skills-image {
		width:75px;
		float:left;
	}
	.testimonial-i-bdr {
		border-right:2px groove #333;
		border-left:2px groove #333;
		box-sizing:border-box;
	}
	.testim-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	.responseAlign {
		text-align:left;
	}
	.mobileView {
		margin-bottom:50px;
	}
	.imageView {
		margin-bottom:15px;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	body {
		padding-top: 50px;
		background-image:url(../../images/background.png);
		background-repeat:repeat;
	}
	.skills-image {
		width:75px;
		float:left;
	}
	.testimonial-i-bdr {
		border-right:2px groove #333;
		border-left:2px groove #333;
		box-sizing:border-box;
	}
	.testim-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	.responseAlign {
		text-align:left;
	}
	.mobileView {
		margin-bottom:50px;
	}
	.imageView {
		margin-bottom:15px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	body {
		padding-top: 50px;
		background-image:url(../../images/background.png);
		background-repeat:repeat;
	}
	.skills-image {
		width:75px;
		float:left;
	}
	.testimonial-i-bdr {
		border-right:2px groove #333;
		border-left:2px groove #333;
		box-sizing:border-box;
	}
	.testim-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	.responseAlign {
		text-align:left;
	}
	.mobileView {
		margin-bottom:50px;
	}
	.imageView {
		margin-bottom:15px;
	}
}
/******************************************
        ADMIN
******************************************/
body.admin {
	padding-top: 10px;
	background-image:none;background-color:#FFF;
}
.formButonSpace {
	margin-top:15px;
}
/******************************************
        Edit Images STYLING 
******************************************/
ul.image {
  list-style-type: none;
}

li.image {
  display: inline-block;
}

input[type="checkbox"][id^="cb"] {
  display: none;
}

label.image {
  border: 1px solid #fff;
  padding: 10px;
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.image::before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #0C3;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

label.image img {
  height: 100px;
  width: 100px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked+label {
  border-color: #ddd;
}

:checked+label::before {
  content: "✓";
  background-color:#0C3;
  transform: scale(1);
}

:checked+label img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: 9;
}
.buttonControl {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:7px 15px;
	background-color:#2a2616;
	margin-top:25px;
}
/***************************************************************************
*                          Admin Images                             *
***************************************************************************/
.adminHeadTitle {
	background-color:#2a2616;
}
.addToAlbum, .createAlbum, .preview-area, .buttonarea{
	display:none;
}
.preview-area {
	padding-top:20px;
	border-top:1px solid #633;
}
.imgRow {
	padding-bottom:20px;
}

input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.image-btn-jade {
	height:100%;
	width:100%;
	position: relative;
  	top: 50%;	
  	transform: translateY(-50%);
	background-color:#2a2616;
	color:#FFF;
	border:1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	cursor:pointer;
	line-height:50px;
}
.image-btn-jade:hover, .image-btn-jade:focus {
	color:#CCC;
	background-color:#000;
	border:1px solid #CCC;
}
.custom-file-upload {
	margin-top:7px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.gallery {
	width: 100%;
}
.thumb {
	text-align:center;
    padding: 10px;
	width: 100px;
	height: 120px;
	border:1px solid;
	margin: 5px;
	float:left;
}
.thumb img {
    width: 80px;
	min-height: 80px;
	max-height: 80px;
}
.thumbtemp {
	text-align:center;
    padding: 10px;
	width: 100px;
	height: 120px;
	border:1px solid;
	margin: 5px;
	float:left;
	background-image:url(../../images/spinner.png);
	background-position:center center;
	background-repeat:no-repeat;
}
#fade_blk { 
	/*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background:#000;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:.40;
	z-index: 999999;
}
.popup_blk {
	display:none; /*--hidden by default--*/
	position:relative;
	background-color:#FFF;
	max-height:33.333em;
	width:50%;
	padding: 1.667em;
	float:left;
	position:fixed;
	top:25%;
	left:25%;
	z-index:9999999;
	overflow:auto;
}
#rotate {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}