@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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);[data-icon]:before{ font-family: ElegantIcons;content: attr(data-icon);font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*{ font-family: Ubuntu,sans-serif!important;}
*,::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: #181717;}
b,strong{ font-weight: 700;}
::-webkit-scrollbar{ background-color: #dedede;width: .5em;position: fixed;z-index: 91;}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{ cursor: pointer;background-color: #181717;}
input{ -webkit-border-radius: 0;border-radius: 0;}
html{ margin: 0;padding: 0;}
body,html{ height: 100%;}
html{ -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased!important;-ms-overflow-style: scrollbar;}
body{ width: 100%;margin: 0;background: #fff;padding: 0;font-size: 1rem;overflow-x: hidden;overflow-y: scroll;color: #333e48;}
.clear{ clear: both;}
.clear.margin{ height: 20px;}
.ui-tooltip{ width: auto;text-align: center;background: #111!important;box-shadow: none!important;padding: 0;border: 1px solid #777!important;}
.ui-tooltip-content{ position: relative;padding: .26rem;font-weight: 600;color: #fff;}
@media (max-width:1024px){ .ui-tooltip{  display: none!important; }}#loading{ width: 100%;height: 100%;display: block;overflow: hidden;margin: 0;padding: 0;top: 0;left: 0;position: fixed;z-index: 999999999;max-height: 100%;min-height: 100%;background: #fff;}
#loading .loader{ margin: 20% auto 0 auto;position: relative;text-indent: -9999em;border-top: .3em solid #181717;border-right: .3em solid #fff;border-bottom: .3em solid #fff;border-left: .3em solid #eee;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;border-radius: 50%;}
#loading .loader,#loading .loader:after{ width: 3em;height: 3em;}
#loading .loader-text{ display: block;overflow: hidden;text-align: center;font-weight: 400;font-size: 1rem;margin: 10px 0 0 0;color: #222;}
@-webkit-keyframes load8{ 0%{  -webkit-transform: rotate(0);transform: rotate(0); }
 100%{  -webkit-transform: rotate(360deg);transform: rotate(360deg); }}@keyframes load8{ 0%{  -webkit-transform: rotate(0);transform: rotate(0); }
 100%{  -webkit-transform: rotate(360deg);transform: rotate(360deg); }}.siteup{ position: fixed;bottom: 1rem;left: -60px;display: block;width: 60px;height: 60px;line-height: 60px;font-size: 1rem;color: #fff;overflow: hidden;background: #1d1d1b;-webkit-transition: .3s;transition: .3s;z-index: 999;border-radius: 50%;text-align: center;}
.siteup.sticky{ left: 1rem;}
.whatsapp{ width: 60px;height: 60px;line-height: 60px;-webkit-transition: .5s;transition: .5s;margin: 0;padding: 0;border-radius: 50%;overflow: hidden;background: url(../svg/whatsapp.svg) center center no-repeat;background-size: 28px;background-color: #43a71b;position: fixed;bottom: 1rem;right: 1rem;z-index: 99999999999999;}
.whatsapp.mobile{ display: none;}
@media (max-width:1024px){ .siteup{  bottom: 10px;left: -50px;width: 50px;height: 50px;line-height: 50px;background-size: 22px; }
 .siteup.sticky{  right: 10px; }
 .whatsapp{  display: none; }
 .whatsapp.mobile{  display: block;bottom: 10px;left: 10px;width: 50px;height: 50px;line-height: 50px;background-size: 22px; }}table{ width: 100%;border-collapse: collapse;text-align: left;font-size: .7rem;}
table th{ padding: 5px 5px;color: #91d041;}
table td{ padding: 5px 5px;}
table td input{ margin: 0;padding: 0;}
table + tr{ border-bottom: 1px solid #444;}
table tr:nth-child(even){ background: #333;}
table tr:last-child{ border-bottom: 0;}
.input,.textarea{ background-color: #4f4f4f;padding: 8px;width: 100%;font-family: arial;font-size: .6rem;color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius: 3px;border-radius: 3px;-webkit-appearance: none;appearance: none;border: 0;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;background-repeat: no-repeat;background-position: right 10px top 15px;background-size: 12px 12px;padding: .8rem;width: 100%;font-family: arial;font-size: .9rem;color: #111;border: 1px solid #dedede;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: #ccc;}
#container{ display: block;width: 100%;margin: 0;padding: 0;}
.container{ display: block;width: 100%;margin: 0;padding: 0;}
.container .wrapper{ width: 85%;margin: 0 auto;padding: 0;}
@media (max-width:1024px){ .container .wrapper{  width: 93%; }}header{ display: block;width: 100%;margin: 0;padding: 1rem 0;background-color: #111;-webkit-transition: .1s;transition: .1s;top: 0;position: fixed;top: 0;z-index: 11;}
header.sticky{ padding: 1rem 0;background-color: #333;border-bottom: 1px solid #222;}
header .wrapper{ width: 95%;margin: 0 auto;position: relative;}
@media (max-width:1024px){ header .wrapper{  width: 95%; }}.logo{ width: 75px;height: 75px;display: block;overflow: hidden;margin: 0;float: left;-webkit-transition: .2s;transition: .2s;cursor: pointer;background-position: left center;background-repeat: no-repeat;background-image: url(../images/logo_white.png);background-size: 100%;}
header.sticky .logo{ width: 75px;height: 75px;background-image: url(../images/logo_white.png);}

#google_translate_element{ display: none;}
.flag{ display: block;float: right;margin: 1.6rem 0 0 1rem;position: relative;z-index: 999;}
.flag > a{ display: block;color: #111;padding: 0;margin: 0 0 0 1rem;font-size: 1.1rem;line-height: 25px;float: left;}
/* .flag > a:first-child:after{ content: "TR";}
.flag > a:last-child:after{ content: "EN";} */
.flag > a > img{ width: 30px;margin: 0;vertical-align: bottom;}
.skiptranslate{ display: none!important;}
body{ top: 0!important;}
@media (max-width:1024px){ 
.flag{margin: 1.6rem 20% 0 0;}
}
.toggleMenu{ color: #fff;overflow: hidden;display: none;font-size: 1.2rem;position: absolute;right: .5rem;top: 3rem;}
.menu_button{ float: left;width: 40px;height: 40px;display: block;margin: 0 .4rem 0 0;}
.menu_button .line{ display: block;overflow: hidden;height: 2px;width: 100%;background-color: #fff;margin: 0 0 .4rem 0;}
.menu_text{ display: block;float: left;line-height: 100%;}
header.sticky .menu_button .line{ background-color: #fff;}
@media (max-width:1024px){ .toggleMenu{  top: 2rem; }}nav{ display: block;margin: 1.4rem 0 0 0;padding: 0;float: right;}
.nav{ width: 100%;list-style: none;margin: 0;padding: 0;display: block;}
.nav > li{ display: inline-block;padding: 0;margin: 0;position: relative;}
.nav li a{ display: block;font-size: 1rem;font-weight: 600;margin: 0;padding: .6rem;color: #fff;}
.nav > li > a.parent:before{ font-family: dripicons-v2;content: "\54";margin: 0;font-size: .8rem;color: #fff;position: absolute;right: -.4rem;top: .7rem;}
.nav li:hover > a{ color: #777;}
.nav > li > a::after{ content: '';display: block;width: 0;height: 3px;background-color: #181717;transition: width .3s;position: relative;top: 2px;}
.nav > li > a:hover::after{ width: 100%;transition: width .3s;}
.nav > li > a.active::after{ width: 100%;transition: width .3s;}
.nav > li.reservation a{ background-color: #181717;color: #fff;border-radius: 1rem;padding: .6rem 1rem;}
.nav > li.reservation i{ float: left;margin: .1rem .4rem;}
.nav li ul{ position: absolute;list-style: none;width: 200px;display: none;margin: 0;padding: 1rem 0 0 0;transition: .3s;}
.nav li:hover > ul{ display: block;}
.nav li li:hover ul{ display: block;top: 0;padding: 0;left: 100%;}
.nav li li li:hover ul{ display: block;top: 0;padding: 0;}
.nav li li{ border: none;margin: 0;padding: 0;position: relative;}
.nav li li a{ display: block;background-color: #181717;height: auto;line-height: normal;padding: 1rem;font-size: .9rem;text-align: left;font-weight: 500;border-bottom: 1px solid #181717;}
.nav li li:last-child a{ border-bottom: 0;}
.nav li li li a{ display: block;background-color: #333;border-bottom: 1px solid #222;font-size: .8rem;height: auto;padding: 1rem;text-align: left;font-weight: 300;}
.nav li ul li a:hover,.nav li ul li:hover > a{ background: #676767;color: #fff;}
@media (max-width:1024px){ .menu_button{  margin: 0; }
 .menu_text{  display: none; }
 nav{  width: 100%;overflow: hidden;margin: 0;border: 0; }
 .nav{  width: 250px;height: 100%;min-height: 100%;margin: 0;padding: 0;position: fixed;display: none;overflow: hidden;z-index: 9999999;top: 0;left: 0;background-color: #111;overflow-y: auto;border-right: 1px solid #222; }
 .nav > li{  width: 100%;display: block;padding: 0;margin: 0;position: relative;border-bottom: 0; }
 .nav > li > a::after{  display: none; }
 .nav > li > a.parent:before{  display: none; }
 .nav > li a{  display: block;color: #fff;font-size: 1.1rem;height: auto;padding: 1rem;line-height: normal;text-align: left;font-weight: 600;transition: .3s;-webkit-transition: .3s;border-bottom: 0; }
 .nav li ul{  list-style: none;width: 100%;position: static;margin: 0;padding: 0; }
 .nav li ul li{  border: none;margin: 0;padding: 0;position: relative; }
 .nav li ul li a{  padding: 0 20px;line-height: 40px;font-weight: 500;height: auto;font-size: 1rem;border-bottom: 0; }
 .nav li ul li li a{  font-weight: 300; }
 .nav li ul li a:hover, .nav li ul li:hover > a{  color: #fff; }
 .nav li li.hover ul, .nav li.hover > ul{  position: static; }
 .nav > li.reservation a{  border-radius: 0; }}.about{ width: 100%;margin: 0;position: relative;z-index: 1;display: block;overflow: hidden;background-color: #eee;border-bottom: 1px solid #dedede;}
.about .wrapper{ display: block;width: 65%;margin: 0 auto;}
.about_content{ display: block;padding: 10%;font-size: 1.1rem;color: #111;border-radius: .6rem;}
.about_content h1{ display: block;font-size: 4rem;font-weight: 600;margin: 0;padding: 0;color: #181717;line-height: 100%;}
.about_content h2{ display: block;font-size: 1.1rem;font-weight: 300;margin: 10px 0 0 0;padding: 0;}
.about_content h3{ display: block;font-size: 1.1rem;font-weight: 300;margin: 10px 0 0 0;padding: 0;}
.about_content a{ display: block;width: 220px;margin: 2rem 0 0 0;padding: 1rem;background-color: #181717;color: #fff;font-weight: 300;font-size: 1.2rem;position: relative;text-align: center;border-radius: 1rem;}
.about_content a:after{ top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #181717;border-width: 25px;margin-left: -25px;}
@media (max-width:1024px){ .about{  width: 100%;margin: 0;padding: 0; }
 .about .wrapper{  width: 95%;text-align: center; }
 .about_content{  width: 100%;padding: 4rem 2rem; }
 .about_content a{  width: 100%; }
 .about_content h1{  font-size: 2.6rem;line-height: 100%; }
 .about_content h2{  padding: 0; }}.readmore{ clear: both;display: inline-block;width: auto;margin: 2rem auto;padding: 1rem 2rem;background-color: #444;color: #fff;font-weight: 600;font-size: 1rem;position: relative;text-align: center;border-radius: .1rem;}
.readmore.align_left{ margin: 2rem 0;}
.readmore:after{ top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #444;border-width: 25px;margin-left: -25px;}
.readmore:hover{ color: #fff;filter: brightness(110%);}
.readmore i{ float: left;margin: 0 1rem 0 0;}
@media (max-width:1024px){ .readmore.align_left{  margin: 2rem auto; }}.slide_block{ display: block;margin: 5rem 0 0 0;overflow: hidden;}
.slide_block_item{ width: 31%;display: block;margin: 0 3.3% 3% 0;background-color: #000;position: relative;float: left;overflow: hidden;color: #fff;border-bottom: 1px solid #000;}
.slide_block_item:nth-child(3n+0){ float: right;margin: 0 0 3% 0;}
.slide_block_item img{ opacity: .5;width: 100%;vertical-align: bottom;}
.slide_block_title{ position: absolute;top: 0;left: 0;z-index: 5;padding: 15% 20%;}
.slide_block_title h3{ font-size: 2vw;line-height: 100%;}
.slide_block_title p{ display: block;width: 100%;margin: 1rem 0;font-size: .8vw;font-weight: 100;}
.slide_block_title a{ width: 175px;padding: 1rem 0;margin: 2rem 0;display: block;font-size: 1rem;background-color: #181717;border-radius: .4rem;color: #fff;font-weight: 600;text-align: center;position: relative;}
.slide_block_title a:hover{ filter: brightness(120%);}
@media (max-width:1024px){ .slide_block{  display: block;margin: 3rem auto;overflow: hidden;width: 95%; }
 .slide_block_item{  width: 100%;float: none;overflow: hidden;display: block;margin: 0 0 5% 0; }
 .slide_block_item:nth-child(3n+0){  float: none;margin: 0 0 5% 0; }
 .slide_block_title{  padding: 10% 20%; }
 .slide_block_title h3{  font-size: 8vw;line-height: 100%; }
 .slide_block_title p{  display: block;width: 100%;margin: 1rem 0;font-size: 3.4vw;font-weight: 100; }}
 
.headline{ width: 750px;margin: 4rem auto 2rem auto;display: block;text-align: center;}
.headline:before{ content: "";width: 100px;height: 1rem;border-radius: 1rem;margin: 1rem auto;display: block;background-color: #444;}
.headline.text-left{ text-align: left;margin: 5rem 0 0 0;}
.headline.text-left:before{ margin: 1rem 0;}
.headline.text-white{ color: #fff;}
.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6{ margin: 0;padding: 0;line-height: 115%;}
.headline h1{ font-size: 2.6rem;font-weight: 700;}
.headline h2{ font-size: 1.2rem;width: 100%;font-weight: 300;}
.headline h3{ font-size: 2.6rem;font-weight: 700;}
.headline h4{ font-size: 1.2rem;font-weight: 300;}
.headline h5{ font-size: 2.6rem;}
.headline h6{ font-size: 1.2rem;font-weight: 300;}
@media (max-width:1024px){ 
.headline{  width: 90%;margin: 3rem auto; }
.headline h3{  font-size: 2rem; }
.headline h4{  font-size: 1rem; }
.headline h5{  font-size: 1.4rem; }
.headline h6{  font-size: 1rem; }
}
.head{ width: 100%;height: 110px;display: block;background-color: #111;}
.heading{ width: 100%;margin: 0;padding: 1.2rem 0;display: block;background-color: #eee;border-bottom: 1px solid #dedede;}
.heading .wrapper{ width: 1280px;margin: 0 auto;display: block;}
.heading h1,.heading h2{ margin: 0;padding: 0;line-height: 115%;}
.heading h1{ font-size: 1.6rem;color: #111;font-weight: 700;}
.heading h2{ font-size: .9rem;margin: 0;font-weight: 300;color: #111;}
@media (max-width:1024px){ .heading .wrapper{  width: 93%; }}.content{ width: 100%;margin: 0;padding: 3rem 0;display: block;overflow: hidden;font-size: 1.1rem;}
.content .wrapper{ width: 1280px;margin: 0 auto;}
@media (max-width:1024px){ .content{  margin: 0;padding: 1rem 0; }
 .content .wrapper{  width: 95%; }}aside{ display: table;width: 27%;float: left;margin: 0;background-color: #fff;position: relative;z-index: 10;border-radius: .2rem;padding: 0;}
@media (max-width:1024px){ aside{  display: none;width: 100%; }}.aside-nav{ padding: 0;margin: 0;list-style: none;border: 1px solid #dedede;}
.aside-nav ul{ padding: 0;margin: 0;display: none;}
.aside-nav li.active ul{ display: block;}
.aside-nav li{ display: block;list-style-type: none;padding: 0;}
.aside-nav > li:before{ content: "";display: block;float: left;width: 1rem;height: 1rem;margin: .8rem 1rem 0 1rem;background-color: #dedede;}
.aside-nav > li.active:before{ background-color: #181717;}
.aside-nav ul ul li{ height: auto;max-height: 4em;padding: 0;}
.aside-nav a{ text-decoration: none;padding: .75rem .45rem;font-size: 1rem;font-weight: 500;display: block;background: #fff;border-bottom: 1px solid #eee;}
.aside-nav li a{ color: #111;font-weight: 600;}
.aside-nav li li a{ color: #888;padding: .75rem 0 .75rem 3.1rem;font-size: .8rem;}
.aside-nav a:hover{ color: #1a1a1a;}
.aside-nav li.active a{ color: #565f6a;}
.aside-nav li:last-child a{ border: 0;}
.tabs{ width: 100%;display: block;}
#tabs-nav{ list-style: none;margin: 0;padding: 2rem 0;display: flex;flex-wrap: wrap;justify-content: center;}
#tabs-nav li{ width: 18%;font-weight: 700;margin: .2rem;padding: 0 1rem;cursor: pointer;text-align: center;}
#tabs-nav li a{ text-decoration: none;color: #111;font-size: 1.2rem;}
#tabs-nav li img{ width: 100%;vertical-align: bottom;border-radius: 50%;transition: .3s;}
#tabs-nav li.active img{ transform: scale(1.2);border: .8rem solid #181717;}
#tabs-nav li span{ display: block;margin: 3rem 0 0 0;}
.tab-content{ padding: 5% 1rem;background-color: #fff;}
.premium{ display: block;width: 85%;margin: 0 auto;}
.premium-logo{ display: block;width: 300px;margin: 2rem auto;text-align: center;}
.premium-row{ display: block;margin: 2rem 0;overflow: hidden;}
.premium-left{ width: 25%;display: block;float: left;overflow: hidden;}
.premium-left img{ width: 100%;vertical-align: bottom;border: 1px solid #fff;}
.premium-large-image{ display: block;width: 100%;}
.premium-small-image{ display: block;width: 25%;float: left;}
.premium-small-image:hover{ filter: brightness(105%);border: 1px solid #ccc;}
.premium-right{ width: 73%;display: block;float: right;overflow: hidden;}
@media (max-width:1024px){ #tabs-nav{  width: 95%;padding: 0;margin: 0 auto; }
 #tabs-nav li{  width: 25%;margin: 0;padding: 1rem .4rem; }
 #tabs-nav li a{  font-size: 80%; }
 #tabs-nav li.active img{  transform: scale(1.1);border: .1rem solid #181717; }
 #tabs-nav li span{  margin: 1rem 0 0 0; }
 .tab-content{  padding: 0 1rem; }
 .premium{  display: block;width: 100%;margin: 0 auto; }
 .premium-left{  width: 100%; }
 .premium-right{  width: 100%; }}@media (min-width:1921px){ .tabs{  width: 85%; }
 #tabs-nav li{  width: 18%;margin: .4rem; }
 #tabs-nav li img{  transition: .3s; }
 #tabs-nav li span{  margin: 5rem 0 0 0;font-size: 2rem; }}main{ width: 70%;float: right;display: block;font-size: 1.1rem;}
@media (max-width:1024px){ main{  width: 100%;float: none;display: block;overflow: hidden; }}iframe{ border: 0;border-bottom: 1px solid #ccc;}
.galeri{ display: block;overflow: hidden;margin: 2rem 0 1rem 0;}
.galeri a{ width: 22%;float: left;margin: 0 2% 2% 0;display: block;border: 1px solid #eee;}
.galeri a:nth-child(4n+0){ float: right;margin: 0 0 2% 0;}
.galeri a img{ width: 100%;vertical-align: bottom;}
.galeri a:hover img{ filter: brightness(105%);}
@media (max-width:1024px){ 
.galeri{  display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;margin: 25px 0; }
.galeri a{  width: 49%;float: left;margin: 0 0 2% 0; }
}
 
.products{ margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}
.product{ display: block;width: 31%;overflow: hidden;margin: 0;position: relative;z-index: 2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;}
.product a{ display: block;width: 100%;border: 1px solid #dedede;position: relative;}
.product a img{ width: 100%;vertical-align: bottom;}
.product p{ color: #111;padding: 0;font-weight: 600;font-size: 1rem;position: relative;z-index: 1;line-height: 120%;text-align: center;}
@media (max-width:1024px){ 
.products{  flex-wrap: wrap; }
.product{  width: 100%; }}.details{ display: block;width: 100%;overflow: hidden;}
.detail_left{ width: 100%;float: none;display: block;}
.detail_left a{ width: 20%; float: left; margin: 0 2% 2% 0;}
.detail_left img{ width: 100%;vertical-align: bottom;}

.detail_right{ width: 100%;float: none;display: block;}
@media (max-width:1024px){ .detail_left{  width: 100%;float: left;display: block; }
 .detail_left img{  width: 100%;vertical-align: bottom; }
 .detail_right{  width: 100%;float: right;display: block; }}.docs{ width: 100%;margin: 0;padding: 3rem 0;display: block;background-color: #dedede;border-bottom: 1px solid #dedede;}
.docs .wrapper{ width: 1280px;margin: 0 auto;display: block;}
.downloads{ width: 100%;display: flex;flex-wrap: wrap;}
.downloads a{ width: 31%;position: relative;overflow: hidden;margin: 0 2% 2% 0;padding: 25px;display: block;float: left;border: 1px solid #dedede;color: #444;background-color: #fff;background-image: url(../images/bg.jpg);background-size: cover;}
.downloads a:nth-child(3){ float: right;margin: 0 0 2% 0;}
.downloads a h3{ width: 100%;padding: 0;margin: 0;display: block;font-size: 1.4rem;}
.downloads a p{ width: 100%;padding: 0;margin: 0;display: block;font-size: 1rem;line-height: 100%;}
.downloads a span{ width: 75px;height: 75px;line-height: 75px;display: block;margin: 0 3% 0 0;float: left;border: 1px solid #eee;border-radius: 0;color: #fff;font-size: 2rem;overflow: hidden;position: relative;background-color: #3d4a50;text-align: center;transition: .3s;}
.downloads a:hover span{ transform: scale(.9) rotate(90deg);border-radius: 50%;}
.downloads a span i{ position: absolute;display: block;width: 100%;height: 100%;line-height: 75px;}
.downloads a:hover span i{ animation: arrow 1s forwards;}
@media (max-width:1024px){ .downloads a{  width: 100%;margin: 0 0 2% 0; }}@keyframes arrow{ 0%{  left: 0; }
 10%{  left: 25%; }
 20%{  left: 0; }
 30%{  left: 25%; }
 40%{  left: 50%; }
 50%{  left: 75%; }
 60%{  left: 100%; }
 70%{  left: -100%;opacity: 0; }
 80%{  left: -75%;opacity: 1; }
 90%{  left: -50%; }
 100%{  left: 0; }}.maps{ width: 100%;margin: 0;padding: 0;display: block;overflow: hidden;}
#map_container{ width: 100%;height: 65vh;margin: 3rem 0 0 0;border: 0;position: relative;overflow: hidden;z-index: 0;filter: gray;opacity: 1;-webkit-filter: grayscale(0);transition: .5s;}
#map_container iframe{ position: absolute;width: 100%;height: 100%;}
@media (max-width:1024px){ .maps{  width: 100%; }
 #map_container{  width: 100%;height: 60vh; }
 #map_container iframe{  position: absolute;width: 100%;height: 100%; }}footer{ width: 100%;display: flex;overflow: hidden;padding: 5rem 0;margin: 0;color: #fff;position: relative;background-color: #181717;}
@media (max-width:1024px){ footer{  width: 100%;display: block;overflow: hidden; }}.columns{ display: block;font-weight: 200;padding: 0;width: 50%;margin: 0 auto;text-align: center;position: relative;z-index: 2;font-size: 1.2rem;}
.columns .cols{ display: block;width: 100%;padding: 2rem 0;}
.columns .cols .title{ display: block;overflow: hidden;font-weight: 600;padding: 0;font-size: 1.6rem;margin: 0 0 1rem 0;color: #fff;}
.columns .cols p{ margin: 0;padding: .4rem 0;}
.columns .cols p a{ color: #eee;display: inline-block;padding: 0;line-height: 25px;font-weight: 400;}
.columns .cols p a:before{ font-family: dripicons-v2;width: 25px;height: 25px;line-height: 24px;margin: 0 10px 0 0;text-align: center;float: left;display: block;overflow: hidden;background: #181717;border-radius: .2rem;}
.columns .cols p a.phone:before{ content: "\e030";}
.columns .cols p a.cell:before{ content: "\25";}
.columns .cols p a.email:before{ content: "\e015";}
.columns .cols p a.gmaps:before{ content: "\e012";}
@media (max-width:1024px){ .columns{  padding: 0;width: 100%;height: auto;font-size: 1.2rem; }
 .columns .cols{  width: 100%;text-align: center;padding: 1rem 2rem; }
 .columns .cols .title{  font-size: 1.8rem;font-weight: 600; }}.social-feed{ display: block;overflow: hidden;text-align: center;}
.social-feed a{ display: inline-block;width: 45px;height: 45px;text-align: center;margin: 0 .2rem 0 0;overflow: hidden;position: relative;background-repeat: no-repeat;background-position: center center;background-size: 22px;border-radius: 50rem;}
.social-feed a.social_facebook{ background-color: transparent;background-image: url(../svg/social_facebook.svg);}
.social-feed a.social_instagram{ background-color: transparent;background-image: url(../svg/social_instagram.svg);}
.social-feed a.social_twitter{ background-color: transparent;background-image: url(../svg/social_twitter.svg);}
.social-feed a.social_linkedin{ background-color: transparent;background-image: url(../svg/social_linkedin.svg);}
.social-feed a.social_youtube{ background-color: transparent;background-image: url(../svg/social_youtube.svg);}
.social-feed a.social_facebook:hover{ background-color: #1877f2;}
.social-feed a.social_instagram:hover{ background-color: #d82bad;}
.social-feed a.social_twitter:hover{ background-color: #069abe;}
.social-feed a.social_linkedin:hover{ background-color: #0073af;}
.social-feed a.social_youtube:hover{ background-color: #e31f24;}
@media (max-width:1024px){ .social-feed a{  display: inline-block;width: 45px;height: 45px;float: none; }}.subscribe{ display: block;overflow: hidden;width: 100%;margin: 0;}
.subscribe p{ display: block;margin: 25px 0 0 0!important;}
.subscribe form{ height: 50px;width: 100%;display: block;margin: 0;overflow: hidden;background: #dedede;border: 1 solid #222;border-radius: 5px;}
.subscribe form input[type=text]{ width: 70%;float: left;border: none;background: 0 0;height: 50px;font-size: 1rem;padding: 0 20px;color: #111;font-weight: 700;}
.subscribe form button{ float: right;border: none;height: 50px;padding: 0 15px;font-size: 1.6rem;color: #111;position: relative;cursor: pointer;background: #fff;}
.subscribe form button:before{ font-family: dripicons-v2;content: "\6a";}
@media (max-width:1024px){ .subscribe{  width: 100%; }}.bottom{ width: 100%;display: block;overflow: hidden;padding: 20px 0;margin: 0;color: #111;}
.bottom .wrapper{ width: 1280px;}
.copyright{ display: block;font-weight: 400;margin: 0;float: left;}
.copyright p{ color: #777;margin: 0;padding: 0;}
.copyright p span{ color: #777;}
.copyright p strong{ color: #181717;font-weight: 800;}
.webtasarim{ display: block;font-weight: 400;margin: 0;float: right;}
.webtasarim p{ color: #777;margin: 0;padding: 0;}
.webtasarim p a{ color: #39b54a;font-weight: 800;}
.webtasarim p a strong{ color: #333;font-weight: 800;}
@media (max-width:690px){ .bottom .wrapper{  width: 100%; }
 .copyright{  float: none;text-align: center;padding: 0 20%; }
 .webtasarim{  float: none;text-align: center;margin: 20px 0 0 0; }}.lightbox{ cursor: pointer;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #fff;-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;}
.resform{ display: block;overflow: hidden;margin: 0;position: relative;z-index: 8;padding: 0;background-color: #f7f7f7;border-bottom: 1px solid #dedede;border-top: 1px solid #dedede;}
.resform .wrapper{ width: 1280px;margin: 0 auto;padding: 0 0 2rem 0;display: block;overflow: hidden;}
.contact_info{ display: block;overflow: hidden;margin: 25px 0 40px 0;font-weight: 600;padding: 0;font-size: 1rem;text-align: center;}
.contact_info .row{ display: block; width: 30%; margin: 0 5% 0 0;float: left;padding: 2rem;line-height: 120%;color: #555;border: 0px solid #dedede;background-color: #fff;}
.contact_info .row:last-child{ float: right;margin: 0;}
.contact_info .row .icon{ font-family: ElegantIcons;display: block;width: 90px;height: 90px;line-height: 90px;background-color: #0073af;border-radius: 50%;text-align: center;margin: 0 auto 2rem auto;font-size: 2.2rem;color: #fff;}
.contact_info .row a{ display: block;}
@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: 1rem;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 input.code{ width: 50%;}
.form_row textarea{ height: 180px;}
.form_row input:focus,.form_row textarea:focus{ border: 1px solid #d80027;background: #f7f7f7;}
.form_row .security{ display: block;padding: 0 10px 0 0;text-align: center;float: left;margin: 0;font-size: 1.6rem;font-weight: 700;color: #e40230;}
.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: #1a1a1a;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{ color: #fff;background-color: #333;}
@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; }}.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: #000;background: rgba(0,0,0,.6);overflow: auto;}
.modal .modal-box{ position: relative;width: 100%;height: 100vh;margin: 0;padding: 0 0 5% 0;animation-name: modalbox;animation-duration: .3s;animation-timing-function: ease-out;background-color: #000;border-radius: 0;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: 24px;color: #fff;font-weight: 600;}
.modal .modal-header .modal-header-title span{ display: block;color: #fff;font-size: 12px;}
.modal .modal-header a.close{ display: block;width: 35px;height: 35px;overflow: hidden;text-align: center;line-height: 25px;border: none;padding: 0;margin: 0;position: absolute;top: 0;right: 0;background: #dedede url(../svg/close.svg) center center no-repeat;background-size: 15px;opacity: .6;transition: .2s;}
.modal .modal-header a.close:hover{ opacity: 1;}
.modal .modal-body{ font-size: 1rem;padding: 1rem;color: #fff;}
.modal .modal-footer{ display: none;text-align: center;padding: 15px 0;background: #f7f7f7;border-top: 1px solid #eee;}
.modal-sectors{ display: flex;justify-content: center;}
.modal-sectors a{ width: 25%;margin: 1%;padding: 2rem;text-align: center;color: #fff;font-size: 1.8rem;font-weight: 300;transition: .3s;}
.modal-sectors img{ width: 100%;display: block;margin: 1rem auto;clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}
.modal-sectors a:hover{ background-color: #111;transform: scale(1.1);font-weight: 600;}
@media (max-width:1024px){ 

.modal-sectors{  display: flex;flex-wrap: nowrap;padding:0 5%; }
.modal-sectors a{  width: 50%;margin: 1%;font-size: 1.2rem; }}

.modal-link{ display: block;text-align: center;position: fixed;bottom: 2rem;width: 100%;}
.modal-link a{ width: 100%;padding: 2rem;color: #fff;font-size: 1.8rem;font-weight: 300;transition: .3s;}
.modal-link a:hover{ background-color: #111;transform: scale(1.1);font-weight: 600;}

.video{ width: 100%;height: 100%;transform: scale(1.4);overflow: hidden;z-index: -1;position: absolute;left: 0;top: 0;border: 0!important;filter: grayscale(100%);}
@media (max-width:1024px){ .video{  width: 100%;transform: scale(3.6); }}@media (max-width:1024px){ .modal .modal-box{  width: 100%;margin: 0;border-radius: 0; }
 .modal .modal-box.fullsize{  width: 100%; }}.owl-carousel .owl-wrapper:after{ content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{ display: none;position: relative;width: 100%;-ms-touch-action: pan-y;touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;position: relative;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height .5s ease-in-out;-moz-transition: height .5s ease-in-out;-ms-transition: height .5s ease-in-out;-o-transition: height .5s ease-in-out;transition: height .5s ease-in-out;}
.owl-controls .owl-buttons div,.owl-controls .owl-page{ cursor: pointer;}
.owl-controls{ -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.grabbing{ cursor: url(../owl-carousel/grabbing.png) 8 8,move;}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{ -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.owl-theme .owl-controls{ position: absolute;top: 80%;width: 100%;display: block;}
.owl-theme .owl-controls .owl-buttons div{ color: #fff;display: inline-block;zoom: 1;margin: 0;padding: 0;height: 50px;width: 50px;font-size: 1.4rem;line-height: 50px;text-align: center;background: #111;position: absolute;z-index: 99999;font-family: dripicons-v2!important;}
.owl-prev{ left: -60px;}
.owl-prev:before{ content: "\55";}
.owl-next{ right: -60px;}
.owl-next:before{ content: "\56";}
@media (max-width:1024px){ .owl-theme .owl-controls{  top: 35%; }
 .owl-prev{  left: 11px; }
 .owl-next{  right: 11px; }}.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);opacity: .5;text-decoration: none;}
.owl-theme .owl-controls .owl-page{ display: inline-block;zoom: 1;}
.owl-theme .owl-controls .owl-page span{ display: block;width: auto;height: auto;margin: 0;filter: Alpha(Opacity=50);opacity: .5;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto;width: auto;color: #fff;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{ min-height: 150px;background: url(../images/loading.png) no-repeat center center;}
.owl-origin{ -webkit-perspective: 1200px;-webkit-perspective-origin-x: 50%;-webkit-perspective-origin-y: 50%;-moz-perspective: 1200px;-moz-perspective-origin-x: 50%;-moz-perspective-origin-y: 50%;perspective: 1200px;}
.owl-fade-out{ z-index: 10;-webkit-animation: fadeOut .7s both ease;-moz-animation: fadeOut .7s both ease;animation: fadeOut .7s both ease;}
.owl-fade-in{ -webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease;animation: fadeIn .7s both ease;}
.owl-backSlide-out{ -webkit-animation: backSlideOut 1s both ease;-moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;}
.owl-backSlide-in{ -webkit-animation: backSlideIn 1s both ease;-moz-animation: backSlideIn 1s both ease;animation: backSlideIn 1s both ease;}
.owl-goDown-out{ -webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;}
.owl-goDown-in{ -webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
.owl-fadeUp-in{ -webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out{ -webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;}
@-webkit-keyframes empty{ 0%{  opacity: 1; }}@-moz-keyframes empty{ 0%{  opacity: 1; }}@keyframes empty{ 0%{  opacity: 1; }}@-webkit-keyframes fadeIn{ 0%{  opacity: 0; }
 100%{  opacity: 1; }}@-moz-keyframes fadeIn{ 0%{  opacity: 0; }
 100%{  opacity: 1; }}@keyframes fadeIn{ 0%{  opacity: 0; }
 100%{  opacity: 1; }}@-webkit-keyframes fadeOut{ 0%{  opacity: 1; }
 100%{  opacity: 0; }}@-moz-keyframes fadeOut{ 0%{  opacity: 1; }
 100%{  opacity: 0; }}@keyframes fadeOut{ 0%{  opacity: 1; }
 100%{  opacity: 0; }}@-webkit-keyframes backSlideOut{ 25%{  opacity: .5;-webkit-transform: translateZ(-500px); }
 75%{  opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%); }
 100%{  opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%); }}@-moz-keyframes backSlideOut{ 25%{  opacity: .5;-moz-transform: translateZ(-500px); }
 75%{  opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%); }
 100%{  opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%); }}@keyframes backSlideOut{ 25%{  opacity: .5;transform: translateZ(-500px); }
 75%{  opacity: .5;transform: translateZ(-500px) translateX(-200%); }
 100%{  opacity: .5;transform: translateZ(-500px) translateX(-200%); }}@-webkit-keyframes backSlideIn{ 0%, 25%{  opacity: .5;-webkit-transform: translateZ(-500px) translateX(200%); }
 75%{  opacity: .5;-webkit-transform: translateZ(-500px); }
 100%{  opacity: 1;-webkit-transform: translateZ(0) translateX(0); }}@-moz-keyframes backSlideIn{ 0%, 25%{  opacity: .5;-moz-transform: translateZ(-500px) translateX(200%); }
 75%{  opacity: .5;-moz-transform: translateZ(-500px); }
 100%{  opacity: 1;-moz-transform: translateZ(0) translateX(0); }}@keyframes backSlideIn{ 0%, 25%{  opacity: .5;transform: translateZ(-500px) translateX(200%); }
 75%{  opacity: .5;transform: translateZ(-500px); }
 100%{  opacity: 1;transform: translateZ(0) translateX(0); }}@-webkit-keyframes scaleToFade{ to{  opacity: 0;-webkit-transform: scale(.8); }}@-moz-keyframes scaleToFade{ to{  opacity: 0;-moz-transform: scale(.8); }}@keyframes scaleToFade{ to{  opacity: 0;transform: scale(.8); }}@-webkit-keyframes goDown{ from{  -webkit-transform: translateY(-100%); }}@-moz-keyframes goDown{ from{  -moz-transform: translateY(-100%); }}@keyframes goDown{ from{  transform: translateY(-100%); }}@-webkit-keyframes scaleUpFrom{ from{  opacity: 0;-webkit-transform: scale(1.5); }}@-moz-keyframes scaleUpFrom{ from{  opacity: 0;-moz-transform: scale(1.5); }}@keyframes scaleUpFrom{ from{  opacity: 0;transform: scale(1.5); }}@-webkit-keyframes scaleUpTo{ to{  opacity: 0;-webkit-transform: scale(1.5); }}@-moz-keyframes scaleUpTo{ to{  opacity: 0;-moz-transform: scale(1.5); }}@keyframes scaleUpTo{ to{  opacity: 0;transform: scale(1.5); }}.owl-carousel .item h3{ display: none;}
.owl-theme .owl-controls{ text-align: center;top: auto!important;bottom: 5%!important;position: absolute;}
.owl-theme .owl-controls .owl-page{ padding: 0;zoom: 1;}
.slideTitle{ margin: 0;}
.owl-pagination{ display: flex!important;flex-wrap: wrap;justify-content: center;background-color: transparent;}
.owl-pagination span{ overflow: hidden;color: #fff;font-size: 1rem;font-weight: 500;padding: 1rem;margin: 0 .2rem!important;display: block;text-align: center;transition: .1s;background-color: rgba(0,0,0,.5)!important;opacity: 1!important;border-right: 0 solid #333;border-radius: 50rem;}
.owl-theme .owl-controls .owl-page.active span{ background-color: #181717!important;position: relative;}
.owl-theme .owl-controls .owl-page.active span:before{ content: "";width: 1.2rem;height: 1.2rem;display: block;background-color: #fff;border-radius: 50%;position: absolute;left: .41rem;top: .4rem;}
.carousel{ width: 100%;display: block;margin: 0;padding: 0;font-weight: 600;}
.carousel .owl-item{ margin: 0;padding: 0;display: block;float: left;transition: .2s;background-color: #fff;}
.carousel .owl-item img{ width: 100%;vertical-align: bottom;}
.carousel .owl-next,.carousel .owl-prev{ background-color: transparent!important;color: #333!important;}
.carousel .owl-next{ right: -50px!important;}
.carousel .owl-prev{ left: -50px!important;}
.banner{ display: flex;flex-wrap: nowrap;justify-content: space-between!important;height: auto;position: relative;margin: 100px 0 0 0;border-radius: 0;box-shadow: 0 0 5px #ccc;}
.banner-carousel-left{ display: block!important;width: 50%!important;overflow: hidden!important;position: relative!important;}
.banner-carousel-right{ display: block!important;width: 50%!important;overflow: hidden!important;position: relative!important;}
.banner-carousel-left .owl-item,.banner-carousel-right .owl-item{ overflow: hidden!important;float: left!important;}
.banner-carousel-left .owl-prev,.banner-carousel-right .owl-prev{ left: 2vw!important;background-color: transparent!important;color: #fff!important;border-radius: .1rem;}
.banner-carousel-left .owl-next,.banner-carousel-right .right-next{ right: 2vw!important;background-color: transparent!important;color: #fff!important;border-radius: .1rem;}
.banner-carousel-left .owl-controls,.banner-carousel-right .owl-controls{ top: 45%!important;bottom: 0!important;height: 50px!important;z-index: 0;}
@media (max-width:1024px){ .banner{  flex-wrap: wrap;margin: 100px 0 0 0; }
 .banner-carousel-left{  width: 100%!important; }
 .banner-carousel-right{  width: 100%!important; }}.banner-title{ width: 100%;height: 100%;margin: 0;padding: 10rem 5rem;text-align: left;position: absolute;bottom: 0;z-index: 9999;background-color: rgba(0,0,0,.6);}
.banner-title h1,.banner-title h2{ margin: 0;padding: .6rem;line-height: 105%;text-shadow: 0 0 2px #111;color: #fff;width: 50%;}
.banner-title h1{ font-size: 2rem;font-weight: 700;display: inline-block;border-radius: 0;}
.banner-title h2{ margin: 0;font-size: 1rem;font-weight: 300;display: inline-block;}
@media (max-width:1024px){ .banner-title{  width: 100%;bottom: 0;left: 0;padding: 2rem;text-align: left; }
 .banner-title h1{  font-size: 1.7rem; }
 .banner-title h2{  font-size: 1rem; }}.banner-desk{ display: block!important;width: 100%;}
.banner-mobile{ display: none!important;width: 100%;}
@media (max-width:1024px){ .banner-desk{  display: block!important; }
 .banner-mobile{  display: none!important; }}.scrollbutton{ position: absolute;width: 100%;height: 50px;bottom: 10%;z-index: 2;-webkit-transition: .3s;transition: .3s;-webkit-transform: scale(1);transform: scale(1);display: block;}
.scrollbutton .scrolldown{ width: 250px;height: 250px;margin: 0 auto;text-align: center;overflow: hidden;display: block;padding: 0;background-image: url(../svg/down-arrow.svg);background-repeat: no-repeat;background-position: center 25%;background-size: 40px;background-color: #fff;animation: arrowDown .8s infinite;transform: translateY(0);border-radius: 50%;}
.scrollbutton.sticky{ transform: scale(0);}
@media (max-width:1024px){ .scrollbutton{  bottom: 5%;z-index: 99; }
 .scrollbutton .scrolldown{  width: 50px;height: 50px;background-size: 25px;background-position: center; }}@keyframes arrowDown{ 0%{  transform: translateY(20px);opacity: .3; }
 50%{  transform: translateY(10px);opacity: .5; }
 100%{  transform: translateY(0);opacity: 1; }}.latest{ display: block;height: auto;overflow: hidden;margin: 0;position: relative;z-index: 8;padding: 0;}
.latest .wrapper{ width: 100%;margin: 0 auto;padding: 5% 0;display: block;overflow: hidden;background-color: #181717;}
.latest_headline{ width: 30%;float: left;display: block;color: #fff;text-align: left;overflow: hidden;padding: 5%;margin: 0;}
.latest_headline:before{ margin: 1rem 0;background-color: #444;}
.latest-carousel{ width: 70%!important;display: block;float: left;margin: 0;padding: 0;list-style: none;}
.latest-carousel .owl-item{ padding: 0 1rem;margin: 0;position: relative;background-color: transparent;}
.latest-carousel .owl-item img{ border: 0;}
.latest-carousel .owl-prev{ left: -20.7vw!important;background-color: #444!important;color: #fff!important;border-radius: .1rem;}
.latest-carousel .owl-next{ left: -17vw!important;right: auto!important;background-color: #444!important;color: #fff!important;border-radius: .1rem;}
.latest-carousel .owl-controls{ top: auto!important;bottom: 0!important;height: 50px!important;z-index: 0;}
.latest_title{ opacity: 1;display: block;color: #fff;z-index: 5;padding: 15% 10%;width: 100%;text-align: left;transition: .5s;background-color: rgba(0,0,0,.6);}
.latest-carousel .owl-item:hover .latest_title{ opacity: 1;background-color: #444;padding: 10% 10%;}
.latest_title h5{ font-size: 1.6vw;margin: 0;padding: 0;line-height: 100%;}
.latest_title h6{ font-size: .9vw;margin: .4rem 0 0 0;padding: 0;font-weight: 100;}
@media (max-width:1024px){ .latest{  display: block;height: auto;display: block;overflow: hidden;margin: -125px 0 0 0;padding: 10% 0;border-bottom: 1px solid #ccc; }
 .latest_headline{  width: 100%;float: left;display: block;text-align: center;overflow: hidden;padding: 3rem 0; }
 .latest_headline:before{  margin: 1rem auto; }
 .latest-carousel{  width: 90%!important;margin: 0 auto;padding: 0;list-style: none;float: none; }
 .latest_title h5{  font-size: 7vw;margin: 0;padding: 0; }
 .latest_title h6{  font-size: 3vw;margin: 0;padding: 0;font-weight: 100; }
 .latest-carousel .owl-prev{  left: -1.2rem!important;background-color: #444!important;color: #fff!important;border-radius: .1rem; }
 .latest-carousel .owl-next{  left: auto!important;right: -1.2rem!important;background-color: #444!important;color: #fff!important;border-radius: .1rem; }
 .latest-carousel .owl-controls{  top: 65%!important;bottom: auto!important;height: 50px!important;z-index: 0; }}.galleries{ display: block;overflow: hidden;margin: 0;position: relative;z-index: 8;padding: 0;background-color: #f7f7f7;border-bottom: 1px solid #dedede;border-top: 1px solid #dedede;}
.galleries .wrapper{ width: 100%;margin: 0;padding: 5rem;display: block;overflow: hidden;}
.galeri-carousel{ margin: 50px 0;padding: 0;list-style: none;}
.galeri-carousel .owl-item{ padding: 0 10px!important;background-color: transparent;}
.galeri-carousel .owl-item img{ border: 1px solid #dedede;border-radius: .1rem;width: 100%;filter: brightness(130%);}
.galeri-carousel .owl-prev{ left: -25px!important;background-color: #181717!important;color: #fff!important;border-radius: .1rem;}
.galeri-carousel .owl-next{ right: -25px!important;background-color: #181717!important;color: #fff!important;border-radius: .1rem;}
.galeri-carousel .owl-controls{ top: 45%!important;height: 50px!important;z-index: 0;}
.galleries.page-view .wrapper{ width: 100%;margin: 0;padding: 0 5rem;display: block;overflow: hidden;}
@media (max-width:1024px){ .galleries .wrapper{  padding: 2rem; }}.animation-element{ opacity: 0;position: relative;}
.animation-element.anime-left{ opacity: 0;transition: all .1s linear;transform: translate3d(-300px,0,0);}
.animation-element.anime-left.in-view{ opacity: 1;transform: translate3d(0,0,0);}
.animation-element.anime-right{ opacity: 0;transition: all .1s linear;transform: translate3d(300px,0,0);}
.animation-element.anime-right.in-view{ opacity: 1;transform: translate3d(0,0,0);}
.animation-element.anime-top{ opacity: 0;transition: all .2s linear;transform: translate3d(0,300px,0);}
.animation-element.anime-top.in-view{ opacity: 1;transform: translate3d(0,0,0);}
.animation-element.anime-bottom{ opacity: 0;transition: all .2s linear;transform: translate3d(0,300px,0);}
.animation-element.anime-bottom.in-view{ opacity: 1;transform: translate3d(0,0,0);}
.animation-element.anime-zoom{ opacity: 0;transition: all .2s linear;transform: scale(0);}
.animation-element.anime-zoom.in-view{ opacity: 1;transform: scale(1);}