.scale-bg-top:before, .scale-bg-bottom:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50px;
    opacity: 0.4;
}
.scale-bg-top:before {
    background-image: url(../images/scale-top.png);
    background-position: top;
    background-repeat: repeat-x;
    top: 0px;
}
.scale-bg-bottom:after {
    background-image: url(../images/scale-bottom.png);
    background-position: bottom;
    background-repeat: repeat-x;
    bottom: 0px;
	z-index:1;
}
.partcile-dec canvas {
    z-index: -1;   
    top: 0;
	left:0;	
}
.partcile-dec.aktiflesti canvas {
   position:absolute;
}
.particle-dec{
	position: absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%;
}
.mod-languages img {
    display: inline-block;
}
.mod-languages .btn,
.mod-languages .dropdown-menu{
	font-size:14px;
}
.mod-languages a.btn.dropdown-toggle {
    text-decoration: none;
    line-height: 90px;
    padding: 0 15px;
	border-radius: 0 0 0 0;
	border: medium none;
}
.mod-languages a.btn.dropdown-toggle.focus, .mod-languages a.btn.dropdown-toggle:focus {
    outline: 0;
    box-shadow: none;
}
.lang-block.dropdown-menu.show {
    width: 75px;
    min-width: 100%;
}
.mod-languages .lang-block li {   
    line-height: 35px;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.callToAction {
    border-radius: 10px;
}
.callToAction .telefonNo .sppb-addon-text {
    font-weight: bold;
    letter-spacing: -1px;
}

.service-item.yesil .sppb-img-container:after {
	background: #41ad49;
	background: rgba(65,173,73,0.7);
}
.service-item.yesil:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.yesil .service-content-wrapper .sppb-addon-text{
	background-color:#41ad49;
}
.service-item.kahve .sppb-img-container:after {
	background: #9e8777;
	background: rgba(158,135,119,0.7);
}
.service-item.kahve:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.kahve .service-content-wrapper .sppb-addon-text{
	background-color:#9e8777;
}
.service-item.mavi .sppb-img-container:after {
	background: #00aeef;
	background: rgba(0,174,239,0.7); 
}
.service-item.mavi:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.mavi .service-content-wrapper .sppb-addon-text{
	background-color:#00aeef;
}
.service-item.koyukahve .sppb-img-container:after {
	background: #b88035;
	background: rgba(184,128,53,0.7);
}

.service-item.koyukahve:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.koyukahve .service-content-wrapper .sppb-addon-text{
	background-color:#b88035;
}
.service-item.turuncu .sppb-img-container:after {
	background: #f8951d;
	background: rgba(248,149,29,0.7);
}
.service-item.turuncu:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.turuncu .service-content-wrapper .sppb-addon-text{
	background-color:#f8951d;
}
.service-item.kirmizi .sppb-img-container:after {
	background: #d2232a;
	background: rgba(210,35,42,0.7); 
}
.service-item.kirmizi:hover .service-content-wrapper .sppb-addon-text{
	background-color:transparent;
}
.service-item.kirmizi .service-content-wrapper .sppb-addon-text{
	background-color:#d2232a;
}
.carousel-areas .owl-controls .owl-prev, 
.carousel-areas .owl-controls .owl-next {
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 1px;
}
.carousel-areas .owl-controls .owl-nav {
    position: absolute;
    top: 0;
    right: -40px;
}
.carousel-areas .owl-controls .owl-prev:hover, 
.carousel-areas .owl-controls .owl-next:hover {
    background: #666;
    color: #fff;
}
.carousel-areas .owl-controls .owl-dots {
    position: absolute;
    right: -33px;
    bottom: 0;
}
.carousel-areas .owl-controls .owl-dot {
    margin-top: 5px;
}
.carousel-areas .owl-controls .owl-dot span {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    display: block;
}
.carousel-areas .owl-controls .owl-dot.active span {   
    background: #666;
}
.carousel-areas {   
    padding-left: 50px;
}
.carousel-areas.imageCarousel {
	padding-left: 0;
}

.sagAciklama:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #bbb;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 0;
    top: 25px;
}
.sagAciklama {
    border-left: 1px solid #bbb;
    padding-left: 30px;
    position: relative;
}

.verticalTitle {
    position: absolute;
    left: -150px;
    top: 43%;
}
.verticalTitle span {
    position: absolute;
    left: -50px;
    text-transform: uppercase;
    /* font-weight: 900; */
    /* font-size: 84px; */
    /* letter-spacing: 6px; */
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: rgba(0,0,0,0.2);
    top: 0;
    white-space: nowrap;
}
body.itemid-200 .verticalTitle {
    top: 54%;
}
body.itemid-200 .verticalTitle span {  
    left: 0;  
}
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation > a:hover {
    color: #fff!important;
    background: #333;
}
.sp-page-title:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 0;
}
.sp-page-title .container {
    position: relative;
    z-index: 2;
}

.sp-page-title.partcile-dec canvas {
    z-index: 0;
}


.sppb-link-list-wrap.sppb-link-list-nav ul li {
   /* display: block;*/
    margin-right: 5px;
	margin-bottom: 5px;
}
.sppb-link-list-wrap ul li a {
    /*display: block;*/
    color: #ccc;
}
.sppb-link-list-wrap ul li a:hover {    
    color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    background: #f8f8f8;
}
.vcTable table td{
	vertical-align:middle;
	background:#fff;
	padding:5px 15px;
}

.sppb-gallery li a {
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.5);
}

.sppb-gallery li a img {
    background: #fff;
    padding: 10px;
}
.sppb-gallery li a:before {
    content: "";
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
}
.sppb-gallery li a:hover:before {
    opacity: 1;
}

.sppb-gallery li a:after {
    content: "\f00e";
	font-family: FontAwesome;
	color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
	font-size: 40px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
	transform: scale(0) translateX(-50%) translateY(-50%);
	transform-origin:50%;
}
.sppb-gallery li a:hover:after {
    opacity: 1;
	transform: scale(1) translateX(-50%) translateY(-50%);
}
.sppb-addon-feature .sppb-img-container {
    position: relative;
}

.sppb-addon-feature .sppb-img-container:hover .sppb-addon-image-overlay-icon {
    display: block;
    -webkit-animation: zoomIn .2s;
    animation: zoomIn .2s;
}
.sppb-addon-feature .sppb-img-container:hover .sppb-addon-image-overlay {
    opacity: 1;
}
.esitSutunBg .sppb-column-addons > div{
    background: #fff;
	box-shadow: 0 10px 20px -10px rgba(0,0,0,0.3)!important;
	height:95%;
}
.makinaGrubu{
    background: #fff;
	box-shadow: 0 10px 20px -10px rgba(0,0,0,0.3)!important;
}
.makinaGrubu .sppb-addon-content {
    display: table;
}
.makinaGrubu .sppb-img-container {
    /* float: left; */
    width: 50%;
    display: table-cell!important;
    padding: 10px;
}
.sppb-addon-feature.makinaGrubu .sppb-media-content {
    padding: 15px;
	font-size: 14px;
	display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.sppb-addon-feature.makinaGrubu .sppb-addon-title {
margin-bottom: 0px;
}
.fononlineLogo p {
    text-align: right;
	margin-bottom:0;
}
.fononlineLogo p img{
    display: inline-block;
}

.gallery-carousel-item {
  position: relative;
}
.gallery-carousel-item img {
  opacity: 1;
  transition: opacity 0.35s;
}
.gallery-carousel-item::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #151515; 
  background-position: center;
  background-repeat: no-repeat;
}
.gallery-carousel-item .hoverIcon{
  position: absolute;
  content: "\f00e";
  top: 50%;
  left: 50%;
  font-family:FontAwesome;
  color:#ffc000;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  opacity:0;
  font-size:45px;
}
.gallery-carousel-item:hover img {
  opacity: 0.2;
  transition: opacity 0.35s;
}
.gallery-carousel-item:hover .hoverIcon {
  opacity: 1;
  transition: opacity 0.35s;
}
.gallery-carousel .owl-prev {
	position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: #32383e;
    padding: 5px 10px;
	color: #fff;
}

.gallery-carousel .owl-next {
  position: absolute;
  right:  -15px;
  top: 50%;
  transform: translateY(-50%);
   background: #32383e;
    padding: 5px 10px;
	color: #fff;
}

.gallery-carousel .owl-prev:hover,
.gallery-carousel .owl-next:hover {
	
	background:#ffc000;
}
#sp-bottom .sp-module ul > li {
    width: 33.33333%;
}
@media(min-width:576px){
   #sp-bottom1{
       flex: 0 0 50%!important;
       max-width: 50%!important;
   } 
   #sp-bottom2{
       flex: 0 0 50%!important;
       max-width: 50%!important;
   } 
}
@media(min-width:768px){
    #sp-bottom1{
       flex: 0 0 33.333333%!important;
       max-width: 33.333333%!important;
   } 
   #sp-bottom2{
        flex: 0 0 66.666667%!important;
        max-width: 66.666667%!important;
   } 
}
@media (max-width: 992px) {
	
	#sp-top-bar {
		padding: 3px 0;
		z-index:3;
	}
	#sp-header {
		height: 65px;
		padding: 0px 0px;
		z-index:1;
	}
	.sp-contact-info {
		list-style: none;
		padding: 0;
		margin: 0 0;
		display: inline-block;
		float: left;
	}
	#sp-header #sp-menu-right {
		display: none!important;
	}
	#sp-top-bar .mod-languages a.btn.dropdown-toggle {
		line-height: 30px!important;
		padding: 0 15px 0 0!important;
	}
	#sp-menu-right > .sp-column > div, #sp-menu-right > .sp-column > ul {
		padding-left: 0;
	}
	#sp-header .logo:before {
		display: none;
	}
	#sp-header .logo {
		margin-top: 0;
		margin-left: 10px;
	}
	#sp-header.header-sticky .logo img {
		height: 52px;
		margin-top: 10px;
	}
	#offcanvas-toggler {
		height: 65px;
		line-height: 65px;
		float: right;
	}
	body.ltr #offcanvas-toggler.offcanvas-toggler-right {
		margin-right: 15px;
	}
	#offcanvas-toggler > .fa {
		color: #666;
	}
	.verticalTitle {
		position: relative;
		left: auto;
		top: auto;
		text-align: left;
	}
	.verticalTitle span {
		position: relative;
		left: 0;
		text-transform: uppercase;
		/* font-weight: 900; */
		font-size: 28px;
		/* letter-spacing: 6px; */
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		color: rgba(0,0,0,0.5);
	}
	.carousel-areas {
		padding-left: 0;
	}
	.carousel-areas .owl-controls .owl-nav {		
		top: -45px;
		right: 0;
	}
	.carousel-areas .owl-controls .owl-prev, .carousel-areas .owl-controls .owl-next{		
		display: inline-block;
		margin-left: 5px;
	}
	.service-item .service-content-wrapper {		
		bottom: 5px;	
	}
	#sp-bottom .sp-module ul > li {
		display: block;
		width: 100%;
	}
	#sp-footer #sp-footer2 {
		text-align: left;
	}
	.body-innerwrapper {
		padding-bottom: 405px;
	}
	.sp-scroll-up {
		bottom: 10px;
		right: 15px;
	}
	.sp-page-title .breadcrumb {
		float: none;
		margin-top: 10px;
	}
	.sp-page-title.partcile-dec canvas {
		display: none!important;
	}
	.sppb-link-list-wrap.sppb-link-list-nav ul li,
	.sppb-link-list-wrap ul li a {
		display: block;
	}
	.esitSutunBg .sppb-column-addons > div {
		margin-bottom: 30px!important;
		padding-bottom: 10px;
	}
}

@media (max-width: 576px) {
	.body-innerwrapper {
		padding-bottom: 430px;
	}
	#sp-bottom {
		padding: 60px 0px 30px 0px !important;
	}
}