/* ==============================================
    RESET -->
    =============================================== */
	html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; }
	body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 15px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing:antialiased; line-height: 30px; letter-spacing: 0px; color: #797979;}
	section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
	/* Undragable Images */
	img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; }
	ol, ul{ list-style: none; padding: 0; }
	a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;}
	*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	*, *:hover, *:focus{ outline:none !important; }
	.container{max-width: 1170px;}
	h6{font-size: 14px;}
	section{overflow: hidden;}

		/* ==============================================
		FONTS -->
		=============================================== */





#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;}
.classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #111111;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9;}
@-webkit-keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

header{position: absolute;top: 0;left: 0;z-index: 999;width: 100%; padding-top: 10px;}
.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit;background-color:transparent;}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left;padding-top: 12px;}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color:#343a40;font-size:24px;text-decoration:none!important}
.nav-brand:hover,.nav-brand:focus{color:#343a40}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:70%;margin-top:-14px;right:15px;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#fff;border-radius:10px;box-shadow:0 .5em 0 0 #fff,0 1em 0 0 #fff}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:26px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height:70px;padding:26px 20px;display:inline-block;text-decoration:none;font-size:14px;color:#343a40;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#461047}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .2s;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:8px;width:8px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #fff #fff transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .2s;transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent #FFF #FFF transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}

.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd;font-weight: 600;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#461047}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #461047 #461047 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.megamenu-panel{width:62%;padding:15px 0 0;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fdfdfd;box-shadow:0 10px 20px rgba(0,0,0,.075)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-decoration:none;font-size:13px;}
.megamenu-list>li>a:hover{background-color:#461047;color:#fff}
.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:600;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%}
.nav-menu > li > a{color:#fff !important;text-transform:uppercase;font-weight: 700;font-size: 16px;letter-spacing: 0;text-align: center;}
.nav-dropdown > li > a{color:#343a40;padding:10px 30px;border-bottom:1px solid #f6f6f6;}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#00481B;}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px 10px 10px 30px;}
.header-contact, .header-adress{max-width: 90%;margin: 0 auto;}
.header-map{position: relative;}
.map-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.map-button a{font-weight: 400;font-size: 12px;color: #fff;letter-spacing: 1px;text-align: center; background-color: #008131; padding: 14px 50px;}
@media only screen and (min-width:320px) and (max-width:767px){
  .nav-dropdown > li > a,.megamenu-list > li > a{width:65%}
}

.new-lang-a{display: flex !important; padding: 23px 20px !important; position: relative;}
.new-lang-a:before{content: ''; position: absolute; left: 0; top: 25px;width: 2px;height: 30%; background-color: #CED656; }
.new-lang-img{max-width: 24px !important;}
.new-lang-a2 {display: flex !important;    padding: 10px 20px 10px 13px !important;}
.new-lang-a2 span{font-weight: 600;font-size: 14px;color: #461047 !important;letter-spacing: 0;text-align: center; padding: 2px 0 0 10px;}
.nav-dropdown-language{min-width: auto;}
.header-adress{border-top: 1px solid #979797; padding: 0 20px 30px;}
.header-adress p, .header-adress a{font-weight: 400;font-size: 12px;color: #000000;letter-spacing: 0;}
.header-adress .mail-phone{text-align: right;}
.header-adress .social{padding-top: 10px; display: flex; justify-content: flex-end;}
.header-adress .social h4{font-weight: 400;font-size: 12px;color: #008131;letter-spacing: 0.6px;line-height: 7px; padding: 17px 10px 0 0;}
.header-adress .social a{font-size: 22px; padding: 6px; color: #008131;}
@media (max-width: 768px){
	.nav-brand img{max-width: 280px;}
	.nav-menu > li > a{color: #008131 !important; text-align: left;}

}


/* ==============================================
CONTACT FORM
=============================================== */
::placeholder{color: #C0C0C0; }
.new-form{padding:30px 0 80px;}
.contact-form{ z-index: 2;background-color: #fff;}
.contact-form .group {position: relative;margin-bottom:30px;width: 100%;}
.contact-form form{padding-top: 30px;}
.contact-form .form-group{display: flex;}
.contact-form .group2{margin-left: 30px;}
.contact-form .group3{width: 85%;margin-top: 50px;}
.contact-form .group3 input{width: 100%;}
.contact-form .group3 .bar{width: 100%;}
.contact-form .group3 input:focus ~ label, input:valid ~ label{top: -60px;}
.contact-form input {padding: 10px 15px;display: block;width: 100%;background-color: transparent; border: 1px solid #9B9B9B;font-size: 14px;color: #4A4A4A;letter-spacing: 0;}
.contact-form input:focus {outline: none;}
.contact-form-title h6{font-weight: 800;font-size: 16px;color: #008131;letter-spacing: 0;}
.form-group-new{margin-bottom: 0;}
.new-input{height: 80px;}
/* LABEL ======================================= */
.contact-form label {color: #999;font-size: 18px;font-weight: normal;position: absolute;pointer-events: none;left: 20px;top: 10px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;font-size: 14px;color: #C0C0C0;letter-spacing: 0;}
/* active state */
.contact-form input:focus ~ label,
input:valid ~ label {top: -25px;font-size: 14px;color: #9B9B9B;}
/* BOTTOM BARS ================================= */
.contact-form .bar {position: relative;display: block;width: 100%;}
.contact-form .bar:before, .bar:after {content: '';height: 2px;width: 0;bottom: 0;position: absolute;background: #008131;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.contact-form .bar:before {left: 50%;}
.contact-form .bar:after {right: 50%;}
/* active state */
.contact-form input:focus ~ .bar:before,
input:focus ~ .bar:after {width: 50%;}
/* HIGHLIGHTER ================================== */
.contact-form .highlight {position: absolute;height: 60%;width: 100px;top: 25%;left: 0;pointer-events: none;opacity: 0.5;}
/* active state */
.contact-form input:focus ~ .highlight {-webkit-animation: inputHighlighter 0.3s ease;-moz-animation: inputHighlighter 0.3s ease;animation: inputHighlighter 0.3s ease;}
/* ANIMATIONS ================ */
.float {
	position: fixed;
	bottom: 80px;
	left: 40px;
	z-index: 100;
}

.my-float {
	margin-top: 16px;
}

.float:hover{color: #c5c5c5;}

.float img{max-width: 50px;}
/* WHATSAPP BUTTON İÇİN CSS TANIMLARI  --- OZVN --- */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
.contact-form .checkbox-s .send-button{float: right; position: relative;}
.contact-form .checkbox-s .send-button a{font-weight: 400;font-size: 12px;color: #fff;letter-spacing: 1px;text-align: center;background-color: #008131;padding: 15px 55px;}
.contact-form .contact-form-bottom-description p{font-size: 11px;color: #4A4A4A;letter-spacing: 0;max-width: 445px;text-align: left;line-height: 14px;padding-top: 10px;}
.contact-form .checkbox-s .send-button img{max-width: 20px;position: absolute;right: 15px;top: 7px;}

@media screen and (max-width: 768px){
  .megamenu-panel{width: 100%;}
  .contact-form{max-width: 100%; padding: 0;}
  .contact-form .form-group{display: block;}
  .contact-form .group2, .lm-select{margin-left: 0;}
  .contact-form .checkbox-s .send-button{left: 0;}
  .header-adress .mail-phone{text-align: left;}
  .header-adress .social{justify-content: flex-start;}
  .map-button{width: 100%; text-align: center;}
  .map-button a{padding: 12px 30px;}
}














.box {
	position: relative;
}

.slider-for {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
}

.slide-container {
	height: 20vh;
	background-color: transparent;
	text-align: center;
	line-height: 20vh;
	font-size: 40px;
	font-weight: bold;
	border: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.decor {
	padding: 5px 40px;
	background-color: #fff;
	border: 2px solid #000;
}

.slide-btn {
	text-align: center;
	box-sizing: border-box;
	height: 40vh;
	background-color: yellow;
	border: 1px solid #000;
	cursor: pointer;
	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 20px;
	font-size: 30px;
	min-height: 120px;
	transition: 0.5s all;
}

.slick-active-first .slide-btn {
	background-color: red;
}

.slick-active-last .slide-btn {
	background-color: orange;
}

.slider-dots-box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    bottom: 100px;
    left: 15%;
}

.slider-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

.slider-dots button {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	border: 0;
	background-color: transparent;
	margin: 0 10px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	transition: .3s all;
	position: relative;
	z-index: 0;
}

.slider-dots-box .slick-active button {
		width: 40px;
		height: 40px;
}

.slider-dots button:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
}

.slider-dots-box .slick-active button:after {
	content: none;
	display: none;
}

.slider-dots-box .slick-active button:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	border: 2px solid rgba(255, 255, 255, 0.05);
	border-radius: 50%;
}

.circle-bg {
  fill: rgba(255, 255, 255, 0);
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 2;
  stroke-linecap: butt;
}
.circle-go {
  fill: rgba(255, 255, 255, 0);
  stroke: rgb(251, 255, 197);
  stroke-width: 2;
  stroke-linecap: round;
	animation: progress 25s;
	stroke-dasharray: 360px;
	stroke-dashoffset: 360;
}
.circle-tx {
  fill: #000;
  stroke-width: 1;
  font: bold 16px 'Arial';
  text-anchor: middle;
}

@keyframes progress {
  from {
    stroke-dashoffset: 360;
  }
  
  to {
    stroke-dashoffset: 0;
  }
}

.slider-dots-box button:before{width: 10px; height: 10px; background-color: #fff;}
.slider-dots-box .slick-active button:before{width: 10px; height: 10px; background-color: transparent; border: 3px solid #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.home .slide{background-image: url(../images/home-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh;}
.home .slide2{background-image: url(../images/2.jpg);}
.home .slide3{background-image: url(../images/3.jpg);}
.home .slide4{background-image: url(../images/4.jpg);}
.home .slide5{background-image: url(../images/5.jpg);}



.home .slide .slide-description{position: absolute; top: 50%; transform: translateY(-50%); text-align: left;}
.home .slide .slide-description h1{font-weight: 700;font-size: 40px;color: #FFFFFF;letter-spacing: 1px; line-height: 55px; max-width: 452px;}
.home .slide .slide-description p{font-weight: 400;font-size: 20px;color: #FFFFFF;letter-spacing: 1px; max-width: 600px; padding: 20px 0 40px;}
.home .slide .slide-description a{font-weight: 400;font-size: 12px;color: #00481B;letter-spacing: 1px;text-align: left; padding: 12px 40px; background-color: #fff;  }

.home .home-whatsap-button{position: absolute; bottom: 30px; right: 15%;}
.home .home-whatsap-button a{display: flex; background-color: #008131; padding: 15px 35px; border-radius: 40px; border: 1px solid #CED656; }
.home .home-whatsap-button a img{max-width: 22px;}
.home .home-whatsap-button a span{font-weight: 800;font-size: 14px;color: #FAFAFA;letter-spacing: 0.7px; padding-left: 8px;}



@media screen and (max-width: 768px){
	.home .slide .slide-description h1{font-size: 30px; line-height: 36px;}
	.home .slide .slide-description p{font-size: 18px; line-height: 22px;padding: 20px 30px 40px 0;}
	.home .home-whatsap-button{right: 20px;  bottom: 10px;  min-width: 190px;}
	.home .home-whatsap-button a img{max-height: 28px;}
	.home .home-whatsap-button a{padding: 10px 25px;}
	.slider-dots-box{left: 3%;bottom: 80px;}
}


.product {padding: 130px 0;}
.product .product-title h1{font-weight: 700;font-size: 30px;color: #008131;letter-spacing: 0.75px;text-align: center;line-height: 30px;}
.product .product-title p{font-weight: 400;font-size: 14px;color: #272727;letter-spacing: 0.7px;text-align: center;line-height: 16px; max-width: 730px; margin: 0 auto; padding-top: 20px;}



.product .product-slider{padding-top: 50px;}
.product-slider-item-all{position: relative;}
.product-slider-item .product-slider-item-description .product-slider-item-description-title{position: absolute; bottom: 0; left: 0; width: 100%;  text-align: center; padding: 20px 0;transition: all 300ms linear; }
.product-slider-item .product-slider-item-description .product-slider-item-description-title:after{position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #00481B;mix-blend-mode: multiply;}
.product-slider-item .product-slider-item-description .product-slider-item-description-title h6{font-weight: 700;font-size: 16px;color: #FCFCFC;letter-spacing: 0.4px;z-index: 1;position: relative; }
.product-slider-item .hover-button{position: absolute;bottom: 0; left: 0; text-align: center; width: 100%; height: 40px; background-color: #00481B; display: none; justify-content: center; align-items: center;transition: all 300ms linear;}
.product-slider-item .hover-button a{font-weight: 700;font-size: 12px;color: #FFFFFF;letter-spacing: 1px;text-align: center;}

.product-slider-item:hover .product-slider-item-description-title{bottom: 40px;}
.product-slider-item:hover .hover-button{display: flex;}

.product .slick-prev{left: -90px;}
.product .slick-next{right: -70px;}
.product .slick-prev, .product .slick-next{margin-top: 15px;}
.product .slick-prev img, .product .slick-next img{min-width: 45px;}
.product .product-button{padding-top: 50px;}
.green-button{font-weight: 400;font-size: 12px;color: #00481B;letter-spacing: 1px;text-align: center; background-color: #CED656; padding: 12px 40px;}
@media screen and (max-width: 768px){
	.product{padding: 70px 0;}
	.product .slick-prev{left: 20px;}
	.product .slick-next{right: 20px;}
	.product .slick-prev, .product .slick-next{z-index: 1; width: 45px; height: 45px;}
	.product-slider-item .hover-button{display: block;}
	.product-slider-item .product-slider-item-description .product-slider-item-description-title{bottom: 40px;}
	.green-button{padding: 12px 25px;}
}






.firsat{padding-bottom: 100px;}
.firsat .firsat-slider-item{display: flex;}
.firsat .firsat-slider-item-left{position: relative;}
.firsat .firsat-slider-item-left-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.firsat .firsat-slider-item-right{display: flex; align-items: center; padding-left: 50px; background-color: #272727;}
.firsat .firsat-slider-item-right h6{font-weight: 400;font-size: 20px;color: #CED656;letter-spacing: 0.5px;line-height: 13px;}
.firsat .firsat-slider-item-right p{font-weight: 700;font-size: 24px;color: #FFFFFF;letter-spacing: 0.6px;line-height: 13px; padding: 18px 0 30px;}
.firsat .firsat-slider-item-right span{font-weight: 700;font-size: 16px;color: #FAFAFA;letter-spacing: 0; padding: 5px 25px; background-color: #008131;}

.firsat .slick-prev{left: 0;}
.firsat .slick-next{right: 0;}
.firsat .slick-prev img, .firsat .slick-next img{min-width: 45px; max-width: 45px; margin: 0 auto;}
.firsat .slick-prev, .firsat .slick-next{z-index: 1;width: 150px;height: 100%;background-color: #212121;}
.firsat .slick-prev{background-color: rgba(216,216,216,0.5);}




@media screen and (max-width: 768px){
	.order{order: -1;}
	.firsat .slick-prev, .firsat .slick-next{background-color: transparent;width: 50px;height: 50px;top: 64%;}
	.firsat .firsat-slider-item-right{padding: 50px;}
}







.video{background-image: url(../images/video-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 50vh; position: relative;}
.video:after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: #00481B; mix-blend-mode: multiply;}
.video .container{z-index: 1; position: relative; height: 100%; display: flex; justify-content: center; align-items: center;}
.video .video-description {display: flex; justify-content: center; align-items: center;}
.video .video-description h1{font-weight: 700;font-size: 30px;color: #FFFFFF;letter-spacing: 1.5px;text-align: right; max-width: 410px; padding-right: 80px; line-height: 41px;}
.video .video-description img{max-width: 80px;}

@media screen and (max-width: 768px){
	.video .video-description{display: block;}
	.video .video-description img{margin: 20px auto;}
	.video .video-description h1{padding: 0; margin: 0 auto; text-align: center;}
}









.about{padding: 100px 0;}
.about .about-right-description {padding: 40px 30px; background-color: #fff;transform: translate(-14%, 29%);}
.about .about-right-description h6{font-weight: 400;font-size: 18px;color: #008131;letter-spacing: 0.45px;line-height: 30px;}
.about .about-right-description p{font-weight: 400;font-size: 13px;color: #272727;letter-spacing: 0; line-height: 18px; max-width: 320px; padding-top: 10px;}
.about .about-bottom h6{font-weight: 400;font-size: 30px;color: #008131;letter-spacing: 0.75px;text-align: right;line-height: 30px;}
.about .about-bottom p{font-weight: 400;font-size: 13px;color: #272727;letter-spacing: 0;text-align: right;line-height: 17px; padding: 10px 0 40px;}
.about .about-bottom-description{padding: 30px 40px; text-align: right; background-color: #fff;transform: translateY(-20%);}




@media screen and (max-width: 768px){
	.about{padding: 70px 0;}
	.about .about-right-description p, .about .about-bottom p{max-width: 95%;}
	.about .about-right-description{transform: none; padding: 40px 0;}
	.about .about-bottom-description{transform: none; text-align: left; padding: 0;}
	.about .about-bottom h6, .about .about-bottom p{text-align: left;}
}





.contact{background-image: url(../images/contact-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;  position: relative;}
.contact:after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: #00481B; mix-blend-mode: multiply;}
.contact .container{z-index: 1; position: relative; max-width: 100%;}
.contact .contact-left-items{display: flex;justify-content: center; align-items: center;}
.contact .contact-left-desctiption a{display: flex;}
.contact .contact-left-desctiption a img{max-width: 22px;}
.contact .contact-left-desctiption a span{font-weight: 800;font-size: 18px;color: #FAFAFA;letter-spacing: 1.12px; padding-left: 10px;}
.contact .contact-left-desctiption{width: 50%; display: flex; justify-content: center; align-items: center;}
.contact .contact-left{display: flex; justify-content: center; align-items: center; width: 100%;}

.contact .contact-right{background-color: rgba(0,0,0,0.6);padding: 100px 0;}
.contact .contact-right form{display: flex; justify-content: center; align-items: center; max-width: 70%; margin: 0 auto;}
.contact .contact-right form .form-item{width: 50%;}
.contact .contact-right form .form-item input{background-color: transparent; border-bottom: 1px solid #fff;width: 90%;  }
.contact .contact-right form .form-item input::placeholder{font-weight: 100;font-size: 12px;color: #FAFAFA;letter-spacing: 1.2px;}
.contact .contact-right form .form-button button{font-weight: 100;font-size: 12px;color: #FAFAFA;letter-spacing: 0.86px;text-align: center; padding: 0 30px; background-color: transparent; border: 1px solid #fff; }








footer{background-color: #161616; padding: 50px 0; border-top: 4px solid #008131; border-bottom: 4px solid #008131;}
footer .container{max-width: 100%;}
footer .footer-item img{max-width: 150px;}
footer .footer-item ul{line-height: 18px;}
footer .footer-item ul li a{font-weight: 400;font-size: 12px;color: #FFFFFF;letter-spacing: 0.5px;}
footer .footer-social{display: flex; justify-content: center;align-items: center;}
footer .footer-social h6{font-weight: 400;font-size: 14px;color: #FFFFFF;letter-spacing: 0.5px; text-align: right; padding-bottom: 10px;}
footer .footer-social a{color: #fff; font-size: 20px; padding-right: 10px;}
.copyright{padding: 5px 0; text-align: center;}
.copyright p{font-weight: 400;font-size: 12px;color: #000000;letter-spacing: 0;text-align: center;}


@media screen and (max-width: 768px){
	.contact .contact-left-desctiption{width: 100%;}
	.contact .contact-left-desctiption2{padding-bottom: 10px;}
	.contact .contact-left{display: block; padding: 30px 0;}
	.contact .contact-right{padding: 50px 0;}
	.contact .contact-right form{max-width: 90%;}
	footer .footer-item img{margin: 0 auto; padding-bottom: 20px;}
	footer .footer-item ul li{text-align: center;}
	footer .footer-social h6{text-align: center; padding-top: 10px;}
	.copyright p{line-height: 18px; padding: 0 20px;}
}










.nav-menu .menu-active{color: #CED656 !important;}
.detail-alt-top{background-image: url(../images/detail-alt.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 40vh;  position: relative;}
.detail-alt-top .detail-alt-description{position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%);}
.detail-alt-top .detail-alt-description h1{font-weight: 700;font-size: 40px;color: #FAFAFA;letter-spacing: 1px;text-align: center;}
.detail-alt-top .detail-alt-description p{font-weight: 400;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center; max-width: 440px; margin: 0 auto; line-height: 22px; padding-top: 10px;}




.detail-alt{position: relative;}
.detail-alt:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60%; background-color: #fafafa; z-index: -1}
.detail-alt .detail-top{padding-bottom: 40px;}
.detail-alt .detail-top img{box-shadow: 0 0 30px rgba(0,0,0,0.1); border-radius: 20px;}
.detail-alt{padding: 40px 0;}
.detail-alt .container{max-width: 80%;}

.detail-alt .container .alt-left-menu{background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); padding: 30px;margin-top: 58px;}
.detail-alt .container .alt-left-menu ul{margin: 0;}
.detail-alt .container .alt-left-menu ul li{padding: 5px 0; display: flex; position: relative; border-bottom: 1px solid #DDDDDD;}
.detail-alt .container .alt-left-menu ul li:last-child{border: none;}
.detail-alt .container .alt-left-menu ul li a{font-weight: 400;font-size: 13px;color: #4A4A4A;letter-spacing: 0;}
.detail-alt .container .alt-left-menu .active{color: #008131; font-weight: 700;}
.detail-alt .container .alt-left-menu ul li img{max-width: 10px; position: absolute; right: 10px; top: 18px;}


.detail-alt .detail-alt-right{padding-left: 60px;}

.detail-alt .detail-alt-right .detail-alt-right-description-ext{background-color: #F9F9F9; padding: 30px;}
.detail-alt .detail-alt-right .detail-alt-right-description-ext h6{font-weight: 600;font-size: 16px;color: #292656;letter-spacing: 0;}

.detail-alt .new-title{padding-bottom: 20px;}
.detail-alt .new-title a{font-weight: 400;font-size: 14px;color: #272727;letter-spacing: 0.35px;text-align: center; position: relative; padding-right: 30px;}
.detail-alt .new-title .title-after:after{content: ''; position:absolute; top: 5px; right: -5px; width: 20px; height: 20px; background-image: url(../images/svg/title-after.svg); background-repeat: no-repeat; }
.detail-alt .new-title .title-after2{color: #919191;}
.detail-alt .detail-bottom .container{max-width: 100%;}


.product-slider-items .product-slider-item-all{margin-bottom: 30px;}
.product-slider-items .product-slider-item-all .product-slider-item-description-title:after{mix-blend-mode: inherit;opacity: 0.7;}
.product-slider-items .product-slider-item-all span{color: #fff; position: relative; z-index: 1;}
.product-slider-items .product-slider-item-all .product-slider-item-description-title{padding: 15px 0 10px;}
@media screen and (max-width: 768px){
	.detail-alt .container{max-width: 95%;}
	.detail-alt .detail-alt-right{padding: 50px 15px 0;}
	.header-2 .nav-toggle:before{background-color: #461147; box-shadow: 0 0.5em 0 0 #461147, 0 1em 0 0 #461147;}
	.detail-alt .detail-top img{margin-bottom: 20px;}
	.detail-alt .detail-top{padding-bottom: 0;}
	.detail-alt .container .alt-left-menu{margin-top: 30px;}
	.nav-menu .menu-active{color: #008131 !important;}
	.detail-alt-top .detail-alt-description{top: 70%; width: 100%;}
}














.product__carousel {
  display: block;
  margin: 1em auto 3em;
}
.product__carousel a {
  display: block;
  margin-bottom: 15px;
}

.product__carousel .gallery-top {
	margin-bottom: 5px;
	max-height: 400px;
}
.product__carousel .gallery-top .swiper-slide {
	position: relative;
	overflow: hidden;
}
.product__carousel .gallery-top .swiper-slide a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.product__carousel .gallery-top .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
	min-width: 100%;
	min-height: 100%;
}
.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
	color: #ff3720;
}
.product__carousel .gallery-thumbs .swiper-slide {
	position: relative;
	transition: border .15s linear;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
  height: calc(100%);
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
	border-color: #CED656;
}
.product__carousel .gallery-thumbs .swiper-slide img {
	min-height: 100%;
    object-fit: cover;
}


.detail-alt2:after{display: none;}
.detail-alt .detail-alt-description-right{padding-top: 58px;}
.detail-alt .detail-alt-description-right h2{font-weight: 700;font-size: 21px;color: #00481B;letter-spacing: 0;}
.detail-alt .detail-alt-description-right h6{font-weight: 400;font-size: 16px;color: #00481B;letter-spacing: 0; padding: 10px 0 40px;}
.detail-alt .detail-alt-description-right span{font-weight: 700;font-size: 21px;color: #FAFAFA;letter-spacing: 0; background-color: #00481B; padding: 15px 20px;}
.detail-alt .detail-alt-description-right p{font-weight: 400;font-size: 13px;color: #272727;letter-spacing: 0; line-height: 18px; padding-top: 40px;}









.about-page{padding: 100px 0;}
.about-page .about-page-left h6{font-weight: 700;font-size: 16px;color: #008131;letter-spacing: 0.39px;}
.about-page .about-page-left p{font-weight: 400;font-size: 14px;color: #272727;letter-spacing: 0; line-height: 20px; padding: 15px 0;}

@media screen and (max-width: 768px){
	.detail-alt .detail-alt-description-right{padding-top: 20px;}
	.about-page{padding: 60px 0;}
}