@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,900&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Exo:200,300,400,500,700,900&subset=latin-ext);
@font-face{font-family:'BankGothic Md BT';src:url(../fonts/BankGothicBT-Medium.eot);src:url(../fonts/BankGothicBT-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/BankGothicBT-Medium.woff2) format('woff2'),url(../fonts/BankGothicBT-Medium.woff) format('woff'),url(../fonts/BankGothicBT-Medium.ttf) format('truetype'),url(../fonts/BankGothicBT-Medium.svg#BankGothicBT-Medium) format('svg');font-weight:400;font-style:normal}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
input,select,textarea{font-family:Roboto,sans-serif}
body{line-height:1;font-family:Roboto,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
img{max-width:100%;display:block;height:auto}
main{overflow:hidden;right:0;background-color:#fff;transition:all .3s ease-in-out;min-height:300px}
.all.w100{opacity:0;transition:all .7s ease-in-out}
.all.w100.loadTrue{display:inline-block;opacity:1}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#fff}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#000}
.ty-vertical img{display:inline-block}
.w100{display:inline-block;position:relative;float:left;width:100%}
.mtopBar{margin-top:95px}
.topBar{position:fixed;top:0;left:0;height:95px;z-index:5;background-color:#fff;transition:all .3s ease-in-out}
.logo{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:205px;height:100%}
.topRight{position:absolute;right:180px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.topMenu{margin:0 auto;display:table;position:relative;top:50%;transform:translateY(-50%)}
.topMenu ul li{float:left;margin:0 5px;display:inline-block;position:relative}
.topMenu ul li a{color:#333;font-weight:800;font-size:18px;padding:7px 10px;display:block;transition:all .4s cubic-bezier(.42,0,.15,1)}
.colorList{margin:30px auto;display:table;font-family:'BankGothic Md BT'}
.colorList li{float:left;margin:0 10px}
.colorList li a{color:#333;font-weight:200;font-size:20px;transition:all .2s ease-in-out;padding:6px 15px;border-radius:3px;position:relative}
.colorList li a i{font-size:70%;position:relative;display:inline-block;top:-7px;margin-left:1px}
.kariyer{float:left;margin-right:25px}
.socialTop{float:left;margin-right:25px;position:relative}
.lang{float:left}
.kariyer a{display:inline-block;padding:8px 25px;background-color:#d2d2d2;color:#000;border-radius:3px;font-size:12px;font-weight:700;transition:all .2s ease-in-out}
.lang li{width:33px;height:33px;float:left;display:inline-block;box-sizing:border-box;border:1px solid #000;margin:0 -1px 0 0}
.lang li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;color:#000;font-weight:700;font-size:14px;transition:all .2s ease-in-out}
.lang li a.active{background-color:#000;color:#fff}
.lang li a:hover:not(.active){background-color:#dfdfdf}
.homeSlider{height:calc(85vh - 175px)}
.sliderContainer{width:1180px;margin:0 auto;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-bottom:120px}
.sliderContainer span{color:#fff;font-size:70px;width:50%;line-height:1.4;letter-spacing:5px;display:none;text-shadow:3px 3px 5px #000}
.swiper-slide-active .sliderContainer span{display:inline-block}
.thumbtt{position:relative;display:inline-block;transition:all .3s cubic-bezier(.42,0,.19,1);top:0;left:0}
.thumbtt::before{content:"";position:absolute;bottom:-20px;left:0;background:url(../images/icons/right-arrow.png);width:20px;height:14px;background-size:100%;background-position:left top;background-repeat:no-repeat;transition:all .3s cubic-bezier(.42,0,.19,1)}
.swiper-slide-thumb-active .thumbtt::before{background-position:left 100%}
.bizeulasin{position:absolute;right:15px;top:0;z-index:52}
.threeLines{position:absolute;left:0;bottom:-3px;width:100%}
.threeLines span{height:3px;background-color:#000;width:33.33%;float:left;margin-right:0}
.threeLines span:last-child{margin-right:0;background-color:#77acce}
.threeLines span:nth-child(1){background-color:#e52324}
.threeLines span:nth-child(2){background-color:#9c9520}
.homeHk{padding:60px 0 60px}
.container{width:1350px;margin:0 auto;position:relative}
.homeHk h1{float:left;width:35%;font-size:40px;font-weight:600;color:#151d28;line-height:1.3;font-family:Exo,sans-serif}
.homeHkText{float:left;width:56%;margin-left:9%}
.sisan{position:absolute;left:-15%;top:65px;font-size:155px;font-weight:300;color:#f3f3f3;writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;transform:rotate(180deg);-ms-writing-mode:vertical-lr;font-family:'BankGothic Md BT'}
.homeHkText p{margin-bottom:60px;font-size:19px;line-height:2.3;color:#333}
.homeHk .container{border-bottom:1px solid #ccc;padding-bottom:70px;padding-top:60px;display:table}
.homeHkText p:last-child{margin-bottom:0}
.homeUrunContainer{width:calc(100% + 1350px);position:relative;right:-100%;transform:translateX(-50%);display:inline-block}
.homeUrunList{width:100%;float:left;display:inline-block;margin-top:40px;position:relative;z-index:1}
.homeUrunList ul li{width:24.25%;float:left;display:inline-block;background-color:#fff;margin-right:1%;height:200px;position:relative}
.homeUrunList ul li:last-child{margin-right:0}
.homeUrun{padding-bottom:150px}
.homeUrunList ul li a{display:flex;align-items:flex-end;height:100%;width:100%;position:relative;padding:0 25px 20px;box-sizing:border-box;color:#fff;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:all .5s cubic-bezier(.42,0,.14,1.01);overflow:hidden;float:left}
.homeUrunList ul li a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background-color:rgba(0,0,0,.25);z-index:0;transition:all .6s cubic-bezier(.42,0,0,1)}
.homeUrunAd{position:relative;z-index:2;font-size:15px;margin-bottom:5px;display:inline-block;width:100%;font-weight:700;letter-spacing:.5px;transition:all .5s ease-in-out;filter:brightness(1)}
.title{font-size:25px;letter-spacing:15px;font-weight:800;margin-bottom:30px;position:relative;z-index:1}
.homeUrunText{width:100%;position:relative;z-index:1}
.homeUrunText p{font-size:19px;line-height:2}
.urunDots{position:absolute;left:-65px;top:34%;z-index:0;background:url(../images/dots.png);width:405px;height:370px}
.masterbatchText{float:right;width:60%;margin-left:3%}
.hmb{float:left;width:37%;position:relative}
.hmbtDots{position:absolute;left:-65px;top:15%;z-index:0;background:url(../images/dots.png);width:405px;height:370px}
.masterbatchImg{position:relative;z-index:1;display:inline-block;width:100%}
.hmbThumb1{box-shadow:-5px 5px 25px rgba(0,0,0,.1)}
.hmbThumb{position:absolute;left:80%;bottom:-50px;z-index:2;box-shadow:-5px 5px 25px rgba(0,0,0,.1)}
.masterbatch{margin-bottom:110px}
.masterbatchText h2{font-size:30px;letter-spacing:10px;font-weight:800}
.masterbatchList{width:100%;display:inline-block;margin-top:10px}
.masterbatchList li{width:24.25%;float:left;display:inline-block;margin-right:1%;margin-bottom:20px;font-size:17px;color:#000}
.masterbatchList li:nth-child(4n+4){margin-right:0}
.masterbatchList li strong{font-weight:900}
.dist{background-color:#1b1f23;padding:95px 0 120px}
.distTitle{width:100%;margin-bottom:55px;padding-bottom:30px;border-bottom:1px solid;color:#fff;font-size:40px;font-weight:900}
.distDetail{width:100%;display:inline-block;color:#fff}
.distDetail h3{font-size:40px;font-weight:900;line-height:1.2;margin-bottom:25px}
.distDetail p{font-size:18px;font-weight:300}
.distNot{width:65%;font-size:18px;color:#fff;line-height:1.7;font-weight:300}
.distNotTitle{position:absolute;left:-70px;bottom:0;writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;transform:rotate(180deg);-ms-writing-mode:vertical-lr;color:#fff;font-size:35px;font-weight:200;letter-spacing:2px;padding-top:300px}
.worldMap{width:100%;margin:100px 0 70px}
.distNotTitle::before{content:"";position:absolute;left:50%;top:0;height:270px;width:1px;background-color:#fff}
.kesfet{position:absolute;right:-25px;top:40%;color:#fff}
.kesfet strong{writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;transform:rotate(180deg);-ms-writing-mode:vertical-lr;font-weight:700;letter-spacing:3px}
.kesfet svg{position:absolute;left:50%;bottom:-30px;transform:translate(-50%)}
.bottom{background-color:#000;height:200px}
.bizeulasinFooter{position:absolute;left:0;top:-50px}
.fbCenter{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;top:50%;transform:translateY(-50%);color:#919191}
.socialFooter{position:absolute;right:100px;top:50%;transform:translateY(-50%)}
.iso{position:absolute;right:-170px;top:50%;transform:translateY(-50%)}
.bottom .container{height:100%}
.fbCenter a{color:#919191}
.footerLogo{margin-bottom:20px}
.copyright{margin-bottom:10px;font-size:13px}
.gikk{margin-bottom:20px;font-size:8px}
.gikk a{text-decoration:underline}
.beri{font-size:11px;letter-spacing:4px;color:#fff}
.socialFooter ul li{float:left;margin-left:10px}
.socialFooter ul li a{color:#fff;transition:all .2s ease-in-out;font-size:20px}
.socialTop ul li{float:left;margin:0 5px}
.socialTop ul li a{color:#000;font-size:18px;transition:all .2s ease-in-out}
.innerSect{padding:120px 0}
.hkpage{display:none;width:100%;position:relative;color:#000}
.hkpage.open{display:inline-block}
.hkTab{width:100%;display:inline-block;margin-bottom:50px}
.hkTab ul{float:left}
.hkTab ul li{float:left;margin-right:-1px}
.hkTab ul li a{width:150px;text-align:center;border:1px solid #e2e2e2;font-size:15px;font-weight:800;color:#000;height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}
.hkTab ul li a.active{background-color:#f6f6f6;border:0 solid #e2e2e2}
.innerTitle{font-size:25px;letter-spacing:5px;font-weight:800;margin-bottom:20px;width:100%}
.hkpage h4{margin-bottom:45px;font-size:41px;line-height:1.4;font-weight:200;width:100%;display:inline-block;padding-right:10%;box-sizing:border-box}
.hkHalfText{width:50%;float:left;display:inline-block;margin-right:12%}
.innerText{font-size:19px;line-height:1.7}
.innerText p{margin-bottom:40px}
.hkHalfImg{width:38%;float:left;position:relative}
.hkimg1{width:100%;float:left;margin-bottom:30px;position:relative;z-index:2}
.hkimg2{width:75%;float:right;margin-top:30px;position:relative;z-index:1}
.hkDots{position:absolute;bottom:-12%;z-index:0;right:9%;background:url(../images/dots.png);width:75%;height:380px}
.hkBottomImg{width:100%;display:inline-block;position:relative;margin-top:100px;margin-bottom:150px}
.hkBottomImg-1{width:100%;box-shadow:0 10px 20px rgba(0,0,0,.2);position:relative;z-index:1}
.hkBottomImg-2{position:absolute;right:3%;bottom:-30%;box-shadow:0 0 20px rgba(0,0,0,.3);z-index:2}
.hkBottomDots{background:url(../images/dots.png);width:405px;height:150px;position:absolute;right:3%;top:-50px;z-index:0}
.hkHeader{height:calc(85vh - 95px);background:url(../images/hk.jpg) center center no-repeat;background-size:cover}
.laboratuvarText{width:50%;float:left;margin-right:12%}
.laboratuvarImg{float:right;margin-bottom:30px;width:38%;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.labDots{background:url(../images/dots.png);width:75%;height:500px;position:absolute;left:-10%;bottom:-50px;z-index:0}
.laboratuvarImg img{width:100%;position:relative;z-index:1}
.labimg2::before{content:"";background:url(../images/dots.png);width:68%;height:380px;position:absolute;right:7%;top:-45px;z-index:0;margin-top:0;transition:all .2s cubic-bezier(.42,0,.13,.99);opacity:1;animation-duration:1s;animation-delay:.3s}
.labimg1::before{content:"";background:url(../images/dots.png);width:50%;height:345px;position:absolute;left:-10%;bottom:-70px;z-index:0}
.labimg1{width:55%;float:left;display:inline-block;box-sizing:border-box;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.labimg2{float:left;width:40%;margin-left:5%;position:relative;box-sizing:border-box;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.labimg2 img{position:relative;z-index:1}
.labBottom{margin-top:100px;margin-bottom:40px}
.labimg1 img{position:relative;z-index:1}
.urunMenu{width:100%}
.urunMenu li{width:25%;float:left;height:75px}
.urunPage{display:none;width:100%;padding:50px;box-sizing:border-box;background-color:#f6f6f6;margin-bottom:80px}
.urunPage.open{display:inline-block}
.urunMenu li a{width:100%;height:100%;display:flex;align-items:flex-end;padding:0 0 25px 50px;box-sizing:border-box;background-color:#1b1f23;color:#fff;font-weight:800;transition:all .2s ease-in-out}
.urunMenu li a.active{background-color:#f6f6f6;color:#000}
.urunPage{font-size:19px;color:#000}
.urunPage p{margin-bottom:40px;line-height:1.6;width:100%;display:inline-block}
.urunPage h3{font-weight:700;margin-bottom:15px;font-size:110%}
.urunList-w4{width:100%;display:inline-block;margin-bottom:35px;margin-top:10px}
.urunList-w4 li{float:left;width:24.25%;margin-bottom:25px;margin-right:1%;font-weight:300}
.urunList-w4 li:nth-child(4n+4){margin-right:0}
.urunImgs{width:100%;display:inline-block;margin-bottom:-150px}
.urunImgs li{float:left;width:24.25%;display:inline-block;position:relative;margin-right:1%;box-shadow:0 10px 25px rgba(0,0,0,.1)}
.urunImgs li:nth-child(4n+4){margin-right:0}
.urunImgs li img{width:100%}
.urunPage p strong{font-weight:500}
.uretimText{width:50%;float:left;margin-right:12%}
.uretimImgDots{position:absolute;right:28%;bottom:-27%;z-index:0;background:url(../images/dots.png);width:365px;height:370px}
.uretimImg{float:right;margin-bottom:30px;width:38%;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.uretimImg img{width:100%;position:relative;z-index:1}
.uretimImg-1{position:relative;width:100%;display:inline-block;float:left;margin-bottom:300px}
.utImg1{width:82%;position:relative;z-index:1;box-shadow:0 0 25px rgba(0,0,0,.15)}
.utImg2{position:absolute;right:0;bottom:-18%;width:35%;text-align:right;z-index:2;box-shadow:0 0 25px rgba(0,0,0,.15)}
.utImg2 img{float:right}
.utImg1 img,.utImg2 img,.utImg3 img,.utImg4 img{width:100%}
.uretimImgDots2{position:absolute;left:5%;top:15%;z-index:0;background:url(../images/dots.png);width:300px;height:370px}
.utImg3{float:right;width:85%;position:relative;z-index:1;box-shadow:0 0 25px rgba(0,0,0,.15)}
.utImg4{width:23%;position:absolute;top:10%;left:0;z-index:2;box-shadow:0 0 25px rgba(0,0,0,.15)}
.uretimImg-1:last-child{margin-bottom:0}
.innerText h3{margin-bottom:5px}
.quality li{float:left;width:48%;margin-right:4%}
.quality li:nth-child(2n+2){margin-right:0}
.inrRt{float:right;width:70%;height:720px;background-color:#fff;display:inline-block;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat}
.inrLb{float:left;width:30%;height:720px;background-color:#f6f6f6;display:inline-block;position:relative}
.lbTop{width:100%;height:40%;background-color:#000;color:#fff;padding:50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}
.lbTop h2{font-size:40px;font-weight:200}
.lbTop p{font-size:14px;margin-top:20px;line-height:1.4}
.lbBottom{height:60%;width:100%;display:flex;align-items:center;justify-content:center;padding:0 50px;box-sizing:border-box}
.kariyerForm{width:100%}
.kariyerForm form>ul{display:inline-block;width:100%}
.kariyerForm form>ul>li{width:100%;display:inline-block;position:relative;margin-bottom:10px}
.kariyerForm form>ul>li input,.kariyerForm form>ul>li textarea{width:100%;box-sizing:border-box;border:none;background-color:#fff;height:40px;border-radius:3px;padding:0 10px;outline:0;transition:all .2s ease-in-out}
.kariyerForm form>ul>li>span{font-size:14px;margin-bottom:10px;display:inline-block;width:100%;font-weight:700}
.submit{width:100%;display:inline-block;position:relative}
.submit input{cursor:pointer;width:100%;border:none;background-color:#000;color:#fff;height:50px;border-radius:3px;font-weight:700;font-size:13px;transition:all .2s ease-in-out;outline:0}
.kariyerForm form>ul>li>input:focus,.kariyerForm form>ul>li>textarea:focus{box-shadow:0 3px 20px rgba(0,0,0,.05)}
.submit input:hover{background-color:#8aff9d;color:#316f3b}
.file_label{margin:0 auto;font-size:12px;width:auto;height:35px;line-height:35px;background-color:#8aff9d;color:rgba(0,0,0,.4);text-align:center;border-radius:3px;transition:all .3s ease-in-out;box-sizing:border-box;font-weight:700;cursor:pointer;overflow:hidden;display:inline-block;max-width:100%;padding:0 10px;position:relative;left:50%;transform:translateX(-50%)}
.file_label:hover{background-color:#63ad6f;color:#fff}
#file{display:none}
.file_label svg{margin-right:5px}
.input_file{width:100%;display:inline-block;position:relative}
.kariyerForm form>ul>li>textarea{resize:none;height:100px;padding:10px}
.map{width:100%;display:inline-block;height:60%;float:left}
.contactSect{width:100%;padding:40px 5% 0;box-sizing:border-box;height:40%;float:left;display:inline-block}
.contactBox{width:45%;float:left;margin-right:10%}
.contactBox:nth-child(2n+2){margin-right:0}
.contactTitle{width:60px;float:left;font-size:14px;font-weight:700}
.contact{width:calc(95% - 60px);box-sizing:border-box;float:left;margin-left:5%}
.contact li{width:100%;display:inline-block;margin-bottom:15px;line-height:1.3;font-size:14px;color:#000;float:left}
.contact li strong{font-weight:700}
.contact li a{color:#000}
.ayrac{display:inline-block;margin:0 5px}
.contact li:last-child{margin-bottom:0}
.fixedForm{width:100%}
.fixedForm form>ul{display:inline-block;width:100%}
.fixedForm form>ul>li{width:100%;display:inline-block;position:relative;margin-bottom:12px}
.fixedForm form>ul>li input,.fixedForm form>ul>li textarea{width:100%;box-sizing:border-box;background-color:#fff;height:40px;padding:0 10px;outline:0;transition:all .2s ease-in-out;border:1px solid #d9d9d9;color:#000}
.fixedForm form>ul>li>span{font-size:14px;margin-bottom:10px;display:inline-block;width:100%;font-weight:700}
.submit2{width:100%;display:inline-block;position:relative}
.submit2 input{cursor:pointer;width:100%;border:none;background-color:#9c9520;color:#fff;height:45px;font-weight:700;font-size:16px;transition:all .2s ease-in-out;outline:0}
.fixedForm form>ul>li>input:focus,.fixedForm form>ul>li>textarea:focus{box-shadow:0 3px 20px rgba(0,0,0,.05)}
.submit2 input:hover{background-color:#8aff9d;color:#316f3b}
.fixedForm form>ul>li>textarea{resize:none;height:100px;padding:10px}
.fixedForm{position:fixed;right:-260px;top:50%;width:260px;background-color:#fff;box-shadow:inherit;padding:20px;box-sizing:border-box;z-index:5;transform:translateY(-50%);transition:all .4s cubic-bezier(.42,0,.11,1.01);border-top:1px solid #f0f0f0;min-height:175px; margin-top: 30px;}
.formTitle{font-size:16px;font-weight:300;margin-bottom:15px;line-height:1.4}
.fixedForm ::-webkit-input-placeholder{color:#d9d9d9}
.fixedForm ::-moz-placeholder{color:#d9d9d9}
.fixedForm :-ms-input-placeholder{color:#d9d9d9}
.fixedForm :-moz-placeholder{color:#d9d9d9}
.fixFormBtn{position:absolute;left:-45px;top:-1px;width:45px;height:175px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;transform:rotate(180deg);-ms-writing-mode:vertical-lr;border:1px solid #f0f0f0;border-left:0;box-sizing:border-box}
.closeBtn{display:none}
.fixFormBtn span{margin-bottom:10px;font-size:19px;font-weight:700;line-height:1}
.fixedForm.active{right:0;box-shadow:0 5px 20px rgba(0,0,0,.1)}
.fixedForm.active .closeBtn{display:block}
.fixedForm.active .fixFormMenu{display:none}
.swiperButtonContainer{position:absolute;left:50%;transform:translate(-50%);bottom:60px;z-index:2}
.logo a{width:100%;height:100%;display:inline-block}
.logo-wrapper #logo-svg{overflow:visible;float:left;top:50%;position:absolute;left:0;width:100%;transform:translateY(-50%);height:100%}
.logo-wrapper #logo-svg .word{opacity:0}
.logo-wrapper #logo-svg #mask #alpha{fill:#fff}
.logo-wrapper #iso{fill:#fff;opacity:0;-webkit-mask:url(#mask);mask:url(#mask)}
.st0{fill:#b5ac23}
.st1{fill:#89c7ee}
.st2{fill:#ff2829}
.labimg2.animated::before{margin-top:-70px;opacity:0}
.homeUrunList ul li a:hover::before{background-color:rgba(0,0,0,.8)}
.homeUrunList ul li a::after{content:"";position:absolute;left:-100%;top:0;bottom:0;width:100%;background-color:rgba(255,255,255,.8);z-index:0;transition:all .6s cubic-bezier(.42,0,0,1)}
.colorList li a:hover{color:#fff;background-color:#9c9520}
.topMenu ul li::before{content:"";position:absolute;top:0;width:0;height:2px;background-color:#000;left:0;transition:all .3s cubic-bezier(.74,.02,.3,.99);transition-delay:.2s}
.konumlar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;position:absolute;left:50%;top:50%;z-index:1}
.ulke{background-color:#fff;color:red;font-weight:700;padding:8px 20px;font-size:14px;margin-bottom:15px;position:absolute;top:-100px;left:50%;transform:translate(-50%);transition:all .2s ease-in-out;opacity:0;margin-top:10px;pointer-events:none;white-space:nowrap}
.konumlar:hover .ulke{opacity:1;margin-top:0;pointer-events:inherit}
.pin{position:absolute;top:0;transform:translateY(calc(-100% + 6px)) translateX(-50%);left:50%;width:18px;z-index:2}
.ulke::before{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background-color:#fff;transform:rotate(45deg);margin-left:-5px}
.konumlar a::before{content:"";position:absolute;left:50%;bottom:50%;width:7px;height:7px;background-color:rgba(255,255,255,.5);margin-left:-3.5px;margin-bottom:-3.5px;z-index:0;border-radius:360px;opacity:0}
.konumlar::after{content:"";position:absolute;left:50%;bottom:50%;width:7px;height:7px;background-color:rgba(255,255,255,.5);margin-left:-3.5px;margin-bottom:-3.5px;z-index:0;border-radius:360px;opacity:0}
.konumlar::before{content:"";position:absolute;left:50%;bottom:50%;width:7px;height:7px;background-color:rgba(255,255,255,.5);margin-left:-3.5px;margin-bottom:-3.5px;z-index:0;border-radius:360px;opacity:0}
.pin img{position:relative;top:0;z-index:1;transition:all .3s cubic-bezier(.42,0,.19,1.01)}
.konumlar:hover .pin img{transform:scale(1.2);top:-5px}
.konumlar:hover::before{-webkit-animation:pinRadius3 3s infinite;animation:pinRadius3 3s infinite}
.konumlar:hover::after{-webkit-animation:pinRadius2 3s infinite;animation:pinRadius2 3s infinite}
.konumlar:hover a::before{-webkit-animation:pinRadius1 3s infinite;animation:pinRadius1 3s infinite}
@-webkit-keyframes pinRadius1{
0%{transform:scale(0);opacity:1}
35%{transform:scale(3.5);opacity:1}
60%{opacity:0;transform:scale(3.5)}
65%{transform:scale(0)}
100%{opacity:0}
}
@keyframes pinRadius1{
0%{transform:scale(0);opacity:1}
35%{transform:scale(3.5);opacity:1}
60%{opacity:0;transform:scale(3.5)}
65%{transform:scale(0)}
100%{opacity:0}
}
@-webkit-keyframes pinRadius2{
0%{transform:scale(0);opacity:1}
15%{transform:scale(0);opacity:1}
75%{transform:scale(3.3);opacity:1}
85%{opacity:0;transform:scale(3.3)}
90%{transform:scale(0)}
100%{opacity:0}
}
@keyframes pinRadius2{
0%{transform:scale(0);opacity:1}
15%{transform:scale(0);opacity:1}
75%{transform:scale(3.3);opacity:1}
85%{opacity:0;transform:scale(3.3)}
90%{transform:scale(0)}
100%{opacity:0}
}
@-webkit-keyframes pinRadius3{
0%{transform:scale(0);opacity:1}
40%{transform:scale(0);opacity:1}
85%{transform:scale(2.5);opacity:1}
90%{opacity:0;transform:scale(2.5)}
95%{transform:scale(0)}
100%{opacity:0}
}
@keyframes pinRadius3{
0%{transform:scale(0);opacity:1}
40%{transform:scale(0);opacity:1}
85%{transform:scale(2.5);opacity:1}
90%{opacity:0;transform:scale(2.5)}
95%{transform:scale(0)}
100%{opacity:0}
}
.topMenu ul li a span{position:relative;z-index:2}
.konumlar:hover{z-index:2}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:0;left:0;width:100%;-webkit-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);-webkit-transition:-webkit-transform .5s ease-out;-ms-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out}
.pace.pace-active{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pace .pace-progress{display:block;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:10px;background:#29d;pointer-events:none}
div#nprogress{position:fixed;top:95px;width:100%;height:auto;z-index:50;left:0;transition:all .3s ease-in-out!important}
.menuBtn{display:none}
.topMenu ul li.mobileMenu{display:none}
.movie{margin:0;display:table}
.movie a{display:flex;align-items:center;color:#333;font-size:30px;letter-spacing:3px;font-weight:300;transition:all .3s cubic-bezier(.42,0,.1,1.04)}
.movie a img{margin-right:15px}
@media only screen and (min-width:850px){
.sticky .topBar{position:fixed}
.gallery-thumbs .swiper-slide:hover .thumbtt{left:5px}
.gallery-thumbs .swiper-slide:hover .thumbtt::before{left:15px}
.topMenu ul li::after{content:"";position:absolute;bottom:0;width:0;height:2px;background-color:#000;right:0;transition:all .3s cubic-bezier(.74,.02,.3,.99);transition-delay:.2s}
.topMenu ul li:hover::after{width:50%;transition-delay:0s}
.socialTop ul li a:hover{color:#b5ac23}
.kariyer a:hover{background-color:#000;color:#fff}
.topMenu ul li a::before{content:"";position:absolute;left:0;top:0;width:51%;background-color:#000;transition:all .3s cubic-bezier(.74,.02,.3,.99);height:0}
.topMenu ul li:hover::before{width:50%;transition-delay:0s}
.topMenu ul li a::after{content:"";position:absolute;right:0;bottom:0;width:51%;background-color:#000;transition:all .3s cubic-bezier(.74,.02,.3,.99);height:0}
.topMenu ul li:hover a::after,.topMenu ul li:hover a::before{height:100%;transition-delay:.2s}
.topMenu ul li:hover a{color:#fff;transition-delay:.3s}
.movie a:hover{letter-spacing:5px}
}
div.form{position:relative;z-index:2}
div#div-loading{height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;z-index:0}
.ajaxloader{width:80px;text-align:center;margin:auto}
.bubblingG{text-align:center;width:80px;height:50px}
.bubblingG span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:25px auto;background:#173c6e;-moz-border-radius:50px;-moz-animation:bubblingG 1.3s infinite alternate;-webkit-border-radius:50px;-webkit-animation:bubblingG 1.3s infinite alternate;-ms-border-radius:50px;-ms-animation:bubblingG 1.3s infinite alternate;-o-border-radius:50px;-o-animation:bubblingG 1.3s infinite alternate;border-radius:50px;animation:bubblingG 1.3s infinite alternate}
#bubblingG_1{-moz-animation-delay:0s;-webkit-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
#bubblingG_2{-moz-animation-delay:.39s;-webkit-animation-delay:.39s;-ms-animation-delay:.39s;-o-animation-delay:.39s;animation-delay:.39s}
#bubblingG_3{-moz-animation-delay:.78s;-webkit-animation-delay:.78s;-ms-animation-delay:.78s;-o-animation-delay:.78s;animation-delay:.78s}
@-moz-keyframes bubblingG{
0%{width:10px;height:10px;background-color:#173c6e;-moz-transform:translateY(0)}
100%{width:24px;height:24px;background-color:#579bcd;-moz-transform:translateY(-21px)}
}
@-webkit-keyframes bubblingG{
0%{width:10px;height:10px;background-color:#173c6e;-webkit-transform:translateY(0)}
100%{width:24px;height:24px;background-color:#579bcd;-webkit-transform:translateY(-21px)}
}
@-ms-keyframes bubblingG{
0%{width:10px;height:10px;background-color:#173c6e;-ms-transform:translateY(0)}
100%{width:24px;height:24px;background-color:#579bcd;-ms-transform:translateY(-21px)}
}
@-o-keyframes bubblingG{
0%{width:10px;height:10px;background-color:#173c6e;-o-transform:translateY(0)}
100%{width:24px;height:24px;background-color:#579bcd;-o-transform:translateY(-21px)}
}
@keyframes bubblingG{
0%{width:10px;height:10px;background-color:#173c6e;transform:translateY(0)}
100%{width:24px;height:24px;background-color:#579bcd;transform:translateY(-21px)}
}
.intl-tel-input .selected-flag{height:100%!important}
.intl-tel-input .country-list{width:260px}
.intl-tel-input .country-list .country{font-size:13px}
.contact-error{position:absolute;right:0;top:0;z-index:2;width:auto;height:100%;display:inline-block}
.contact-error i{background-image:url(../images/info.png);background-size:4px;background-position:center center;background-repeat:no-repeat;width:30px;height:100%;display:inline-block;position:relative;top:0;background-color:#e92d2d}
.contact-error span{position:absolute;right:0;bottom:100%;width:170px;background-color:#fd4a4a;color:#fff;font-size:11px;text-align:center;padding:5px 5px;box-sizing:border-box;font-family:arial;line-height:15px;opacity:0;visibility:visible;z-index:-9999;transition:all .2s ease-in-out;pointer-events:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.contact-error:hover span{z-index:2;visibility:visible;opacity:1;display:block}
.contact_form input[type=submit][disabled]{text-indent:-9999px;background:url(//www.crmfys.com/public/loader.gif) no-repeat center #f2f2f2}
.baslik {font-weight: bold;font-size: 20px;margin-bottom: 8px;}
.izin-cs {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 7px;
}

li.izin {
    display: flex !important;
    align-items: revert;
    flex-direction: row-reverse;
}

li.izin span {
    font-size: 11px !important;
    font-weight: 300 !important;
    line-height: 15px;
}