/*
Theme Name:     TASAM BGC
Description:    Alt Tema
Author:         mehmetgedik
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*-----------------------------------Slider----------------------------------*/

header-img-zoom .et_pb_slide {
  animation: header-img-scale 40s linear infinite;
}
  
@keyframes header-img-scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}

.et_pb_slider .et-pb-controllers {
	width:90%;
	margin:auto;
	left:0;
	right:0;
}

@media all and (min-width: 767px) {
.et_pb_slider .et-pb-controllers a {
    z-index: 11;
    width: auto;
    height: 25px;
    font-size: 10px;
    font-weight: 600;
    color: white;
    opacity: 0.5;
    text-indent: 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: transparent !important;
    transform: scale3d(1, 1, 1);
    transition: all 0.3s ease-in;
    transform-origin: center center;
}
}

.et_pb_slider .et-pb-controllers:hover a {
    opacity: 0.1;
}

.et_pb_slider .et-pb-controllers a:hover{
    z-index: 12;
    opacity: 1;
    -webkit-mask-size: 200%;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    animation: shine 1s linear infinite;
    transform: scale3d(2, 2, 2);
    transition: all 0.3s ease-out;
    transform-origin: center center;
}

.et_pb_slider .et-pb-controllers a.et-pb-active-control {
    z-index: 9;
    opacity: 0.8;
    -webkit-mask-size: 200%;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    animation: shine 1s linear infinite;
    transition: all 0.5s ease-out;
}

.et_pb_slider .et-pb-controllers:hover a.et-pb-active-control:not(:hover) {
    opacity: 0.1;
    -webkit-mask-size: 100%;
    -webkit-mask-image: inherit;
    animation: none;
}

.et_pb_slide_title{
	    -webkit-mask-size: 200%;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    animation: shine 2s linear infinite;
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

/*-----------------------------------Slider----------------------------------*/