ul,
li{padding:0;margin:0;list-style:none;}
.ColudList{padding:0;text-align:center}
.ColudList li{display:inline-block;background:#28b2e8;border-radius:30px;margin:9px 1PX;text-align:center;padding:10px 32px;color:#FFF;}
.ListUI{padding:0;text-align:center}
.ListUI li{background:url(../images/cloud.png);background-repeat:no-repeat;background-position:28px 7px;border-radius:30px;margin:12px 0PX;padding:18px 0 16px 98px;text-align:left;border:#ccc solid 1px;}
.bgBluelight{background:#f7f8fb;}
.bgBlue{background-image:linear-gradient(0deg, #ffffff 0%, #ffffff 80%, #28b2e8 100%);}
.bgBlue .section-heading h2 ,.bgBlue .section-heading p{color:#fff;}
.customdata h6{color:#28b2e8;font-size:28px;margin:26px 0;}
html,
body{background:#fff;font-family:"Roboto", sans-serif;}
::selection{background:#ff589e;color:#fff;}
::-moz-selection{background:#ff589e;color:#fff;}
@media (max-width:991px){html,
body{overflow-x:hidden;}
.mobile-top-fix{margin-top:30px;margin-bottom:0px;}
.mobile-bottom-fix{margin-bottom:30px;}
.mobile-bottom-fix-big{margin-bottom:60px;}
}
a.main-button-slider{font-size:13px;border-radius:20px;padding:12px 20px;background-color:#f55858;text-transform:uppercase;color:#fff;letter-spacing:0.25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
a.main-button-slider:hover{background-color:#0088e8;}
a.main-button{font-size:13px;border-radius:20px;padding:12px 20px;background-color:#28b2e8;text-transform:uppercase;color:#fff;letter-spacing:0.25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
a.main-button:hover{background-color:#0088e8;}
button.main-button{outline:none;border:none;cursor:pointer;font-size:13px;border-radius:20px;padding:10px 20px;background-color:#f55858;text-transform:uppercase;color:#fff;letter-spacing:0.25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
button.main-button:hover{background-color:#0088e8;}
.section-heading h2{text-align:center;font-size:42px;font-weight:300;color:#232323;margin-bottom:20px;}
.section-heading p{font-size:17px;color:#777;text-align:center;}
.background-header{background-color:#fff;height:80px !important;position:fixed !important;top:0px;left:0px;right:0px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15) !important;}
.background-header .logo,
.background-header .main-nav .nav li a{color:#1e1e1e !important;}
.background-header .main-nav .nav > li:hover > a{color:#f55858 !important;}
.background-header .main-nav .nav > li > ul > li:hover > a{color:#f55858 !important;}
.background-header .nav li a.active{color:#f55858 !important;}
.header-area{position:absolute;top:0px;left:0px;right:0px;z-index:100;height:100px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.header-area .main-nav{min-height:80px;background:transparent;}
.header-area .main-nav .logo{line-height:80px;color:#fff;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:2px;float:left;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.header-area .main-nav .nav{float:right;margin-top:27px;margin-left:20px;margin-right:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;z-index:999;}
.header-area .main-nav .nav li{padding-left:20px;padding-right:20px;}
.header-area .main-nav .nav li:last-child{padding-right:0px;}
.header-area .main-nav .nav li a{display:block;font-weight:500;font-size:13px;color:#fff;text-transform:uppercase;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;height:40px;line-height:40px;border:transparent;letter-spacing:1px;}
.header-area .main-nav .nav li:hover a{color:#f55858;}
.header-area .main-nav .nav li.submenu{position:relative;padding-right:35px;}
.header-area .main-nav .nav li.submenu:after{font-family:FontAwesome;content:"\f107";font-size:12px;color:#fff;position:absolute;right:18px;top:12px;}
.header-area.background-header .main-nav .nav li.submenu:after{color:#000;}
.header-area .main-nav .nav li.submenu ul{position:absolute;width:200px;box-shadow:0 2px 28px 0 rgba(0, 0, 0, 0.06);overflow:hidden;top:40px;opacity:0;transform:translateY(-2em);visibility:hidden;z-index:-1;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s,
z-index 0s linear 0.01s;}
.header-area .main-nav .nav li.submenu ul li{margin-left:0px;padding-left:0px;padding-right:0px;}
.header-area .main-nav .nav li.submenu ul li a{display:block;background:#fff;color:#3b566e;padding-left:20px;height:40px;line-height:40px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;font-size:13px;border-bottom:1px solid #f5f5f5;}
.header-area .main-nav .nav li.submenu ul li a:before{content:"";position:absolute;width:0px;height:40px;left:0px;top:0px;bottom:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;background:#f55858;}
.header-area .main-nav .nav li.submenu ul li a:hover{background:#fff;color:#f55858;padding-left:25px;}
.header-area .main-nav .nav li.submenu ul li a:hover:before{width:3px;}
.header-area .main-nav .nav li.submenu:hover ul{visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
.header-area .main-nav .menu-trigger{cursor:pointer;display:block;position:absolute;top:23px;width:32px;height:40px;text-indent:-9999em;z-index:99;right:40px;display:none;}
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after{-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;background-color:#fff;display:block;position:absolute;width:30px;height:2px;left:0;}
.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after{background-color:#1e1e1e;}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after{-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;background-color:#fff;display:block;position:absolute;width:30px;height:2px;left:0;width:75%;}
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after{background-color:#1e1e1e;}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after{content:"";}
.header-area .main-nav .menu-trigger span{top:16px;}
.header-area .main-nav .menu-trigger span:before{-moz-transform-origin:33% 100%;-ms-transform-origin:33% 100%;-webkit-transform-origin:33% 100%;transform-origin:33% 100%;top:-10px;z-index:10;}
.header-area .main-nav .menu-trigger span:after{-moz-transform-origin:33% 0;-ms-transform-origin:33% 0;-webkit-transform-origin:33% 0;transform-origin:33% 0;top:10px;}
.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after{background-color:transparent;width:100%;}
.header-area .main-nav .menu-trigger.active span:before{-moz-transform:translateY(6px) translateX(1px) rotate(45deg);-ms-transform:translateY(6px) translateX(1px) rotate(45deg);-webkit-transform:translateY(6px) translateX(1px) rotate(45deg);transform:translateY(6px) translateX(1px) rotate(45deg);background-color:#fff;}
.background-header .main-nav .menu-trigger.active span:before{background-color:#1e1e1e;}
.header-area .main-nav .menu-trigger.active span:after{-moz-transform:translateY(-6px) translateX(1px) rotate(-45deg);-ms-transform:translateY(-6px) translateX(1px) rotate(-45deg);-webkit-transform:translateY(-6px) translateX(1px) rotate(-45deg);transform:translateY(-6px) translateX(1px) rotate(-45deg);background-color:#fff;}
.background-header .main-nav .menu-trigger.active span:after{background-color:#1e1e1e;}
.header-area.header-sticky{min-height:80px;}
.header-area.header-sticky .nav{margin-top:20px !important;}
.header-area.header-sticky .nav li a.active{color:#f55858;}
@media (max-width:1200px){.header-area .main-nav .nav li{padding-left:12px;padding-right:12px;}
.header-area .main-nav:before{display:none;}
}
@media (max-width:991px){.header-area{padding:0px 15px;height:80px;box-shadow:none;text-align:center;}
.header-area .container{padding:0px;}
.header-area .logo{margin-left:30px;}
.header-area .menu-trigger{display:block !important;}
.header-area .main-nav{overflow:hidden;}
.header-area .main-nav .nav{float:none;width:100%;margin-top:80px !important;display:none;-webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;-o-transition:all 0s ease 0s;transition:all 0s ease 0s;margin-left:0px;}
.header-area .main-nav .nav li:first-child{border-top:1px solid #eee;}
.header-area .main-nav .nav li{width:100%;background:#fff;border-bottom:1px solid #eee;padding-left:0px !important;padding-right:0px !important;}
.header-area .main-nav .nav li a{height:50px !important;line-height:50px !important;padding:0px !important;border:none !important;background:#fff !important;color:#3b566e !important;}
.header-area .main-nav .nav li a:hover{background:#eee !important;}
.header-area .main-nav .nav > li > a:hover,
.header-area .main-nav .nav .submenu > ul > li > a:hover{color:#f55858;}
.header-area .main-nav .nav li.submenu ul{position:relative;visibility:inherit;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s, 0s, 0.3s;top:0px;width:100%;box-shadow:none;height:0px;}
.header-area .main-nav .nav li.submenu ul li a{font-size:12px;font-weight:400;}
.header-area .main-nav .nav li.submenu ul li a:hover:before{width:0px;}
.header-area .main-nav .nav li.submenu ul.active{height:auto !important;}
.header-area .main-nav .nav li.submenu:after{color:#3b566e;right:25px;font-size:14px;top:15px;}
.header-area .main-nav .nav li.submenu:hover ul,
.header-area .main-nav .nav li.submenu:focus ul{height:0px;}
}
@media (min-width:992px){.header-area .main-nav .nav{display:flex !important;}
}
#welcome{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-image:url(../images/banner-bg.png);background-repeat:no-repeat;background-size:cover;width:100%;height:105vh;margin-top:-10vh;}
.welcome-area .header-text{position:absolute;top:55%;transform:translateY(-60%);text-align:left;width:100%;}
.welcome-area .header-text .left-text{align-self:center;}
.welcome-area .header-text h1{font-weight:400;font-size:56px;line-height:80px;letter-spacing:1.4px;margin-bottom:30px;color:#fff;}
.welcome-area .header-text p{font-weight:300;font-size:17px;color:#fff;line-height:30px;letter-spacing:0.25px;margin-bottom:40px;position:relative;}
@media (max-width:991px){.welcome-area .header-text{top:55% !important;transform:perspective(1px) translateY(-60%) !important;}
.welcome-area .header-text h1{font-size:36px;line-height:50px;color:#fff;margin-bottom:15px;}
.welcome-area .header-text h1 span{color:#fff;}
.welcome-area .header-text p{color:#fff;margin-bottom:30px;}
}
@media (max-width:820px){.welcome-area .header-text{top:55% !important;transform:perspective(1px) translateY(-60%) !important;}
.welcome-area .header-text h1{font-size:36px;line-height:50px;margin-bottom:15px;}
.welcome-area .header-text p{margin-bottom:30px;}
}
@media (max-width:765px){.welcome-area{margin-bottom:100px;}
.welcome-area .header-text{top:55% !important;transform:perspective(1px) translateY(-50%) !important;text-align:center;}
.welcome-area .header-text .buttons{display:none;}
.welcome-area .header-text h1{font-weight:600;font-size:24px !important;line-height:30px !important;margin-bottom:20px !important;}
.welcome-area .header-text h1 span{color:#fff;}
.welcome-area .header-text p{text-align:center;color:#fff;font-size:14px;line-height:22px;margin-bottom:40px;}
.welcome-area .header-text img{width:80%;margin-top:20px;}
}
#about{padding:120px 0px;border-bottom:1px solid #eee;}
@media (max-width:765px){#about{padding:20px 0px 120px 0px;}
}
#about .right-text{align-self:center;}
#about .right-text p{margin-bottom:40px;}
#about2{padding:120px 0px;}
#about2 .right-image{align-self:center;}
#about h5,
#about2 h5{font-size:26px;font-weight:700;color:#1e1e1e;line-height:40px;margin-bottom:25px;letter-spacing:0.5px;}
#about p,
#about2 p{margin-bottom:30px;font-size:16px;line-height:30px;letter-spacing:0.5px;}
#about2 ul li img{display:inline;float:left;}
#about2 ul li .text{margin-left:80px;}
#about2 ul li .text h6{padding-top:12px;font-size:21px;font-weight:500;color:#1e1e1e;margin-bottom:20px;}
.left-bullet ul li,.right-bullet ul li{min-height:120px;padding:15px 0;position:relative;}
.left-bullet ul li img{display:inline-block;position:absolute;left:0;width:50px;width:50px;top:25px;padding:5px;border-radius:50%;background:#e4f3fe;}
.left-bullet ul li i{display:inline-block;position:absolute;left:0;top:25px;padding:5px;border-radius:50%;background:#e4f3fe;color:#0188e8;width:52px;height:52px;text-align:center;font-size:26px;line-height:40px;}
.left-bullet ul li .text{margin-top:5px;margin-left:70px;display:inline-block;}
.left-bullet ul li .text h6{padding-top:12px;font-size:15px;font-weight:600;color:#1e1e1e;margin-bottom:20px;}
.right-bullet ul li img{display:inline-block;position:absolute;right:0;background:#e4f3fe;top:25px;width:50px;padding:5px;border-radius:50%;}
.right-bullet ul li i{display:inline-block;position:absolute;right:0;background:#e4f3fe;top:25px;color:#0188e8;width:52px;height:52px;padding:5px;text-align:center;font-size:26px;line-height:40px;border-radius:50%;}
i.background-icon{background:#e4f3fe;color:#0188e8;width:60px;height:60px;padding:5px;text-align:center;font-size:30px;line-height:48px;border-radius:50%;margin-bottom:20px;}
.right-bullet ul li .text{margin-top:5px;margin-right:70px;text-align:right}
.right-bullet ul li .text h6{padding-top:12px;font-size:15px;font-weight:600;color:#1e1e1e;margin-bottom:20px;}
#services{position:relative;padding:50px 0px;background:rgba(0, 136, 232, 1);background-image:linear-gradient(315deg, #009ffd 0%, #2a2a72 90%);}
.service-item{cursor:pointer;display:block;background:#ffffff;box-shadow:0 2px 48px 0 rgba(0, 0, 0, 0.1);padding:40px 30px;text-align:center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;}
@media screen and (max-width:920px){.service-item{margin:0px 30px !important;}
}
.service-item:hover .icon,
.service-item:hover a.main-button{background-color:#0088e8;}
.service-item .icon{text-align:center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100px;height:100px;line-height:100px;margin:auto;position:relative;margin-bottom:30px;background:#28b2e8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;}
.service-item .icon img{max-width:50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.service-item .service-title{font-weight:500;font-size:18px;color:#1e1e1e;letter-spacing:0.7px;margin-bottom:15px;position:relative;z-index:2;}
.service-item p{font-weight:400;font-size:13px;color:#777;letter-spacing:0.3px;line-height:25px;position:relative;z-index:2;}
.service-item a.main-button{margin-top:30px;display:inline-block;}
.owl-carousel .owl-dots{margin-top:0px;text-align:center;align-self:center;}
.owl-carousel button.owl-dot span{border-radius:50%;background-color:#fff;width:5px;height:5px;display:inline-block;margin:0px 5px;}
.owl-carousel button.active span{width:8px;height:8px;padding-top:1.5px;}
.owl-carousel{position:relative;}
.owl-carousel .owl-nav button.owl-next span{top:32%;border-radius:50%;font-size:36px;color:#fff;right:-80px;width:60px;height:60px;line-height:56px;text-align:center;display:inline-block;background-color:rgba(250, 250, 250, 0.15);position:absolute;}
.owl-carousel .owl-nav button.owl-prev span{top:32%;border-radius:50%;font-size:36px;color:#fff;left:-80px;width:60px;height:60px;line-height:56px;text-align:center;display:inline-block;background-color:rgba(250, 250, 250, 0.15);position:absolute;}
@media screen and (max-width:1320px){.owl-carousel .owl-nav{display:none !important;}
}
#frequently-question{padding:120px 0px;}
#frequently-question .section-heading p{margin-bottom:80px;}
#frequently-question .left-text{align-self:center !important;}
#frequently-question .left-text h5{font-size:26px;font-weight:700;color:#1e1e1e;line-height:40px;margin-bottom:25px;letter-spacing:0.5px;}
#frequently-question .left-text p{margin-bottom:30px;font-size:16px;line-height:30px;letter-spacing:0.5px;}
#frequently-question .left-text span{font-size:16px;color:#4a4a4a;margin-bottom:50px;display:block;}
#frequently-question .left-text span a{font-weight:500;}
@media (max-width:765px){#frequently-question .left-text{margin-bottom:60px;}
}
.accordions{background-color:#f7f7f7;}
.accordion-head{padding:20px;font-size:20px;cursor:pointer;transition:color 200ms ease-in-out;border-bottom:1px solid #fff;}
@media screen and (min-width:768px){.accordion-head{padding:1rem;font-size:1.12rem;}
}
.accordion-head .icon{float:right;transition:transform 200ms ease-in-out;padding-top:2px;}
.accordion-head.is-open{color:#ffffff;background:#009ffc;border-bottom:none;}
.accordion-head.is-open .icon{transform:rotate(45deg);}
.accordion-body{overflow:hidden;height:0;transition:height 300ms ease-in-out;border-bottom:1px solid #fff;}
.accordion-body > .content{padding-top:0;}
.accordion-body .accordioncontent{padding:20px 20px 20px 40px;}
#contact-us .container-fluid{padding-right:0px;padding-left:0px;overflow-x:hidden;}
#contact-us .col-lg-6{padding-left:0px;padding-right:0px;}
#contact-us h5{font-weight:500;font-size:18px;color:#1e1e1e;letter-spacing:0.25px;line-height:26px;}
.contact-text{font-weight:400;font-size:14px;color:#6f8ba4;letter-spacing:0.6px;line-height:26px;}
.contact-text p{margin-bottom:28px;}
.contact-field{background-color:rgba(250, 250, 250, 0.3);}
.contact-form{padding:100px;background:rgba(0, 136, 232, 1);background:-moz-linear-gradient(-45deg,
rgba(0, 136, 232, 1) 0%,
rgba(0, 182, 198, 1) 0%,
rgba(0, 136, 232, 1) 100%);background:-webkit-gradient(left top,
right bottom,
color-stop(0%, rgba(0, 136, 232, 1)),
color-stop(0%, rgba(0, 182, 198, 1)),
color-stop(100%, rgba(0, 136, 232, 1)));background:-webkit-linear-gradient(-45deg,
rgba(0, 136, 232, 1) 0%,
rgba(0, 182, 198, 1) 0%,
rgba(0, 136, 232, 1) 100%);background:-o-linear-gradient(-45deg,
rgba(0, 136, 232, 1) 0%,
rgba(0, 182, 198, 1) 0%,
rgba(0, 136, 232, 1) 100%);background:-ms-linear-gradient(-45deg,
rgba(0, 136, 232, 1) 0%,
rgba(0, 182, 198, 1) 0%,
rgba(0, 136, 232, 1) 100%);background:linear-gradient(135deg,
rgba(0, 136, 232, 1) 0%,
rgba(0, 182, 198, 1) 0%,
rgba(0, 136, 232, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088e8', endColorstr='#0088e8', GradientType=1);}
@media (max-width:765px){.contact-form{padding:60px;margin-top:-7px;}
}
.contact-form input,
.contact-form textarea{color:#777;font-size:14px;border:none;width:100%;height:50px;outline:none;padding-left:20px;padding-right:20px;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:30px;}
.contact-form textarea{height:150px;resize:none;padding:20px;}
.contact-form{text-align:center;}
.contact-form::-webkit-input-placeholder{color:#fff;}
.contact-form:-ms-input-placeholder{color:#fff;}
.contact-form::placeholder{color:#fff;}
footer{background-color:#fff;padding:60px 0px;}
footer .social{overflow:hidden;text-align:right;}
footer .social li{margin:0px 5px;display:inline-block;}
footer .social li a{color:#fff;text-align:center;background-color:#28b2e8;width:40px;height:40px;line-height:40px;border-radius:5px;display:inline-block;font-size:16px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
footer .social li a:hover{background-color:#0088e8;color:#fff;}
footer .copyright{margin-top:10px;font-weight:400;font-size:15px;color:#4a4a4a;letter-spacing:0.88px;text-transform:capitalize;}
@media (max-width:991px){footer .copyright{text-align:center;}
footer .social{text-align:center;margin-top:15px;}
}
#preloader{overflow:hidden;background-image:linear-gradient(145deg, #28b2e8 0%, #0088e8 100%);left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999;color:#fff;}
#preloader .jumper{left:0;top:0;right:0;bottom:0;display:block;position:absolute;margin:auto;width:50px;height:50px;}
#preloader .jumper > div{background-color:#fff;width:10px;height:10px;border-radius:100%;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;opacity:0;width:50px;height:50px;-webkit-animation:jumper 1s 0s linear infinite;animation:jumper 1s 0s linear infinite;}
#preloader .jumper > div:nth-child(2){-webkit-animation-delay:0.33333s;animation-delay:0.33333s;}
#preloader .jumper > div:nth-child(3){-webkit-animation-delay:0.66666s;animation-delay:0.66666s;}
@-webkit-keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
5%{opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
5%{opacity:1;}
100%{opacity:0;}
}