/* Start Testimonisals */ body {font-family: var(--ltn__body-font); font-weight: 400; color: #103040; } :root{--color:#061b4a; --fuchsia:#e82f51; --orange:#ff5a3c; --blue:#132b61; --grey-1:#e7ebf0; --white:#fff; --ltn__heading-font:'Poppins',sans-serif; --ltn__body-font:'Nunito Sans',sans-serif } h1,h2,h3,h4{text-transform:capitalize } h1{font-size:2em } h2{font-size:36px } h3{font-size:1.5em } p,span#Menu{font-size:18px } h4{font-size:20px; font-weight:500 } .container{width:90%; margin:auto } .block-info h3,.btn,.esteemed-title h2,.student-title h2,h1,h2,h3,h4{font-family:var(--ltn__heading-font) } .about-carousel{margin-top:50px ; overflow:hidden } *{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.disabled{display:none!important}.owl-item{display:inline-block;vertical-align:text-top}button,form,input,select,textarea{border:0;background:0;outline:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.before:before{content:'';position:absolute;width:100%;height:100%;top:0;right:0;z-index:5}.after:after{content:'';position:absolute;width:100%;height:100%;top:0;right:0;z-index:5}flex-center,.flex-center{display:flex;flex-wrap:wrap;justify-content:center}flex-start,.flex-start{display:flex;flex-wrap:wrap;justify-content:flex-start}.align-center{align-items:center}.flex-end{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex-direction: row-reverse;}.flex-1{flex:1}pull-right{float:right;display:block}pull-left{float:left;display:block}.hide{display:none}img{max-width:100%;/* width: 100%; */font-size:0;height: auto;position:relative}.list-unstyled{list-style:none}.clearfix:after{content:'';display:block;clear:both}a{color:inherit;text-decoration:none}container{display:block;margin:auto}.w-100{min-width:100%}.col-1{width:calc((1 / 12) * 100%)}.col-2{width:calc((2 / 12) * 100%)}.col-3{width:calc((3 / 12) * 100%)}.col-4{width:calc((4 / 12) * 100%)}.col-5{width:calc((5 / 12) * 100%)}.col-6{width:calc((6 / 12) * 100%)}.col-7{width:calc((7 / 12) * 100%)}.col-8{width:calc((8 / 12) * 100%)}.col-9{width:calc((9 / 12) * 100%)}.col-10{width:calc((10 / 12) * 100%)}.col-11{width:calc((11/ 12) * 100%)}.col-12{width:calc((12/ 12) * 100%)}@media(min-width:1025px){.hide-pc{display:none}}@media(max-width:1199px){.col-lg-1{width:calc((1 / 12) * 100%);min-width:calc((1 / 12) * 100%)}.col-lg-2{width:calc((2 / 12) * 100%);min-width:calc((2 / 12) * 100%)}.col-lg-3{width:calc((3 / 12) * 100%);min-width:calc((3 / 12) * 100%)}.col-lg-4{width:calc((4 / 12) * 100%);min-width:calc((4 / 12) * 100%)}.col-lg-5{width:calc((5 / 12) * 100%);min-width:calc((5 / 12) * 100%)}.col-lg-6{width:calc((6 / 12) * 100%);min-width:calc((6 / 12) * 100%)}.col-lg-7{width:calc((7 / 12) * 100%);min-width:calc((7 / 12) * 100%)}.col-lg-8{width:calc((8 / 12) * 100%);min-width:calc((8 / 12) * 100%)}.col-lg-9{width:calc((9 / 12) * 100%);min-width:calc((9 / 12) * 100%)}.col-lg-10{width:calc((10 / 12) * 100%);min-width:calc((10 / 12) * 100%)}.col-lg-11{width:calc((11 / 12) * 100%);min-width:calc((11 / 12) * 100%)}.col-lg-12{width:100%;min-width:100%}}@media(max-width:991px){.col-md-1{width:calc((1 / 12) * 100%);min-width:calc((1 / 12) * 100%)}.col-md-2{width:calc((2 / 12) * 100%);min-width:calc((2 / 12) * 100%)}.col-md-3{width:calc((3 / 12) * 100%);min-width:calc((3 / 12) * 100%)}.col-md-4{width:calc((4 / 12) * 100%);min-width:calc((4 / 12) * 100%)}.col-md-5{width:calc((5 / 12) * 100%);min-width:calc((5 / 12) * 100%)}.col-md-6{width:calc((6 / 12) * 100%);min-width:calc((6 / 12) * 100%)}.col-md-7{width:calc((7 / 12) * 100%);min-width:calc((7 / 12) * 100%)}.col-md-8{width:calc((8 / 12) * 100%);min-width:calc((8 / 12) * 100%)}.col-md-9{width:calc((9 / 12) * 100%);min-width:calc((9 / 12) * 100%)}.col-md-10{width:calc((10 / 12) * 100%);min-width:calc((10 / 12) * 100%)}.col-md-11{width:calc((11 / 12) * 100%);min-width:calc((11 / 12) * 100%)}.col-md-12{width:100%;min-width:100%}}@media(max-width:767px){.hide-mobile{display:none!important}.col-sm-1{width:calc((1 / 12) * 100%);min-width:calc((1 / 12) * 100%)}.col-sm-2{width:calc((2 / 12) * 100%);min-width:calc((2 / 12) * 100%)}.col-sm-3{width:calc((3 / 12) * 100%);min-width:calc((3 / 12) * 100%)}.col-sm-4{width:calc((4 / 12) * 100%);min-width:calc((4 / 12) * 100%)}.col-sm-5{width:calc((5 / 12) * 100%);min-width:calc((5 / 12) * 100%)}.col-sm-6{width:calc((6 / 12) * 100%);min-width:calc((6 / 12) * 100%)}.col-sm-7{width:calc((7 / 12) * 100%);min-width:calc((7 / 12) * 100%)}.col-sm-8{width:calc((8 / 12) * 100%);min-width:calc((8 / 12) * 100%)}.col-sm-9{width:calc((9 / 12) * 100%);min-width:calc((9 / 12) * 100%)}.col-sm-10{width:calc((10 / 12) * 100%);min-width:calc((10 / 12) * 100%)}.col-sm-11{width:calc((11 / 12) * 100%);min-width:calc((11 / 12) * 100%)}.col-sm-12{width:100%;min-width:100%}}@media(max-width:450px){.col-xs-1{width:calc((1 / 12) * 100%);min-width:calc((1 / 12) * 100%)}.col-xs-2{width:calc((2 / 12) * 100%);min-width:calc((2 / 12) * 100%)}.col-xs-3{width:calc((3 / 12) * 100%);min-width:calc((3 / 12) * 100%)}.col-xs-4{width:calc((4 / 12) * 100%);min-width:calc((4 / 12) * 100%)}.col-xs-5{width:calc((5 / 12) * 100%);min-width:calc((5 / 12) * 100%)}.col-xs-6{width:calc((6 / 12) * 100%);min-width:calc((6 / 12) * 100%)}.col-xs-7{width:calc((7 / 12) * 100%);min-width:calc((7 / 12) * 100%)}.col-xs-8{width:calc((8 / 12) * 100%);min-width:calc((8 / 12) * 100%)}.col-xs-9{width:calc((9 / 12) * 100%);min-width:calc((9 / 12) * 100%)}.col-xs-10{width:calc((10 / 12) * 100%);min-width:calc((10 / 12) * 100%)}.col-xs-11{width:calc((11 / 12) * 100%);min-width:calc((11 / 12) * 100%)}.col-xs-12{width:100%;min-width:100%}} .pull-right{float: right;} .pull-left{float: left;} .about-box h2, .video-content h2 {text-transform: capitalize; } .more-videos{display:inline-block; background:linear-gradient(115deg,#ff5a3c 0,#e22180 100%); margin-top:2em; font-size:1.3em; color:#fff; position:relative; border-radius:4px } section.about{padding:75px 10px } .about-box p{margin:15px 0; color:#698391 } a.about-link{padding:15px 30px; color:#fff } .about-slider h4{color:#4a5357 } .about-box{margin-right:30px } .about-images{position:relative; z-index:999 } .ab-image img{width:100%; height:100%; display:block; border-radius:50% } .ab-image.active{border:2px solid #f07c67; border-radius:50% } .ab-image:first-child{width:140px; top:-2em; border-radius:50%; padding:4px; position:absolute; right:40px } .ab-image:nth-child(2){width:200px; margin-top:100px; padding:4px; position:relative; } .ab-image:nth-child(3){width:120px; position:absolute; right:40px; padding:5px } .active .cir1{position:absolute; width:40px; height:40px; right:20px; bottom:-50px; border-radius:50% } .active .cir2{position:absolute; width:20px; height:20px; right:-5px; bottom:-63px; border-radius:50% } .btn-effect-1:after,.btn-effect-2:after{background:var(--white); width:0%; height:100%; top:0 } .about-carousel{margin-top:50px } .about-slider h2{margin-top:13px } p.para{margin-bottom:20px; color:#686868 } button.owl-dot{display:inline-block; width:30px; height:5px; background:#bfbfbf; margin-right:5px; cursor:pointer } .about .owl-dots{margin-top:20px; justify-content:flex-start } button.owl-dot.active{background:#000 } .ab-image:nth-child(2) .cir1{bottom: -70px; right: 0; } .ab-image:nth-child(2) .cir2{bottom: -40px; right: -20px; } .ab-image:nth-child(3) .cir1{bottom:129px; right:14px } .ab-image:nth-child(3) .cir2{bottom:166px; right:-3px } @media (max-width:1199px){.container{width:100%; padding:0 10px } h2.video-title {font-size:33px } section.testim-section.testim-section-2 .flex-between {margin:0 15px } .fix-margin {margin: 0 -10px 0 0; } section.student-blog.details .container{margin-left: 0; } section.intro .container{padding:0 } body,html{overflow-x:hidden } .st-image{flex:1 } .st-image h3,.st-image:after{display:none } .img{min-width:calc(100% / 6 - 21px); flex:1 } .testim-title{max-width:100% } section.student-blog.details .block-info {padding:20px 0 } .widget.ltn__social-media-widget {position:static } .widget.ltn__social-media-widget ul {display:flex; margin-left: 15px; } } @media (max-width:767px){.student-title{width:100%; margin-top:60px } .footer-box h2{font-size:30px } .col-6.col-md-12.testimonial{padding-top:0 } .about-box h2{font-size:2.1em } .about-images{display:none } section.about{padding:35px 10px } .image-video i{width:70px; height:70px; font-size:40px } .ab-image:nth-child(3) .cir1{right:0; bottom:-60px } .ab-image:nth-child(2) .cir2{bottom:79px; right:0 } .student-intro-2 .student-title{margin-top:0 } .testim-section-2 .testim-left-box h3{font-size:27px } section.testim-blog.testim-section-2 [class*=pull-],section.testim-section [class*=pull-]{width:100%; text-align:center } .testim-left-box{margin-bottom:20px; text-align:left; max-width:100% } .sh{margin:5px 0 } section.student-intro.testimonial-section{background-size:contain; background-repeat:no-repeat; padding-top: 190px; padding-bottom: 20px; } .qtitle{margin:0 } .testim-image{width:50px; height:50px } .read-more.details,.student-p{width:100% } .item-info h2{font-size:18px } .item p{font-size:16px } h2.video-title{max-width:200px; font-size:1.25em; position: relative; top: -60px; } .form-search{width:calc(100%)!important; margin:20px 0; height:60px; position:static } .form-search input{width:calc(100% - 60px) } .form-search button{width:60px; font-size:20px } .img{flex:1; min-width:calc(25% - 5px) } .testim-box{margin: 10px 0; } .about-slider h4{margin-top:50px } .image-video{margin-right:0 } .video-content{margin-bottom:20px; max-width:100% } .video-content h2{font-size:31px } .video-container iframe{width:100%; height:250px } footer .pull-left,footer .pull-right{width:100%; text-align:center; margin-bottom:5px } .search-icon{position:absolute; left:0 } .logo{flex:1; text-align:center } .logo img{width:auto } } @media (max-width:1250px){.ltn__top-bar-menu>ul>li{font-size:12px } .auto-container{width:90% } ol,ul{padding-left:1rem } } @media (max-width:991px){.esteemed-title,.footer-box p,.student-p,.student-title{width:100% } .form-search{width:calc(100% - 30px); margin-bottom:20px; margin-top:20px } .bottom-ul{justify-content:center } .txt-991-center{text-align:center } section.intro:before{width:100%; transform:translate(0 ,170px); height:100% } .video-play-btn{z-index:999; top:185px } .video-play-btn:after{} .item-info h3{font-size:1em } .image-video{margin:20px 0 } section.video-section{background-size:cover } .container.words.clearfix{width:100%; margin-left:-20px } .esteemed-title h2{font-size:2.4em; margin-top:5px } a.video-play-btn.video-testim{left:70%; background:#dcd7d7 } .ltn__drop-menu ul{margin-bottom:0; padding-left:0!important } .ltn__top-bar-menu>ul>li{font-size:11px } .ltn__drop-menu.ltn__currency-menu.ltn__language-menu ul{padding-left:0 } .ltn__drop-menu ul li ul li a{font-size:13px } .ltn__drop-menu ul li i{font-size:.5em } .col-md-4,.col-md-5{width:100%!important } } @media (min-width:768px){.col-md-5{flex:0 0 auto; width:41.66666667% } .col-md-4{flex:0 0 auto; width:33.33333333% } .col-md-1{flex:0 0 auto; width:8.33333333% } .col-md-2{flex:0 0 auto; width:16.66666667% } } @media (max-width:576px){.footer-box a.view{margin-top: 20px; } .col-sm-8{width:70% } .col-sm-6{width:50% } .top-bar-right{width:fit-content; margin-top:5em } #menuToggle{padding:.6em .2em .4em; border-radius:5px } .aast-logo{width:50%; left:0; top:2em } .ltn__header-top-area{background-color:#132b61; padding:10px } .ltn__top-bar-menu>ul>li{margin:0 0 0 10px } .col-sm-12{width:100%!important } } @media (max-width:1200px){li.nav-item,li.nav-item a{text-align:left } li.nav-item a{font-size:22px!important; padding:.5rem 0 } #NavMobile ul.submenu a{font-size:20px!important; color:#fff } } @media (max-width:991px){#level3,.aast-logo{position:inherit!important } .cir1,.cir2{display:none } .mobile--overlay_content{line-height:65px; height:100% } body.body--lock{overflow:hidden } .txt-991-center{text-align:center } .mobile{display:block; width:50%; margin:auto } ul.quickLinks2{position:initial!important } .sidebar li.nav-item.active>a{display:inline-block; position:relative; color:#0087ca } #NavMobile li.nav-item .active>a{color:#ffc107!important } i.fa.fa-caret-down{display:inline-block; font-size:14px } #NavMobile,.sidebar>li.active>.submenu{display:block } .sidebar li.nav-item.active>a:after{content:''; position:absolute; width:100%; height:2px; bottom:0; left:0; background-color:#fdc236; transform-origin:bottom right; transition:transform .25s ease-out; transform:scaleX(1); transform-origin:bottom left } i.fa.fa-long-arrow-left{display:block; width:40px; height:40px; line-height:20px } .sidebar .dropdown-menu,.sidebar .submenu{visibility:visible!important; position:static!important; margin-left:.7rem; margin-right:.7rem; margin-bottom:.5rem; background:0 0 } #NavMobile p{color:#abc4d1; line-height:34px; font-size:20px } #NavMobile a,.quickLinks2 span{font-size:15px } .grey a{color:#fff!important } nav.sidebar{height:auto!important; padding-top:40px!important; padding:40px 30px 0; overflow-y:scroll } .close,.none,span#Menu{display:none!important } .aast-logo,.mobile--overlay_content:after,.mobile--overlay_content:before{display:none } .aast-logo{top:3.5em; z-index:1; left:65%; width:60%!important } #NavMobile{width:100%; overflow-y:scroll; height:max-content } #NavMobile a{color:#fff } .position-visible{position:absolute; top:70px; left:70px; z-index:999999 } .position-invisible{position:absolute; top:70px; z-index:-1 } .mobile--overlay{overflow-y:scroll; overflow-x:hidden; visibility:visible!important } #level3{width:100%; height:100% } ul.quickLinks2 li{padding-left:30px; line-height:30px } .quickLinks2 li a{font-size:15px; font-weight:500 } } @media (min-width:992px){ol li,ul li{margin-top:0 } .py-2{padding-top:.5rem!important; padding-bottom:.5rem!important } .mb-4{margin-bottom:1.5rem!important } .mobile--overlay_content{width:100%; top:15%; padding:1rem 2rem; text-align:left; margin-top:10px; height:100% } .closebtn{position:absolute; top:20px; right:0; font-size:60px!important } span.open--menu{position:absolute; z-index:999999; right:90px; top:-8px; padding:6px 8px; border-radius:100px; width:48px; height:49px; cursor:pointer; border:none } span.open--menu.hover{padding:12px 8px } .open--menu.hover:hover{border:1px solid #fff!important } .open--menu:hover{border:none } .dropdown-menu{background:0 0; overflow-y:scroll; height:65%; border:none!important } #NavMobile li.nav-item>a{color:#fff; font-weight:500; font-size:35px } #NavMobile ul.submenu>a{font-size:20px; padding:0 } #NavMobile ul.submenu a span{font-size:20px } } @media (min-width:768px) and (max-width:992px){span.open--menu.hover{position:absolute; top:-20px!important; right:0!important } } @media (max-width:776px){.aast-logo{position:inherit!important } #NavMobile li.nav-item .active>a{color:#ffc107!important } .grey a{color:#fff!important } .close,span#Menu{display:none!important } nav.sidebar{padding:40px 15px 0!important } span.open--menu.hover{position:static!important } #level3>ul.submenu{height:75%; overflow-y:scroll; position:absolute; left:0; width:100%; margin-top:0; overflow-x:hidden; top:0!important } .quickLinks2 li a{font-size:10px; font-weight:500; color:#fff; text-decoration:none } ul.quickLinks2 li{padding-left:10px; line-height:30px } } @media screen and (max-width:768px) and (min-width:651px){nav.nav--mobile{position:absolute; top:-50px; right:60px } } @media (max-width:650px){nav.nav--mobile,span.open--menu.hover{position:absolute } nav.nav--mobile{top:-50px; right:60px } .mobile--overlay_content{height:auto!important; overflow-x:hidden } li.nav-item>a{font-size:33px!important; padding:.1rem 0; text-align:left } .quickLinks2 span{font-size:15px!important; display:table-cell } quickLinks2 li a{font-size:9px; font-weight:lighter; color:#fff; text-decoration:none } ul.quickLinks2 li{padding-left:10px } ul.quickLinks2{padding:4px 8px } } @media (max-width:576px){nav.nav--mobile{position:absolute; top:-34px; right:0 } .mobile--overlay_content img{width:50% } #NavMobile li.nav-item .active>a{color:#ffc107!important } .mobile--overlay_content{height:auto!important; overflow-x:hidden } li.nav-item>a{font-size:18px!important; padding:.1rem 0; text-align:left } } @media (max-width: 991px){.row2 .col-md-2,a.aast-mobile{width:100% } section.footer-bottom .container div{width:100%; text-align:center } .about-images{display:flex; margin:25px 0; padding:0 } .ab-image{position:relative!important; top:initial!important; right:initial!important; width:100px!important; margin:5px!important } li.DeskTopLogo{display:none!important } a.aast-mobile img{display:block; width:70%; float:left; margin:auto } .ltn__header-top-area,.txt-768-center{text-align:center } .ltn__header-top-area .ltn__social-media ul li{font-size:12px; margin:0 5px 0 0 } .ltn__top-bar-menu .ltn__currency-menu .active-currency,.ltn__top-bar-menu>ul>li{font-size:11px } .ltn__drop-menu>ul>li{position:inherit } .ltn__drop-menu>ul>li>a{height:20px; line-height:20px } .ltn__drop-menu ul li ul{left:50%; right:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .top-bar-right{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .site-logo{min-width:100px } .speeches-image{width:100px; height:100px } } @media (max-width:400px){a.video-play-btn.video-testim{top:90px } nav.nav--mobile{position:absolute; top:-40px; right:0 } .mobile--overlay_content img{width:50% } .aside-post i{font-size:21px } } .hover {z-index: 1; position: relative; overflow:hidden } .hover:after {position: absolute; left: 0; transition: .35s; } .hover:after{content:''; width:0; height:100%; background:#cc2071; z-index:-1; top:0; position: absolute; } .hover:hover:after {width:100% } /* End Testimonisals */ /* Start upper Sec */ .aboutSection { padding: 0; color: #e8e6e3; margin-bottom: 45px; } .twoBLockSection .innerWrap { padding: 34px 50px; } .flexRow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .twoBLockSection .sectionRed { background: #132b61; /*iman*/ /* background-image: linear-gradient(to right, #ca2600 , #fb0449) */ } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { width: 50%; color: #fff; } .flexRow > div { float: none; } .twoBLockSection .innerWrap { padding: 34px 50px; } .aboutSection h4 { text-align: center; font-size: 2.3em; margin: 0; color: #fff; } .aboutSection .programFinder { margin-top: 1.5em; } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { color: #fff; } .aboutSection .programFinder .programFinderLeft { width: 50%; float: left; padding: 0 15px; margin-top: 1em;/*iman*/ } .aboutSection .feildControl { margin-bottom: 7px; } .aboutSection input, .aboutSection select, .aboutSection textarea { background: none; color: #fff; border: 1px solid #fff; font-size: 1.050em; width: 100%; border-radius: 3px; padding: 5px 10px; height: 46px; margin-bottom: 12px;/*iman*/ } .programFinderRight i { font-size: 0.8em; } /*iman*/ h6 a:hover, .programFinderRight li a:hover { color: #fff !important; padding-left: 1em !important; } /*iman*/ .aboutSection select option { color: #071c1f;} .aboutSection .ui-selectmenu-button.ui-button { border-radius: 3px; padding: 5px 10px; padding-top: 5px; height: 46px; font-size: 1.050em; width: 100%; outline: none; border: 1px solid #ec8489; background: none; padding-top: 10px; color: #fff; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } /* input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } button, input, optgroup, select, textarea { margin: 0; font: inherit; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit; } iman*/ .programFinderLeft .inputBtnSvg input { width: 125px; opacity: 0; } .inputBtnSvg .readMoreBtn { position: absolute; pointer-events: none; position: absolute; top: 0; right: 0; width: 124px; margin: 0; border-radius: 3px; } .readMoreBtn { display: inline-block; margin: 4px 0; padding: 8px 10px; padding-right: 10px; font-weight: 500; background: none; color: #fff; padding-right: 50px; position: relative; font-size: 17px; margin-top: 20px; position: relative; } .readMoreBtn svg { height: 45px; left: 0; position: absolute; top: 0; border-radius: 2px; width: 100%; } svg:not(:root) { overflow: hidden; } .readMoreBtn { font-weight: 500; color: #fff; font-size: 17px; } text-right { text-align: right; } .inputBtnSvg .readMoreBtn { pointer-events: none; } .readMoreBtn::after { color: #fff; position: absolute; right: 4px; top: 0; content: "\75"; font-size: 45px; font-family: "uaeu" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aboutSection .programFinder .programFinderRight { width: 50%; float: left; padding: 0 15px; padding-left: 15px; padding-left: 0px; } .aboutSection .programFinder .programFinderRight h6 { margin: 0; margin-bottom: 0px; margin-bottom: 15px; font-weight: 400; font-size: 1.50em; color: #fff; /*iman*/ padding-left: 50px; } .aboutSection .programFinder .programFinderRight ul li { list-style: none; line-height: 1.6em; font-weight: 400; position: relative; /*iman*/ padding-left: 24px; color: #e8e6e3; margin-bottom: 5px; margin-top: 0.3em; font-size: 1.15em; } .aboutSection .programFinder .programFinderRight ul li a { color: #fff; position: relative; padding-left: 0.5em; } .aboutSection .programFinder::after { content: ""; display: table; clear: both; } .aboutSection .sectionBlack .innerWrap { position: relative; /* z-index: 3; */ } .twoBLockSection .innerWrap { padding: 60px 50px; } .text-center { text-align: center; } .aboutSection .sectionBlack { position: relative; } .twoBLockSection .sectionBlack { background: url(../img/aida.jpg) bottom left no-repeat #132b61 !important; background-size: cover !important; } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { width: 50%; color: #fff; } .maritimeRight, .maritimeLeft{width: 50%;float: left; padding-left: 40px;padding-bottom: 1em;padding-top: 1em;} .maritimeRight i, .maritimeLeft i{margin-right: 0.7em;} .maritimeRight ul li, .maritimeLeft ul li { list-style: none; font-size: 1.2em; line-height: 1.2em; text-align: left; } .btn-wrapper.mt-150 { margin-top: 10em; } .flexRow > div { float: none; } .readMoreBtn rect { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 422, 0; } .programFinderRight ul{ padding-left: 0px; margin-left: 0px; } .detailWrap p{ color: #fff; } /* form */ .btn-wrapper { display: block; margin-top: 0.5em; margin-left: 0.8em; } .btn { border-radius: 0; display: inline-block; font-size: 16px; font-weight: 500; font-family: var(--ltn__heading-font); padding: 15px 50px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 1; margin-right: 15px; border-radius: 3px; } /* CSS for the main interaction */ .tabset > input[type="radio"] { position: absolute; left: -200vw; } .tabset .tab-panel { display: none; } .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) { display: block; } /* Styling */ .tabset > label { position: relative; display: inline-block; padding: 15px 15px 25px; border-bottom: 0; cursor: pointer; font-weight: 600; background-color: transparent; border-bottom: 2px solid transparent; padding: 1px; margin-right: 50px; font-weight: 600; font-size: 20px; line-height: 1.2; position: relative; color: #232323; } label svg { height: 45px; left: 0; position: absolute; top: 0; border-radius: 2px; width: 100%; } svg:not(:root) { overflow: hidden; } .tabset > label:active::after { background-color: var(--ltn__secondary-color); border: 3px solid var(--white); color: #d84c0d; } .tabset > label::after { position: absolute; content: ""; right: 45%; top: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); height: 10px; width: 10px; background-color: transparent; opacity: 1; border: 3px solid transparent; border-radius: 100%; } /* .tabset > label:active { color: var(--ltn__secondary-color); } */ .tabset > label:hover, .tabset > input:active + label, .tabset > input:focus + label { color:#d84c0d !important;; background-color: transparent; border-color: var(--ltn__secondary-color); } /* .tabset label:active { color: var(--ltn__secondary-color); background-color: transparent; border-color: var(--ltn__secondary-color); } */ /* .tabset > label:hover::after, .tabset > input:focus, .tabset > input:checked,.tabset > input:active { background: #ff5a3c; } */ .tabset > input:checked + label { border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; border: none; } .tab-panel { padding: 30px 0; border-top: 1px solid #ccc; border: none; } .gt-event-style-3 .gt-category ul li { background-color: #ececec; } .gt-event-style-3 .gt-details + .gt-text { margin-top: 20px; text-align: left; } .gt-content{ border-top-color: #f6ba42 !important; } .gt-all-button { color: #d84c0d; font-size: 1.25em; } .gt-all-button:hover, .gt-all-button:focus { color: #d84c0d !important; font-size: 1.25em; text-decoration: underline; } .rs-about.style1 .notice-bord.style1 .title { background: none; font-size: 22px; text-transform: uppercase; padding: 0 5px; text-align: left; font-weight: 600; color: #e22023; margin-bottom: 10px; } /* Demo purposes only */ *, *:before, *:after { box-sizing: border-box; } .tabset { max-width: 82%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2%; } /* Burger navigation */ #menuToggle { display: block; position: relative; top: 0px; left: 0em; z-index: 1; -webkit-user-select: none; user-select: none; /* background-color:#f9b702 ; */ /*#e85c1beb*/ padding: 0.5em; width: 100%; } #menuToggle a { text-decoration: none; color: #232323; transition: color 0.3s ease; } #menuToggle a:hover { color: tomato; } #menuToggle input { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0;/* hide this */ z-index: 2;/* and place it over the hamburger */ -webkit-touch-callout: none; } /* Just a quick hamburger*/ #menuToggle span { display: block; width: 30px; height: 4px; margin-bottom: 5px; position: relative; background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; left: 20%; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } /* Transform all the slices of hamburger into a crossmark*/ #menuToggle input:checked ~ span { opacity: 1; /* transform: rotate(45deg) translate(-2px, -1px); */ transform: rotate(45deg) translate(0px, -1px); background: #fff; } /*But let's hide the middle one */ #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } /* Ohyeah and the last one should go the other direction*/ #menuToggle input:checked ~ span:nth-last-child(2) { /* transform: rotate(-45deg) translate(0, -1px); */ transform: rotate(-45deg) translate(2px, 0px); } /* Make this absolute positioned at the top left of the screen*/ #menu { position: absolute; width: 17.2em; margin: -5em 0 0 -5em; padding: 1.5em; padding-top: 7em; background: #043d72; list-style-type: none; -webkit-font-smoothing: antialiased; /* to stop flickering of text in safari */ transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); opacity: 0; display: none; } #menu li { padding: 10px 0; font-size: 22px; } /* And let's slide it in from the left*/ #menuToggle input:checked ~ ul#menu { transform: none; display: block; opacity: 1; } /* /. End Burger navigation */ /* page- style*/ /* style.css line: 4149 */ .row2 { background-color:#132b61; border: none; } /* global.css line:377,376 */ .rr.showdiv i { margin-left: 50px !important; opacity: 1; transition: all 1s ease-out 4.5s; margin-top: 3em; } .rr i { background: url(../image/png23.png) center center no-repeat; width: 50px !important; height: 100%; display: block; margin-left: 20px; position: relative; opacity: 0; z-index: 1; } /* style.css line: 5157 */ .ltn__currency-menu ul li ul { min-width: max-content !important; } /* global.css line:143 */ .body_home { background: none !important; height: 100%; overflow: hidden; } /* logo */ .aast-logo { position: absolute; top: 3.5em; z-index: 1; left: 65%; width: 100%; } /* style.css line : 4846 */ .ltn__drop-menu ul li ul li { display: block; padding: 7px 7px; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500; } /* */ .fa-search::before { content: "\f002"; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);} /* style.css line : 4182 */ .ltn__top-bar-menu > ul > li > i, .ltn__top-bar-menu > ul > li > a > i { margin-right: 3px; color: #f9b702; font-size: 0.85em; font-weight: normal; } /* */ /* style.css line : 17784 */ /* label:hover, a:hover { /* color: #ffcb00 !important; } */ /* */ /* font-icons.css line : 19 */ .fa-circle::before { content: "\f111"; font-size: 0.7em; } /* */ .auto-container { padding: 0 0.9em; } .burg-nav { width: 6.5%; left: 3%; } /* style.css line : 4174 */ .ltn__top-bar-menu > ul > li { list-style: none; display: inline-block; margin: 0 15px 0 0; font-size: 14px; font-weight: 700; } /* */ .btn.btn-effect-3.btn-white { color: #043d72; } /* h4.admission-title2{ color:#043d72; } */ .detailWrap p{ font-size: 1.25em; margin-top: 0.8em; color: #fff; } .detailWrap p span{color: #fb0;font-size: 1.5em; } /* * Just a quick hamburger */ /* 28-4-2022 */ ul.slide-nav{ display: inline-block; list-style: none; padding-left: 0px; margin-bottom: 0px; margin-top: 2em; } .slide-nav-item { list-style: none; display: inherit; margin-top: 0px; } li a.slide-nav-1 { font-size: 1.53em; /* text-decoration: underline; */ padding-right: 1em; padding-left: 1em; color: #132b61; /* text-decoration: underline; */ } .slide-nav li a.slide-nav-11::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; /* bottom: 14.7em; */ left: 20%; right: 0; transition: transform .24s ease; width: 4em; } .slide-nav li a.slide-nav-2::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; /* bottom: 14.7em; */ left: 32%; right: 0; transition: transform .24s ease; width: 4.5em; } .slide-nav li a.slide-nav-3::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; /* bottom: 14.7em; */ left: 44.5%; right: 0; transition: transform .24s ease; transition-property: transform; transition-duration: 0.24s; transition-timing-function: ease; transition-delay: 0s; width: 4.4em; } .slide-nav li a.slide-nav-4::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; /* bottom: 14.7em; */ left: 56.5%; right: 0; transition: transform .24s ease; width: 3.5em; } .slide-nav li a.slide-nav-5::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; /* bottom: 14.7em; */ left: 67.1%; right: 0; transition: transform .24s ease; width: 5.3em; } .slide-nav li a.slide-nav-1:hover { color: #ca9c13 !important; } .slide-nav li a.slide-nav-1:hover::after { transform: scaleX(.3); } .caption { line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 6.5% 4% 3.85% 3.5%; color: #fff; text-transform: none; text-align: center; font-size: 18px; } #active { position: relative; z-index: 5; margin: 13.5% 0 30px 0; text-align: center; } #slide1:checked ~ #commands label:nth-child(5), #slide2:checked ~ #commands label:nth-child(1), #slide3:checked ~ #commands label:nth-child(2), #slide4:checked ~ #commands label:nth-child(3), #slide5:checked ~ #commands label:nth-child(4) { background: url('../50yrs-slider/image/previous.png') no-repeat; float: left; margin: 1% 0px 0px 0px; display: block; } #slide1:checked ~ #commands label:nth-child(2), #slide2:checked ~ #commands label:nth-child(3), #slide3:checked ~ #commands label:nth-child(4), #slide4:checked ~ #commands label:nth-child(5), #slide5:checked ~ #commands label:nth-child(1) { background: url('../50yrs-slider/image/next.png') no-repeat; float: right; margin: 1% 0px 0px 0px; display: block; } #menu li { padding: 0px; font-size: 22px; margin-top: 1em; } /* to write Menu */ /* #menuToggle p { float: right; margin-right: 1em !important; } */ /* */ .ltn__drop-menu ul li ul li { display: block; padding: 0px 1em; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500; } /*.section-title { text-align: center;}*/ .btn-orange { background-color: #d84c0d; color: var(--white); margin-top: 20%; font-size: 1em !important; box-shadow: -.25em .25em 0 #132b61,0 .25em 0 #132b61; padding: 10px 50px; } .btn-orange:hover { background-color: #c62a73; color: #d84c0d !important; margin-top: 20%; font-size: 1em !important; box-shadow: -.25em .25em 0 #c62a73,0 .25em 0 #c62a73; padding: 10px 50px; } /********* burger menu ************/ .container, .menu-wrapper { height: 100%; } .hamburger-init { width: 40px; height: 30px; position: absolute; top: -12px; /* right: 40px; */ cursor: pointer; z-index: 99; } .bar { position: absolute; height: 4px; width: 100%; background: #fff; transition: all .3s; } .bar.middle-bar { top: 50%; margin-top: -4px; } .bar.bottom-bar { bottom: 4px; } .hamburger-init.active { z-index: 2; animation: rotateHamburger .5s linear 0s forwards; } .hamburger-init.active .bar { background: #fff; } .hamburger-init.active .bar.top-bar { transform: translateY(16px) rotate(45deg); } .hamburger-init.active .bar.middle-bar { width: 0; } .hamburger-init.active .bar.bottom-bar { transform: translateY(-6px) rotate(-45deg); } .menu-wrapper { background: rgba(0, 0, 0, .8); /* transition: all .3s;*/ transform: scale(0); border-radius: 50%; } .menu-wrapper.visible { transform: scale(1); border-radius: 0; z-index: 99; position: absolute; margin-top: 1.3em; text-align: left; /* width: 100%; */ width: 360px; right: 10%; } .menu { /* position: absolute; max-width: 100%; width: 100%; top: 50%; left: 10%; transform: translate(-50%,0); text-align: left; background-color: #102555; padding: 1em 0em 2em 0em; */ } .menu-wrapper li { opacity: 0; cursor: pointer; transition: all .3s; list-style: none; padding-left: 1.7em; } /* .menu-wrapper li:focus { background-color: #c93c7f;} */ .menu-wrapper li a { font-size: 1.12em; } .menu-wrapper ul ul.menu.menu-active li { margin-top: 0.2em !important; font-size: 0.98em; padding-left: 1.15em; } .menu-wrapper ul ul.menu.menu-active li:hover { background-color: #c62474; padding-left: 1.5em; } .menu-wrapper ul ul.menu.menu-active li a { font-size: 1.1em; } .menu.menu-active li:nth-child(1) { animation: moveItems 1s linear 0s forwards; } .menu.menu-active li:nth-child(2) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(3) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(4) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(5) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(6) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(7) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(8) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(9) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(10) { animation: moveItems 1s linear .1s forwards; } .menu-item-has-children { position: relative; } .menu-item-has-children::after { content: ''; position: absolute; width: 12px; height: 12px; background: transparent; border: 1px solid transparent; border-right-color: #fff; border-bottom-color: #fff; top: 5px; right: 10%; transform: rotate(45deg); transition: all .3s; } .menu-item-has-children.sub-menu-active::after { transform: rotate(224deg); } .menu-item-has-children > .menu { display: none; position: static; transform: initial; } .guide-text { color: crimson; font-size: 25px; position: absolute; right: 80px; top: 20px; opacity: 0; } .container.hamburger-guide .guide-text { animation: showClickGuide 1s linear infinite; } /* Animations */ @keyframes rotateHamburger { 0% { transform: rotate(0); } 100% { transform: rotate(180deg); } } @keyframes moveItems { 0% { transform: translateY(-20px); opacity: 0; } 30% { transform: translateY(-15px); opacity: .2; } 50% { transform: translateY(-10px); opacity: .3; } 80% { transform: translateY(-5px); opacity: .4; } 100% { transform: translateY(0); opacity: 1; } } @keyframes showClickGuide { 0% { opacity: 0; transform: scale(.5); } 100% { opacity: 1; transform: scale(1); } } /* End upper Sec */ /* Start Mklb */ #mkLightboxContainer { position: fixed; left: 0; top: 0; min-height: 100vh; min-width: 100vw; height: 100vh; width: 100vw; overflow: hidden; box-sizing: border-box; z-index: 9; display: flex; align-items: center; justify-content: center; } #mkLightboxContainer > * { z-index: 99; } #overlay { position: absolute; left: 0; top: 0; height: 100vh; width: 100%; overflow: hidden; box-sizing: border-box; background: rgba(0,0,0,.85); z-index: 0; } .parent .popup-video {} #mkLightboxContainer #mklbInner { position: relative; height: 100vh; transition: all .4s ease-in-out; margin-left: 0; } section.imageContainer { margin: 0; padding: 1em; box-sizing: border-box; border: none; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; float: left; } #mkLightboxContainer img, #mkLightboxContainer video { background: #fff; box-shadow: 0 0 30px #222; max-height: 85vh; min-width: auto; max-width: 75vw; width: auto; height: auto; } #mkLightboxContainer #yt-video { width: 75vw; height: 42.1875vw; /* 75*9/16 */ } .mklbItem:hover { cursor: pointer; font-style: italic; } #closeIconContainer { width: 25px; height: 25px; position: fixed; top: 15px; right: 15px; transition: transform .2s linear; } #closeIconContainer:hover { cursor: pointer; transform: rotate(90deg); } #closeIconContainer svg, #prev svg, #next svg, #stopGallery svg, #playGallery svg{ fill: white; } #prevContainer, #nextContainer { position: fixed; left: 0; top: 0; height: 100vh; padding: 10px 5px 10px 5px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; transition: all .2s ease-in; } #nextContainer { left: auto; right: 0; } #prevContainer:hover, #nextContainer:hover { cursor: pointer; background: rgba(0,0,0,0.25); } #prev, #next { width: 35px; height: 35px; } .grid { display: grid; align-content: flex-start; grid-gap: 1em; } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid figure { width: 100%; margin: 0; } .grid img { width: 100%; } #controlContainer { position: absolute; top: 1em; left: .5em; display: flex; } #controlContainer > div { width: 2em; } #controlContainer > div:hover { cursor: pointer; } #controlContainer #stopGallery, #controlContainer.stop #playGallery{ opacity: 0.5; } #controlContainer.stop #stopGallery, #controlContainer #playGallery{ opacity: 1 } @media screen and (max-width: 768px){ .grid-2-sm { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 450px){ .grid-12-xs { grid-template-columns: 1fr; } } /** @section Animate */ .animated { animation-duration: 1s; animation-fill-mode: both; opacity: 1; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeInUp { 0% { transform: translateY(70px); opacity: 0; } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeScale { 0% { opacity: 0; transform: scale(1.11) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .fadeScale { animation-name: fadeScale; } .reveal-effect { position: relative; } .fadeInRightSmall { animation-name: fadeInRightSmall; } @keyframes fadeInRightSmall { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftSmall { animation-name: fadeInLeftSmall; } @keyframes fadeInLeftSmall { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } } .reveal-effect { transition-property: transform; } .reveal-effect > * { position: relative; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .desktop .reveal-effect > * { opacity: 0; } .reveal-effect { transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .reveal-effect.animated { transform: translate(0, 0); } .reveal-effect.animated > * { opacity: 1; transition: .3s ease-out all; } .reveal-effect-1.animated > * { transition-delay: 1s; } .reveal-effect-2.animated > * { transition-delay: 1s; } .reveal-effect-3.animated > * { transition-delay: 1s; } .reveal-effect-4.animated > * { transition-delay: 1s; } .reveal-effect-5.animated > * { transition-delay: 1s; } .reveal-effect.animated * { animation-name: show-img-1; } .reveal-effect-1.animated * { animation-delay: .1s; } .reveal-effect-2.animated * { animation-delay: .2s; } .reveal-effect-3.animated * { animation-delay: .3s; } .reveal-effect-4.animated * { animation-delay: .4s; } .reveal-effect-5.animated * { animation-delay: .5s; } .reveal-effect:after { animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .reveal-effect:after { transform-origin: left top; transform: scale3d(0.05, 0, 0); animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect.masker:after { background-color: #ffffff; } .reveal-effect.masker-primary:after { background-color: #d90e90; } .reveal-effect.animated:after { animation-name: slide-bg-2; } .reveal-effect-1.animated:after { animation-delay: .1s; } .reveal-effect-2.animated:after { animation-delay: .2s; } .reveal-effect-3.animated:after { animation-delay: .3s; } .reveal-effect-4.animated:after { animation-delay: .4s; } .reveal-effect-5.animated:after { animation-delay: .5s; } /* SPLITTING */ .splitting .word, .splitting .char { display: inline-block; } .splitting .char { position: relative; } .animated .char { display: inline-block; animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; animation-delay: calc(6ms * var(--char-index)); } @keyframes texteffect { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; } } @keyframes slide-bg-2 { 33.3% { transform-origin: left top; transform: scale(0.05, 1); } 66.6% { transform-origin: left center; transform: scale(1, 1); } 66.7% { transform-origin: right center; transform: scale(1, 1); } 100% { transform-origin: right center; transform: scale(0, 1); } } /* End Mklb */ /* Start Animiate css */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.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.bounceIn, .animated.bounceOut { -webkit-animation-duration:.75s; animation-duration:.75s } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration:.75s; animation-duration:.75s } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060); animation-timing-function:cubic-bezier(.755,.050,.855,.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060); animation-timing-function:cubic-bezier(.755,.050,.855,.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 { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060); animation-timing-function:cubic-bezier(.755,.050,.855,.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060); animation-timing-function:cubic-bezier(.755,.050,.855,.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 { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name:flash; animation-name:flash } @-webkit-keyframes pulse { 0% { -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) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes pulse { 0% { -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) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes rubberBand { 0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } 30% { -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40% { -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50% { -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65% { -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75% { -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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 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) } 100% { -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) } 100% { -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 { 0% { -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) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes tada { 0% { -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) } 100% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .tada { -webkit-animation-name:tada; animation-name:tada } @-webkit-keyframes wobble { 0% { -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) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -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) } 100% { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes jello { 11.1% { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } 100% { -webkit-transform:none; transform:none } } @keyframes jello { 11.1% { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } 100% { -webkit-transform:none; transform:none } } .jello { -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20% { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40% { -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60% { opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80% { -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0) } 75% { -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 90% { -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0) } 100% { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0) } 75% { -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 90% { -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0) } 60% { opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0) } 75% { -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } 90% { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0) } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-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) } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0% { opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60% { opacity:1; -webkit-transform:translate3d(0,-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) } 100% { -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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px) } } @keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) } } .fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } } .fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) } } @keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } } .fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } } .fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig } @-webkit-keyframes flip { 0% { -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 } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -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 } 100% { -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 { 0% { -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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -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) } 100% { -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 { 0% { -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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -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) } 100% { -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 { 0% { -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 } 100% { -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0 } } @keyframes flipOutX { 0% { -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 } 100% { -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 { 0% { -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 } 100% { -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0 } } @keyframes flipOutY { 0% { -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 } 100% { -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 { 0% { -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 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -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 } 100% { -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 { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 } 100% { -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 } 100% { -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } .hinge { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } 100% { 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 { 0% { opacity:1 } 100% { 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 { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { 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 zoomInStable { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 33.333% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 66.666666% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes zoomInStable { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 33.333% { opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 66.666666% { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } .zoomInStable { -webkit-animation-name:zoomInStable; animation-name:zoomInStable } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name:zoomInDown; animation-name:zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name:zoomInUp; animation-name:zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 100% { opacity:0 } } .zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } .zoomOutRight { -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 100% { opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } 100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .slideInUp { -webkit-animation-name:slideInUp; animation-name:slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name:slideOutDown; animation-name:slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name:slideOutRight; animation-name:slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } @keyframes anime { from { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0) } to { opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1) } } @-webkit-keyframes anime { from { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0) } to { opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1) } } @-moz-keyframes anime { from { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0) } to { opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1) } } @-o-keyframes anime { from { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0) } to { opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1) } } @-ms-keyframes anime { from { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0) } to { opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1) } } /************/ .reveal{ position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease; } .reveal.active{ transform: translateY(0); opacity: 1; } /* End Animiate css */ /* Start Owl */ /* ======================================== Owl Carousel CSS File ========================================*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: inline-flex; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { padding: 0 15px; position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: inline-block; /*width: 100%;*/ -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* owl dot */ .owl-theme .owl-dots { display: none; text-align: left; padding-left: 4px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; background-color: transparent; border: 2px solid #fff; border-radius: 6px; margin: 4px 1px 10px 6px; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; } /* owl Next and Prev buttons */ .owl-theme .owl-controls .owl-nav div { background: transparent; text-align: center; display: block; outline: 0; width: 34px; text-align: center; line-height: 34px; height: 34px; color: #fff; top: 50%; font-size: 0; margin-top: -20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-theme .owl-controls .owl-nav div:hover { background: #ae4480c9; } .owl-theme .owl-controls .owl-nav div.owl-prev { position: absolute; top: 165px; right: 59px; display: block; } .owl-theme .owl-controls .owl-nav div.owl-prev:before, .owl-theme .owl-controls .owl-nav div.owl-next:before { font-family: FontAwesome; font-size: 30px; font-weight: 600; color: #2e2e2e; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-theme .owl-controls .owl-nav div.owl-prev:before { content: "\f104"; } .owl-theme .owl-controls .owl-nav div.owl-prev:hover:before, .owl-theme .owl-controls .owl-nav div.owl-next:hover:before { color: #fff; } .owl-theme .owl-controls .owl-nav div.owl-next { position: absolute; top: 165px; right: 20px; display: block; } .owl-theme .owl-controls .owl-nav div.owl-next:before { content: "\f105"; } .ttm-boxes-spacing-5px.owl-carousel .owl-item { padding-right: 2.5px; padding-left: 2.5px; margin-bottom: 5px; } @media (max-width: 1299px){ } @media (max-width: 1199px){ } @media (max-width: 991px){ } @media (max-width: 768px){ .owl-theme .owl-controls .owl-nav div.owl-prev { /* display: none !important; */ } .owl-theme .owl-controls .owl-nav div.owl-next { /* display: none !important; */ } } .ttm-boxes-spacing-10px.owl-carousel .owl-item { padding-right: 0px; padding-left: 0px; margin-top: 10px; } /* testimonial-slide */ .testimonial-slide.owl-theme .owl-controls .owl-dots { margin: 0 auto; text-align: center; padding-top: 20px; line-height: 1; } .testimonial-slide.owl-theme .owl-dots .owl-dot span { width: 12px; height: 10px; background-color: rgba(255, 255, 255,.1); transition: all 0.5s ease 0s; border: none; } .testimonial-slide.owl-theme .owl-dots .owl-dot.active span{ width: 27px; border-radius: 5px; background-color: #09162a; } .ttm-bgcolor-skincolor .testimonial-slide.owl-theme .owl-dots .owl-dot.active span, .ttm-bgcolor-darkgrey .testimonial-slide.owl-theme .owl-dots .owl-dot.active span{ background-color: #fff; } .testimonial-slide.owl-theme.ttm-bgcolor-white .owl-dots .owl-dot.active span{background-color: #e9e9e9!important;} /* project-slide */ .project-slide.owl-carousel .owl-item{padding: 0;} .project-slide.owl-theme .owl-dots .owl-dot span{ border: 2px solid #fff; width: 11px; height: 11px; margin: 0 5px; } .project-slide.owl-theme .owl-dots{ position: absolute; bottom: 10px; left: 0; right: 0; padding: 0; margin: 0 auto; text-align: center; } .project-slide.owl-theme .owl-dots .owl-dot.active span, .project-slide.owl-theme .owl-dots .owl-dot:hover span{background-color: #fff!important;} /************/ .ttm-row { padding: 70px 0 60px; } .ttm-row.bottomzero-padding-section.ttm-bgcolor-skincolor.ttm-bg.ttm-bgimage-yes.bg-img5.clearfix { margin-top: -61px; } .section-title.style2 { margin-bottom: 40px; } .section-title { position: relative; margin-bottom: 50px; } .section-title.style2 .title-header, .section-title.style2 .title-desc, .section-title.style2 .title-desc2 { display: table-cell; vertical-align: middle; } .section-title.style2 .title-header { width: 40%; padding-right: 50px; margin-bottom: 0; } .section-title.style2 .title-desc, .section-title.style2 .title-desc2 { display: table-cell; vertical-align: middle; } .section-title .title-desc { font-weight: 400; font-size: 20px; line-height: 25px; margin-bottom: 15px; color: #8a8a8a; padding-left: 1em; } .section-title .title-desc2 { font-weight: 400; font-size: 17px; line-height: 25px; margin-bottom: 15px; color:#b8b8b8; padding-left: 3em; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey { color: #1e2637 !important; border-color: #1e2637; } .section-title.style2 .title-header::after { content: ""; left: 13em; height: 90%; position: absolute; top: 10%; width: 1px; border-right-width: 1px; background-color: #cacfd7; } .clearfix::after { display: block; clear: both; content: ""; } /* =============================================== 13.featured-imagebox ( contents with image) ------------------------*/ .featured-imagebox .featured-thumbnail{position: relative;overflow: hidden;} /* Team */ .featured-imagebox-team{position: relative;overflow: hidden; margin: 0.5em;} .featured-imagebox-team:hover .featured-thumbnail img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .featured-imagebox-team.style1 .featured-content{ text-align: center; position: relative; z-index: 2; margin: -25px 30px 5px; padding: 18px 3px 22px; background-color: #fff; border-bottom: 5px solid transparent; -webkit-transition: .5s cubic-bezier(.3,.57,.55,1); transition: .5s cubic-bezier(.3,.57,.55,1); } .featured-imagebox-team .social-icons{ position: absolute; top: 0; left: -40px; right: auto; padding: 10px; margin-top: 0; opacity: 0; z-index: 9; background-color: #000; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; } .featured-imagebox-team ul.social-icons li{ display: block;line-height: 1.2em; font-size: 1em; font-weight: 500; margin-top: 0.5em; text-align: center;} .featured-imagebox-team ul.social-icons a { font-size: 14px; color: #fff; position: relative; } .featured-imagebox-team:hover .social-icons{opacity: 0.7;left: 0;width: 100%;color: #fff; font-weight: 700; font-size: 1.1em; height: 40%; top: 64%; z-index: 1;} .featured-imagebox-team .featured-content p.category{ margin-bottom: 0; color: inherit;letter-spacing: -0.03em;line-height: 1.4em; } /* style2 */ .featured-imagebox-team.style2 .ttm-box-view-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; text-align: center; opacity: 0; transition: opacity .5s; background: linear-gradient(to bottom,rgba(4,62,76,0) 0%,rgba(38,48,69,.9) 100%); transition-property: top,opacity; } .featured-imagebox-team.style2:hover .ttm-box-view-overlay{opacity: 1;} .featured-imagebox-team.style2 .featured-content{ position: absolute; transition-duration: 0.5s; transform: translateY(130px); color: #fff; text-align: center; top: 0; left: 0; right: 0; } .featured-imagebox-team.style2:hover .featured-content{ top: 50px; } .featured-imagebox-team.style2 .featured-title h5 a{color: #fff;} .ttm-bgcolor-darkgrey .ttm-btn:hover.btn-inline.ttm-btn-color-skincolor{ background-color: transparent; color: #fff; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey{ /*color: #1e2637!important; border-color: #1e2637;*/ color: #c62a73 /*iman*/ !important; padding: 12px 20px; border: 1px solid #c62a73 /*iman*/; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover{ background-color: #c62a73 /*iman*/; color: #fff !important; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-white{ color: #fff!important; border-color: #fff; padding: 12px 20px;/*iman*/ border: 1px solid #eee /*iman*/; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover{ background-color: #c62a73; /*iman*/ color: #fff !important;/*iman*/ } .ttm-btn.ttm-btn-style-border.ttm-btn-color-green{ color: #fff!important; border-color: #fff; padding: 12px 20px; border: 1px solid #8f9390; background-color: #ff5a3c; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-green:hover{ background-color: #fcc30b; /*iman*/ color: #fff !important;/*iman*/ } .ttm-btn.ttm-btn-style-border.ttm-btn-color-green i{color: #fff!important;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-fuccia{ /*color: #1e2637!important; border-color: #1e2637;*/ color: #fff !important; padding: 12px 20px; background-color: #c62a73 /*iman*/; border: 1px solid #fff; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-fuccia:hover{ background-color: #f6ba42;color: #fff !important;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-orange{ color: #fff !important;padding: 12px 20px; background-color:#2553a8;border: 1px solid #fff;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-orange:hover{ background-color: #ff5a3c; color: #fff !important;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-yellow{ color: #fff !important;padding: 12px 20px; background-color:#f6ba42;border: 1px solid #fff;color: #333 !important;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-yellow:hover{ background-color: #ff5a3c; color: #fff !important;} .ttm-btn.ttm-btn-style-border.ttm-btn-color-yellow2{ /*color: #1e2637!important; border-color: #1e2637;*/ color: #ff5a3c /*iman*/ !important; padding: 12px 20px; border: 1px solid #ff5a3c /*iman*/; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-yellow2:hover{ background-color: #ff5a3c /*iman*/; color: #ff5a3c !important; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-default { color: #da488d !important; padding: 12px 20px; background-color: #fff; border: 1px solid #fff; } .ttm-btn.ttm-btn-style-border.ttm-btn-color-default:hover{ background-color: #d5d4d4 !important; color: #fff !important; } /**************************/ .ttm-row section { display: block; } .featured-imagebox-team .social-icons { background-color: #2d4a8a; } .featured-imagebox-team .social-icons { position: absolute; top: 0; left: -40px; right: auto; padding: 10px; margin-top: 0; opacity: 0; z-index: 9; background-color: #043d72; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; } .social-icons { list-style: none; margin: 0; margin-top: 0px; padding: 0; font-size: 15px; } .featured-imagebox-team.style1:hover .featured-content { border-color:#f6ba42 !important; /*border-color: #ff5a3c !important;*/ } .featured-title h5 { font-size: 18px; line-height: 26px; margin-bottom: 0px; } .featured-title h5:hover {color:#2d4a8a;} @media (min-width: 768px){ .text-md-right { text-align: right !important; } } /******** .neighbour-apartments-img img { height: 470px; }*/ /********* Discover ************/ .portfolio-area { position: relative; padding: 4em; z-index: 2; } .portfolio-area::before { min-height: 600px; height:100% !important; content: ""; height: 40%; width: 100%; left: 0; top: 0; z-index: -2; background-color: #132e6b; position: absolute; /* background-image: radial-gradient(circle, rgba(255, 255, 255, 0.05) 20%, transparent 10%), radial-gradient(circle, rgba(255, 255, 255, 0.05) 20%, transparent 10%);*/ background-size: 10px 10px; background-position: 0 0, 0 0; } .grey-color { color: #bfb9b9 !important;} .yellow { color: #f6ba42 !important;} .portfolio-wrapper { position: relative; overflow: hidden; border-radius: 4px; } .portfolio-wrapper .portfolio-content { width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, black 100%); padding: 54px 40px; opacity: 0; transition: all ease-out 0.25s; } .portfolio-wrapper .portfolio-content h4, .portfolio-wrapper .portfolio-content .custom-badge { transform: translateY(20px); opacity: 0; transition: all ease-out 0.25s; } .portfolio-wrapper .portfolio-content h4 { font-size: 25px; line-height: 30px; font-weight: bold; margin-top: 18px; } .portfolio-wrapper .portfolio-content h4 a { color: #fff; text-decoration: none; } @media only screen and (max-width: 991.98px) { .portfolio-wrapper .portfolio-content h4 { font-size: 27px; line-height: 36px; } } .portfolio-wrapper .portfolio-img img { width: 100%; transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s; } .portfolio-wrapper:hover .portfolio-content { opacity: 1; } .portfolio-wrapper:hover .portfolio-content h4, .portfolio-wrapper:hover .portfolio-content .custom-badge { transform: translateY(0); opacity: 1; transition: all ease-out 0.35s; color: #f6ba42; } .portfolio-wrapper:hover .portfolio-content h4 { transition-delay: 0.1s; } .portfolio-wrapper:hover .portfolio-img img { transform: scale(1.1); } .portfolio-wrapper.active-text .portfolio-content { opacity: 1; } .portfolio-wrapper.active-text .portfolio-content h4, .portfolio-wrapper.active-text .portfolio-content .custom-badge { transform: translateY(0); opacity: 1; } .portfolio-menu button, .portfolio-menu a { background-color: transparent; border-color: transparent; color: #fff; padding: 4px 15px; display: block; margin: 5px; } .portfolio-menu button:hover, .portfolio-menu a:hover { text-decoration: none; } .portfolio-menu button.active, .portfolio-menu a.active { background-color: rgba(255, 255, 255, 0.12); } .menu-dark.portfolio-menu button, .menu-dark.portfolio-menu a { color: #798191; font-weight: 600; } .menu-dark.portfolio-menu button.active, .menu-dark.portfolio-menu a.active { background-color: #3d72fc; color: #fff; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .text-white { color: #fff !important; } div.discover { display: none; position: relative; top: 3em; left: 0; padding: 0; } div.discover { display: none; position: relative; top: 0; left: 0; padding: 0; } .discover ul { padding-left: 0;} .discover figure, .discover ul li { margin: 0;} .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } /* Activities */ .pb-90 { padding-bottom: 5.625rem;} .w-100 { width: 100% !important;} .col-md-4 { flex: 0 0 auto; width: 33%;} /*===== Sec Title Style 1 =====*/ .sec-title-inner { position: relative; z-index: 1;} .sec-title-inner > h2 { font-size: 4.375rem; /* font-weight: 800; letter-spacing: -3.5px;*/ position: relative; } .sec-title-inner > h2 + span {margin-top: -5px;} .sec-title-inner > span { color: #8b8b8b; font-size: 1.0625rem;} .sec-title-inner > h2 i { font-style: normal; color: #ecebeb; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; font-size: 9.5625rem; font-weight: 700; opacity: .65; } .fixed-bg + div .sec-title-inner > h2 i {color: #fff;} .bg-color34 .sec-title-inner > h2 i {color: #273054;} .sec-title.style2 .sec-title-inner > h2 {font-size: 3.75rem;} .position-relative { position: relative !important;} .overflow-hidden { overflow: hidden !important;} .post-style3 > i { left: 0; bottom: 0; opacity: 0; top: 80%; } .bg-color27 { background-color: #16bcbf;} .bg-color8 { background-color: #442a72;} .bg-color28 { background-color: #026fa0;} .bg-color29 { background-color: #80d77a;} .bg-color1 { background-color: #eaae37f2;} .bg-color2 { background-color: #f6ba42;}/*#2197bb*/ .bg-color3 { background-color: #c62a73 ;} .bg-color4 { background-color: #e8563b;} .bg-color5 { background-color: #164ca2;} .bg-color6 { background-color: #ff5a3c;} .w-100 { width: 100% !important;} .position-absolute { position: absolute !important;} .mrg > div { padding: 0;} /*===== Blog Style 3 =====*/ .post-style3 > i { left: 0; bottom: 0; opacity: 0; top: 80%; } .post-style3:hover > i { opacity: .7; top: 0;} .post-info3 { left: 0; bottom: 0; z-index: 1; padding: 1.5em 1.5em 0 2em; -webkit-transform: translateY(36.5%); -ms-transform: translateY(36.5%); -o-transform: translateY(36.5%); transform: translateY(36.5%); } .post-info3 > h3 { color: #fff; font-size: 1.35em; line-height: 3.125rem; max-width: 90%; } .post-info3 > i { top: 0; bottom: 0; left: 0; z-index: -1; opacity: .95; } .post-info3 > p { color: #fff; font-size: 1em; line-height: 1.75rem; max-width: 90%; opacity: 0; } .post-info3 .post-meta { padding: 0; -webkit-border-radius: 0; border-radius: 0; } .post-info3 > h3 + .post-meta {margin-top: 0.625rem;} .post-info3 > h3 a:hover, .post-info3 > h3 a:focus { color: #fff; opacity: .8; } .post-info3 .post-meta + p {margin-top: 0.875rem;} .post-info3 > p + a {margin-top: 1.25rem;} .post-info3 > a { display: inline-block; font-size: 1.75rem; color: #fff; opacity: 0; } .post-info3 > a:hover, .post-info3 > a:focus {opacity: .8;} .post-style3:hover .post-info3 > p, .post-style3:hover .post-info3 > a {opacity: 1;} .post-style3:hover .post-info3 > i { opacity: 1; bottom: -100%; } .post-style3:hover .post-info3 { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .post-meta { display: inline-block; color: #fff; padding: 0.84375rem 0.9375rem; font-size: 14px; text-transform: uppercase; font-weight: 600; font-family: Montserrat; } .post-style3.position-relative.overflow-hidden.w-100 { max-height: 400px; } /********* About Tabs ****************/ .ttm-bgcolor-skincolor > .ttm-bg-layer{background-color: #2d4a8a;} /*iman */ h4.text-theme-colored { color: var(--ltn__secondary-color); font-size: 1.45em; } /*** iman from here to the end **/ .bg-color31 { background-color: #1aac53; } .bg-color32 { background-color: #0089bc; } .w-100 { width: 100% !important; } .mid-container { max-width: 85.625rem; width: 100%; margin-right: auto; margin-left: auto; } .fixed-bg { background-attachment: scroll; background-size: cover; background-position: center; height: 100%; width: 100%; margin: 0; position: absolute; left: 0; top: 0; z-index: -2; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } /*===== Services Style 4 =====*/ .srv-info4 {padding: 2.125rem 3rem;} /*iman*/ .srv-info4 > h3 { font-size: 1.5em; color: #fff; margin-bottom: 0.3em !important; } .srv-info4 > h3 + p {margin-top: 1.25rem;} .srv-info4 > h3 a:hover { color:#060f1c;} .srv-info4 > p { font-size: 1rem; color: #fff; } .srv-info4 > p + a {margin-top: 1.875rem;} .srv-info4 > a { height: 3rem; line-height: 3rem; text-align: center; width: 3rem; color: #fff; background-color: rgba(0,0,0,.2); font-size: 1.5rem; position: relative; left: 91%; top: -45%; } .d-inline-block:hover {background-color:#ee3364;} .srv-info4.w-100.top { padding-top: 1.8em;} .srv-info4.w-100.bottom {padding-bottom: 1.65em; padding-top: 1.8em;} .srv-info4 {text-align: center;} /***** popup video******/ /**********/ @media (max-width: 991px){ .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 0; padding-left: 0;} .col-lg-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .pb-100 { padding-bottom: 10px;} .pb-50 { padding-bottom: 30px;} .pt-80 { padding-top: 40px;} p { color: var(--ltn__paragraph-color); margin-bottom: 1em;} .spacing-5 { padding: 30px 0px 30px 0; padding-left: 0px;} .p-l-3 { padding-left: 2em !important;} #scrollUp i { line-height: 40px;} #scrollUp { height: 40px; width: 40px;} .apply { text-transform: uppercase; font-size: 1em !important;} /*program*/ .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { width: 100%;} .flexRow {display: block;} .twoBLockSection .innerWrap { padding: 40px 30px;} .aboutSection .programFinder .programFinderLeft, .aboutSection .programFinder .programFinderRight {width: 100%;} .aboutSection h4 { text-align: center;font-size: 1.8em;} .detailWrap p { font-size: 1em; margin-top: 0;} .apply { margin-top: 0.5em;} /*latest */ .tab-content .text-md-center { margin: 10px 2em;} .col-xs-12 { width: 100%;} .themetechmount-box-blog.themetechmount-blog-box-view-left-image .post-item {display: block;} .post-item .col-md-4 { width: 100%;} .themetechmount-box-blog .themetechmount-box-content h4 {font-size: 16px;} .themetechmount-box-blog .entry-header { margin-left: 55px;} .tm-post-left .themetechmount-post-date-wrapper {font-size: 25px;} .themetechmount-box-blog .tm-post-left, article.themetechmount-box-blog-classic .tm-post-left { width: 65px; left: 18px;} .themetechmount-box-blog.themetechmount-blog-box-view-right-image .themetechmount-box-content, .themetechmount-box-blog.themetechmount-blog-box-view-left-image .themetechmount-box-content { width: 100%;} .tm-featured-wrapper.tm-post-featured-wrapper, .themetechmount-box-topimage .tm-featured-wrapper.tm-post-featured-wrapper {height: 200px;} .gt-columns.gt-column-3 > .gt-col { width: 100%; } .gt-event-style-3 .gt-title { font-size: 1.05em; line-height: 1.2;} .gt-columns > .gt-col > .gt-inner { padding: 0 5px 0px;} .tab-content .btn {font-size: 14px;} .gt-event-style-3 .gt-text {font-size: 0.97em;} .nav .ltn__tab-menu a { padding: 15px 25px; font-size: 16px;} /* our people*/ .section-title.style2 .title-header { width: 100%; display: block; margin-bottom: 10px; padding-right: 0;} .section-title h2.title { font-size: 29px !important; line-height: 36px;} .section-title.style2 .title-header:after { position: unset;} h5.yellow {font-size: 1.1em;} .featured-imagebox-team ul.social-icons li {font-size: 0.9em; letter-spacing: -0.03em;} .ttm-row { padding: 30px 10px !important; } .ttm-row.zero-padding-section, .ttm-row.map-section, .ttm-row.our-client-section, .ttm-row.our-partner-section{padding: 0 0 !important;} .ttm-row.bottomzero-padding-section, .ttm-row.aboutus-section-style2{padding-bottom: 0 !important;} .ttm-row.first-row-title-section, .ttm-row.second-row-title-section{padding-top: 80px !important;padding-bottom: 80px !important;} .ttm-row.services-section, .ttm-row.only-testimonial-section, .ttm-row.grid-section{padding-bottom: 20px !important;} .ttm-row.price-text-section { padding-bottom: 110px !important;} .ttm-row.services-slide-section { padding-bottom: 270px !important;} .ttm-row.contact-box-section{padding-top: 75px !important; padding-bottom: 0px !important;} .ttm-row.project-single-section{padding-bottom: 30px !important;} .ttm-row.fid_2-section { padding: 35px 0 !important; } .ttm-row.client-section { padding: 0 0 !important; } .section-title .title-desc, .section-title .title-desc2 { padding-left: 0;} .owl-carousel { display: block; padding: 0.5em;} .featured-imagebox-team .featured-content p.category { font-size: 1em;padding: 0.3em;text-align: center;line-height: 1.3em;} .featured-imagebox-team.style1 .featured-content { padding: 18px 3px 10px;} .text-md-center { margin: 10px 4em;} .ttm-row.bottomzero-padding-section.ttm-bgcolor-skincolor.ttm-bg.ttm-bgimage-yes.bg-img5.clearfix { margin-top: 0;} .ttm-row .container > .row, .ttm-page-title-row .container > .row, footer .container .row, .element-row .container > .row, .sidebar .container > .row { margin: 0;} .ttm-box-col-wrapper.col-lg-4.col-md-6.col-sm-6 { max-width: 100%; display: block; flex: 0 0 100%;} /* about*/ .quote-paragraph { padding: 0; } .service-box li:first-child { padding-right: 10px; margin-right: 10px;} .about-info > i {line-height: 2.5em;} .btn { padding: 10px 20px;} .text-md-right.mt-30 { margin-bottom: 0.7em;} .pb-140 { padding-bottom: 20px;} .mt-30 { margin-top: 10px;} /*research*/ .sec-title4 { padding: 0 10px;} .faq-wrapper { position: relative; margin-top: -3em;} .acc-kontainer label { padding-left: 2.5em !important;} .acc-kontainer .accordion-item:before {left: 3em;} .acc-kontainer input:checked ~ .acc-body {padding: 5px 35px;} .acc-kontainer label:before {left: 1em;} .acc-kontainer label {font-size: 18px;padding: 12px;} .box-cta-call { padding: 30px;} .section-padding { padding: 80px 0px 20px;} /*centers*/ .ttm-row.bottomzero-padding-section { padding: 50px 0px !important;} .row.ttm-boxes-spacing-10px { padding: 0;} /*discover*/ .portfolio-area {padding: 3em;} .post-info3 {padding: 1.5em 1.5em 0 1em;bottom: -35px;} .post-info3 > h3 {line-height: 2rem;max-width: 100%;text-align: center;} .post-info3 > p { font-size: 1em; line-height: 1.4em; max-width: 100%;} .post-info3 > p {padding-top: 1em; text-align: center;} .post-style3.position-relative.overflow-hidden.w-100 { max-height: 300px;} .row.mrg { padding-bottom: 2em;} .row.portfolio-list { margin-left: -30px; margin-right: -30px;} .section-title .title-desc { font-size: 16px;line-height: 22px;} .works ul li {width: 100%;} .works ul li figure figcaption small {font-size: 15px;} .works ul li figure figcaption {padding: 3em 0.5em;} .mt-30 { margin-top: 10px;} .discover .text-md-center { margin: 10px 1em;} .portfolio-wrapper .portfolio-content { padding: 30px 20px;} .discover .portfolio-wrapper .portfolio-content h4 { font-size: 22px; line-height: 28px;} .kf_cur_catg_capstion { padding-left: 0;padding-right: 0;} .kf_cur_catg_capstion h5 {text-transform: capitalize;} /* partners*/ .box-paginacao .vitrine1, .box-paginacao .vitrine2, .box-paginacao .vitrine3, .box-paginacao .vitrine4 { height: 350px; margin-bottom: 60px;} .box-paginacao .box-vitrines { height: 380px;} .box-paginacao ul li { height: auto;line-height: 45px;} .box-paginacao ul{margin: 5px 10px;} .btn-paginacao {left: 80%;} .btn-paginacao ul li { margin-bottom: 10px;} .box-vitrines img { width: 80%;} /******* Sustainable **********/ .ltn__neighbour-tab-wrap .ltn__tab-menu-4 { position: inherit; margin-bottom: 30px; left: inherit; bottom: inherit;} .ltn__gallery-filter-menu button, .ltn__tab-menu a { padding: 15px 25px; font-size: 14px; } .ltn__tab-menu-top-right { position: initial; } .ltn__tab-menu-3 { margin-top: 0; } .ltn__tab-menu-3 a { padding: 1px; margin-right: 20px; } .ltn__tab-menu-4 a {padding: 0; } .ltn__tab-menu-4 a.active { padding: 0; } .ltn__tab-menu-4 a { border: 4px solid #fff;} /* ranking */ .srv-info4 { padding: 2rem;} /* facts */ .inside h4 { margin-bottom: 0; padding-bottom: 0; font-size: 25px; line-height: 35px; color: #fff;} } /**************/ @media (max-width:576px) { #menuToggle { width: 60px;} .col-sm-8 { width: 70%;} .col-sm-6 { width: 50%;} .col-sm-12 { width: 100%;} .top-bar-right { width: fit-content;} /*.burg-nav { left: 40%;}*/ .section-title.style2 .title-header { width: 100%;} .section-title.style2 .title-header, .section-title.style2 .title-desc, .section-title.style2 .title-desc2 { display: block; } .owl-carousel { display: block; padding: 0.5em;} .section-title .title-desc { padding-left: 0;} /* header*/ .ltn__top-bar-menu > ul > li {margin: 0 ;} .burg-nav { width: 6%; left: 10%;top: 2em;} #menuToggle { padding: 0.6em 0.2em 0.4em; border-radius: 5px;} .aast-logo { width: 77%;left: 0%; top: 2em;} .ltn__header-top-area { background-color: #132b61; padding: 15px 0; } .top-bar-right { margin-top: 1em !important; width: 100%;} } /* owl Next and Prev buttons */ .owl-theme .owl-controls .owl-nav div { background: transparent; text-align: center; display: block; outline: 0; width: 34px; text-align: center; line-height: 34px; height: 34px; color: #fff; top: 50%; font-size: 0; margin-top: -20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-theme .owl-controls .owl-nav div:hover { background: #ae4480c9 !important; } /* End Owl */ /* Start Top bar */ .row2 { background-color: #132b61; border: none; padding: 4px 17px; margin: 0; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .row > * { /* flex-shrink: 0; */ /* width: 100%; max-width: 100%; */ margin-top: var(--bs-gutter-y); } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px; position: relative; } .auto-container { width: 90%; display: block; float: none; margin: auto; } label:hover, a:hover { color: #ddd; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } .section-bg-6 { background-color: #132b61; } li { list-style-type: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out; } .flex-column { flex-direction: column !important; } .ltn__top-bar-menu > ul > li > i, .ltn__top-bar-menu > ul > li > a > i { margin-right: 3px; color: var(--ltn__secondary-color); } .ltn__drop-menu > ul > li, .header-wishlist a { font-size: 20px; } .ltn__drop-menu > ul > li { display: inline-block; position: relative; } .ltn__drop-menu li { margin-top: 0; } .ltn__top-bar-menu .ltn__currency-menu .active-currency { font-size: 14px; font-weight: 700; } .ltn__top-bar-menu > ul { padding: 0; margin: 0; } .ltn__language-menu .dropdown-toggle { padding-right: 10px !important; position: relative; } img { max-width: 100%; } dl, ol, ul { padding-left: 0px; } .text-right { text-align: right; } .ltn__language-menu .dropdown-toggle::before { content: "\e939"; font-size: 12px; position: absolute; top: 55%; right: -9px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'icomoon'; color: #f9b702; } *, ::after, ::before { box-sizing: border-box; } .ltn__drop-menu > ul > li > a { display: block; text-decoration: none; padding: 0 10px; height: 40px; line-height: 40px; } .dropdown-toggle { white-space: nowrap; } .ltn__top-bar-menu > ul > li > i, .ltn__top-bar-menu > ul > li > a > i { margin-right: 3px; color: #f9b702; font-size: 0.85em; font-weight: normal; } .ltn__top-bar-menu > ul > li { list-style: none; display: inline-block; margin: 0 15px 0 0; font-size: 14px; font-weight: 700; color: #fff } .ltn__drop-menu ul li:hover > ul { top: 100%; opacity: 1; visibility: visible; } .ltn__currency-menu ul li ul { min-width: max-content !important; } .ltn__drop-menu > ul > li:hover > a { color: #fff; } .ltn__drop-menu ul li ul li a { color: inherit; font-weight: 500; font-size: 15px; } .section-bg-6 span { font-weight: 600; } .ltn__drop-menu ul li ul { position: absolute; min-width: 150px; right: 0; background-color: #fff; z-index: 999; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border-top: 1px solid #ececec; top: 130%; padding: 7px 0; margin: 0; -webkit-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; -o-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s; opacity: 0; visibility: hidden; } .ltn__drop-menu { display: inline-block; text-align: left; } .ltn__drop-menu ul { margin-bottom: 0; } .ltn__drop-menu ul li ul li { display: block; padding: 0px 0.5em; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500; } .ltn__top-bar-menu > ul > li:last-child { margin-right: 0; } img.flag { width: 18px; display: inline-block; padding-left: 2px; } .ltn__drop-menu ul li i { font-size: 0.7em; font-weight: 500; color: #ffc107; } .ltn__header-area { z-index: 9; position: relative; } .ltn__header-top-area { border-bottom: 1px solid; border-color: var(--border-color-3); } .ltn__header-top-area .ltn__social-media ul li { font-size: 14px; margin: 0 10px 0 0; } .top-area-color-white { background-color: #fff; } .top-area-color-white p, .top-area-color-white a, .top-area-color-white li, .top-area-color-white .welcome p, .top-area-color-white .welcome a, .top-area-color-white .ltn__drop-menu > ul > li > a, .top-area-color-white .ltn__drop-menu > ul > li:hover > a { color: var(--white); } .ltn__header-top-area .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /******************************max-1250px**********************/ @media (max-width: 1250px) { .ltn__top-bar-menu > ul > li { font-size: 12px; } .auto-container { width: 100%; } ol, ul { padding-left: 1rem; } } /******************************max-991px**********************/ @media (max-width: 991px) { .txt-991-center { text-align: center; } .ltn__drop-menu ul { margin-bottom: 0; padding-left: 0 !important; } .ltn__top-bar-menu > ul > li { font-size: 11px; display: contents; } .ltn__drop-menu.ltn__currency-menu.ltn__language-menu ul { padding-left: 0; } .ltn__drop-menu ul li ul li a { font-size: 13px; } .ltn__drop-menu ul li i { font-size: 0.5em; } .col-md-4, .col-md-5 { width: 100% !important; } } /******************************min-768px**********************/ @media (min-width: 768px) { .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } } /******************************max-768px**********************/ @media (max-width: 768px) { .row2 .col-md-2 { width: 100%; } li.DeskTopLogo { display: none !important; } a.aast-mobile { display: block; width: 100%; display: inline-table; } a.aast-mobile img { display: block; width: 70%; float: left; margin: auto; } .ltn__header-top-area { text-align: center; } .ltn__header-top-area .ltn__social-media ul li { font-size: 12px; margin: 0 5px 0 0; } .ltn__top-bar-menu .ltn__currency-menu .active-currency, .ltn__top-bar-menu > ul > li { font-size: 11px; } .ltn__drop-menu > ul > li { position: inherit; } .ltn__drop-menu > ul > li > a { height: 20px; line-height: 20px; } .ltn__drop-menu ul li ul { left: 50%; right: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .top-bar-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-logo { min-width: 100px; width: 100%; } } /******************************max-576px**********************/ @media (max-width:576px) { .col-sm-8 { width: 70%; } .col-sm-6 { width: 50%; } .col-sm-12 { width: 100%; } .top-bar-right { width: fit-content; } #menuToggle { padding: 0.6em 0.2em 0.4em; border-radius: 5px; } .aast-logo { width: 50%; left: 0%; top: 2em; } .ltn__header-top-area { height: 150px; background-color: #132b61; } .top-bar-right { margin-top: 5em; } .ltn__top-bar-menu > ul > li { margin: 0; } .col-sm-12 { width: 100% !important; } } /* End Top bar */ /* Start Main Menu */ /* body.body--lock { overflow-y: hidden; } */ .absolute { position: absolute; } .inherit { position: inherit; } .float-right { float: right; } .mobile--overlay_content { font-family: 'Nunito Sans', sans-serif; } .mobile--overlay_content > ul li, .mobile--overlay_content > ol li { margin-top: 0; } #NavMobile li { margin-top: 0 !important; } #NavMobile a.nav-link { padding: 0 !important; } span.open--menu { cursor: pointer; z-index: 9999; } div#Overlay:after { background: #04152e82; width: 100%; content: ''; height: 100%; position: absolute; right: 0; } /****************Start hamburger__line****************/ .hamburger__line { background: #f6ba42; height: 0.25rem; width: 1.7rem; display: block; margin: 4px auto 0; transition: all 0.2s; z-index: 3; } .hamburger__line-active { background: white; position: inherit; z-index: 999999999; } .hamburger__line-active:nth-child(1) { transform: rotate(45deg); position: relative; } .hamburger__line-active:nth-child(2) { display: none; } .hamburger__line-active:nth-child(3) { transform: rotate(-45deg); top: -10px; position: relative; } /****************End hamburger__line****************/ /****************Start Quick links****************/ ul.quickLinks2 { display: inline-flex; color: #fff; background: #060f2f; position: absolute; z-index: 99999; bottom: 0%; border-top: 1px solid #ffffff6b; width: 100%; padding: 20px 10px; height: 90px; left: 0; margin-bottom: 0; margin-top: revert; line-height: 50px; } ul.quickLinks2 li { padding-left: 30px; } .quickLinks2 span { color: #6c757d; font-size: 23px; font-weight: bold; } .quickLink2 { display: inline; } .quickLinks2 li { display: table-cell; padding-left: 33px; } .quickLinks2 li a { font-size: 22px; font-weight: bold; color: #fff; text-decoration: none; } .quickLinks2 i { padding-left: 15px; } /*******************End Quick Links**************/ #NavMobile { display: block; width: 26%; overflow-y: scroll; height: 70%; } #NavMobile .nav { display: flow-root; padding-left: 0; margin-bottom: 0; list-style: none; } #NavMobile a.nav-link { padding: 0; display: inline-block; } .mobile--overlay { height: 0%; width: 100%; position: fixed; z-index: 999; right: 0; top: 0; overflow-y: hidden; opacity: 1; background: #000a40; } h3.level3_Title { font-weight: 600; } div#level3 h4, #level3 h5 { color: #ffc107; font-size: 16px; } div#Overlay { position: absolute; width: 100%; height: 100%; z-index: -1; /* background: #000a40;*/ background-size: cover !important; background: url("../img/main-menu/t12.webp"); transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; background: #040b1edb; } .mobile--overlay_height { height: 100%; } #level3 { height: 65%; /* overflow-y: scroll;*/ overflow-x: hidden; position: absolute; left: 61%; width: 35%; z-index: 99; top: 140px; scrollbar-width: thin; } span.reverse { display: none; } #level3 > ul.submenu.dropdown-menu { display: block !important; } #NavMobile ul.submenu a { font-size: 20px; color: #fff; font-weight: bold; } div#Overlay i.fa.fa-long-arrow-left { color: #fff; border: 1px solid; padding: 7px; border-radius: 100px; font-weight: 300; } div#Overlay .left a { text-decoration: none; font-size: 1em; } div#Overlay i.fa.fa-long-arrow-left { display: none; } /*****************Hover Images*******/ #level3 .col-md-6 { padding: 0; overflow: hidden; width: 43%; margin: 3%; } #level3 figure { width: 100%; overflow: hidden; position: relative; display: inline-block; vertical-align: top; } #level3 figcaption div:after { position: absolute; content: ""; left: 0; right: 0; bottom: 40%; text-align: center; margin: auto; width: 0%; height: 2px; background: #2c3e50; } #level3 figure img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #level3 figure:hover figcaption { background: rgba(255, 255, 255, 0.3); } #level3 figcaption:hover div { opacity: 1; top: 0; } #level3 figcaption:hover div:after { width: 50%; } #level3 figure:hover img { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } /*****************sub***************/ .sidebar i.icon-next { color: grey; font-size: 15px; transition: all 0.45s ease-in-out; margin-left: 2%; } .sidebar i.fa-solid.fa-angle-right { color: grey; font-size: 22px; transition: all 0.45s ease-in-out; margin-left: 2%; } .sidebar li.active > i.fa-solid.fa-angle-right { transition: all 0.45s ease-in-out; } .sidebar li.active > .submenu a:hover i.fa-solid.fa-angle-right, .sidebar li.active > .submenu a:hover i.icon-next { color: #fff; transition: all 0.45s ease-in-out; } .submenu li:hover i.icon-next { color: #fff; } #NavMobile li.nav-item > a:hover, #NavMobile li.nav-item > a:hover i { color: #fff !important; } #level3 > ul.submenu { height: 75%; scrollbar-width: thin; position: absolute; left: 0%; width: 100%; margin-top: 0px; overflow-x: hidden; top: 0 !important; } .mobile { display: none; } div#level3 i { padding: 10px; color: #fff; background-color: #656f77; border-radius: 40px; transition: 0.45s all ease-in-out; margin-right: 15px; margin-left: 0; } div#level3 i:hover { padding: 10px; color: #000; background-color: #fff; border-radius: 40px; transition: 0.45s all ease-in-out; } #level3 h5 { font-size: 16px; } #level3 > i.fa.fa-arrow-left.fa-solid { display: none; } /****************************max-width 1200px*************************/ @media (max-width: 1200px) { #NavMobile li.nav-item a { font-size: 22px !important; text-align: left; } #NavMobile li.nav-item { text-align: left; line-height: 2.5; } #NavMobile ul.submenu a { font-size: 17px !important; color: #fff; } #NavMobile .sidebar i { font-size: 15px !important; } .sidebar i.fa-solid.fa-angle-right { font-size: 17px; } } /****************************max-width 992px*************************/ @media (max-width: 991px) { .sidebar i.icon-next, .sidebar i.fa-solid.fa-angle-right { transition: all 0.45s ease-in-out; margin-left: 1% !important; } .sidebar i { font-size: 13px !important; } .mobile--overlay_content { height: 100%; line-height: 65px; } #NavMobile li.nav-item { line-height: 2.5; } img.logoOverlay { display: block; padding: 8px 0px 0 8px; } #level3 > ul > li { line-height: 2.5; border-bottom: 1px solid #464a4f; } div#level3 p { color: #abc4d1; line-height: 1.3; font-size: 16px; width: 94%; text-align: left; margin-bottom: 0.7em; } #level3 .col-md-6 { padding: 0; overflow: hidden; width: 43%; } .ltn__drop-menu > ul > li ul li { margin-right: 7px !important; } body.body--lock { overflow: hidden; } .txt-991-center { text-align: center; } .mobile { display: block; width: 70%; margin: auto; } ul.quickLinks2 { position: initial; height: 50px; } .sidebar li.nav-item > a { font-weight: bold; } .sidebar li.nav-item.active > a { display: inline-block; position: relative; color: #0087ca; } #NavMobile li.nav-item .active > a { color: #ffc107 !important; } .sidebar i.fa-solid.fa-angle-right { font-size: 17px; } .sidebar li.nav-item.active > a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1.7px; bottom: 2px; left: 0; background-color: #fdc236; transform-origin: bottom right; transition: transform 0.25s ease-out; } .sidebar li.nav-item.active > a:after { transform: scaleX(1); transform-origin: bottom left; } #NavMobile ul li, #NavMobile ol li { margin-top: 10px; } #NavMobile i.fa.fa-long-arrow-left { display: inline-block; width: 40px; height: 40px; } #NavMobile li.nav-item a { font-size: 19px !important; text-align: left; font-weight: bold; } #level3 h3 { display: inline-block; } .sidebar .submenu, .sidebar .dropdown-menu { visibility: visible !important; } #NavMobile p { color: #abc4d1; line-height: 1.3; font-size: 16px; text-align: left; margin-bottom: 0px; display: flex; } #NavMobile .grey a { color: #fff !important; } nav.sidebar { height: auto !important; padding-top: 40px !important; padding: 40px 30px 0px 30px; } span#Menu, .close { display: none !important; } .mobile--overlay_content:before, .mobile--overlay_content:after { display: none; } .aast-logo { position: inherit !important; top: 3.5em; z-index: 1; left: 65%; width: 60% !important; display: none; } #NavMobile { display: block; width: 100%; overflow-y: auto; height: max-content; } .none { display: none !important; } #NavMobile a { color: #fff; font-size: 15px; } .position-visible { position: absolute; top: 70px; left: 70px; z-index: 999999 } .position-invisible { position: absolute; top: 70px; z-index: -1; } .mobile--overlay_content { height: 100%; } nav.sidebar { height: 100%; overflow-y: scroll; } .quickLinks2 span { font-size: 15px; } .sidebar .submenu, .sidebar .dropdown-menu { position: static !important; margin-left: 0.7rem; margin-right: 0.7rem; margin-bottom: .5rem; background: transparent; } .mobile--overlay { overflow-y: scroll; overflow-x: hidden; visibility: visible !important; } #NavMobile .sidebar > li > .submenu { display: none !important; } #NavMobile .sidebar > li.active > .submenu { display: block; } #level3 { position: inherit !important; width: 100%; height: 100%; } #level3 > ul.submenu, #level3 { overflow-y: auto; } ul.quickLinks2 li { padding-left: 30px; line-height: 30px; } .quickLinks2 li a { font-size: 15px; font-weight: 500; } /*********Arrow Level 3 MAx-992 px********/ h3.level3_Title i.icon-next { display: none; } h3.level3_Title { font-weight: 500; } #level3 span.reverse { display: inline-block !important; padding-left: 0px !important; } #level3 .fa-solid.fa-angle-left { padding: 6px 9px; vertical-align: text-bottom; } span.reverse { display: none; } /*****************/ } /****************************min-width 992px*************************/ @media (min-width: 992px) { .mobile--overlay_content > ul li, .mobile--overlay_content > ol li { margin-top: 0; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mobile--overlay_content { width: 100%; top: 15%; padding: 1rem 2rem; text-align: left; margin-top: 10px; height: 100%; } .closebtn { position: absolute; top: 20px; right: 0px; font-size: 60px !important; } span.open--menu { position: absolute; z-index: 999999; right: 60px; top: -15px; padding: 16px 8px; border-radius: 100px; width: 48px; height: 49px; cursor: pointer; border: none; } span.open--menu.hover { padding: 12px 8px; } .open--menu.hover:hover { border: 1px solid #fff !important; } .open--menu:hover { border: none; } .dropdown-menu { background: transparent; overflow-y: scroll; height: 65%; border: none !important; } #NavMobile li.nav-item > a { color: #fff; font-weight: 500; font-size: 2.25em; letter-spacing: -1.1px; line-height: 1.95em; } #NavMobile ul.submenu > a { font-size: 20px; padding: 0; } #NavMobile ul.submenu a span { font-size: 20px; } } /*****************max-width 992px min-width 768**********************/ @media (min-width: 768px) and (max-width: 992px) { span.open--menu.hover { position: absolute; top: -100px !important; right: 15px !important; } } /***************************max-width 776px*************************/ @media (max-width: 776px) { .aast-logo { position: inherit !important; width: 60% !important; } #level3 .col-md-6 { padding: 0; overflow: hidden; width: 43%; } img.logoOverlay { display: block; padding: 8px 0px 0 8px; } #NavMobile li.nav-item .active > a { color: #ffc107 !important; } .grey a { color: #fff !important; } span#Menu, .close { display: none !important; } nav.sidebar { padding: 40px 15px 0 15px !important; } span.open--menu.hover { position: absolute; top: -20px !important; right: 66px !important; } #level3 > ul.submenu { height: 100%; overflow-y: scroll; position: absolute; left: 0%; width: 100%; margin-top: 0px; overflow-x: hidden; top: 0 !important; } .quickLinks2 li a { font-size: 10px; font-weight: 500; color: #fff; text-decoration: none; } ul.quickLinks2 li { padding-left: 10px; line-height: 30px; } } /***************************767 - 650*************************/ @media screen and (max-width:768px) and (min-width:651px) { nav.nav--mobile { position: absolute; top: -50px; right: 60px; } span.open--menu.hover { position: absolute; top: -65px !important; right: -20px !important; } } /***************************max-width 650px*************************/ @media (max-width: 650px) { nav.nav--mobile { position: absolute; top: -50px; right: 60px; } img.logoOverlay { display: block; padding: 8px 0px 0 8px; } .mobile--overlay_content { height: auto !important; overflow-x: hidden; } span.open--menu.hover { position: absolute; top: -70px !important; right: -30px !important; } #NavMobile li.nav-item > a { font-size: 22px !important; padding: 0.1rem 0rem; text-align: left; } #level3 .col-md-6 { padding: 0; overflow: hidden; width: 100%; } .quickLinks2 span { font-size: 15px !important; display: table-cell; } quickLinks2 li a { font-size: 9px; font-weight: lighter; color: #fff; text-decoration: none; } ul.quickLinks2 li { padding-left: 10px; } ul.quickLinks2 { padding: 4px 8px; } .quickLinks2 i { display: none; } } /***************************max-width 576px*************************/ @media (max-width:576px) { nav.nav--mobile { position: absolute; top: -50px; right: 60px; } #NavMobile li.nav-item .active > a { color: #ffc107 !important; } .mobile--overlay_content { height: auto !important; overflow-x: hidden; } span.open--menu.hover { position: absolute; top: -55px !important; right: -45px !important; } #NavMobile li.nav-item > a { font-size: 25px !important; padding: 0.1rem 0rem; text-align: left; } img.logoOverlay { display: block; padding: 8px 0px 0 8px; } .quickLinks2 i { display: none; } } @media (max-width:768px) { .txt-768-center { text-align: center; } } /***************************max-width 400px*************************/ @media (max-width:400px) { nav.nav--mobile { position: absolute; top: -40px; right: 60px; } .quickLinks2 span { font-size: 12px; } span.open--menu.hover { position: absolute; top: -45px !important; right: -40px !important; } img.logoOverlay { display: block; padding: 8px 0px 0 8px; width: 70%; } .quickLinks2 i { display: none; } } /* ============ desktop view ============ */ @media all and (min-width: 992px) { #NavMobile { display: block; overflow-y: scroll; height: 80%; width: 25%; scrollbar-width: thin; padding-left: 10px; } .sidebar li > .submenu li { line-height: 2.5; } #level3 > ul > li { line-height: 2.5; border-bottom: 1px solid #464a4f; } #level3 > ul > li p { width: 94%; color: #dbd8d8; font-family: 'Poppins', sans-serif; text-align: initial; letter-spacing: -.1px; font-size: 14px; line-height: 1.5; margin-bottom: 0.7em; } #level3 > ul > li:last-child { border-bottom: none; } ul.submenu li a { color: #fff !important; font-weight: bold; padding: 0; } .sidebar > li { list-style-type: none; margin-top: 0; } /********start underline active*********/ .sidebar li.nav-item.active > a, #level3 > ul > li a, ul.submenu li > a { display: inline-block; position: relative; color: #0087ca; font-size: 17px; } .sidebar li.nav-item > a:after, #level3 > ul > li a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1.7px; bottom: 15px; left: 0; background-color: #fdc236; transform-origin: bottom right; transition: transform 0.4s ease-out; } ul.submenu li a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1.7px; bottom: 13px; left: 0; background-color: #fdc236; transform-origin: bottom right; transition: transform 0.4s ease-out; } .sidebar li.nav-item.active > a:after, #level3 > ul > li a:hover:after, ul.submenu li.active a:after { transform: scaleX(1); transform-origin: bottom left; background-color: #fdc236; } /********end under active*********/ ul.submenu { height: 60%; overflow-y: scroll; position: absolute; left: 31%; width: 35%; margin-top: 40px; } nav.sidebar { height: 100%; padding-top: 1em !important; } .sidebar li > .submenu { display: none; position: absolute; left: 30%; top: 100px; width: 28%; scrollbar-width: thin; } ul#level2 ul.submenu { float: right; position: fixed; left: 65%; } [dir=rtl] .sidebar li .submenu { right: 100%; left: auto; } .sidebar li.active > .submenu { display: block; } .submenu i.fa-solid.fa-angle-right { font-size: 14px; } .sidebar li.active > .submenu a { font-size: 20px; } #NavMobile > li.active > a, #NavMobile > li.active > a > i, #NavMobile > li.active > a:hover, #NavMobile > li.active > a:hover > i { color: #fdc236 !important; } .dropdown-menu { top: 100px !important; } .sidebar li > .submenu p { color: #dbd8d8; width: 85%; font-family: 'Poppins', sans-serif; text-align: initial; letter-spacing: -.1px; font-size: 14px; line-height: 1.5; margin-bottom: 0.7em; } } /* ============ desktop view .end// ============ */ .dropdown-menu { background: transparent !important; } span#Menu { color: #fff; font-size: 18px; text-align: right; display: grid; padding-right: 0px; margin-right: -20px; } .close { display: none; position: absolute; z-index: 99999; top: -100px; right: 115px; color: #fff; font-size: 17px; } nav.nav--mobile { cursor: pointer; } #NavMobile > .sidebar .nav-link { font-weight: 500; color: #fff; padding: 8px 0; font-size: 32px; } .sidebar .submenu span, .sidebar .dropdown-menu span { color: #fff; font-weight: 500; padding: 7px; } .sidebar .submenu li, .sidebar .dropdown-menu li { padding: 7px; } .active > a { color: white !important; transition: all 0.5s; } .grey a { /* color: #8996a0 !important;*/ transition: all 0.5s; } /*================Scroll=================*/ ::-webkit-scrollbar { width: 4px; height: 5px; scrollbar-width: thin; scrollbar-color: #464a4f #292c2f #464a4f; } ::-moz-scrollbar { width: 4px; scrollbar-width: thin; scrollbar-color: #464a4f #292c2f #464a4f; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; scrollbar-color: #464a4f #292c2f #464a4f; } ::-moz-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; scrollbar-color: #464a4f #292c2f #464a4f; } ::-ms-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; scrollbar-color: #464a4f #292c2f #464a4f; } ::-o-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; scrollbar-color: #464a4f #292c2f #464a4f; } ::-webkit-scrollbar-thumb { border-radius: 0px; background: #53576c73; scrollbar-color: #464a4f #292c2f #464a4f; } ::-moz-scrollbar-thumb { border-radius: 0px; background: #53576c73; scrollbar-color: #464a4f #292c2f #464a4f; } ::-ms-scrollbar-thumb { border-radius: 0px; background: #53576c73; scrollbar-color: #464a4f #292c2f #464a4f; } ::-o-scrollbar-thumb { border-radius: 0px; background: #53576c73; scrollbar-color: #464a4f #292c2f #464a4f; } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3); scrollbar-color: #464a4f #292c2f #464a4f; } /******************End Scroll********************/ /*************shadow-upper-quicklinks************/ .mobile--overlay_content:after { content: ""; position: absolute; right: 0; left: 0; background: linear-gradient(to top, #040e30e6 62%, #00000000 100%); z-index: 9999; height: 60px; bottom: 75px; } img.logoOverlay { width: 18% !important;} /* End Main Menu */ /* Start Menu Page */ /* 2. Base Typography ------------------------------------------------------------------------------*/ a { text-decoration: none; } /* main container */ #wrapper-menu-aast { width: 100%; display: flex; min-height: 100%; position: relative; flex-wrap: wrap; background-color: #fff; justify-content: space-between; align-content: space-between; -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .main-container-aasta { width: 100%; position: relative; } /* header */ .main-header { width: 100%; height: auto; } h3 { font-size: 1.5em; } /* responsive nav for small devices */ /* hamburger-aasta menu */ .hamburger-aasta { padding: 0; margin: 0; height: 25px; width: 25px; text-align: center; background-color: transparent; } .hamburger-aasta:not(.close) { position: absolute; top: 10px; right: 20px; z-index: 999; border: 0; display: none; width: auto; height: auto; border: 1px solid #a4a3a3; border-radius: 2px; padding: 14px; direction: rtl; min-width: 50px; min-height: 50px; } .hamburger-aasta:hover, .hamburger-aasta:focus { background-color: transparent; outline: none; } .hamburger-aasta .line { width: 50px; height: 4px; background-color: #3c3c3b; display: block; margin: 10px 0; transition: all 0.4s ease-in; right: 0; position: revert; } .hamburger-aasta:hover { cursor: pointer; } .hamburger-aasta.close { padding: 10px; } .hamburger-aasta.close .wrap { position: relative; width: 30px; height: 30px; display: block; } .hamburger-aasta.close .line { margin: 0; width: 100%; position: absolute; top: calc(50% - 2px); transform: rotate(45deg); background-color: #000; } .hamburger-aasta.close .line:last-child { transform: rotate(-45deg); } .hamburger-aasta.is-active .line:nth-child(1) { transform: rotate(45deg); position: absolute; left: 0; top: 5px; } .hamburger-aasta.is-active .line:nth-child(2) { opacity: 0; visibility: hidden; position: absolute; transition: none; } .hamburger-aasta.is-active .line:nth-child(3) { transform: rotate(-45deg); position: absolute; left: 0; top: 5px; } #menu-aast { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #f1f1f1; max-width: 99%; transition: all 0.3s ease-in-out; z-index: 999; -webkit-transform: translateX(-150%); transform: translateX(-150%); transition: -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: 0.2s; overflow-x: hidden; overflow-y: auto; } #mobilenav-aast .nav-logo { padding: 15px; } #mobilenav-aast ul, #mobilenav-aast li { padding: 0; margin: 0; list-style: none; transition: 0; position: relative; } #mobilenav-aast .caret { display: block; width: 36px; position: absolute; top: 1px; right: 20px; cursor: pointer; background-color: #132b61; } #mobilenav-aast .caret:not(.trigger-caret) { pointer-events: none; } #mobilenav-aast .caret:after { content: ""; border: 2px solid #fff; border-bottom: 0; border-left: 0; transform: rotate(45deg); display: block; position: absolute; height: 15px; width: 15px; top: 15px; left: 8px; } #mobilenav-aast ul a { display: block; padding: 10px 15px; cursor: pointer; z-index: 2; font-size: 16px; text-decoration: none; color: #fff; background: #132b61; border-bottom: 1px solid #fff; transition: none; } #mobilenav-aast ul a:hover { background: #132b61; } #mobilenav-aast .has-sub > a { padding-right: 40px; } #mobilenav-aast li li a { font-size: 14px; text-decoration: none; color: #dddddd; background: #132b61; } #mobilenav-aast .nav-backdrop { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; opacity: 0; visibility: hidden; transition: all 0.5s ease-in; } #mobilenav-aast .menu-outer { padding-bottom: 60px; overflow: hidden; overflow-y: auto; /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */ max-height: 100%; } /* #wrapper.nav_is_visible { -webkit-transform: translateX(300px); transform: translateX(300px); } */ /* slide menu */ #mobilenav-aast .slide-menu { background-color: #f1f1f1; position: fixed; top: 0; right: -100%; width: 100%; min-height: 100%; height: 100%; background-color: #f1f1f1; transition: all 0.5s ease; z-index: 0; -webkit-transform: translateX(150%); transform: translateX(150%); overflow: hidden; } #mobilenav-aast .slide-menu.sub-open { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; z-index: 9; visibility: visible; right: 0; } #mobilenav-aast .slide-menu .submenu-header { padding: 10px 15px; min-height: 45px; background-color: #ededed; color: #3c3c3b; padding-left: 50px; border-bottom: 1px solid #fff; position: relative; cursor: pointer; text-align: center; } #mobilenav-aast .slide-menu .submenu-header:before { content: ""; border: 2px solid #3c3c3b; border-bottom: 0; border-left: 0; transform: rotate(-135deg); display: block; position: absolute; height: 15px; width: 15px; top: 15px; left: 20px; } /*--------- home page ------------*/ /* banner part */ /*-------HEADER-------*/ /* nav */ .main-container-aasta .navigation { width: 100%; height: auto; position: relative; background-color: #ffffff; } .main-container-aasta .navigation ul { padding: 0; margin: 0; list-style: none; gap: 10px; z-index: 9999999; } .main-container-aasta .navigationul li { padding: 0; margin: 0; list-style: none; } .nav-aast > ul { display: flex; margin: 0; justify-content: center; } .nav-aast > ul > li { position: relative; margin: 0; list-style: none; transition: background-color 0s ease; padding: 0 10px; border-radius: 3px; } .nav-aast ul li:last-child { margin-right: 0; } .nav-aast > ul > li > a { font-size: 16px; color: #393939; text-transform: capitalize; font-weight: 700; padding: 10px 15px 10px 0; display: block; transition: background-color 0.5s ease; } .nav-aast > ul > li.active, .nav-aast > ul > li:hover { color: #322348; /* transition: background-color 0s ease; */ /* background-color: #003480; */ } .nav-aast > ul > li:hover > a { color: #ff5722; text-decoration: none; /* color: #fff; */ } .nav-aast > ul > li > a:hover, .nav-aast > ul > li.active > a { color: #f44336 !important; text-decoration: none; } /* drop-down */ .nav-aast ul li ul { position: absolute; top: calc(100%); left: 0; margin: 0; width: 200px; z-index: 4; opacity: 0; pointer-events: none; visibility: hidden; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; min-width: 400px; } .nav-aast ul li ul li { position: relative; display: flex; padding: 0; margin-bottom: 0; } .nav-aast ul li ul li:last-child > a { border-bottom: none; } .nav-aast ul li ul ul { position: absolute; left: 0px; top: 100%; left: 100%; top: 0; } .nav-aast ul li ul li a { padding: 12px 24px 12px 5px; width: 100%; display: block; font-size: 16px; background-color: #f9f9f9; color: #2b2b2b; border: none; border-bottom: 1px solid #fff; text-transform: capitalize; font-weight: 700; transition: background-color 0.5s ease; overflow: hidden; transition: all 0.3s ease; } .nav-aast ul li:hover > ul { margin-top: 0; visibility: visible; opacity: 1; pointer-events: auto; -moz-animation: fadeInDown 0.3s ease-in; -webkit-animation: fadeInDown 0.3s ease-in; animation: fadeInDown 0.3s ease-in; /* z-index: 99999; */ } .nav-aast ul li ul li:hover > ul { top: 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; left: 100%; right: auto; } .nav-aast ul li ul li:hover > a { background-color: #f8f8f8; color: #1e1d1d; text-decoration: none; transition: all 0.3s ease; } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /* @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } */ .hide-desktop { display: none; } .nav-aast > ul > li > a:after { content: ""; position: absolute; width: 0%; height: 4px; background-color: #ff5722; bottom: 0; left: 0; transition: 0.3s all ease; } .nav-aast > ul > li.sub-menu > a:before { content: "\f078"; position: absolute; right: 8px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; bottom: 15px; } .nav-aast > ul > li > a:hover:after { width: 100%; } .nav-aast ul.nav li a { transition: all 0.2s ease; } .fa-arrow-right::before { content: "\f060" !important; } .nav-aast ul.nav li a i.fa-arrow-right { transform: translateX(-1%); /* display: none; */ transition: all 0.3s ease; margin: 0 5px; font-size: 13px; color: #ff5722; } .nav-aast ul.nav li a:hover i.fa-arrow-right { transform: translateX(0); /* display: inline-block; */ } .fa-chevron-right::before { content: "\f053" !important; } .nav-aast ul.nav li a i.fa-chevron-right { position: absolute; left: 20px; color: #887c7c; font-size: 12px; top: 50%; transform: translateY(-50%); } .nav-aast ul.nav ul li a:hover { padding-left: 5px; } .nav-aast ul.nav ul li { position: relative; margin: 0; } .nav-aast ul.nav ul li:after { content: ""; position: absolute; width: 0%; background-color: #f44336; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s ease; } .nav-aast ul.nav ul li:last-of-type:after { display: none; } .nav-aast ul.nav ul li:hover:after { width: 100%; } .close-menu-aast { position: fixed; top: 8px; right: 30px; color: #fcfcfc; z-index: 999; padding: 5px; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; background-color: #132b61; cursor: pointer; font-size: 18px; display: none; } .nav-aast ul.nav li ul a { font-size: 13px; } .show-ipad-hidden-mob-hidden-desktop{ display: none !important;; } .sub-dropdown-list-today li{ padding: 5px 0; border-bottom: 1px solid #ddd; width: 100%; position: relative; } .sub-dropdown-list-today li:after{ content: '\f061'; font-family: 'Font Awesome 5 Free'; font-weight: 900; left: 20px; position: absolute; font-size: 10px; top: 50%; transform: translateY(-50%); } @media (max-width: 992px) { .headr-new-aas .all-menu-new .bottom-menu { flex-direction: column; } .aside-aast-menu-nav a, .aside-aast-menu-nav label, .nav-aast ul.nav li ul a, .nav-aast > ul > li > a { font-size: 21px; } .group-list a, .group-list label { font-size: 18px; } .what-you-study-depart .box h3 { text-align: left; } .show-ipad-hidden-mob-hidden-desktop{ display: block !important;; } } @media(max-width: 768px){ .close-menu-aast{ display: block } .hide-desktop{ display: block } .menu.hidden-md-down{ display: block } .headr-new-aas .all-menu-new .bottom-menu{ border: 0; } #wrapper-menu-aast{ position: fixed; left: -105%; width: 80%; top: 0; transition: all .3s ease; background-color: #f1f1f1; } #wrapper-menu-aast.open{ left:0 } .main-container-aasta .navigation ul{ flex-direction: column; gap: 0; } .nav-aast > ul > li.sub-menu > a:before{ font-size: 16px; } .nav-aast > ul > li{ padding: 0; } .nav-aast > ul > li > a{ background: #132b61; border-bottom: 1px solid #fff; padding: 20px; color: #fff !important; } #mobilenav-aast.is-open #menu-aast { -webkit-transform: translateX(0); transform: translateX(0); } #mobilenav-aast.is-open .nav-backdrop { opacity: 1; z-index: 999; visibility: visible; } .hamburger-aasta:not(.close){ display: block; top: 0; right: 10px; left: auto; z-index: 1; position: relative !important; } } .nav-aast ul.nav ul li > a:hover { /* background-color: #003480; */ color: #f44336; } .hamburger-aasta .line:nth-of-type(2) { width: 40px; } .header-menu-column, .header-menu-wrap, .dropdown-list-today>li .sub-dropdown-list-today.active{z-index: 8;} .sub-dropdown-list-today li { padding: 5px 0; border-bottom: 1px solid #ddd; width: 100%; position: relative; } .sub-dropdown-list-today{ gap: 0 !important; } .sub-dropdown-list-today li:after { content: '\f061'; font-family: 'Font Awesome 5 Free'; font-weight: 900; left: 20px; position: absolute; font-size: 10px; top: 50%; transform: translateY(-50%); } .headr-new-aas .all-menu-new .top-menu .menu-staff{/* z-index: 7; */} .show-ipad-hidden-mob-hidden-desktop{ display: none !important;; } @media(max-width: 992px){ .show-ipad-hidden-mob-hidden-desktop{ display: block !important;; } } @media(max-width: 821px){ .nav-aast > ul > li > a{ font-size: 1em } .nav-aast ul li ul li > a{ font-size: .9em !important; } } @media (max-width: 768px){ .hamburger-aasta{ position: relative !important; } #wrapper-menu-aast.open{ width: 99%; } .show-ipad-hidden-mob-hidden-desktop{ display: none !important; } .headr-new-aas .all-menu-new .bottom-menu{ z-index: 10; } } @media (max-width: 450px){ .sub-menu ul li ul{ left: 25px !important; top: 60px !important; } } /* End Menu Page */ .owl-carousel.owl-theme.slider-step-the-way.owl-loaded.owl-drag .owl-nav span{ width: 30px; background-color: #fff; font-size: 30px; font-weight: 600; height: 30px; display: block; line-height: 30px; } .owl-carousel.owl-theme.slider-step-the-way.owl-loaded.owl-drag .owl-nav{ display: flex; gap: 10px; top: 15px; position: relative; left: -45px; } .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .ltn__breadcrumb-area { background-color: rgb(25 66 153) !important; padding-top: 25px; padding-bottom: 25px; z-index: 1; } .bg-overlay-white-30:before { background: rgba(11, 53, 147, 0.6); } .ltn__breadcrumb-area.bg-image{ /* background-image: url(../img/news/14.jpg); */ } .ltn__breadcrumb-list .ltn__secondary-color{ color: var(--orange); } .ltn__breadcrumb-list ul li{ color: #fff !important; } .ltn__breadcrumb-inner{ padding: 30px 0; } .ltn__breadcrumb-list a:hover, .ltn__breadcrumb-list span.ltn__secondary-color{ color: #fff !important } .nav-aast > ul > li:last-of-type ul li:hover > ul{ right: 100%; left: auto; } .ltn__breadcrumb-area.pd-0{ padding: 0 !important; background-color: rgb(9, 79, 149); } .ltn__breadcrumb-area.pd-0::before{ background-color: rgb(9, 79, 149); } .ltn__breadcrumb-area.pd-0 ul li a:hover, .ltn__breadcrumb-area.pd-0 ul li{ color: #fff !important; } .ltn__breadcrumb-area.pd-0 ul li{ margin: 0 10px; float: right; } .ltn__breadcrumb-area.pd-0 ul li i{ color: var(--orange) !important; } .portfolio-area.sec-pt-120.clearfix h3 { color: #fff; text-align: center; }