@charset "UTF-8";
    /*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root{
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-white:#fff;
    --bs-gray:#6c757d;
    --bs-gray-dark:#343a40;
    --bs-gray-100:#f8f9fa;
    --bs-gray-200:#e9ecef;
    --bs-gray-300:#dee2e6;
    --bs-gray-400:#ced4da;
    --bs-gray-500:#adb5bd;
    --bs-gray-600:#6c757d;
    --bs-gray-700:#495057;
    --bs-gray-800:#343a40;
    --bs-gray-900:#212529;
    --bs-primary:#0d6efd;
    --bs-secondary:#6c757d;
    --bs-success:#198754;
    --bs-info:#0dcaf0;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#212529;
    --bs-primary-rgb:13,110,253;
    --bs-secondary-rgb:108,117,125;
    --bs-success-rgb:25,135,84;
    --bs-info-rgb:13,202,240;
    --bs-warning-rgb:255,193,7;
    --bs-danger-rgb:220,53,69;
    --bs-light-rgb:248,249,250;
    --bs-dark-rgb:33,37,41;
    --bs-white-rgb:255,255,255;
    --bs-black-rgb:0,0,0;
    --bs-body-color-rgb:33,37,41;
    --bs-body-bg-rgb:255,255,255;
    --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family:var(--bs-font-sans-serif);
    --bs-body-font-size:1rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
    --bs-body-color:#212529;
    --bs-body-bg:#fff}
*,::after,::before{
    box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
    :root{
    scroll-behavior:smooth}
}
body{
    margin:0;
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent}

#preloader{
  position:fixed; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:#fff;
  z-index:99999;
}
body.loading { overflow:hidden; }

.container,.container-md,.container-sm{
    width:100%;
    padding-right:var(--bs-gutter-x,.75rem);
    padding-left:var(--bs-gutter-x,.75rem);
    margin-right:auto;
    margin-left:auto}
@media (min-width:576px){
    .container,.container-sm{
    max-width:540px}
}
@media (min-width:768px){
    .container,.container-md,.container-sm{
    max-width:720px}
}
@media (min-width:768px){
    .container,.container-md,.container-sm{
    max-width:960px}
}
@media (min-width:1200px){
    .container,.container-md,.container-sm{
    max-width:1140px}
}
@media (min-width:1400px){
    .container,.container-md,.container-sm{
    max-width:1320px}
}
.row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)}
.col-12{
    flex:0 0 auto;
    width:100%}
.g-0{
    --bs-gutter-x:0}
.g-0{
    --bs-gutter-y:0}

@media (min-width:1024px){
.col-md-4{
    flex:0 0 auto;
    width:33.32333333%}
}
.whatsappp {z-index: 99; position: fixed; top: 4px; right: 4px;}

.clearfix::after{
    display:block;
    clear:both;
    content:""}
.d-none{
    display:none!important}
.justify-content-between{
    justify-content:space-between!important}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important}
.py-4{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important}
.pt-4{
    padding-top:1.5rem!important}

.visually-hidden,
.visually-hidden:hover,
.visually-hidden:focus,
.visually-hidden:active {
display: none !important;
}

.sliderrr {background-color: #a6a6a6; padding: 5px 5px 0px 5px;}

.text-dark{
    --bs-text-opacity:1;
    color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.bg-light{
    --bs-bg-opacity:1;
    background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
.side-header .primary-menu ul>li.sub-menu>a:after,[class*=" icon-"],[class*=" icon-line-"],[class*=" icon-line2-"],[class^=icon-],[class^=icon-line-],[class^=icon-line2-]{
    display:inline-block;
    font-family:font-icons;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:inherit;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale}
    
@font-face {
	font-family: "font-icons";
  src: url("fonts/font-icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: "lined-icons";
  src: url("fonts/lined-icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: "Simple-Line-Icons";
  src: url("fonts/Simple-Line-Icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
    
[class*=" icon-line-"],[class^=icon-line-]{
    font-family:lined-icons}

.icon-caret-right:before{
    content:"\e978"}
.icon-line-stack-2:before{
    content:"\ea1a"}
.icon-line-ellipsis:before{
    content:"\e9a4"}
.icon-line-play:before{
    content:"\e9ba"}
.icon-line-plus:before{
    content:"\e9bc"}
.icon-reorder:before {
	content: "\e76d";}
*/:root{
    --animate-duration:1s;
    --animate-delay:1s;
    --animate-repeat:1}
    
.side-header #header.dark,.side-header.dark #header{
    background-color:#333;
    border-right-color:rgba(255,255,255,.15)}
.side-header.side-header-right #header.dark,.side-header.side-header-right.dark #header{
    border-left-color:rgba(255,255,255,.15)}
.overlay-menu .dark .primary-menu,.overlay-menu .primary-menu.dark,.overlay-menu.dark .primary-menu{
    background-color:rgba(0,0,0,.85)}
.overlay-menu .dark .sub-menu-container,.overlay-menu.dark .sub-menu-container{
    background-color:transparent}


.dark .portfolio-desc h3 a{
    color:#f7f7f7}
.dark .portfolio-desc span,.dark .portfolio-desc span a{
    color:#bbb}
.dark .portfolio-desc span a:hover{
    color:#eee}

#footer.dark,.dark #footer{
    color:rgba(255,255,255,.75);
    background-color:#282828;
    border-top-color:rgba(255,255,255,.15)}

li,ul{
    margin:0;
    padding:0}
.clear{
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    width:100%;
    overflow:hidden}
::selection{
    background:#ff5e15;
    color:#fff;
    text-shadow:none}
::-moz-selection{
    background:#ff5e15;
    color:#fff;
    text-shadow:none}
::-webkit-selection{
    background:#ff5e15;
    color:#fff;
    text-shadow:none}
:active,:focus{
    outline:0!important}
body{
    line-height:1.5;
    color:#555;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
a{
    text-decoration:none!important;
    color:#ff5e15}
a:hover{
    color:#222}
a img{
    border:none}
img{
    max-width:100%}
lgh,
lighterr {
  font-weight: lighter;
}

h1,h2,h3,.h1,.h2,.h3{
    color:#444;
    margin:5px 0 5px 0;
    padding:0;
    font-weight:600;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
h1{
    font-size:24px}
h2{
    font-size:30px}
h3{
    font-size:1.5rem}
span{
    display:block;
    font-size:14px}
span2{
    display:block;}

@media (min-width:768px){
h1{
    font-size:1.75rem}
h2{
    font-size:1.5rem}
h3{
    font-size:1.10rem;}
    
span{
    font-size:0.95rem;
    display:block}
span2{
    font-size:0.95rem;
    display:block}
}

@media (min-width:1024px){
h1{
    font-size:2.00rem}
h2{
    font-size:1.5rem}
h3{
    font-size:0.9rem}
    
span{
    font-size:1.05rem;
    display:block}
span2{
    display:none}
}

@media (min-width:1440px){
h1{
    font-size:2.50rem}
h2{
    font-size:1.5rem}
h3{
    font-size:0.85rem}
    
span{
    font-size:1.2rem;
    display:block}
span2{
    font-size:0.80rem;
    display:block}
}

@media (min-width:1600px){
h1{
    font-size:3.00rem}
h2{
    font-size:1.5rem}
h3{
    font-size:0.95rem}
    
span{
    font-size:1.3rem;
    display:block}
}

@media (min-width:1920px){
h1{
    font-size:3.50rem}
h2{
    font-size:1.5rem}
h3{
    font-size:1.15rem}
    
span{
    font-size:1.00rem;
    display:block}
span2{
    font-size:1.00rem;
    display:block}
}

.hcolor {color:#eee !important; margin:0 !important;}

#wrapper{
    position:relative;
    float:none;
    width:100%;
    margin:0 auto;
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1)}
@media (min-width:1200px){
    body:not(.stretched) #wrapper{
    max-width:1200px}
}
@media (min-width:1440px){
    body:not(.stretched) #wrapper{
    max-width:1440px}
}

.center{
    text-align:center!important}



.lazy{
    opacity:0}
.lazy:not(.initial){
    transition:opacity 1s}
.lazy.initial{
    opacity:1}
img.lazy{
    max-width:100%;
    height:auto}
img.lazy:not([src]){
    visibility:hidden}
.section{
    position:relative;
    width:100%;
    margin:60px 0;
    padding:60px 0;
    background-color:#f9f9f9;
    overflow:hidden}
.section .container{
    z-index:2}
.section .container+.video-wrap{
    z-index:1}
.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider.h-100 .flexslider,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
	height: 100% !important;
}

.fslider {
	min-height: 32px;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
	border: none;
}

.slider-wrap,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.flexslider {
	position: relative;
	margin: 0;
	padding: 0;
}

.flexslider .slider-wrap > .slide {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slider-wrap img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slider-wrap::after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slider-wrap {
	display: block;
}

* html .slider-wrap {
	height: 1%;
}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav {
	display: none;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	width: auto;
	z-index: 10;
	text-align: center;
	top: 14px;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	display: none;
	margin: 0 3px;
	width: 0.625rem;
	height: 0.625rem;
}

.flex-control-nav li a {
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid #FFF;
	color: transparent;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
	background-color: #FFF;
}


.control-solid .flex-control-nav li a {
	border: none;
	background-color: #FFF;
}

.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active {
	background-color: #FF5E15;
}


.control-square .flex-control-nav li a {
	border-radius: 3px;
}

.control-diamond .flex-control-nav li a {
	border-radius: 3px;
	transform: rotate(45deg);
}


.icon-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
    
    /* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; }
    
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8; }

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden; }

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box; }

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }

.mfp-align-top .mfp-container:before {
	display: none; }

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }

.mfp-ajax-cur {
	cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
	cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; }

.mfp-loading.mfp-figure {
	display: none; }

.mfp-hide {
	display: none !important; }

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url('../images/preloader-dark.gif') center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
}
	.mfp-preloader a {
		color: #CCC; }
		.mfp-preloader a:hover {
			color: #FFF; }

.mfp-s-ready .mfp-preloader {
	display: none; }

.mfp-s-error .mfp-content {
	display: none; }

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation; }

button::-moz-focus-inner {
	padding: 0;
	border: 0; }

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace; }
	.mfp-close:hover,
	.mfp-close:focus {
		opacity: 1; }
	.mfp-close:active {
		top: 1px; }

.mfp-close-btn-in .mfp-close {
	color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap; }

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent; }
	.mfp-arrow:active {
		margin-top: -54px; }
	.mfp-arrow:hover,
	.mfp-arrow:focus {
		opacity: 1; }
	.mfp-arrow:before,
	.mfp-arrow:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 35px;
		margin-left: 35px;
		border: medium inset transparent; }
	.mfp-arrow:after {
		border-top-width: 13px;
		border-bottom-width: 13px;
		top: 8px; }
	.mfp-arrow:before {
		border-top-width: 21px;
		border-bottom-width: 21px;
		opacity: 0.7; }

.mfp-arrow-left {
	left: 0; }
	.mfp-arrow-left:after {
		border-right: 17px solid #FFF;
		margin-left: 31px; }
	.mfp-arrow-left:before {
		margin-left: 25px;
		border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
	right: 0; }
	.mfp-arrow-right:after {
		border-left: 17px solid #FFF;
		margin-left: 39px; }
	.mfp-arrow-right:before {
		border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; }
	.mfp-iframe-holder .mfp-content {
		line-height: 0;
		width: 100%;
		max-width: 900px; }
	.mfp-iframe-holder .mfp-close {
		top: -40px; }

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; }
	.mfp-iframe-scaler iframe {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000; }

/* The shadow behind the image */
.mfp-figure {
	line-height: 0; }
	.mfp-figure:after {
		content: '';
		position: absolute;
		left: 0;
		top: 40px;
		bottom: 40px;
		display: block;
		right: 0;
		width: auto;
		height: auto;
		z-index: -1;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #444; }
	.mfp-figure small {
		color: #BDBDBD;
		display: block;
		font-size: 12px;
		line-height: 14px; }
	.mfp-figure figure {
		margin: 0; }

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px; }

.mfp-image-holder .mfp-content {
	max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
			 * Remove all paddings around the image on small screen
			 */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
		padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0; }
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box; }
		.mfp-img-mobile .mfp-bottom-bar:empty {
			padding: 0; }
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px; }
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0; } }

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75); }
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0; }
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%; }
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px; } }



/* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
#header{
    position:relative;
    background-color:#fff;
    border-bottom:1px solid #f5f5f5}
#header-wrap{
    position:relative;
    background-color:#fff;
    width:100%}
.header-wrap-clone{
    display:none}
.header-row{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap}
@media (min-width:768px){
    #header-wrap{
    position:fixed;
    height:auto;
    z-index:299;
    box-shadow:0 0 0 rgba(0,0,0,.1);
    transition:height .2s ease 0s,background-color .3s ease 0s;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    will-change:left,top,transform}
#slider+#header:not(.sticky-header) #header-wrap,[data-sticky-offset]:not([data-sticky-offset=full]):not(.sticky-header) #header-wrap,body:not(.stretched) #header:not(.sticky-header) #header-wrap,div+#header-wrap{
    position:absolute}
.header-wrap-clone{
    display:block;
    height:calc(100px + 1px)}
.header-row{
    position:initial}
#header.full-header:not(.transparent-header){
    border-bottom-color:#eee}
.stretched .full-header #header-wrap>.container{
    width:100%;
    max-width:none;
    padding:0 30px}
#logoo img{
    -webkit-transition:height .4s ease,padding .4s ease,margin .4s ease,opacity .3s ease;
    transition:height .4s ease,padding .4s ease,margin .4s ease,opacity .3s ease}
#logoo img{
    max-height:100%}
.sub-menu-container{
    -webkit-transition:top .4s ease;
    transition:top .4s ease}
}
#logoo{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    -ms-flex-align:center;
    margin-right:auto;
    max-height:100%}
#logoo a{
    width:100%;
    color:#000;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
    font-size:36px}
#logoo img{
    display:block;
    max-width:100%;
    max-height:100%;
    }
#logoo a.standard-logo{
    display:-ms-flexbox;
    display:flex}
#logoo a.retina-logo{
    display:none}
@media (min-width:768px){
    .full-header #logoo{
    padding-right:30px;
    border-right:1px solid #eee}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
    #logoo a.standard-logo{
    display:none}
#logoo a.retina-logo{
    display:-ms-flexbox;
    display:flex}
}
.primary-menu{
    display:-ms-flexbox;
    display:flex;
    flex-basis:100%;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-align:center;
    align-items:center}
.primary-menu+.primary-menu{
    border-top:1px solid #eee}
#page-menu-trigger,#primary-menu-trigger{
    display:-ms-flex;
    display:flex;
    opacity:1;
    pointer-events:auto;
    z-index:1;
    cursor:pointer;
    font-size:.875rem;
    width:50px;
    height:50px;
    line-height:50px;
    justify-content:center;
    align-items:center;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease}
.svg-trigger{
    width:30px;
    height:30px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .4s;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none}
.menu-container{
    display:none;
    list-style:none;
    margin:0;
    width:100%}
.menu-item{
    position:relative}
.menu-item:not(:first-child){
    border-top:1px solid #eee}
.menu-link{
    display:block;
    line-height:22px;
    padding:14px 5px;
    color:#444;
    font-weight:700;
    font-size:.8125rem;
    letter-spacing:0.2px;
    text-transform:uppercase;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.menu-link span{
    display:none}
.menu-link i{
    position:relative;
    top:-1px;
    font-size:.875rem;
    width:8px;
    text-align:center;
    margin-right:6px;
    vertical-align:top}
.menu-item:hover>.menu-link{
    color:#ff5e15}
.sub-menu-container{
    position:relative;
    padding-left:15px;
    border-top:1px solid #eee;
    list-style:none;
    margin-bottom:0}
.sub-menu-container .menu-item:not(:first-child){
    border-top:1px solid #eee}
.sub-menu-container .menu-item>.menu-link{
    position:relative;
    padding:11px 5px;
    font-size:.75rem;
    font-weight:400;
    color:#666;
    letter-spacing:0;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.sub-menu-container .menu-item:hover>.menu-link{
    font-weight:500}
.sub-menu-container .menu-link div{
    position:relative}
.menu-item .sub-menu-trigger{
    display:block;
    position:absolute;
    cursor:pointer;
    outline:0;
    border:none;
    background:0 0;
    padding:0;
    top:9px;
    right:0;
    width:32px;
    height:32px;
    font-size:12px;
    line-height:32px;
    text-align:center;
    -webkit-transition:transform .3s ease;
    transition:transform .3s ease}
.sub-menu-container .sub-menu-trigger{
    font-size:10px}
.sub-menu-container .menu-item .sub-menu-trigger{
    top:6px}
@media (max-width:767.98px){
    .primary-menu{
    max-width:100%}
.primary-menu>.container{
    max-width:none;
    padding:0}
}
@media (min-width:576px){
    .primary-menu{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -ms-flex-positive:0;
    flex-grow:0}
.primary-menu+.primary-menu{
    border-top:0}
#page-menu-trigger,#primary-menu-trigger{
    display:none;
    opacity:0;
    pointer-events:none;
    z-index:0}
.menu-container:not(.mobile-primary-menu){
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center}
.full-header .primary-menu .menu-container{
    padding-right:.5rem;
    margin-right:.5rem;
    border-right:1px solid #eee}
.menu-container>.menu-item:not(:first-child){
    margin-left:2px}
.menu-item:not(:first-child){
    border-top:0}
.menu-item.menu-item-important .menu-link>div::after{
    content:'';
    display:inline-block;
    position:relative;
    top:-5px;
    left:5px;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#dc3545}
.menu-link{
    padding:39px 15px;
    -webkit-transition:margin .4s ease,padding .4s ease;
    -o-transition:margin .4s ease,padding .4s ease;
    transition:margin .4s ease,padding .4s ease}
.sub-menu-container{
    position:absolute;
    visibility:hidden;
    background-color:#fff;
    box-shadow:0 13px 42px 11px rgba(0,0,0,.05);
    border:1px solid #eee;
    border-top:2px solid #ff5e15;
    z-index:399;
    top:100%;
    left:0;
    padding:0}
.menu-container>.menu-item:not(.mega-menu) .sub-menu-container:not([class*=col]){
    width:200px}
.primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container{
    display:block;
    opacity:0;
    margin-top:15px;
    z-index:-9999;
    pointer-events:none;
    transition:opacity .3s ease,margin .25s ease}
.primary-menu:not(.on-click) .menu-item:hover>.sub-menu-container{
    opacity:1;
    visibility:visible;
    margin-top:0;
    z-index:399;
    pointer-events:auto}
.primary-menu:not(.on-click) .menu-item:not(:hover)>.sub-menu-container>*{
    display:none}
.sub-menu-container .sub-menu-container{
    list-style:none;
    top:-2px!important;
    left:100%}
.sub-menu-container .menu-item:not(:first-child){
    border-top:0}
.sub-menu-container .menu-item>.menu-link{
    padding:10px 15px;
    font-weight:500;
    border:0;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out}
.sub-menu-container .menu-item>.menu-link i{
    vertical-align:middle}
.sub-menu-container .menu-item:hover>.menu-link{
    background-color:#f9f9f9;
    padding-left:18px;
    color:#ff5e15}
.menu-item .sub-menu-trigger{
    display:none}
.on-click .sub-menu-container{
    display:none;
    visibility:visible}
.side-header:not(.open-header) #wrapper{
    margin:0 0 0 260px!important;
    width:auto!important}
.side-header .container{
    padding-left:30px;
    padding-right:30px}
.side-header #header{
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    width:260px;
    height:100%;
    height:calc(100vh);
    background-color:#fff;
    border:none;
    border-right:1px solid #eee;
    overflow:hidden;
    box-shadow:0 0 15px rgba(0,0,0,.065)}
.side-header #header-wrap{
    position:relative;
    width:300px;
    width:calc(100% + 40px);
    padding-right:0;
  overflow-y: auto;   /* scroll da olur ama auto daha iyi */
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch}
.side-header #header-wrap>.container{
    width:260px;
    max-width:none;
    padding:0 30px;
    margin:0!important;
    min-height:100%;
    display:-ms-flexbox;
    display:flex}
.side-header .header-wrap-clone{
    display:none}
.side-header .header-row{
    -ms-flex-direction:column;
    flex-direction:unset;
    -ms-flex-positive:1!important;
    flex-grow:1!important}
.side-header #logoo{
    margin:1rem 0;
    width:100%}
.side-header #logoo img{
    max-width:100%}
.side-header .primary-menu{
    margin-bottom:60px;
    -ms-flex-positive:0!important;
    flex-grow:0!important;
    width:100%}
.side-header .primary-menu:not(.border-bottom-0)::after{
    margin-top:40px}
.side-header .menu-container{
    display:block;
    height:auto;
    width:100%}
.side-header .on-click .menu-item .sub-menu-trigger{
    display:block;
    top:0;
    right:-25px;
    font-size:10px}
.side-header .menu-item{
    width:100%}
.side-header .menu-item:not(:first-child){
    margin:10px 0 0;
    border-top:0}
.side-header .menu-link{
    position:relative;
    padding:3px 3px!important;
    margin:0!important;
    text-transform:uppercase}
.side-header .sub-menu-container{
    position:relative;
    width:100%;
    background-color:transparent;
    box-shadow:none;
    border:none;
    height:auto;
    z-index:1;
    top:0;
    left:0;
    margin:5px 0;
    padding:0 0 0 12px!important}
.side-header .sub-menu-container .sub-menu-container{
    top:0!important;
    left:0}
.side-header .sub-menu-container .menu-item{
    margin:0;
    border:0}
.side-header .sub-menu-container .menu-item:first-child{
    border-top:0}
.side-header .menu-item:hover>.menu-link{
    background-color:transparent!important}
.side-header .menu-container>.menu-item.sub-menu:hover>.menu-link,.side-header .menu-container>.menu-item.sub-menu>.menu-link{
    background-image:none!important}
#header-trigger{
    display:none}
.side-header.side-header-right #header{
    left:auto;
    right:0;
    border:none;
    border-left:1px solid #eee}
.side-header.side-header-right:not(.open-header) #wrapper{
    margin:0 260px 0 0!important}
.overlay-menu:not(.top-search-open) #primary-menu-trigger{
    display:-ms-flexbox;
    display:flex;
    opacity:1;
    pointer-events:auto;
    width:30px;
    height:30px;
    line-height:30px}
.overlay-menu #primary-menu-trigger{
    z-index:599}
.overlay-menu .primary-menu{
    position:fixed;
    top:0;
    left:0;
    padding:0!important;
    margin:0!important;
    border:0!important;
    width:100%;
    height:100%;
    height:calc(100vh);
    background-color:rgba(255,255,255,.95)}
.overlay-menu .primary-menu{
    opacity:0!important;
    pointer-events:none;
    z-index:-2;
    -webkit-transform:translateY(-80px);
    transform:translateY(-80px);
    -webkit-transition:opacity .4s ease,transform .45s ease!important;
    transition:opacity .4s ease,transform .45s ease!important}
.overlay-menu .primary-menu{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:opacity .3s ease!important;
    transition:opacity .3s ease!important}
.overlay-menu .primary-menu>.container{
    max-height:90%;
    overflow-y:scroll}
.overlay-menu .menu-container{
    display:-ms-flexbox!important;
    display:flex!important;
    flex-direction:column;
    max-width:250px;
    padding:0!important;
    margin:0 auto!important;
    border:0!important}
.overlay-menu .menu-container>.menu-item>.menu-link{
    font-size:.9375rem}
.overlay-menu .menu-item{
    width:100%}
.overlay-menu .menu-link{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0;
    padding-right:0}
.overlay-menu .sub-menu-container{
    display:none;
    position:relative;
    top:0!important;
    left:0!important;
    right:auto;
    width:100%;
    max-width:100%;
    box-shadow:none;
    background:0 0;
    border:0;
    padding:10px 0!important;
    transform:translateX(0)}
.overlay-menu .sub-menu-container .menu-link{
    padding:5px 0}
.overlay-menu .sub-menu-container .menu-item:hover>.menu-link{
    padding-left:0;
    padding-right:0;
    background:0 0}
}

.body-overlay{
    opacity:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
    z-index:-1;
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease}
.slider-inner{
    position:absolute;
    overflow:hidden;
    opacity:1;
    visibility:visible;
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover}
@media (max-width:767.98px){
    #slider{
    display:-ms-flexbox!important;
    display:flex!important;
    flex-direction:column;
    justify-content:center}
#slider .slider-inner{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    flex-grow:1;
    align-items:center}
}

.fslider[data-animation=fade][data-thumbs=true] .flexslider{
    height:auto!important}

#content{
    position:relative;
    background-color:#fff}
.page-title2{
    position:relative;
    padding:2rem 0;
    background-color:#f5f5f5;
    border-bottom:1px solid #eee;
    margin-bottom:30px}
.page-title2 .container{
    position:relative}
.page-title2 h1{
    padding:0;
    margin:0;
    line-height:1;
    font-weight:600;
    letter-spacing:1px;
    color:#333;
    text-align:center;
    text-transform:uppercase}
.#page-title2 span{
    display:block;
    margin-top:10px;
    font-weight:300;
    color:#777;
    font-size:1.125rem}
#content p{
    line-height:1.8}
.content-wrap{
    position:relative;
    padding:0 0;
    overflow:hidden}
#content .container{
    position:relative}
.grid-container,.grid-inner{
    position:relative;
    overflow:hidden}
.grid-inner{
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat}
body:not(.device-touch) .grid-container{
    -webkit-transition:height .4s ease;
    -o-transition:height .4s ease;
    transition:height .4s ease}
.portfolio,.portfolio-item{
    position:relative}
body:not(.device-touch) .portfolio{
    -webkit-transition:height .4s linear;
    -o-transition:height .4s linear;
    transition:height .4s linear}
body.loading { overflow: hidden; }
#preloader { position: fixed; inset: 0; z-index: 99999; background:#fff; display:flex; align-items:center; justify-content:center; }

.portfolio-reveal .portfolio-item{
    overflow:hidden}
.portfolio-item .portfolio-image{
    aspect-ratio: 4 / 3;
    position:relative;
    overflow:hidden}
.portfolio-item .portfolio-image,.portfolio-item .portfolio-image img,.portfolio-item .portfolio-image>a{
    display:block;
    width:100%;
    height:100%}
@media (min-width:768px){
    .portfolio-reveal .bg-overlay,.portfolio-reveal .portfolio-image img{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out}
}
.portfolio-desc{
    position:relative;
    z-index:6;
    padding:5px 5px;}

.portfolio-desc h3 a{
    color:#222}
.portfolio-desc h3 a:hover{
    color:#ff5e15}


.portfolio-desc label{
  font-weight: 500;
}
.portfolio-desc span,.portfolio-desc span a{
    color:#888}
.portfolio-desc span a:hover{
    color:#000}
.desc-sm .portfolio-desc{
    padding:15px 5px}
.desc-sm .portfolio-desc h3{
    font-size:1rem}
.desc-sm .portfolio-desc span{
    font-size:90%}
.portfolio.g-0 .portfolio-desc{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    padding-top:10px;
    }
.portfolio.desc-sm.g-0 .portfolio-desc{
    padding-left:10px;
    padding-right:10px}
.portfolio-reveal .portfolio-desc{
    background-color:#fff;
    top:-100%;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)}
#portfolio.portfolio-reveal .portfolio-desc {
  top: auto !important;
}
@media (min-width:768px){
    .portfolio-reveal .portfolio-desc{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out}
}
.portfolio-reveal .portfolio-item:hover .portfolio-desc{
    -webkit-transform:translateY(0);
    transform:translateY(0)}
.portfolio-reveal .portfolio-item:hover .bg-overlay,.portfolio-reveal .portfolio-item:hover .portfolio-image img{
    -webkit-transform:translateY(0);
    transform:translateY(0)}
@media (min-width:768px){
    .portfolio-reveal .portfolio-item:hover .bg-overlay,.portfolio-reveal .portfolio-item:hover .portfolio-image img{
    -webkit-transform:translateY(-15%);
    transform:translateY(-15%)}
}
@media (max-width:767.98px){
    .portfolio-reveal .portfolio-desc{
    display:none!important}
}
.col-md-9 .portfolio-desc h3{
    font-size:1.125rem}
.col-md-9 .portfolio-desc span{
    font-size:.875rem}
.portfolio-single-image .slide a,.portfolio-single-image iframe,.portfolio-single-image img,.portfolio-single-image video,.portfolio-single-image>a{
    display:block;
    width:100%}
.portfolio-single-image-full{
    position:relative;
    height:600px;
    overflow:hidden;
    margin:-80px 0 80px!important}
.portfolio-single-video{
    height:auto!important}
.grid-item .grid-inner>img,.grid-item>img{
    width:100%;
    height:auto;
    border-radius:0}

.portfolio-single-content h2{
    margin:0 0 20px;
    padding:0;
    font-size:1.25rem;
    font-weight:600!important}








.button{
    display:inline-block;
    position:relative;
    cursor:pointer;
    outline:0;
    white-space:nowrap;
    margin:5px;
    padding:8px 22px;
    font-size:.875rem;
    line-height:24px;
    background-color:#ff5e15;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    border:none;
    text-shadow:1px 1px 1px rgba(0,0,0,.2)}
body:not(.device-touch) .button{
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out}
.button.button-dark{
    background-color:#444}
.button.button-light{
    background-color:#eee;
    color:#333;
    text-shadow:none!important}
.button:hover{
    background-color:#444;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,.2)}
.button.button-dark:hover{
    background-color:#ff5e15}
.button.button-desc{
    text-align:left;
    padding:24px 34px;
    font-size:1.25rem;
    height:auto;
    line-height:1;
    font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.button.button-desc span{
    display:block;
    margin-top:10px;
    font-size:.875rem;
    font-weight:400;
    letter-spacing:1px;
    font-family:'PT Serif',serif;
    font-style:italic;
    text-transform:none}
.button i{
    position:relative;
    margin-right:5px;
    width:16px;
    text-align:center}
.button.text-end i{
    margin:0 0 0 5px}
.button.button-desc i{
    font-size:48px;
    width:48px;
    text-align:center;
    margin-right:12px}
.button.button-desc.text-end i{
    margin:0 0 0 12px}
.button.button-desc div{
    display:inline-block}
.button.button-border{
    border:2px solid #444;
    background-color:transparent;
    color:#333;
    font-weight:700;
    text-shadow:none}
.button.button-border.button-desc{
    line-height:1}
.button.button-border:not(.button-fill):hover{
    background-color:#444;
    color:#fff;
    border-color:transparent!important;
    text-shadow:1px 1px 1px rgba(0,0,0,.2)}
.button.button-border.button-light{
    border-color:#fff;
    color:#fff}
.button.button-border.button-light:hover{
    background-color:#fff;
    color:#333;
    text-shadow:none}
.button.button-3d{
    border-radius:3px;
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);
    -webkit-transition:none;
    -o-transition:none;
    transition:none}
.button.button-3d:hover{
    background-color:#ff5e15;
    opacity:.9}
.button.button-3d.button-light:hover,.button.button-reveal.button-light:hover{
    text-shadow:none;
    color:#333}
.button.button-reveal{
    padding-left:28px;
    padding-right:28px;
    overflow:hidden}
.button.button-reveal i{
    display:block;
    position:absolute;
    top:0;
    left:-32px;
    width:32px;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    background-color:rgba(0,0,0,.1)}
.button.button-reveal.button-border i{
    top:-2px}
.button.button-reveal.text-end i{
    left:auto;
    right:-32px}
.button.button-reveal.button-3d i{
    border-radius:3px 0 0 3px}
.button.button-reveal.button-3d.text-end i{
    border-radius:0 3px 3px 0}
.button.button-reveal span{
    display:inline-block;
    position:relative;
    left:0}
body:not(.device-touch) .button.button-reveal i,body:not(.device-touch) .button.button-reveal span{
    -webkit-transition:left .3s ease,right .3s ease;
    -o-transition:left .3s ease,right .3s ease;
    transition:left .3s ease,right .3s ease}
.button.button-reveal:hover i{
    left:0}
.button.button-reveal.text-end:hover i{
    left:auto;
    right:0}
.button.button-reveal:hover span{
    left:16px}
.button.button-reveal.text-end:hover span{
    left:-16px}
.button.button-full{
    display:block;
    width:100%;
    white-space:normal;
    margin:0;
    height:auto;
    line-height:1.6;
    padding:30px 0;
    font-size:30px;
    font-weight:300;
    text-transform:none;
    border-radius:0;
    text-shadow:1px 1px 1px rgba(0,0,0,.1)}
.button.button-full.button-light{
    border-bottom:1px solid rgba(0,0,0,.15)}
.button.button-full strong{
    font-weight:700;
    border-bottom:2px solid #eee}
body:not(.device-touch) .button.button-full strong{
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out}
.button.button-full.button-light strong{
    border-bottom-color:#333}
.button.button-full.button-light:hover strong{
    border-bottom-color:#eee}
.button:disabled{
    opacity:.65!important;
    pointer-events:none!important}

.skills{
  padding: 0;
  margin: 0;
    list-style:none;
}
.skills li{
    position:relative;}
.skills li:first-child{
    margin-top:0}
.skills li .progress{
    position:relative;
    top:0;
    left:0;
    width:0;
    height:100%;
    height:4px;
    background-color:#ff5e15;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    border-radius:2px;
    overflow:visible!important;
    border-radius:2px;
    -webkit-transition:width 1.2s ease-in-out;
    -o-transition:width 1.2s ease-in-out;
    transition:width 1.2s ease-in-out}
.skills li .progress-percent{
    position:absolute;
    top:-28px;
    right:0;
    background-color:#333;
    color:#f9f9f9;
    text-shadow:1px 1px 1px rgba(0,0,0,.2);
    height:22px;
    line-height:22px;
    padding:0 5px;
    font-size:11px;
    border-radius:2px}

.skills li>span{
    padding: 5px;
    line-height:20px;
    font-weight:700;
    text-transform:uppercase;
    color:#222}
@-webkit-keyframes fadeOut{
    0%{
    opacity:1}
100%{
    opacity:0}
}
@keyframes fadeOut{
    0%{
    opacity:1}
100%{
    opacity:0}
}
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.bg-overlay [data-hover-animate]:not(.animated) {
	opacity: 0;
}

.bg-overlay {
	z-index: 5;
}

.bg-overlay-content {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	padding: 20px;
}

.bg-overlay-bg {
	background-color: rgba(255,255,255,0.85);
}

.dark .bg-overlay-bg,
.bg-overlay-bg.dark {
	background-color: rgba(0,0,0,0.5);
}


.text-overlay-mask {
	opacity: 0.85;
	top: auto;
	bottom: 0;
	height: auto;
	padding: 40px 15px 15px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.overlay-trigger-icon {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 0.25rem;
	font-size: 1.125rem;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	transition: all .3s ease;
}

.overlay-trigger-icon .icon-line-play {
	position: relative;
	left: 2px;
}

.overlay-trigger-icon.size-sm {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 0.5rem;
	font-size: 0.875rem;
}

.overlay-trigger-icon.size-lg {
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin: 0 0.5rem;
	font-size: 1.5rem;
}

.portfolio-image {
  position: relative;
}

.portfolio-image .bg-overlay {
  position: absolute;
  inset: 0;          /* top:0; right:0; bottom:0; left:0; kısaltması */
  opacity: 0;        /* başlangıçta görünmesin */
  transition: opacity .3s ease-in-out;
}

/* Hover olunca kararsın */
.portfolio-image:hover .bg-overlay {
  opacity: 1;
}

.icon-chevron-right:before {
	content: "\e99a";
}
.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
	position: absolute;
	top: 47.5%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .icon-chevron-right { right: 50%; }

#footer{
    position:relative;
    background-color:#eee}
#copyrights{
    padding:0 0;
    font-size:.875rem;
    line-height:1.8}
#copyrights i.footer-icon{
    position:relative;
    top:1px;
    font-size:.875rem;
    width:14px;
    text-align:center;
    margin-right:3px}
.copyright-links a{
    display:inline-block;
    margin:0 3px;
    color:#333;
    border-bottom:1px dotted #444}
.copyright-links a:hover{
    color:#555;
    border-bottom:1px solid #666}
.copyrights-menu{
    margin-bottom:10px}
.copyrights-menu a{
    font-size:.875rem;
    margin:0 10px;
    border-bottom:0!important}
#copyrights a:first-child{
    margin-left:0}
#copyrights.text-end a:last-child{
    margin-right:0}
.footer-logo{
    display:block;
    margin-bottom:30px}
.page-link,.page-link:focus,.page-link:hover{
    color:#ff5e15}
.show-grid [class^=col-]{
    padding-top:10px;
    padding-bottom:10px;
    background-color:#eee;
    border:1px solid #ddd}
.page-link:focus,.page-link:hover{
    color:#fff!important;
    background-color:#ff5e15!important;
    border-color:#ff5e15!important}
.stretched #wrapper{
    width:100%;
    margin:0;
    box-shadow:none}
.fadeOutUpSmall{
    -webkit-animation-name:fadeOutUpSmall;
    animation-name:fadeOutUpSmall}
.col_full{
    width:100%}
.col_full{
    display:block;
    position:relative;
    margin-right:4%;
    margin-bottom:0px;
    float:left}
.col_full{
    clear:both;
    float:none;
    margin-right:0}
.col_last{
    margin-right:0!important;
    clear:right}

   
/* Footer contrast fix */

#footer.dark a:hover {
    color: #ffffff !important;
}

.wa-icon{ width:75px; display:inline; }