/*
Theme Name: Likya Gardens
Author: Mehmet Copur
Author URI: https://www.mehmetcopur.com.tr
Version: 1.0
Text Domain: lgh
*/
@import url(https://fonts.googleapis.com/css?family=Work+Sans:100, 200, 300, 400, 500, 600, 700); 

*{margin:0; padding:0; text-decoration:none; list-style:none; outline:none}
html, body, .container{width:100%; height:100%; min-height:100%}
.container{margin:auto; padding:80px 0 0; font:300 15px/28px 'Work Sans'; color:#888; position:relative; box-sizing:border-box}
.center{max-width:1250px; margin:auto; position:relative}
a img{border:none}

h1{margin:-10px 0 25px; font:100 80px/90px 'Work Sans'; color:#555; letter-spacing:.5px}
h2{margin:-8px 0 25px; font:300 37px/50px 'Work Sans'; color:#555}
h3{margin-bottom:25px; font:300 30px/40px 'Work Sans'; color:#555}
h4{margin-bottom:25px; font:20px/30px 'Work Sans'; color:#555}
h5{margin-bottom:25px; font:300 18px/28px 'Work Sans'; color:#555}
p{margin-bottom:30px; font:300 15px/28px 'Work Sans'; color:#888; letter-spacing:.2px}
h1 a, h2 a, h3 a, h4 a, h5 a, p a, main li a{color:#7b9a5e; border-bottom:1px solid #EEE}
strong, b{font-weight:400}
h1 strong{font-weight:300}
h2 strong, h3 strong{letter-spacing:-1px}
h4 strong{font-weight:500}
.button{padding:0 20px; font:14px/44px 'Work Sans'; color:#FFF; letter-spacing:.5px; text-transform:uppercase; background:#7b9a5e; display:inline-block; position:relative; cursor:pointer; white-space:nowrap; box-sizing:border-box; transition:.3s ease; border:none !important}
.button i{margin-left:12px}
.label{margin-bottom:30px; padding:0 20px; font:12px/44px 'Work Sans'; color:#7b9a5e; letter-spacing:1.5px; text-transform:uppercase; border:1px solid #7b9a5e; display:inline-block}
ul{margin:0 0 30px}
main ul{letter-spacing:.2px}
.tags{margin:0 0 18px}
.tags:after{content:""; clear:both; display:block}
.tags li{margin:0 4px 12px; padding:12px 15px; font:500 13px/20px 'Work Sans'; color:#888; letter-spacing:.2px; background:#F5F5F5; display:inline-block; list-style:none}
.tags li a{color:#888; border-color:#F5F5F5; display:block}
hr{border:1px solid #FFF; border-bottom:1px solid #EEE; margin:0 0 80px}
main{display:block}

.hover .button:hover{padding:0 25px; color:#FFF; background:#7b9a5e}
.hover h1 a:hover, .hover h2 a:hover, .hover h3 a:hover, .hover h4 a:hover, .hover h5 a:hover, .hover p a:hover, .hover main li a:hover{border-bottom:1px solid #DDD}

@media only screen and (max-width:1024px){
h1{font:200 60px/70px 'Work Sans'}}

@media only screen and (min-width:1025px){
.fade{opacity:0; transition:opacity 1s ease}
.visible{opacity:1 !important}}

@media only screen and (max-width:480px){
h1{font:200 37px/50px 'Work Sans'}
h2{font:300 30px/42px 'Work Sans'}
h3{font:300 25px/35px 'Work Sans'}}

.slider-nav{position:absolute; bottom:-86px; right:0; z-index:25; opacity:0; transition:.3s ease}
.slider-nav a{width:50px; line-height:50px; font-size:18px; color:#DDD; text-align:center; background:#FFF; display:block; cursor:pointer; float:left; border-right:1px solid #EEE; border-bottom:1px solid #EEE; box-sizing:border-box}
main .slider-nav{bottom:-5px}
.hover .section:hover .slider-nav, .hover .section.over .slider-nav{bottom:-81px; opacity:1}
.hover main .section:hover .slider-nav{bottom:0}
.hover .slider-nav a:hover{color:#888; background:#F5F5F5}

.no-booking .slider-nav{bottom:-6px}
.hover .no-booking .section:hover .slider-nav, .hover .no-booking .section.over .slider-nav{bottom:0; opacity:1}

@media only screen and (max-width:1024px){
.slider-nav{opacity:1; bottom:0 !important}}

@media only screen and (max-width:400px){
.slider-nav a{width:40px; line-height:40px}}

header{width:100%; height:80px; background:#FFF; position:fixed; top:0; left:0; z-index:50; -webkit-transform:translateZ(0); transition:box-shadow .6s ease}
header .center{max-width:1920px; height:100%}
header.scroll{box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1)}
header .logo{position:absolute; top:50%; left:50px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); height: 85%; z-index: 9;}
header .logo img {
	height: 100%;
	width: auto;
}

nav{width:100%; position:absolute; top:0; left:0}
nav ul{margin:auto; padding:18px 0; display:table}
nav li{float:left; position:relative}
nav li a{padding:0 13px; font:300 14px/44px 'Work Sans'; color:#555; letter-spacing:.5px; text-transform:uppercase; display:block}
nav li a.active{font-weight:400}
nav li.drop:after{top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#F5F5F5; border-width:10px; margin-left:-10px; transition:.2s ease; opacity:0}
nav li.nav-book{display:none}
nav li ul{padding-bottom:0; position:absolute; top:44px; opacity:0; display:none}
nav li ul li{float:none}
nav li ul li a{min-width:150px; padding:0 18px; font:300 12px/44px 'Work Sans' !important; color:#FFF; letter-spacing:1px; white-space:nowrap; background:#555 !important; border-bottom:1px solid #606060; cursor:pointer}
nav li ul li:last-of-type a{border:none}
nav li ul li.drop:after{display:none}
nav li ul li.drop a:after{content:'\f3d3'; font-family:ionicons; color:#888; font-size:13px; position:absolute; top:0; right:18px}
nav li ul li.drop ul li a:after{display:none}
nav li ul li ul{padding:0; top:0 !important; left:100%}
nav li ul li ul li a{border-bottom:1px solid #585858 !important}
nav li ul li ul li:last-of-type a{border:none !important}
nav li ul li a.active, .hover nav li ul li:hover a{background:#505050 !important}
nav li ul li ul li a.active, .hover nav li ul li ul li a.active{background:#484848 !important}
#mobilenav{width:46px; margin:18px 50px 0 18px; padding-top:4px; font-size:26px; color:#FFF; line-height:40px; text-align:center; background:#555; display:none; cursor:pointer; float:right; position:relative}

.hover nav li:hover a{background:#F5F5F5}
.hover nav li:hover:after{opacity:1}
.hover nav li ul li ul li a:hover{background:#484848 !important}

.header-social{margin:18px 0 0 0; float:right; position:relative}
.header-social a{width:44px; margin-left:2px; font-size:15px; line-height:44px; text-align:center; color:#BBB; display:block; float:left; background:#F5F5F5}
.hover .header-social a:hover{color:#555; background:#EEE}

.button.book-button{max-width:0; margin:18px 50px 0 0; padding:0; float:right; overflow:hidden; opacity:0; z-index:150; border:none}
.button.book-button:before, .button.book-button:after{width:15px; font-size:15px; font-family:ionicons; text-align:center; position:absolute; top:1px; left:20px; display:block; transition:left .3s ease}
.button.book-button:before{content:'\f3f3'; transition:left .3s ease,opacity .2s ease}
.button.book-button:after{content:'\f404'; font-size:23px; opacity:0; transition:left .3s ease,opacity .2s ease}
body.scroll .button.book-button{max-width:250px; margin:18px 50px 0 2px; padding:0 20px 0 45px; color:#FFF; opacity:1}
body.book-slide .button.book-button{background:#555; box-shadow:0 0 0 1px #606060}
body.book-slide .button.book-button:before{opacity:0}
body.book-slide .button.book-button:after{opacity:1}

.hover .button.book-button:hover{padding:0 25px 0 50px}
.hover .button.book-button:hover:before, .hover .button.book-button:hover:after{left:25px}

.no-booking .button.book-button{max-width:none !important; margin:18px 50px 0 2px !important; padding:0 20px 0 20px !important; color:#FFF !important; opacity:1 !important}
.no-booking .button.book-button:before{display:none}
.hover .no-booking .button.book-button:hover{padding:0 25px 0 25px !important}

@media only screen and (min-width:1025px){
nav ul:first-child{display:table !important}}

@media only screen and (max-width:1024px){
header{position:absolute; box-shadow:none !important}
nav{width:100%; right:auto; left:0}
nav ul{width:100%; padding:0; position:absolute; top:80px; left:0; display:none; box-sizing:border-box}
nav li{width:100%; float:none}
nav li a{width:100%; padding:0; text-align:center; color:#FFF !important; display:block; background:#555 !important; border-bottom:1px solid #606060}
nav li ul li a i{display:none}
nav li:last-child a, nav li.drop a{border:none}
nav li a:after{display:none}
nav li ul{padding:0; display:block !important; position:relative; top:auto; border-radius:0; opacity:1 !important}
nav li ul li a, nav li ul li a.active, nav li ul li ul li:last-of-type a, .hover nav li ul li:hover a{padding:0 !important; background:#484848 !important; border-bottom:1px solid #585858 !important}
nav li ul li ul{left:0}
nav li.nav-book{display:block}
nav li.nav-book a{background:#7b9a5e !important; font-weight:500; font-size:18px; line-height:60px}
#mobilenav{display:inline-block}
.button.book-button{display:none}}

@media only screen and (max-width:480px){
header .logo{left:20px}
nav ul{padding:0}
#mobilenav{margin-right:20px}
.header-social{display:none}}

.book-form{position:fixed; top:0; left:0; visibility:hidden}
.book-bar{width:100%; height:80px; line-height:80px; margin:-80px auto 80px; background:#555; box-sizing:border-box; position:relative; z-index:20}
.book-bar .center{width:auto; max-width:none; display:table}
.book-bar .date-field{padding:0 40px; position:relative; float:left; border-left:1px solid #606060; cursor:pointer; transition:background .2s ease}
.book-bar .date-field:last-child{border-right:1px solid #606060}
.book-bar .date-field .tag{margin-right:20px; padding:0 2px 0 8px; font:300 12px/26px 'Work Sans'; color:#AAA; letter-spacing:1px; text-transform:uppercase; background:#606060; position:relative; top:-3px; right:0; display:inline-block; transition:.2s ease}
.book-bar .date-field .tag:after{left:100%; top:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-left-color:#606060; border-width:13px; margin-top:-13px; transition:.2s ease}
.book-bar .date-field .date{font:200 22px/80px 'Work Sans'; color:#FFF; letter-spacing:.5px}
.book-bar .date-field .date .arrival-day, .book-bar .date-field .date .departure-day{font-weight:400; letter-spacing:0}

.hover .book-bar .date-field:hover{background:#505050}
.hover .book-bar .date-field:hover span{right:-3px}

.ui-datepicker{background:#F5F5F5; font:14px/20px 'Work Sans',sans-serif; float:left; display:none; z-index:999999 !important; transition:transform 1s ease}
.ui-datepicker *{position:relative; z-index:2}
.ui-datepicker-group{width:50%; float:left}
.ui-datepicker-header{position:relative}
.ui-datepicker-title{font:22px/80px 'Work Sans' !important; color:#FFF; background:#555}
.ui-datepicker-title .ui-datepicker-year{font-weight:200; letter-spacing:.5px}
.ui-datepicker-group-first .ui-datepicker-header{border-right:1px solid #606060}
.ui-datepicker .ui-datepicker-title{font-size:16px; font-weight:bold; line-height:28px; text-align:center}
.ui-datepicker table{width:100%; margin:0; padding:25px 38px 38px}
.ui-datepicker-group-first table{border-right:1px solid #E5E5E5}
.ui-datepicker th{width:25px; padding:5px 5px 30px; font-weight:300; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#888}
.ui-datepicker td span, .ui-datepicker td a{display:block; padding:19px 0; text-decoration:none}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:300; font-size:18px; background:#FFF; color:#888; letter-spacing:.5px; text-align:center}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#7b9a5e; color:#FFF; font-weight:500}
.ui-widget-header .ui-state-hover{opacity:0.25; cursor:pointer}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:0.25; cursor:default}
.ui-icon{text-indent:-9999px; display:block}
.ui-datepicker .ui-datepicker-prev .ui-icon:before{content:"\f3d2"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:-40px}
.ui-datepicker .ui-datepicker-next .ui-icon:before{content:"\f3d3"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top:30px !important}
.ui-datepicker .ui-datepicker-prev{left:40px; z-index:3}
.ui-datepicker .ui-datepicker-next{right:48px; z-index:3}

@media only screen and (min-width:1024px){
.ui-datepicker{width:1000px !important; margin-top:-252px !important; margin-left:-500px !important; box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.07),0 0 0 500px rgba(200,200,200,.5); position:fixed !important; top:50% !important; left:50% !important}}

@media only screen and (max-width:1024px){
.ui-datepicker{width:100% !important; margin-left:0 !important; left:0 !important}}

@media only screen and (max-width:800px){
.book-bar .center{width:100%}
.book-bar .date-field{padding:0; display:table-cell; float:none; text-align:center}
.book-bar .date-field:first-child{border-left:none}
.book-bar .date-field:last-child{border-right:none}
.book-bar .date-field .date{font-size:18px}
.book-bar .date-field .date i{padding:0 20px}
.ui-datepicker{width:calc(100% - 100px) !important; margin-left:50px !important; left:0 !important}}

@media only screen and (max-width:640px){
.book-bar .tag{display:none !important;}}

@media only screen and (max-width:480px){
.ui-datepicker{width:100% !important; margin-left:0 !important; margin-right:0 !important}}

@media only screen and (max-width:400px){
.ui-datepicker table{padding:20px 25px 30px}
.ui-datepicker td span, .ui-datepicker td a{padding:10px 0}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-size:15px}}

.section{position:relative}
.section:after, .section .center:after{content:''; clear:both; display:block}
.section .item{position:relative; overflow:hidden}
div[class^='col']{padding:0 25px; float:left; box-sizing:border-box}
.col-1{width:100%}
.col-2{width:50%}
.col-3{width:33.33%}
.col-4{width:25%}
.col-5{width:20%}
.col-6{width:16.66%}

@media only screen and (max-width:1024px){
.section:not(.stats):not(.services):not(.quote) div[class^='col'],footer div[class^='col']{width:100% !important}}

.heading{margin-bottom:80px; height:calc(100% - 80px); max-height:550px; min-height:400px; text-align:center; background:#777}
.heading .back{width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; opacity:.5}
.heading .item{width:100%; padding:0 30px; position:absolute; top:50%; left:0; -webkit-transform:translate(0,-46%); transform:translate(0,-46%); box-sizing:border-box}
.heading .label{margin-bottom:20px; padding:0 20px; font:12px/44px 'Work Sans'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; border:1px solid rgba(255,255,255,.4); display:inline-block}
.heading h1{margin:0; color:#FFF}

.no-booking .heading{height:100%; max-height:600px}

@media only screen and (max-width:1024px){
.heading{height:400px; min-height:0}}

@media only screen and (max-width:480px){
.heading{height:250px}}

.text{padding-bottom:45px}
.text .center{max-width:1350px; padding:0 25px}
.text.feature .center{max-width:900px; text-align:center}
.text.post .center{max-width:900px}
.text img{max-width:100%; height:auto; margin:auto; display:block}
blockquote{width:50%; margin:0 30px 30px -80px; font:300 30px/40px 'Work Sans'; color:#555; float:left}

@media only screen and (max-width:1024px){
.text .center{padding:0 20%}
.text div[class^='col']{padding:0}
blockquote{width:60%}}

@media only screen and (max-width:768px){
.text .center{padding:0 10%}
blockquote{width:100%; margin:0 0 30px; float:none}}

.panel{margin-bottom:80px; z-index:25}
.panel .item{width:100%; height:100%; background:#F5F5F5}
.panel .item .back{width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center; transition:1.5s ease; transition-property:opacity,transform}
main .panel .item{height:500px}

.panel .item .panel-button{width:100%; padding:0 50px; text-align:center; position:absolute; top:50%; left:0; z-index:1; box-sizing:border-box; -webkit-transform:translate(0,-50%); transform:translate(0,-50%)}
.panel .item .panel-button .button-container{display:inline-block; position:relative}
.panel .item .panel-button a{padding:15px 30px; font:300 22px/30px 'Work Sans'; color:#555; display:block; background:rgba(255,255,255,.85); box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); z-index:1; position:relative; transition:.3s ease}
.panel .item .panel-button span{margin-top:10px; padding:0 17px; font:300 12px/40px 'Work Sans'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; background:#7b9a5e; position:absolute; top:0; left:100%; white-space:nowrap; opacity:0; cursor:default; transition:.3s ease}
.panel .item .panel-button span i{margin-left:10px}

.panel .item.side .details{width:30%; height:100%; background:#F5F5F5; float:right; position:relative; z-index:1}
.panel .item.side .details p:last-child{margin:0}
.panel .item.side .float{width:100%; padding:0 15%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box}
.panel .item.side .back, .panel .item.side .panel-button{width:70%}
.panel .item.side:nth-child(even) .details{float:left}
.panel .item.side:nth-child(even) .back, .panel .item.side:nth-child(even) .panel-button{left:auto; right:0}
.panel .slider .item.side:nth-child(even) .details{float:right}
.panel .slider .item.side:nth-child(even) .back, .panel .slider .item.side:nth-child(even) .panel-button{left:0; right:auto}

.panel.hero{height:calc(100% - 80px); min-height:300px; max-height:500px; box-sizing:border-box}
.panel.hero .caroufredsel_wrapper, .panel.hero .slider{height:100% !important}
.panel.hero .item{height:100%; margin:0; float:left}
.panel.hero.full{max-height:1000px}
main .panel.hero{height:500px}

.panel .item.feature{background:#555}
.panel .item.feature .back{opacity:.12}
.panel .item.feature .screen{width:45%; height:50%; min-height:320px; position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 30px 0 rgba(0,0,0,.1); border-right:none; z-index:1; overflow:hidden}
.panel .item.feature .screen .back{width:100%; height:100%; background-size:cover; opacity:1 !important; transform:none !important}
.panel .item.feature .details{width:60%; max-width:850px; position:absolute; top:52%; padding:0 100px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-sizing:border-box; z-index:1}
.panel .item.feature .details .label{position:absolute; top:-47px}
.panel .item.feature h1, .panel .item.feature h2, .panel .item.feature h3, .panel .item.feature h4, .panel .item.feature h5{color:#FFF}
.panel .item.feature h2{font-weight:200; letter-spacing:.5px}
.panel .item.feature p{font:300 18px/30px 'Work Sans'; color:rgba(255,255,255,.5)}
.panel .item.feature .button{margin-top:49px}

.hover .panel .item .panel-button a:hover{padding:15px 40px; background:#FFF}
.hover .panel .item.over .back{transform:scale(1.04); opacity:.7}
.hover .panel .item.over .panel-button span{opacity:1}
.hover .panel.hero .item.over .back{transform:scale(1.03)}
.hover .panel .item.feature.over .back{opacity:.2}

.no-booking .panel.hero{height:100%}
.no-booking .panel.hero.full{max-height:1030px}

@media only screen and (max-height:800px){
.panel .item.feature .details{padding:0 100px 0 80px}
.panel .item.feature p{font:300 15px/28px 'Work Sans'}
.panel .item.feature .button{margin-top:11px}}

@media only screen and (max-width:1366px){
.panel .item.feature h1{font:200 60px/70px 'Work Sans'}}

@media only screen and (max-width:1024px){
.panel .panel-button span{display:none}
.panel.hero:not(.full){height:400px; min-height:0}
main .panel .item{height:auto !important;}
main .panel .item .back{width:100% !important; height:400px; position:relative; left:auto; right:auto}
main .panel .item .panel-button{width:100% !important; top:200px; left:auto; right:auto}
main .panel .item.side .details{width:100%; float:none !important}
main .panel .item.side .float{padding:60px 20%; position:relative; top:auto; left:auto; -webkit-transform:none; transform:none}
main .panel.hero{height:400px; min-height:0}
main .panel.hero .item.side .details{display:none}
.panel .item.feature .details{padding:0 100px 0 80px}
.panel .item.feature h1{font:200 37px/50px 'Work Sans'}
.panel .item.feature p{font:300 15px/28px 'Work Sans'}}

@media only screen and (max-width:768px){
main .panel .item.side .float{padding:60px 10%}
.panel .item.feature .screen{display:none}
.panel .item.feature .details{width:100%; padding:0 50px; text-align:center}
.panel .item.feature .button{margin-top:11px}}

@media only screen and (max-width:480px){
main .panel .item .back{height:250px}
main .panel .item .panel-button{top:125px}
.panel.hero:not(.full){height:250px}
.panel .item .panel-button a{padding:15px 30px !important; font:300 16px/22px 'Work Sans'}
.panel .item.feature .details{padding:0 20px; top:55%}
.panel .item.feature p:first-of-type{display:none}}

@media only screen and (max-width:320px){
.panel .item.feature h1{font:200 30px/40px 'Work Sans'}}

.carousel{max-width:1300px; margin-bottom:80px; margin-left:auto; margin-right:auto}
.carousel img{float:left}

.carousel.horizontal{height:calc(100% - 80px); max-height:550px; min-height:400px; max-width:none}
.carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper{height:100% !important}
.carousel.horizontal img{width:auto; height:100%}
main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper{height:500px !important}

.no-booking .carousel.horizontal{height:100%; max-height:600px}

@media only screen and (max-width:1366px){
.carousel{max-width:none}}

@media only screen and (max-width:1024px){
.carousel.horizontal,.carousel.horizontal .slider,.carousel.horizontal .caroufredsel_wrapper,main .carousel.horizontal .slider,main .carousel.horizontal .caroufredsel_wrapper{height:400px !important; min-height:0 !important}}

@media only screen and (max-width:480px){
.carousel.horizontal,.carousel.horizontal .slider,.carousel.horizontal .caroufredsel_wrapper,main .carousel.horizontal .slider,main .carousel.horizontal .caroufredsel_wrapper{height:250px !important}}

.gallery{margin-bottom:80px; overflow:hidden}
.gallery figure{box-sizing:border-box; position:relative}
.gallery figure a{width:100%; height:100%; position:absolute; overflow:hidden; background:#F5F5F5; transition:.2s ease}
.gallery figure img{width:100%; height:auto; display:block; transition-timing-function:ease}
.gallery figure .img:before{content:"\f489"; width:50px; height:50px; font-family:ionicons; text-align:center; line-height:50px; font-size:25px; color:#999; position:absolute; top:0; left:0; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; z-index:10; opacity:0; transition:.2s ease; box-sizing:border-box}
.gallery span{width:100%; padding:25px 18px 18px; font:bold 14px/18px 'Open Sans'; letter-spacing:.3px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:-20px; left:0; border-radius:0 4px 0 0; box-sizing:border-box; background:-webkit-gradient( linear,left bottom,left top,from(rgba(0,0,0,0.6)),to(rgba(0,0,0,0)) ); background:-moz-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0) ); background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0) ); opacity:0; z-index:10; transition:.2s ease-out}

.hover .gallery figure a:hover .img:before{opacity:1}

.featherlight{background:transparent; cursor:pointer; display:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; white-space:nowrap; z-index:2147483647}
.featherlight *{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
.featherlight:last-of-type{background:rgba(200,200,200,.9)}
.featherlight:before{content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle}
.featherlight .featherlight-content{border:0; cursor:auto; display:inline-block; max-height:80%; max-width:90%; min-width:inherit; overflow:visible; padding:0; position:relative; text-align:left; vertical-align:middle; white-space:normal}
.featherlight-content .featherlight-image{transform:scale(.95); transition:.3s ease}
.featherlight-content.pop .featherlight-image{transform:scale(1)}
@media screen and (min-width:980px) {
.featherlight .featherlight-content{max-height:90%}
}
.featherlight .featherlight-inner{display:block}
.featherlight .featherlight-close-icon{cursor:pointer; display:block; position:fixed; top:25px; right:25px; text-align:center; white-space:nowrap; height:50px; width:50px; z-index:9999; text-indent:100%}
.featherlight .featherlight-close-icon:before{content:'\f404'; font-family:ionicons; font-size:40px; line-height:20px; color:#FFF; text-indent:0; position:absolute; top:0; right:0}
.featherlight .featherlight-image{max-width:100%}
.featherlight iframe{border:0}
[data-featherlight]{cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in}
.featherlight-iframe .featherlight-content{border-bottom:0; padding:0}
.featherlight-content .caption{color:#fff; font-size:16px; font-weight:lighter; max-width:100%; overflow:hidden; position:absolute; text-align:left; text-overflow:ellipsis; white-space:nowrap}
.featherlight-content .caption:hover, .featherlight-content .caption:focus{overflow:visible; white-space:normal}
@-webkit-keyframes featherlightLoader {
0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}
@keyframes featherlightLoader {
0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}
.featherlight-loading .featherlight-content{-webkit-animation:featherlightLoader 1s infinite linear; animation:featherlightLoader 1s infinite linear; background:transparent; border:8px solid #909090; border-left-color:#fff; font-size:10px}
.featherlight-loading .featherlight-content, .featherlight-loading .featherlight-content:after{-webkit-border-radius:50%; border-radius:50%; height:10em; width:10em}
.featherlight-loading .featherlight-close, .featherlight-loading .featherlight-inner{display:none}
.featherlight-next, .featherlight-previous{background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; cursor:pointer; display:block; height:80px; margin-top:-30px; position:fixed; top:50%; text-indent:100%; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; white-space:nowrap; width:50px; transition:.3s ease; background:#FFF}
.featherlight-next span, .featherlight-previous span{display:none}
.featherlight-next:hover, .featherlight-next:focus, .featherlight-previous:hover, .featherlight-previous:focus{background:#EEE}
.featherlight-next{right:0}
.featherlight-next:before{content:'\f3d3'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; right:20px}
.featherlight-previous{left:0}
.featherlight-previous:before{content:'\f3d2'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; left:20px}
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next{display:none}
.boxes .center{max-width:1400px; padding:0 25px; text-align:center}
.boxes .item{margin-bottom:50px}
.boxes .item .thumb{width:100%; height:250px; margin-bottom:30px; position:relative; overflow:hidden}
.boxes .item .back{width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity,transform}
.boxes .item .details{position:relative}
.boxes .item .date{width:60px; height:60px; padding-top:10px; margin-left:-30px; text-align:center; position:absolute; top:-55px; left:50%; background:#FFF; border-radius:100%; box-sizing:border-box; opacity:0; transition:.3s ease}
.boxes .item .date .day{font:22px/22px 'Work Sans'; color:#555; display:block}
.boxes .item .date .month{font:300 12px/17px 'Work Sans'; color:#888; text-transform:uppercase; display:block}

.hover .boxes .item.over .back, .hover .boxes .item .thumb:hover .back{transform:scale(1.06); opacity:.7}
.hover .boxes .item.over .button{padding:0 25px}
.hover .boxes .item.over .date{top:-60px; opacity:1}

@media only screen and (max-width:1024px){
.boxes .center{padding:0}
.boxes .item{max-width:650px; margin:0 auto 50px; padding:0 50px}
.boxes .item .thumb{height:350px}
.boxes .item .details{padding:0 10%}
.boxes div[class^='col']{padding:0}
.boxes .item .date{top:-60px; opacity:1}}

@media only screen and (max-width:480px){
.boxes .item{padding:0 30px}
.boxes .item .thumb{height:240px}
.boxes .item .details{padding:0}}

@media only screen and (max-width:320px){
.boxes .item .thumb{height:180px}}

.timeline .label{margin:auto; display:table}
.timeline >.button{margin:auto; display:table}
.timeline .center{max-width:1300px; padding:0 50px}
.timeline .center:before{content:""; width:1px; height:100%; position:absolute; top:0; left:50%; background:#EEE}
.timeline .item:before{content:"\f3d2"; font-size:20px; line-height:40px; color:#7b9a5e; text-align:center; font-family:ionicons; width:40px; height:40px; margin-left:-20px; border:1px solid #7b9a5e; background:#FFF; position:absolute; top:95px; left:50%; box-sizing:border-box; border-radius:100%}
.timeline .item:after{content:""; clear:both; display:block}
.timeline .item .details{width:50%; padding:60px 80px 0 0; text-align:right; float:left; box-sizing:border-box}
.timeline .item .details h2{margin:0 -80px 30px 0; padding:0 80px 5px 10px; border-bottom:1px dashed #7b9a5e; display:inline-block}
.timeline .item .thumb{width:50%; margin-bottom:30px; padding:70px 0 0 80px; float:right; box-sizing:border-box}
.timeline .item .thumb a{display:block; position:relative; overflow:hidden; background:#F5F5F5}
.timeline .item .thumb .back{width:100%; height:100%; transition:1.5s ease; transition-property:opacity,transform}
.timeline .item .thumb img{width:100%; height:auto; display:block}
.timeline .item:nth-child(even):before{content:"\f3d3"; text-indent:3px}
.timeline .item:nth-child(even) .details{padding:60px 0 0 80px; text-align:left; float:right}
.timeline .item:nth-child(even) .details h2{margin:0 0 30px -80px; padding:0 10px 5px 80px}
.timeline .item:nth-child(even) .thumb{padding:70px 80px 0 0; float:left}
.timeline .item:first-of-type:before{top:115px}
.timeline .item:first-of-type .details{padding-top:80px}
.timeline .item:first-of-type .thumb{padding-top:95px !important}
.timeline .item:last-of-type .details, .timeline .item:last-of-type .thumb{padding-bottom:60px}

.hover .timeline .item.over .back{transform:scale(1.06); opacity:.7}
.hover .timeline .item.over .button{padding:0 25px}

@media only screen and (max-width:1024px){
.timeline .item{max-width:650px; margin:auto}
.timeline .item:before{display:none}
.timeline .item .details{width:100%; margin:0 0 80px; padding:30px 0 0 !important; text-align:center !important; float:none; background:#FFF}
.timeline .item .details h2{margin:0 0 30px !important; padding:0 0 5px 0 !important}
.timeline .item .details p:last-child{margin-bottom:0 !important}
.timeline .item .thumb{width:100%; margin:0 !important; padding:0 !important; float:none}}

@media only screen and (max-width:480px){
.timeline .center{padding:0}
.timeline .item .details{padding:30px 30px 0 !important}
.timeline .item .thumb{padding:0 30px !important}}

.stats{margin-bottom:80px}
.stats .center{max-width:1300px; padding:45px 50px 50px; text-align:center; background:#555; box-sizing:border-box}
.stats h3{margin-bottom:50px; color:#FFF; font-weight:200; letter-spacing:.5px}
.stats .number{font:200 80px/80px 'Work Sans'; color:#FFF; letter-spacing:.5px}
.stats p{margin:0; color:#999}
.stats div[class^='col']{padding-top:50px; position:relative}
.stats div[class^='col']:before{content:""; width:100%; border-top:1px dashed #7b9a5e; position:absolute; top:0; left:0; opacity:.5}
.stats div[class^='col']:after{content:""; width:10px; height:10px; margin-left:-7px; background:#555; border:2px solid #7b9a5e; border-radius:100%; position:absolute; top:-7px; left:50%}
.stats div[class^='col']:first-of-type:before{width:50%; left:auto; right:0}
.stats div[class^='col']:last-of-type:before{width:50%}

#mdalcont {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 60%);
	z-index: 9999999;
	top: 0;
	left: 0;
	display: none;
}

#mdalcont.acik {
	display: flex;
	opacity: 0;
}

.dvlpdby.ttipe {
	text-transform: none !important;
}

#mdalcont div {
	width: 600px;
	max-width: 90%;
	margin: auto;
	max-height: 100%;
	max-height: calc(100% - 40px);
	overflow: hidden;
	overflow-y: auto;
	padding: 20px 0;
	position: relative;
}

#mdalcont div div {
	background-color: #fff;
	padding: 15px;
	width: 100%;
	width: calc(100% - 30px);
	margin: 0;
	max-width: unset;
}

#mdalcont div div img {
	width: 100%;
}

#mdalcont h3 {
	text-align: center;
	padding: 0 20px;
	margin-bottom: 15px;
}

#mdalcont p {
	text-align: center;
	margin: 0;
}

#mdalcont a {
	margin: 0;
	clear: both;
}

#mdalcont .linki {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 15px 0;
}

#mdalcont i {
	cursor: pointer;
	font-size: 24px;
	color: #fff;
	position: absolute;
	top: -4px;
	right: 0px;
}

@media only screen and (max-width:1366px){
.stats .center{max-width:none}}

@media only screen and (max-width:1024px){
.stats .center{padding-bottom:0}
.stats div[class^='col']{margin-bottom:50px; padding-top:20px}
.stats div[class^='col']:before{width:100% !important}}

@media only screen and (max-width:768px){
.stats div[class^='col']{width:100% !important}
	#mdalcont h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width:480px){
.stats .center{padding-left:30px; padding-right:30px}
.stats .number{font:200 60px/70px 'Work Sans'}}

.features{margin-bottom:80px}
.features .center{max-width:1300px; padding:0 50px}
.features .item{width:100%; margin-bottom:2px; padding:50px 25px 20px; background:#F5F5F5; box-sizing:border-box; overflow:visible}
.features .item:last-child{margin:0}
.features .item .thumb{width:165px; height:165px; margin:0 50px 30px 0; float:left; position:relative; overflow:hidden}
.features .item .back{width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity,transform}
.features h1, .features h2, .features h3, .features h4, .features h5{margin:0}
.features:after, .features .item:after{content:""; display:block; clear:both}

.hover .features .item.over .back{transform:scale(1.08); opacity:.7}
.hover .features .item.over .button{padding:0 25px}

@media only screen and (max-width:480px){
.features .center{padding:0}
div[class^='col']{padding:0}
.features .item{padding:50px 30px 20px}
.features .item .thumb{width:100%; height:165px; margin:0 0 30px}}

.usp{padding-bottom:45px}
.usp .center{max-width:1350px; padding:0 25px}
.usp .item{text-align:center}
.usp .item i{margin-bottom:10px; display:block; font-size:50px; color:#7b9a5e}
.usp .item h4{margin-bottom:0}

@media only screen and (max-width:1024px){
.usp .center{padding:0 20%}
.usp .item{max-width:600px; margin:0 auto 20px}
.usp div[class^='col']{padding:0}
.usp div[class^='col']:last-child .item{margin-bottom:0}}

@media only screen and (max-width:768px){
.usp .center{padding:0 10%}}

.services{margin-bottom:80px}
.services .center{width:100%; max-width:1400px; padding:0 50px; text-align:center; display:table; box-sizing:border-box}
.services div[class^='col']{padding:0; background:#F5F5F5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-top:5px solid #E5E5E5; float:none; display:table-cell; transition:.2s ease; position:relative}
.services .item{padding:45px 0 50px}
.services .item *{cursor:default}
.services .item i{margin-bottom:0; display:inline-block; font-size:50px; color:#7b9a5e}
.services .item h5{margin:0}
.services .details{width:calc(100%+2px); padding:18px 10px; font:300 13px/24px 'Work Sans'; color:#FFF; letter-spacing:.5px; position:absolute; bottom:85%; left:-1px; opacity:0; background:#7b9a5e; box-sizing:border-box; transition:.2s ease; z-index:1; cursor:default}
.services .details:after{top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#7b9a5e; border-width:15px; margin-left:-15px}

.services div[class^='col'].over{background:#EEE}
.services div[class^='col'].over .details{bottom:90%; opacity:1}

@media only screen and (max-width:1024px){
.services .center{padding:0}
.services .col-2{width:50% !important}
.services .col-3{width:33.33% !important}
.services .col-4{width:25% !important}
.services .col-5{width:20% !important}
.services .col-6{width:33.33% !important; float:left !important}
.services div[class^='col']{border-top:none}
.services .center{border-top:5px solid #E5E5E5}}

@media only screen and (max-width:640px){
.services div[class^='col']{width:50% !important; float:left !important}}

@media only screen and (max-width:480px){
.services div[class^='col']{width:100% !important; border:none}
.services .center{padding:0 30px; border:none}
.services .details{width:100%; position:relative; opacity:1; border:0; left:0}
.services .details:after{top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:#7b9a5e}}

.testimonials{margin-bottom:80px; padding:60px; background:#F5F5F5}
.testimonials .center{max-width:none}
.testimonials:after{content:""; clear:both; display:block}
.testimonials .item{width:33.33%; box-sizing:border-box; border-width:20px 20px 25px; border-style:solid; border-color:transparent; position:relative; float:left; overflow:visible}
.testimonials .item .testimonial{padding:45px 50px 20px; background:#FFF; position:relative; box-shadow:0 12px 0 -5px #EEE,0 12px 1px -4px rgba(0,0,0,0.07); z-index:2}
.testimonials .item i{font-size:30px; color:#7b9a5e; position:absolute; top:40px; left:-3px}
.testimonials .item:before, .testimonials .item:after{position:absolute; width:40%; height:10px; content:""; left:12px; bottom:2px; background:transparent; transform:skew(-5deg) rotate(-5deg); box-shadow:0 6px 12px rgba(0,0,0,.1); z-index:1}
.testimonials .item:after{left:auto; right:12px; transform:skew(5deg) rotate(5deg)}

@media only screen and (max-width:1366px){
.testimonials .item{width:50%}}
@media only screen and (max-width:768px){
.testimonials .item{width:100%}}
@media only screen and (max-width:640px){
.testimonials{padding:60px 10px}
.testimonials .item .testimonial{padding:35px 30px 10px}}

.quote{padding-bottom:50px}
.quote .center{max-width:900px; padding:0 25px; text-align:center}
.quote .thumb{width:80px; height:80px; margin:0 auto 30px; border-radius:100%; overflow:hidden}
.quote .thumb img{width:100%; height:100%}
.quote p{margin-left:auto; margin-right:auto; padding:0 80px; display:inline-block; position:relative; color:#555}
.quote p:before{content:""; width:100%; height:1px; background:#EEE; position:absolute; top:15px; left:0}
.quote p span{padding:0 7px; background:#FFF; position:relative}

@media only screen and (max-width:480px){
.quote .center{padding:0 30px}
.quote p{padding:0}
.quote p:before{display:none}
.quote p span{padding:0; background:none}}

.accordion{margin-bottom:80px}
.accordion .center{max-width:1300px; padding:0 50px}
.accordion li{margin-bottom:2px; position:relative}
.accordion li .answer{width:100%; padding:35px 0 1px; display:none; box-sizing:border-box}
.accordion li .answer:after{content:""; display:block; clear:both}
.accordion li .question{margin:0; padding:15px 30px; text-align:center; display:block; cursor:pointer; background:#F5F5F5; transition:.2s ease}
.accordion li .question h4{margin:0}
.accordion li .question:after{content:"\f489"; font-size:25px; font-family:ionicons; color:#999; position:absolute; top:18px; right:20px}
.accordion li.reveal .question:after{content:"\f462"}

.hover .accordion li .question:hover{background:#EEE}

@media only screen and (max-width:480px){
.accordion .center{margin-left:30px; margin-right:30px; padding:0}}

.menu{margin-bottom:80px; padding:0 80px 1px; 

background:#ffffff; 
background:-moz-linear-gradient(top, #ffffff 50%,#f5f5f5 100%); 
background:-webkit-linear-gradient(top, #ffffff 50%,#f5f5f5 100%); 
background:linear-gradient(to bottom, #ffffff 50%,#f5f5f5 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0 )}
.menu .center{max-width:900px; margin-bottom:80px; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 5px 15px rgba(0,0,0,.06); box-sizing:border-box; background:#FFF}

.menu .item{padding:80px; overflow:visible; background:#FFF; position:relative; z-index:2}
.menu .title{padding-bottom:50px; text-align:center; border-bottom:5px solid #EEE; position:relative}
.menu .title:after{top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#EEE; border-width:15px; margin:5px 0 0 -15px}
.menu .title h2{margin:0}
.menu ul{margin:0}
.menu li{padding:30px 100px 30px 0; border-bottom:1px dashed #E5E5E5; position:relative}
.menu li h4{margin:0}
.menu li .tag{height:22px; margin-left:2px; padding:0 7px; font-size:11px; line-height:22px; text-align:center; color:#999; background:#EEE; border-radius:100px; display:inline-block; position:relative; top:-1px; cursor:default; text-transform:uppercase}
.menu li p{margin:0}
.menu li .price{font:300 22px/30px 'Work Sans'; text-align:right; color:#555; position:absolute; top:30px; right:0}
.menu li .price span{font:11px/20px 'Work Sans'; color:#CCC; letter-spacing:.5px; text-transform:uppercase}
.menu .button{margin:0 auto 80px; display:table}

@media only screen and (max-width:1024px){
.menu{padding:0 0 1px; background:#F5F5F5}
.menu .center{max-width:none}}

@media only screen and (max-width:768px){
.menu .item{padding:50px}
.menu .title{padding-bottom:20px}}

@media only screen and (max-width:480px){
.menu .center{box-shadow:none}
.menu .item{padding:0 30px}
.menu .title{padding:0}}

.form{margin-bottom:80px; padding:110px 0 80px; text-align:center; position:relative; background:#555}
.form:before{content:""; position:absolute; top:0; left:50%; margin-left:-30px; display:block; border:15px solid #7b9a5e; border-top-width:30px; border-bottom-color:transparent; border-left-width:30px; border-right-width:30px; z-index:1}
.form .center{max-width:1000px; padding:0 55px}
.form h1, .form h2, .form h3, .form h4{color:#FFF}
.form h5, .form p{max-width:500px; margin-left:auto; margin-right:auto; color:#AAA}
.form form{margin-top:50px}
.form .field{width:100%; max-width:600px; margin:0 auto 12px; background:#606060; position:relative}
.form .field input, .form .field select, .form .field textarea{width:100%; padding:17px 15px; font:300 15px 'Work Sans'; color:#FFF; letter-spacing:.2px; box-sizing:border-box; border:none; display:block; background:none; position:relative; z-index:2}
.form .field select, .form .field option{color:#FFF !important; background:#606060 !important}
.form .field textarea{height:116px}
.form .field.calendar, .form .field.calendar input{cursor:pointer}
.form .field.calendar input{padding-left:43px; font-weight:500; color:#FFF}
.form .field .tag{padding:0 15px; position:absolute; top:0; left:14px}
.form .field .tag i{font-size:17px; top:17px; color:#909090 !important}
.form .field select{-moz-appearance:window; -webkit-appearance:none}
.form .field select option{color:#555}
.form .field i{font-size:22px; color:#909090; position:absolute; top:14px; right:15px; z-index:1; transition:.2s ease}
.form .button{margin-top:40px}
.form .honeypot{display:none}
p.alert{width:100%; margin:0; padding:20px 30px; color:rgba(0,0,0,.5); font-weight:500; letter-spacing:0; text-align:center; box-sizing:border-box}
p.alert i{font-size:30px; float:left}
p.alert.success{background:#5ADB98}
p.alert.error{background:#F96B6C}
p.alert.validate{background:#8EDBE5}

.hover .form .field.calendar:hover i{color:#7b9a5e}
.hover .form .field:hover .tag{opacity:1}

@media only screen and (max-width:768px){
p.alert i{float:none; display:block; margin-bottom:7px}}

@media only screen and (max-width:480px){
.form div[class^='col']{padding:0 !important}
.form .center{padding:0 30px}}

.comments .center{max-width:800px; margin-bottom:80px; padding:40px 50px; background:#F5F5F5}
.comments h3{text-align:center}
.comments h3 i{position:relative; top:-5px}
.comments ol{padding:15px 0 0}
.comments li{margin-bottom:2px; position:relative; overflow:hidden}
.comments li:last-child{margin-bottom:0}
.comments li:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.15}
.comments li *{position:relative}
.comments ol.children{margin:0; padding:0 0 30px 20px; overflow:visible}
.comments ol.children li{margin-bottom:2px; overflow:visible}
.comments ol.children li:before{display:none}
.comments li.parent li{margin-bottom:0; padding:30px 0 0 35px}
.comments li .comment-container{margin-bottom:20px; padding:20px 25px 5px; font:13px/22px 'Work Sans'; background:#FFF; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; position:relative}
.comments li .comment-container p{margin-bottom:15px}
.comments li .comment-container:after{content:""; border-style:solid; border-width:0 16px 16px 0; border-color:transparent #FFF transparent transparent; position:absolute; bottom:-16px; left:20px; box-shadow:1px 0 0 #E5E5E5}
.comments li .comment-author{font:500 16px/20px 'Work Sans',georgia}
.comments li .comment-author span{font:11px/16px 'Work Sans'; color:#999}
.comments li .comment-reply-link{font:14px/18px 'Work Sans'; float:right; z-index:3; border:none !important}

.hover .comments li .comment-reply-link:hover{color:#555}

@media only screen and (max-width:480px){
.comments .center{padding:40px 30px}
.comments ol.children{padding-left:0}
.comments li .comment-container{padding:15px 18px 1px}}

.subscribe{margin-bottom:80px; padding:70px 0 80px; text-align:center; background:#555}
.subscribe .center{margin:auto; padding:0 30px}
.subscribe h3{width:100%; text-align:center; color:#FFF; font-weight:200; display:block}
.subscribe h3 strong{font-weight:300}
.subscribe form{margin:0 auto 80px; text-align:center; display:table}
.subscribe form input{width:200px; padding:0 15px; font:300 15px/54px 'Work Sans'; color:#555; letter-spacing:.2px; border:none; border-right:2px solid #555; float:left; transition:.3s ease}
.subscribe form .button{padding-right:55px; font-size:16px; line-height:54px}
.subscribe form .button i{margin-left:15px; font-size:25px; float:right; position:absolute; top:1px; right:20px; transition:.3s ease}
.subscribe form .button::-moz-focus-inner{border:0}

.hover .subscribe form input:hover{padding:0 20px}
.hover .subscribe form .button:hover{padding:0 60px 0 25px}
.hover .subscribe form .button:hover i{right:25px}

@media only screen and (max-width:768px){
.subscribe form input{width:100%; margin:0 0 10px; padding:0 15px !important; display:block; border:none; box-sizing:border-box}
.subscribe form .button{width:100%; display:block; padding:0 20px !important}
.subscribe form button i{right:20px !important}}

.map{height:500px; margin-bottom:80px}
#map{width:100%; height:100%}

@media only screen and (max-width:1024px){
.map{height:400px}}
@media only screen and (max-width:480px){
.map{height:250px}}

.social{margin-bottom:80px; text-align:center}
.social a{min-width:52px; margin:0 7px; padding:0 18px; font-size:18px; line-height:50px; color:#7b9a5e; display:inline-block; border:1px solid #7b9a5e; box-sizing:border-box}
.social a span{margin-left:10px; font:300 15px/20px 'Work Sans'}
.subscribe .social{margin:0}
.hover .social a:hover{color:#FFF; background:#7b9a5e}

@media only screen and (max-width:480px){
.social a{padding:0 15px}
.social a span{margin-left:5px}
}

.pagination{margin-bottom:80px}
.pagination ul{margin:auto; display:table}
.pagination li{margin-right:2px; font:15px/50px 'Work Sans'; color:#555; float:left; background:#F5F5F5}
.pagination li:last-child{margin:0; border:none}
.pagination li a{padding:0 20px; color:#BBB; display:block; border:none !important}
.pagination li span{padding:0 20px; display:block; background:#EEE}
.hover .pagination li a:hover{color:#555; background:#EEE}

footer{width:100%; text-align:center; background-size:cover; background-position:top center; position:relative}
footer div[class^='col']{margin:auto; float:none}
footer i{margin-bottom:10px; font-size:50px; color:#7b9a5e; display:block}
footer h4{margin-bottom:0; color:#555}
footer .stars{margin-bottom:15px}
.stars{margin:auto; display:table}
.stars i{margin:0 2px; font-size:15px; color:#DDD; float:left}
.footer-nav{width:100%; margin-top:80px; background:#F5F5F5; position:relative}
.footer-links{margin:auto; display:table}
.footer-links li{font:300 12px/80px 'Work Sans'; color:#888; letter-spacing:1px; text-transform:uppercase; float:left}
.footer-links li a{padding:0 13px; color:#888; display:block}
.footer-links li:first-child{padding-right:13px}
.hover .footer-links li a:hover{color:#CCC}

#language{margin:0; max-height:44px; text-align:left; position:absolute; bottom:18px; right:50px; transition:.3s ease; overflow:hidden}
#language li{border-bottom:1px solid #D9D9D9}
#language li a{padding:0 15px; font:13px/44px 'Work Sans',sans-serif; color:#555; background:#E9E9E9; display:block; white-space:nowrap}
#language li:first-child a{background:#E9E9E9 !important; cursor:default}
#language li:last-child{border:none}
#language.active{max-height:180px !important}
#language.active li:first-child a{opacity:.7}

.flag-icon{width:16px; height:12px; margin-right:5px; background-size:contain; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; position:relative; top:1px}
.flag-icon-gb{background-image:url(system/flags/gb.svg)}
.flag-icon-it{background-image:url(system/flags/it.svg)}
.flag-icon-de{background-image:url(system/flags/de.svg)}
.flag-icon-fr{background-image:url(system/flags/fr.svg)}

.hover #language li a:hover{background:#E2E2E2}

@media only screen and (max-width:768px){
.footer-links li.hide{display:none}
#language li a{font-size:0}
.flag-icon{margin:0; top:5px}}

@media only screen and (max-width:480px){
.footer-links{height:80px; margin:0 0 0 10px; display:block}
.footer-links li a{padding:0 10px}
#language{right:20px}}

a{transition:.2s ease}

.bulletpointlerpanel {
	background-color: #f5f5f5;
	margin-bottom: 0;
}

.bulletpointler {
	margin-bottom: 30px;
}

.bulletpointler:last-of-type {
	margin-bottom: 0;
	padding-bottom: 30px;
}

.bulletpointler li {
	list-style-type: disc;
	margin-left: 25px;
}

.ortala {
	text-align: center; 
}

.mb25 {
	margin-bottom: 25px;
    padding-top: 40px !important;
    border-top: 1px solid rgba(123, 154, 94, 0.15);
    display: block !important;
}

.boxes .item .back {
	background-position: center;
}

@media only screen and (min-width: 1025px) {
.boxes .col-1 .item .thumb {
	height: 450px;
}

.boxes .col-2 .item .thumb {
	height: 350px;
}
}

.bx-wrapper {
	border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.bx-wrapper .bx-next {
	right: -25px !important;
}

.bx-wrapper .bx-prev {
	left: -25px !important;
}

.magngal {
	display: none;
}

.ttipe:hover .fa-spin-hover {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  transition: color 0.6s, font-size 0.6s !important;
  font-size: 14px;
}

#devby {
	color: #fff;
    font-size: 11px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.ttipe {
	font: 300 12px/22px 'Work Sans' !important;
	padding: 28px 0;
	text-transform: capitalize !important;
	opacity: 0.4;
}

.ttipe:hover {
	opacity: 1;
}

#devby i {
	transition: color 0.2s, font-size 0.2s;
	font-size: 14px;
	margin-bottom: -4px;
    display: table-caption;
}
#language {
    max-height: 27px;
}
#language li:first-child a {
    opacity: 0.7;
    font-size: 12px;
    font: 12px/27px 'Work Sans',sans-serif;
}
@media only screen and (max-width: 768px) {
#language {
    right: 2%;
    width: 96%;
    left: 2%;
    position: relative;
    max-height: 27px;
}
#language li a {
	font-size: 16px;
}
#language li:first-child a {
	background: #ffffff !important;
	cursor: pointer;
	text-align: center;
    opacity: 0.7;
    font-size: 12px;
    font: 12px/27px 'Work Sans',sans-serif;
}
}