/* #Base
================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
h1 {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}
h2, h3, h4, h5, h6 {
	color: #414141;
	font-family: 'Montserrat', sans-serif;

}
h6 {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}
h4{
	font-weight: bold;	
}
p{
	margin: 0;
}
body {
	
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height:24px;
	color:black;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-text-size-adjust: 100%;
}
html {
	overflow-x:hidden;
}
.form-control{
	color: black !important;
}
.form-control:focus{
	border-color: black !important;
	box-shadow: none !important;
}
.btn-primary{
	background-color:#009BC1 !important;
}
.titulo-separador{
	display: table;
    margin: 16px 0;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    background: transparent;
}
.titulo{
	display: inline-block;
    padding: 0 1em;
}
/* #Navigation
================================================== */

.bt-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #333;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	z-index:1002;
}

.bt-menu.bt-menu-open {
	height: 100%;
	border-width: 0px 0px 50px 150px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s;
}

.bt-overlay {
	position: absolute;
	width: 100%;
}

.bt-menu-open .bt-overlay {
	height: 100%;
}

.bt-menu-trigger {
	position: fixed;
	top: 10px;
	left: 20px;
	z-index: 100;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 8%;
	background-color: #cfcfcf;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #cfcfcf;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}

.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(300%);
	transform: translateY(300%);
}

.bt-menu ul {
	position: fixed;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bt-menu ul:first-of-type {
	top: 75px;
	left: 0;
}

.bt-menu ul:nth-of-type(2) {
	right: 0;
	bottom: 0;
}

.bt-menu ul li,
.bt-menu ul li a {
	display: block;
}

.bt-menu ul:nth-of-type(2) li {
	float: left;
	font-size: 0px;
}

.bt-menu ul li {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
}

.bt-menu.bt-menu-open ul:first-of-type li,
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
	transition: transform 0.3s, opacity 0.3s;
}

/* First menu */
.bt-menu ul:first-of-type li {
	width: 150px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: translate3d(-100%,50%,0);
	transform: translate3d(-100%,50%,0);
}

.bt-menu.bt-menu-open ul:first-of-type li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Second menu */
.bt-menu ul:nth-of-type(2) li {
	width: 60px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { 
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { 
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { 
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.bt-menu ul li a {
	display: block;
	outline: none;
	text-decoration: none;
}

.bt-menu ul:first-of-type li a {
	padding: 0 20px;
	box-shadow: inset 0 1px rgba(0,0,0,0.2);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .7em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li:last-child a {
	box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2);
}

.bt-menu ul:nth-of-type(2) li a {
	color: transparent;
	text-align: center;
	font-size: 0px;
}

.bt-menu ul li a:before {
	color: #fff;
	font-size: 24px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li a:hover,
.bt-menu ul:first-of-type li a:focus,
.bt-menu ul li a:hover:before,
.bt-menu ul li a:focus:before {
	color: #ccc;
}


/* #Home
================================================== */

#home{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}


/* #Slider
================================================== */
/* #CARDS después de Form
================================================== */
.card-img-wrapper {
  height: 200px;          /* desktop */
  overflow: hidden;
  background: #f5f5f5;
}

.card-img-wrapper img {
  width: 50%;
  /*height: 170%;*/
}

/* Ajuste mobile */
@media (max-width: 450px) {
  .card-img-wrapper {
    height: 80px;         /* más bajo en mobile */
  }
}

.btn-descarga {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.card-body-compact {
  padding: 0.75rem;   /* default es 1.25rem */
}

.card-body-compact h5 {
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

.card-body-compact p {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 450px) {
  .card-body-compact {
    padding: 0.5rem;
  }

  .card-body-compact h5 {
    font-size: 0.9rem;
  }

  .card-body-compact p {
    font-size: 0.75rem;
  }
}
/* #CARDS después de Form
================================================== */
#gallery {
	position: absolute;
	width: 100%;
	height: 700px;
	top: 0;
	left: 0;
}
#controls div {
}
#controls div:hover:not(.counter) {
}
#controls div:not(.counter) {
}
#controls div.sel {
}	
.prev {
	top:50%;
	margin-top:-20px;
	position:absolute;
	cursor:pointer;
	background:url('../images/arrow-left.png') no-repeat center center;
	background-size:40px 40px;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
	left:20px;
	width:40px;
	height:40px;
	z-index:100000;
}
.next {
	top:50%;
	margin-top:-20px;
	position:absolute;
	cursor:pointer;
	background:url('../images/arrow-right.png') no-repeat center center;
	background-size:40px 40px;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
	right:20px;
	width:40px;
	height:40px;
	z-index:100000;
}


.prev:hover, .next:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.prev:active, .next:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}


.logo{
	position:absolute;
	background:url('/images/logo.png') no-repeat center center;
	background-size:130px 140px;
	width:130px;
	left:50%;
	margin-left:-60px;
	top:85px;
	height:140px;
	z-index:1000;
}


.home-text {
	position:absolute;
	width:85%;
	margin-left:-43%;
	padding-top:10%;
	
	left:50%;
	top:15%;
	margin-top:-120px;
	z-index:1000;
	
	background: linear-gradient(
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.1)
    );
    padding: 20px;
    border-radius: 8px;
}

.home-text h1 {
	
	font-size: 1.6rem;
	line-height: 50px;
	vertical-align: text-top;
	color: white;
	font-weight: bold;
}
.home-text h2 {
	font-family: 'Lato', sans-serif;
	color:#e6e6e6;
	font-size: 26px; 
	line-height:26px;
	font-weight: 400;
	padding-top:14px;
}

.link-home {
	position:absolute;
	width:100%;
	top:80%;
	text-align:center;
	margin-top:100px;
	z-index:1001;
}
.link-home a {
	position: relative;
	display: inline-block;
	outline:rgba(255,255,255,.8) solid 3px;
	outline: none;
	color: Gray;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: .9em;
}
.cl-effect-8 a {
	padding: 5px 17px;
	margin: 0 10px;
	z-index:2;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #e6e6e6;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(15px) translateX(-15px);
	-moz-transform: translateY(15px) translateX(-15px);
	transform: translateY(15px) translateX(-15px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}	

.link-home a:hover,
.link-home a:focus {
	outline: none;
}

/* #Portfolio
================================================== */

#folio{
	position: relative; 
	width: 100%;
	padding-bottom:40px;
}
#folio h1{
	padding-top:40px;
}


.sep{
	position:relative;
	margin:0 auto;
	width:40px;
	border-top:1px solid rgba(0,0,0,.3);
}
.sub-text{
	position:relative;
	width: 100%;
}
.sub-text p{
	font-weight: 0 !important;
	text-align:center;
	font-size: 14px;
	line-height:24px;
	color:#808080;
}

.bb-bookblock {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}

.bb-horizontal .bb-page {
	width: 100%;
	height: 50%;
	top: 50%;
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	transform-origin: center top;
}

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.bb-vertical .bb-content {
	width: 200%;
}

.bb-horizontal .bb-content {
	height: 200%;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-page > div:not(:only-child) {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

/* */

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* Content display */
.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	-moz-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	-moz-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}

/* No JS */
.no-js .bb-bookblock, 
.no-js ul.bb-custom-grid li {
	width: auto;
	height: auto;
}

.no-js .bb-item {
	display: block;
	position: relative;
}

html,
body,
.container1 {
	width: 100%;
}

body {
	overflow: hidden;
}

.container.hide-overflow { overflow: hidden }

.main {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

.bookshelf {
	position: relative;
	list-style: none;
	text-align: center;
}

.bookshelf figure {
	position: relative;
	display: inline-block;
	margin: 30px 0 0 0;
	padding: 15px 0;
	max-width: 75%;
	width: 324px;
	vertical-align: top;
}

/* Perspectiv wrapper, figure and book */

.perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1800px;
	perspective: 1800px;
}

.book {
	position: relative;
	margin: 0 auto;
	height: 200px;
	width: 260px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.book div {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cover {
	z-index: 10;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cover::before {
	position: absolute;
	left: 0;
	z-index: 10;
	visibility: hidden;
	width: 20px;
	height: 100%;
	content: '';
	-webkit-transform: translateX(-100%) rotateY(-90deg);
	transform: translateX(-100%) rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.front {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.inner {
	background-color: #606060;
}

.bookshelf .book .inner-left {
	border-right: none;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.inner-right { border-left: none }

/* Buttons and figcaption */

.buttons {
	margin-top: 5px;
	text-align: center;
}

.buttons a {
	display: inline-block;
	padding: 0 8px;
	color: rgba(100, 105, 106, 0.7);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.65em;
	line-height: 1.5;
}

.buttons a:first-child:not(:only-child) { border-right: 1px solid rgba(100, 105, 106, 0.3) }

.buttons a:hover,
.buttons a:active { color: #64696a }

.page-layout-1 h3,
.page-layout-1 p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	max-width: 260px;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.page-layout-1 h3 {
	text-align: center;
	font-weight: 400;
	font-size: 3em;
	font-family: "Sacramento", serif;
}

.page-layout-1 h3 span {
	display: block;
	padding: 5px 0 15px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	font-size: 3em;
	font-family: "Six Caps", sans-serif;
	line-height: 1;
}

.page-layout-1 p {
	padding: 0 10px;
	text-align: right;
	font-style: italic;
}

.page-layout-2 {
	background: -webkit-linear-gradient(left, #64696a 50%, white 50%);
	background: linear-gradient(to right, #64696a 50%, white 50%);
}

.page-layout-2:first-child {
	background: -webkit-linear-gradient(left, white 50%, #64696a 50%);
	background: linear-gradient(to right, white 50%, #64696a 50%);
}

.page-layout-2 div {
	position: absolute;
	bottom: 0;
	left: 50%;
	padding: 0 10% 10%;
	width: 50%;
}

.page-layout-2 div:first-child { left: 0 }

.page-layout-2:first-child div:last-child,
.page-layout-2:last-child div:first-child { color: #fff }

.page-layout-2 h3 {
	margin: 0;
}

.image-background1{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/1.jpg) no-repeat center center;
	background-size: cover;
}
.image-background2{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/2.jpg) no-repeat center center;
	background-size: cover;
}
.image-background3{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/3.jpg) no-repeat center center;
	background-size: cover;
}
.image-background4{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/5.jpg) no-repeat center center;
	background-size: cover;
}
.image-background5{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/6.jpg) no-repeat center center;
	background-size: cover;
}
.image-background6{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/8.jpg) no-repeat center center;
	background-size: cover;
}
.image-background7{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/9.jpg) no-repeat center center;
	background-size: cover;
}
.image-background8{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/10.jpg) no-repeat center center;
	background-size: cover;
}
.image-background9{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/12.jpg) no-repeat center center;
	background-size: cover;
}
.image-background10{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/13.jpg) no-repeat center center;
	background-size: cover;
}
.image-background11{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/15.jpg) no-repeat center center;
	background-size: cover;
}
.image-background12{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/16.jpg) no-repeat center center;
	background-size: cover;
}
.image-background13{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/18.jpg) no-repeat center center;
	background-size: cover;
}
.image-background14{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/19.jpg) no-repeat center center;
	background-size: cover;
}
.image-background15{
	position: absolute;
	right: 10%;
	left:10%;
	bottom:3%;
	top:3%;
	background: url(../images/gallery/20.jpg) no-repeat center center;
	background-size: cover;
}
.page-layout-3 div { padding: 10% }

.page-layout-3 h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: 4em;
	text-align:left;
}

.page-layout-3 p {
	padding-top:10px;
	margin: 0;
	font-style: italic;
}

/* #footer
================================================== */

#footer{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-top:50px;
	padding-bottom:50px;
	background:#009BC1;
	z-index:2;
}
#footer p{
	text-align:center;
	font-size:12px;
	color:#f5f5f5;
}
.social-footer{ 
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:center;
	z-index:1002;
	height:30px;
}
.footer-social li {
	padding:0; 
	list-style: none;
	text-align:center; 
	width:30px;
	display: inline-block;
	cursor:pointer;
	margin-left:2px;
}

.footer-social li.icon-footer a {
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 30px;
	width:30px;
	color: #f5f5f5; 
	margin:0;
	padding:0;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}
.footer-social li:hover.icon-footer a{
	color: #000; 
}


/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container                                  { width: 768px; }
	.container .column,
	.container .columns                         { margin-left: 10px; margin-right: 10px;  margin-top: 10px; margin-bottom: 10px;}
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }

	.container .one.column,
	.container .one.columns                     { width: 28px; }
	.container .two.columns                     { width: 76px; }
	.container .three.columns                   { width: 124px; }
	.container .four.columns                    { width: 172px; }
	.container .five.columns                    { width: 220px; }
	.container .six.columns                     { width: 268px; }
	.container .seven.columns                   { width: 316px; }
	.container .eight.columns                   { width: 364px; }
	.container .nine.columns                    { width: 412px; }
	.container .ten.columns                     { width: 460px; }
	.container .eleven.columns                  { width: 508px; }
	.container .twelve.columns                  { width: 556px; }
	.container .thirteen.columns                { width: 604px; }
	.container .fourteen.columns                { width: 652px; }
	.container .fifteen.columns                 { width: 700px; }
	.container .sixteen.columns                 { width: 748px; }

	.container .one-third.column                { width: 236px; }
	.container .two-thirds.column               { width: 492px; }

	/* Offsets */
	.container .offset-by-one                   { padding-left: 48px; }
	.container .offset-by-two                   { padding-left: 96px; }
	.container .offset-by-three                 { padding-left: 144px; }
	.container .offset-by-four                  { padding-left: 192px; }
	.container .offset-by-five                  { padding-left: 240px; }
	.container .offset-by-six                   { padding-left: 288px; }
	.container .offset-by-seven                 { padding-left: 336px; }
	.container .offset-by-eight                 { padding-left: 384px; }
	.container .offset-by-nine                  { padding-left: 432px; }
	.container .offset-by-ten                   { padding-left: 480px; }
	.container .offset-by-eleven                { padding-left: 528px; }
	.container .offset-by-twelve                { padding-left: 576px; }
	.container .offset-by-thirteen              { padding-left: 624px; }
	.container .offset-by-fourteen              { padding-left: 672px; }
	.container .offset-by-fifteen               { padding-left: 720px; }
}


/*  #Mobile (Portrait)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.container .columns,
	.container .column {  margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  { width: 420px; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen { padding-left: 0; }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 319px) {
	.container { width: 220px; }
	.container .columns,
	.container .column { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 220px; }
}

/* #Mobile 
================================================== */


@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container { width: 300px; }
	.container .columns,
	.container .column {  margin-left: 0; margin-right: 0;  margin-top: 10px; margin-bottom: 10px;}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 300px; }
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
    	content: '\0020';
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0; }
    	.row:after,
    	.clearfix:after {
    		clear: both; }
    		.row,
    		.clearfix {
    			zoom: 1; }

    			/* You can also use a <br class="clear" /> to clear columns */
    			.clear {
    				clear: both;
    				display: block;
    				overflow: hidden;
    				visibility: hidden;
    				width: 0;
    				height: 0;
    			}