@charset "UTF-8";
/* CSS Document */


/* colors */
/*

t2h green: #bfd530
medium grey: #978e8e

very light beige: #e1e5cf

*/

html,body { 
	height: 100%;
  width: 100%;
}
body {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #978e8e;
	font-size: 14px;
}


.futura-book { font-weight: 400; }
.futura-book-italic { font-weight: 400; }
.futura-medium { font-weight: 500; }
.futura-medium-italic { font-weight: 500; }
.futura-demi { font-weight: 600; }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 4px;
	border: none;
    border-bottom: 1px solid transparent;
}
.navbar li:before { display: none; }

.navbar-default {
    background-color: #ffffff;
    border-color: #e1e5cf;
}

.navbar-default .navbar-nav > li > a {
	font-weight: 400;
	color: #978e8e;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}

.navbar-brand,
.navbar-nav li a {
    line-height: 118px;
    height: 118px;
    padding-top: 0;
}


/* Underline From Center */
.navbar-nav li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
	z-index: 1;
}
.navbar-nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom:0;
  background: #bfd530;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navbar-nav li a:hover:before, .navbar-nav li a:focus:before, .navbar-nav li a:active:before {
  left: 0;
  right: 0;
}


.navbar-nav li ul li a { line-height: 40px; height: 40px; position: relative; width: 100%; }
.navbar-nav li ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom:0;
  background: #bfd530;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.dropdown-menu{text-align:center;}




.navbar-brand {
    float: left;
    padding: 35px 35px;
    font-size: 18px;
	line-height: 118px;
	width: 180px;
    height: auto;
}

.navbar-brand img {
	width: 100%;
	height: auto;
	line-height: 118px;
}


.navbar-toggle { border: none; border-radius: 0; padding-top: 6px; padding-bottom: 6px; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #bfd530;
}
.navbar-toggle:hover i { color: #ffffff; }


.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-color: transparent;}


.page-title { padding-top: 40px; padding-bottom: 40px; background-color: #e1e5cf; background-image: url(../images/dark_embroidery.png); background-repeat: repeat;  }
.page-title h1 { text-align:  left; margin-top: 0; margin-bottom: 10px; font-size: 25px; color: #ffffff; }
.page-title .breadcrumb { margin-bottom: 0; }

.page-title h5 { color:  #e1e5cf; margin-bottom: 0; }
.breadcrumb {background-color:  transparent; margin-bottom: 10px; padding-left: 0; padding-right: 0; }

.breadcrumb li { color: #ccc; text-transform: capitalize; display: inline; }
.breadcrumb a { color: #bfd530; text-transform: capitalize; }
.dropdown-menu {
right:auto!important;min-width: 0;}


h1, h2 { 
	font-family: "futura-pt",sans-serif;
	color: #625c5c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.706px;
	text-transform: uppercase; 
	/*margin-top: 50px;*/
	margin-bottom: 30px;
	letter-spacing: 3px;
	display: table;
	text-align: center;
	margin-left: auto; margin-right: auto;
}
h2 { margin-bottom: 50px; }

ul{
	margin-bottom:20px;
}
h1:after, h2:after { content: ''; position: relative; display: block; height: 10px; border-bottom: #bfd530 solid 1px; }


h4 { 
	font-family: "futura-pt",sans-serif;
	color: #625c5c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.706px;
	text-transform: none; 
	margin-bottom: 20px;
	letter-spacing: 0;
	display: table;
	text-align: left;
	margin-left: auto; margin-right: auto;
}


h5 { 
	font-family: "futura-pt",sans-serif;
	color: #625c5c;
	font-size: 10px;
	font-weight: 400;
	line-height: 22.706px;
	text-transform: uppercase; 
	margin-bottom: 50px;
	letter-spacing: 3px;
	display: table;
	text-align: center;
	margin-left: auto; margin-right: auto;
}

h2 + h5 { margin-top: -20px; }

p { font-size: 16px; line-height: 30px; margin-bottom: 20px; }

.lead { font-size: 20px; line-height: 35px; }

.very-light-green-bg { background-color: #e8eadf; /*background-image: url(/themes/t2h/images/bgs/groovepaper/groovepaper_med_green_@2X.jpg); background-size: 30%;*/ }
.padding-top-bottom { padding-top: 60px; padding-bottom: 60px; }
.padding-bottom { padding-bottom: 60px; }

.pb1 { padding-bottom: 10px; }
.pb2 { padding-bottom: 20px; }
.pb3 { padding-bottom: 30px; }
.pb4 { padding-bottom: 40px; }
.pb5 { padding-bottom: 50px; }
.pb6 { padding-bottom: 60px; }
.pb7 { padding-bottom: 70px; }
.pb8 { padding-bottom: 80px; }

.pt1 { padding-top: 10px; }
.pt2 { padding-top: 20px; }
.pt3 { padding-top: 30px; }
.pt4 { padding-top: 40px; }
.pt5 { padding-top: 50px; }
.pt6 { padding-top: 60px; }
.pt7 { padding-top: 70px; }
.pt8 { padding-top: 80px; }

.mb1 { margin-bottom: 10px; }
.mb2 { margin-bottom: 20px; }
.mb3 { margin-bottom: 30px; }
.mb4 { margin-bottom: 40px; }
.mb5 { margin-bottom: 50px; }
.mb6 { margin-bottom: 60px; }
.mb7 { margin-bottom: 70px; }
.mb8 { margin-bottom:80px; }

.mt1 { margin-top: 10px; }
.mt2 { margin-top: 20px; }
.mt3 { margin-top: 30px; }
.mt4 { margin-top: 40px; }
.mt5 { margin-top: 50px; }
.mt6 { margin-top: 60px; }
.mt7 { margin-top: 70px; }
.mt8 { margin-top: 80px; }

.divider-bottom { border-bottom: #e8ecd3 solid 1px; }
.divider-top { border-bottom: #e8ecd3 solid 1px; }


#pagebody > .container > .row {
    padding-top: 40px;
    padding-bottom: 40px;
}



/******* row colors *******/

.green-row { background-color: #c5db2e; }
.grey-row, .grey-bg { background-color: #4E4E4E; }
.dkr-grey-row { background-color:#393939; }
.mid-grey-row { background-color: #979797; }
.dk-grey-row { background-color: #535c61; }
.dk-bluegrey-row { background-color: #1e292f; }
.white-row { background-color: #fff; }
.black-row { background-color: #000000; }
.dkr-grey-row h4, .dkr-grey-row p { color: #929292; }
.light-beige-bg { background-color: #e8ecd3; }
.dk-bluegrey-row h1, .dk-bluegrey-row h2, .dk-bluegrey-row h3, .dk-bluegrey-row h4
.dk-grey-row h1, .dk-grey-row h2, .dk-grey-row h3, .dk-grey-row h4 { color: #ffffff; }


.arrow-row-top-white { position: relative; }
.arrow-row-top-white:before { content:''; position: absolute; margin-left: -50px; top:-45px; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #ffffff; }

.arrow-row-top-grey { position: relative; }
.arrow-row-top-grey:before { content:''; position: absolute; margin-left: -50px; top:-45px; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #4E4E4E; }

.arrow-row-top-green { position: relative; }
.arrow-row-top-green:before { content:''; position: absolute; margin-left: -50px; top:-45px; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #c5db2e; }


.arrow-row-top-bluegrey { position: relative; }
.arrow-row-top-bluegrey:before { content:''; position: absolute; margin-left: -50px; top:-45px; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #1e292f; }



.green-row p { color: rgb(98, 92, 92); }
.green-row h1:after, .green-row h2:after { content: ''; position: relative; display: block; height: 10px; border-bottom: rgba(255,255,255,.5) solid 1px; }
.green-row .owl-theme .owl-dots .owl-dot span { background-color: #fff; }



/********** masonry carousel ***********/

.thumbs-masonry { position: relative; max-height: 200px; overflow: hidden; border-top: #ffffff solid 1px; border-bottom: #ffffff solid 1px;  }
.carousel-thumb { width: 25%; z-index: 9; }
.carousel-thumb img { width: 100%; }

.thumbs-masonry .overlay { opacity: .7; background-color: #000; position: absolute; width: 100%; height: 100%; z-index: 10; }

.thumbs-masonry .caption { position: absolute; width: 100%; height: 100px; top: 50%; margin-top: -50px; z-index: 11; text-align: center; }
.thumbs-masonry .caption h1 { color: #ffffff; font-size: 20px; padding-left: 20px; padding-right: 20px; }




/********* portfolio *********/

.gallery-row { background-color: #f3f7dd; background-position: top; background-repeat: no-repeat; margin-bottom: 20px; text-align: left; }
.gallery-row .gallery-pic { min-height: 450px; background-position: top left; background-size: cover; background-repeat: no-repeat; }
.gallery-row .gallery-content { padding: 40px; }

.gallery-row h4 { text-transform: uppercase; }
.gallery-row h4, .gallery-row h5 { text-align: center; display: block;  }
.gallery-row h4+h5 { margin-top: -10px; margin-bottom: 20px; }
.gallery-row h5 { color: #bfd530; }


.portfolio-details {}
.portfolio-details-textbox { padding: 30px 20px; }
.portfolio-details-textbox h1+h5 { margin-top: -40px; }
.portfolio-details-textbox h5 { margin-bottom: 40px; }
.portfolio-details-textbox h4 { display: block; margin: 20px 0 10px 0; font-weight: 500; text-transform: uppercase; text-align: left; font-size: 14px; }

.portfolio-details-textbox ul { margin: 0; padding: 0;  }
.portfolio-details-textbox li { list-style: none; margin: 0; }
.portfolio-details-textbox li:before { content: '\f054'; font-family: FontAwesome; display: inline-block; color: #bfd530; font-size: 10px; margin-right: 10px; }


/******** buttons ********/
.btn {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
	letter-spacing: 1px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	text-transform: uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 0;
}

.btn-default, .btn-primary { 
	background-color: #bfd530; 
	color: #ffffff;
	padding: 17px 30px;
    margin-bottom: 30px;
	margin-top: 30px;
}

.btn-default:hover, .btn-primary:hover { background-color: #978e8e; color: #ffffff; border: none; }
.btn-primary{}


/* Grow Shadow */
.btn-primary {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



.previous, .next { color: #ffffff; padding: 10px 17px; line-height: 20px; margin-left: 3px; margin-right: 3px; }
.previous i, .next i { color: #ffffff !important; font-weight: 500; font-size: 20px;  }

footer { background-color: rgb(98, 92, 92); background-image: url(../images/dark_embroidery.png); background-repeat: repeat; padding-top: 80px; padding-bottom: 80px; border-bottom: #bfc3ae solid 15px; }
footer p { color: #d1d3c1; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; line-height: 25px; }
.footer-logo { max-width: 111px; margin-bottom: 30px; }
.social-icon { width: 40px; }
footer .social-icon { margin-top: 30px; }




.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail img { width: 100%; height: auto; }

.img-left { margin-bottom: 20px; }



/********* modal *********/

.modal-content { border-radius: 0; }
.modal-header { background-color: transparent; }
.modal-header h2, .modal-header h3, .modal-header h4, .modal-header p { color: #182A47; }
.modal-header .close { color: #AAB200; opacity: .5; }
.modal-header .close:hover { color: #AAB200; opacity: 1.0; }
.modal-body { }
.modal-body textarea { height: 280px; }
.modal-body .login-box { margin: 0; }

.modal-body .formResult { padding: 20px !important; }
.modal-footer { text-align:  center; }
.modal-footer .btn { margin-bottom: 10px; }




/********* card flip ***********/


.portfolio-card {
	-webkit-perspective: 600px;
	text-align: center;
	margin-bottom: 10px;
}

.portfolio-card .front, .portfolio-card .back {
	background: #FFF;
	border-radius: 0;
	transition: -webkit-transform 1s;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	width: 300px;
	height: 300px;
	margin: 0 auto;
}

.portfolio-card .front {
	overflow: hidden;
	position: absolute;
	z-index: 1; 
	border: none;
	background-position: top; background-size: cover;
	left: 50%;
	margin-left: -150px;
}

.portfolio-card .back {
	padding:30px;
	-webkit-transform: rotateY(-180deg);
	overflow: hidden;
	background-color: #bfd530;
}



.portfolio-card .portfolio-image { width: 100%; height: auto; }

.portfolio-card .back h4, .portfolio-card .back p { color: #ffffff; font-size: 14px; line-height: 18px; }
.portfolio-card .back p { font-size: 16px; line-height: 22px; }

.portfolio-card  h4 { 
	font-family: "futura-pt",sans-serif;
	color: #625c5c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-transform: uppercase; 
	margin-bottom: 5px;
	letter-spacing: 0;
	display: table;
	text-align: center;
	margin-left: auto; margin-right: auto;
}

.portfolio-card  h5 { margin-bottom: 10px; margin-top: 0; }

.portfolio-card .btn-primary { background-color: #fff; color: #bfd530; margin: 10px auto; padding: 10px 20px; }
.portfolio-card .btn-primary:hover { background-color: #978e8e; color: #fff; border: none; }


@media (min-width: 768px){
	.portfolio-card .front, .portfolio-card .back {
		width: 350px;
		height: 350px;
		
	}
	.portfolio-card .front { margin-left: -175px; }
}/* min 768 */

@media (min-width: 992px){
	.portfolio-card .front, .portfolio-card .back {
		width: 303px;
		height: 303px;
	}
	.portfolio-card .front { margin-left: -151.5px; }
    
    .thumbnails-row { padding-top: 40px; }
}/* min 992 */

@media (min-width: 1200px){
	.portfolio-card .front, .portfolio-card .back {
		width: 313px;
		height: 313px;
	}
	
	
	.portfolio-card .front { margin-left: -156.5px; }
}/* min 992 */

@media (max-width:1200px){
	.navbar-nav li a::before{bottom:0;}
	.navbar-nav ul li a{margin: -9px 0;} 
	.dropdown-menu > li > a:hover {width:inherit;}
	.dropdown-menu > li > a{padding:10px;}
	.nav li{padding: 3px 0;}
}
@media (max-width:767px){.nav li{padding: 10px 0;}}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.small-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.small-gutters > [class^="col-"],
.row.small-gutters > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}


/*********** forms *************/

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


#contact-form-overlay,
#contact-form-overlay-mini {
	position: relative;
	max-width: 100%;
	padding: 40px;
	margin: 0 ;
	z-index: 10;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
	background-color: #f4f4ee;
	background-image: url(../images/bgs/groovepaper/groovepaper_med_green_@2X.jpg); background-size: 30%;
}

#contact-form-overlay-mini {
	float: right;
	width: 380px;
	margin: 0;
}
#the_form_holder { background-image: url(../images/bgs/groovepaper/groovepaper_med_green_@2X.jpg); background-size: 30%; }
.home-contact-form label, .home-contact-form .required-fields { display: none; }
.home-contact-form textarea { height: 100px; }

.formResults { text-align: center; 	background-color: #bfd530; padding: 15px; color: #ffffff; }
.formResults p, .formResults h2, .formResults h3, .formResults h4, .formResults h5 { color: #ffffff; }


/************** maps ****************/


#google-map, #map_canvas_full {
	position: relative;
	width: 100%;
	
	z-index: 1;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
	font-size: inherit;
	font-family: inherit;
}

#map-overlay {
	position: relative;
	padding: 20px 0 300px 0;
}

#map-overlay #google-map, #map-overlay #map_canvas_full {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.gm-style-iw {
  
   border-radius:0;
}

.gm-style-iw h5 { margin: 0; }
.gm-style-iw p { font-size: 11px; line-height: 18px; }


/******** owl carousel *********/

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
 
.owl-theme .owl-nav [class*='owl-'] {
     display: inline-block;
    font-size: 11px;
    font-weight: 500;
	letter-spacing: 1px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	text-transform: uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 0;
	background-color: #bfd530; 
	color: #ffffff;
	padding: 17px 30px;
    margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 5px; margin-right: 5px;
	
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
 .owl-theme .owl-nav [class*='owl-']:hover {
      background-color: #978e8e; color: #ffffff; border: none;
      text-decoration: none; 
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.clients .item a, .clients .item div { background-color: #d8dcc5; text-align: center; }


#small-image-slider { padding: 30px 0; text-align: center; }


.container{padding:0!important;}

@media (max-width: 768px) { 
	.container{padding:15px!important;}
	
}

@media (max-width: 1199px) { 
	.navbar-brand {
		float: none;
		display: block;
		height: auto;
		width: 120px;
		padding: 15px 15px;
		font-size: 18px;
		margin: 0 auto;
	}
	.navbar-brand img {
		width: 100%;
		height: auto;
		line-height: 118px;
	}
	
	.navbar-toggle { position: absolute; top: 12px; right: 0; }
	
	.nav li { text-align: center; }
	.nav li a { line-height: 50px; height: 50px; }
	
}


@media (min-width: 1200px) {
  .container {
    width: 750px;
  }
	

	#contact-form-overlay,
	#contact-form-overlay-mini {
		position: relative;
		max-width: 50%;
		padding: 40px;
		margin: 0 ;
		z-index: 10;
		box-shadow: 0 1px 10px rgba(0,0,0,0.15);
		background-color: #f4f4ee;
		background-image: url(../images/bgs/groovepaper/groovepaper_med_green_@2X.jpg); background-size: 30%;
	}

	#contact-form-overlay-mini {
		float: right;
		width: 380px;
		margin: 0;
	}
	
	#map-overlay {
		position: relative;
		padding: 100px 0;
	}
	
	.thumbs-masonry { position: relative; max-height: 500px; overflow: hidden; border-top: #ffffff solid 1px; border-bottom: #ffffff solid 1px;  }
	.carousel-thumb { width: 20%; z-index: 9; }


}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

@media (max-width: 450px) {
	p { font-size: 18px; }	
}




/******** fancybox ********/

@media all and (min-width: 800px) {

	/*
		.fancybox-custom-layout {
			border: 20px solid #c7bfbf;
		}
	*/

		.fancybox-custom-layout .fancybox-bg,
		.fancybox-custom-layout.fancybox-container--ready .fancybox-bg {
			background: #000;
			opacity: .9;
			padding: 30px;
		}
	
	

	/*
		.fancybox-custom-layout .fancybox-controls {
			opacity: 1;
			position: absolute;
			top: 0;
			left: auto;
			right: 0;
			bottom: 0;
			width: 44px;
			background: #bfd530;
		}
		.fancybox-custom-layout .fancybox-button {
			background: transparent;
		}
	*/
	
	
	
		.fancybox-custom-layout .fancybox-controls {
			/*background: #bfd530;*/
			background: rgba(255,255,255,0.20);
		}
		.fancybox-custom-layout .fancybox-button {
			background: transparent;
		}
	
	
	

		

		.fancybox-custom-layout .fancybox-buttons button:hover {
			background: rgba(20, 20, 20, 0.6);
		}

		.fancybox-custom-layout .fancybox-caption-wrap {
			
			right: 44px;
			bottom: 30px;
			left: 30px;
			width: auto;
			padding: 0;
			box-shadow: none;
			background: rgba(43,41,35,0.90);
			font-family: "futura-pt",sans-serif;

			/* Disable transitions */
			opacity: 1;
			visibility:hidden;
			-webkit-transition: none;
			   -moz-transition: none;
			        transition: none;
			
			display: none;
		}

		.fancybox-custom-layout .fancybox-caption {
			border: 0;
			padding: 40px 30px;
			color: #fff;
			
		}
	
	
		.fancybox-custom-layout .fancybox-slider-wrap {
			bottom: 0px;
		}
	

		/*
		

		.fancybox-custom-layout.fancybox-container--thumbs .fancybox-controls {
			right: 220px;
		}

		.fancybox-custom-layout.fancybox-container--thumbs .fancybox-slider-wrap {
			right: 514px;
		}

		.fancybox-custom-layout.fancybox-container--thumbs .fancybox-caption-wrap {
			right: 264px;
		}

		

		.fancybox-custom-layout .fancybox-thumbs > ul > li {
			border-color: #c7bfbf;
		}
		
	*/
	
		.fancybox-custom-layout .fancybox-thumbs {
			top: 0;
			bottom: 0;
			background: #a4a088;
		}

		/* Border around active element */
		.fancybox-custom-layout .fancybox-thumbs > ul > li::before {
			border-color: #444
		}

		

	}