@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Yesteryear&display=swap);
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#1e2122;-webkit-transition:all .1s ease;transition:all .1s ease}
a:hover{color:#1e2122}
b,strong{font-weight:800}
input{-webkit-border-radius:0;border-radius:0}
input, textarea, button {font-family:'Source Sans Pro',sans-serif;}
.handwrite {font-family: "Yesteryear", cursive;}
body,html{width:100vw;margin:0;padding:0}
html {scroll-behavior: smooth;}
body{font-family:'Source Sans Pro',sans-serif;font-size:1.2rem;overflow-x:hidden;overflow-y:scroll;color:#fff;background-color:#fff}
::-webkit-scrollbar{background-color:#dedede;width:.5em;position:fixed;z-index:91}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{cursor:pointer;background-color:#838383}
.ui-tooltip{width:auto;text-align:center;background-color:#000!important;box-shadow:none!important;padding:.2rem!important;border:1px solid #222!important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.9rem;opacity:1!important;color:#fff}
@media (max-width:1024px){
.ui-tooltip{display:none!important}
}

.clearfix{ clear:both }

.loading{display: none !important;position:fixed;z-index:999999999999!important;top:0;left:0;color:#fff;padding:0;width:100vw;height:100vh;background-color:rgba(52,58,64,.8)}
.loader{width:90px;height:90px;border:3px solid rgba(255,255,255,.1);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;margin:20% auto}
.loader .inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid #1d1f22;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1024px){
.loader{margin:18rem auto}
}
@-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}

.input, .textarea { background-color: #fff; padding: 1rem; width: 100%; font-size: 1.4rem; color: #111; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; appearance: none; border: 1px solid #dedede; outline: 0; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all }

.select { background: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>"); background-color: #fff; border: 1px solid #dedede; background-repeat: no-repeat; background-position: right 1rem top 1.3rem; background-size: 20px 20px; padding: 1.2rem; width: 100%;  font-size: 1.4rem; color: #111; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; appearance: none; outline: 0; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all }
.select:active, .select:focus { outline: 0 }
.select:hover { background-color: #fff }

.textarea { height: 250px; }

#container{width:100%;height:100%;margin:0;padding:0}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:90%;margin:0 auto}
@media (max-width:1024px){
.container .wrapper{ width:95% }
}

.upper{display:block;width:100%;height:5rem;padding:1rem 0;background-color:transparent;transition:1s;position:fixed;top:0;z-index:10;overflow:hidden}
.upper .wrapper{width:95%}
.upper.sticky{top:-100%}
@media (max-width:1024px){
.upper{position:static;height:3rem;padding:0;background-color:#1e2122;}
.upper .wrapper{width:100%}
}

.topnav{display:block;height:100%;margin:0;padding:0;float:left}
.topnav ul{margin:0;padding:0}
.topnav li{display:block;float:left;position:relative}
.topnav li a{display:block;text-align:center;font-size:1.2rem;padding:0;height:3.2rem;line-height:3rem;color:#fff}
.topnav li i{padding:0 1rem;color:#fff}
.topnav li:hover a{color:#dedede}

.social-feed{display:block;overflow:hidden;float:right;margin:0 3rem 0 0}
.social-feed a{display:inline-block;width:2.6rem;height:3rem;line-height:3rem;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;color:#fff;border-radius:.4rem;font-size:1.4rem}
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook:hover{color:#4b69b1}
.social-feed a.social_twitter:hover{color:#37b1e2}
.social-feed a.social_instagram:hover{color:#cf3053}
.social-feed a.social_youtube:hover{color:red}
.social-feed.footer-social{float:none}
.social-feed.footer-social a{width:auto;height:auto;line-height:auto;font-size:2rem;margin:0 1rem 0 0;color:#777}
@media (max-width:1024px){
.social-feed{display:none}
}
header{display:block;width:100%;margin:0;padding:0;-webkit-transition:.1s;transition:.1s;position:fixed;top:3rem;z-index:30}
header.sticky{top:0}
header .header{display:block;width:95%;margin:0 auto;position:relative}
@media (max-width:1024px){
header{top:6%;overflow:hidden}
header .header{width:100%}
header.sticky{top:5%;position:absolute}
}

.logo{width:200px;height:200px;margin:0 auto;display:block;overflow:hidden;transition:1s;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:100%;position:relative;top:-2rem}
header.sticky .logo{height:0}
@media (max-width:1024px){
.logo{width:150px;height:150px; top: 0rem;}
header.sticky .logo{transform:scale(1)}
}
.toggleMenu{color:#fff!important;z-index:10000;text-align:center;overflow:hidden;transition:.5s;opacity:1;display:none;font-family:FontAwesome;float:right;margin:0;font-size:2rem;position:fixed;top:0;right:0;z-index:30}
.toggleMenu:before{content:"\f141";display:block;transform:scale(0);width:5rem;height:5rem;line-height:5rem;animation:menu 1s forwards}
.toggleMenu.open:before{content:"\f00d";background-color:transparent;transform:scale(0);animation:menuOpen 1s forwards}
header.sticky .toggleMenu:before { background-color:#1d1f22; }
@media (max-width:1024px){
    .toggleMenu:before{width:5rem;height:3rem;line-height:3rem;}
}
@keyframes menu{
to{transform:scale(1)}
}
@keyframes menuOpen{
to{transform:scale(1)}
}
nav{width:50%; min-width: 1024px; height:100%;min-height:100%;margin:0;padding:0;position:fixed;display:none;overflow:hidden;z-index:29;top:0;right:0;overflow-y:auto;background-color:rgba(30,33,34,.7)}
.nav{width:40%;margin:0;padding:5% 5%;float:left}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav>li{width:100%;display:block;padding:0;margin:0;position:relative}
.nav>li>a.parent:after{color:#1e2122;float:right;font-size:.8rem;position:absolute;right:1rem;top:.5rem}
.nav li a{display:block;color:#fff;font-size:2rem;padding:2rem;text-align:left;font-weight:300;transition:.3s ease-in-out}
.nav li a i{width:4rem;transform:translateX(-4rem);visibility:hidden;transition:.5s}
.nav>li>a.parent:after{font-family:FontAwesome;content:"\f107";color:#fff;float:right;font-size:.8rem;position:absolute;right:2rem;top:2rem}
.nav li:hover>a{box-shadow:inset 50rem 0 4px #1d1f22;border-color:#1d1f22}
.nav li:hover i{width:4rem;transform:translateX(0);visibility:visible}
.nav li ul{list-style:none;width:100%;position:static;margin:0;padding:0;display:none}
.nav li ul li{border:none;margin:0;padding:0;position:relative}
.nav li ul li a{color:#fff;padding:2rem 2.6rem;font-weight:500;height:auto;font-size:1rem;border-bottom:0}
.nav li.hover ul{display:block}
.nav_contact{width:60%;margin:0;padding:5% 5%;float:left;font-size:1.6rem;font-weight:100}
.nav_contact *{font-size:1.6rem;font-weight:100}
.nav_contact span{ display: block; margin: .6rem 0;}
.menuMobile { display: none!important;}
.menuDesk { display: block!important;}

@media (max-width:1024px){
nav{ width: 100%; min-width: 100%; background-color:rgba(30,33,34,.98)}
.nav{width:100%;padding:10% 0;float:left;transform:scale(1)}
.nav_contact{display:none}
.nav li a{font-size:2rem;padding:1rem;}
.nav li ul li a{color:#fff;padding:1rem 1.4rem;}
.menuMobile { display: block!important;}
.menuDesk { display: none!important;}
}

.slider{display:block;width:100%;position:relative;overflow:hidden}
.banner{width:100%; height: 90vh; margin:0;padding:0}
.banner .owl-item{margin:0!important;padding:0!important;overflow:hidden}
.banner .owl-item img{width:100%;vertical-align:bottom; filter: grayscale(10%);}
.banner .owl-item .banner-desk{display:block!important}
.banner .owl-item .banner-mobile{display:none!important}
.banner .owl-nav span{display:none}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{font-size:1rem!important;width:4rem;height:4rem;background-color:rgba(30,33,34,.6)!important;border:1px solid #1d1f22!important;border-radius:50%}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{background-color:#1d1f22!important}
.banner .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.banner .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.banner .owl-nav button.owl-prev{right:7rem}
.banner .owl-nav button.owl-next{right:2rem;}
.banner .owl-nav button{position:absolute;top:97%;transform:translateY(-97%);color:#fff!important}

@media (max-width:1024px){
.slider{display:block;width:100%;height:95vh}
.banner .owl-item .banner-desk{display:none!important}
.banner .owl-item .banner-mobile{display:block!important}
.banner .owl-nav button{top:70%;display:none}
}

.caption{width:100%;height:100%;padding:17.5% 0 0 0;margin:0;z-index:7;position:absolute;top:0;left:0;overflow:hidden;background-color:rgba(26,25,25,.5)}
.caption:after{content:"";width:50%;height:100%;position:absolute;z-index:0;top:0;left:0;background-color: rgba(34, 37, 39, .5); transform:skewX(-0deg) translateX(0)}
.caption-desc,
.caption-title{width:35%;display:block;color:#fff;padding:0;margin:0 auto 1rem auto;text-align:center;position:relative;line-height:1;opacity:0;z-index:1}

.caption-title{font-size:4rem;font-weight:100;animation:title .2s .4s linear forwards}
.caption-desc{font-size:1.4rem;font-weight:100;animation:desc .2s .5s linear forwards}
.caption-link{display:block; opacity:0;animation:link .2s .6s linear forwards;position:relative;z-index:1}
.caption-link a{margin:2rem auto!important}
@media (max-width:1120px){
.caption{padding:50% 10%}
.caption:after{width:70%;height:100%;transform:skewX(-55deg) translateX(-30%)}
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:2.1rem}
.caption-desc{font-size:1.1rem}
.caption-link a{width:170px!important}
}
@keyframes title{
from{opacity:0}
to{opacity:1}
}
@keyframes desc{
from{opacity:0}
to{opacity:1}
}
@keyframes link{
from{opacity:0}
to{opacity:1}
}

.headline{width:900px;margin:5% auto;display:block;text-align:center;overflow:hidden}
.headline:before{content:"";display:block;width:5rem;height:.2rem;background-color:#1d1f22;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%}
.headline h1{font-size:4rem;color:#111;font-weight:300}
.headline h2{font-size:1.4rem;width:75%;margin:1rem auto;font-weight:300;color:#111}
.headline h3{font-size:4rem;color:#111;font-weight:300}
.headline h4{font-size:1.4rem;margin:0 auto;font-weight:300;color:#111}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#1d1f22}
@media (max-width:1024px){
.headline{width:100%;margin:4rem auto}
.headline h3{font-size:3rem}
.headline h4{font-size:1rem}
.headline h5{font-size:1.4rem}
.headline h6{font-size:1rem}
}


.readmore{display:block;max-width:300px;margin:5rem auto;padding:1rem;background:#1d1f22;color:#fff!important;font-weight:700;font-size:1.3rem;position:relative;text-align:center;border-radius:.4rem;clear:both}
.readmore:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#1d1f22;border-width:25px;margin-left:-25px}
@media (max-width:1024px){
.readmore{margin:2.5rem auto}
}

.button{padding:1rem;cursor:pointer;display:block;width:200px}
.button.align-center{margin:5rem auto;width:300px}
.button-rounded-right{text-align:center;border:3px solid #cecece;color:#fff;border-radius:.6rem;background-color:transparent;transition:.3s ease-in-out}
.button-rounded-right:hover{transform:scale(1.04);color:#fff;box-shadow:inset 20rem 0 4px #1d1f22;border-color:#1d1f22}

.button-rounded-left{text-align:center;border:3px solid #1d1f22;color:#fff;border-radius:.6rem;background-color:transparent;transition:.3s ease-in-out}
.button-rounded-left:hover{transform:scale(1.04);color:#fff;box-shadow:inset 20rem 0 4px #1d1f22;border-color:#1d1f22}

.parallax{background-repeat:no-repeat;background-position:100% 0;background-size:cover;background-attachment:fixed}

.section1{width:100%;margin:-250px 0 0 0;padding:0; position: relative; z-index: 1;}
.about{display:flex;flex-wrap:wrap;justify-content:space-between;width:75%;margin:0 auto;background-color:#fff}
.about-image{width:50%;overflow:hidden; background-size: cover;}
.about-text{width:50%;overflow:hidden;padding:5% 10% 0 10%;font-size:1.2rem;font-weight:100; color: #111;}
.about-text h3{color:#1d1f22;font-size:3rem;font-weight:300}
.about-text a{color:#111;margin:4rem 0}
@media (max-width:1024px){
.section1{margin:-50px 0 0 0;}
.section1 .wrapper{width:100%}
.about-text{width:100%;padding:2rem;font-size:1.2rem}
.about-text h3{font-size:2rem}
.about-text a{margin:4rem 0 0 0}
}

.section2{width:100%;margin:0;padding:0 0 5rem 0;display:block;overflow:hidden;background-size:cover;color:#2d3236; background-color: #fff;}
.section2 .button{ background-color: #1d1f22;}

.block{display:flex;flex-wrap:wrap;justify-content:space-between;width:75%;margin:0 auto}
.block-col{width:32%;display:block;margin:2% 0;position:relative;overflow:hidden;transition:.1s; box-shadow: 0 0 0px #888; border: 2px solid #fff;}
.block-col img{width:100%;vertical-align:bottom;}
.block-col:nth-child(2n+2) { transform: scale(1.3)!important; z-index: 1;}
.block-col:hover{ transform: scale(1.1)!important;}
.block-header{display:block;width:100%; height: 100%; overflow:hidden;color:#fff;padding:4rem 2rem;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.8);transition:.6s; text-align: center;}
.block-title{display:block;margin:0;font-weight:500;font-size:2.2rem}
.block-title:after{content:"";background-color:#fff;width:25%;height:.4rem;border-radius:2rem;margin:.4rem auto;display:block;font-size:2rem;text-align:center}
.block-summary{display:block;margin:1rem 0 0 0; opacity: 0; font-size:1.1rem;padding:0;overflow:hidden}
.block-col:hover .block-header{background-color:rgba(0,0,0,.4);padding:5rem 2rem;bottom:0}
.block-col:hover .block-summary {opacity: 1; }
@media (max-width:1024px){
.section2{padding:0 0 3rem 0}
.section2 .wrapper{width:95%}
.block{display:flex;flex-wrap:wrap;justify-content:space-between}
.block-col{width:100%;margin:0 0 1rem 0}
.block-header{background-color:rgba(0,0,0,.8)}
.block-title{font-size:1.4rem}
.block-summary{font-size:.8rem}
}

.photos{display:flex;flex-wrap:wrap;width:100%;margin:3rem 0 0 0}
.photos-col{width:18%;display:block;margin:0 2% 2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae; background-color: #2b252b;}
.photos-col i{ content: ""; display: block; opacity: 0; transition:.3s; width: 100%; height: 100%; padding: 48% 0; position: absolute; top: 0; left: 0; text-align: center; font-size: 3rem; color: #1d1f22; }
.photos-col img{width:100%;vertical-align:bottom;transition:.1s}
.photos-col:hover i{ opacity: 1;}
.photos-col:hover img{transform: scale(.98);}

.section99 {width:100%; height: 150px; overflow: hidden; margin:0;padding:0; background-color: #2b252b;}
@media (max-width:1024px){
    .section99 {height: 125px;}
}
.section5{width:100%; overflow: hidden; clear: both; margin:0;padding:0; background-color: #2b252b;}
.section5 .wrapper{width:80%; }

.heading{width:100%;margin:3% auto;display:block;text-align:left;overflow:hidden}
.heading:before{content:"";display:block;width:5rem;height:.2rem;background-color:#fff;margin:1rem 0;border-radius:10rem}
.heading.align-center{ text-align: center; width: 1000px; }
.heading.align-center:before{margin:1rem auto;}

.heading h1,.heading h2,.heading h3,.heading h4{margin:0;padding:0;line-height:115%; font-weight: 300;}
.heading h1{ font-size: 2rem; color: #fff; font-weight: 700;}
.heading h2{ font-size: 1.2rem; color: #fff;}
.heading h3{ font-size: 4rem;}
.heading h4{ font-size: 1.2rem;}
@media (max-width:1024px){
    .heading{width:100%;margin:5% 0 10% 0;}
    .heading.align-center{ width: 100%; }
    .heading h1{ font-size: 2.2rem;}
    .heading h2{ font-size: 1.2rem;}
    .heading h3{ font-size: 2.2rem;}
    .heading h4{ font-size: 1.2rem;}
}

.section6{width:100%;margin:0;padding:2.5% 0;border-top:1px solid #222; position: relative; background-color: #fff; color: #111;}
.section6 .wrapper{width:80%; clear: both;}
@media (max-width:1024px){
    .section6{padding:2.5rem 0;}
    .section6 .wrapper{width:90%}
}

.product-title{width:100%;margin:0 0 2rem 0;display:block;text-align:left;overflow:hidden}
.product-title h3{ font-size: 3rem; margin: 0; padding: 0;}
@media (max-width:1024px){
    .product-title{margin:2rem 1rem;}
    .product-title h3{ font-size: 2rem; }
}

aside{width:20%;float:left;display:block; position: absolute; margin:0 0 2rem 0;font-size:1.4rem;}
aside.fixed {position: fixed; top: 0;}
aside ul{display:block;margin:0;padding:0;list-style:none}
aside ul li{width:100%;display:block}
aside ul li i{margin:0 1rem 0 0;float:right}
aside ul li a{width:100%;padding:1rem 0 1rem 1rem;overflow:hidden;display:block;border-bottom:1px solid #262c33; font-weight: 700;}
aside ul li a:hover{background-color:#1d1f22; color: #fff;}

main{width:70%;float:right;display:block;margin:1rem 0}

@media (max-width:1024px){
    aside{display: none!important;}
    main{width:100%;float:right;display:block;margin:1rem 0}
}

.products{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0}
.products-col{width:100%;display:block;margin:0 0 2% 0;position:relative;overflow:hidden; box-shadow: 0 0 20px #aeaeae; color: #111;}
.products-header{display:block;width:70%;overflow:hidden;padding:2rem;transition:.6s;color: #111; float: left;}
.products-title{display:block;margin:0;font-weight:700;font-size:1.6rem;}
.products-title:after{content:"";background-color:#1d1f22;width:50%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.products-summary{display:block;margin:1rem 0 0 0;  font-size:1.1rem;padding:0;overflow:hidden}
.products-price{width:25%; float: right; text-align: right; font-size: 2rem; padding: 2rem;}
.products-price sup{ font-size: 1rem;}
@media (max-width:1024px){
    .products-col{ padding: .4rem 0;}
    .products-header{width:100%;padding:.4rem .4rem 1rem 1rem;}
    .products-title{font-size:1.1rem;}
    .products-summary{margin:0;font-size:.9rem;}
    .products-price{width:100%; font-size: 1.2rem; padding:0rem .4rem;}
	.products-price sup{ font-size: .8rem;}
}

#map_container{width:100%;height:450px;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(50%);-webkit-transition:.5s;transition:.5s;border:2px solid #dedede}
#map_container iframe{position:absolute;width:100%;height:100%}
.contact_info{display:block;overflow:hidden;margin:1rem 0;font-weight:600;padding:0;font-size:1.2rem;text-align:center}
.contact_info .row{display:block;width:30%;margin:0 5% 0 0;float:left;padding:2rem 1rem;line-height:110%;color:#555; border: 1px solid #dedede;}
.contact_info .row a{display:block}
.contact_info .row:last-child{float:right;margin:0}
.contact_info .row i{display:block;width:100%;text-align:center;margin:0 0 1rem 0;font-size:3rem;color:#444}
@media (max-width:1024px){
.contact_info{display:block;overflow:hidden;margin:25px 0;font-size:1.2rem}
.contact_info .row{width:100%;margin:0;float:left;padding:25px}
}

.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:49%;display:block;overflow:hidden;color:#111;margin:0 0 10px 0;padding:0}
.form_row input,.form_row textarea{width:100%;font-size:1.2rem;display:block;padding:0 20px;margin:10px 0;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede;-webkit-transition:.2s;transition:.2s}
.form_row textarea{height:180px}
.form_row input:focus,.form_row textarea:focus{border:1px solid #1d1f22;background:#f7f7f7}
.form_row input[type=submit]{width:100%;height:55px;float:right;font-size:1.3rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background-color:#1d1f22;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:5px}
.form_row input[type=submit]:hover{ filter: brightness(130%);}
@media (max-width:1024px){
.contact_form{width:100%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.form_row{width:108%;display:block;overflow:hidden;color:#111;margin:0;padding:0}
.form_row input,.form_row textarea{margin:0 0 10px 0}
}

.toggleReservation { color: #fff!important; background-color: #242a30; z-index: 90; text-align: center; overflow: hidden; transition: .5s; opacity: 1; margin: 0; padding: 1rem 0 .4rem 0; width: 150px; font-size: 1rem; font-weight: 700; line-height: 1.6; position: fixed; bottom: 1rem; right: 1rem;}
.toggleReservation svg { display: block; width: 5rem; height: 5rem; margin: 0 auto .2rem auto; overflow: hidden;animation: reservation1 1s linear infinite; }
.toggleReservation:hover svg {animation: reservation .1s linear infinite;}
.toggleReservation .svg01 { fill: transparent; stroke-width: 1rem; stroke: #fff;}
.toggleReservation .svg02 { fill: transparent; stroke-width: 1rem; stroke: #fff;}
.toggleReservation span { display: block; font-size: 2rem; transform: translateX(5px) translateY(-15px);}
.toggleReservation:hover { filter: brightness(110%);}
@media (max-width:1024px) {
	.toggleReservation { transform: scale(.5); right: -1.8rem; bottom: -2.4rem; }
}
@keyframes reservation {
	0% { transform: rotate(0);}
	50% {transform: rotate(5deg);}
	100% {transform: rotate(-8deg);}
}
@keyframes reservation1 {
	0% {  transform: scale(1);}
	50% { transform: scale(1.1);}
	100% { transform: scale(1);}
}
.toggleReservationClose { color: #555; background-color: #fff; border: 1px solid #dedede; z-index: 90; text-align: center; overflow: hidden; transition: .5s; opacity: 1; margin: 0; padding: 0; width: 4rem; height: 4rem; line-height: 4rem; font-size: 2rem; position: static; top: 0; right: 0; float: right; }

#uyari { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, .8); z-index: 99999; font-size: 2rem; font-weight: 300; color: #cf3053; padding: 25% 0; text-align: center;}

.reservationWrap {position: fixed; z-index: 25;  z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh;  padding: 2rem 3.6rem 3.6rem 3.6rem;background-color: #fff; display: none;}
.reservation {  display: flex; justify-content: space-between; color: #111; clear: both; }
.reservation_col { width: 23%; position: relative;}
.reservation_col:first-child { width: 40%;}
.reservation_col>input{padding:1rem; width: 100%; background-color: rgba(255, 255, 255, 0.6);border-radius:.4rem;font-size:1.4rem;border:1px solid #ccc;box-shadow:0px 20px 40px rgba(59,60,56,0.05); color: #111;}
.reservation_col>i{right:1.6rem; bottom: 1.6rem; position:absolute;color:#111;font-size:2rem;}
.reservation_col>label{ display: block; font-size: 1.4rem; margin: 1.2rem 0; font-weight: 800;}
.reservation_col img{ width:250px; margin: -5rem 0 0 0; }
.reservation_button { display: block; width: 75%; cursor: pointer; overflow: hidden; font-size: 1.8rem; border: 0; padding: 2rem 2rem 2rem 2rem; margin: 10vh 0 0 0; border-radius: .4rem; background-color: #242a30; color: #fff; transition: .3s; position: relative;}
.reservation_button i{ margin:0;  transition: .1s;}
.reservation_button .fa-search{visibility: visible; transform: scale(1);}
.reservation_button:hover .fa-search{ visibility: hidden; transform: scale(0) translateX(-50px);}
.reservation_button .fa-angle-right{ visibility: hidden; width: 0; transform: translateX(-50px);}
.reservation_button:hover .fa-angle-right{visibility: visible;  transform: translateX(-25px);}
.reservation_button:hover{  filter: brightness(110%);}
.reservation_person{display:flex;}
.reservation_person button{display:block; width: 15%; background-color: #fff; cursor:pointer;border:none;outline:none; border-radius: .1rem; color: #111; font-size: 1.6rem;}
.reservation_person input{padding:1rem;background-color: rgba(255, 255, 255, 0.6);border-radius:.4rem;font-size:1.8rem;border:1px solid #ccc;box-shadow:0px 20px 40px rgba(59,60,56,0.05); color: #111; width: 20%; margin: 0 .4rem; text-align: center; }
@media (max-width:1024px) {
	.reservationWrap { width: 100%; height: 100vh; padding:1rem; overflow-x: hidden; overflow-y: auto;}
	.reservation {  display: flex; flex-wrap: wrap; clear: both; }
	.reservation_col { width: 100%;}
	.reservation_col:first-child { width:100%;}
	.reservation_col>input{padding:1rem;font-size:1.1rem;}
	.reservation_col>i{right:1.6rem; bottom: 1.6rem; position:absolute;color:#111;font-size:2rem;}
	.reservation_col>label{  font-size: 1.2rem; margin: 2rem 0; font-weight: 900;}
	.reservation_col img{ width:150px; position: relative; top: 1rem; }
	.reservation_col>.textarea{font-size:1.1rem;}
	.reservation_button { width: 100%; font-size: 2rem; padding:1.6rem; margin: 5rem 0 5rem 0;}
	.reservation_person button{ width: 25%; background-color: transparent; color: #111; font-size: 1.2rem;}
	.reservation_person input{padding:1rem;font-size:1.2rem; color: #111; width: 50%;  }
}

:root{--bg:#f6f7f9;--card:#fff;--border:#ececec;--text:#111;--muted:#7a7a7a;--radius:22px;}
*{box-sizing:border-box;}
.rzWrap{max-width:100%;margin:0 auto;padding:0 0;}
.rzGrid{display:grid;grid-template-columns:1fr;gap:18px;}
.rzCard{background:var(--card);border:0px solid var(--border);border-radius:var(--radius);padding:0;}
.rzStep{font-weight:900;font-size:32px;opacity:.85;margin-bottom:14px;}
.rzLabel{display:block;font-weight:800;font-size:20px;opacity:.75;margin:15px 0 8px;}
.rzField{width:100%;border:1px solid var(--border);border-radius:16px;padding:12px 14px;outline:none;background:#fff;font-size:18px;}
.rzText{min-height:120px;resize:vertical;}
.rzDateWrap{position:relative;}
.rzDateIcon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.55;pointer-events:none;}

.rzBtn{width:350px;margin:25px auto!important;border:0;border-radius:18px;padding:1rem 0;background:#0f0f10;color:#fff;font-weight:800;cursor:pointer; font-size: 1.6rem;}
.rzBtn.rzBtnPost{background:#ad1414;}

.rzHint{margin-top:12px;padding:12px 14px;border:2px dashed #ff0000;border-radius:18px; color:#ff0000;font-size:18px; text-align: center; background:#fff;}
.rzInner2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rzPersons{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rzRadio{display:none;}
.rzTables{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.rzTable{position:relative;border:2px solid var(--border);border-radius:18px;padding:16px 56px 16px 16px;background:#fff;cursor:pointer;min-height:86px;transition:.15s ease;}
.rzTable:hover{border-color:#bbb;}
.rzTable::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:60px;height:60px;opacity:.32;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'>\ <g fill='none' stroke='black' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'>\ <!-- shadow -->\ <path d='M18 46 L32 54 L50 45 L36 38 Z' fill='black' opacity='.10' stroke='none'/>\ <!-- tabletop top face -->\ <path d='M12 22 L34 12 L56 22 L34 32 Z' fill='white' opacity='.55'/>\ <!-- tabletop outline -->\ <path d='M12 22 L34 12 L56 22 L34 32 Z'/>\ <!-- tabletop thickness (front face) -->\ <path d='M12 22 L12 28 L34 38 L34 32 Z' fill='white' opacity='.25'/>\ <path d='M34 32 L34 38 L56 28 L56 22 Z' fill='white' opacity='.18'/>\ <path d='M12 28 L34 38 L56 28'/>\ <!-- legs (4) -->\ <path d='M18 30 L18 44'/>\ <path d='M26 34 L26 48'/>\ <path d='M42 34 L42 48'/>\ <path d='M50 30 L50 44'/>\ <!-- small feet -->\ <path d='M16.5 44 L19.5 44'/>\ <path d='M24.5 48 L27.5 48'/>\ <path d='M40.5 48 L43.5 48'/>\ <path d='M48.5 44 L51.5 44'/>\ </g>\ </svg>");}

.rzRadio:checked+.rzTable{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.06);}
.rzRadio:checked + .rzTable::after{opacity:.6;transform:translateY(-50%) scale(1.05);}
.rzTableBusy::after{opacity:.15;}

.rzTableTitle{font-weight:950;font-size:22px;margin:0 0 6px;letter-spacing:-0.2px;}
.rzTableBusy{background:#f6f6f6;opacity:.70;cursor:not-allowed;}
.rzTableBusy:hover{border-color:var(--border);}
.rzBadge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:900;padding:5px 10px;border-radius:999px;background:#111;color:#fff;}

.rzTableMeta{margin:.5rem 0;font-size:12px;color:var(--muted);font-weight:700; display: block; overflow: hidden;}
.rzTableMetaBadge{ display: inline-block; font-size:16px;font-weight:700;padding:5px 10px; line-height: 1; border-radius:10px;color:#fff; overflow: hidden;}
.rzTableMetaBadge.color1{background:#e40000;color:#fff;}
.rzTableMetaBadge.color2{background:#29a35c;color:#fff;}
.rzTableMetaBadge.color3{background:#097de9;color:#fff;}
.rzTableMetaBadge.color4{background:#838383;color:#fff;}

@media (max-width:920px){
.rzGrid{grid-template-columns:1fr;}
.rzInner2{grid-template-columns:1fr;}
.rzPersons{grid-template-columns:1fr;}
.rzTables{grid-template-columns:1fr;}
}

.ui-datepicker{ width: 100%!important; padding: 1rem!important;  background-color: rgba(255, 255, 255, 0.9)!important; border: 1px solid transparent!important;}
.ui-datepicker-header{ background-color: transparent!important; border: 0!important; color: #111!important; padding: .6rem 0!important; font-size: 2rem;}
.ui-datepicker-prev,
.ui-datepicker-next{width: 40px!important;height:40px!important;text-indent: 9999px !important; background-size: 30px!important;  cursor:pointer;overflow:hidden; margin: .4rem .4rem 0 .4rem!important; background-color: #fff!important; border: 1px solid #dedede!important; transform: none !important; background-repeat: no-repeat!important; background-position: center !important;}
.ui-datepicker-prev { background-image: url(../svg/prev.svg)!important;}
.ui-datepicker-next{ background-image: url(../svg/next.svg)!important; } 
.ui-datepicker-calendar{text-align:center;}
.ui-datepicker-calendar thead tr th span{display:block;width: 100%;color:#111;margin:1rem 0;font-size:1.2rem;}
.ui-state-default{display:block;text-decoration:none;color:#111!important; width: 100%; line-height:3;font-size:1.2rem; background-color: transparent!important; border: 0!important;}
.ui-state-default:hover{color:#fff!important;background-color:#242a30!important;}
.ui-state-highlight{color:#111!important;background-color:transparent!important;}
.ui-state-active{color: #fff !important;background-color:#111!important;}
.ui-datepicker-unselectable .ui-state-default{color: #111!important;text-align:center!important;} 
.ui-datepicker td a{text-align:center!important;}
.dp-highlight .ui-state-default { background-color: #242a30!important; color: #fff!important;}
@media (max-width:1024px) {
	.ui-datepicker{ width: 100%!important; padding: 1rem!important; }
	.ui-datepicker-header{ padding: .6rem 0!important; font-size: 1rem;}
	.ui-datepicker-calendar thead tr th span{margin:0;font-size:1rem;}
	.ui-state-default{ line-height:2;font-size:1rem;}
}

footer{width:100%;display:block;padding:10rem 0;margin:0;color:#242a30;position:relative; background-color: #f7f7f7; border-top: 1px solid #eee;border-bottom: 1px solid #eee; clear: both;}
footer .wrapper{display:block;width:70%;margin:0 auto}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1.2rem}
.columns .cols{display:block;width:30%}
.columns .cols:last-child,.columns .cols:first-child{width:40%}
.columns .cols>a{color:#242a30;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left}
.columns .title{display:block;overflow:hidden;font-weight:100;padding:0;font-size:2.8rem;margin:2rem 0}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#666;font-weight:400;display:inline;font-size:1.2rem}
.columns .link a:hover{color:#242a30}
@media (max-width:1024px){
footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols:last-child,.columns .cols:first-child{width:100%}
}
.subscribe{display:block;overflow:hidden;width:80%}
.subscribe p{display:block;margin:25px 0 0 0!important}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background-color:#fff;border:1px solid #ccc}
.subscribe form input[type=text]{width:70%;float:left;border:none;background:0 0;height:45px;font-size:1.2rem;padding:0 1rem;color:#242a30;font-weight:400}
.subscribe form button{float:right;border:none;height:50px;padding:0 2rem;font-size:1.6rem;color:#fff;position:relative;cursor:pointer;background:#1d1f22}
.subscribe form button:before{font-family:fontAwesome;content:"\2b"}
@media (max-width:1024px){
.subscribe{width:100%}
}
.bottom{width:100%;display:block;overflow:hidden;padding:2rem 0;margin:0;color:#242a30;background-color:#fff}
.bottom .wrapper{display:block;width:70%;margin:0 auto;}
.copyright{display:block;font-weight:400;margin:0;float:left;font-size: 1rem;}
.copyright p{margin:0;padding:0}
.webtasarim{display:block;margin:0;float:right; text-align: right;font-size: .8rem;}
.webtasarim a{display:block;}
.webtasarim img{width:5rem; display: block;}
@media (max-width:690px){
.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;margin:20px 0 0 0}
}
.siteup{position:fixed;bottom:2rem;right:-4rem;display:block;width:4rem;height:4rem;line-height:4rem;font-size:1rem;color:#fff!important;overflow:hidden;background:#1d1d1b;-webkit-transition:.3s;transition:.3s;z-index:22;border-radius:50%;text-align:center}
.siteup.sticky{right:2rem}
@media (max-width:1024px){
.siteup{bottom:1rem}
.siteup.sticky{right:1rem}
}
.contact-button{display:inline-block;border-radius:50%;color:#fff;border:.2rem solid #1d1f22;background-color:#1d1f22;padding:0;text-align:center;width:4rem;height:4rem;line-height:3.8rem;font-size:1.4rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:2rem;bottom:2rem;z-index:32}
.contact-button:hover{background-color:#1d1f22;color:#fff}
.contact-button:hover:before{animation:contact-button 1.5s ease-out infinite}
.contact-button:hover:after{animation:contact-button 1.5s ease-out .4s infinite}
.contact-button:after,.contact-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#1d1f22;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1024px){
.contact-button{width:4rem;height:4rem;line-height:3.8rem;left:1rem;bottom:1rem;z-index:22}
}
@keyframes contact-button{
0%{opacity:.8;transform:scale(1)}
70%{opacity:0;transform:scale(1.5)}
100%{opacity:0}
}
.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,1);-webkit-filter:none!important;filter:none!important;z-index:999999999999!important}
.lightbox img{display:block;position:absolute}
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat;width:80px;height:80px;margin:-20px 0 0 -16px;position:absolute;top:50%;left:50%}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:60px;height:60px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-size:35px}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg)}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:60px;height:60px;background-image:url(../svg/next.svg);background-size:80px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:80px}
.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .5s linear;transform:translate3d(-100px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{opacity:0;transition:all .5s linear;transform:translate3d(100px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .5s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:block;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;width:500px;margin:4rem auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#111;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:25px 0 0 0;position:relative;display:block;text-align:center;overflow:hidden}
.modal .modal-header .modal-header-title{font-size:2rem;color:#fff;font-weight:300; margin:0; padding:0}
.modal .modal-header .close{display:block;width:35px;height:35px;overflow:hidden;text-align:center;line-height:25px;border:none;padding:0;margin:1rem;position:absolute;top:0;right:0;background:#ccc url(../svg/close.svg) center center no-repeat;background-size:15px;opacity:.6;transition:.2s}
.modal .modal-header .close:hover{opacity:1}
.modal .modal-body{font-size:16px;padding:25px;color:#75818c}
.modal .modal-footer{display:none;text-align:center;padding:15px 0;background:#f7f7f7;border-top:1px solid #eee}
@media (max-width:1024px){
.modal .modal-box{width:100%;margin:0;border-radius:0}
.modal .modal-box.fullsize{width:100%}
}