@charset "UTF-8";
@font-face {font-family: 'Segoe UI Bold';font-style: normal;font-weight: normal;src: local('Segoe UI Bold'), url(//www.goproje.com.tr/wp-content/themes/goproje/assets/fonts/Segoe UI Bold.woff) format('woff');}
@font-face {font-family: 'Segoe UI Regular';font-style: normal;font-weight: normal;src: local('Segoe UI Regular'), url(//www.goproje.com.tr/wp-content/themes/goproje/assets/fonts/Segoe UI.woff) format('woff');}
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; 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;color: #001828 }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.main{width: calc(100% - 95px);position: relative;float: right;z-index: 0;}
.container{width: 90%; margin: auto;}
.language ul:hover{height:100px;}
.language::after{content: "";position: absolute;width: 0px;height: 0px;border-bottom: 0px;border-top: 5px solid #FFFFFF;border-left: 5px solid transparent;border-right : 5px solid transparent;left: 50%;bottom: -10px;margin-left: -5px;}
.btn-tel{color: #FFFFFF;margin: auto;width: 100%;display: flex;align-items: center;}
.btn-tel span strong {display: block;font-size: 20px;margin-left: -2px;}
.btn-tel span {font-size: 8px;font-weight: 400;text-align: left;line-height: 15px;display: inline-block;}
.bize-ulas{background-color: rgba(255,255,255,0.12);position: relative;height: 295px;  display: flex;float: left;}
.btn-tel img {position: absolute;left: 38px;top: 30px;transform: rotate(180deg);}
.bize-ulas a {width: 100%;height: 100%;display: flex;align-items: center;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;transform: rotate(180deg);}
.ana-slider a { width: 100%; height: 100%;  position: absolute;}
.ana-slider .swiper-slide{height: 100vh;background-size:cover; background-position: center;}
.ana-slider .swiper-slide::before{content: "";position: absolute;width: 100%;height: 100%;left: 0px;top: 0px; background-color: rgba(0, 0, 0, 0.48);}
.ana-slider .slogan{position: absolute; color: #FFFFFF; width: 45%;margin-top: 19%;}
.ana-slider .slogan h2 {font-size: 53px;font-weight: 700;line-height: 80px;}
.ana-slider .slogan p {font-weight: 500; margin-bottom: 15%;font-size: 18px}
.ana-slider .slogan .slider-btn span{font-weight: 700;color: #FFFFFF;padding-right: 35px;}
.ana-slider .slogan  .slider-btn{border: 1px solid #FFFFFF;border-radius:100px;padding: 20px 30px 20px 40px;width: 178px;}
.ana-menu ul li a:hover::before{width: 100%;}
.ana-menu ul li:nth-child(6){margin-bottom:0px;}
.ana-menu-bottom ul li span{width: 50%}
.mobile-shadow{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);visibility:hidden;opacity:0;transition:all .2s ease-in-out;display:block}
.mobile-shadow.active{visibility:inherit;z-index:9;opacity:1;right:300px}
.menu-trigger.second{transition:all .5s 0s; height:22px;width: 100%;margin:0 auto;position: relative;  }
.main.active{right:300px;box-shadow:5px 0 15px rgba(0,0,0,.3)}
.swiper-container-horizontal>.swiper-pagination-bullets, .ana-slider .swiper-pagination-custom, .ana-slider .swiper-pagination-fraction {bottom: 125px !important;left: 0  !important; text-align: left  !important; width: 100%;margin-left: 5%  !important;}
.ana-slider .swiper-pagination-bullet {width: 24px;height: 12px;display: inline-block;border-radius: 100px;background: #fff;opacity: 0.16;}
.ana-slider .swiper-pagination-bullet-active {opacity: 1; background: #fff; width: 100px;}
.ana-hizmetler .title h2{font-weight: 700; font-size: 30px;padding: 100px 0px 75px 0px;}
.ana-hizmetler ul li a img :nth-child(3){padding-left:0px}
.ana-hizmetler ul li a {display: block;position: relative;color: #fff;width: 100%;height: 100%;}
.ana-hizmetler ul {display: inline-block;width: 100%;}
.ana-hizmetler ul li a .img-yazi {position: absolute;top: 245px; left: 60px;font-size: 25px;font-weight: 700}
.ana-hizmetler ul li a .img-yazi span{font-weight: 700;font-size: 14px;}
.ana-hizmetler ul li a .img-yazi span img{ margin-left: 20px;transition: all .3s ease-in-out}
.ana-hizmetler ul li a::before{content: "";position: absolute;width: 100%;height: 100%;left: 0px; top: 0px;  background-color: rgba(0, 0, 0, 0.46)}
.ana-hizmetler ul li a .img-yazi h3{margin-bottom: 35px;line-height: 46px;}
.ana-hizmetler ul li a .img-yazi span:hover img{margin-left:50px;}
.ana-hizmetler ul li a .no {font-size: 25px;font-weight: 700;position: absolute;left: 60px;top: 60px;}
.ana-hizmetler ul li a:hover{background-color: rgba(0, 0, 0, 0.60); transition: all .3s ease-in-out}
.full-ana-hizmetler{background-color: #FBFBFB;padding-bottom: 100px;}
.neler-yaptik .title h2{font-size: 30px;font-weight: 700;margin-top: 110px;margin-bottom: 100px;}
.neler-yaptik .title h3{font-size: 30px;font-weight: 700;line-height: 41px;margin-bottom: 20px;}
.neler-yaptik .title{text-align: center; border-bottom: 2px solid #001828;margin: 0% 20% 1% 20%;padding-bottom: 70px;}
.neler-yaptik .title span{font-size: 18px;}
.orta-neler-yaptik .row{width: auto;position: relative;display: flex;margin: auto;align-items: center;}
.orta-neler-yaptik .row .col1{width: 20%;position: relative;text-align: center;}
.orta-neler-yaptik .row .col2{width: 60%;margin: auto;}
.orta-neler-yaptik .row .col1 span{display: block;font-size: 64px;font-weight:700;line-height: 75px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1){margin-bottom: 150px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2){margin-top: 150px;margin: auto;}
.orta-neler-yaptik .row .col1 span {display: table;margin: auto;}
.orta-neler-yaptik .row .col1 ul {display: table;margin: auto;}
.projeler-slider .ana-projeler .swiper-wrapper .swiper-slide{height: 500px;background-size: cover;background-position: center;position: relative;}
.projeler-slider{float: left;overflow: hidden;margin-bottom: -49px;}
.ana-projeler .swiper-slide{ cursor: pointer;}
.ana-projeler .swiper-slide a .baslik h4{font-size: 18px;color: #001828;}
.ana-projeler .swiper-slide a .baslik span{font-size: 14px;opacity: 0.56;line-height: 30px;color: #001828;}
.ana-projeler .swiper-slide a .baslik .baslik-btn {font-size: 14px;font-weight: 700;line-height: 70px;color: #001828;}
.ana-projeler .swiper-slide .baslik .baslik-btn img{margin-left: 20px;transition: all .3s ease-in-out;}
.ana-projeler .swiper-slide .baslik .baslik-btn:hover img{margin-left:50px;}
.proje-gorsel{width: 100%;height: 315px;background-position: center;background-size: cover;}
.ana-projeler .swiper-slide .baslik span{font-size: 14px;opacity: 0.56;line-height: 30px;}
.ana-projeler .swiper-slide .baslik{margin-top: 30px;}
.projeler-slider .ana-projeler{width: 120%;margin-right: -20%;}
section.ana-footer {background: #FBFBFB;float: left;position: relative;width: 100%;}
.footer .footer-logo {margin-top: 40px;margin-bottom: 40px;}
.footer .footer-contact .footer-haberdar-ol h2,.footer .footer-contact .footer-iletisim h2{font-size: 14px;    padding-bottom: 35px;}
.footer .footer-contact .footer-haberdar-ol label{display: block;font-size: 14px;font-weight: 700;}
.footer .footer-contact .footer-haberdar-ol input#mail {border: none;background-color: transparent ;border-bottom: 1px solid #707070;margin-bottom: 30px;margin-top: 3px;width: 440px; height: 41px;}
.footer .footer-contact {padding-bottom: 85px;position: relative;width: 100%;float: left;  border-bottom: 1px solid #707070;}
.footer .footer-contact .footer-haberdar-ol input#kayitol {display: block;background-color: #001828;opacity: 0.52;color: #fff;border: 1px solid;border-radius: 100px;padding: 12px 30px; font-size: 14px;font-weight: 700;font-family: 'Quicksand', sans-serif; letter-spacing: 1px;cursor: pointer;}
.footer .footer-contact  .footer-iletisim{float: left;width: 30%;}
.footer .footer-contact .footer-haberdar-ol{float: left;width: 40%;}
.footer .footer-contact .footer-menu{float: left;width: 25%;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span {color: #001828;opacity: 0.43;display: block;padding-bottom: 25px;}
.footer .footer-contact .footer-iletisim .footer-harita{font-size: 14px;font-weight: 700;display: table;border-bottom: 1px solid #001828;padding-right: 30px;margin-top: 20px;} 
.footer .footer-contact .footer-iletisim .footer-harita img {padding-right: 20px;}
.footer .footer-contact .footer-iletisim .footer-harita a{opacity: 1;padding-bottom: 3px;}
.footer .footer-contact .footer-menu ul li {margin-bottom: 30px;width: 50%;float: left;}
.footer .footer-contact .footer-menu ul li a {color: #001828;font-size: 14px;font-weight: 700;}
.ana-footer .footer {float: left;position: relative;width: 100%;border-bottom: 1px solid #707070;}
.footer .footer-sosyaliconlar {width: 20px; position: absolute;bottom: 0px;right:-30px;}
.footer-sosyaliconlar ul li {margin-top: 20px;}
.footer .footer-sosyaliconlar ul li a img {filter: brightness(0);transition: all ease-in-out 0.3s;}
.iconlar ul li a img{filter: brightness(0) invert(1);transition: all ease-in-out 0.3s;}
.footer .footer-sosyaliconlar ul li a img:hover {filter:none;}
.iconlar ul li a img:hover{filter:none;}
.copright p {font-size: 14px;font-weight: 700;padding: 45px 0px;}
.copright { float: left; position: relative; width: 100%;}
.orta-kurumsal .aciklama span {font-size: 30px;line-height: 55px;}
.orta-kurumsal .aciklama i img {position: absolute;top: 15px;left: -363px;bottom: 0;z-index: 0;}
.swiper-pagination.proje-pagi.swiper-pagination-bullets{display: none;}
.hakkimizda{width: 100%;height: 100vh;background-size: cover;background-position: right;float: left;position: relative;display: flex;}
.hakkimizda .hakkimida-detay h1 {font-size: 30px;margin-bottom: 20px;}
.hakkimida-detay {width: 95%;}
.alt-detay h2 {font-size: 24px;font-weight: 700;width: 200px;float: left;text-align: end;margin-top: 10px;margin-right: 90px;}
.alt-detay p { float: left; margin-right: 80px;}
.alt-detay {position: relative;width: 100%;float: left;padding: 100px 0px; background: #011F33;color: #fff;}
.alt-detay:nth-child(even) { background: #001828;}
section.hakkimiz {position: relative;float: left;width: 100%;height: 100%;background: #E4E4E4;}@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap");
body {font-family: 'Quicksand', sans-serif;overflow-x:hidden }
.header{width: 95px;height: 100vh;background-color: #001828;position:fixed;left: 0;top: 0;text-align: center;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;}
.iconlar{width: 100%;float: left;margin-bottom: 70px;}
.iconlar ul li{padding-top: 6px;}
.iconlar ul li:nth-child(1){padding-top: 0px;}
.logo {float: left;text-align: center;width: 100%;position: relative;bottom: 98px;}
.language ul {height: 20px;overflow: hidden;transition: all ease-in-out 0.3s;position: relative;bottom: 0px;text-align: center;width: 100%;}
.language ul li a{color: #FFFFFF;font-weight:700;line-height: 30px;}
.language{position: relative;float: left;width: 100%;display: none;}
.menu-content{background-color: rgba(0,24,40,0.95);height: 100vh;width: 35%;position: fixed;z-index: 2;left: -100vh;transition: all ease-in-out 0.3s;color: #FFFFFF;padding-left: 40px;box-sizing: border-box;overflow: hidden;z-index: 1;}
.menu-content.open{left: 95px;}
.ana-menu span{font-weight: 700;font-size: 50px;border-bottom: 1px solid rgba(250,250,250, 0.29);width: 100%;float: left;padding-top: 11%;padding-bottom: 15px;margin-bottom: 37px;}
.ana-menu ul li a{color:#FFFFFF;font-size: 18px;font-weight: 700;position: relative;}
.ana-menu ul li a::before{content: "";position: absolute;width:0%;height: 100%;border-bottom: 1px solid #fff;left: 0px;top: 6px;transition: all .3s ease-in-out}
.ana-menu ul li{margin-bottom: 21px;line-height: 48px;}
.ana-menu-bottom {position: absolute;bottom: 0px;border-top: 1px solid rgba(250,250,250, 0.29);width: 100%;padding-top: 30px;padding-bottom: 70px;}
.ana-menu-bottom span{font-size: 18px;font-weight: 700;}
.ana-menu-bottom ul li a, .ana-menu-bottom ul li span{color:#FFFFFF;padding-left: 40px;}
.ana-menu-bottom ul li::before{content: "";position: absolute;background-color:#FFFFFF;width: 20px;margin:0px;padding: 0px;height: 20px;border-radius: 100px;margin-right: 10px;top: 0px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span{font-size: 14px;font-weight: 700;margin-top: 20px;display: block;position: relative;}
.menu-trigger.second .line{width:100%;position:absolute;top:0;left:0;height: 3px;background: #fff;transition:.3s;}
.menu-trigger.second .line.line-1{transition:all .3s .3s,transform .3s 0s}
.menu-trigger.second .line.line-2{top: 7px; left:0;transition:all .3s .3s;width: 80%;}
.menu-trigger.second .line.line-3{bottom:0;top: 14px;left:0;width: 80%;transition:all .3s .3s,transform .3s 0s;}
.menu-trigger.second .line.line-4{bottom:0;top: 21px;left:0;transition:all .3s .3s,transform .3s 0s;}
.menu-trigger.second.active{transform:rotate(135deg);transition:all .5s .3s}
.menu-trigger.second.active .line-1{top: 15px;margin-top:-1px;transform:rotate(90deg);transition:all .3s,transform .3s .3s;}
.menu-trigger.second.active .line-2,.menu-trigger.second.active .line-4{opacity:0;transition:all .3s,opacity .3s 0s}
.menu-trigger.second.active .line-3{bottom:50%;margin-bottom: 0px;transform:rotate(0);transition:all .3s,transform .3s .3s;width: 100%;}
.menu-trigger.second.active .line-4{bottom:50%;margin-bottom:-1px;transform:rotate(0);transition:all .3s,transform .3s .3s}
.menu-btn{left: 30px; width:35px;height:25px;z-index:9;padding:0;box-sizing:border-box;transition:all .3s ease-in-out;display:block;position: relative;float: left;cursor: pointer;text-align: center;margin: 25px 0px 40px 0px;}
.ana-hizmetler ul li:nth-child(3n) {margin-right: 0px;}
.ana-hizmetler ul li {width: calc(33.3% - 13.33px);float: left;margin-right: 20px;margin-bottom: 20px;height: 440px;background-size: cover;background-position: center;}
.orta-neler-yaptik .row .col1 ul li {position: relative;display: table;width: 100%;float: left;}
.orta-neler-yaptik .row .col1 ul li i {display: table;margin: auto;position: relative;float: left;width: 100%;}
.ana-projeler-title h2{font-size: 30px;padding-bottom: 20px;margin-top: 0;}
.projeler-detay {width: 100%;float: left;padding-bottom: 60px;}
.ana-projeler-title .projeler-detay p {width: 100%;float: left; font-size: 20px;line-height: 40px;}
.ana-projeler-title .projeler-detay h3 {width: 10%;display: table;float: left;text-align: end;padding-top: 0px;font-size: 24px;line-height: 40px;font-weight: 400;margin-right: 68px;margin-left: 100px;}
.ana-proje{width: 100%;float: left;background: #DDEAEA;height: auto;padding-bottom: 50px;overflow: hidden;padding-top: 120px;}
.footer .footer-contact .footer-haberdar-ol label {display: block;font-size: 14px;font-weight: 700;}
.footer .footer-contact .footer-haberdar-ol input::-webkit-input-placeholder { color:    #001828;opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input:-moz-placeholder { color:    #001828; opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input::-moz-placeholder { color:    #001828;opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input:-ms-input-placeholder { color:    #001828;opacity:  0.43;}
.hakkimizda .hakkimida-detay p {font-size: 16px;line-height: 41px;margin-bottom: 12px;}
.hakkimizda .hakkimida-detay i {position: absolute;bottom: -20px;right: 90px;z-index: 1;width: 22%;}
.hizmetlerimiz .hizmet-detay {width: 62%;}
.alt-detaylar {position: relative;width: 100%;float: left;}
.alt-detaylar-gorsel {width: calc(100% - 290px);float: left;text-align: right;position: relative;margin: auto;margin-bottom: 300px;}
.alt-detaylar{font-size: 18px;}
.alt-detaylar-gorsel img{position: absolute;top: -100px;right: 0px;}
.alt-detaylar-gorsel img:nth-child(1){left: 287px;}
.alt-detaylar-gorsel img:nth-child(2){right: -300px;}
section.hakkimiz {position: relative;float: left;width: 100%;height: 100%;background: #E4E4E4;}
.hizmetlerimiz{width: 100%;height: 100vh;background-size: cover;background-position: left;float: left;position: relative;display: flex;}
.hizmetlerimiz .hizmet-detay h1 {font-size: 30px;}
.hizmetlerimiz .hizmet-detay h2 {font-size: 30px;margin-bottom: 30px;}
.hizmetlerimiz .hizmet-detay p {font-size: 16px;line-height: 41px;}
.hizmetler {position: relative;width: 100%;float: left;}
.hizmet-container{width: 80%;position: relative;margin: auto;}
.hizmetler .hizmet .hizmet-title, .hizmetler .hizmet-open .hizmet-title {width: 185px;text-align: end;float: left;margin-right: 150px;line-height:30px;position: relative;}
.hizmetler .hizmet, .hizmetler .hizmet-open{position: relative;width: 100%;float: left;padding: 100px 0px 120px 0px;background: #011F33;color: #fff;counter-increment: my-awesome-counter;}
.hizmetler .hizmet-open:nth-child(2n), .hizmetler .hizmet:nth-child(2n){background: #001828}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik{float: left;width: 65%;position: relative;}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik {float: left;width: 70%;line-height: 40px;font-size: 18px;text-align: justify;}
.hizmetler .hizmet .hizmet-icerik p, .hizmetler .hizmet-open .hizmet-icerik p {margin-bottom: 20px;}
.hizmetler .hizmet .hizmet-title h3 span, .hizmetler .hizmet-open .hizmet-title h3 span{width: 100%;float: left;font-size: 16px;color: #C2C2C2;content: counter(step-counter);}
.hizmetler .hizmet .hizmet-title h3 span::before, .hizmetler .hizmet-open .hizmet-title h3 span::before {content: "0" counter(my-awesome-counter);}
.projelerimiz{width: 100%;height: 100vh;background-size: cover;background-position: right;float: left;position: relative;display: flex;}
.projelerimiz .proje-detay h1 {font-size: 30px;margin-bottom: 20px;}
.projelerimiz .proje-detay p {font-size: 16px;line-height: 41px;}
.projelerimiz .proje-detay {width: 74%;}
.hizmet-title::before {content: "";position: absolute; background-color: #FFFFFF; width: 20px; margin: 0px;padding: 0px;height: 20px; border-radius: 100px; margin-right: 10px;top: 50%;right: -106px;opacity: 0;transition: all ease-in-out 2s;}
.hizmet .hizmet-icerik::after, .hizmet-open .hizmet-icerik::after{content: "";position: absolute;width: 1px;height: 0px;top: -1%;left: -65px;background: #fff;z-index: 2;opacity: 0;transition: all ease-in-out 3s;}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after{top: 90%;}
.hizmet-open .hizmet-title::before{opacity: 1;}
.hizmet-open .hizmet-icerik::after{opacity: 1;height: calc(100% + 270px);}
.hizmet-open:first-child .hizmet-icerik::after{height: calc(100% + 220px);}
.hizmet:last-child .hizmet-icerik:after, .hizmet-open:last-child .hizmet-icerik:after{display: none;}
.hizmetler .hizmet-container::before {content: "";position: absolute;width: 1px;height: calc(100% + 560px);top: -290px;left: 270px;background: #fff;opacity: 0.32;}
.hizmet:last-child .hizmet-container::before, .hizmet-open:last-child .hizmet-container::before{top: -495px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 25px;}
.hizmetler .hizmet-open:first-child .hizmet-container::before, .hizmetler .hizmet:first-child .hizmet-container::before{display: none;}
.projeler{position: relative;float: left;width: 100%;}
.projeler ul li .projeler-gorsel{width: 100%;height: 751px;background-size: cover;background-position: center;}
.projeler ul li {width: calc(50% - 130px);margin: 65px;float: left;position: relative;transition: all .3s ease-in-out;display: none;}
.projeler .projeler-title h2 {font-size: 30px;margin-bottom: 10px;}
.projeler-title .projeler-title-detay strong {font-size: 16px;margin-right: 20px;}
.projeler-title .projeler-title-detay strong span {font-weight: 500;}
.projeler-title {width: 100%;float: left;background: #001828;color: #fff;padding: 40px 0px;position: relative;}
.projeler-title .projeler-title-detay span.projeler-title-btn {font-size: 14px;font-weight: 700;margin-left: 22px;}
.proje-container {width: 90%;margin: auto;}
.projeler-title .projeler-title-detay span.projeler-title-btn img {width: 25px;margin-left: 10px;transition: all .3s ease-in-out;}
.projeler ul li a:hover .projeler-title .projeler-title-detay span.projeler-title-btn img{margin-left: 30px}
.projeler-title .projeler-ana-title {background: #011F33;font-size: 12px;font-weight: 700;position: absolute;top: -18px;padding: 10px 0px 10px 14px;left: 23px;}
.projeler-title .projeler-ana-title span {width: 100%;float: left;}
.projeler ul li:nth-child(2n+1){top: -190px;}
.projeler ul li:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.20);}
.projeler ul::before {content: "";position: absolute;width: 1px;height:100%;background: #000;left: 50%;opacity: 0.40;}
.projeler ul li:before {content: "";position: absolute;width: 20px;height:20px;border-radius: 100px;background: #000;left: -75px;bottom: 300px;}
.projeler ul li:nth-child(2n+1)::before {left: auto;top: 300px;bottom: auto;right: -75px;}
.projeler ul {position: relative;float: left;width: 100%;}
.projeler .proje-devami-btn{ position: relative;float: left;width: 100%;display: flex;justify-content: center;}
.projeler .proje-devami-btn #devami-btn{padding: 5px 20px;color: #fff;font-size: 14px;font-weight: 700;background: #001828;border-radius: 100px;margin-top: 20px;margin-bottom: 40px;cursor: pointer;border: none;}
.insan-kaynaklari{width: 100%;height: 100vh;background-size: cover;background-position: left;float: left;position: relative;display: flex;}
.insan-kaynaklari .ik-detay h1 {font-size: 97px;margin-bottom: 10px;}
.insan-kaynaklari .ik-detay p {font-size: 16px;line-height: 41px;}
.insan-kaynaklari .ik-detay h2 {font-size: 30px;margin-bottom: 30px;}
.insan-kaynaklari .ik-detay {position: relative;width: 67%;float: left;}
.iletisim{width: 100%;height: 100vh;background-size: cover;background-position: center;float: left;position: relative;display: flex;}
.iletisim .iletisim-detay h1 {font-size: 97px;margin-bottom: 10px;}
.iletisim .iletisim-detay p {font-size: 16px;line-height: 41px;width: 80%;}
.iletisim .iletisim-detay h2 {font-size: 30px;margin-bottom: 30px;}
.iletisim .iletisim-detay {position: relative;width: 79%;float: left;}
.ik-form {position: relative;padding: 200px 0px;float: left;width: 100%;color: #FFFFFF;}
section.ik {background: #001828;position: relative;width: 100%;float: left;}
.ik-form h3 {font-size: 25px;margin-bottom: 70px;}
.ik-form ul li .input-ust {background: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;color: #fff;font-size: 16px;font-weight: 700;}
.ik-form ul li input::-webkit-input-placeholder { color:#fff;opacity: 1;}
.ik-form ul li input:-moz-placeholder{color:a#fff;opacity: 1;}
.ik-form ul li input::-moz-placeholder {color:#fff;opacity: 1;}
.ik-form ul li input:-ms-input-placeholder {color:#fff;opacity: 1;}
.ik-form ul li{width: calc(50% - 70px) ;margin-right: 70px;}
.ik-form ul li:nth-child(-n+3){width: calc(33.3% - 70px)}
.ik-form ul li:nth-child(n+6){width: 11%;}
.ik-form ul li{float: left;margin-bottom: 60px;height: 50px;}
.ik-form ul li select {background: transparent;color: #fff;border: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;font-size: 16px;cursor: pointer;font-weight: 700;}
.ik-form ul li select option {background: #001828;}
.ik-form .ik-btn {position: relative;width: 100%;float: left;}
.wrapper{position: relative;top: 0px;left: 0px;width: 100%;height: 100%;float: left;}
.cBtn{position: absolute;top: 0px;left: 0px;width: 170px;height: 50px;background-color: #fff;color: #000;font-weight: 700;z-index: 2;text-align: center;}
.cBtn:hover,.cBtn:active{background-color: #fff;}
.myFile{display: block;cursor: pointer;position: absolute !important;top: 0px;left: 0px;width: 170px;height: 50px;overflow: hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;z-index: 3;}
.myButton{display: none;position: absolute;top: 0px;left: 0px;width: 100px;height: 35px;background-color: #4E7755;color: #FFFF3F;border: 1px solid #31501C;z-index: 4;}
.fileVel{position: absolute;top: 70px;left: 0px;color: #fff;opacity: 0.3;width: 270px;font-size: 12px;}
input#cBtn{font-weight: 700;font-size: 16px;}
input#gnd-btn {background: #6BB766;height: 50px;width: 300px;font-weight: 700;font-size: 16px;cursor: pointer;}
.iletisim-form {position: relative;padding: 200px 0px;float: left;width: 100%;color: #FFFFFF;}
section.iletisim-orta {background: #001828;position: relative;width: 100%;float: left;}
.iletisim-form h3 {font-size: 25px;margin-bottom: 70px;}
.iletisim-form ul li .input-iletisim-ust {background: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;color: #fff;font-size: 16px;font-weight: 700;}
.iletisim-form ul li input::-webkit-input-placeholder { color:#fff;opacity: 1;}
.iletisim-form ul li input:-moz-placeholder{color:#fff;opacity: 1;}
.iletisim-form ul li input::-moz-placeholder {color:#fff;opacity: 1;}
.iletisim-form ul li input:-ms-input-placeholder {color:#fff;opacity: 1;}
.iletisim-form ul li{width: calc(50% - 70px) ;margin-right: 70px;}
.iletisim-form ul li:nth-child(-n+3){width: calc(33.3% - 70px)}
.iletisim-form ul li{float: left;margin-bottom: 60px;height: 50px;}
.iletisim-form .ik-btn {position: relative;width: 100%;float: left;}
.iletisim-form ul li:last-child{width: 100%;margin-bottom: 0px;}
.ik-form ul li:last-child{margin-bottom: 0px;}
input#gnd-iletisim-btn {background: #6BB766;height: 50px;width: 300px;font-weight: 700;font-size: 16px;cursor: pointer;}
.harita {position: relative;float: left;width: 100%;}
.harita iframe {width: 100%; height: 740px;}
.iletisim-alt {position: relative;width: 100%;float: left;}
.iletisim-alt .iletisim-detay {position: absolute;z-index: 1;background: #fff;width: 870px;left: 100px;padding: 50px 0px;box-sizing: border-box;top: -60px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {float: left;font-size: 30px;margin-right: 30px;}
.iletisim-alt .iletisim-detay .iletisim-title a {color: #fff;background: #6BB766;width: 150px;height: 40px;display: flex;align-items: center;float: left;justify-content: center;font-size: 19px;}
.iletisim-title {position: relative;width: 100%;float: left;border-bottom: 4px solid #D6D6D6;margin-bottom: 30px;padding-bottom: 20px;}
.iletisim-bilgi .bilgi-detay .tel span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .tel a{color: #001828; font-weight: 700;margin-bottom: 10px;display: inline-block;}
.bilgi-detay {float: left;width: 33.3%;position: relative;}
.iletisim-bilgi {position: relative;float: left;width: 100%;}
.iletisim-bilgi .bilgi-detay .eposta span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .eposta a{color: #001828; font-weight: 700;}
.iletisim-bilgi .bilgi-detay .adres span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .adres a{color: #001828; font-weight: 700;}
.iletisim-bilgi .bilgi-detay a {font-size: 15px;}
.proje-detaylarimiz{width: 100%;height: 100vh;background-size: cover;background-position: center;float: left;position: relative;display: flex;}
.proje-detay-logo {position: relative;float: left;top: -40px;width: 347px;}
.proje-detay-logo img {background: #001828;padding: 0px 42px;width: 431px;height: 169px;}
.proje-ust {position: relative;width: 100%;float: left;}
.proje-detay-aciklama {position: relative;width: calc(100% - 431px);float: right;}
.proje-detay-title {position: relative;width: calc(50% - 10%);float: left;padding-left: 8%;padding-right: 15px;}
.proje-detay-yan {position: relative;width: 50%;float: left;}
.proje-detay-row {position: absolute;float: left;width: 100%;top: 68px;}
.proje-detay-yan strong {display: block;font-family: 'Segoe UI Bold';font-size: 20px;}
.proje-detay-title h1 {font-size: 30px;}
.proje-detay-title span {font-size: 18px;font-weight: 700;opacity: 0.72;}
.proje-detay-yan span {font-family: 'Segoe UI Regular';font-weight: 500;}
.proje-aciklama {position: relative;float: left;width: 100%;margin-bottom: 30px;text-align: justify;}
.proje-aciklama h2 {font-size: 30px;margin-bottom: 15px;}
.proje-aciklama p {font-size: 18px;line-height: 41px;margin-bottom: 20px;margin-top: 20px;}
.proje-ust .paylas {position: relative;float: left;width: 100%;}
.proje-ust .paylas h3 {font-size: 16px;margin-bottom: 20px;}
.proje-ust .paylas .paylas-facebook img {filter: brightness(0) invert(1);}
.proje-ust .paylas .paylas-facebook span {color: #fff;width: 165px;height: 44px;display: flex;align-items: center;float: left;justify-content: center;font-size: 14px;font-weight: 700;}
.proje-ust .paylas .paylas-facebook strong {width: calc(35px - 10px);height: 44px;display: flex;align-items: center;float: left;justify-content: center;margin-left: 10px;}
.proje-ust .paylas .paylas-facebook {background: #415E9B;position: relative;width: 200px; float: left; margin-right: 30px;}
.proje-ust .paylas {position: relative;float: left;width: 100%;}
.proje-ust .paylas .paylas-title {font-size: 16px;margin-bottom: 20px;font-weight: 700;display: block;}
.proje-ust .paylas .paylas-twitter img {filter: brightness(0) invert(1);}
.proje-ust .paylas .paylas-twitter span {color: #fff;width: 147px;height: 44px;display: flex;align-items: center;float: left;justify-content: center;font-size: 14px;font-weight: 700;}
.proje-ust .paylas .paylas-twitter strong {width: calc(48px - 10px);height: 44px;display: flex;align-items: center;float: left;justify-content: center;margin-left: 10px;}
.proje-ust .paylas .paylas-twitter {background: #55ACEF;position: relative;width: 200px; float: left; }
.dis-fotograflar {position: relative;float: left;width: 100%;margin: 50px 0px;}
.dis-fotograflar ul li {background-size: cover;background-position: center;height: 286px;float: left;margin: 0.5%; width: 24%;}
.dis-fotograflar ul li a {width: 100%;height: 100%;float: left;position: relative;}
.dis-foto {width: 100%;height: 100%;background: url(//www.goproje.com.tr/wp-content/themes/goproje/assets/images/icon/zoom-in.png) 50% 54% no-repeat #000;opacity:0;color: #FFF;}
.dis-fotograflar ul li a .dis-foto{transition: all ease-in-out 0.3s;}
.dis-fotograflar ul li a:hover .dis-foto{opacity:.5;box-shadow: 0 0 7px #000;}
.dis-fotograflar h3 {font-size: 20px;margin-bottom: 20px;}
.diger-projeler {position: relative;float: left;width: 100%;margin-bottom: 50px;overflow: hidden;}
.diger-projeler h3 {margin-bottom: 15px;font-size: 30px;}
.ana-hizmetler ul li{counter-increment: my-awesome-counter;}
.ana-hizmetler ul li a .no{content: counter(step-counter);}
.ana-hizmetler ul li a .no::before{content: "0" counter(my-awesome-counter);}
.ana-hizmetler ul li:nth-child(n+10) a .no::before{ content: counter(my-awesome-counter);}
.hizmetler .hizmet, .hizmetler .hizmet-open:nth-child(even) {background: #001828;}
.alt-detay-gorsel {width: calc(100% - 290px);float: left;text-align: right;position: relative;margin: auto;margin-bottom: 300px;}
.alt-detay-gorsel img.crmImg {position: absolute;top: -100px;right: 0px;}
.alt-detay-gorsel img:nth-child(1) {left: 287px;}
.alt-detay-gorsel img:nth-child(2) {right: -300px;}
.proje-detay-title span:nth-child(1) {opacity: 1;}
.projeler ul li{display: none;}
.projeler ul li:nth-child(-n+4) {display: block;}
.hakkimizda-icerik { position: relative; float: left; width: calc(100% - 290px); line-height: 55px; margin-bottom: 20px;}
.hakkimizda-icerik ul {position: relative;float: left;width: 100%;}
.hakkimizda-icerik ul li {width: calc(50% - 50px);float: left;margin-right: 50px;position: relative;}
.control-page {position: relative;float: left;width: 100%;}
.control-page-container {position: relative;width: 60%;margin: auto;text-align: center;}
.control-page-container h1 {font-size: 100px;color: #1f3442;line-height: 155px;}
.control-page-container p {font-size: 30px;line-height: 45px;}
.control-page-container a {font-size: 20px;border:3px solid #001828;display: inline-block;margin: 25px 0px;padding: 20px;border-radius: 15px;color: #1f3442;opacity: 0.7;font-weight: 700;transition: all ease-in-out 0.3s;}
.control-page-container a:hover{ background: #1f3442;color: #fff;opacity: 1;border:3px solid #fff;}
section.kurum { position: relative;float: left;margin-bottom: 120px;width: 100%;}
.orta-kurumsal {position: relative;width: 80%; margin: auto;}
.orta-kurumsal .aciklama { font-weight: 700;font-size: 18px;margin-bottom: 120px;margin-top: 120px;position: relative;text-align: justify; display: inline-block;}
.orta-kurumsal .aciklama span {font-size: 24px;line-height: 38px;position: relative;float: left;width: 100%;border-left: 10px solid #000;margin-bottom: 0;padding-left: 40px;box-sizing: border-box;font-style: italic;}
.orta-kurumsal .alt {position: relative;float: left;width: 100%;margin: auto;}
.orta-kurumsal .alt .nasil-yapariz {position: relative;float: left; margin-bottom: 0;width: 100%;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 18px; line-height: 40px;margin-bottom: 0;text-align: justify;display: block;float: left;width: calc(80% - 51px);margin-right: 51px;}
.orta-kurumsal .alt .nasil-yapariz h2 {display: block;margin-bottom: 10px;font-size: 24px;}
.orta-kurumsal .alt .nasil-yapariz p {margin-bottom: 10px;}
.orta-kurumsal .alt .nasil-yapariz i {position: relative;float: left;width: 20%;right: 0px;z-index: -1;display: block;}
.orta-kurumsal .alt .surecler {float: left;position: relative;margin-left: 0px;margin-right: 0px; width: 100%;}
.orta-kurumsal .alt .surecler ul {float: left;width: 50%;position: relative;}
.orta-kurumsal .alt .surecler h2 { margin-bottom: 15px;font-size: 24px;}
.orta-kurumsal .alt .surecler ul li {font-size: 18px;line-height: 28px;margin-bottom: 15px;}
.orta-kurumsal .alt .surecler img {position: absolute;right: -420px;bottom: 121px;display: none;}
.iletisim-form ul {float: left;width: 100%;position: relative;}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {border: none !important;float:left;margin-top: 10px !important;width: 100% !important;}
div.wpcf7-response-output {margin: 0 !important;padding: 0 !important;border: none !important;float:left;margin-top: 10px !important;width: 100% !important;}
span.wpcf7-not-valid-tip {margin-top: 10px !important;width: 100% !important;}@media only screen and (max-width:1600px) {
.ana-slider .slogan h2 {font-size: 40px;}
.ana-slider .slogan .slider-btn {padding: 18px 25px 18px 30px;width: 161px;}
.header {width: 85px;}
.main {width: calc(100% - 85px);}
.logo {padding: 15px;box-sizing: border-box;bottom: 63px;}
.menu-trigger.second {padding: 15px; box-sizing: border-box;right:8px;}
.iconlar ul li {padding-top: 1px;}
.btn-tel span strong {display: block;font-size: 16px;margin-left: -2px;}
.btn-tel img {left: 26px;top: 32px;}
.language::after {bottom: -15px;margin-left: -5px;}
.language {padding-top: 40%;}
.language ul {height: 25px;bottom: -1px;}
.language ul li a {color: #FFFFFF;font-weight: 700;font-size: 15px;padding: 0px !important;}
.language ul:hover{height:100px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .ana-slider .swiper-pagination-custom, .ana-slider .swiper-pagination-fraction {bottom: 80px !important}
.menu-content.open {left: 84px;}
.ana-menu ul li a { font-size: 16px;}
.ana-menu span {font-size: 45px;margin-bottom: 18px;padding-top: 15%;padding-bottom: 3px;}
.menu-btn {margin-bottom: 40px;padding-top: 18%;}
.ana-menu-bottom {padding-top: 9px;padding-bottom: 60px;}
.ana-hizmetler ul li {width: calc(33.3% - 6.33px);height: 400px;margin-right: 10px;margin-bottom: 10px;}
.full-ana-hizmetler {background-color: #FBFBFB;padding-bottom: 80px;}
.ana-hizmetler .tiatle h2 {padding: 80px 0px 55px 0px;}
.ana-hizmetler ul li a .img-yazi h3{margin-bottom: 18px;line-height: 38px;font-size: 24px;}
.neler-yaptik .title h2 {margin-top: 80px;margin-bottom: 70px;}
.neler-yaptik .title {padding-bottom: 50px;}
.orta-neler-yaptik .row .col1 {width: 22.5%;}
.orta-neler-yaptik .row .col2 {width: 55%;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1) {margin-bottom: 130px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2) {margin-top: 130px;}
.orta-kurumsal .surecler i img {LEFT: 305px;}
.satis-ekibi-slider .ana-satis-ekibi .swiper-wrapper .swiper-slide .calisanlar { height: 360px;}
.calisanlar .calisanlar-title {margin-left: 30px;}
.ana-projeler-title .projeler-detay p {font-size: 19px;}
.hakkimizda .hakkimida-detay p {font-size: 15px;line-height: 41px;}.alt-detay {font-size: 18px;}
.alt-detay-gorsel {margin-bottom:250px;}
.alt-detay-gorsel img:nth-child(1){width: 35%;}
.alt-detay-gorsel img:nth-child(2){width: 50%;}
.hakkimizda .hakkimida-detay i {width: 25%;}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik {width: 67%;font-size: 17px;}
.hizmet-container {width: 90%;}
.hizmetlerimiz .hizmet-detay h1 {font-size: 29px;}
.hizmetlerimiz .hizmet-detay h2 {font-size: 29px;margin-bottom: 25px;}
.hizmetlerimiz .hizmet-detay p {font-size: 15px;line-height: 33px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 23px;}
.projeler ul li .projeler-gorsel {height: 570px;}
.projeler-title .projeler-title-detay strong {font-size: 15px;margin-right: 10px;}
.projeler .projeler-title h2 {font-size: 25px;margin-bottom: 10px;}
.projeler-title .projeler-title-detay span.projeler-title-btn {font-size: 13px;margin-left: 0px;}
.projeler-title .projeler-ana-title {top: -25px;padding: 10px 0px 10px 20px;left: 12px;}
.proje-container {width: 95%;}
.projeler-title .projeler-title-detay span.projeler-title-btn img {width: 20px;margin-left: 10px;transition: all .3s ease-in-out;}
.projeler ul li a:hover .projeler-title .projeler-title-detay span.projeler-title-btn img {margin-left: 20px;}
.projeler-title { padding: 35px 0px;}
.projeler ul li { width: calc(50% - 100px); margin: 40px 50px;}
.projeler ul li:before {left: -62px;bottom: 250px;}
.projeler ul li:nth-child(2n+1)::before {top: 250px;right: -62px;}
.alt-detay p br {display: none;}
.insan-kaynaklari .ik-detay {position: relative;width: 68%;}
.insan-kaynaklari .ik-detay h1 { font-size: 88px; margin-bottom: 8px;}
.insan-kaynaklari .ik-detay h2 {font-size: 27px;margin-bottom: 25px;}
.insan-kaynaklari .ik-detay p {font-size: 16px;line-height: 36px;}
.ik-form {position: relative;padding: 140px 0px;}
.ik-form h3 {font-size: 23px;margin-bottom: 70px;}
.ik-form ul li .input-ust {padding-bottom: 14px;font-size: 15px;}
.ik-form ul li select { padding-bottom: 14px;font-size: 15px;}
.ik-form ul li {margin-bottom: 50px;}
.iletisim .iletisim-detay h1 {font-size: 76px; margin-bottom: 10px;}
.iletisim .iletisim-detay h2 {font-size: 25px;margin-bottom: 30px;}
.iletisim .iletisim-detay p {font-size: 16px;line-height: 41px;width: 98%;}
input#gnd-btn {width: 280px;  font-size: 15px;}
.iletisim-form {position: relative;padding: 140px 0px;}
.iletisim-form h3 {font-size: 23px;margin-bottom: 70px;}
.iletisim-form ul li .input-ust {padding-bottom: 14px;font-size: 15px;}
input#gnd-iletisim-btn {width: 280px;  font-size: 15px;}
.iletisim-form ul li {margin-bottom: 50px;}
.iletisim-alt .iletisim-detay {width: 800px;left: 80px;padding: 40px 0px;top: -60px;}
.iletisim-bilgi .bilgi-detay a {font-size: 14px;}
.iletisim-alt .iletisim-detay .iletisim-title a {font-size: 18px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {font-size: 28px;}
.harita iframe {width: 100%;height: 650px;}
.proje-detay-logo { width: 347px;}
.proje-detay-title h1 {font-size: 28px;}
.proje-detay-title span {font-size: 17px;}
.proje-detay-yan strong {font-size: 18px;}
.proje-aciklama h2 {font-size: 28px;margin-bottom: 12px;}
.proje-aciklama p {font-size: 17px;line-height: 38px;}
.diger-projeler h3 {font-size: 28px;}
.bize-ulas { height: 250px;}
.control-page-container img {width: 80%;}
.control-page-container h1 { font-size: 67px;line-height: 120px;}
.control-page-container p {font-size: 24px;line-height: 40px;}
.control-page-container a {font-size: 20px; margin: 20px 0px; padding: 15px;}
.orta-kurumsal .alt .nasil-yapariz i {position:absolute; top: 40px;}
.orta-kurumsal .aciklama span {font-size: 23px;}
.orta-kurumsal .alt .nasil-yapariz h2 {font-size: 23px;}
.orta-kurumsal .alt .surecler h2 {font-size: 23px;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 17px;line-height: 38px;}
.orta-kurumsal .alt .surecler ul li {font-size: 17px;line-height: 28px;}
.ana-projeler-title .projeler-detay h3 {font-size: 23px;}
.orta-kurumsal .aciklama {margin-bottom: 100px;margin-top: 100px;}
section.kurum {margin-bottom: 100px;;}
.ana-proje {padding-top: 100px;padding-bottom: 100px;}
.iconlar ul li a img {width:24px;}
.orta-neler-yaptik .row .col1 span {font-size: 56px;}
}
@media only screen and (max-width:1440px) {
.ana-slider .slogan h2 {font-size: 40px;}
.ana-slider .slogan .slider-btn {padding: 18px 25px 18px 30px;width: 161px;}
.ana-slider .slogan p {font-size: 15px;}
.menu-btn {margin-bottom: 35px;padding-top: 7%; left: 26px;}
.ana-menu span {font-size: 43px;margin-bottom: 16px;padding-top: 16%;padding-bottom: 3px;}
.language {padding-top: 27%;}
.language ul:hover{height:100px;}
.language ul li a {font-size: 14px;}
.language ul {height: 25px;bottom: -14px;}
.language::after {bottom: -24px;margin-left: -4px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span {margin-top: 16px;}
.ana-menu-bottom ul li span {width: 70%;}
.ana-menu-bottom {padding-top: 9px;padding-bottom: 55px;}
.ana-hizmetler ul li a .img-yazi {left: 46px;font-size: 24px;top:215px;}
.ana-hizmetler ul li { height: 378px;}
.orta-kurumsal .surecler i img {left: 272px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1) {margin-bottom: 100px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2) {margin-top: 100px;}
.satis-ekibi-aciklama b {font-size: 26px;width: 100%;}
.satis-ekibi .swiper-wrapper .swiper-slide .calisanlar {height: 330px;}
.ana-projeler-title .projeler-detay p {font-size: 18px;line-height: 34px;}
.footer .footer-contact .footer-haberdar-ol {width: 43%;}
.footer .footer-contact .footer-iletisim {width: 32%;}
.footer .footer-contact .footer-menu {width: 25%;}
.ana-hizmetler ul li a .no {font-size: 25px;font-weight: 700;position: absolute;left: 46px;top: 46px;}
.hakkimida-detay {width: 98%;}
.hakkimizda .hakkimida-detay p {font-size: 14px;line-height: 36px;}
.alt-detay {font-size: 17px;line-height: 40px;}
.prensipler p {margin-bottom: 30px;}
.alt-detay-gorsel {margin-bottom: 200px;}
.hizmetler .hizmet ul, .hizmetler .hizmet-open ul { width: 59%;}
.hizmetler .hizmet ul li, .hizmetler .hizmet-open ul li {font-size: 16px;line-height: 40px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 22px;}
.hizmetlerimiz .hizmet-detay h1 { font-size: 28px;}
.hizmetlerimiz .hizmet-detay h2 {font-size: 28px;margin-bottom: 20px;}
.hizmetlerimiz .hizmet-detay p {font-size: 14px;line-height: 30px;}
.projeler ul li .projeler-gorsel {height: 450px;}
.projeler-title .projeler-title-detay span.projeler-title-btn {font-size: 13px;margin-left: 0px;margin-top: 10px;display: block;}
.projeler-title {padding: 25px 0px;}
.projeler-title .projeler-ana-title {top: -25px;padding: 7px 0px 7px 8px;left: 12px;}
.projelerimiz .proje-detay {width: 74%;}
.projeler ul li a:hover .projeler-title .projeler-title-detay span.projeler-title-btn img { margin-left: 30px;}
.projeler .proje-devami-btn a {font-size: 13px;margin-bottom: 20px;}
.projeler .projeler-title h2 {font-size: 24px;margin-bottom: 10px;}
.projeler ul li:nth-child(2n+1)::before {top: 200px;right: -62px;}
.projeler ul li:before {left: -62px;bottom: 200px;}
.insan-kaynaklari .ik-detay h1 {font-size: 83px;margin-bottom: 6px;}
.insan-kaynaklari .ik-detay h2 {font-size: 23px;margin-bottom: 23px;}
.insan-kaynaklari .ik-detay {width: 72%;}
.ik-form h3 {font-size: 22px;margin-bottom: 60px;}
.ik-form ul li .input-ust { font-size: 13px;}
.ik-form ul li select {font-size: 14px;}
.iletisim-form h3 {font-size: 22px;margin-bottom: 60px;}
.iletisim-form ul li .input-iletisim-ust { font-size: 13px;}
.iletisim .iletisim-detay {width: 88%;}
.iletisim .iletisim-detay p {font-size: 15px;line-height: 35px;}
.iletisim-alt .iletisim-detay {width: 720px;left: 60px;padding: 30px 0px;top: -50px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {font-size: 26px;}
.iletisim-alt .iletisim-detay .iletisim-title a {font-size: 16px;}
.iletisim-bilgi .bilgi-detay a {font-size: 13px;} 
.proje-detay-logo {width: 320px;}
.proje-detay-title {  }
.proje-detay-title h1 {font-size: 24px;}
.proje-detay-title span {font-size: 16px;}
.proje-detay-yan strong {font-size: 17px;}
.proje-aciklama h2 {font-size: 26px;margin-bottom: 10px;}
.proje-aciklama p {font-size: 16px;line-height: 37px;}
.dis-fotograflar ul li { height: 250px;}
.diger-projeler h3 {font-size: 26px;}
.bize-ulas {height: 220px;}
.btn-tel img {top: 23px;}
.control-page-container p {font-size: 24px;line-height: 39px;}
.orta-kurumsal .alt .nasil-yapariz i {position: absolute;top: 50px;}
.proje-gorsel {height: 280px;}
.orta-kurumsal .aciklama {margin-bottom: 80px;margin-top: 80px;}
section.kurum {margin-bottom: 70px;}
.ana-proje {padding-top: 80px;padding-bottom: 80px;}
.logo {bottom: 78px;}
.iconlar ul li a img {width:23px;}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after {top: 58%;}
.orta-neler-yaptik .row .col1 span {font-size: 54px;}
}
@media only screen and (max-width:1366px) {
.header {width: 80px;}
.main {width: calc(100% - 80px);}
.menu-btn {left: 25px;margin-bottom: 25px;padding-top: 7%;}
.logo {padding: 20px;box-sizing: border-box;bottom: 65px;}
.menu-trigger.second {padding: 14px;box-sizing: border-box;}
.language ul:hover{height:100px;}
.language ul{height:25px;bottom: 31px;}
.btn-tel span strong {display: block;font-size: 12px;margin-left: -2px;}
.btn-tel img {left: 25px;top: 29px;}
.language::after {bottom:19px;margin-left: -4px;}
.iconlar ul li {padding-top: 7px;}
.language ul li a {font-size: 12px;}
.language ul li {padding-bottom:0px;}
.menu-content.open {left: 80px;}
.ana-menu span {font-size: 38px;margin-bottom: 15px;padding-top: 12%;padding-bottom: 0px;}
.ana-menu ul li {margin-bottom: 8px;}
.ana-menu ul li a {font-size: 15px;}
.ana-menu-bottom ul li span {font-size: 13px;}
.ana-menu-bottom {padding-bottom: 44px;padding-top: 11px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span {margin-top: 17px;width: 80%;}
.ana-hizmetler ul li {height: 328px;margin-right: 7px;margin-bottom: 7px;}
.ana-hizmetler ul li a .img-yazi h3 {margin-bottom: 12px;font-size: 22px;line-height: 33px;}
.ana-hizmetler ul li a .img-yazi {top: 185px;left: 46px;}
.ana-hizmetler ul li a .img-yazi span {font-weight: 700;font-size: 13px;}
.ana-slider .slogan h2 {font-size: 38px;line-height: 54px;}
.ana-slider .slogan p {font-size: 14px;}
.ana-slider .slogan .slider-btn img {width: 17%;}
.ana-slider .slogan .slider-btn {padding: 10px 20px 10px 25px;width: 135px;}
.orta-kurumsal .surecler i img {left: 252px;bottom: 158px;}
.satis-ekibi-aciklama b {font-size: 25px;line-height: 50px;}
.satis-ekibi-slider .ana-satis-ekibi .swiper-wrapper .swiper-slide .calisanlar {height: 300px;}
.calisanlar .calisanlar-title h3 {font-size: 17px;}
.calisanlar .calisanlar-title span {font-size: 13px;}
.ana-projeler-title .projeler-detay h3 {padding-top: 12px;font-size: 22px;line-height: 40px;}
.ana-projeler-title h2 {font-size: 27px;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span {font-size: 14px;}
.footer .footer-contact .footer-menu {width: 24%;margin-left: 33px;}.footer .footer-contact .footer-iletisim {width: 30%;}
.ana-projeler-title .projeler-detay p {font-size: 16px;}
.ana-slider .slogan .slider-btn span {font-weight: 700;color: #FFFFFF;padding-right: 25px;}
.ana-slider .slogan p {font-weight: 500; margin-bottom: 12%;font-size: 18px;}
.full-ana-hizmetler {padding-bottom: 70px;}
.neler-yaptik .title h2 {margin-top: 70px;margin-bottom: 60px;}
.hakkimida-detay {width: 100%;}
.hakkimizda .hakkimida-detay p {font-size: 14px;line-height: 30px;}
.alt-detay{font-size: 15px;}
.alt-detay-gorsel {margin-bottom: 170px;}
.hizmetler .hizmet ul, .hizmetler .hizmet-open ul {width: 63%;}
.hizmetler .hizmet ul li, .hizmetler .hizmet-open ul li {font-size: 15px;line-height: 30px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 20px;}
.hizmetler .hizmet-container::before {height: calc(100% + 560px);top: -280px;left: 270px;}
.hizmet:last-child .hizmet-container::before, .hizmet-open:last-child .hizmet-container::before{top: -495px;}
.hizmet ul::after, .hizmet-open ul::after {top: 41%;left: -64px;}
.hizmet-open ul::after {height: calc(100% + 300px);}
.hizmet-open:nth-child(5) ul::after{height: calc(100% + 240px);}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after { top: 60%;}
.projelerimiz .proje-detay {width: 77%;}
.projeler .projeler-title h2 {font-size: 23px;margin-bottom: 5px;}
.projeler-title .projeler-title-detay strong { font-size: 14px;margin-right: 10px;}
.projeler-title .projeler-title-detay span.projeler-title-btn { margin-top: 15px;}
.projelerimiz .proje-detay p {font-size: 15px;line-height: 36px;}
.projelerimiz .proje-detay h1 {font-size: 28px;margin-bottom: 15px;}
.projeler ul li .projeler-gorsel {height: 425px;}
.projeler-title { padding: 20px 0px;}
.projeler ul li:before {left: -62px; bottom: 200px;}
.projeler ul li:nth-child(2n+1)::before {top: 200px;right: -62px;}
.insan-kaynaklari .ik-detay h1 {font-size: 76px;margin-bottom: 4px;}
.insan-kaynaklari .ik-detay h2 {font-size: 22px;margin-bottom: 21px;}
.insan-kaynaklari .ik-detay p {font-size: 15px;line-height: 34px;}
.ik-form {padding: 100px 0px;}
.ik-form h3 {font-size: 21px;margin-bottom: 50px;}
input#cBtn {font-size: 14px;}
input#gnd-btn {font-size: 14px;}
.ik-form ul li {margin-bottom: 40px;}
.harita iframe {height: 600px;}
.iletisim-form {padding: 100px 0px;}
.iletisim-form h3 {font-size: 21px;margin-bottom: 50px;}
input#gnd-iletisim-btn {font-size: 14px;}
.iletisim-form ul li {margin-bottom: 40px;}
.iletisim-alt .iletisim-detay {left: 50px;padding: 30px 0px;top: -40px;}
.proje-detay-logo {width: 280px;}
.proje-detay-row { }
.proje-detay-title h1 {font-size: 22px;}
.proje-detay-title span {font-size: 15px;}
.proje-detay-yan strong {font-size: 16px;}
.proje-aciklama h2 {font-size: 24px; margin-bottom: 8px;}
.proje-aciklama p {font-size: 15px;line-height: 37px;}
.dis-fotograflar ul li {height: 230px;}
.diger-projeler h3 { font-size: 24px;}
.iconlar { margin-bottom: 20px;}
.satis {margin-top: 70px;}
.proje-detay-title {padding-left: 0;}
.control-page-container a {font-size: 20px;margin: 15px 0px; padding: 10px;}
.control-page-container h1 {font-size: 65px;line-height: 100px;}
.control-page-container h1 {font-size: 60px;line-height: 90px;}
.control-page-container p {font-size: 20px;line-height: 40px;}
.orta-kurumsal .alt .surecler ul {float: left;width: calc(50% - 20px);position: relative;margin-right: 20px;}
.orta-kurumsal .aciklama span {font-size: 22px;line-height: 34px;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 16px;line-height: 36px;}
.orta-kurumsal .alt .surecler h2 {font-size: 22px;}
.orta-kurumsal .alt .surecler ul li {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.iconlar ul li a img {width:20px;}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after {top: 50%;}
.orta-neler-yaptik .row .col1 span {font-size: 50px;}
}
@media only screen and (max-width:1280px) {
.iconlar ul li {padding-top: 0px;}
.menu-trigger.second .line {height: 2px;}
.menu-btn {left: 30px;width: 34px;}
.menu-trigger.second .line.line-3 {top: 12px;}
.menu-trigger.second .line.line-2 {top: 6px;}
.menu-trigger.second .line.line-4 {top: 18px;}
.logo {padding: 20px;box-sizing: border-box;bottom: 38px;}
.language ul {height: 20px;bottom: 10px;}
.language ul:hover{height:90px;}
.language::after {bottom: 0px;margin-left: -4px;}
.language ul li {padding-bottom: 0px;line-height: 22px;}
.iconlar ul li a img {width: 20px;}
.ana-menu-bottom {padding-bottom: 53px;padding-top: 10px;}
.ana-menu span {margin-bottom: 15px;padding-top: 18%;padding-bottom: 0px;}
.ana-menu ul li {margin-bottom: 0px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span {margin-top: 10px;width: 80%;}
.ana-hizmetler ul li {height: 300px;margin-right: 5px;margin-bottom: 5px;}
.ana-hizmetler ul li a .img-yazi h3 {margin-bottom: 12px;font-size: 21px;}
.ana-hizmetler ul li a .no {top: 20px;}
.neler-yaptik .title h2 {margin-top: 60px;margin-bottom: 50px;}
.footer .footer-contact .footer-haberdar-ol input#mail {width: 336px;}
.footer .footer-contact .footer-haberdar-ol {width: 40%;}
.footer .footer-contact .footer-iletisim {width: 32%;}
.footer .footer-contact .footer-menu {width: 28%;margin-left: 0px;}
.prensipler p {margin-bottom: 25px;}
.alt-detay-gorsel {margin-bottom: 150px;}
.hakkimizda {height: 768px;}
.hakkimizda .hakkimida-detay i {width: 28%;}
.alt-detay-gorsel img:nth-child(2){width: 35%;}
.prensipler p {margin-bottom: 20px;}
.alt-detay {font-size: 14px;line-height: 35px;}
.hakkimizda .hakkimida-detay p {font-size: 13px;line-height: 30px;}
.alt-detay-gorsel img {position: absolute;top: -64px;right: 0px;}
.hakkimizda .hakkimida-detay i {bottom: -37px;}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik {font-size: 14px;line-height: 25px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 17px;}
.hizmetler .hizmet .hizmet-title, .hizmetler .hizmet-open .hizmet-title {width: 120px;margin-right: 85px;line-height: 30px;}
.hizmet .hizmet-icerik::after, .hizmet-open .hizmet-icerik::after {left: -35px;}
.hizmetler .hizmet-container::before {left: 170px;    height: calc(100% + 640px);top: -294px; } 
.hizmet:last-child .hizmet-container::before, .hizmet-open:last-child .hizmet-container::before {top: -585px;}
.hizmet-title::before {width: 10px;height: 10px;top: 50%;right: -66px;}
.hizmet-container { width: 90%;}
.hizmetlerimiz { height: 768px;}
.hizmet-open:nth-child(5) ul::after{height: calc(100% + 257px);}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after {top: 115%;}
.hizmet-open ul::after{height: calc(100% + 320px);}
.projeler ul li .projeler-gorsel {height: 350px;}
.projelerimiz .proje-detay p {font-size: 15px;line-height: 34px;}
.projeler .projeler-title h2 {font-size:19px;margin-bottom: 3px;}
.projeler ul li:nth-child(2n+1) {top: -120px;}
.projeler ul li:before{left: -62px;bottom: 150px;}
.projeler ul li:nth-child(2n+1)::before{top: 150px;right: -62px;}
.iletisim .iletisim-detay h1{font-size: 60px;margin-bottom: 2px;}
.iletisim .iletisim-detay h2{font-size: 20px;margin-bottom: 20px;}
.iletisim-alt .iletisim-detay {left: 40px;padding: 30px 0px;top: -30px;width: 600px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {font-size: 24px;}
.iletisim-alt .iletisim-detay .iletisim-title a {font-size: 15px;}
.harita iframe {height: 550px;}
.proje-detay-logo {width: 250px;}
.proje-detay-title h1 {font-size: 22px;}
.proje-detay-title span {font-size: 14px;}
.proje-detay-yan strong {font-size: 16px;}
.proje-aciklama h2 {font-size: 23px;margin-bottom: 5px;}
.proje-aciklama p {font-size: 14px;line-height: 35px;}
.proje-ust .paylas .paylas-title {font-size: 15px; margin-bottom: 14px;}
.dis-fotograflar h3 {font-size: 19px;margin-bottom: 20px;}
.dis-fotograflar ul li {height: 225px;}
.diger-projeler h3 {font-size: 23px;}
.control-page-container h1 {font-size: 58px;line-height: 77px;}
.control-page-container p {font-size: 18px;line-height: 38px;}
.ana-proje {padding-bottom: 30px;}
.iconlar ul li a img {width:20px;}
.orta-neler-yaptik .row .col1 span {font-size: 56px;}
}
@media only screen and (max-width: 1120px) {
.language ul {height: 23px;bottom: -40px;}
.language::after {bottom: -47px;}
.menu-btn {left: 30px;width: 35px;}
.language ul li {padding-bottom: 0px;line-height: 30px;}
.language ul:hover{height:100px;}
.iconlar ul li a img { width: 24px;}
.ana-slider .slogan { margin-top: 23%;width: 50%}
.ana-slider .slogan h2 {font-size: 38px;line-height: 54px;}
.ana-slider .swiper-slide{height: 600px;}
.language {padding-top: 0px;position: relative;left: 0px;}
.ana-hizmetler ul li { height: 278px;margin-right: 7px;margin-bottom: 7px;width: calc(33.3% - 5.33px);}
.ana-hizmetler ul li a .img-yazi {top: 150px;left: 25px;}
.ana-hizmetler ul li a .img-yazi h3 {margin-bottom: 4px;font-size: 19px;}
.ana-hizmetler ul li a .no {top: 20px;left: 25px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1) {margin-bottom: 100px;font-size: 13px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2) {margin-top: 100px;font-size: 13px;}
.orta-neler-yaptik .row .col1 span {font-size: 60px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2) {margin-top: 80px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1) {margin-bottom: 80px;}
.ana-menu ul li {margin-bottom: 25px;}
.neler-yaptik .title h3 {font-size: 27px;margin-bottom: 20px;}
.neler-yaptik .title {padding-bottom: 30px;}
.satis {margin-top: 100px;}
.satis-ekibi-aciklama b {font-size: 22px;width: 100%;}
.footer .footer-contact .footer-haberdar-ol input#mail {width: 250px;}
footer .footer-contact .footer-haberdar-ol h2, .footer .footer-contact .footer-iletisim h2 {font-size: 13px;padding-bottom: 35px;}
.footer .footer-contact .footer-haberdar-ol label {font-weight: 700;}
.copright p {padding: 30px 0px;}
.footer .footer-contact .footer-haberdar-ol input#kayitol {padding: 7px 20px;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span { padding-bottom: 20px;}
.footer .footer-contact .footer-iletisim { width: 33%;}
.footer .footer-contact .footer-haberdar-ol { width: 35%;}
.footer .footer-contact .footer-menu {width: 32%;margin-left: 0px;}
.footer-sosyaliconlar ul li {margin-top: 4px;}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after {top: 84%;}
.projeler ul li .projeler-gorsel {height: 260px;}
.projeler .projeler-title h2 {font-size: 16px;margin-bottom: 3px;}
.projeler-title .projeler-title-detay strong {font-size: 12px;margin-right: 10px;}
.projeler-title {padding: 20px 0px;}
.projeler-title .projeler-ana-title {top: -30px; padding: 5px -0px 5px 5px;left: 2px;}
.projeler ul li:before { left: -25px;bottom: 100px; width: 10px;height: 10px;}
.projeler ul li:nth-child(2n+1) {top: -70px;}
.projeler ul li:nth-child(2n+1)::before {top: 100px;right: -25px;}
.projeler ul li {width: calc(50% - 40px);margin: 20px 20px;}
.insan-kaynaklari {height: 768px;}
.insan-kaynaklari .ik-detay h1 {font-size: 60px;margin-bottom: 4px;}
.insan-kaynaklari .ik-detay h2 {font-size: 20px;margin-bottom: 21px;}
.insan-kaynaklari .ik-detay p {font-size: 14px; line-height: 33px;}
.ik-form ul li {margin-bottom: 35px;width: calc(50% - 50px);margin-right: 50px;}
.ik-form ul li:nth-child(-n+3) {width: calc(33.3% - 50px);margin-right: 50px;}
.cBtn { width: 140px;height: 45px;}
.myFile {width: 140px;height: 45px;}
input#gnd-btn {width: 250px;height: 45px;}
.ik-form ul li:nth-child(n+6) {width: 15%;}
.fileVel {font-size: 11px;top: 67px;}
.iletisim-form ul li {margin-bottom: 35px;width: calc(50% - 50px);margin-right: 50px;}
.iletisim-form ul li:nth-child(-n+3) {width: calc(33.3% - 50px);margin-right: 50px;}
input#gnd-iletisim-btn {width: 250px;height: 45px;}
.iletisim .iletisim-detay {width: 100%;}
.iletisim .iletisim-detay p {font-size: 14px;line-height: 30px;}
.iletisim {height: 769px;}
.iletisim .iletisim-detay h1 {font-size: 40px; margin-bottom: 2px;}
.harita iframe { width: 100%;height: 600px;}
.proje-detaylarimiz { height: 768px;}
.proje-detay-title h1 {font-size: 20px;}
.proje-detay-yan strong {font-size: 15px;}
.proje-detay-aciklama {width: calc(100% - 350px);}
.proje-aciklama h2 {font-size: 22px;margin-bottom: 5px;}
.proje-aciklama p {font-size: 14px;line-height: 32px;}
.dis-fotograflar ul li {height: 190px;}
.diger-projeler h3 {font-size: 21px;}
.diger-projeler h3 br {display: none;}
.diger-projeler h3 { font-size: 20px;}
.ana-proje {margin-bottom: 0px;  overflow: hidden;padding-top: 70px;}
.satis-ekibi-aciklama {width: 91%;margin: auto;}
.ana-projeler-title .projeler-detay p {font-size: 16px;line-height: 33px;}
.ana-projeler-title .projeler-detay h3 {margin-left: 0px;padding-top: 0px;font-size: 18px;}
.control-page-container h1 {font-size: 55px;line-height: 70px;}
.control-page-container p {font-size: 16px;line-height: 30px;}
.control-page-container a {font-size: 16px;margin: 15px 0px;padding: 10px;}
.orta-kurumsal .aciklama span {font-size: 20px;line-height: 34px;}
.orta-kurumsal .alt .nasil-yapariz h2 {font-size: 20px;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 15px;line-height: 32px;}
.orta-kurumsal .alt .nasil-yapariz {margin-bottom: 0;}
.orta-kurumsal .alt .surecler ul li {font-size: 15px;}
.orta-kurumsal .aciklama span {font-size: 18px;line-height: 30px;}
.orta-kurumsal .aciklama { margin-bottom: 70px; margin-top: 70px;}
.orta-neler-yaptik .row .col1 span {font-size: 54;}
}
@media only screen and (max-width: 768px) {
.ana-hizmetler ul li:nth-child(3n) {margin-right: 7px}
.ana-hizmetler ul li {width: calc(50% - 7px);}
.ana-slider .slogan h2 {font-size: 29px;line-height: 50px;}
.orta-kurumsal .surecler i img {left: 227px;width: 60%;}
.satis-ekibi-aciklama b {font-size: 16px;}
.ana-projeler-title .projeler-detay h3 {line-height: 40px;margin-right: 0px;margin-left: 0px;width: 100%;display: flex;font-size: 18px;margin-top: 0px;padding: 0px;}
.ana-projeler-title h2 {font-size: 27px;}
.ana-projeler-title .projeler-detay p {width: 100%;font-size: 15px;}
.footer .footer-contact .footer-menu ul li {float: left; padding-right: 50px;width: auto;}
.footer .footer-contact .footer-menu {width: 100%;margin-left: 0px;display: block;margin-top: 52px;}
.footer .footer-contact .footer-iletisim {width: 50%;}
.footer .footer-contact .footer-haberdar-ol {width: 50%;}
.footer .footer-contact {padding-bottom: 0px;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span {padding-bottom: 5px;}
.ana-slider .slogan p {font-size: 15px;}
.ana-slider .slogan .slider-btn {padding: 3px 15px 3px 20px; width: 110px;}
.ana-slider .slogan .slider-btn span {padding-right: 10px;}
.vizyonumuz h2 {font-size: 20px;width: 100%;margin-top: 0px;margin-right: 0px;display: flex;margin-bottom: 15px;}
.alt-detay {font-size: 14px;line-height: 30px;padding: 80px 0px;}
.misyonumuz h2 {font-size: 20px;width: 100%;margin-top: 0px;margin-right: 0px;display: flex;margin-bottom: 15px;}
.prensipler h2 {font-size: 20px;width: 100%;margin-top: 0px;margin-right: 0px;display: flex;margin-bottom: 15px;}
.alt-detay-gorsel img:nth-child(1) {left: 75px;width: 50%;}
.alt-detay-gorsel img:nth-child(2) {right: -200px; width: 75%;}
.alt-detay-gorsel img {top: -40px;}
.hizmetlerimiz .hizmet-detay {width: 100%;}
.hizmetlerimiz {height: 400PX;}
.hizmetlerimiz .hizmet-detay p {font-size: 13px;line-height: 28px;}
.hizmetlerimiz .hizmet-detay h2 {font-size: 20px;margin-bottom: 18px;}
.hizmetlerimiz .hizmet-detay h1 { font-size: 20px;}
.hizmetler .hizmet .hizmet-title h3 br, .hizmetler .hizmet-open .hizmet-title h3 br {display: none;}
.hizmetler .hizmet ul, .hizmetler .hizmet-open ul {width: 100%;}
.hizmetler .hizmet ul li, .hizmetler .hizmet-open ul li {font-size: 13px;line-height: 23px;width: 100%;}
.hizmetler .hizmet .hizmet-title, .hizmetler .hizmet-open .hizmet-title {width: 100%;margin-right: 0px;line-height: 26px;text-align: left;margin-bottom: 20px;}
.hizmetler .hizmet-container::before{display: none;}
.hizmet ul::after, .hizmet-open ul::after {display: none;}
.hizmetler .hizmet, .hizmetler .hizmet-open {padding: 40px 0px 40px 0px;}
.projelerimiz {height: 768px;}
.projelerimiz .proje-detay {width: 100%;}
.projeler ul::before{display: none;}
.projeler ul li:before{display: none;}
.projeler ul li {width: calc(100%);margin: 0px;margin-top: 20px;}
.projeler ul li:nth-child(2n+1){top: 0px;}
.prensipler h2 br {display: none;}
.alt-detay p br {display: none;}
.ik-form h3 {font-size: 20px;margin-bottom: 45px;}
.ik-form ul li .input-ust {font-size: 12px;padding-bottom: 12px;}
.ik-form ul li select {font-size: 12px;padding-bottom: 12px;}
.ik-form ul li {margin-bottom: 26px;width: calc(50% - 30px);margin-right: 30px;}
.ik-form ul li:nth-child(-n+3) {width: calc(33.3% - 30px);margin-right: 30px;}
.cBtn {width: 120px;height: 40px;}
.myFile {width: 120px;height: 40px;}
input#gnd-btn {width: 220px;height: 40px;}
.ik-form ul li:nth-child(n+6) {width: 20%;}
input#cBtn {font-size: 13px;}
input#gnd-btn {font-size: 13px;}
.fileVel {top: 60px;}
.ik-form {padding: 70px 0px;}
.iletisim-form {padding: 70px 0px;}
.iletisim-form h3 {font-size: 20px;margin-bottom: 45px;}
.iletisim-form ul li .input-iletisim-ust {font-size: 12px;padding-bottom: 12px;}
.iletisim-form ul li {margin-bottom: 26px;width: calc(50% - 30px);margin-right: 30px;}
.iletisim-form ul li:nth-child(-n+3) {width: calc(33.3% - 30px);margin-right: 30px;}
.proje-detay-logo {width: 100%;display: flex;justify-content: center;}
.proje-detay-logo img {padding: 0px 42px; width: 280px;}
.proje-detay-aciklama {width: 100%;}
.proje-detay-row {top: 0px;position: relative;display: flex;justify-content: center;margin-bottom: 30px;}
.proje-detay-title {width: auto;padding-right: 50px;padding-left: 0px;}
.proje-detay-yan {width: auto;}
.proje-aciklama p {font-size: 14px;line-height: 30px;}
.dis-fotograflar ul li { height: 150px;}
.dis-fotograflar h3 {font-size: 18px;margin-bottom: 20px;}
.diger-projeler h3 {font-size: 19px;}
.alt-detay h2 {width: 100%;text-align: justify;margin-top: 0px;margin-right: 0px;margin-bottom: 20px;}
.hakkimizda-icerik ul li {width: 100%;margin-right: 0px;line-height: 40px;}
.hakkimizda-icerik {width: 100%;}
.alt-detay p {width: 100%;float: left;margin-bottom: 0px;line-height: 40px;margin-right: 0px;}
.control-page {width: 100%;overflow: hidden;}
.control-page-container {position: relative;width: 100%;margin: auto;text-align: center;}
.control-page-container img {width: 100%;}
.orta-kurumsal {width: 90%;}
.orta-kurumsal .alt .nasil-yapariz span {width: 100%;padding-bottom: 40px;}
.orta-kurumsal .alt .nasil-yapariz i {display: block;position: relative;float: left;width: 100%;top: 0;text-align: center;}
.orta-kurumsal .alt .surecler img {left: 0;position: relative;right: 0;bottom: 0;display: block;top: 0; width: 100%;}
.orta-kurumsal .alt .surecler ul:nth-child(2){margin-right:0px;}
.orta-kurumsal .alt .surecler ul{margin-bottom: 20px;margin-right: 0;width: 50%;}
.orta-kurumsal .aciklama span {padding-left: 20px;font-size: 18px;line-height: 27px;margin-bottom: 0;}
.orta-kurumsal .alt .nasil-yapariz h2 {font-size: 18px;}
.orta-kurumsal .aciklama {margin-top: 0p;}
.orta-kurumsal .alt .surecler ul li {margin-bottom: 10px;}
.orta-kurumsal .aciklama {margin-bottom: 60px;margin-top: 60px;}
section.kurum {margin-bottom: 50px;}
.ana-proje {margin-bottom: 0px;padding-bottom: 0; padding-top: 60px;}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik {width: 100%;}
.logo {
bottom: 183px;}
}
@media only screen and (max-width:480px) {
.header {width: 100%;height: 60px;float: left;position: fixed;top: 0px;}
.iconlar {display: none;}
.bize-ulas {display: none;}
.logo a {position: absolute;left: 0px;bottom: 0px;padding: 5px 0px 5px 10px;}
.logo a img {width: 50px;}
.menu-trigger.second {position: relative;right: -295px;display: inline-block;}
.menu-btn {width: 35px;float: left;margin: 0;bottom: 5px;}
.language {top: -96px;padding-top: 0px;position: relative;left: 125px;}
.ana-slider .swiper-slide {height: 600px;position: relative;float: left;}
.main{width: 100%;}
.ana-slider .slogan h2 {font-size: 14px;line-height: 27px;}
.ana-slider .slogan p {font-size: 9px;}
.ana-slider .swiper-slide {height: 300px;}
.language ul:hover {top: 0px;height: 100px;}
.menu-content.open {left: 0px;padding-left: 10px;width: 100%;height: 100vh;}
.menu-content {height: 100vh;width: 85%;}
.ana-menu span {padding-top: 9%;}
.ana-menu-bottom ul li::before {top: 0px;}
.ana-menu ul li {margin-bottom: -3px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span {margin-top: 22px;}
.ana-menu-bottom {padding-bottom: 80px;padding-top: 17px;}
.ana-slider .slogan .slider-btn span {padding-right: 5px;font-size: 12px;}
.ana-slider .slogan .slider-btn {padding: 0px 10px 3px 10px;width: 82px;}
.ana-slider .swiper-pagination-bullet {width: 12px;height: 6px;}
.ana-slider .swiper-pagination-bullet-active {width: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .ana-slider .swiper-pagination-custom, .ana-slider .swiper-pagination-fraction { bottom: 30px !important;}
.ana-hizmetler .title h2 {padding: 40px 0px 30px 0px;font-size: 20px}
.ana-hizmetler ul li {width: 100%;}
.neler-yaptik .title h3 {font-size: 11px;margin-bottom:5px;line-height: 20px;}
.neler-yaptik .title h2 {margin-top: 40px; margin-bottom: 30px;font-size: 24px;}
.neler-yaptik .title span {font-size: 8px;}
.full-ana-hizmetler {padding-bottom: 0px;}
.neler-yaptik .title {padding-bottom: 15px;}
.orta-neler-yaptik .row .col1 {width: 50%;float: left;}
.orta-neler-yaptik .row .col2{width: 100%;float: left;margin-top: 40px;}
.orta-neler-yaptik .row {width: 100%;display: block; margin-top: 40px;}
.orta-kurumsal {position: relative;width: 90%;}
.satis-ekibi-aciklama b {font-size: 15px;line-height: 35px;}
.satis-ekibi-aciklama {width: 90%;}
.satis-ekibi-aciklama h2 { padding-top: 40px;}
.satis {margin-bottom: 40px;}
.ana-projeler-title .projeler-detay p {width: 100%;line-height: 30px;font-size: 14px;text-align: justify;}
.projeler-detay {padding-bottom: 40px;}    
.footer .footer-contact .footer-haberdar-ol {width: 100%; margin-bottom: 40px;}
.footer .footer-contact .footer-iletisim {width: 100%; margin-bottom: 40px;}
.footer .footer-contact .footer-menu {width: 100%;display: block;margin-top: 0px;}
.footer .footer-contact .footer-menu ul li {padding-right: 10px;}
.footer .footer-contact .footer-menu ul li a {font-size: 13px;}
.footer .footer-sosyaliconlar {width: 100%;position: relative;bottom: 0px;right: 0px;float: left;text-align: center;}
.footer-sosyaliconlar ul li {margin-top: 4px;display: inline-block;}
.satis-ekibi-slider {width: 100%;margin-right: 0px;}
.satis-ekibi-slider .ana-satis-ekibi .swiper-wrapper .swiper-slide .calisanlar {height: 250px;}
.calisanlar .detay-title {background: #001828;font-size: 12px;padding: 35px 0px 35px 0px;}
.calisanlar .calisanlar-title span {font-size: 10px;}
.calisanlar .calisanlar-title {margin-left: 20px;margin-bottom: 30px;transition: all .3s ease-in-out}
.calisanlar .calisanlar-title h3 {font-size: 15px;}
.calisanlar .detay-title {background: #001828;font-size: 10px;padding: 10px 0px 10px 0px;}
.ana-satis-ekibi .swiper-slide:hover .calisanlar .calisanlar-title{margin-bottom: 0px;} 
.ana-calisanlar { bottom: -100px;}
.swiper-pagination.satis-pagi.swiper-pagination-bullets { display: flex; justify-content: center; width: 90%; margin-top: 10px;display: block;}
.swiper-pagination.satis-pagi.swiper-pagination-bullets span.swiper-pagination-bullet {margin-left: 5px;}
.projeler-slider .ana-projeler {width: 100%;margin-right: 0px;}
.satis-ekibi-slider {width: 100%;margin-right: 0px;padding-bottom: 20px;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span {padding-bottom: 20px;}
.hakkimizda .hakkimida-detay i {width: 53%;bottom: -78px;right: 96px;}
.hakkimizda .hakkimida-detay p {font-size: 14px;line-height: 32px;}
.alt-detay{font-size: 14px;line-height: 34px;}
.vizyonumuz {padding: 90px 0px 50px 0px;}
.misyonumuz {padding: 50px 0px;}
.prensipler {padding: 50px 0px;}
.alt-detay-gorsel {width:100%;margin-bottom: 345px;}
.alt-detay-gorsel img:nth-child(1) { left: 0px;width: auto;top: 145px;}
.alt-detay-gorsel img:nth-child(2) {right: 0px;width: auto;top: -50px;}
.projelerimiz .proje-detay p {font-size: 14px;line-height: 30px;}
.projelerimiz {height: 607px;}
.insan-kaynaklari .ik-detay {width: 100%;}
.insan-kaynaklari .ik-detay h1 {font-size: 32px;margin-bottom: 4px;}
.insan-kaynaklari .ik-detay h2 {font-size: 16px;margin-bottom: 19px;}
.insan-kaynaklari { height: 607px;}
.ik-form h3 {font-size: 17px;margin-bottom: 40px;}
.ik-form ul li { margin-bottom:30px;width: 100%;}
.ik-form ul li:nth-child(-n+3){width: 100%;margin-right: 0px;}
.ik-form ul li:nth-child(n+6){width: 100%;}
.fileVel {top: 48px;}
.ik-form {padding: 60px 0px 0px 0px;}
.iletisim-form h3 {font-size: 17px;margin-bottom: 40px;}
.iletisim-form ul li { margin-bottom:30px;width: 100%;}
.iletisim-form ul li:nth-child(-n+3){width: 100%;margin-right: 0px;}
.iletisim-form {padding: 60px 0px 30px 0px;}
.iletisim .iletisim-detay h1 {font-size: 28px;margin-bottom: 10px;}
.iletisim {height: 607px;}
.iletisim .iletisim-detay h2 {font-size: 17px; margin-bottom: 20px;}
.iletisim .iletisim-detay p {font-size: 13px;line-height: 32px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {font-size: 28px;}
.iletisim-alt .iletisim-detay {left: 0px;padding: 30px 0px;top: 0px;width: 100%;position: relative;}
.iletisim-bilgi .bilgi-detay .eposta a {margin-bottom: 10px;display: block;}
.bilgi-detay {width: 100%;}
.iletisim-alt { margin-bottom: 30px;}
.harita iframe {height: 300px;}
.proje-detaylarimiz {height: 350px;}
.proje-detay-logo img {padding: 0px;width: 100%;height: auto;}
.proje-detay-row {display: table;}
.proje-detay-title {width: 100%;padding-right: 0px;padding-left: 0px;    margin-bottom: 20px;}
.proje-detay-yan {width: 100%;}
.proje-detay-row {display: table;text-align: center;margin-bottom: 5px;}
.proje-detay-aciklama {top: -23px;}
.proje-aciklama h2 {font-size: 20px;margin-bottom: 3px;}
.proje-aciklama p {font-size: 13px;line-height: 26px;}
.proje-ust .paylas .paylas-facebook {margin-right: 0px;margin-bottom: 10px;}
.dis-fotograflar ul li {height: 270px;width: 100%;margin: 0%;margin-bottom: 10px;}
.dis-fotograflar { margin: 50px 0px 30px 0px;}
.orta-kurumsal .alt .surecler ul {margin-right: 0px;margin-bottom: 20px;width: 100%;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1) {margin-bottom: 0;}
.orta-kurumsal .alt .nasil-yapariz {margin-bottom: 0;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 14px; line-height: 28px;}
.orta-kurumsal .aciklama span {padding-left: 9px;font-size: 16px;line-height: 24px;margin-bottom: 0;}
.ana-projeler-title .projeler-detay h3 {font-size: 18px;}
.ana-projeler-title h2 {font-size: 24px;padding-bottom: 20px;margin-top: 0;}
.projeler-slider .ana-projeler .swiper-wrapper .swiper-slide { height: 515px;}
.logo {bottom: 7px;}
}.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;-ms-touch-action:none;touch-action:none}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:4px;right:4px;padding:0;margin:0;width:30px;height:30px;font:21px/1 Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;cursor:pointer;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}.contact_form UL { margin: 0px; padding: 0px; }
.contact_form LI { margin: 0px 0px 7px; padding: 0px; list-style: none; font-size: 8pt; position: relative; }
.contact_form .form-text, .contact_form .form-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; height: 37px; line-height: 32px; padding-left: 8px; }
.contact_form .form-textarea { height: 69px; }
.contact_form LABEL { height: 15px; }
.form-submit { width: 100%; height: 35px; border: 0px; background-color: #000000; text-align: center; font-size: 14px; color: #FFF; margin: auto; margin-top: 0; }
.form-submit:hover { opacity: 0.7; cursor: pointer }
INPUT.inputError, SELECT.inputError { border: 1px solid #F00 !important; }
.input-group-addon { padding: 5px 10px; font-size: 11px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #484848; border: 1px solid #CCC; border-radius: 4px; }
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(//www.goproje.com.tr/wp-content/themes/goproje/assets/images/form/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; }
.ajaxloader { width: 80px; text-align: center; margin: auto; }
.bubblingG { text-align: center; width: 80px; height: 50px; }
.bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #173c6e; -moz-border-radius: 50px; -moz-animation: bubblingG 1.3s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 1.3s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 1.3s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 1.3s infinite alternate; border-radius: 50px; animation: bubblingG 1.3s infinite alternate; }
#bubblingG_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
#bubblingG_2 { -moz-animation-delay: 0.39s; -webkit-animation-delay: 0.39s; -ms-animation-delay: 0.39s; -o-animation-delay: 0.39s; animation-delay: 0.39s; }
#bubblingG_3 { -moz-animation-delay: 0.78s; -webkit-animation-delay: 0.78s; -ms-animation-delay: 0.78s; -o-animation-delay: 0.78s; animation-delay: 0.78s; }
.radiovalidate { POSITION: ABSOLUTE; right: -16px; top: 6px; }
.izin { margin: 5px auto; width: 140px; }
@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#173c6e;
-moz-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#579bcd;
-moz-transform: translateY(-21px);
}
}
@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#173c6e;
-webkit-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#579bcd;
-webkit-transform: translateY(-21px);
}
}
@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#173c6e;
-ms-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#579bcd;
-ms-transform: translateY(-21px);
}
}
@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#173c6e;
-o-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#579bcd;
-o-transform: translateY(-21px);
}
}
@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#173c6e;
transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#579bcd;
transform: translateY(-21px);
}
} .intl-tel-input .selected-flag { height: 100% !important; }
.intl-tel-input .country-list { width: 260px; }
.intl-tel-input .country-list .country { font-size: 13px; } .contact-error { position: absolute; right: 0px; top: 0px; z-index: 2; width: auto; height: 100%; display: inline-block; }
.contact-error i { background-image: url(//www.goproje.com.tr/wp-content/themes/goproje/assets/images/form/info.png); background-size: 4px; background-position: center center; background-repeat: no-repeat; width: 30px; height: 100%; display: inline-block; position: relative; top: 0px; background-color: #e92d2d; }
.contact-error span { position: absolute; right: 0px; bottom: 100%; width: 170px; background-color: #fd4a4a; color: #fff; font-size: 11px; text-align: center; padding: 5px 5px; box-sizing: border-box; font-family: arial; line-height: 15px; opacity: 0; visibility: visible; z-index: -9999; transition: all .2s ease-in-out; pointer-events: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.contact-error:hover span { z-index: 2; visibility: visible; opacity: 1; display: block; }
.contact_form input[type="submit"][disabled] { text-indent: -9999px; background: url(//www.crmfys.com/public/loader.gif) no-repeat center #f2f2f2; }
 .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;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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: none;
transform: none;
}
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: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
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: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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: none;
transform: none;
}
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(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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-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: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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-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-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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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-name: hinge;
animation-name: hinge;
} @-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: none;
transform: none;
}
}
@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: none;
transform: none;
}
}
.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}