/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Caudex:400,700');
@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Nunito');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body{
    margin: 0;
    padding: 0;

    min-width: 100%;
    width: 100%;
    max-width: 100%;

    min-height: 100%;
    height: 100%;
    max-height: 100%;
}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.pure-g > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.p15{
  padding: 0 15px;
}

.title{
  font-family: "Ropa Sans", sans-serif;
}

/* TOP MENU */
.top-menu{
  border-bottom: 1px solid #efe5e5;
}

header .social-w{
  text-align: right;
  padding: 30px 10px 15px 0;
}

.social-w a{
  padding: 0 4px;
}

.form-feedback{
  margin-bottom: 15px;
  font-family: "Caudex", sans-serif;
  font-weight: bold;
}

/* MAIN MENU*/
.main-menu{
  padding: 15px 0 20px 0;
}

.nav-menu{
  text-align: right;
}

.menu-item{
  display: inline-block;
  font-family: 'Nunito', sans-serif;
  margin: 0 10px;
  color: #995A5A;
  margin-top: 30px;
  font-size: 14px;
}

.menu-item.active{
  color: #C3466A;
}


.main-banner{
  height: 480px;
  background: url(../img/main-banner.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
}

#main-banner .title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: white;
  font-size: 48px;
  text-align: center;
  background: rgba(0,0,0,0.4);
  padding: 10px;
}

/* WHAT WE DO */
#what-we-do{
  /* height: 320px; */
  padding: 97px;
  background: #e4e4e4;
}

#what-we-do .title{
  font-size: 40px;
  color: #C3466A;
  text-align: center;
  margin-bottom: 20px;
}

.subtitle{
  font-family: "Caudex", sans-serif;
  color: #8B0000;
  text-align: center;
  line-height: 22px;
}

/* UPCOMING EVENTS */
#upcoming-events .title{
  color: #995a5a;
  font-size: 36px;
  padding: 60px 0 20px;
  text-align: center;
}

#upcoming-events .subtitle{
  margin-bottom: 30px;
}

.event{
  color: rgba(153,90,90,1);
  font-family: "Caudex", sans-serif;
  height: 680px;
  overflow: hidden;
  position: relative;
}

#upcoming-events .event-img-w{
  height: 453px;
  transition: 400ms all ease-in-out;
}

#upcoming-events .event-title{
  font-size: 26px;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-top: 45px;
}

.event-date-location{
  text-align: center;
}

.mini{
  font-size: 18px;
  margin-bottom: 40px;
  transition: 400ms all ease-in-out;
}

.maxi{
  font-size: 15px;
  transition: 400ms all ease-in-out;
  margin-bottom: 15px;
  opacity: 0;
}

#upcoming-events .share,
.social-share-w{
  text-align: center;
  margin-top: 15px;
}

.social-share-w a{
  color: rgba(153,90,90,1);
  padding: 0 4px;
}

.event-register-w{
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.event-register{
  color: white;
  text-decoration: none;
  padding: 15px 30px;
  background: rgba(153,90,90,1);
  display: inline-block;
}

.event-info-w{
  height: 150px;
  overflow: hidden;
  transition: 400ms all ease-in-out;
}

#upcoming-events .event:hover .event-img-w{
  height: 0;
}

.event:hover .mini{
  opacity: 0;
  display: none;
}

.event:hover .maxi{
  opacity: 1;
}

.event:hover .event-info-w{
  height: auto;
  overflow: visible;
  padding-top: 170px;
}

/* SHOP */
#shop-banner{
  margin-top: 60px;
  background: #c2486a;
  height: 220px;
  position: relative;
}

#shop-banner h2{
  color: white;
  font-family: "Ropa Sans", sans-serif;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}

#shop{
  padding: 30px 0 60px 0;
}

#shop .subtitle{
  margin-bottom: 30px;
}


.product-title{
  font-family: "Caudex", sans-serif;
  margin-top: 15px;
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  color: #995A5A;
  min-height: 37px;
}

.product-subtitle{
  font-size: 14px;
  margin-top: 5px;
}

.product-title::after{
  content: " ";
  width: 20px;
  border-bottom: 1px solid #995A5A;
  height: 1px;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -10px;
}

.product-price{
  color: #5A5959;
  font-size: 13px;
  text-align: center;
}


/* FOOTER */
footer{
  padding: 45px 0 30px 0;
  text-align: center;
  background: #ecf2f1;
}

footer .copyright{
  font-family: "Open Sans", sans-serif;
  margin-top: 45px;
  color: #995A5A;
  font-size: 14px;
}

/* ABOUT US */
#about-video{
  margin-bottom: 60px;
}

.iframe-w{
  text-align: center;
}

#about-gallery img{
  padding: 10px 0;
  margin: 0 auto;
}


/* CONTACT US */
#contact-form{
  background: #c3466a;
  padding: 60px 0;
}

.form-w{
  color: white;
  position: relative;
}

#contact-form .title{
  font-size: 40px;
  font-family: "Ropa Sans", sans-serif;
  color: white;
  margin-bottom: 30px;
}

#contact-form .text{
  font-family: "Caudex", sans-serif;
  color: white;
  line-height: 22px;
}

#contact-form .social-w{
  margin: 15px 0 45px 0;
}

#contact-form .social-w a{
  color: white;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.form-w input,
.form-w textarea{
  width: 95%;
  background: transparent;
  color: white;
  border: 1px solid white;
  outline: none;
  padding: 5px 10px;
  margin-bottom: 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Caudex", sans-serif;
}

.contact-img-w{
  text-align: right;
}

.submit-form{
  -moz-appearance: none;
  -webkit-appearance: none;

  border: none;
  outline: none;
  background: white;
  font-family: "Caudex", sans-serif;
  padding: 20px 60px;
  color: #995A5A;

  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}

.submit-form:hover{
  background: #ecf2f1;
}

/* SINGLE EVENT */
#single-event-entry .event-img-w{
  height: 420px;
}

.single-event-w .date-location{
  font-size: 18px;
  font-family: "Caudex", sans-serif;
  color: rgba(153,90,90,1);
  margin-bottom: 15px;
  text-align: center;
}

.single-event-w .event-title{
  font-size: 60px;
  font-family: "Ropa Sans", sans-serif;
  line-height: 72px;
  color: rgba(153,90,90,1);
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.single-event-w .single-event-register-w{
  margin: 60px 0;
  font-family: "Ropa Sans", sans-serif;
  text-align: center;
}

.single-event-w h3{
  font-family: "Ropa Sans", sans-serif;
  font-size: 30px;
  color: rgb(153,90,90);
  margin: 60px 0 15px 0;
}

.single-event-w p{
  font-family: "Caudex", sans-serif;
  line-height: 24px;
  color: rgb(153,90,90);
}

.single-event-w .event-img-title{
  font-family: "Caudex", sans-serif;
  text-align: center;
  margin-top: 15px;
  color: rgb(153,90,90);
}

#map{
  margin-top: 60px;
}

.single-event-w .social-w{
  margin: 15px 0 60px 0;
}

.single-event-w .social-w a{
  color: rgb(153,90,90);
  padding:0 15px;
  margin-top: 15px;
  display: inline-block;
}

.single-event-w .social-w a:first-child{
  padding-left: 0;
}

.event-form{
  max-width: 720px;
  font-family: "Caudex", sans-serif;
  font-size: 18px;
  margin-top: 60px;
}

.event-form .form-title{
  font-family: "Caudex", sans-serif;
  font-size: 30px;
  color: rgba(153,90,90,1);
  margin-bottom: 30px;
}

.event-form label,
.event-form input{
  font-family: "Caudex", sans-serif;
  display: block;
  width: 85%;
  margin-right: 15px;
  margin-top: 15px;
  color: rgba(153,90,90,1);
}

.event-form input{
  border: 1px solid rgba(153,90,90, 0.2);
  outline: none;
  padding: 10px;
}

.event-form input:focus{
  border: 1px solid rgba(153,90,90, 1.0);
}

.event-form input[type='email'],
.event-form input[type='number']{
  width: 92.5%;
}

.event-form input[type='checkbox']{
  width: auto;
  display: inline-block;
}

.event-form label{
  margin-bottom: 10px;
}

.event-form .form-field-caudex{
  color: rgb(153,90,90);
  font-family: "Caudex", sans-serif;
}

.event-form button{
  border: none;
  outline: none;
}

/* SINGLE PRODUCT */
#single-product .breadcrumbs-w{
  margin: 60px 0;
}
#single-product .breadcrumbs{
  font-family: "Caudex", sans-serif;
  color: rgb(153,90,90);
}

#single-product .breadcrumbs span{
  opacity: 0.5;
}

#single-product .prev-next-w{
  text-align: right;
  font-family: "Caudex", sans-serif;
  color: rgb(153,90,90);
}

#single-product .product-w{
  margin-bottom: 30px;
}

#single-product img.small{
  max-width: 460px;
}

.product-w label{
  display: block;
  font-family: "Caudex", sans-serif;
  margin: 10px 0;
  color: rgb(153,90,90);
}

.product-w input{
  padding: 10px;
  outline: none;
  border: 1px solid rgba(153,90,90,0.2);
  width: 300px;
}

.product-w input:focus{
  border: 1px solid rgba(153,90,90,1.0);
}

.product-w select,
.product-w option{
  outline: none;
  border: 1px solid rgb(153,90,90);
  padding: 10px;
  font-family: "Caudex", sans-serif;
}

.product-w .product-title{
  text-align: left;
  font-size: 26px;
  max-width: 300px;
  margin-top: 0;
  line-height: 31px;
}

.product-w .product-title::after{
  content: none;
}

.product-w .btn-email-product{
  display: block;
  border: none;
  outline: none;
  background: rgb(153,90,90);
  color: white;
  font-family: "Caudex", sans-serif;
  padding: 15px;
  margin-top: 52px;
  width: 322px;
  text-align: center;
}

.product-w p{
  font-family: "Caudex", sans-serif;
  color: rgb(153,90,90);
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 24px;
}

.product-w .price{
  color: #333333;
  font-family: "Caudex", sans-serif;
  font-size: 20px;
  margin-bottom: 60px;
}


























/* JQZOOM */
.zoomPad{
  position:relative;
  float:left;
  z-index:99;
  cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
  overflow:hidden;
  background-color: #FFF;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index:120;
  position:absolute;
  border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}



.zoomOverlay{
  position:absolute;
  left:0px;
  top:0px;
  background:#FFF;
  /*opacity:0.5;*/
  z-index:5000;
  width:100%;
  height:100%;
  display:none;
  z-index:101;
}

.zoomWindow{
  position:absolute;
  left:110%;
  top:40px;
  background:#FFF;
  z-index:6000;
  height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
  position:relative;
  border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
  display:block;
  background:#999;
  color:#FFF;
  height:18px;
  line-height:18px;
  width:100%;
  overflow:hidden;
  text-align:center;
  font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
  display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/












/* RESPONSIVE */
/* @media (min-width: 768px) {
  .container {
    width: 750px;
  }
} */
@media (min-width: 992px) {
/*   .container {
    width: 970px;
  } */
}
@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}