html, body {font-family: 'Playfair Display', serif; overflow-x: hidden;min-height: 100vh;}
.montserrat,.montserrat p,.montserrat h1,.montserrat h2,.montserrat h3,.montserrat h4,.montserrat h5,.montserrat,.montserrat span,.montserrat a {font-family: 'Montserrat', sans-serif !important;}
section {}
section.blur {}
footer {filter: blur(0); transition: all .7s;}
footer.blur {filter: blur(10px);}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center; height: 100%}
.disp-block {display: block !important;}
.disp-inline {display:inline-block;}
.p0 {padding: 0;}
.mt30{margin-top: 30px;}
.fl-r {float: right;}
.s-margin {margin: 0 45px;}
.h-fix {height: 100%;}
.mobile-visible {display: none}
p.head{font-size: 41px; color: #222; font-weight: 700; margin: 0;margin-left: 50px;margin-right:15px;}
a {text-decoration: none !important;}
* {}
.anim1 {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.anim5 {-webkit-transition: all 2s ease-in;-moz-transition: all 2s ease-in;-o-transition: all 2s ease-in;transition: all 2s ease-in;}
header {position: absolute;top: 0;width: 100%;z-index: 3;height: 100px;}
header img.logo {max-width: 102px;}
header .menu-toggle {float: right;font-size: 18px;color: #fff;margin-top: 35px;padding-right: 30px;position: relative;cursor: pointer;user-select: none;z-index: 3;}
header .menu-toggle::before {content: '';width: 30px;height: 2px; background: #fff;position: absolute;top: 50%; transform: translateY(-50%);right: -10px;transition: all .4s;}
header .menu-toggle::after {content: '';width: 30px;height: 2px; background: #fff;position: absolute;top: 50%; transform: translateY(-50%) rotate(90deg);right: -10px;transition: all .4s;}
header .menu-toggle.active::before {transform: translateY(-50%) rotate(45deg);}
header .menu-toggle.active::after {transform: translateY(-50%) rotate(-45deg);}
header nav {position: fixed;right:0;transform: translateX(100%);top: 0;width: 400px;background: #0005; height: 100%;z-index: 2;transition: all .4s;}
header nav.active {transform: translateX(0);}
header nav ul {list-style: none;padding: 0;margin: 0;margin-top: 120px;text-align: right;display: inline-block;}
header nav ul li {margin-bottom: 10px;}
header nav ul li a {color: #fff;font-weight: 400;font-size: 18px;transition: all .4s;}
header nav ul li a:hover {color: #fff !important;text-decoration: none !important;opacity: .4;}

.overClose {
    display: none;
}
.overClose.active {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    display: block;
}

.padNone {padding: 0;}
.m0 {margin:0;}

header.page {background: #000;position: fixed;overflow: hidden;z-index: 5;}


#home {width: 100%; height: 100vh;}
#home .bg-alpha {height: 100%;background: rgba(0,0,0,.3);width: 100%;position: absolute;z-index: 2;top: 0;display: none;}
#home .swiper-container {height: 100vh;width:100%;}
#home .swiper-slide .overlay {position: relative;z-index: 3;}
#home .swiper-slide {}
#home .swiper-slide .inline {
    position: absolute;
    top: 50%;
    width: 100%;
}
#home .swiper-slide p.slide-head{font-size: 54px; color: #fff;font-weight: 400; line-height: 55px;position: relative;}
#home .swiper-slide p.slide-content{font-size: 20px; color: #fff;font-weight: 400;width: 500px;margin-top: 35px;}
#home .swiper-pagination {bottom: 25%;z-index: 5;}
#home .swiper-pagination-bullet {background: #fff;width: 12px;height: 12px;margin: 0 10px;}
#home .swiper-pagination-bullet-active {background: #fff;}

.sifiratik {
    width: 68px;
    margin: 0 5px;
}

.hhj h2 {font-size:22px;}
#collections-and-unova {margin:30px 0;}

#uretim p.uretim-head {font-size: 36px;color: #222; font-weight: 400;position: relative;}
#uretim p.uretim-head::after {content: '';width: 50%; height: 1px; background: #000;position: absolute;bottom: -10px;left: 0;}
#uretim p.uretim-content {font-size: 16px;color: #222; font-weight: 300;line-height: 30px;margin-top: 40px;}
#uretim a {display: inline-block;border: 1px solid #222; padding: 10px 35px;color: #222;text-decoration: none !important;margin-top: 20px;transition: all .4s;position: relative;}
#uretim a:after {content:"";width: 0;height: 100%;position: absolute;left: 0;top: 0;background: #000;z-index: -1;}
#uretim a:hover {color: #fff;}
#uretim a:hover:after {width:100%;transition: width 0.5s ease;}
#uretim .uretimLeft {
    width: 100%;
    height: 500px;
    background: url("../images/uretim2.jpg") center center no-repeat;
    background-size:cover !important;
    overflow: hidden;
}
#uretim .uretimRight {background: #d9d9da;height: 500px;padding: 30px;}
#uretim .uretimRight .in {position: absolute;top: 50%;transform: translateY(-50%);padding-right: 30px;}


.sertifikalarRight .owl-carousel .owl-item img {
   
    max-width: 200px;
}

    
#sertifikalar {margin: 30px 0 10px;}
#sertifikalar .sertifikalarLeft {
    width: 100%;
    height:260px;
    background: url("../images/sertifikalar-left2.jpg") center center no-repeat;
    background-size:cover !important;
}
#sertifikalar .sertifikalarRight {
    position: relative;
    padding: 0 150px;
}
#sertifikalar .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .6;
}
#sertifikalar h2 {
    font-weight: 900;
    color: #fff;
    font-size: 54px;
    letter-spacing: 5px;
}
#sertifikalar .in {padding:30px;position: absolute;top: 50%;transform: translateY(-50%);right:0;}
#sertifikalar .sertifikalarRight a {width: 100%;height: 100%;position: absolute;top: 0;left:0;z-index: 2}

#haberler {background:#f3f3f3;padding: 30px 0;}
#haberler .item {
    position: relative;
    max-height: 162px;
    overflow: hidden;
    padding-bottom: 7px;
}
#haberler .item::after {content: '';width: 100%; height: 1px;background: #222;position: absolute;bottom: 0;left: 0;transition: all .4s;}
#haberler .item:hover::after {height: 7px;}
#haberler .item p.date {color: #222 !important;font-weight: 600;font-size: 16px;font-family: 'Playfair Display';}
#haberler .item .content {color: #222 !important;font-weight: 300;font-size: 16px;line-height: 25px;padding-bottom: 10px;min-height: 85px;}

footer {background: #000;padding-bottom: 120px;margin-top: 10px;}
footer * {font-family: "Montserrat";}
footer p.footer-head{font-size: 18px;color: #fff;font-weight: 300;border-bottom: 1px solid #fff;padding: 20px 0;height: 80px;display: flex;align-items: center;margin-bottom: 20px;}
footer p.footer-head.footer-social{justify-content: flex-end;}
footer p.footer-head a{margin: 0 10px;color: #fff !important;}
footer ul{list-style: none;padding: 0;display: inline-block;}
footer ul li{float: left;margin-right: 20px;padding: 10px 0;}
footer ul li a{color: #fff;font-weight: 300;font-size: 14px;position: relative;}
footer ul li a:hover{color: #fff;}
footer ul li a::after{content: '';height: 100%;width:1px;background: #fff4;position: absolute;right: -10px;}
footer ul li:last-child a::after{display: none;}
footer p.copyright {color: #fff;font-weight: 400;font-size: 16px;margin-top: 30px;}
footer .bulten {width: 70%;}
footer .bulten .bulten-head {font-size: 16px;color: #fff;font-weight: 400;padding-bottom: 10px;margin-top: 30px;margin-bottom: 20px;}
footer .bulten form input {height: 40px;color: #222;font-weight: 300;width: calc(100% - 100px);padding: 0 10px;border: 0;margin: 0;}
footer .bulten form button {height: 40px;margin: 0;text-align: center;border: 0;width: 96px;position: relative;left: -5px;font-weight: 600;color: #222;border-left: 1px solid #2223;}
.sertifikaOwl .owl-stage {
    display: flex;
    align-items: center;
}
.sertifikaOwl img {padding: 30px 0;}
.flexFit {
    display: flex;
    align-items: center!important;
}
.gy1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gy2 {
    position: relative;
    padding: 15px;
}
.gy2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 8px solid #838383;
    border-radius: 100%;
}
.gy2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 8px;
    border-style: solid;
    border-color:#79903b ;
    border-radius: 100%;
    z-index: 1;
}
.rotating {
    -webkit-animation: rotating 15s linear infinite;
    -moz-animation: rotating 15s linear infinite;
    -ms-animation: rotating 15s linear infinite;
    -o-animation: rotating 15s linear infinite;
    animation: rotating 15s linear infinite;
}
.srBox {
    position: relative;
    overflow: hidden;
}
.cGreen {color:#79903b;}
.leftOk {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50px;
}
.rightOk {
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50px;
}

section {margin-top:100px;}
section.home {margin-top:0;}
#pageHeader {background: url(../images/pageHeader.jpg) center center no-repeat;padding: 70px 15px;position: relative;background-size: cover !important;}
#pageHeader.contact-page {background: url(../images/contact-page.jpg) center center no-repeat;}
#pageHeader.about {background: url(../images/drone.jpg) center center no-repeat;}
#pageHeader .overlay {width: 100%;height: 100%;position: absolute;left:0;top:0;background: #000;opacity: .3;}
#pageHeader h1 {color: #fff;margin: 30px 0;    line-height: 1.4;}
#pageHeader p {font-size: 20px;color: #fff;font-weight: 300;font-family: 'Montserrat';}

.damla {
    float: left;
    margin-right: 10px;
}
.sdsd {
    font-size: 200%;
}
.uht {
    font-weight: 600;
}
.fitStyle {
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

#pageDetails {padding: 30px 0;}
#pageDetails .repeater:after {
    content: "";
    width: 100%;
    height: 41px;
    background: url(../images/pageRepeater.png);
    position: absolute;
    margin: -49px 0 0 221px;
    background-size: contain;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}
#pageDetails .repeater.fix:after{
    margin: -10PX 0 0 0;
}

#pageDetails .content p, #pageDetails .content ul li {
    font-family: 'Montserrat';
    color: #000;
    font-size: 15px;
}
.circleContainer {width: 100%;margin:40px 0;overflow: hidden;}
.circleContainer .cont {width: 150px;height: 150px;float:left;margin: 0 0 0 -20px;position: relative;border-radius: 100%;overflow: hidden;}
.circleContainer .cont:first-child {margin:0;}
.circleContainer .cont .imgArea {border: 1px solid #000;border-radius: 100%;}
.circleContainer .cont .imgArea .de {}
.circleContainer .cont:hover .imgArea {background: #000;}
.circleContainer .cont.active .imgArea {background: #000;}

.circleContainer .cont .imgArea img.re {position: absolute;top: -100%;z-index: 1;}
.circleContainer .cont:hover .imgArea  img.re {top:0;}
.circleContainer .cont.active .imgArea  img.re {top:0;}

.m200 {max-width: 200px;}
.m150 {max-width: 150px;}
.galleryArea img {max-width: 24%;margin-top:20px;}
.galleryArea.three img {max-width: 32%;}

#collections-and-unova .cont {position: relative;min-height:500px;max-height: 500px;overflow: hidden;margin-bottom:30px;}
#collections-and-unova .cont .overlay {width: 100%;height: 100%;background: #000;position: absolute;opacity: .6;top:0;left:-100%;z-index: 13;}


#collections-and-unova .cont .botHover {position: absolute;top: -100%;left:0;width: 100%;z-index: 20;font-weight: 800;font-size: 60px;color: #fff;padding: 20px;}
#collections-and-unova .cont .botHover p {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 300;
}
#collections-and-unova .cont .botHover img {max-width: 50%;}
.h2, h2 {
    font-size:24px;
}

#collections-and-unova .hoverArea:hover .cont .overlay {left:0}
#collections-and-unova .hoverArea:hover .cont .botHover {top: 50%;transform: translateY(-50%);}
#collections-and-unova .hoverArea:hover .hImage {}

.fluidMedia.asd {
    padding: 0 !important;
    height: 500px;
}
.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.hiddenN {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
    margin:0;
    height:0;
}
p.hiddenN.showN {
    transform: scaleY(1);
    height:auto;
    margin-bottom:10px;
}
.repeater {
    overflow: hidden;
    position: relative;
}

.uretimBox {
    min-height: 690px;
 
    background-size: 100%;
}
.colN2:hover .uretimBox {
    background-size: 110%;
}
#an1 {
    background-image: url(../images/uretimPage1.jpg);
}
#an2 {
    background-image: url(../images/uretimPage2.jpg);
}
#an3 {
    background-image: url(../images/uretimPage3.jpg);
}
.uretimBox .head {
    color: #fff;
    font-size: 55px;
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.uretimLink {position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 2;}
.hideProject {
    position: absolute;
    z-index: 4;
    width: 100%;
    top: 0;
    left: -100%;
}
.colN {
    width: 33.33333333%;
    float: left;
    position: relative;
}
.colN2 {
    width: 50%;
    float: left;
    position: relative;
}
.colN1 {
    width: 100%;
    position: relative;
}
.cHead {
    color: #79903b !important;
    font-family: 'Playfair Display' !important;
    font-size: 18px !important;
    font-style: italic;
    text-align: justify;
}
.cheadB {
    font-family: 'Playfair Display' !important;
    font-size: 18px !important;
    font-style: italic;
}
.hideProject .head {font-size:43px;font-weight: 500;color:#fff;}
.hideProject .item p {
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 100;
    color: #fff;
    text-align: justify;
}
.hideProject .item .closeBlock img {position: absolute;top: 50%;right:50%;transform: translate(50%,-50%);}
.hideProject .item .closeBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: #3d3d3d;
    cursor: pointer;
}

.hideProject .item.colN p {
    min-height: 180px;
}
.hideProject .item.colN, .hideProject .item.colN2 {
    min-height: 690px;
}
.hideProject .subhead {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 15px;
    margin: 20px 0;
}
.cont {
    position: relative;
    overflow: hidden;
}
.blue1 {background: #afc0d0;}
.blue2 {background: #9facba;}
.blue3 {background: #929aab;}

.modaColor1 {background: #d5d5d3;}
.modaColor2 {background: #cccbc8;}
.hideProject.moda .head, .hideProject.moda .subhead, .hideProject.moda p {
    color: #000000;
}
.isletmeColor1 {
    background: #6d6655;
}

.hideProject .transBlock {

    
    padding: 20px 45px 15px 15px
}

.hideProject.evTekstil.active {left:0;}
.hideProject.moda.active {left:0;}
.hideProject.isletme.active {left:0;}

.full {width: 100%;}
.newsDetails {
    margin-top:30px;
}


@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotatingReverse {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.rotating {
    -webkit-animation: rotating 15s linear infinite;
    -moz-animation: rotating 15s linear infinite;
    -ms-animation: rotating 15s linear infinite;
    -o-animation: rotating 15s linear infinite;
    animation: rotating 15s linear infinite;
}
.reverse {
    -webkit-animation: rotatingReverse 15s linear infinite;
    -moz-animation: rotatingReverse 15s linear infinite;
    -ms-animation: rotatingReverse 15s linear infinite;
    -o-animation: rotatingReverse 15s linear infinite;
    animation: rotatingReverse 15s linear infinite;
}

.swiper-container video {
    min-height: 100vh;
    min-width: 100vw;
    position: absolute;
}
.mVisible {display:none;}


.sidebar {
    
    
    border-radius: 10px;
}
.sidebar ul li.active {background: #000;}
.sidebar ul li.active a {color: #fff;background: #000}
.sidebar ul li a {color: #000;padding: 15px 20px;
    display: block;
    background: #f9f9f9;}
.sidebar ul li {
    
}
.sidebar ul {
    margin:0;padding: 0;list-style-type: none;
}

form.signup button {
    height: 40px;
    margin: 0;
    text-align: center;
    border: 0;
    width: 96px;
    position: relative;
    left: -5px;
    font-weight: 600;
    color: #222;
}
.afaf {
    color: #000;
    padding: 15px 20px;
    display: block;
    background: #f9f9f9;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .mHidden {display:none;}
    .mVisible {display:block;}
    #home .swiper-slide p.slide-head {font-size:24px;line-height: inherit;}
    #home .swiper-slide p.slide-content {width: auto;font-size:14px;}
    #uretim .uretimLeft {height: 250px;}
    #uretim .uretimRight {height: auto;}
    #uretim .uretimRight .in {position: relative;top: auto;transform: none;}
    #uretim p.uretim-head {font-size:24px;}
    #uretim p.uretim-content {font-size: 14px;line-height: inherit;}
    #sertifikalar .sertifikalarLeft {height: 250px;}
    #sertifikalar .sertifikalarRight {height: auto;}
    #sertifikalar .sertifikalarRight .in {position: relative;top: auto;transform: none;}
    #sertifikalar h2 {font-size:24px;}
    p.head {margin: 0;padding: 30px;font-size: 24px;}
    #haberler .item {padding: 0 30px;}
    footer {margin-top:30px;padding-bottom: 0;}
    footer p.footer-head {font-size:16px;text-align: center;display: block;height: auto;}
    footer ul li {width: 100%;text-align: center;}
    footer ul li a::after {content:none;}
    footer p.copyright {font-size:12px;text-align: center;margin-top:0;}
    footer .bulten {width: 100%;text-align: center;}
    #pageHeader h1 {font-size:24px;}
    #pageHeader h1 {font-size:14px;}
    .circleContainer .cont, .circleContainer .cont:first-child {margin:5px;}
    #collections-and-unova .cont .overlay {left:0;}
    #collections-and-unova .cont {min-height: auto;}
    #collections-and-unova .cont .botHover {top: 50%;transform: translateY(-50%);font-size: 33px;}
    .flexFit {display: block}
    #home .swiper-slide .inline {
        padding: 0 45px;
    }
    #sertifikalar .in {
        padding: 15px;
        position: relative;}
    #sertifikalar .sertifikalarLeft {height:auto;}
    #sertifikalar .in {transform: none;}
    #sertifikalar .sertifikalarRight {padding:0 50px;}
    p.head {padding: 15px;}
    #haberler .item {padding: 0;}
    footer ul {display: block;}
    #pageHeader h1 {font-size:18px;}
    #pageHeader {padding: 35px 0px;}
    #pageDetails .content p, #pageDetails .content ul li {font-size:14px;}
    .m200 {max-width: 140px;}
    #pageHeader p {font-size:14px;}
    #pageDetails .repeater:after {height: 44px;    margin: -44px 0 0 160px;}
    .uretimBox {min-height: 500px}
    .uretimBox .head {font-size:20px}
    .hideProject .item.colN, .hideProject .item.colN2 {min-height: 500px;}
    #an1, #an2 {background-size:cover;}
    .colN, .hideProject .colN2 {width:100%;overflow: hidden;}
    .hideProject {    overflow: auto;
        height: 100%;}
    .hideProject .head {font-size:24px;}
    .cHead {font-size:16px !important;}
    .fky {display:none;}
}
.uretimLeft img {
    margin-top:-10px;
}


.group 			  {
    position:relative;
    margin-bottom:45px;
}
.group input 				{
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    width:300px;
    border:none;
    border-bottom:1px solid #757575;
}
.group input:focus 		{ outline:none; }

/* LABEL ======================================= */
.group label 				 {
    color:#999;
    font-size:18px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

/* active state */
.group input:focus ~ label, .group input:valid ~ label 		{
    top:-20px;
    font-size:14px;
    color:#5264AE;
}

/* BOTTOM BARS ================================= */
.group .bar 	{ position:relative; display:block; width:300px; }
.group .bar:before, .group .bar:after 	{
    content:'';
    height:2px;
    width:0;
    bottom:1px;
    position:absolute;
    background:#5264AE;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.group .bar:before {
    left:50%;
}
.group .bar:after {
    right:50%;
}

/* active state */
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {
    width:50%;
}

/* HIGHLIGHTER ================================== */
.group .highlight {
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:0.5;
}

/* active state */
.group input:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}