* {box-sizing:border-box; font-family:'Manrope';}
:root {--primary:#EB0A29; --textcolor:#585858;}
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:'Manrope';}
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;}
.ty-wrapper {width:100%; height:100vh; display:table; background-color:#333;}
.ty-vertical {display:table-cell; vertical-align:middle; text-align:center; font-size:25px; color:#fff;}
.form-holder {text-align:center; width:350px; position:fixed; right:0px; bottom:0px; top:0px; box-sizing:border-box; padding:95px 40px 0; background-color:#DFDFDF; height:100%; display:table;}
.form-inner {display:table-cell; vertical-align:middle;}
.form-title {color:#333; text-align:center; font-size:21px; line-height:25px; padding-bottom:5px;}
p {font-size:.9vw; line-height:2.2; font-weight:400; color:var(--textcolor);}
main {background-color:#fff; position:relative; float:left; width:100%; transition:all .3s cubic-bezier(0.42, 0, 0.18, 1); right:0; z-index:2;}
.img100 img {width:100%;}
.w100 {display:inline-block; position:relative; float:left; width:100%;}
.mtop {margin-top:95px;}
.ptop {padding-top:95px;}
.pdn {padding:80px 0px;}
.main-page {position:relative; width:calc(100% - 350px); display:inline-block;}
.container {width:1360px; max-width:80%; position:relative; margin:0 auto; z-index:1;}
.menu-trigger {display:none;}
.topBar .socialList {margin:0; display:flex; align-items:center; justify-content:center; margin-left:20%;}
.topBar {height:95px; position:fixed; top:0px; left:0px; z-index:50; transition:all .3s cubic-bezier(0.42, 0, 0.18, 1); background-color:#fff;}
.topBar .container {height:100%; display:flex; align-items:center; justify-content:space-between; width:95%; max-width:initial;}
.topMenu ul {display:flex; align-items:center; justify-content:center;}
.topMenu ul li {position:relative; margin:0px 25px;}
.topMenu ul li a {position:relative; color:#000; font-size:1vw; transition:all .2s cubic-bezier(0.42, 0, 0.25, 0.99); font-weight:300; padding:10px 0px;}
.whatsapp {display: flex; align-items: center; margin-right: 20px;}
.whatsapp img{width: 25px;}
.whatsapp span{margin: 0 5px; font-weight: bold; color: #25D366;}

.topContactBtn {}
.sub-menu {position:absolute; left:0px; top:calc(100% + 10px); background-color:var(--primary); flex-direction:column; width:max-content; align-items:flex-start !important; box-shadow:0px 5px 15px rgb(0 0 0 / 15%); padding:5px 0px; opacity:0; pointer-events:none; visibility:hidden; margin-top:10px; transition:all .3s cubic-bezier(0.42, 0, 0.32, 0.98);}
.sub-menu li a {font-size:15px !important; margin:5px 0px; display:inline-block; padding:0px !important; color:#fff !important;}
.sub-menu li a:hover {opacity:.5;}
.topMenu > ul > li:hover .sub-menu {opacity:1; pointer-events:initial; visibility:visible; margin-top:0;}
.logo {width:270px;}
.socialList ul {display:flex; align-items:center; justify-content:center;}
.socialList ul li {margin:0px 3px; display:inline-block;}
.socialList span {line-height:1; margin-right:10px; font-weight:600;}
.socialList ul li a {display:inline-block;}
.hakkinda figure {width:35%; float:left; position:relative; z-index:1; text-align:right; display:flex; align-items:flex-start; justify-content:flex-start;}
.hakkinda article {float:right; width:65%; position:relative; z-index:2; padding-top:2%; padding-left:10%;}
.hakkinda article p:last-child {margin-bottom:0}
.hakkinda article h3 {font-size:1.1vw; display:inline-block; width:100%; color:#686f7d}
.hakkinda.reverse figure {float:right; margin-left:0px; justify-content:flex-end; align-items:flex-end;}
.hakkinda.reverse article {float:left; padding-left:0; padding-right:10%; padding-left:0;}
.hakkinda p {margin-bottom:25px; width:100%; display:inline-block; font-size:20px;}
.hakkinda p:last-child {margin-bottom:0}
.title {width:100%; display:inline-block; margin-bottom:20px}
.title span {color:#484848; font-size:1.9vw; font-weight:400;}
.title h2 {width:100%; display:inline-block; color:var(--primary); line-height:1.1; font-size:2.3vw; font-weight:800;}
.title.center {text-align:center; margin-bottom:60px;}
.dotsBefore::before {content:""; background-image:url(../images/dots-img.png); width:400px; height:400px; position:absolute; left:-160px; top:-20%; z-index:0; background-size:100%; background-position:center;}
.dotsBefore::after {content:""; background-image:url(../images/dots-img.png); width:300px; height:300px; position:absolute; right:-110px; bottom:-15%; z-index:0; background-size:100%; background-position:center; pointer-events:none;}
.dotsBefore img {position:relative; z-index:3;}
.ozellikList {display:inline-block; width:100%; display:grid; grid-template-columns:33.33% 33.33% 33.33%;}
.ozellikList li {width:90%; float:left; display:flex; align-items:center; justify-content:flex-start; margin:15px 0%;}
.ozellikList li span {padding-left:20px; font-size:1.1vw; width:calc(100% - 90px); color:#484848;}
.ozellikList li img {width:90px;}
.galleryList {width:calc(50% - 30px); float:left; margin:0px 15px;}
.galleryList li {width:100%; height:180px; background-position:center; background-size:cover; border-radius:20px; float:left;}
.galleryList li:nth-child(1) {width:100%; height:370px; margin-bottom:30px;}
.galleryList li:nth-child(2), .galleryList li:nth-child(3) {width:48%; margin-right:4%;}
.galleryList li:nth-child(3) {margin-right:0;}
.galleryList:nth-child(2) li {height:580px; margin-bottom:0;}
.galleryList li a {display:inline-block; width:100%; height:100%;}
.logoCarousel .owl-stage {display:flex; align-items:center; justify-content:center;}
.logoCarousel img {width:auto !important; max-width:100%; text-align:center; margin:0 auto;}
.logoCarousel .owl-next, .logoCarousel .owl-prev {width:30px; height:37px; background-position:center; background-repeat:no-repeat; background-size:100%; text-indent:-9999em; background-color:transparent !important; position:absolute; top:50%; transform:translateY(-50%);}
.logoCarousel .owl-next {background-image:url(../images/icons/next.png); right:-55px;}
.logoCarousel .owl-prev {background-image:url(../images/icons/prev.png); left:-55px;}
.bottom {background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#F2F2F2; padding:50px 0px 0;}
.ft-50 {width:30%; float:left;}
.map {height:360px}
.map2 {height:450px; position:relative;}
.map2 iframe {height:100%; width:100%; border-radius:25px;}
.contactList {width:60%; margin:0 0; float:left; text-align:center;}
.contactList span {color:#000; font-size:18px; display:inline-block; width:100%; margin-bottom:20px; position:relative; text-align:left;}
.contactList p {font-size:14px; color:#000; width:100%; display:inline-block; line-height:1.4; margin-bottom:25px;}
.contactList .w50 {width:50%; float:left; text-align:left;}
a.yolTarifi {margin-top:24px; display:inline-block; background-color:#fff; display:flex; align-items:center; justify-content:center; width:auto; float:left; padding:8px 15px; color:#017a8a!important; transition:all .2s ease-in-out}
.yolTarifi i {margin-left:10px}
a.yolTarifi:hover {background-color:#ddbfa7}
.contactList .w50 a {color:#000; font-size:14px;}
.contactList ul {width:100%; display:inline-block; margin-top:25px}
.contactList ul li {display:inline-block; width:100%; margin-bottom:25px}
.contactList ul li a {display:flex; align-items:center; justify-content:flex-start}
.contactList ul li a img {margin-right:15px}
.contactList ul li:last-child {margin-bottom:0}
.ft-50:nth-child(2) {margin-right:0}
.contactList .w50:last-child {margin-bottom:0}
.footer-1 {width:35%; display:inline-block; float:left; margin-right:5%;}
.footer-1 span {color:#000; font-size:17px; margin-bottom:15px; display:inline-block; width:100%; text-align:left;}
.footer-1 p {color:#7d7d7d; font-size:14px; line-height:1.7; text-align:center; width:70%; margin:0 auto 30px;}
.footer-2 {padding-top:50px; margin-top:50px; border-top:1px solid #225265; display:flex; align-items:center; justify-content:space-between; padding:50px 5% 0; flex-direction:row-reverse}
.footer-2 p {color:#fff; font-size:20px; letter-spacing:2px; font-weight:300}
.sosyalMedya {display:flex; align-items:center; justify-content:center}
.sosyalMedya li a {color:#fff; font-size:22px; letter-spacing:1px; font-weight:300; display:flex; align-items:center; justify-content:center}
.sosyalMedya li {margin:0px 10px;}
.ft-50:first-child {padding-right:0}
.footer-1 .footerLogo {margin:0 0 25px; display:table;}
.ft-50.left {width:70%; position:relative;}
#map {width:100%; height:230px;}
.footer-1 .socialList ul {justify-content:flex-start;}
.footerLogo {margin:0 auto 50px;}
.contactList p:last-child {margin-bottom:0;}
.footerLogo.sinpasLogo {position:relative; margin-top:-15px;}
.bottom .container {display:flex;}
.copyright {text-align:center; font-size:16px; color:#fff; padding:25px 0; background-color:#000000;}
.iletisim-m {display:none;}
.bultenKayit {width:100%;}
.bulten .container {background-color:#f5f5f5; padding:90px 40% 90px 50px; display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; border-radius:20px;}
.bultenKayit span {font-size:18px; font-weight:500; margin-bottom:15px; display:inline-block}
.bultenKayit form {position:relative}
.bultenKayit form input[type=email] {width:220px; height:45px; border:none; padding:0 20px; font-size:15px; color:#000; border-radius:10px; box-shadow:0 5px 25px rgb(0 0 0 / 5%); outline:0; float:left;}
.bultenKayit form input[type=submit] {background-color:var(--primary); border:none; position:relative; right:0; top:0; bottom:0; width:120px; font-weight:600; font-size:15px; float:left; margin-left:10px; border-radius:10px; height:45px; color:#fff;}
.bulten figure {background-position:center; background-size:cover; position:absolute; right:30px; top:30px; bottom:30px; width:45%; border-radius:20px;}
.bulten .title h2 {color:#000;}
.bulten .title span {color:var(--primary); margin-bottom:5px; display:inline-block; width:100%; font-size:18px;}
.officeBox {border:1px solid #d7d7d7; width:85%; height:500px; display:flex; align-items:center; justify-content:flex-start; padding:30px 8% 30px 8%; float:left; margin:-1px 0px 0; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.officeImgs {position:absolute; left:101%; top:50%; transform:translate(-50%, -50%); width:45%; height:80%;}
.officeBox article {width:65%;}
.officeBox.reverse {float:right; justify-content:flex-end;}
.officeBox.reverse .officeImgs {left:initial; right:90%; transform:translate(50%, -50%);}
.officeBox article p {margin-bottom:25px;}
.officeBox article p:last-child {margin-bottom:0;}
.officeBox article ul {width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:30px;}
.officeBox article ul li {font-size:14px; line-height:1.3; font-weight:500; color:#585858;}
.officeBox article ul li span {display:block; font-size:1.5vw; font-weight:800; color:var(--primary); letter-spacing:-1px;}
.officeBox article ul li:last-child {margin-bottom:0;}

.dp-slider{height:100%;width:100%;position:absolute;transform-style:preserve-3d}
.dp-slider div{transform-style:preserve-3d}
.dp_item{display:block;position:absolute;text-align:center;color:#fff;border-radius:10px;transition:transform 1.2s}
.dp-img img{border-left:1px solid #fff}
#dp-slider .dp_item:first-child,#dp-slider-2 .dp_item:first-child,#dp-slider-3 .dp_item:first-child,#dp-slider-4 .dp_item:first-child,#dp-slider-5 .dp_item:first-child{z-index:10!important;transform:rotateY(0) translateX(5%)!important}
.dp_item[data-position="10"],.dp_item[data-position="14"],.dp_item[data-position="18"],.dp_item[data-position="2"],.dp_item[data-position="6"]{z-index:9;transform:rotateY(0) translateX(-10%) scale(.9)}
.dp_item[data-position="11"],.dp_item[data-position="15"],.dp_item[data-position="19"],.dp_item[data-position="3"],.dp_item[data-position="7"]{z-index:8;transform:rotateY(0) translateX(-25%) scale(.8)}
.dp_item[data-position="12"],.dp_item[data-position="16"],.dp_item[data-position="20"],.dp_item[data-position="4"],.dp_item[data-position="8"]{z-index:7;transform:rotateY(0) translateX(-35%) scale(.7)}
#dp-next,#dp-next-2,#dp-next-3,#dp-next-4,#dp-next-5,#dp-prev,#dp-prev-2,#dp-prev-3,#dp-prev-4,#dp-prev-5{position:absolute;bottom: 25%;right:12%;height:45px;width:45px;z-index:10;cursor:pointer;background-color: var(--primary);padding: 12px;border-radius: 13px;display:flex;align-items:center;justify-content:center}
#dp-prev,#dp-prev-2,#dp-prev-3,#dp-prev-4,#dp-prev-5{transform:rotate(180deg);bottom: 9%;right:12%}
.dp_item{width:80%;height:100%}
.dp-content,.dp-img{text-align:left;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.dp_item{display:flex;align-items:center;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 0 25px rgb(0 0 0 / 13%)}
.dp-content{padding-left:100px;padding-right:0;display:inline-block;width:100%}
.dp-content h2{color:#41414b;font-family:Circular Std Bold;font-size:48px;max-width:460px;margin-top:8px;margin-bottom:0}
.dp-content p{color:#74747f;max-width:490px;margin-top:15px;font-size:24px}
.dp-content .site-btn{margin-top:15px;font-size:13px;padding:19px 40px}
.dp-img:before{background:-webkit-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0));background:-o-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0));background:-moz-linear-gradient(-90deg,rgba(255,255,255,.25),rgba(255,255,255,0));background:linear-gradient(-90deg,rgba(255,255,255,.75),rgba(255,255,255,0));position:absolute;height:100%;width:25%;z-index:1;top:0;pointer-events:none;background:-webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75));background:-o-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75));background:-moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,.75));background:linear-gradient(-90deg,rgba(255,255,255,0),#fff)}
.dp-img img{object-fit:cover;object-position:right}
#dp-slider,#dp-slider-2,#dp-slider-3,#dp-slider-4,#dp-slider-5,.dp-img img{height: 100%;}
#dp-slider .dp_item:hover:not(:first-child),#dp-slider-2 .dp_item:hover:not(:first-child),#dp-slider-3 .dp_item:hover:not(:first-child),#dp-slider-4 .dp_item:hover:not(:first-child),#dp-slider-5 .dp_item:hover:not(:first-child){cursor:pointer}
.galeri{width:100%;float:left;overflow:hidden;padding:80px 0 100px}
.slider-widget{width:75%;float:left;position:relative}
#dp-next svg,#dp-next-2 svg,#dp-next-3 svg,#dp-next-4 svg,#dp-next-5 svg{left:-3px;position:relative;width:35px}
#dp-prev svg,#dp-prev-2 svg,#dp-prev-3 svg,#dp-prev-4 svg,#dp-prev-5 svg{position:relative;left:-3px;width:35px}
.dp-img a{width:100%;height:100%;display:block}
.sticky .topBar {box-shadow:0px 0px 15px rgb(0 0 0 / 20%);}
.locationSect figure {width:35%; height:650px; background-size:cover; background-position:left top; border-radius:40px; float:left;}
.locationBox {float:right; width:60%; margin-top:100px; background-color:#EBEBEB; height:550px; border-radius:40px; padding:40px; position:relative;}
.locTop {width:100%; display:flex; align-items:center; justify-content:space-between; padding:15px 0px; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9;}
.locTop p {display:flex; align-items:center; justify-content:flex-start; font-weight:600; font-size:.9vw;}
.locTop p img {margin-right:10px;}
.locationBox ul {margin-top:35px; width:100%; padding-left:20%;}
.locationBox ul li {width:23%; float:left; margin:20px 1%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:14px; line-height:1.3; height:110px;}
.locationBox ul li img {margin-bottom:10px;}
.locationBox ul li strong {font-size:85%; margin-top:10px;}
.tabMenu {position:absolute; right:0px; top:25px;}
.tabMenu li {float:left; margin-left:35px; color:#C1C1C1; font-size:27px; cursor:pointer;}
.tabMenu li.active {color:var(--primary);}
.yol-tarifi {position:absolute; right:40px; bottom:30px;}
.yol-tarifi a {display:inline-block; transition:all .2s ease-in-out;}
.yol-tarifi a:hover {opacity:.5;}
.tab-page {width:100%; display:none;}
.tab-page.open {display:inline-block;}
.locationBox article {position:absolute; right:110%; transform:translateX(50%); bottom:-15px; width:350px; background-color:var(--primary); height:240px; border:30px solid #fff; border-radius:30px 30px 30px 30px; border-top-width:45px;}
.locationBox article h2 {width:100%; position:relative; background-color:#EBEBEB; border-radius:20px; text-align:center; padding:13px 0px; top:-20px; font-weight:400;}
.locationBox article p {color:#fff; font-size:18px; line-height:1.6; width:80%; margin:0 auto; text-align:center; position:relative; z-index:2;}
.locationBox article::before {content:""; background-color:var(--primary); position:absolute; left:0px; bottom:-15px; right:0px; height:40px; border-radius:30px; z-index:0;}
.galleryCarousel .owl-next, .galleryCarousel .owl-prev {position:absolute; top:80px; right:-10px; height:45px; width:45px; z-index:10; cursor:pointer; background-color:#fff; padding:12px; border-radius:360px; display:flex; align-items:center; justify-content:center; background-image:url(../images/icons/next.png); background-position:center; background-size:20px; background-repeat:no-repeat; text-indent:-9999em; border:3px solid var(--primary) !important;}
.galleryCarousel .owl-prev {top:140px; background-image:url(../images/icons/prev.png) !important;}
.popup {display:none; width:90%; max-width:1100px;}
.popup p {font-size:15px; line-height:1.6;}
.popup p strong {font-weight:600;}
.tanitim {width:100%;}
.tanitim a {width:350px; display:inline-block;}
.yoltarifi {position:absolute; left:50%; bottom:0; z-index:2; transform:translate(-50%, 50%);}
.iletisim-m {display:none;}
.officeCarousel .owl-next, .officeCarousel .owl-prev {position:absolute; top:calc(35% - 60px); right:-10px; height:45px; width:45px; z-index:10; cursor:pointer; background-color:#fff; padding:12px; border-radius:360px; display:flex; align-items:center; justify-content:center; background-image:url(../images/icons/next.png); background-position:center; background-size:20px; background-repeat:no-repeat; text-indent:-9999em; border:3px solid var(--primary) !important;}
.officeCarousel .owl-prev {top:35%; background-image:url(../images/icons/prev.png) !important;}
.officeCarousel .owl-stage {display:flex; height:100%;}
.officeCarousel .officeBox {position:static; margin:0 2px; width:100%; padding:30px 5%;}
.officeCarousel .officeBox figure {position:absolute; right:0; width:35%; top:0px; bottom:0px; background-position:center; background-size:cover;}
.hakkinda .container {display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse;}
.avantajBar {width:100%; text-align:center; padding:20px; background-color:var(--primary); border-radius:360px; margin-top:30px; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.5vw; position:relative; font-weight:800;}
.avantajBar img {position:absolute; left:40px; top:50%; transform:translateY(-50%);}
.difoffice {display:inline-block; width:100%;}
.officeCarousel .officeBox article {width:60%;}
.officeCarousel {margin-top:50px;}
.officeCarousel .officeBox.reverse figure {right:initial; left:0;}
.imgTitle {position:absolute; left:0px; bottom:0px; right:0px; text-align:center; font-size:1.5vw; font-weight:800; background-color:var(--primary); color:#fff; height:70px; display:flex; align-items:center; justify-content:center;}
.formClick {padding:13px 20px; background-color:var(--primary); color:#fff; width:auto; display:inline-block; font-size:14px; font-weight:800;}
.capthaArea{display: flex; justify-content: space-between;}
.capthaArea img{width: 46%;}
.capthaArea input{width: 50%;}

@-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);}
    }
    
    .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;}