.clearfix{clear:both}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{color:inherit;padding:0!important;font:inherit;outline:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../css/owl-slider/owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-stage-outer{height:100%}
.owl-stage{height:100%}
.owl-item{height:100%}
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}
body{font-family:Quicksand,sans-serif;overflow-x:hidden}
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}::selection{background:#f07023;color:#fff}::-moz-selection{background:#f07023;color:#fff!important}
img::selection{background-color:transparent}img::-moz-selection{background-color:transparent}
.w100{width:100%;display:inline-block;float:left;position:relative;right:0;transition:all .3s cubic-bezier(.42,0,.13,1);}
main{overflow:hidden;background-color:#fff}
.container{width:1200px;margin:0 auto;position:relative;display:inline-block;left:50%;transform:translate(-50%)}
.topBg{position:absolute;top:0;left:0;width:100%;background-size:100%;height:100%;z-index:0;background-color:#fff}
.topContact{position: fixed;top:0;left:0;padding: 0;background-color: #394d65;z-index: 9999;float: inherit;height: 33px;}
.topContact .left{float:left;padding-top: 9px;}
.topContact .right{float:right;margin: 0;padding: 0;background: #f07023;line-height: 33px;text-align: center;width: 54px;height: 33px;display: block;}
.topContact .left li{float:left;position:relative;display:inline-block;margin-right:20px}
.topContact .left li a{display:flex;align-items:center;justify-content:center;line-height:1;font-size:14px;color: #f9fdfd;font-weight:500;position:relative;}
.topContact .left li a span{margin-right:7px}
.topContact .right li.acilir{float:left;position:relative;display: block;color: #fff;width: 100%;font-weight: 500;cursor: pointer;}
.topContact .right li.acilir i{display: inline-block;margin-left: 3px;font-size: 13px;}
.topContact .right li ul{display: none;background: #f07023;width: 100px;position: absolute;right: 0;padding: 5px 10px;border-radius: 5px;border-top-right-radius: 0;box-shadow: 0 3px 6px rgb(0 0 0 / 0.1);}
.topContact .right li ul li{}
.topContact .right li ul li a{color: #fff;display: block;font-size: 15px;font-weight: 500;position: relative;margin-bottom: 4px;line-height: 30px;}
.balloon{position:absolute;left:-19%;top:25px;width:65%}
.headerCarousel{height:600px;width:100%}
.headerCarousel .items{height:100%}
.slSect{height:calc(100% - 120px);margin-top:120px;display:flex;flex-direction:column;justify-content:center;width:42%;position:relative;float:left;padding-left:5px}
.slSect h2{font-size:40px;font-weight:700;letter-spacing:.5px;color:#172b43;line-height:1.1;margin-bottom:20px;display:none;animation-delay:.3s}
.slSect p{font-size:18px;line-height:1.4;letter-spacing:.5px;font-weight:500;color:#485768;display:none;animation-delay:450ms}
.slBtn{margin-top:25px;width:100%;display:inline-block}
.slBtn ul{float:left}
.slBtn ul li{float:left;margin-right: 10px;background-color:#6d727d;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;position:relative;display:none;}
.slBtn ul li:first-child{animation-delay:.6s}
.slBtn ul li:last-child{margin-right:0;animation-delay:.7s}
.slBtn ul li a{width:185px;text-align:center;color:#fff;letter-spacing:1px;font-size: 17px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:500;position:relative;z-index:4;background-color:#394d65;}
.slBtn ul li:nth-child(1) a{background-color:#f07023}
.slBtn ul li:nth-child(2){background:#797c86;background:-moz-linear-gradient(left,rgba(121,124,134,1) 0,rgba(67,77,96,1) 100%);background:-webkit-linear-gradient(left,rgba(121,124,134,1) 0,rgba(67,77,96,1) 100%);background:linear-gradient(to right,rgba(121,124,134,1) 0,rgba(67,77,96,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797c86',endColorstr='#434d60',GradientType=1)}
.slImg{float:right;width:50%;height:100%;margin-right:0;display:flex;align-items:flex-start;justify-content:center;display:none}
.slImg img{height:auto;max-height:100%;max-width:100%;width:100%!important;display: none}
.slImg iframe{height: 350px;margin-top: 190px;width: 100%;}
.headerCarousel .owl-item.active .slImg{display:block}
.headerCarousel .owl-item.active .slSect h2{display:block}
.headerCarousel .owl-item.active .slSect p{display:block}
.headerCarousel .owl-item.active .slBtn ul li{display:block}
.headerCarousel .owl-dots,.hizmetCarousel .owl-dots{margin:0 auto;position:absolute;left:0;bottom:0;right:0;display:flex!important;align-items:center;justify-content:center}
.headerCarousel .owl-dot.active,.hizmetCarousel .owl-dot.active{background:#f07023;width:45px}
.headerCarousel .owl-dot,.hizmetCarousel .owl-dot{width:15px;height:15px;background:rgba(90,99,114,0);border:2px solid #f07023;box-sizing:border-box;border-radius:360px;transition:all .2s ease-in-out;outline:0;margin:0 3px}
.topMenu{position: fixed;top: 33px;height:78px;z-index:5;transition:all .2s ease-in-out;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,.25);}
.altCizgi{
	content: "";
	position: absolute;
	left: -20px;
	top: -20px;
	width: 41%;
	height: 90%;
	transform: rotate(0);
	border-radius: 10px;
	transition: all .5s cubic-bezier(.42,0,.14,1.02);
	background-color: #ffffff;
	transform: rotate(1.5deg);
	height: 143%;
	z-index: 1;
	display: none;
	box-shadow: 0 0 20px rgba(0,0,0,.25);
}
.sticky .topMenu{position:fixed;top:0;}
.logo{float:left;display:inline-block;width:230px;}
.topMenu .container>ul{float:left;width:calc(100% - 230px);display:flex;justify-content:flex-end;box-sizing:border-box;transition:all .2s ease-in-out}
.topMenu .container{display:flex;align-items:center;justify-content:center;left:0;transform:translate(0);height:100%;border-radius:0 360px 360px 0;position: relative;z-index: 9999;}
.topMenu::before{position:absolute}
.topMenu .container>ul>li{position:relative;transition:all .3s ease-in-out}
.topMenu .container>ul>li.acilir:hover > .altmenu{visibility:visible;opacity:1;transform:translateY(0%)}
.topMenu .container>ul>li>a{font-size:15px;color: #374b62;font-weight:900;display:block;padding:30px 10px;position:relative;letter-spacing:.5px;}
.adzlink{float:right;display:block;box-sizing:border-box;overflow:hidden;position:absolute;z-index:2;top:-40px;right:0}
.adzlink a{width:auto;float:left;color:#394d65;text-align:center;font-size:12px;font-weight:600;padding:0;box-sizing:border-box;background-color:transparent;transition:all .2s ease-in-out;line-height:1;display:flex;align-items:center;justify-content:center;height:40px;margin-left:30px}
.adzlink a:hover{color:#f07023}
.adzlink a:nth-child(2){border-bottom:none}
.sticky .topMenu .adzlink{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.basin4List ul,.services4List ul{width:100%;display:inline-block}
.basin4List ul li,.services4List ul li{float:left;display:inline-block;width:23.5%;margin-right:2%;margin-bottom:4%;height:350px;position:relative}
.basin4List ul li{box-shadow:4px 4px 10px #ed1b55;padding:20px;box-sizing:border-box;text-align:center;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#fff;border:2px solid #faeef1;height:259px}
.basin4List ul li:nth-child(4n+4),.services4List ul li:nth-child(4n+4){margin-right:0}
.basin4List ul li a,.services4List ul li a{position:absolute;left:0;top:0;bottom:0;right:0;z-index:4}
.services4List .hizmetCarousel{width:100%;display:inline-block;padding:35px 0;/* margin-bottom:50px */}
.services4List .items{float:left;display:inline-block;width:270px;height: 290px;position:relative;margin:15px;}
.services4List ul li:nth-child(4n+4){margin-right:0}
.services4List .items a{position:absolute;left:0;top:0;bottom:0;right:0;z-index:4}
.services4List iframe{margin: 10px;width: 95%;float: inherit;height: 290px;margin-top: -20px;display: none;}
.altmenu{position:absolute;left:0;top:99%;right:0;width:240px;background-color:#f9f9f9;padding:0;box-sizing:border-box;box-shadow:0 10px 10px rgba(0,0,0,.1);visibility:hidden;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;z-index:1;opacity:0;transform:translateY(0);transition:all .3s ease-out}
.altmenu ul{padding:15px 17px;box-sizing:border-box;position:relative;border-right:2px solid #f1f1f1}
.altmenu ul li{width:100%;display:inline-block;position:relative;font-weight:700;font-size:18px;color:#f07023;padding:8px 0;margin:0}
.altmenu ul li a{color:#2d3e52;font-size:15px;font-weight:500;transition:all .2s ease-in-out;display:block;line-height:1}
.altmenu ul li a:hover{color:#f07023}
.s4Details{z-index:2;display:inline-block;width:100%;padding: 20px 10px;box-sizing:border-box;text-align:center;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#fff;height:100%;border:1px solid rgba(218,218,218,0.69);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}
.s4Icon{width:30%;margin:0 auto 15px;display:table;position:relative;top:0;transition:all .3s cubic-bezier(.42,0,.19,.97)}
.services4List ul li:hover .s4Icon{top:-9px}
.services4List .items:hover .s4Icon{top:-9px}
.s4Details h3{font-size:20px;margin-bottom:10px;font-weight:700;letter-spacing:0;color:#25374e;line-height:1.2;height:48px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.s4Details p{font-size:15px;color:#394d65;line-height:1.5;/* height:110px; */overflow:hidden;font-weight:500;}
.basin4List ul li::before,.newsCarousel .items::before,.services4List ul li::before{content:"";position:absolute;left:0;top:10%;width:95%;height:90%;transform:rotate(0);border-radius:10px;transition:all .5s cubic-bezier(.42,0,.14,1.02);background-color:#f07023}
.services4List .items::before{content:"";position:absolute;left:0;top:10%;width:95%;height:90%;transform:rotate(0);border-radius:10px;transition:all .5s cubic-bezier(.42,0,.14,1.02);background-color:#f07023}
.basin4List li:hover::before,.newsCarousel .items:hover::before,.services4List li:hover::before{transform:rotate(3deg);height:96%}
.services4List .items:hover::before{transform:rotate(3deg);height:96%}
.servicesMore{width:100%;display:inline-block;margin-bottom:70px;margin-top:35px}
.servicesMore a{margin:0 auto;display:table;text-align:center;color:#fff;letter-spacing:1px;font-size:18px;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:500;position:relative}
.servicesMore a strong{display:block;position:relative;z-index:2}
.videoNot{text-align:center;margin-bottom:100px;font-size:24px;line-height:1.4;font-weight:300;letter-spacing:.5px;color:#3a5066;float:left;width:100%}
.rakamlar{margin-bottom:120px}
.rakamlar ul{width:100%;display:inline-block}
.rakamlar ul li{float:left;width:20%;text-align:center;position:relative}
.sayilar{font-weight:900;font-family:Roboto,sans-serif;font-size:72px;color:#6a737f;text-transform:uppercase;background:-webkit-linear-gradient(135deg,#f16382,#fca0bb);color:#f07023;background:-webkit-linear-gradient(180deg,#ef6524,#fd5f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rakamDetay{font-weight:300;font-size:18px;margin-top:5px;color:#6a737f}
.rakamlar ul li:nth-child(2n+2) .sayilar{background:-webkit-linear-gradient(135deg,#636c79,#848b94);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.centerVideoBtn a{width:130px;height:130px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:360px;-moz-border-radius:360px;-webkit-border-radius:360px;background-color:#fff;position:relative;transition:all .3s ease-in-out}
.videoCircle{background-color:#fff;width:100%;height:100%;position:absolute;left:0;border-radius:360px;-moz-border-radius:360px;-webkit-border-radius:360px}
.vcIcon{position:relative;z-index:5}
.vc1{box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:4}
.vc2{transform:scale(.8);z-index:3;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.3;-webkit-animation:vc2Move 2s infinite;animation:vc2Move 2s infinite}
.vc3{transform:scale(.8);z-index:2;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.2;-webkit-animation:vc3Move 2s infinite;animation:vc3Move 2s infinite}
.vc4{transform:scale(.8);z-index:1;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.1;-webkit-animation:vc4Move 2s infinite;animation:vc4Move 2s infinite}
.nedenbizCont{width: calc(100%);/* left:0; *//* transform:translate(-50%); */background-color:#1e242e;padding:60px 0 80px;/* display:inline-block; */border-radius:0 360px 360px 0;float:left;position:relative;}
.nedenText{float:right;width: 55%;padding-right: 17%;position:relative;z-index:2;box-sizing: border-box;}
.nedenText h4{margin-bottom:15px;font-weight:700;color:#f07023;font-size:18px}
.nedenText h5{font-size:48px;color:#fff;font-weight:300;letter-spacing:.5px;line-height:1.2;margin-bottom:25px}
.nedenText p{color:#acc1da;line-height:1.7;margin:0;letter-spacing:.5px;font-size:17px}
.nedenImg{position:absolute;/* left:50%; */width: 45%;top:0;bottom:0;z-index:0;background-repeat:no-repeat;background-size:cover;background-position:right center;}
.balloon2{position:absolute;right:-10%;top:20%;z-index:0}
.top12Musteri{margin-top: 50px;}
.musteriTitle{text-align:center;font-size:30px;color:#3d4c5d;letter-spacing:1px;line-height:1.2;display:table;background:0 0;-webkit-background-clip:none;-webkit-text-fill-color:none;margin:auto}
.musteriTitle strong{display:block;font-size:160%;font-weight:700}
.top12List{margin:40px 0 0;display:inline-block;position:relative;width:100%}
.top12List li{float:left;width:16.66%;text-align:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:1.5%;filter:grayscale(100%);opacity:.4;transition:all .2s ease-in-out;margin-top:0}
.top12List li:hover{opacity:1;filter:grayscale(0)}
.referancesMore{width:100%;display:inline-block;margin-bottom:50px;margin-top:35px}
.referancesMore a{margin:0 auto;display:table;text-align:center;color:#fff;letter-spacing:1px;font-size:18px;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:500;position:relative}
.referancesMore a strong{display:block;position:relative;z-index:2}
.sect5{background-color:#feeef3}
.sonHaberCont{width:90%;padding:40px 0;display:inline-block;float:right;position:relative;z-index:2;right:5%}
.sonHaberSlider{width:100%;display:inline-block;margin-bottom: 30px;}
.sonHaberTitle{font-size:36px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;display:inline-block;background:-webkit-linear-gradient(180deg,#172b43,#596471);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-left:20px;box-sizing:border-box}
.newsCarousel .owl-stage{padding-left:0!important}
.newsCarousel .items{margin:30px 20px;display:inline-block;background-color:#fff;transition:all .3s ease-in-out;position:relative;top:0}
.newsCarousel .items a{display:block;overflow:hidden;border-radius:6px;box-shadow: 0 10px 25px #d6d6d6;}
.newsImg{width:100%;display:inline-block;float:left;overflow:hidden;position:relative;transition:all .2s ease-in-out;height:auto;background:#fff;border-bottom:2px solid #424242}
.newsTitle{width:100%;display:inline-block;float:left;box-sizing:border-box;height:60px;overflow:hidden;font-size:17px;line-height:1.2;font-weight:500;color:#1e242e;margin-bottom:0}
.newsBottom{width:100%;display:inline-block;padding-top:15px;border-top:1px solid #ebedef;box-sizing:border-box;font-size:12px;color:#c1c1c3;font-weight:700}
.newsCategory{float:left;width:50%}
.newsDate{width:50%;float:left;text-align:right}
.newsTextCont{float:left;display:inline-block;position:relative;padding:20px;background-color:#fff;width:100%;box-sizing:border-box}
.newsCarousel .owl-next{position:absolute;right:calc(50% - 28px);bottom:-40px;width:28px;background-color:transparent;border:none;text-indent:-99999em;height:25px;transition:all .2s ease-in-out;background-image:url(../images/icons/newsNext.png);background-size:100%;background-repeat:no-repeat;background-position:center center;opacity:.4}
.newsCarousel .owl-prev{position:absolute;right:calc(50% + 28px);bottom:-40px;width:28px;background-color:transparent;border:none;text-indent:-99999em;height:25px;transition:all .2s ease-in-out;background-image:url(../images/icons/newsPrev.png);background-size:100%;background-repeat:no-repeat;background-position:center center;opacity:.4}
.formTitle{display:inline-block;margin-bottom:40px;font-size:36px;font-weight:700;color:#f07023;background:-webkit-linear-gradient(180deg,#ef6524,#fd5f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}
.contactForm>ul{width:100%;display:inline-block}
.contactForm>ul>li{width:calc(26.5% - 20px);float:left;position:relative;margin-right:20px}
.contactForm>ul>li input{width:100%;box-sizing:border-box;display:inline-block;border:2px solid #d1d1d4;height:50px;outline:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:360px;padding:0 15px;font-size:13px;color:#000;transition:all .2s ease-in-out}
.contactForm>ul>li input:focus{border-color:#f07023}
.contactForm>ul>li.submit{width:18%}
.sect6{padding:30px 0 90px;z-index:1}
.contactForm>ul>li.submit input{border:none;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:700;color:#fff;font-size:17px;letter-spacing:1px;transition:all .2s ease-in-out;cursor:pointer;background-color:#f07023}
.formHolder form{width:100%;display:inline-block}
.formHolder ::-webkit-input-placeholder{color:#a3a3a3}
.formHolder ::-moz-placeholder{color:#a3a3a3}
.formHolder :-ms-input-placeholder{color:#a3a3a3}
.formHolder :-moz-placeholder{color:#a3a3a3}
.formImg{position:absolute;right:-100px;bottom:-95px;display:none}
.sectFooter{background-color:#171b26;background-size:cover;background-repeat:no-repeat;background-position:center top}
.footerTop{padding:50px 0;font-size:16px;padding-bottom: 25px;}
.gurpSirketTitle{color:#fff;margin-top:20px;font-weight:700}
.gurpSirketTitle span{display:block;padding:10px 0;font-size:20px}
.grupSirketleriList li{float:left;margin:0 10px}
.footerBottom{background-color:#171b26;box-shadow:0 0 60px #000;border-top:1px solid #2c313f;padding:10px 0}
.footerTop .col .footerSocial{display: block;margin-bottom: -20px;}
.copyRight{ float:left;color:#fff;margin: 9px;font-size:14px;letter-spacing:.5px;text-align: center;}
.footerTop .col .footerSocial li{margin-right: 12px;border-radius:360px;position:relative;display:inline-block;width: 36px;}
.footerTop .col .footerSocial li:last-child{margin-right:0}
.footerTop .col .footerSocial li::before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;background-color:#f24e7c;z-index:0;margin:-2.5px;border-radius:360px;transition:all .3s ease-in-out;opacity:0}
.footerTop .col .footerSocial li a{display:block;position:relative;z-index:2;border: 0;background: transparent !important;padding: 8px 8px 0px 0px !important;}
.nbImg{position:absolute;right: -130px;bottom: -10px;width: 540px;}
.footerSocialRow{width: 100% !important;display: flex;justify-content: center;margin-top: 20px;}
.footerSocialRow li{margin: 5px;background: #fff;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 20px;}
.footerSocialRow li a{color: #171b26 !important;}
.footerSocialRow li a i{}
.footerSocial {
    float: right;
    margin-bottom: -5px;
}
.footerSocial li {
    float: left;
    margin-right: 10px;
    border-radius: 360px;
    position: relative;
    display: inline-block;
}
.footerSocial li a {
    display: block;
    position: relative;
    z-index: 2;
}
.mtopHeader{background-size:cover;box-sizing:border-box;padding-top: 160px;background-color:#fff!important;}
.servicesCont{padding:0 0 50px;padding-bottom:0}
.title{text-align:center;width:100%;font-size:40px;font-weight:700;color:#333}
.undTitle{font-size:20px;text-align:center;width:100%;margin-top:15px;font-weight:300;color:#333;letter-spacing:1px;position:relative}
.undTitle::Before{content:"";position:absolute;left:50%;bottom:-25px;width:90px;height:2px;background-color:#beadca;transform:translate(-50%)}
.servicesText{width:50%;float:left;display:inline-block;margin-right:5%;padding-top:10px;font-family:Oxygen}
.servicesImg{width:45%;float:right;display:inline-block;box-shadow:0 9px 35px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;margin-top:15px}
.servicesText p{font-size:17px;line-height:1.8;font-weight:400;color:#424242;margin-bottom:25px}
.servicesFull{width:100%;display:inline-block;margin-bottom:50px;float:left}
.servicesFull:last-child{margin-bottom:0}
.servicesFull.right .servicesText{float:right;margin-left:5%;margin-right:0}
.servicesFull.right .servicesImg{float:left}
.servicesText p:last-child{margin-bottom:0}
.servicesImg img{width:100%}
.surecPage{width:100%;display:none;position:relative;margin-left:0;z-index:1}
.surecPage.open{display:inline-block}
.surecTabMenu{width:100%;margin:-60px 0 50px;position:relative;z-index:2}
.surecTabMenu ul{width:auto;margin:0 auto;display:table;padding:0 20px;box-sizing:border-box;background-color:#fff;box-shadow:0 8px 30px rgba(32,32,32,.35);-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;text-align:center}
.surecTabMenu ul li{float:left;width:138px;text-align:center;margin:20px;position:relative;display:inline-block;box-sizing:border-box}
.surecImg{width:400px;float:left;display:none;box-shadow:0 9px 35px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}
.surecCont{width:calc(97% - 400px);float:left;display:inline-block;margin-left:3%;padding-top:15px;box-sizing:border-box;overflow:hidden}
.surecTitle{font-size:22px;font-weight:700;color:#fff;margin-bottom:20px;position:relative;display:inline-block;width:100%;display:none}
.surecPage.open .surecImg{display:table}
.surecPage.open .surecTitle{display:inline-block}
.surecPage.open .surecText{display:inline-block}
.surecText{width:100%;display:none;color:#fff;font-family:Oxygen;animation-delay:.1s;height:250px;padding-right:10px;box-sizing:border-box}
.surecText p{width:100%;margin-bottom:20px;line-height:1.8;font-size:17px}
.surecTitle span{content:"";position:absolute;height:1px;background-color:#e9e9e9;left:220px;top:50%;margin-left:25px}
.surecTabMenu ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#172b43;font-weight:700;padding:0 15px;box-sizing:border-box;line-height:1.3;transition:all .3s ease-in-out;opacity:.3}
.surecTabMenu ul li.active a{opacity:1}
.surecTabMenu ul li a span{width:50px;margin-bottom:10px;filter:grayscale(1);transition:all .3s ease-in-out}
.surecTabMenu ul li a.active span{filter:grayscale(0)}
.surecTabMenu ul li a::before{content:"";position:absolute;right:-20px;top:23px;width:12px;height:24px;background:url(../images/icons/nextTab.png) center center no-repeat;background-size:100%;filter:grayscale(1);transition:all .3s ease-in-out}
.surecTabMenu ul li:last-child a::before{display:none!important}
.surecTabMenu ul li a.active::before{filter:grayscale(0)}
.surecTabMenu ul li a:hover:not(.active){opacity:.6}
.surecTabMenu ul li a:hover:not(.active)::after{filter:grayscale(.5)}
.studies{margin:0 0 60px}
.studiesBox{margin-top:20px;display:inline-block;text-align:center;width:100%}
.studiesBox li{display:inline-block;width:300px;margin:20px}
.studiesBox li a{display:inline-block;box-shadow:0 0 30px rgba(0,0,0,.1);float:left;color:#333;position:relative;z-index:0;border-radius:0 0 10px 10px}
.studiesImg{width:100%;display:inline-block;border-radius:10px 10px 0 0;overflow:hidden;float:left;position:relative;z-index:2}
.studiesText{width:100%;background-color:#fff;float:left;height:130px;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:0 20px;box-sizing:border-box;position:relative;z-index:2;overflow:hidden;border-radius:0 0 10px 10px}
.studiesTitle{margin-bottom:10px;font-weight:700;font-size:18px}
.studiesParagraph{font-size:15px;line-height:20px;font-family:Oxygen;max-height:60px;overflow:hidden}
.studiesBox li a::before{content:"";position:absolute;left:0;top:10%;width:95%;height:90%;transform:rotate(0);border-radius:10px;background-image:-webkit-linear-gradient(350deg,#e9a17b,#f07023);background-image:-o-linear-gradient(350deg,#e9a17b,#f07023);background-image:linear-gradient(100deg,#e9a17b,#f07023);transition:all .5s cubic-bezier(.42,0,.14,1.02)}
.studiesBox li a:hover::before{transform:rotate(3deg);height:94%}
.accordionButton{padding:5px 25px;transition:.3s;cursor:pointer;font-size:18px;color:#1e1e1e;height:50px;box-sizing:border-box;display:flex;align-items:center;font-weight:700;border-radius:5px;position:relative;background-color:#f1edf4}
.accordionContent{font-size:16px;background:#fff;line-height:1.6;padding:15px 20px;box-sizing:border-box}
.accordionButton.on{transition:.3s}
.accordionContent p{width:100%;display:inline-block;margin-bottom:15px;font-family:Oxygen}
.accordionContent p:last-child{margin-bottom:0}
.sss{margin:15px auto 50px;text-align:center;font-size:16px;width:95%;line-height:1.6;font-family:Oxygen}
.accordionList{width:100%;display:inline-block}
.accordionList li{float:left;width:100%;border:1px solid #e7e7e7;margin-bottom:15px;border-radius:5px;transition:all .2s ease-in-out}
.accordionButton::before{content:"+";position:absolute;right:20px;top:8px;font-size:30px;font-weight:300;line-height:1;transition:all .2s ease-in-out}
.accordionButton.on::before{content:"-"}
.accordionList li:hover{border-color:#171b26}
.studiesBox li:nth-child(3n+1){margin-left:0}
.studiesBox li:nth-child(3n+3){margin-right:0}
.mtopHeader::before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}
.parallaxBg{position:absolute;left:0;top:0;width:100%;z-index:0;bottom:0;overflow:hidden;pointer-events:none}
#particles-js{z-index:0;position:absolute;top:0;width:100%;display:block;height:100%;opacity:.7;pointer-events:none}
.surecSect{background-color:#172b43;padding-bottom:50px;margin-top:100px;width:100%;margin-left:0;margin-bottom:60px}
.hkImg{width:40%;float:left;display:inline-block;margin-right:5%;border-radius:6px;position:relative}
.hkText{width:50%;float:left;display:inline-block}
.hkImg img{border-radius:6px;position:relative;z-index:2;height:700px;object-fit:cover}
.hkImg::before{content:"";position:absolute;left:0;top:12%;height:93%;background-color:red;width:95%;transform:rotate(3deg);border-radius:6px;background-image:-webkit-linear-gradient(350deg,#e9a17b,#f07023);background-image:-o-linear-gradient(350deg,#e9a17b,#f07023);background-image:linear-gradient(100deg,#e9a17b,#f07023);transition:all .5s cubic-bezier(.42,0,.14,1.02)}
.hkText h2{font-size:35px;font-weight:700;margin-bottom:20px;display:inline-block;color:#f07023;width:100%;letter-spacing:2px;position:relative}
.hkText p{margin-bottom:20px;font-size:15px;line-height:1.6;width:100%;display:inline-block;position:relative;font-family:Oxygen}
.hkText p strong{font-weight:600}
.hkSect{padding-bottom:10px}
.hkText p i{font-weight:700;font-style:italic}
.hkText h2::before{content:"";position:absolute;right:0;top:50%;height:1px;background-color:#fac6d5;width:58%}
.hkCont{display:inline-block;width:100%;margin-bottom:10px}
.contactw100{width:100%;display:inline-block;position:relative;margin-bottom:40px}
.cnForm2{width: 600px;box-shadow: 0 0 35px rgba(0,0,0,.08);border-radius:6px;box-sizing:border-box;padding: 35px 35px 20px;position:relative;z-index:2;background-color:#fff;}
.formTitle2{font-size:30px;font-weight:700;margin-bottom:20px;display:inline-block;color:#f07023;width:100%;padding:0 2%;box-sizing:border-box}
.cnForm2 form{width:100%;display:inline-block}
.cnForm2 form>ul{width:100%;display:inline-block}
.cnForm2 form>ul>li{width:46%;display:inline-block;position:relative;float:left;margin:2%}
.cnForm2 form>ul>li input,.cnForm2 form>ul>li textarea{width:100%;box-sizing:border-box;border:1px solid #ffe1ea;height:55px;padding:0 10px;border-radius:5px;font-family:Roboto,sans-serif;outline:0;font-size:14px;transition:all .2s ease-in-out}
.cnForm2 form>ul>li textarea{resize:none;padding-top:15px;height: 250px;}
.cnForm2 form>ul>li:nth-child(5),.cnForm2 form>ul>li:nth-child(6),.cnForm2 form>ul>li:nth-child(7){width:96%}
.cnForm2 form>ul>li.submit{width:100%}
.cnForm2 form>ul>li.submit input{width:160px;border:none;font-weight:600;font-size:17px;color:#fff;border-radius:360px;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;float:right;cursor:pointer;margin-right:4%;height:45px;letter-spacing:2px;background-color:#f07023}
.cnForm2 form>ul>li input:focus,.cnForm2 form>ul>li textarea:focus{border-color:#f07023}
.cnForm2 ::-webkit-input-placeholder{color:#a3a3a3}
.cnForm2 ::-moz-placeholder{color:#a3a3a3}
.cnForm2 :-ms-input-placeholder{color:#a3a3a3}
.cnForm2 :-moz-placeholder{color:#a3a3a3}
.cnRt{width: calc(100% - 560px);position:absolute;right:0;top: 20px;;bottom:20px;background-color:#fff1e9;box-shadow:0 0 35px rgba(0,0,0,.08);border-radius:50px;padding: 50px 60px 50px 90px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.cnRt h3{font-size:22px;font-weight:700;margin-bottom: 15px;color:#333;line-height:1}
.cnRt img{display:inline-block;width:30px;margin-bottom:-7px}
.cnAddress{width:100%;display:inline-block;margin-bottom: 20px;}
.cnAddress li{width:100%;margin-bottom: 5px;font-size:16px;color:#000;line-height:30px;font-weight:500}
.cnAddress li a{color:#000}
.contactList{width:100%;display:inline-block}
.contactList li{width:100%;display:inline-block;margin-bottom:10px;color:#333;font-weight:700}
.contactList li strong{font-size:20px;font-weight:700;display:inline-block;width:100%;margin-bottom:5px;color:#f07023}
.contactList li span{margin-bottom:5px;width:100%;display:inline-block}
.contactList li a{color:#333}
.takip{width:100%;margin-bottom:0;font-weight:700;color:#333363;font-size:18px}
.takip li{display:inline-block;width:auto;padding:0;margin:0}
.takip li a{text-align:center;color:#fff;font-size:16px;background:#f07023;width:36px;height:36px;line-height:36px;transition:all .3s ease-in-out;display:inline-block;border-radius:13px}
.takip li a:hover{background:#171b26}
.contactList li strong i{float:left;width:20px;margin-right:7px;position:relative;top:4px}
.addressTabMenu{width:100%;display:inline-block;margin-bottom:20px}
.addressTabMenu ul{display:inline-block;text-align:center}
.addressTabMenu ul li{width:32.3%;margin:.5%;text-align:center;height:240px;display:inline-block;float:left;border-radius:4px}
.addressTabMenu ul li a{color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;line-height:1.5;font-weight:300;font-size:14px;padding:0 20px;box-sizing:border-box;border-radius:4px;transition:all .3s cubic-bezier(.42,0,.07,.99);position:relative;background-color:#f24e7c;top:0}
.adIcon{width:50px;display:table;margin:0 auto 20px}
.address{width:100%}
.address strong{display:block;margin-bottom:5px;font-weight:700;color:#fff;font-size:120%;letter-spacing:1px}
.locationPage.open{display:inline-block}
.locationPage{width:100%;display:none;position:relative;margin-bottom:150px}
.map{width:100%;height:450px}
.addressTabMenu ul li a.active{background-color:#fe9d8c;top:0;box-shadow:0 10px 20px rgba(0,0,0,.15)}
.kategoriTitle{width:50%;font-size:25px;float:left;font-weight:700;color:#333;display:inline-block}
.kategoriTumu{width:50%;float:left;display:inline-block}
.kategoriList{width:100%;float:left;display:inline-block;margin-top:20px;height:520px}
.kategoriTumu a{display:flex;align-items:center;float:right;color:#7b7b7b;font-weight:700;font-size:18px;letter-spacing:1px}
.kategoriTumu a span{width:15px;margin-left:10px}
.kl-1{width:40%;float:left;height:100%;background-color:#252e3d;padding:60px 35px;box-sizing:border-box;position:relative;border-radius:7px;display:inline-block}
.kl-1Link{width:100%;display:inline-block}
.bizdenHaberList{position:absolute;left:0;bottom:40px;width:100%;padding:0 35px;box-sizing:border-box}
.bizdenHaberList li{width:100%;display:inline-block;position:relative;margin-bottom:20px}
.bizdenHaberList li:last-child{margin-bottom:0}
.bizdenHaberList li a{color:#fff;display:block;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #3f4a5d;padding-bottom:20px;position:relative;transition:all .3s cubic-bezier(.42,0,.19,.99);box-sizing:border-box;transition-delay:170ms}
.bizdenHaberList li a:hover{padding-left:15px;transition-delay:0}
.bizdenHaberList li a::before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;transition:all .3s cubic-bezier(.42,0,.04,.95);background-color:#fff}
.bizdenHaberList li a:hover::before{width:100%}
.kl-1Link a{color:#fff;font-size:30px;font-weight:700;letter-spacing:1px;transition:all .2s ease-in-out}
.kl-1Link a:hover{color:#f07023}
.kl-2{float:left;width:60%;height:100%;display:inline-block;margin-left:0}
.kl-2 li{float:left;display:inline-block;position:relative;margin:0 0 3% 4%;width:46%;height:30.6%;overflow:hidden;border-radius:7px;visibility:hidden}
.kl-2 li:nth-child(3){width:96%;height:21%}
.kl-2 li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:20px;line-height:1.6;font-weight:700;text-align:center;padding:0 20px;box-sizing:border-box;background-color:#252e3d;background-image:url(../images/blog/categoriBg.png);background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:2}
.kategoriSayi{position:absolute;left:-10px;bottom:-10px;font-size:180px;line-height:.8;color:#fff;opacity:.08;z-index:3;pointer-events:none;user-select:none;transition:all .3s cubic-bezier(.42,0,.16,1.01);font-family:Oxygen;font-family:Roboto;font-weight:900}
.kl-2 li:nth-child(1),.kl-2 li:nth-child(2){height:40%}
.kl-2 li a::before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(237,27,85,.75);z-index:0;transition:all .2s ease-in-out;opacity:.75}
.kl-2 li a:hover::before{opacity:1}
.kl-2 li a strong{position:relative;z-index:2}
.kl-2 li:nth-child(1) a::before{background-color:rgba(237,27,85,1)}
.kl-2 li:nth-child(2) a::before{background-color:rgba(84,87,185,1)}
.kl-2 li:nth-child(3) a::before{background-color:rgba(27,83,73,1)}
.kl-2 li:nth-child(4) a::before{background-color:rgba(255,145,81,1)}
.kl-2 li:nth-child(5) a::before{background-color:rgba(218,102,227,1)}
.kl-2 li:hover .kategoriSayi{margin-bottom:15px;opacity:.15}
.blogList{width:100%;display:inline-block;margin-top:40px;margin-bottom:20px}
.blogList li{float:left;width:31.33%;margin-right:3%;margin-bottom:2%}
.blogList li:nth-child(3n+3){margin-right:0}
.blogList ul{width:100%;display:inline-block;position:relative}
.blogList li .blogImg img{width:100%;min-height:230px;width:auto;max-width:inherit;min-width:100%}
.blogList li .blogImg{overflow:hidden;border-radius:7px;display:inline-block;width:100%;float:left;display:inline-block;position:relative;top:0;transition:all .2s ease-in-out;overflow:hidden}
.blogImg.wow.animated::before{left:100%;transition-delay:.5s}
.blogList li a:hover .blogCategori{background-color:#f07023}
.blogList li a:hover .blogImg{top:-5px}
.blogList li a{display:inline-block;width:100%;color:#000}
.blTop{width:100%;float:left;display:inline-block;position:relative}
.blogCategori{display:inline-block;margin-top:-50px;float:left;position:relative;z-index:2;margin-left:20px;background-color:#000;padding:6px 20px;border-radius:4px;color:#fff;font-weight:700;font-size:14px;letter-spacing:1px;transition:all .2s ease-in-out}
.blogTitle{width:100%;float:left;display:inline-block;height:85px;font-size:20px;font-weight:700;padding:10px;color:#f07023;box-sizing:border-box;overflow:hidden}
.blogKategori{margin-top:-60px}
.blogBaslik{font-size:35px;font-weight:700;color:#f07023;margin-bottom:20px}
.blogImg{width:100%;display:inline-block;overflow:hidden;border-radius:10px;position:relative}
.blogImg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background-color:#fff;transition:all 1.5s cubic-bezier(.42,0,0,1.02);opacity:0}
.blogImg img{width:100%}
.blogContent{width:100%;display:inline-block;padding-top:15px}
.blogContent h3{font-size:18px;font-weight:700;margin-bottom:0;display:inline-block;width:100%;margin-top:10px}
.blogContent p{margin:10px 0 15px;line-height:1.6;font-family:Oxygen;font-size:16px;color:#333;display:inline-block;width:100%}
.blogContent h4{display:inline-block;width:100%;font-size:18px;font-weight:700;color:#333;margin-top:10px}
.servicesText ul{color:#7f7d96;width:100%;display:inline-block}
.servicesText ul li{width:100%;display:inline-block;margin-bottom:5px;font-size:18px;position:relative;box-sizing:border-box;padding-left:22px;line-height:1.5}
.servicesText ul li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;background-color:#f5779a;border-radius:360px}
.wnScr{margin:50px auto}
.wnScr ul li{width:48%;float:left;margin:2% 1%;font-size:20px;letter-spacing:1px;position:relative;box-sizing:border-box;padding-left:45px;font-weight:700;color:#4f4f4f}
.wnScr ul{width:65%;margin:20px auto 0;display:table}
.wnScr ul li::before{content:"";position:absolute;left:0;top:-1px;width:30px;height:30px;background:url(../images/icons/tick.png) center center no-repeat;background-size:100%}
.servicesMore a strong{display:block;width:100%;padding:13px 30px;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;box-sizing:border-box;float:left;background-color:#394d65}
.referancesMore a strong{-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;padding:13px 30px;box-sizing:border-box;float:left;background-color:#f07023}
.referancesMore a::before,.servicesMore a::before,.slBtn ul li::before{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;opacity:0;transform:scale(.7);transition:all .4s cubic-bezier(1,-.04,0,1);pointer-events:none;z-index:1;background-color:#fc95b1}
.referancesMore a::after,.servicesMore a::after,.slBtn ul li::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #f07023;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;opacity:0;transition:all .3s ease-in-out;pointer-events:none;z-index:1}
.referancesMore a:hover::after,.servicesMore a:hover::after,.slBtn ul li:hover::after{opacity:1;left:-5px;right:-5px;top:-5px;bottom:-5px;transition-delay:.1s}
.servicesMore a::after,.slBtn ul li:nth-child(2)::after{border:2px solid #394d65;transition-delay:.1s}
.servicesMore a::before,.slBtn ul li:nth-child(2)::before{background-color:#878a92}
.newsImg::before{content:"";position:absolute;left:inherit;top:0;bottom:0;width:0;transition:all .3s cubic-bezier(.42,0,.1,.99);right:0;z-index:2;transition-delay:50ms}
.newsImg::after{content:"";position:absolute;left:inherit;top:0;bottom:0;width:0;transition:all .5s cubic-bezier(.42,0,.1,.99);transition-delay:0;right:0;z-index:2}
.newsCarousel .items a:hover .newsImg::before{width:100%;left:0;transition-delay:0}
.newsCarousel .items a:hover .newsImg::after{width:100%;left:0;transition-delay:50ms}
.newsCarousel .items:hover{box-shadow:0 15px 20px rgba(29,35,44,.1)}
.newsCarousel .owl-next::before{content:"";position:absolute;height:3px;background-color:#717f92;top:50%;margin-top:-1.5px;transition:all .2s ease-in-out;width:0;left:0}
.newsCarousel .owl-next:hover{opacity:1}
.newsCarousel .owl-prev::after{content:"";position:absolute;height:3px;background-color:#717f92;top:50%;margin-top:-1.5px;transition:all .2s ease-in-out;width:0;right:0}
.newsCarousel .owl-prev:hover{opacity:1}
.topMenu ul li:not(:last-child) a::before{position:absolute;left:0;top:5px;height:2px;width:0;transition:all .3s cubic-bezier(.42,0,.04,1.01)}
.topMenu .container>ul>li a::after{content:"";position:absolute;left:50%;bottom:0;height:4px;width:0;background-color: #f07023;transition:all .3s cubic-bezier(.42,0,.04,1.01);/* box-shadow:0 5px 10px rgba(241,75,119,.65) */}
.topMenu .container>ul>li:hover > a::after,.topMenu .container>ul>li:hover > a::before{width:100%!important;left:0!important}
.topMenu .container>ul>li>a:hover::after,.topMenu .container>ul>li>a:hover::before{width:100%!important;left:0!important}
.btn-text-parent{position:relative;display:inline-block;overflow:hidden;float:left}
.wrap_text{display:inline-block}
.buildin-btn-text{position:absolute;left:0;top:0;z-index:9;width:100%;transform:translateY(100%)}
.buildin-btn-text .btn-letter{opacity:0}
.btn-letter{display:inline-block;margin:0;position:relative;min-width:5px;transition:transform .3s,opacity .3s ease}
.current-btn-text .btn-letter:nth-child(1){transition-delay:0}
.current-btn-text .btn-letter:nth-child(2){transition-delay:20ms}
.current-btn-text .btn-letter:nth-child(3){transition-delay:40ms}
.current-btn-text .btn-letter:nth-child(4){transition-delay:60ms}
.current-btn-text .btn-letter:nth-child(5){transition-delay:80ms}
.current-btn-text .btn-letter:nth-child(6){transition-delay:.1s}
.current-btn-text .btn-letter:nth-child(7){transition-delay:120ms}
.current-btn-text .btn-letter:nth-child(8){transition-delay:140ms}
.current-btn-text .btn-letter:nth-child(9){transition-delay:160ms}
.current-btn-text .btn-letter:nth-child(10){transition-delay:180ms}
.current-btn-text .btn-letter:nth-child(11){transition-delay:.2s}
.current-btn-text .btn-letter:nth-child(12){transition-delay:220ms}
.current-btn-text .btn-letter:nth-child(13){transition-delay:240ms}
.current-btn-text .btn-letter:nth-child(14){transition-delay:260ms}
.current-btn-text .btn-letter:nth-child(15){transition-delay:280ms}
.current-btn-text .btn-letter:nth-child(16){transition-delay:.3s}
.current-btn-text .btn-letter:nth-child(17){transition-delay:310ms}
.current-btn-text .btn-letter:nth-child(18){transition-delay:320ms}
.current-btn-text .btn-letter:nth-child(19){transition-delay:330ms}
.current-btn-text .btn-letter:nth-child(20){transition-delay:340ms}
.current-btn-text .btn-letter:nth-child(21){transition-delay:350ms}
.current-btn-text .btn-letter:nth-child(22){transition-delay:360ms}
.current-btn-text .btn-letter:nth-child(23){transition-delay:370ms}
.current-btn-text .btn-letter:nth-child(24){transition-delay:380ms}
.current-btn-text .btn-letter:nth-child(25){transition-delay:390ms}
.current-btn-text .btn-letter:nth-child(26){transition-delay:.4s}
.current-btn-text .btn-letter:nth-child(27){transition-delay:410ms}
.current-btn-text .btn-letter:nth-child(28){transition-delay:420ms}
.current-btn-text .btn-letter:nth-child(29){transition-delay:430ms}
.current-btn-text .btn-letter:nth-child(30){transition-delay:440ms}
.current-btn-text .btn-letter:nth-child(31){transition-delay:450ms}
.buildin-btn-text .btn-letter:nth-child(1){transition-delay:0}
.buildin-btn-text .btn-letter:nth-child(2){transition-delay:20ms}
.buildin-btn-text .btn-letter:nth-child(3){transition-delay:40ms}
.buildin-btn-text .btn-letter:nth-child(4){transition-delay:60ms}
.buildin-btn-text .btn-letter:nth-child(5){transition-delay:80ms}
.buildin-btn-text .btn-letter:nth-child(6){transition-delay:.1s}
.buildin-btn-text .btn-letter:nth-child(7){transition-delay:120ms}
.buildin-btn-text .btn-letter:nth-child(8){transition-delay:140ms}
.buildin-btn-text .btn-letter:nth-child(9){transition-delay:160ms}
.buildin-btn-text .btn-letter:nth-child(10){transition-delay:180ms}
.buildin-btn-text .btn-letter:nth-child(11){transition-delay:.2s}
.buildin-btn-text .btn-letter:nth-child(12){transition-delay:220ms}
.buildin-btn-text .btn-letter:nth-child(13){transition-delay:240ms}
.buildin-btn-text .btn-letter:nth-child(14){transition-delay:260ms}
.buildin-btn-text .btn-letter:nth-child(15){transition-delay:280ms}
.buildin-btn-text .btn-letter:nth-child(16){transition-delay:.3s}
.buildin-btn-text .btn-letter:nth-child(17){transition-delay:310ms}
.buildin-btn-text .btn-letter:nth-child(18){transition-delay:320ms}
.buildin-btn-text .btn-letter:nth-child(19){transition-delay:330ms}
.buildin-btn-text .btn-letter:nth-child(20){transition-delay:340ms}
.buildin-btn-text .btn-letter:nth-child(21){transition-delay:350ms}
.buildin-btn-text .btn-letter:nth-child(22){transition-delay:360ms}
.buildin-btn-text .btn-letter:nth-child(23){transition-delay:370ms}
.buildin-btn-text .btn-letter:nth-child(24){transition-delay:380ms}
.buildin-btn-text .btn-letter:nth-child(25){transition-delay:390ms}
.buildin-btn-text .btn-letter:nth-child(26){transition-delay:.4s}
.buildin-btn-text .btn-letter:nth-child(27){transition-delay:410ms}
.buildin-btn-text .btn-letter:nth-child(28){transition-delay:420ms}
.buildin-btn-text .btn-letter:nth-child(29){transition-delay:430ms}
.buildin-btn-text .btn-letter:nth-child(30){transition-delay:440ms}
.buildin-btn-text .btn-letter:nth-child(31){transition-delay:450ms}
.cta:hover .current-btn-text .btn-letter{opacity:0;transform:translateY(-100%)}
.cta:hover .buildin-btn-text .btn-letter{opacity:1;transform:translateY(-100%)}
.newsCarousel .items:hover .newsImg img{transform:scale(1.2)}
.newsImg img{transition:all .3s cubic-bezier(.42,0,.17,1.01);min-height:auto;max-width:100%;height:auto}
.centerVideoBtn a:hover{transform:scale(1.1)}
@-webkit-keyframes vc2Move {
0%{transform:scale(.8);opacity:1}
30%{transform:scale(1.3);opacity:1}
50%{opacity:0;transform:scale(1.3)}
55%{transform:scale(.8)}
80%{opacity:1}
}
@keyframes vc2Move {
0%{transform:scale(.8);opacity:1}
30%{transform:scale(1.3);opacity:1}
50%{opacity:0;transform:scale(1.3)}
55%{transform:scale(.8)}
80%{opacity:1}
}
@-webkit-keyframes vc3Move {
0%{transform:scale(.8);opacity:1}
5%{transform:scale(.8);opacity:1}
30%{transform:scale(1.6);opacity:1}
50%{opacity:0;transform:scale(1.6)}
55%{transform:scale(.8)}
80%{opacity:1}
}
@keyframes vc3Move {
0%{transform:scale(.8);opacity:1}
5%{transform:scale(.8);opacity:1}
30%{transform:scale(1.6);opacity:1}
50%{opacity:0;transform:scale(1.6)}
55%{transform:scale(.8)}
80%{opacity:1}
}
@-webkit-keyframes vc4Move {
0%{transform:scale(.8);opacity:1}
10%{transform:scale(.8);opacity:1}
30%{transform:scale(1.6);opacity:1}
50%{opacity:0;transform:scale(1.6)}
55%{transform:scale(.8)}
80%{opacity:1}
}
@keyframes vc4Move {
0%{transform:scale(.8);opacity:1}
10%{transform:scale(.8);opacity:1}
30%{transform:scale(1.6);opacity:1}
50%{opacity:0;transform:scale(1.6)}
55%{transform:scale(.8)}
80%{opacity:1}
}
.topContact ul li a:before{content:"";position:absolute;left:50%;width:0;height:1px;background-color: #fff;transition:all .3s cubic-bezier(.42,0,.19,.98);bottom:-5px;}
.topContact ul li a:hover::before{left:0;width:100%}
.topMenu .container>ul>li.active>a::after{left:0!important;width:100%!important;opacity:1!important}
.contactForm>ul>li.submit input:hover{opacity:.6}
.sayfalama{width:100%;font-size:16px;font-weight:700;float:left;display:inline-block;height:38px;border-radius:3px}
.sayfalama ul{display:table;margin:auto}
.sayfalama span{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(181,184,186,.61);float:left;height:35px;line-height:33px;padding:0 10px}
.sayfalama span strong{color:#1d80cb;font-weight:400}
.sayfalama ul li a{display:block;padding:0 15px;color:#565656;font-weight:700}
.sayfalama ul li{min-width:35px;float:left;height:38px;line-height:38px;text-align:center}
.sayfalama ul li.active{color:#fff;display:block;line-height:37px;height:37px;border-right:none;background:#fc96b2;background:-moz-linear-gradient(left,rgba(252,150,178,1) 0,rgba(240,66,112,1) 100%);background:-webkit-linear-gradient(left,rgba(252,150,178,1) 0,rgba(240,66,112,1) 100%);background:linear-gradient(to right,rgba(252,150,178,1) 0,rgba(240,66,112,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc96b2',endColorstr='#f04270',GradientType=1);border-radius:10px}
.sayfalama ul li a:hover{color:#484cb5}
.sayfalama ul li:last-child{border:none}
.icerikSingle{width:calc(100% - 320px);float:left}
.sidebar{width:300px;float:right;height:500px}
.sidebarHaberler{font-family:Oxygen;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;float:left;-moz-box-shadow:0 5px 15px rgba(17,21,25,.15);box-shadow:0 5px 15px rgba(17,21,25,.15)}
.sidebarHaberler>ul>li{position:relative;padding:10px 15px;width:100%;display:block;float:left;border-top:1px solid #eee;box-sizing:border-box;font-family:Oxygen}
.sidebarHaberler>ul>li:nth-child(1) a .shImg:before{position:absolute;background-image:url(../css/owl-slider/images/ssShadow.html);content:"";background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);width:100%;height:90%;z-index:1;display:block;bottom:0}
.sidebarHaberler>ul{display:inline-block;width:100%;float:left}
.sidebarHaberler>ul>li:not(:nth-child(1)) .shTitle{float:right;width:calc(100% - 84px);font-size:13px;line-height:18px;color:#434242;font-weight:700;padding:3px 0 0 14px;height:auto;overflow:hidden;box-sizing:border-box}
.sidebarHaberler>ul>li:nth-child(1) a .shTitle{position:absolute;bottom:0;z-index:2;color:#fff;font-weight:700;font-size:17px;line-height:26px;padding:0 15px;width:100%;height:52px;margin-bottom:15px;overflow:hidden}
.sidebarHaberler>ul>li:nth-child(1)>a .shDate{font-size:11px;font-weight:400;line-height:12px;font-family:sans-serif;margin-bottom:10px;position:absolute;left:15px;bottom:67px;color:#fff;z-index:2}
.indexOneCikanTek>a:before,.sidebarGaleri>ul>li>a:before{right:0;left:0;top:0;content:""}
.sidebarHaberler>ul>li:nth-child(1) a .shDate i{float:left;margin-right:5px}
.sidebarHaberler>ul>li:nth-child(1) .shImg{float:left;display:inline-block;width:calc(100% + 2px);margin-left:-1px;margin-top:-1px;overflow:hidden;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:3px;border-top-right-radius:3px;height:190px;background-size:cover;background-position:center}
.sidebarHaberler>ul>li:nth-child(1):hover .shImg img{transform:scale(1.1);transition:.3s;min-width:100%;min-height:190px}
.sidebarHaberler>ul>li:nth-child(1) .shImg img{transform:scale(1);transition:.3s;min-height:190px;min-width:100%;width:auto}
.sidebarHaberler>ul>li:not(:nth-child(1)) .shImg{float:left;width:84px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;background-size:cover;height:84px;background-position:center}
.sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shImg{display:none}
.sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shTitle{width:calc(100% - 0px)}
.sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shDate{width:calc(100% - 0px)}
.sidebarHaberler>ul>li:not(:nth-child(1)) .shImg img{min-height:84px;width:auto;min-width:100%;height:initial}
.sidebarHaberler>ul>li:nth-child(odd){background:#f6f6f6}
.sidebarHaberler>ul>li:nth-child(1){padding:0;border:none}
.sidebarHaberler>ul>li:not(:nth-child(1)) .shDate{font-size:11px;line-height:12px;font-weight:400;color:grey;width:calc(100% - 84px);float:right;padding-left:14px;padding-top:14px;box-sizing:border-box}
.sidebarHaberler>ul>li .shDate i{float:left;margin-right:5px}
.sidebarHaberler>ul>li:not(:nth-child(1)) a:hover .shTitle{color:#593db5}
.sidebarHaberler>ul>li:nth-child(4){padding-bottom:16px}
.sidebarHaberler>ul>li:nth-child(2){padding-top:18px}
.wTitle{height:46px;border-radius:3px;-moz-box-shadow:0 1px 15px rgba(17,21,25,.15);box-shadow:0 1px 15px rgba(17,21,25,.15);color:#fff;line-height:46px;font-size:14px;font-weight:600;float:left;width:100%;padding-left:20px;box-sizing:border-box;margin-bottom:20px;background:#f07023}
.menu-sidebar-menu-container{margin-bottom:20px;display:inline-block}
.menu-sidebar-menu-container ul li{border-bottom:20px;display:block;width:100%;float:left;border-bottom:1px solid #f5e8eb}
.menu-sidebar-menu-container ul li a{display:block;padding:10px 15px;color:#172b43;border-radius:3px;transition:.3s all}
.menu-sidebar-menu-container ul li a:hover{background:#172b43;color:#fff}
.baglanti_icerik{width:100%;display:inline-block;margin-top:15px;background:#ffe7ed;border:1px solid #ffbed0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:14px;box-sizing:border-box;margin-bottom:20px}
.baglanti_icerik .image{display:block;width:230px;height:120px;float:left;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.baglanti_icerik .image a{display:block;overflow:hidden}
.baglanti_icerik .image a img{display:block;width:100%;height:120px;width:auto;max-width:inherit}
.baglanti_icerik .text{width:calc(100% - 250px);display:inline-block;float:right;box-sizing:border-box}
.baglanti_icerik .text span.ust{display:block;width:100%;color:#fff;font-size:12px;font-weight:700;text-transform:Uppercase;padding-bottom:5px}
.baglanti_icerik .text span{color:#383b44;font-weight:700;font-size:20px}
.baglanti_icerik .text p{margin-top:10px;font-size:14px;color:#383b44}
.blogContent h1,.blogContent h2,.blogContent h3,.blogContent h4,.blogContent strong{font-weight:700}
.blogContent h1,.blogContent h2{font-size:20px;margin-top:15px}
.blogContent img{margin-top:15px}
.blogContent a{color:#f2537d}
.accordionContent a{color:#ed1d56;font-weight:700}
.tabList{display:inline-block;width:100%;padding:0;font-size:0;margin-top:0}
.projectName{display:inline-block;width:19%;margin:.5%;text-align:center;background-color:#e7e7e7;height:200px;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}
.projectName.active{background-color:#f07023;pointer-events:none}
.projectName a{font-size:16px;display:inline-block;width:100%;height:100%;overflow:hidden;position:relative}
.projectDetail{display:none;width:99%;position:relative;float:left;font-size:16px;background-color:#f5f5f5;margin-left:.5%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.projectDetail.active{display:inline-block}
.projectLogo{position:absolute;left:0;top:0;right:0;bottom:0;background-size:100%;background-position:50% 0;-webkit-transition:all .4s cubic-bezier(.63,-.38,.24,1.38);-o-transition:all .4s cubic-bezier(.63,-.38,.24,1.38);transition:all .4s cubic-bezier(.63,-.38,.24,1.38);z-index:2}
.projectName.active .projectLogo{background-position:50% 100%}
.projectName a::before{content:"";position:absolute;left:-200%;top:-150%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:200%;height:200%;background-color:#282828;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.projectName:hover a::before{left:-50%;top:-50%}
.projectName:hover .projectLogo{background-position:50% 100%}
.projectLeft{width:225px;position:absolute;left:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#a9a9a9;font-size:30px}
.kapat{position:absolute;right:15px;top:15px;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2}
.projectLeft strong{font-weight:900;margin-bottom:10px}
.projectRef{width:calc(100% - 325px);margin-left:275px;position:relative;display:inline-block}
.projectSlider .items::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.85)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#d9000000',GradientType=0);pointer-events:none;-webkit-transition:all .3s cubic-bezier(.54,-.01,.14,.99);-o-transition:all .3s cubic-bezier(.54,-.01,.14,.99);transition:all .3s cubic-bezier(.54,-.01,.14,.99)}
.projectSlider .items:hover::before{height:80%;opacity:.6}
.refTitle{position:absolute;left:0;bottom:0;z-index:2;color:#fff;width:100%;display:inline-block;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;font-weight:400}
.projectSlider .items{position:relative;width:100%;display:inline-block}
.refPrev{position:absolute;left:-40px;top:50%;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:33px;transform:translateY(-50%)}
.refNext{position:absolute;right:-40px;top:50%;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:33px;transform:translateY(-50%)}
.projectSlider .items a{color:#fff;width:100%;height:100%;display:inline-block;float:left}
.kapat:hover{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.projectSlider .owl-dots{display:none}
.refTab ul{margin:0 auto 20px;display:table}
.refTab ul li{float:left;padding:0 25px 15px;position:relative;border-bottom:2px solid #ccc;font-size:19px;font-weight:500;color:#333;transition:all .2s ease-in-out;cursor:pointer}
.refTab ul li.active{border-color:#ed2159;color:#ed2159}
.refTab ul li:hover{color:#ed2159}
.projectName.hide{display:none}
.refTab ul li::before{content:"";position:absolute;left:50%;bottom:-2px;height:2px;background-color:#ed2159;width:0;transform:translateX(-50%);transition:all .3s cubic-bezier(.42,0,.27,1.01)}
.refTab ul li:hover::before{width:100%}
.servicesText h2{font-size:22px;margin-bottom:20px;font-weight:700;color:#172b43}
.fullGorsel{width:100%;float:left;margin-top:50px}
.ikForm ul li{width:calc(50% - 30px);margin:15px;float:left}
.ikForm ul li:nth-child(5){width:calc(100% - 30px)}
.ikForm .formHolder{width:100%;margin-top:50px}
.formText,.formTextarea{width:100%;box-sizing:border-box;display:inline-block;border:2px solid #d1d1d4;height:50px;outline:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:0 15px;font-size:13px;color:#a3a3a3;transition:all .2s ease-in-out;font-family:Quicksand}
.formTextarea{height:100px;padding-top:10px}
.formText:focus,.formTextarea:focus{border-color:#f894b0;color:#000}
.submitBtn{border:none;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:700;color:#fff;font-size:17px;letter-spacing:0;transition:all .2s ease-in-out;cursor:pointer;width:180px;height:45px;float:right;background:#f07023}
.submitBtn:hover{opacity:.6}
.ikForm .formTitle{text-align:center;width:100%}
.ikForm ul li span{font-weight:700;margin-right:15px;line-height:30px;position:relative;top:1px}
.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;border-radius:0 360px 360px 0}
.contact-error span{position:absolute;right:0;bottom:100%;width:180px;background-color:#fd4a4a;color:#fff;font-size:11px;text-align:center;padding:5px 10px;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;border-radius:5px 20px 0 0;right:20px;background-color:#e92d2d}
.contact-error:hover span{z-index:2;visibility:visible;opacity:1;display:block}
.sabitFormBtn{position:fixed;left:0;top:50%;margin-top:-125px;display:block;z-index:9;cursor:pointer;border-top-right-radius:15px;border-bottom-right-radius:15px;transition:all cubic-bezier(.42,0,.17,1.03) .6s;background-color:#394d65;display:none}
.sabitFormBtn.active{left:-60px}
.sabitFormBtn:hover{background-color:#f07023}
.sabitFormBg{position:fixed;width:280px;z-index:10;background:#fff;padding:30px 20px;box-sizing:border-box;left:-300px;top:50%;transition:all cubic-bezier(.42,0,.17,1.03) .6s;margin-top:-254px;border-radius:6px;background-color:#2d3e52;border-top-left-radius:0;border-bottom-left-radius:0}
.sabitFormBg.active{left:0}
.sabitFormBg ul li{width:100%;float:left;position:relative;margin-bottom:10px;color:#fff;font-size:12px;text-align:center}
.sabitFormBg .form-text,.sabitFormBg .form-textarea{background:0 0;color:#fff;width:100%;height:35px;box-sizing:border-box;padding-left:15px;border:1px solid #fff;border-radius:10px;font-family:Roboto}
.sabitFormBg .form-textarea{height:60px}
.sabitFormBg ::-webkit-input-placeholder{color:#eee}
.sabitFormBg ::-moz-placeholder{color:#eee}
.sabitFormBg :-ms-input-placeholder{color:#eee}
.sabitFormBg :-moz-placeholder{color:#eee}
#izinRadio{margin-left:25px}
input[type=checkbox]:not(old),input[type=radio]:not(old){width:28px;margin:0;padding:0;opacity:0;height:1px}
input[type=checkbox]:not(old)+label,input[type=radio]:not(old)+label{display:inline-block;padding-left:22px;background:url(../images/checks.png) no-repeat 0 0;line-height:15px;cursor:pointer;font-size:12px}
input[type=checkbox]:not(old):checked+label{background-position:0 -15px}
input[type=radio]:not(old):checked+label{background-position:0 -15px}
.form-submit{border:none;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:700;color:#fff;font-size:14px;letter-spacing:0;transition:all .2s ease-in-out;width:70%;height:40px;cursor:pointer;outline:0;background-color:#f07023}
.form-text:focus,.form-textarea:focus{border-color:#f07023;outline:0}
.cnForm2 form>ul>li.submit input:hover,.form-submit:hover{background-color:#20a200}
.close{position:absolute;width:30px;height:30px;transition:all ease-in-out .3s;background:#f07023;border-radius:360px;text-align:center;line-height:30px;font-size:20px;right:-5px;top:-5px;font-weight:700;color:#fff;cursor:pointer;margin:10px;border-radius:5px!important}
.close:hover{background-color:#394d65}
.sabitFormTitle{color:#fff;width:100%;text-align:center;font-weight:700;font-size:20px;margin-bottom:20px}
.teklifAl{width:185px;text-align:center;color:#fff;letter-spacing:1px;font-size:18px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:500;position:relative;z-index:4;cursor:pointer}
.sabirMobilFormBtn{display:none;position:fixed;bottom:10px;left:10px;z-index:9}
.sabirMobilFormBtn img{border-radius:10px}
.ty-wrapper{width:100%;height:100vh;position:relative;display:table;text-align:center;background:url(../images/topBg.jpg) center top no-repeat;background-size:100%}
.ty-vertical{display:table-cell;vertical-align:middle;font-size:30px;font-weight:700;line-height:36px}
.ty-vertical img{float:none;margin:auto}
.breadcrumb{width:100%;float:left;text-align:center;font-size:14px;margin-top:15px;margin-bottom:50px;color:#7f7d96}
.breadcrumb a{color:#7f7d96}
.breadcrumb a:hover{color:#f07023}
.logo img{/* filter:brightness(0) invert(100%) */}
.breadcrumb2{margin-top:0;margin-bottom:25px;text-align:left}
.innerHeader .topMenu{background-color:#fff!important}
.innerHeader .topMenu .container>ul>li>a{color:#ee225a}
.innerHeader .logo img{filter:inherit}
.innerHeader .topMenu .container>ul>li a::after{background-color:#f07023}
.innerHeader .topContact{background-color:transparent}
.innerHeader .altmenu{background-color:#fff}
.innerHeader .altmenu ul li{color:#f07023}
.innerHeader .adzlink a{background-color:#f07023;border-color:#fb628b}
.innerHeader .adzlink a:hover{background-color:#263a51}
.innerHeader .altmenu ul li a{color:#ee275e}
.adzlink a img{margin-right:7px;width:18px;filter:brightness(0);transition:all .2s ease-in-out}
.adzlink a:hover img{filter:brightness(1)}
.services4List ul li:nth-child(1) .s4Icon img{filter:hue-rotate(180deg)}
.services4List ul li:nth-child(3) .s4Icon img{filter:grayscale(1) brightness(1.1)}
.services4List ul li:nth-child(4) .s4Icon img{filter:hue-rotate(120deg)}
.blogContent ol,.blogContent ul{margin-left:20px;margin-top:15px;display:list-item;list-style-type:disc}
.blogContent>ol li,.blogContent>ul li{margin-bottom:10px;line-height:1.6;font-family:Oxygen;font-size:17px;color:#333;width:100%;display:list-item;list-style-type:disc}
.author-photo{width:100%;float:left;text-align:center}
.author-photo img{display:inline-block;border-radius:50%;border:3px solid #f07023}
.yazar-bilgi{width:100%;float:left;border-top:1px solid #ddd;padding-top:15px;margin-top:20px}
.yazar-foto{float:left;width:100px;margin-right:20px}
.yazar-foto img{border-radius:50%;border:3px solid #f07023}
.yazar-content{width:calc(100% - 120px);float:left;box-sizing:border-box;padding-left:15px}
.yazar-content h4{margin-top:36px;font-size:22px}
.hata-gorsel{width:55%;float:left;margin-top:100px}
.hata-mesaj{width:50%;float:left;margin-left:-5%;display:flex;align-items:center;height:90vh}
.hata-mesaj .holder{width:100%;float:left;text-align:right;box-sizing:border-box;padding-right:20%}
.hata-mesaj h1{font-size:100px;font-weight:700;color:#f07023}
.hata-mesaj h2{font-size:40px;margin-bottom:20px;font-weight:700;color:#394d65}
.hata-mesaj p{font-size:18px;line-height:28px;margin-bottom:100px;color:#525252}
.hata-mesaj a{width:185px;text-align:center;color:#fff;font-size:18px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;font-weight:500;position:relative;z-index:4;background-color:#394d65;float:right}
.hata-mesaj a:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #394d65;-webkit-border-radius:360px;-moz-border-radius:360px;border-radius:360px;opacity:0;transition:all 1s ease-in-out;pointer-events:none;z-index:1;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}
.hata-mesaj a:hover:before{opacity:1;left:-5px;right:-5px;top:-5px;bottom:-5px;transition-delay:.1s}
.basinSlider{width:90%;right:5%;left:5%;position:relative;float:left;margin-top:30px}
.basinSlider .newsTextCont{width:100%;box-sizing:border-box;text-align:center;padding:10px 20px}
.basinSlider .newsImg{height:auto}
.basinSlider .newsTitle{height:60px;margin-bottom:0;display:flex;align-items:center;text-align:center}
.basinSlider .newsTitle span{display:inline-block;margin:auto}
.hizmetCarousel .owl-next{position:absolute;right:calc(50% - 28px);bottom:-10px;width:28px;background-color:transparent;border:none;text-indent:-99999em;height:25px;transition:all .2s ease-in-out;background-image:url(../images/icons/newsNext.png);background-size:100%;background-repeat:no-repeat;background-position:center center;opacity:.4}
.hizmetCarousel .owl-prev{position:absolute;right:calc(50% + 28px);bottom:-10px;width:28px;background-color:transparent;border:none;text-indent:-99999em;height:25px;transition:all .2s ease-in-out;background-image:url(../images/icons/newsPrev.png);background-size:100%;background-repeat:no-repeat;background-position:center center;opacity:.4}
.hizmetCarousel .owl-next::before{content:"";position:absolute;height:3px;background-color:#717f92;top:50%;margin-top:-1.5px;transition:all .2s ease-in-out;width:0;left:0}
.hizmetCarousel .owl-next:hover::before{left:-18px;width:20px}
.hizmetCarousel .owl-next:hover{opacity:1}
.hizmetCarousel .owl-prev::after{content:"";position:absolute;height:3px;background-color:#717f92;top:50%;margin-top:-1.5px;transition:all .2s ease-in-out;width:0;right:0}
.hizmetCarousel .owl-prev:hover{opacity:1}
.videolar{width:100%;margin:50px 0;float:left;margin-bottom:100px}
.videoButon .a{width:50px;height:50px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:360px;-moz-border-radius:360px;-webkit-border-radius:360px;background-color:#fff;position:absolute;transition:all .3s ease-in-out;top:35%;left:50%;margin-left:-25px}
.videoButon .a img{width:20px}
.videoButon .vc1{box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:4}
.videoButon .vc2{transform:scale(.8);z-index:3;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.3;animation:none;-webkit-animation:none}
.videoButon .vc3{transform:scale(.8);z-index:2;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.2;animation:none;-webkit-animation:none}
.videoButon .vc4{transform:scale(.8);z-index:1;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.1;animation:none;-webkit-animation:none}
.basinSlider .items:hover .videoButon .vc1,.basin4List li:hover .videoButon .vc1{box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:4}
.basinSlider .items:hover .videoButon .vc2,.basin4List li:hover .videoButon .vc2{transform:scale(.8);z-index:3;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.3;-webkit-animation:vc2Move 2s infinite;animation:vc2Move 2s infinite}
.basinSlider .items:hover .videoButon .vc3,.basin4List li:hover .videoButon .vc3{transform:scale(.8);z-index:2;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.2;-webkit-animation:vc3Move 2s infinite;animation:vc3Move 2s infinite}
.basinSlider .items:hover .videoButon .vc4,.basin4List li:hover .videoButon .vc4{transform:scale(.8);z-index:1;border:1px solid #ffe0ea;box-shadow:0 10px 20px rgba(0,0,0,.05);opacity:.1;-webkit-animation:vc4Move 2s infinite;animation:vc4Move 2s infinite}
.basin4List .newsTitle{display:flex;align-items:center}
.basin4List .newsTitle span{display:inline-block;margin:auto}
.basin4List li:hover .newsImg::before{width:100%;left:0;transition-delay:0}
.basin4List li:hover .newsImg::after{width:100%;left:0;transition-delay:50ms}
.musteriTitle a{font-size:14px;font-weight:300;color:#525252;padding-bottom:5px;border-bottom:1px solid #ddd;transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.musteriTitle a:hover{color:#f07023}
.whatsapp-icon{position:fixed;z-index:5;transition:all .2s ease-in-out;transform:translateX(-50%);top:inherit;bottom:0;right:-40px;width:120px;background-color:#64c22d;text-align:center;color:#fff;border-radius:5px 5px 0 0;font-size:13px;height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;font-weight:700;overflow:hidden}
.whatsapp-icon span{height:100%;width:30px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);padding:0 6px;box-sizing:border-box}
.whatsapp-icon strong{width:calc(100% - 30px)}
strong.schema-faq-question{font-size:22px;margin-bottom:18px!important;margin-top:10px;font-weight:700;float:left;color:#172b43;width:100%}
.schema-faq-section{margin-top:11px}
p.schema-faq-answer{line-height:28px}
.wpcf7-validation-errors,.wpcf7-acceptance-missing{width:100%!important;float:left!important}
.surecCont a{color:#fff!important;font-weight:700!important}
.blogContent p img{margin-top:0}
.contentForm{width:100%!important;padding:45px 20px!important}
.contentForm .sabitFormTitle{color:#f07023;font-size:25px}
.contentForm ul{margin-left:0;margin-top:0}
.contentForm .form-submit{width:200px;float:right}
.servicesText p strong,.servicesText p b{font-weight:700}
.keyBlog{width:100%;display:inline-block;margin-top:-25px}
.keyBlog ul{margin-top:15px!important;margin-left:0!important;display:inline-block!important}
.keyBlog ul li{list-style:none;float:left;display:inline-block;margin-right:15px;margin-bottom:15px;padding-left:0;width:auto}
.keyBlog ul li a{padding:6px 18px;background-color:#fff;display:inline-block;color:#a2a2a2;border-radius:4px;font-size:17px;border:1px solid #d0d0d0}
.servicesText p a{color:#f07023;font-weight:700;text-decoration:underline}
.keyBlog ul li::before{display:none!important}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pgHYYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_p2HcYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYQML_B48.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYQcL_B48.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKodSZaM9iE8KbpRA_pkHEYT8L_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCJW8zZmW5O7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCJW8zaGW5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKgE0mV0Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKjk0m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzZmW5O7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzaGW5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

li.country {color: #000!important;text-align: left!important;margin: 0px!important}

@media only screen and (max-width:1200px) {
  .container{width:95%}
  .topMenu::before{width:100%;transform:translate(0);border-radius:0}
  .altmenu{width: 120%;}
  .topMenu .container>ul{padding-right:0}
  .nedenbizCont{width:100%;transform:translate(0);border-radius:0}
  .nedenImg{left:0;width:100%;opacity:.2}
  .nedenText{width:100%;box-sizing:border-box;padding:0 180px 0 30px}
  .sonHaberCont{width:100%;right:0}
  .sonHaberSlider{width:100%}
  .formImg{width:200px;right:0}
  a.adzlink{position:relative;right:-25px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:105px}
  .basin4List ul li{height:212px}
  .topMenu .container>ul>li>a{padding: 30px 5px}
}

@media only screen and (max-width:991px) {
  .refTab ul li{padding:0 15px 15px;font-size:15px}
  .projectRef{margin:20px 0 0 30px;width:calc(100% - 60px)}
  .projectLeft{width:100%;position:relative;line-height:1;font-size:22px}
  .projectName{width:24%;height:150px}
  .shadowMask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:95;transition:all .3s cubic-bezier(.42,0,.13,1);opacity:0;visibility:hidden;pointer-events:none}
  .topMenu{z-index:99}
  .menuActive .shadowMask{right:300px;opacity:1;visibility:visible;pointer-events:inherit}
  .mmenu>li.active a{/* border:none */}
  .menuBtn{width:50px;height:45px;position:absolute;right:0;border: 2px solid rgb(57 77 101);box-sizing:border-box;padding:11px 8px;top:16px;border-radius:3px;}
  .menu-trigger{transition:all .5s 0;width:100%;height:100%;display:inline-block;position:relative}
  .menu-trigger .line{width:100%;position:absolute;top:0;left:0;height: 2px;background: rgb(57 77 101);transition:.3s;}
  .menu-trigger .line.line-1{transition:all .3s .3s,transform .3s 0}
  .menu-trigger .line.line-2{top:50%;margin-top:-1px;left:0;transition:all .3s .3s}
  .menu-trigger .line.line-3{bottom:0;top:auto;left:0;transition:all .3s .3s,transform .3s 0}
  .menu-trigger.active{transform:rotate(135deg);transition:all .5s .3s}
  .menu-trigger.active .line-1{top:50%;margin-top:-1px;transform:rotate(90deg);transition:all .3s,transform .3s .3s}
  .menu-trigger.active .line-2{opacity:0;transition:all .3s,opacity .3s 0}
  .menu-trigger.active .line-3{bottom:50%;margin-bottom:-1px;transform:rotate(0);transition:all .3s,transform .3s .3s}
  .mmenu{position:fixed;top:0!important;right:0;display:inline-block;width:300px;height:100%;z-index:0;text-align: right;overflow:scroll;padding: 120px 20px 20px 20px;box-sizing:border-box;display:none;background:#f07023;}
  .mmenu>li{width:100%;display: block;position:relative;}
  .mmenu>li>a{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-size: 15px;font-weight:700;}
  .menuActive main{right:300px;box-shadow:5px 0 20px rgba(0,0,0,.2)}
  .sticky.menuActive .topMenu{right:300px}
  body.menuActive{overflow:hidden;}
  .topMenu .container{justify-content:flex-start}
  .sayilar{font-size:47px}
  .rakamDetay{font-size:15px;margin-top:3px}
  .centerVideoBtn a{width:70px;height:70px}
  .vcIcon{/* width:20px */}
  .formHolder{width:100%}
  .formImg{display:none}
  .formTitle{width:100%;text-align:center}
  .services4List ul li::before{display:none}
  .services4List ul li{width:48%;margin:10px 1%!important;height:auto}
  .services4List .items::before{display:none}
  .services4List .items{height:260px}
  .mtopHeader{padding-top: 160px;}
  .hkText h2::before{width:calc(100% - 180px)}
  .servicesText{padding:0;width:100%;float:initial;margin:0 0 20px}
  .servicesImg{float:initial;margin:0 auto;display:table;/* width: 100%; */}
  .servicesFull.right .servicesImg{float:initial}
  .wnScr ul{width:90%}
  .surecTabMenu ul{width: 690px;}
  .surecPage{height:auto}
  .surecImg{width: 300px;display:none;/* float:initial; */margin:0 auto 20px;}
  .surecCont{/* width:100%; */width: calc(97% - 300px);/* padding:0; */}
  .kl-2 li a{font-size:16px;line-height:1.5}
  .kategoriList{height:350px}
  .bizdenHaberList{bottom:25px}
  .cnForm2{width:50%}
  .cnRt{width: 54%;}
  .formTitle2{font-size:21px}
  .addressTabMenu ul li{width:31.33%;margin:10px 1%}
  .addressTabMenu ul li a.active{top:0}
  .slImg{align-items:center}
  .slSect h2{font-size:39px}
  .topBg{background-size:150%}
  .slSect{padding-bottom:50px;box-sizing:border-box;padding-bottom:50px;box-sizing:border-box;width:55%}
  .slBtn ul{margin-left:0}
  .referancesMore a::after,.servicesMore a::after,.slBtn ul li::after{display:none}
  .slImg{width:60%;margin-left:-8%;margin-top:0;float:right;margin-right:-9%}
  .slSect p{display:none}
  .studiesBox li a::before{display:none}
  .bizdenHaberList li a{padding-bottom:10px}
  .bizdenHaberList li{margin-bottom:10px}
  .adzlink{float:right;position:absolute;right:75px;display:block;height:80px;width:100%;box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:hidden;position:relative;top:0;right:0}
  .adzlink a{color:#fff!important}
  .hata-mesaj h1{font-size:80px}
  .hata-mesaj h2{font-size:30px}
  .hata-mesaj p{font-size:16px;line-height:26px;margin-bottom:50px}
  .hata-mesaj a{font-size:16px}
  .hata-mesaj{height:100vh}
  .altmenu {width: 100%;/* visibility: hidden; *//* opacity: 1; *//* position: relative; *//* box-shadow: none; *//* border-radius: 15px; *//* border: 0; *//* transform:translateY(0%); */}
  .altmenu ul{border: 0}
}

@media only screen and (max-width:1100px) {
  .hata-mesaj {height: 600px}
  .hata-mesaj .holder {padding-right: 5%}
  .hata-mesaj h1 {font-size: 70px}
  .hata-mesaj p {font-size: 15px}
  .basin4List ul li {height: 212px;width: 31.3%;margin-left: 1%!important;margin-right: 1%!important}
}

@media only screen and (max-width:767px) {
  .whatsapp-icon{top:inherit;bottom:20px;right:-40px;width:110px;font-size:13px;border-radius:5px}
  .menuActive .whatsapp-icon{opacity:0;right:100%}
  .balloon{width:100%}
  .servicesImg{width:100%}
  .refTab ul li{width:50%;box-sizing:border-box;float:left;padding:0;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;font-size:16px;border-width:1px}
  .refTab ul li:first-child{width:100%;font-size:20px;height:55px}
  .refTab ul li.active{border-width:1px;border-color:#ed2159}
  .refTab ul li::before{display:none}
  .icerikSingle{width:100%}
  .sidebar{width:100%;height:auto}
  .blogList li .blogImg img{height:auto;width:100%;min-height:inherit}
  .projectRef{width:100%;margin:20px 0 0}
  .projectDetail{padding:15px}
  .refNext,.refPrev{display:none}
  .projectSlider .owl-dot{width:16px;height:16px;border-radius:360px;background-color:rgba(237,27,85,0);margin:0 3px;border:2px solid #f07023!important;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
  .projectSlider .owl-dot.active{background-color:#f07023}
  .projectSlider .owl-dots{margin:10px auto 0;display:table}
  .refTitle{padding:15px;font-size:16px}
  .projectName{width:32.33%;height:110px}
  .surecImg{width:100%}
  .headerCarouselw{width:100%}
  .headerCarousel .owl-dots{left:0;position:relative;margin-top: -28px;}
  .slSect{position:inherit;padding-bottom:70px}
  .slBtn{position:absolute;left:0;bottom: 45px;right:0;margin:0;z-index:10}
  .slBtn ul{display:table;margin:0 auto;float:inherit}
  .headerCarousel{width:100%;height:470px}
  .mmenu{width: 225px;}
  .menuActive .shadowMask{right:275px}
  .menuActive main{right: 225px;}
  .sticky.menuActive .topMenu{right:275px}
  .mmenu>li>a{padding: 12px 0;}
  .rakamlar ul li{width:50%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  .rakamlar ul li.centerVideoBtn{position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translateY(-50%) translateX(-50%);border:none;z-index:2}
  .centerVideoBtn a{width:100%;height:100%}
  .rakamlar ul{position:relative}
  .rakamlar ul li:nth-child(2),.rakamlar ul li:nth-child(5){border-right:0}
  .rakamlar ul li:nth-last-child(-n+2){border-bottom:0}
  .s4Details{padding: 20px 10px;border: 0;}
  .s4Details p{/* line-height:1.3; *//* height:90px; */font-size: 13px;}
  .s4Details h3{font-size:15px;height: auto;margin-bottom:5px;}
  .s4Icon{/* width:45%; */margin-bottom:10px;}
  .slBtn ul li a{font-size:13px}
  .servicesMore a{font-size:14px}
  .referancesMore a{font-size:14px}
  .nedenText{padding:0}
  .nbImg{display:none}
  .nedenbizCont{padding:20px 15px;box-sizing:border-box}
  .top12Musteri{margin-top:40px}
  .musteriTitle{font-size:17px;width:100%;float:left;position:relative;z-index:2;color:#3d4c5d}
  .top12List{margin-top:25px}
  .top12List li{width:30%}
  .top12List li:last-child{display:none}
  .rakamlar{margin-bottom:50px}
  .videoNot{margin-bottom:50px;font-size:18px}
  .videoNot br{display:none}
  .servicesMore{margin-bottom:50px}
  .nedenText h5{font-size:30px}
  .topBg{width:180%}
  .newsCarousel .owl-next{right:15%;bottom:-35px}
  .newsCarousel .owl-prev{right:calc(20% + 28px);bottom:-35px}
  .contactForm>ul>li{width: 100% !important;margin: 0 0 15px !important;}
  .contactForm>ul>li.submit{width:100%}
  .contactForm>ul>li.submit input{width:150px;margin:0 auto;float:initial;display:table;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;height:45px}
  .sect6{padding-bottom:10px;padding-top: 0 !important;padding-bottom: 0 !important;}
  .contactForm>ul>li input{border-width:1px}
  .grupSirketleriList li{width:60px;margin:0 2px}
  .grupSirketleriList li:last-child{width:90px}
  .footerTop{height:auto;padding: 10px 0;}
  .copyRight{margin: 5px 0 15px;width:100%;text-align:center;font-size:12px;}
  .hkImg{width: 100%;float:inherit;height: 100px !important;margin:0 auto 40px;display:table;}
  .hkText{width:100%;float:inherit}
  .hkCont{/* margin-bottom:40px */}
  .hkSect{/* padding-bottom:50px; *//* padding-top:30px */}
  .mtopHeader{height:auto;padding-top: 110px;margin-bottom: 0;}
  .title{font-size:30px}
  .undTitle{font-size:15px}
  .wnScr ul li{width:100%;margin:0 0 25px}
  .wnScr ul li:last-child{margin-bottom:0}
  .surecSect{margin-top:20px;padding-bottom:20px;margin-bottom: 20px;}
  .wnScr{margin:25px auto}
  .surecTabMenu ul li{width:30%;margin:20px 1.5%;min-height:85px;}
  .surecTabMenu ul{border-radius: 5px;padding:0;margin: 0;}
  .surecTitle{font-size:30px}
  .surecText p{line-height:1.6}
  .surecText{font-weight:300;height:auto}
  .studiesBox li{width:100%;margin:0 0 25px!important}
  .studiesBox{width:70%;margin-left:15%}
  .studies{margin:30px 0}
  .sss{width:100%;font-size: 14px;margin-bottom: 20px;}
  .title{font-size:22px;margin-top:10px}
  .kl-1{width:100%;height:340px;padding:25px}
  ul.kl-2{width:100%;height:340px;margin-left:0;margin-top:15px}
  .kategoriList{height:auto}
  .kl-2 li:nth-child(1),.kl-2 li:nth-child(3),.kl-2 li:nth-child(4){margin-left:0}
  .kl-2 li{width:48%}
  .kl-2 li:nth-child(3){width:100%}
  .bizdenHaberList{padding:0 25px}
  .kategoriSayi{font-size:120px}
  .blogList li{width:48%;margin:1%!important}
  .blogTitle{padding:5px;font-size:14px;height:40px}
  .blogCategori{margin-left:10px;margin-top:-30px;padding:5px 10px;font-size:10px}
  .sticky .topMenu{box-shadow:0 5px 25px rgba(0,0,0,.3)}
  .blogBaslik{font-size:20px}
  .cnForm2{width:100%;padding:40px 20px 10px}
  .cnRt{position:relative;width:100%;border-radius:0;padding: 10px;top:0;bottom:0;margin-top:25px;margin-bottom: 0 !important;height: 300px;}
  .contactw100{margin-bottom:50px}
  .addressTabMenu ul li{width:48%}
  .locationPage{margin-bottom:0}
  .formTitle{font-size:25px;margin: 0;margin-bottom: 15px;}
  .studiesText{height:auto;padding:10px}
  .headerCarousel .owl-item.active .slImg{display:flex!important;align-items:center;justify-content:center;margin-right: -10px;}
  .slSect h2{font-size:18px;margin-bottom:10px;line-height:24px}
  .slSect p{font-size: 14px;}
  .slSect h2 br,.slSect p br{display:none}
  .ikForm ul li,.ikForm ul li:nth-child(5){width:100%;margin:10px 0;float:left}
  .ikForm .formTitle br{display:none}
  .submitBtn{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:14px;width:160px;height:40px;float:none;margin:auto;display:inline-block}
  .ikForm .submit{text-align:center}
  .ikForm .formHolder{margin-top:10px}
  .sabitFormBg{width:100%;padding:50px 30px;margin-top:0;top:auto;bottom:0;right:0;left:0;height:90vh;display:none;z-index:999999999;transition:none}
  .close{width:35px;height:35px;border-radius:0;line-height:35px;left:0;top:0}
  .sabitFormBg .form-text,.sabitFormBg .form-textarea{height:37px;font-size:14px}
  .sabitFormBg .form-textarea{height:70px;padding-top:10px}
  .sabitFormTitle{font-size:24px;margin-bottom:15px}
  .sabitFormBtn{display:none}
  .adzlink{height:auto;width:100%;box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative;right:auto;overflow:hidden;margin-top:15px}
  .adzlink a{margin:0;width:100%;box-sizing:border-box;justify-content:flex-start;padding:10px 0;height:auto;line-height:inherit}
  .adzlink a img{filter:brightness(0) invert(1)!important}
  .hata-gorsel{width:100%;float:right;margin-top:100px}
  .servicesCont{/* margin-top:50px */}
  .hata-mesaj{width:100%;height:auto}
  .hata-mesaj h1 br{display:none}
  .sabirMobilFormBtn{display:block;width:50%;left:0;bottom:0;border-radius:0;height:30px;background-color:#e2265d}
  .videolar{margin:10px 0;margin-bottom:50px}
  .basinSlider .newsTextCont{padding:10px}
  .videoButon .a{width:40px;height:40px;top:28%;left:50%;margin-left:-20px}
  .videoButon .vcIcon{width:15px}
  .newsTitle{font-size: 15px!important;}
  .basinSlider .newsCarousel .owl-prev{right:calc(50% + 28px);bottom:-25px}
  .basinSlider .newsCarousel .owl-next{right:calc(50% - 28px);bottom:-25px}
  .basinSlider .newsTitle{height:45px;}
  .blogKategori{margin-top:60px}
  .basin4List ul li{height:170px;width:48%;margin-left:1%!important;margin-right:1%!important}
  .basin4List .newsTitle{margin-bottom:0;height:50px}
  .grupSirketleriList li{width:32.3%;margin:.5%;height:50px;display:flex;align-items:center;text-align:center}
  .grupSirketleriList li a{display:inline-block;margin:auto}
  ul.grupSirketleriList{margin-bottom:30px}
  .zopim{width:50%!important;background-color:#e2265d!important;bottom:0!important;right:0!important;text-align:center!important}
  .sabirMobilFormBtn img{width:25px;padding:8px 5px;background-color:#d20751;box-sizing:border-box;border-radius:0;float:left}
  .sabirMobilFormBtn span{width:calc(100% - 25px);float:left;font-size:14px;height:100%;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;font-weight:700;color:#fff}
}

@media only screen and (max-width:500px) {
  .topContact .left li.telLi{display: none;}
}

@media only screen and (max-width:375px) {
  a.adzlink{height:65px;padding:7px 18px}
  .projectName{width:49%;height:150px}
  .topContact ul li a{font-size:12px}
  .topContact ul li a span{width:12px;margin-right:5px}
  .topContact ul li{/* margin-right:15px; */}
  .topMenu{height:65px;/* top: 34px; */}
  .menuBtn{top:10px}
  .slSect{margin-top:105px}
  .newsTextCont{padding:10px}
  .newsTitle{font-size:12px;height:40px}
  .newsBottom{font-size:9px;font-weight:400}
  .newsCarousel .items{margin:8px}
  .sonHaberTitle{font-size:22px}
  .studiesTitle{font-size:13px;margin-bottom:5px}
  .studiesParagraph{font-size:11px}
  .studiesBox{width:80%;margin-left:10%}
  .accordionButton{font-size: 15px;padding-right: 45px;}
  .accordionContent{font-size: 14px;}
  .cnForm2{padding:20px 10px 10px}
  .cnForm2 form>ul>li input,.cnForm2 form>ul>li textarea{font-size:12px}
  .cnForm2 form>ul>li input{height:40px}
  .cnForm2 form>ul>li textarea{height:100px}
  .cnForm2 form>ul>li.submit input{width:130px;font-size:14px;height:40px}
  .addressTabMenu ul li a{font-size:12px;padding:0 10px}
  .address strong{font-size:110%}
  .map{height:300px}
  .grupSirketleriList li{width:50px}
  .logo{width: 170px;}
  .hata-mesaj h1{font-size:50px}
  .hata-mesaj h2{font-size:22px}
  .hata-mesaj .holder{padding-right:0}
  .hata-mesaj a{font-size:14px;width:160px;height:45px}
  .hata-mesaj{width:100%;height:auto;margin-left:0;box-sizing:border-box;padding:0 5%;margin-top:100px;margin-bottom:-100px}
  .hata-mesaj p br{display:none}
  .basinSlider{margin-bottom:30px;width:96%;right:2%;left:2%}
  .basinSlider .newsCarousel .owl-prev{right:calc(50% + 28px);bottom:-50px}
  .basinSlider .newsCarousel .owl-next{right:calc(50% - 28px);bottom:-50px}
  .musteriTitle a{font-size:13px;margin-top:10px;display:inline-block;padding-bottom:3px}
}

@media only screen and (max-width: 360px) {
  .slSect p {font-size: 14px;}
  .slBtn ul li a {width: 135px}
  a.adzlink {width: 80px;padding: 10px 10px}
  .projectName {height: 130px}
  .menuActive .shadowMask {right: 250px}
  .menuActive main {right: 250px}
  .mmenu {width: 250px;}
  .sticky.menuActive .topMenu {right: 250px}
  .menuActive .whatsapp-icon {right: 260px}
}
body.compensate-for-scrollbar {overflow: hidden}
@charset "UTF-8";
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes wobble {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello {
from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes jackInTheBox {
from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jackInTheBox {
from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp}

.contact_form input[type=submit][disabled] {text-indent: -9999px;background: 0 0}
.fa-play{display:block;background: -webkit-linear-gradient(#f07023,#c34900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.rakamlar .fa-phone-alt{display:block;background: -webkit-linear-gradient(#f07023,#c34900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.videoNot .baslik{font-size: 160%;font-weight: 700;}
.bottomForm{background: #efefef;padding: 45px 0;background: url(../images/bg1.jpg);background-position: bottom !important;background-repeat: repeat-x;/* background-size: cover !important; */}
.footerTop{}
.footerTop .col ul{list-style: none;padding: 0;margin: 0}
.footerTop .col ul li{display: block;margin-bottom: 3px;}
.footerTop .col ul li a{color: #fff !important;width: 100%;padding-top: 8px;padding-bottom: 8px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #272934;display: block;font-size: 15px;}
.footerTop .col p{color: #fff !important}
.footerTop .col{/* margin-right: 1%; */float: left;width: 33%;text-align: left;padding-right: 30px;box-sizing: border-box;}
.footerTop .col h3{color: #fff;margin-bottom: 5px;border-bottom: 1px solid #0d0f15;padding-bottom: 5px;font-size: 20px;font-weight: 500;width: 100%;padding-top: 8px;padding-bottom: 8px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #272934;}

.footerTop .col.c1 img{width: 250px;margin-bottom: 10px;}
.footerTop .col.c1 p{margin-bottom: 10px;font-size: 15px;display: none;}
.footerTop .col.c1 ul{}
.footerTop .col.c1 ul li{}
.footerTop .col ul li a{transition: all .3s ease-in-out;}
.footerTop .col.c2{}
.footerTop .col.c3{}
.footerTop .col.c3 .r1{float: left;width: 48%;margin-right: 2%;}
.footerTop .col.c3 .r2{float: left;width: 50%;}
.footerTop .col ul li a:hover{background: #f07023;padding-left: 5px;}
.iframeMap{margin-bottom: 60px;}
.iframeMap iframe{width: 100%;height: 330px;}
.basariHikayeleriPage .basinSlider{margin: 0}
.basariHikayeleriPage .achCarousel .items{float: left;display: inline-block;width: 270px;/* height: 300px; */position: relative;margin: 0 15px 30px 15px;}
.basariHikayeleriPage .achCarousel .items::before{content: "";position: absolute;left: 0;top: 10%;width: 95%;height: 90%;transform: rotate(0);border-radius: 10px;transition: all .5s cubic-bezier(.42, 0, .14, 1.02);background-color: #f07023}
.basariHikayeleriPage .achCarousel .items:hover::before{transform: rotate(3deg);height: 96%}
.basariHikayeleriPage .achCarousel .items a {display: block;overflow: hidden;border-radius: 6px;box-shadow: 0 10px 25px rgb(237, 27, 85, .1)}
.basariHikayeleriPage .achCarousel .newsImg {width: 100%;display: inline-block;float: left;overflow: hidden;position: relative;transition: all .2s ease-in-out;height: auto;background: #fff;border-bottom: 2px solid #424242}
.basariHikayeleriPage .achCarousel  .newsTitle {width: 100%;display: inline-block;float: inherit;box-sizing: border-box;height: auto;overflow: hidden;font-size: 17px;/* line-height: 1.2; */font-weight: 500;color: #1e242e;margin-bottom: 0;}
.basariHikayeleriPage .achCarousel  .newsBottom {width: 100%;display: inline-block;padding-top: 15px;border-top: 1px solid #ebedef;box-sizing: border-box;font-size: 12px;color: #c1c1c3;font-weight: 700}
.referanslarPage .top12Musteri{margin: 0}
.referanslarPage .top12List{margin: 0}

.bottomFixedBar{position: fixed;bottom: 20px;/* width: 58px; */left: 0;display: flex;z-index: 99999;padding: 0;margin: 0;/* flex-direction: column; */display: none;}
.bottomFixedBar a{width: 33.333333%;height: 52px;color: #FFF;background-color: #2BA201;text-align: center;padding: 4px 4px;font-size: 11px;font-weight: 500;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bottomFixedBar a i{font-size: 14px;display: block;}
.bottomFixedBar a span{display: block;margin-top: 5px;}
.bottomFixedBar a.mobilAraBtn{/* border-top-right-radius: 15px; */}
.bottomFixedBar a.mobilTeklifBtn{background: #f07023;}
.bottomFixedBar a.mobilWhatsappBtn{border-bottom-right-radius: 15px;border-top-right-radius: 15px;}

.cookiePopup {position: fixed;left: 0;/* right: 0; */bottom: 0;width: fit-content;background: rgb(57 77 101);padding: 15px 15px 12px 15px;z-index: 99999;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.cookiePopup .text{display: block;position: relative;margin: 0 auto;text-align: center;padding-right: 25px;}
.cookiePopup .text i{}
.cookiePopup .text img{display: inline-block;margin-right: 10px;}
.cookiePopup .text p {font-size: 15px;color: #fff;display: inline-block;width: 500px;position: relative;top: -10px;text-align: left;}
.cookiePopup .text p a {font-weight: 600;color: #ffffff;}
.cookiePopup .text .fa{position: absolute;top: 0;right: 0;font-size: 20px;margin-left: 7px;color: #ffffff;cursor: pointer;opacity: 1;display: inline-block;}

.partnerLogos{margin-top: 15px;display: block;position: relative;margin-left: 11px;width: fit-content;}
.slideLogo{width: 161px !important;/* display: inline-block !important; *//* margin-right: 28px; */}
.slideLogo2{margin: 0;}

.contactSect{}
.contactSect .adresler{display: flex;width: 100%;justify-content: space-between;margin-bottom: 30px;}
.contactSect .adresler .box{width: 32%;box-shadow: 0 0 35px rgb(0 0 0 / 8%);border-radius: 6px;box-sizing: border-box;padding: 0;position: relative;z-index: 2;background-color: #fff;/* height: 438px; */}
.contactSect .adresler .box img.cover{width: 100%;height: 170px;border-radius: 5px;object-fit: cover;}
.contactSect .adresler .box h4{padding: 25px 32px;font-weight: 600;font-size: 18px;}
.contactSect .adresler .box span{margin-bottom: -12px;display: block;}
.contactSect .adresler .box .adres{padding: 0px 32px;height: 112px;}
.contactSect .adresler .box .email{padding: 25px 32px;padding-bottom: 0;}
.contactSect .adresler .box .tel{padding: 25px 32px;display: block;color: inherit;}
.contactSect .adresler .box b{font-weight: 500;position: relative;top: -4px;padding-left: 4px;}
.contactSect .adresler .box p img{width: 20px;display: inline-block;}
.contactSect .adresler .box a img{width: 20px;display: inline-block;}


.iti{width: 100%}

.iti__hide {
  display: none; }

pre {
  margin: 0 !important;
  display: inline-block; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none; }

input, button {
  height: 35px;
  margin: 0;
  padding: 6px 12px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 100%;
  color: inherit; }
  input[disabled], button[disabled] {
    background-color: #eee; }

input, select {
  border: 1px solid #CCC;
  width: 250px; }

::-webkit-input-placeholder {
  color: #BBB; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #BBB;
  opacity: 1; }

:-ms-input-placeholder {
  color: #BBB; }

button {
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD; }
  button:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    cursor: pointer; }

#result {
  margin-bottom: 100px; }


@media only screen and (max-width:1366px){
	.nbImg {position: absolute;right: -128px;bottom: 18px;width: 520px;}
}

@media only screen and (max-width:1200px){
	.nbImg {position: absolute;bottom: 30px;width: 410px;right: -90px;}
	.sectBox2 .container{width: 100%;}
	.sectBox2 .items{margin:10px;width: 31%;}
	.sectBox2 .hizmetCarousel{width: 990px;margin: 0 auto;display: block;}
	.hkText h2::before{width: 50%}
	.basariHikayeleriPage .achCarousel .items{width: 20%;float: inherit;display: inline-block;}
	.basariHikayeleriPage .sonHaberSlider{text-align: center;}
	.contactSect .adresler .box p.adres{height: 132px;}
} 

@media only screen and (max-width:991px){
	.sectBox2{float: inherit;}
	.sectBox2 .container{width: 100%;}
	.sectBox2 .items{margin:10px;width: 40%;float: inherit;height: 290px;}
	.sectBox2 .hizmetCarousel{width: auto;margin: 0 auto;display: block;text-align: center;}
	.footerTop .col{width: 48%}
	.footerTop .col.c3{width: 100%;margin-top: 25px}
	.surecTabMenu ul li{width: 90px;}
	.hkText h2::before{width: 35%}
	.basariHikayeleriPage .achCarousel .items{width: 29%}
	.contactSect .adresler{ flex-direction: row;flex-wrap: wrap;}
	.contactSect .adresler .box{width: 48%;margin-bottom: 25px;}
	.contactSect .adresler .box p.adres{height: auto;}
	.slImg{width: 53%}
	.slImg iframe{display: none;}
	.slImg img{display: block;}
} 

@media only screen and (max-width:767px){
	.surecTabMenu ul{width: 100%}
	.surecTabMenu ul li{float: inherit;display: inline-block;margin: 15px 0;height: auto;width: auto;min-height: auto;font-size: 13px;float: left;display: inline-block;margin: 10px 0;height: 71px;width: 33.3333%;/* overflow: hidden; */}
	.surecCont{width: 100%;}
	.surecPage.open .surecImg{display: none;}
	.servicesText p{font-size: 15px;margin-bottom: 10px;}
	.surecTabMenu{margin: 15px 0;}
	.surecTabMenu ul li a img{width: 30px;margin: 0 auto;}
	.surecTabMenu ul li a::before{right: -10px;width: 8px;top: 15px;}
	.mtopHeader .breadcrumb{margin-bottom: 20px}
	.surecPage.open .surecTitle{font-size: 20px}
	.surecPage.open .surecText p{font-size: 15px}
	.partnerLogos{margin-left: 0;}
	.logo{width: 170px}
	.topMenu{height: 65px}
	.surecTabMenu ul li a{padding: 0 6px;}
	.menuBtn {top: 10px;}
	.hkImg img{height: auto;}
	.hakkimizdaBodyPage .bottomForm{margin-top: 25px}
	.sectFooter{background-size: 500% !important;background-position: center !important;}
	.basariHikayeleriPage .achCarousel .items{width: 46%;margin: 1%;}
	.footerTop .col {width: 100%;	}
	.footerTop .col{width: 100%;margin: 0px;padding: 15px;padding-bottom: 0;}
	.footerTop .col.c3{width: 100%;margin-top: 0}
	.nedenText p{font-size: 15px}
	.footerTop .col.c3 .r1{width: 100%;}
	.footerTop .col.c3 .r2{width: 100%;}
	.footerTop .col ul li a{font-size: 14px}
	.basariHikayeleriPage{padding-bottom: 25px;;margin-bottom: 20px}
	.blogContent p{font-size: 15px}
	.cnRt h3{font-size: 18px}
	.mobilAraBtn{/*display: inline-block;width: 100%;	*/}
	.cookiePopup{width: 200px;bottom: 100px;padding: 10px;padding-right: 0px;}
	.cookiePopup .text p{width: 100%;padding: 0;top: 0;display: block;box-sizing: border-box;font-size: 11px;padding-right: 10px;}
	.cookiePopup .text img{display: none;}
	.cookiePopup .text .fa{right: 10px;}
	.footerBottom{/* margin-bottom: 48px */}
	.slideLogo{width: 100px !important;margin-right: 5px}
	.contactSect .adresler .box{width: 100%;}
	.bottomFixedBar{display: flex;}
	.altmenu ul{padding-bottom: 250px;}
	.slImg iframe{margin-top: 20px;height: 140px;}
	.services4List iframe{display: block;}
	.w100.headerSlider {margin-top: -20px;}
}
@media only screen and (max-width:500px){
	.sectBox2 .container{width: 100%;}
	.sectBox2 .items{margin:10px;width: 90%;float: inherit;height: auto;}
	.sectBox2 .items a{position: relative;}
	.s4Icon{width: 50px}
	.newsCarousel .items{margin: 20px 10px 50px 10px;}
	.basinSlider{margin-top: 0}
	.sonHaberSlider .owl-nav{display: block;position: relative;top: -50px;left: 15px;}
	.footerTop .col{width: 100%;margin: 0px;padding: 15px;padding-bottom: 0;}
	.footerTop .col.c3{width: 100%;margin-top: 0}
	.nedenText p{font-size: 15px}
	.footerTop .col.c3 .r1{width: 100%;}
	.footerTop .col.c3 .r2{width: 100%;}
	.footerTop .col ul li a{font-size: 14px}
	.referancesMore{margin-bottom: 20px}
	.hkText h2::before{display: none;}
    .slBtn ul li{margin-right: 5px}
    .slBtn ul li a{width: 135px;font-size: 14px;padding: 0 5px;}
	.partnerLogos{/* padding: 5px 5px 3px 5px; *//* width: fit-content */margin-top: 5px;}
	.slideLogo{/* width: 77px !important; */margin-right: 5px}
	.contactSect .adresler .box img.cover{height: 100px;}
} 

@media only screen and (max-width:320px){
	.slideLogo{width: 67px !important;margin-right: 5px}
}