/*
Zerotheme.com | Free Html5 Responsive Templates
Author URI: http://www.zerotheme.com/
*/
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
@import url("MyFontsWebfontsKit.css");
@font-face {font-family: 'FelixTitlingMTStd';src: url('../webfonts/33EA4A_0_0.eot');src: url('../webfonts/33EA4A_0_0d41d.eot?#iefix') format('embedded-opentype'),url('../webfonts/33EA4A_0_0.woff2') format('woff2'),url('../webfonts/33EA4A_0_0.woff') format('woff'),url('../webfonts/33EA4A_0_0.ttf') format('truetype');}
@font-face {font-family: 'GaramondLD';src:url('../webfonts/GaramondLD.woff') format('woff');}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
::-moz-selection{background: #000 none repeat scroll 0 0;color: #fff;text-shadow:none}
::selection{background: #000 none repeat scroll 0 0;color: #fff;text-shadow:none}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: inherit;width: auto\9; /* ie8 */}

a{color: #333;text-decoration: none;}
a:hover {color: #628d7c; text-decoration: none;}

h1, h2 	{font-size: 25px;line-height: 30px;}

h3, h4	{font-size: 1.5em;line-height: 20px;}
h5, h6	{font-size: 16px;line-height: 16px;}

h1, h2, h4, h5, h6{clear: both;hyphens: auto; color: #000;line-height: 1.2;font-family: 'GarmondLD', serif;letter-spacing: 1px;}

p{margin: 10px 5px;}

label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}
input {display:block;width:100%;color:#222;border:1px solid #d1d1d1;padding:23px;margin: 5px 0 20px 0;font-size: 16px;}
input[type="submit"]{padding: 15px;}
textarea {display:block;width:100%;height:250px;background-color:#fff; color:#222;border:1px solid #d1d1d1;padding:10px;margin: 5px 0 20px 0;}
.center{ margin: auto; display: block; padding: 10px 0 0 0;width: 60%;}
.t-center{text-align: center !important;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.keepspace ul{text-align: left; list-style-type: disc;}
.keepspace li{white-space:pre-wrap;text-indent: 0px;}
.keepspace span {margin-left: -15px;}

.post{display: block;align-self: center;margin: auto;width: 95%;}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
/*.post img{display: block; margin: auto; width: 40%;}*/
.half img{display:block;margin:auto;width: auto;height: inherit;padding: 10px 0px 30px 0px;}
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

hr{border: 0;height: 3px;margin: 20px auto;}
hr.line-1{background: #fff;max-width: 30px;}
hr.line-2{background: #333;max-width: 40px;height: 4px;}

.widget-title{font-weight: bold;text-transform: uppercase;line-height: 1.38;margin-bottom: 20px;font-size: 14px;color: #eee;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {font: 16px/26px;font-family: 'GaramondLD', serif;background: #fff;}
body .wrap-body{}
/*-------------------------------Tables-----------------------------------------*/
.w3-table-all {
  width: 100%;
  margin: none;
}
.w3-table-all tr {

}

.w3-table-all td,.w3-table-all th {
		padding:5px 0px;
		display:table-cell;
		text-align:left;
		vertical-align:top;
    width:50%;
}
.table-container{
  padding: 30px;

}
/*.w3-table-all li {
  padding-left: 80px;
}*/

/*.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child {
		padding: 20px 10px;}/*

/*@media(max-width:600px) {
  .w3-table-all li {
    padding-left: 0px;
  }
}*/
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
header{text-align: center;background: #fff;}
 .logo {color: #333;padding: 5px 0 2px;}
 .logo a{font-family: 'FelixTitlingMTStd', serif;font-size: 70px;color: #333;font-weight: normal;display: block;line-height: 1.3;}
 .logo span{font-size: 16px;letter-spacing: 1px;}
@media(max-width:767px){
	 .logo{padding: 5px 0 2px;}
	 .logo a{font-size: 55px;}
	 .logo span{font-size: 16px;}
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
.home-page{}
.single-page{}
.gallery-page{}
.archive-page{}
.contact-page{}

#container {}
#container .wrap-container{}

/* ---content-box--- */
.content-box {}
.content-box .wrap-box {padding: 40px 1px 10px 1px; position: relative;}
.content-box .box-header { margin: 0 0 30px;text-align: center;}
.content-box .box-header h2{font-size: 1.4em;display: block;font-weight: lighter;}
.content-box .box-content{text-align: center;}

.content-box.box-style-1{background: #ffffff;}
.content-box.box-style-2{background: #ffffff;}
.content-box.box-style-3{background: url(../images/action-bg.html) no-repeat fixed;}

.content-box.box-1 {text-align: justify; padding: 50px 5px;}


.content-box.box-2 {text-align: center; padding: 50px 5px;}

.content-box.box-3 blockquote {position: relative;padding: 20px 100px 0;text-align: center;font-size: 35px; border:none;line-height: 1.2;}
.content-box.box-3 blockquote:before, .content-box.box-3 blockquote:after {position: absolute;width: 50px;height: 50px;font-size: 110px;line-height: 1; }
.content-box.box-3 blockquote:before {top: 0;left: 0;content: "\201C"; }
.content-box.box-3 blockquote:after {top: 0;right: 0;content: "\201D"; }
@media only screen and (max-width: 1100px) {
 .content-box.box-3 blockquote {font-size: 22px; }
 }
@media only screen and (max-width: 960px) {
 .content-box.box-3 blockquote {padding: 30px 40px;font-size: 22px; }
 .content-box.box-3 blockquote:before, .content-box.box-3 blockquote:after {width: 25px;height: 25px;font-size: 47px; }
 }
@media only screen and (max-width: 690px) {
 .content-box.box-3 blockquote {padding: 10px 20px;font-size: 20px; }
 .content-box.box-3  blockquote:before, .content-box.box-3 blockquote:after {font-size: 19px; }
 }

.content-box.box-4 .wrap-box{padding: 0;}
.content-box.box-4 article{padding-top: 20px;padding-bottom: 0;background: #ffffff;margin:0;}
/* ---MainContent-Article--- */
#main-content{}
#main-content .wrap-content{padding: 100px 20px;}

.gallery-page article{background: #f7f7f7;}
.single-post{}
.single-post .wrap-post, .comments-are {background: #f7f7f7;padding:30px; position: relative;}
.single-post .wrap-post {margin-bottom: 50px;}
article{background: #ffffff; color: #3F3F3F; margin-bottom: 10px;padding-bottom: 10px;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .post-thumbnail-wrap {text-align: center;width: 100%;margin-bottom: 10px;}
article .post-thumbnail-wrap img {width: 60%; height: 60%;}
article h3.entry-title{font-size: 20px;margin: 10px 0 5px;font-weight: normal;letter-spacing: 1px;color: #222;}
article .l-tags{text-align: center;font-size: 15px; font-family: 'GaramondLD', serif;text-transform: uppercase;letter-spacing: .9px;}
article .l-tags a{color: #333;}
article .l-tags a:hover{color: #628d7c;}

article .entry-header{text-align: center;}
article.single-post .entry-header{padding: 40px 0;}
article.single-post .entry-header h2.entry-title{font-family: 'GaramondLD', serif;font-size: 24px;font-weight: normal;line-height: 30px;color: #111;letter-spacing: 2px;margin: 0;text-transform: uppercase;}
article.single-post .entry-header h2.entry-title a {color: #111;margin: 0;}
article .entry-title-blog a:hover {color: #628d7c;}
article .entry-header .time {font-family: "Merriweather",Georgia,serif;color: #888;font-size: 17px;padding-bottom: 10px;display: block;}
article .entry-header .cat-links {font-size: 15px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;padding-top: 10px;display: block;}


article .entry-content{ padding: 40px 20px; text-align: left;}
@media(max-width:767px){
	article .entry-content{ padding: 30px 20px;}
}
@media(max-width:480px){
	article.single-post .entry-content{ padding: 20px;}
}
article .entry-content p{font-size: 0.8em;color: #000;}
article .entry-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 10px;font-style: normal;color: #666;padding-left: 0px;}
article .entry-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{background: #fff;font-size: 15px;color: #999}
footer a{color:#999;font-weight: bold;text-shadow: none;}
footer a:hover{color:#000;}

footer .wrap-footer{padding: 10px 0;}
footer .wrap-footer ul li {margin-bottom: 5px;padding: 10px 0 15px;}
footer .logo img{max-width: 170px;margin-top: 10px;}
footer .col-footer-1 {}

footer .col-footer-2{}
footer .col-footer-2 ul {padding: 0;}
footer .col-footer-2 ul li {list-style: none;margin-bottom: 5px; border-bottom: 1px solid #444;padding-bottom: 10px;}
footer .col-footer-2 ul li:last-child{border-bottom: none;}
footer .col-footer-2 ul li a{color: #999;font-size: 12px;}
footer .col-footer-2 ul li a:hover{color: #eee;}

footer .col-footer-3 a{color: #999; background: #202020; padding: 5px 10px;line-height: 2.3;font-size: 14px;text-transform: capitalize;margin-right: 1px;}
footer .col-footer-3 a:hover{color: #fff;background: #000;}

footer .col-footer-4 img{margin-bottom: 20px;}

footer .bottom-footer{color: #92907C;text-align: center;padding: 10px 0;border-top: 1px solid #bbb;}
footer .bottom-footer ul li {margin-bottom: 0px;border-bottom: 1px solid #555;padding: 10px 0 15px;}
footer i.fa{font-size: 22px;margin-right: 8px;}
footer .bottom-social{margin-bottom: 5px;}
footer .bottom-social i.fa{font-size: 24px;margin-right: 12px;}

.copyright span:before{content:" ";
    display:inline-block;
    width:32px;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#contact_form{background: #f7f7f7;}
#contact_form, #comment {padding:20px 30px;}

#contact_form .sendButton , #comment_form .sendButton {cursor:pointer;background-color:#575756;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:20%;color:#ffffff;margin-top: 50px;}
#contact_form .sendButton:hover , #comment_form .sendButton:hover{opacity: 0.8;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button{background-color: #161616;padding: 9px 20px;color: #fff;margin-top: 20px;display:inline-block;text-transform: uppercase;font-size: 13px;letter-spacing: 1px;}
a.button:hover{background-color: #333;}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Carousel---------------------------------- */
/* ---------------------------------------------------------------------------- */
.owl-controls .owl-buttons div {position: absolute;color:#777;opacity: 0.7;}
.owl-carousel:hover .owl-buttons div {color:#fff;}
.owl-controls .owl-buttons .owl-prev {left: 10px;top: 50%;}
.owl-controls .owl-buttons .owl-next {right: 10px;top: 50%;}
.owl-carousel{margin-bottom: 20px;}
.owl-carousel .owl-buttons div i {font-size: 40px;margin: -20px 0 0;}
.owl-carousel .item{position: relative;}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Portfolio--------------------------------- */
/* ---------------------------------------------------------------------------- */
.portfolio-box {display: block;position: relative;margin: 0 auto; width: 100%;}
.portfolio-box .portfolio-box-second {display: block;position: relative;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;opacity: 0;background: rgba(0,0,0,.7);-webkit-transition: all 1.45s;-moz-transition: all 1.45s;transition: all 1.45s;}
.portfolio-box .portfolio-box-second .portfolio-box-second-content {position: relative;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}
.portfolio-box:hover .portfolio-box-second {opacity: 1;}


/* ---------------------------------------------------------------------------- */
/* --------------------------------Google-Map---------------------------------- */
/* ---------------------------------------------------------------------------- */
.maps iframe{
    pointer-events: none;
}
.container-popup {
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8);
}

.popup {

    display: block;
    width: 50%;
    height: 50%;
    background-color: #fff;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.brand {
  font-family: "FelixTitlingMTStd" serif;
  font-size: 25px;
  line-height: 30px;
  color: #000;
}
.brand p {
    font-family: "FelixTitlingMTStd" serif;
    font-size: 15px;
    line-height: 5px;
    color: #000;

}
figcaption {
  display: block;
  text-align: center;
  font-size: 0.6em
}
/* The Close Button */
.close {
  /*background-color: #161616;*/
  padding: 9px 20px;
  color: #000;
  margin-top: 20px;
  display:inline-block;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.close:hover,
.close:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}
.modal-text {
  font-family: "GaramondLD" serif;
  font-size: 1.5em;
  font-weight: lighter;
  padding: 10px;
}
.ficha-title {
  font-size: 1.3em;
  text-transform: capitalize;
}