#ust{

    width: 100%;

    position: relative;

    height: 100%;

    background-color: var(--grey1);

    min-height: 25rem;

    display: flex;

    z-index: 1112;

    overflow: hidden;

}

@media (max-height: 600px) {

    #ust {

        min-height: 20rem;

    }

}

#ust #ust_kutu_content {

    display: flex;

    flex-direction: row;

    width: 100%;

    padding: 0;

    box-sizing: border-box;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    visibility: visible;

}

@media (max-width: 650px) {

    #ust #ust_kutu_content {

        display: block;

	flex-direction: row;

    	width: 100%;

    	padding: 0;

    	box-sizing: border-box;

    	height: 100%;

    	background-repeat: no-repeat;

    	background-size: cover;

	visibility: visible;

    }

    #ust #ust_kutu_content .slayt_kutu {

        flex: none !important;

    }

}

#ust #ust_kutu_content .splide__track {

    height: 100%;

    width: 100%;

}

#ust #ust_kutu_content .splide__list {

    height: 100%;

    width: 100%;

}

#ust #ust_kutu_content .splide__arrow {

    opacity: 0.5;

}

#ust #ust_kutu_content .slayt_kutu_detay{

    display: block;

}

#ust #ust_kutu_content .slayt_kutu {

    flex: 1;

    overflow: hidden;

    transition: none;

    margin: 0;

    filter: grayscale(1);

}

#ust #ust_kutu_content .slayt_kutu.secili_kutu {

    flex: 3;

    filter: grayscale(0);

}

@media (max-width: 650px) {

    #ust #ust_kutu_content .slayt_kutu {

        filter: grayscale(0);

        height: 100%;

    }

}

#ust #ust_kutu_content .slayt_kutu:last-child {

    border-right: none;

}

.slayt_kutu_img {

    width: 100%;

    height: 100%;

    object-fit: cover; 

    transition: none;

}

.slayt_kutu_detay{

    position: sticky;

    height: auto;

    bottom: 0;

    padding: 10rem 0.3125rem;

    display: none;

    width: 100%;

    overflow: hidden;

    align-self: flex-end;

    text-align: center;

}

#ust #ust_kutu_content .slayt_kutu.secili_kutu .slayt_kutu_detay{

    display: block;

}

.slayt_kutu_detay .slayt_kutu_alt_img{

    width: 100%;

    height: auto;

    object-fit: cover;

    transition: none;

    margin-bottom: var(--size2);

    max-height: 7rem;

    max-width: 12rem;

}

@media (max-width: 650px) {

    .slayt_kutu_detay .slayt_kutu_alt_img{

        max-width: 16rem;

    }

}

.slayt_kutu_detay .sub-spn{

    color: #fff;

    font-weight: 400;

    display: block;

    font-size: var(--size8);

    line-height: var(--size9);

}





#biz_kimiz {

    padding: 3.125rem 0 6.25rem 0;

}

#biz_kimiz .content {

    padding: 1.25rem 0.9375rem;

}

#biz_kimiz .cpad {

    padding-top: 3.125rem !important;

}

#biz_kimiz .emo1{

    position: absolute !important;

    bottom: -0.9375rem;

    right: 0;

    height: 75% !important;

    width: auto !important;

}

#biz_kimiz .emo2{

    position: absolute !important;

    top: -3.125rem;

    left: -0.9375rem;

    height: 75% !important;

    width: auto !important;

}

#biz_kimiz h2 {

    font-size: var(--size12);

    font-weight: 600;

    margin-bottom: 0.125rem;

    color: var(--pink1);

}

#biz_kimiz h3 {

    font-size: var(--size8);

    font-weight: 600;

    line-height: var(--size9);

    margin-bottom: 0.9375rem;

    color: #000;

    word-break: break-word;

}

#biz_kimiz p {

    font-size: var(--size1);

    line-height: var(--size3);

    font-weight: 400;

    margin-bottom: 1.5rem;

    color: #000;

}

#biz_kimiz .content_img{

    padding: 1.25rem 0.9375rem;

    width: 100%;

    position: relative;

}

#biz_kimiz .content_img img{

    position: relative;

    width: 100%;

    height: auto;

}

#biz_kimiz .fdr{

    flex-direction: row;

}

@media (max-width: 544px) {

    #biz_kimiz .fdr{

        flex-direction: column-reverse;

    }

}

#biz_kimiz .content_box {

    padding: 5.625rem 12vw;

    border: 0.1875rem solid #000;

    border-radius: 1.875rem;

    background-color: var(--yellow1);

    margin: 8.25rem 5.375vw 6.25rem 5.375vw;

    position: relative;

    display: block;

}



#biz_kimiz #content_box_img{

    position: absolute;

    width: 15rem;

    height: auto;

    display: inline-block;

    animation: MoveUpDown2 1.5s infinite alternate ease-in-out;

    left: 4.5rem;

}

@media (max-width: 1300px) {

    #biz_kimiz .content_box {

        padding: 6.25rem 5vw;

        border: 0.1875rem solid #000;

        border-radius: 1.875rem;

        background-color: var(--yellow1);

        margin: 10rem 0 6.25rem 0;

        position: relative;

        display: block;

    }

}

@media (max-width: 650px) {

    #biz_kimiz .content_box {

        padding: 6.25rem 2.5vw;

        border: 0.1875rem solid #000;

        border-radius: 1.875rem;

        background-color: var(--yellow1);

        margin: 11rem 0 6.25rem 0;

        position: relative;

        display: block;

    }

    #biz_kimiz #content_box_img{

        left: 2rem;

    }

}

@keyframes MoveUpDown2 {

    0% {

        top: -11rem;

    }

    100% {

        top: -10.25rem;

    }

}

#biz_kimiz .content_box h3 {

    font-size: var(--size8);

    font-weight: 400;

    line-height: var(--size9);

    margin-bottom: 0.9375rem;

    color: #000;

    word-break: break-word;

}

.arc {

    font-size: calc(3.65vw + 2rem);

    line-height: calc(3.65vw + 3rem);

    font-weight: 400;

    color: transparent;

    stroke: .125rem var(--pink1);

    -webkit-text-stroke: .125rem var(--pink1);

    font-family: "Archivo Black", sans-serif;

}

.arc:hover {

    color: var(--pink1);

}

@media (max-width: 1300px) {

    .arc {

        font-size: calc(3.125vw + 2rem);

        line-height: calc(3.125vw + 3rem);

    }

}

#biz_kimiz .video_item{

    position: relative;

    display: block;

}

#biz_kimiz .video_item img{

    position: relative;

    width: 100%;

    height: auto;

    /*border: 2px solid #000;*/

    border-radius: 1.875rem;

}

#biz_kimiz .video_item .play-div{

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

#biz_kimiz .video_item .play-div .filter-overlay{

    position: relative;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 1.875rem;

}

#biz_kimiz .video_item .play-div .play-div-btn{

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    overflow: hidden;

    padding: 2.25rem;

}

#biz_kimiz .content_align_center{

    align-content: center;

}





#islerimiz {

    padding: 3.125rem 0;

}

#islerimiz .content {

    padding: calc(3.125rem + 3.125vw) 5vw;

}

#islerimiz h2 {

    font-size: var(--size12);

    font-weight: 600;

    margin-bottom: 0.125rem;

    color: var(--pink1);

}

#islerimiz h3 {

    font-size: var(--size8);

    font-weight: 600;

    line-height: var(--size9);

    margin-bottom: 0.9375rem;

    color: #000;

    word-break: break-word;

}

#islerimiz p {

    font-size: var(--size1);

    line-height: var(--size3);

    font-weight: 400;

    margin-bottom: 1.5rem;

    color: #000;

}

#islerimiz #ib_carousel .splide__slide {

    padding: 2px;

    display: block;

    color: #FFF;

    text-align: center;

    width: 100%;

    height: auto;

    border-radius: 1.875rem;

    position: relative;

    border: 0.1875rem solid #000;

}

#islerimiz #ib_carousel .splide__slide img {

    vertical-align: bottom;

    width: 100%;

    height: 100%;

    z-index: 1;

    position: relative;

    border-radius: 1.875rem;

    object-fit: cover;

}

#islerimiz #ib_carousel .splide__slide .item-exp{

    position: absolute;

    background: #eafffa2e;

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px);

    display: none;

    border-radius: 1.875rem;

    overflow: hidden;

    z-index: 2;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

#islerimiz #ib_carousel .splide__slide:hover .item-exp{

    display: block !important;

}

#islerimiz #ib_carousel .splide__slide .item-exp .item-center {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}

#islerimiz #ib_carousel .splide__slide .item-exp .item-img{

    width: 10rem;

    height: auto;

    object-fit: cover; 

    transition: none;

    margin-bottom: var(--size2);

}

#islerimiz #ib_carousel .splide__slide .item-exp .item-spn{

    color: #fff;

    font-weight: 400;

    display: block;

    font-size: var(--size8);

    line-height: var(--size9);

}





#referanslarimiz {

    padding-top: 3.125rem;

}

#referanslarimiz h3 {

    font-size: var(--size8);

    font-weight: 400;

    line-height: var(--size9);

    margin-bottom: 0.9375rem;

    color: #000;

    word-break: break-word;

}

#referanslarimiz h2 {

    font-size: var(--size1);

    font-weight: 600;

    line-height: var(--size5);

    margin-bottom: 0.125rem;

    color: var(--pink1);

}

#referanslarimiz p {

    font-size: var(--size1);

    line-height: var(--size11);

    font-weight: 400;

    margin-bottom: 1.5rem;

    color: var(--grey2);

}

#referanslarimiz .referans_satir {

    width: 100%;

    height: auto;

    position: relative;

    display: grid;

    grid-gap: 3.125rem;

    justify-content: center;

    padding: 5rem 1.9375rem;

}

@media (max-width: 450px) {

	#referanslarimiz .referans_satir {

		grid-template-columns: repeat(2, 1fr);

	}

    	.sgort2 {

		transform: translateX(25vw);

	}

}

@media (min-width: 450px) {

	#referanslarimiz .referans_satir {

		grid-template-columns: repeat(2, 1fr);

	}

	.sgort {

		transform: translateX(0);

	}

    	.sgort2 {

		transform: translateX(25vw);

	}

}

@media (min-width: 750px) {

	#referanslarimiz .referans_satir{

		grid-template-columns: repeat(3, 1fr);

	}

	.sgort {

		transform: translateX(0);

	}

    	.sgort2 {

		transform: translateX(0);

	}

}

@media (min-width: 1050px) {

	#referanslarimiz .referans_satir{

		grid-template-columns: repeat(4, 1fr);

	}

	.sgort {

		transform: translateX(0);

	}

    	.sgort2 {

		transform: translateX(37vw);

	}

}

@media (min-width: 1350px) {

	#referanslarimiz .referans_satir {

		grid-template-columns: repeat(5, 1fr);

	}

    	.sgort {

		transform: translateX(10vw);

	}

    	.sgort2 {

		transform: translateX(10vw);

	}

}

#referanslarimiz .referans_satir .referans_kutu {

    position: relative;

    overflow: hidden;

    aspect-ratio: 1/1;

    margin: auto;

    padding: 2.5rem;

    border: 2px solid rgba(0, 0, 0, 1);

    justify-content: center;

    display: flex;

    cursor: pointer;

    max-width: 12.5rem;

    border-radius: 50%;

}

#referanslarimiz .referans_satir .referans_kutu img {

    position: relative;

    opacity: 1;

    max-width: 100%;

    margin: auto;

    height: auto;

}

#referanslarimiz .referans_satir .referans_kutu:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

#referanslarimiz .referans_blok {

    position: relative;

    display: block;

}

#referanslarimiz .referans_bg {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

  min-height: 100%;

}

.mmarquee{

    height: 4.375rem;

    background: var(--yellow1);

    font-size: var(--size8);

    font-weight: 400;

    line-height: var(--size9);

    align-items: center;

    display: flex;

    padding-top: 0.5rem;

    color: var(--pink2);

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

}

.marquee_item {

    animation-duration: 4s ;

    animation-iteration-count: infinite ;

    animation-name: marquee-content ;

    animation-timing-function: linear ;

    padding: 0 5rem 0.625rem 5rem;

}

@keyframes marquee-content {

    from {

        transform: translateX( 0% );

    }

    to {

        transform: translateX( -100% );

    }

}



#blog {

    padding: 6.25rem 0;

}

#blog .content {

    padding: 1.25rem 0.9375rem;

}

#blog h2 {

    font-size: var(--size12);

    font-weight: 600;

    margin-bottom: 0.125rem;

    color: var(--pink1);

}

#blog h3 {

    font-size: var(--size8);

    font-weight: 600;

    line-height: var(--size9);

    margin-bottom: 0.9375rem;

    color: #000;

    word-break: break-word;

}

#blog h4 {

    font-size: var(--size3);

    font-weight: 600;

    line-height: var(--size5);

    margin-bottom: 0.9375rem;

    color: #000;

}

#blog p {

    font-size: var(--size1);

    line-height: var(--size3);

    font-weight: 400;

    margin-bottom: 1.5rem;

    color: #000;

}

#blog .blog_img_box{

    position: relative;

    width: 100%;

    overflow: hidden;

    cursor: pointer;

    border-radius: 1.9375rem;

    margin-bottom: 1.5rem;

    border: 0.1875rem solid #000;

    background: #000;

}

#blog .blog_box img{

    position: relative;

    width: 100%;

    height: auto;

}

#blog .blog_box:hover img{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}









.wizard-big.wizard > .content {

    min-height: 400px;

}

.wizard > .content > .body {

    float: left;

    position: absolute;

    width: 100%;

    height: auto;

    padding: 0 !important;

}

.wizard > .steps {

    display: none;

}

.wizard > .content {

    background: #fff;

}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {

    color: transparent !important;

}

.wizard > .actions > ul {

    display: grid;

    text-align: center;

    transform: rotate(180deg);

    width: 100%;

    margin: auto;

    justify-items: center;

    justify-self: center;

}

.wizard > .actions > ul > li {

    margin-bottom: 1.25rem;

    transform: rotate(-180deg);

    width: 100%;

    display: block;

    text-align: center;

    max-width: 30rem;

}

.form-content{

    padding: 0.9375rem 1.5vw;

    max-width: 30rem;

    margin: auto;

}

.form-content.minh15{

    min-height: 0.9375rem

}

.progress-container { 

	text-align: center; 

	margin-bottom: 1.875rem;

} 

.progress-container #progressbar { 

	list-style-type: none; 

	display: flex; 

	justify-content: space-between; 

} 

.progress-container #progressbar ul {

    margin-bottom: 0;

}

.progress-container #progressbar li { 

	flex: 1; 

	font-size: 15px;

	position: relative; 

    color: transparent;

} 

.progress-container .progress { 

	height: 1.5rem; 

	background-color: #fff; 

	border-radius: 1.875rem; 

	overflow: hidden; 

    border: 0.1875rem solid #000;

} 

.progress-container .progress-bar { 

    background-color: var(--pink1);

    width: 0;

    height: 100%;

    transition: width 0.4s ease-in-out;

    border: 0.1875rem solid #fff;

    border-radius: 1.875rem;

} 

#iu-form-snc-row{

    /*display: none;*/

}

#multi-form-snc-row{

    display: none;

}

.splide__arrow {

    width: 3rem;

    height: 3rem;

}

#iu-form-row .error, .multi-form .error{

    color: #ff0000 !important;

}

.form-loader{

    z-index: 999;

}

.tab {

    display: none;

}

input.invalid {

    /*background-color: #ffeaea;*/

}  

@media (max-width: 767px) {

.fancybox-iframe {

    background: transparent !important;

    height: auto !important;

}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide > * {

    background: transparent !important;

}

}

body.fancybox-iosfix {

    position: absolute;

    left: 0;

    right: 0;

}