body { font-family: 'roboto_regular'!important; line-height: 1.5; font-weight: 400; font-size: 16px; overflow-x: hidden; } .navbar-default .navbar-nav>li>a.btn.btn-regis,.panel.panel-ck-choose .panel-footer a,.locations-section h2 { font-family: 'roboto_medium'; } .line-behind span,.about-section header>h1,.agenda-section h1,#speaker h2,.contact-section .header-ct h1, .slot-time h1,.contact-body h2.title { font-family: 'roboto_light'; } .about-section header>h4{font-family:'roboto_bold'} p{font-weight:300;color:#333} h1,h2,h3,h4,h5,h6{font-weight:400;color:#101010} a {color: #1666a2;transition: all .3s ease-in-out;} a:hover,a:focus {color: #1E87D6;text-decoration: none;} a:focus {outline: none;} img {max-width: 100%;height: auto;} ul,li { list-style: none; padding: 0; margin: 0; } .clear{clear: both;} .btn { transition: all .3s ease-in-out; padding: 12px 2em; } .center-block {float: none;} .form-control { background-color: rgba(255,255,255,1); border: 1px solid #fff; color: #333; box-shadow: none; height: 60px; font-weight: 400; padding: 0 1.5em 0 20px; } .form-control:focus { border-color: #fff; outline: 0; box-shadow: none; } .bg-w {background-color: #fff;} /* line color */ #contact #line-color{margin:0;background-color:#fff} #contac #line-color:before,#day1 #line-color:before{margin-right:15px} #day1 #line-color{margin:0;background-color:#fff} #line-color.mg45{margin:45px auto 0} #line-color.white{background-color:#fff} #line-color{clear:both;min-height:4px} #line-color:before,#line-color:after{content:"";float:right;height:4px} #line-color:before{border-left:35px solid #ffa900;border-right:34px solid #00a753} #line-color:after{border-left:34px solid #0089fa;border-right:35px solid #ff002b} #line-color.line-lg:before,#line-color.line-lg:after{float:left} #line-color.line-lg:before{border-left:62px solid #ffa900;border-right:62px solid #00a753} #line-color.line-lg:after{border-left:62px solid #0089fa;border-right:62px solid #ff002b} .line-behind span{text-align:center;color:#1666a2;display:block} .hero-section { background: #e0e2e2 url(http://hstatic.net/0/0/global/design/haravan/l_google_hrv/images/bn_microsite.jpg) center center no-repeat scroll; background-size: cover; color: #fff; overflow: hidden; height: 158px; max-width: 100%; padding-top: 70px; position: relative; } .hero-section::before,.locations-section::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; } .hero-section::before { background: rgba(0,0,0,0.1); } .event-speaker .bttn { left: 50%; } .wrap-welcom { background-attachment: fixed; padding-right: 30px; } .btn.btn-regis,.btn.btn-regis-day { color: #FFF; background: #1666a2; border: 1px solid #1666a2; font-weight: 400; padding: 10px 20px; border-radius: 3px; display: inline-block; vertical-align: middle; transition: all .3s ease-in-out; text-shadow: 0 1px rgba(0,0,0,0.1); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); text-transform: uppercase; } .btn.btn-regis:hover,.btn.btn-regis-day:hover, .btn.btn-regis:focus,.btn.btn-regis:focus, #menumain .navbar-nav li a.btn.btn-regis:hover, #menumain .navbar-nav li a.btn.btn-regis-day:hover, #menumain .navbar-nav li a.btn.btn-regis:focus, #menumain .navbar-nav li a.btn.btn-regis-day:focus { background: #1576BC; border: 1px solid #1576BC; color: #fff; text-decoration: none; padding: 10px 20px; } #menumain { -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both; border-radius: 0; } @-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)} } /* about section */ .about-section,.slot-time{text-align:center;background-color:#fff} .about-section .col-md-6 p:last-child{margin-bottom:0;text-align:justify} .about-section header{} .about-section header>h1,.agenda-section h1,.slot-time h1{font-size:40px;line-height:48px;color:#1666a2;text-align:center} .about-section header>h4{font-size:18px;color:#333;font-weight:700;line-height:28px;margin:0} .about-section .about-section-ct p {margin-bottom:0;color:#333;font-size:15px;line-height:24px;font-weight:400} .about-section .about-section-ct .light-txt{color:#1666a2;font-family: 'roboto_bold';} .about-section .about-section-ct ul{padding-left:30px} .about-section .about-section-ct ul li{list-style-type:disc;text-align:justify;margin-bottom:10px;line-height:24px} .about-section-ct{text-align:center} .about-section .box-play img{position:relative;top:0;left:0;right:0;bottom:0} .about-section .play{position:absolute;top:30%;left:40%;transition:all 200ms ease-out} .about-section .play img:hover{opacity:.9;transition:all 200ms ease-out} hr.line-bottom { border-top: 1px solid #1666a2; max-width:225px; } .about-day1 .about-section-ct p { font-size:20px; } .logo-brand img { height: 35px; } a.logo-brand:hover { text-decoration: none; } /* counter */ #counter { border-bottom: 1px solid #e0e2e2; background: #fbfdff; } .counter{padding:4.5em 0;position:relative} .counter i{color:#1666a2} .counter p{margin-bottom:0;color:#464646;font-size:20px;font-weight:600;padding:15px 0} .counter div[class^="col-"]:nth-child(1),.counter div[class^="col-"]:nth-child(2){padding-bottom:1.5em} .ico{height:96px;width:82px;display:block} .ico.ico-1{ background:url(//hstatic.net/0/0/global/design/haravan/l_google_hrv/images/ico-count-1.jpg)no-repeat center; margin:auto; } .ico.ico-2{ background:url(//hstatic.net/0/0/global/design/haravan/l_google_hrv/images/ico-count-2.jpg)no-repeat center; margin:auto; } .ico.ico-3{ background:url(//hstatic.net/0/0/global/design/haravan/l_google_hrv/images/ico-count-3.jpg)no-repeat center; margin:auto; } .ico.ico-4{ background:url(//hstatic.net/0/0/global/design/haravan/l_google_hrv/images/ico-count-4.jpg)no-repeat center; margin:auto; } .carousel-day .carousel-inner .active.left{left:-23%} .carousel-day .carousel-inner .next{left:23%} .carousel-day .carousel-inner .prev{left:-23%} .carousel-day .carousel-control.left,.carousel-day .carousel-control.right{background-image:none} .carousel-day .item:not(.prev){visibility:visible} .carousel-day .item.right:not(.prev){visibility:hidden} .carousel-day .rightest{visibility:visible} .speaker-slider figcaption h4 { font-size: 20px; color: #fff; } .speaker-slider figcaption p { font-size: 16px; font-style: italic; } .bn-microsite img { margin: auto; } /* section agenda */ .agenda-section{background:#fff} .agenda-section header p{font-size:20px;color:#333} .wrap-agenda .img-agenda{text-align:center;min-height:160px} .info-agenda{padding:20px 0} .info-agenda p{font-size:16px;line-height:25.6px;color:#333} .info-agenda a.box-light{color:#fff;background-color:#1666a2;border-radius:4px;display:block;height:65px;text-align:center;padding:10px 20px;max-width:230px;margin:auto;box-shadow:1px 2px 3px rgba(0,0,0,0.4);font-size:15px} .info-agenda a.box-light:hover{text-decoration:none} @media(min-width:768px){ .wrap-agenda .col-md-4.p0{padding-right: 0;padding-left: 0;} } /* section blue */ .bg-blue{background-color:#3949ab;padding:30px 0} .txt-w,.bg-blue p{color:#fff;font-family:'roboto_regular'} .bg-blue .txt-w{color:#fff} .bg-blue .title-lg{padding:20px 0 30px} .bg-blue img{display:inline-block;padding-bottom:20px} .btn.btn-regis.btn-yellow{background:#ffd724;border:1px solid #faf044;font-size:14px;color:#292204;font-family:'roboto_medium';cursor:pointer} .btn.btn-regis.btn-yellow:hover{background:#fbda44;border:1px solid #ffd724;cursor:pointer} /* section benefit */ .section-benifit { text-align:center; padding:20px 0; } .section-benifit .decs{padding:20px 0;} .section-benifit .decs p { max-width: 800px; margin: auto; } .img-responsive.img-benifit{ display:inline-block; padding:10px 0 } .section-benifit .ct-benifit .title-xs { font-size:15px; } .section-benifit .ct-benifit p{ color:#333333; font-size:15px; line-height:24px; } /* tabs list */ .wrap_tabs{background:#fff;padding:5px 0 0} .nav-tabs#pageTabs{border-bottom:1px solid transparent} .nav-tabs#pageTabs > li.active > a,.nav-tabs#pageTabs > li.active > a:hover,.nav-tabs#pageTabs > li.active > a:focus{background-color:transparent;border:1px solid transparent;color:#222;font-weight:700;font-family:'roboto_bold'} .nav-tabs#pageTabs > li{background:transparent;border:transparent;transition:all .3s ease-in-out;padding:0} .nav-tabs#pageTabs > li >a{font-size:15px;color:#444} .nav-tabs#pageTabs > li > a,.nav-tabs#pageTabs > li > a:hover,.nav-tabs#pageTabs > li > a:focus,.nav-tabs#pageTabs > li > a:active,.nav-tabs#pageTabs > li > a:visited{border-color:transparent;background-color:transparent} .nav-tabs#pageTabs > li > a:hover,.nav-tabs#pageTabs > li > a:focus{color:#1666a2;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .tab-content#my-tab-content{border-top: 1px solid #eeeeee;} hr.line-event{max-width:360px;border-top:1px solid #1666a2;margin-left:0} .event img { border-radius: 50%; margin-bottom: 1.5em; } /* block choose */ /* .title-lg{text-align:center} .ck-choose{background-color:#fff} .wrap-ck-choose{padding:20px 0} .panel.panel-ck-choose{box-shadow:3px 2px 5px rgba(0,0,0,.2);border:1px solid #f1f1f1;border-radius:3px} .panel-ck-choose .panel-footer{background-color:#eee;border-top:0;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .panel-ck-choose .panel-body{font-size:18px;color:#757575;padding:20px;text-align:center} .panel-ck-choose .panel-footer label{color:#009688;text-transform:uppercase;cursor:pointer;margin-bottom:0} .panel.panel-ck-choose .panel-footer a{text-transform:uppercase;font-size:14px;color:#1666a2;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .panel.panel-ck-choose .panel-footer a:hover{text-decoration:none;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .panel-ck-choose .panel-footer.bg-green{background-color:#1666a2;color:#fff} .panel-ck-choose .panel-footer.bg-green .btn-next{color:#fff} .panel.panel-ck-choose .panel-footer.ac-ck{background-color:#00bcd4;border:1px solid #00bcd4;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .panel.panel-ck-choose .panel-footer.ac-ck label,.panel.panel-ck-choose .panel-footer.ac-ck a{color:#fff;display:inline-block} .panel.panel-ck-choose .panel-heading{text-align:center} .panel.panel-ck-choose .panel-heading .date{font-size:25px;color:#fff;text-transform:uppercase} .panel.panel-ck-choose .panel-body p.txt{font-size:20px;color:#151515} .panel.panel-ck-choose .hd-ck-choose1{background-color:#8A8A8A;border-color:#8A8A8A} .panel.panel-ck-choose .hd-ck-choose2{background-color:#2F4098;border-color:#2F4098} .panel.panel-ck-choose .hd-ck-choose3{background-color:#FEC110;border-color:#FEC110} */ /** slot time **/ .slot-time{padding:30px 0;} .panel-default.panel-slottime .panel-body{box-shadow: 2px 2px 6px rgba(0,0,0,0.4);} .wrap-slottime{padding:20px 0px;} .panel-default.panel-slottime{box-shadow:none;border-radius:3px;border-color:transparent} .panel-default.panel-slottime>.panel-heading{text-align:center;background-color:#fff;margin-left:10px;margin-right:10px;padding:15px 0} .panel-slottime .panel-heading .fa{color:#009688;font-size:18px} .panel-default.panel-slottime .panel-body{text-align:center} .panel-slottime .panel-body label{font-size:45px;color:#1666a2;margin-bottom:0font-family: 'roboto_regular';} .panel-slottime .panel-body label sup,.panel-slottime .panel-body label sub{font-size:12px} .panel-slottime .panel-body label sup.am{position:relative;right:0;top:-23px;left:5px} .panel-slottime .panel-body label sup.pm{position:relative;top:-1px;left:-13px} #collapse5 .wrap-slottime{padding:0 0 20px} #collapse5 .panel.panel-default.panel-slottime{margin-bottom:0} #collapse5 .slot-time{padding-bottom:0} .slot-time p{text-align:center;font-size:20px;color:#333} #day1 .panel-slottime .panel-body label,#day2 .panel-slottime .panel-body label,#day3 .panel-slottime .panel-body label{font-size:39px} .ct-bt-slottime{margin-top:20px;} .ct-bt-slottime p:last-child{font-size:16px;} .bro-bold{color:#757575!important} .bro-l{color:#c8c8c8!important} #speaker{background-color:#546e7a;color:#fff} #speaker .speaker-slider{padding:20px 0 0} #speaker h2{font-size:40px;line-height:48px} #speaker .event-speaker figure img{box-shadow:4px 6px 8px rgba(0,0,0,0.2);transition:all 1s ease} #speaker .event-speaker figure h4{font-size:20px;line-height:24px} #speaker .event-speaker figure p{font-size:16px;line-height:17.6px} .event-speaker .social li a{border:1px solid #1666a2;border-radius:50%;width:45px;height:45px;line-height:45px} .event-speaker .social li a:hover{color:#fff;background:#1E87D6;border:1px solid #1E87D6} .event-speaker .bttn{position:absolute;left:40%;top:70%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} .speaker-slider .item{margin:3px} .event-speaker figure img{max-width:100%;height:auto} body.overflow-hidden { overflow: hidden; } main { position: relative; z-index: 2; transition-property: -webkit-transform; transition-property: transform; transition-duration: .3s; } main.slide-out { -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); } main.slide-out .cd-overlay { display: block; -webkit-animation: cd-fade-in .3s; animation: cd-fade-in .3s; } /* location */ .locations-section{background:url(//hstatic.net/0/0/global/design/haravan/l_google_hrv/images/location2-2560x1600.jpg) center center no-repeat fixed;background-size:cover;position:relative;color:#fff;padding:50px 0;background-color:#fff} .bg_header_location h2.title-lg{margin-top: 30px;margin-bottom: 20px} .locations-section::before{background:rgba(0,0,0,0.6)} .locations-section h2{margin-top:0;color:#fff} .locations-section address{margin-bottom:3em} .locations-section address p{color:#fff;font-size:16px} .locations-section address i{padding-right:.3em;font-size:20px} .locations-section address p.numberphone i{padding-right:.3em;font-size:21px} .locations-section address i:first-child{font-size:18px;color:#fff} .locations-section address i.glyphicon.glyphicon-map-marker{font-size:20px;color:#fff} .locations-section address .map-link{font-size:16px;text-decoration:underline;color:#fff;margin:20px 0} .map-link a{color:#0eeaff} .map-link a:hover{color:#fff} /** footer, copyright **/ .bg-line,#line-color,.bg_agenda{background-color:#fff} .footer-bottom .social{text-align:center} .site-footer small{font-size:16px;margin:.75em 0 1.5em;display:inline-block} .footer-links{margin:0 0 1.5em} .site-footer small,.footer-contact-us,.footer-links a{color:gray;font-weight:300} .footer-links a:hover{color:#1E87D6} .google-copyright{text-align:center;background-color:#fff} .google-copyright p{padding:5px 0;color:#8e8e8e;margin-bottom:0;font-style:italic;font-size:12px;border-top:1px solid #eee} .scroll-top {margin-bottom: 0;} .scroll-top a { position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: #fff; font-size: 12px; padding: .8em 1em; display: none; z-index: 200; border-radius: 5px; transition: all .5s ease-in; border-radius: 50%; background: #1666a2; } .scroll-top a:hover { background: #1E87D6; color: #fff; } .header-ct p { font-size: 18px; color: #212121; line-height: 21.6px; } .header-ct .light {color: #1666a2;} /* contact */ #contact .contact-section{background-color:#fff} #contact{background-color:#eee;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1} .contact-section .header-ct h1{color:#1666a2;font-size:40px} .contact-body h3:first-child{padding:0} .contact-body h3{padding:55px 0 0;font-size:20px;font-weight:700;color:#333;margin-bottom:15px} .contact-body p{font-size:15px;line-height:24px;color:#333} ul.step-ct-1,ul.step-ct-2{padding-left:25px} ul.step-ct-1 li{list-style-type:disc} ul.step-ct-2 li{list-style-type:decimal} ul.step-ct-1 li,ul.step-ct-2 li{font-size:15px;line-height:24px;margin-bottom:5px} .social li{display:inline-block;padding-right:.8em} .social li:last-child{padding-right:0} .social li a{display:block;transition:all .3s ease-in-out;font-size:1.3em} .site-footer .social li a{color:#1E87D6;background:transparent;border:1px solid #1E87D6;width:55px;height:55px;line-height:55px;border-radius:50%;font-size:1.5em} .site-footer .social li a:hover{background:#1E87D6;border:1px solid #1E87D6;color:#fff} hr.line-banner{max-width:530px} .locations-section address p.numberphone{color:#0eeaff} .locations-section address p.email{color:#0eeaff;text-decoration:underline} .modal-open .modal.popup-regis{background:rgba(0,0,0,0.5)} .modal-backdrop.in{opacity:1} .modal-dialog .modal-content{width:455px;margin:0 auto;max-width:99%;background:#fff} .modal-dialog{width:100%} .popup-regis .modal-content{background:none} #formregistry h2{color:#151515;margin-bottom:20px} #formregistry .form-control{height:50px;border-radius:2px;padding-left:20px} .bnt_submit:hover,.bnt_submit:active{position:relative;background:#FC6658} .bnt_submit{transition:all .5s ease 0;-moz-transition:all .5s ease 0;-webkit-transition:all .5s ease 0;background:#e84c3d none repeat scroll 0 0;border:0 none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;float:right;font-size:22px;font-weight:400;height:45px;letter-spacing:1px;line-height:45px;margin:20px 0;outline:medium none;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:220px} .mb15{margin-bottom:15px;margin-top:30px} .closemodel{background:rgba(0,0,0,0) url(//hstatic.net/0/0/global/design/haravan/H_Library/images/close.png) no-repeat scroll 0 0;cursor:pointer;height:36px;position:absolute;right:0;top:2px;width:37px;z-index:2;border:none} .icon_form{position:absolute;width:52px;height:100%;left:0} .form-group{position:relative} #dialog-modal .modal-body{padding:0 15px 80px} .btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0} .btn.btn-social{padding:7px 3em} .btn.btn-social:hover{color:#fff;background-color:#496EBD} .btn-social > :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:35px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .thanhcong .modal-backdrop.in{opacity:1!important} .thanhcong .modal-footer{padding:20px 0 0} .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .modal-footer .btn + .btn.hide_modal{padding:7px 20px} .wrap-event .row{background:#f2fff2} .title-event-lg{color:#1666a2;font-size:30px;text-align:center;padding:40px 0 30px;font-weight:300} .title-event{color:#151515;font-size:16px;text-align:left;text-transform:uppercase;line-height:20px} .btn.btn-video{text-transform:uppercase;background:#1666a2;color:#fff} .btn.btn-video:hover{background:#2692E2;color:#fff} .btn.btn-slide{text-transform:uppercase;background:transparent;border:1px solid #1666a2;color:#1666a2} .btn.btn-slide:hover{background:#2692E2;color:#fff;border:1px solid #2692E2} .info-event p.name,.info-event-r p.name,.info-event-l p.name{color:#1666a2;font-size:18px;font-weight:400;margin-bottom:5px} .info-event-r p,.info-event-l p{color:#151515;font-size:14px;font-weight:400} .info-event hr.line{border-bottom:1px solid #1666a2} .info-event .btn{margin-right:10px} .info-event .btn-event{padding:20px 0} .info-event-r,.info-event-l{background:#f2fff2;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} .info-event-l:before{content:"";position:absolute;right:195%;top:50%;width:0;height:0;border-top:15px solid transparent;border-left:16px solid #f2fff2;border-bottom:15px solid transparent} .info-event-r:before{content:"";position:absolute;right:100%;top:50%;width:0;height:0;border-top:15px solid transparent;border-right:16px solid #f2fff2;border-bottom:15px solid transparent} .bg-white-event{background-color:#fff!important;display:block!important;min-height:315px!important} ul.submenu li{background:#E5F4FF;padding:15px 0;border-top:1px dashed #95D2FF;margin-top:0} ul.submenu li:hover{border-bottom:none;text-decoration:none;background-color:#E5F4FF} ul.submenu li a{color:#055294} .navbar-default.stuck .navbar-nav > li.dropdown > a:hover,.navbar-default.stuck .navbar-nav > li.dropdown > a:focus{border-bottom:1px solid transparent} .sidebar-r{padding-top:30px} .menu-effect{-webkit-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease} .menu-effect.affixed{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} #bs-navbar-collapse-1{float:right} .grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(grayscale.svg#greyscale);filter:gray;-webkit-filter:grayscale(1);filter:url("data:image/svg+xml;utf8,#grayscale")} figure.grayscale img{-webkit-transition:opacity .5s ease-in 0;-moz-transition:opacity .5s ease-in 0;-o-transition:opacity .5s ease-in 0;transition:opacity .5s ease-in 0} figure img.grayscale:hover{-webkit-filter:drop-shadow(0px 0px 0px rgba(0,0,0,0.9));filter:drop-shadow(0px 0px 0px rgba(0,0,0,0.9));-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition:opacity .5s ease-in 0;-moz-transition:opacity .5s ease-in 0;-o-transition:opacity .5s ease-in 0;transition:opacity .5s ease-in 0;cursor:pointer} footer { background-color: #f5f5f5; padding: 25px 0; border-top: 1px solid #eee; } .nav-footer>ul { margin: 0; padding: 0; } .nav-footer>ul.nav-footer-g>li:first-child,.nav-footer>ul.nav-footer-hrv>li:first-child { padding-left: 0; } .nav-footer>ul.nav-footer-g>li,.nav-footer>ul.nav-footer-hrv>li { display: inline-block; padding-right: 5px; padding-left: 5px; } .nav-footer>ul.nav-footer-g>li>a,.nav-footer>ul.nav-footer-hrv>li>a { font-size: 11px; color: #245dc1; text-decoration: none; } .logo-brand img.logo-nova { border-left: 1px solid #d9d9d9; } .speaker-slider.owl-theme .owl-controls .owl-page span { background: #fff; } #menumain { background-color: #f6f6f6; margin-bottom: 0; } #menumain .navbar-nav>li>a { color: #fff; } #menumain .navbar-header { margin-top: 10px; } .line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after,.line-behind span:before,.line-behind span:after { width: 330px; } .pt70 {margin-top: 70px;} .header-sectionday { padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ } .nav-tabs#pageTabs > li > a { cursor: pointer; display: inline-block; } .nav-tabs#pageTabs > li > a i.ico_info { display: inline-block; background: url(//hstatic.net/0/0/global/design/haravan/h_haravan_banggia/images/ic_infomation.png) no-repeat; width: 15px; height: 15px; position: relative; top: 2px; margin-left: 10px; } .popover.bottom { background-color:#3e4da1; color:#fff; border:1px solid #3e4da1; border-radius:0; } .popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -1px; border-top-width: 0; border-bottom-color: #3e4da1 !important; border-bottom-color: rgba(0,0,0,.25) } .popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #3e4da1 !important; } #accordion.ct-acc { padding: 20px 0; } #accordion.ct-acc .panel { border-radius: 2px; } #accordion.ct-acc .panel.panel-default>.panel-heading { color: #333; background-color: #f6f6f6; /*border-color: #e7e7e7;*/ box-shadow: none; } #accordion.ct-acc .panel.panel-default>.panel-heading .panel-title>a { text-decoration: none; } #accordion.ct-acc .panel.panel-default { background-color: #fff; color: #333; font-size: 16px; text-align: justify; /*border-color: #e7e7e7;*/ box-shadow: none; } #accordion.ct-acc .panel-body ,#accordion.ct-acc .panel-body p { font-size: 16px; } #collapseTwo ul { padding-left: 25px; } #collapseTwo ul li { list-style-type: disc; font-size: 16px; } .contact-body h2.title { font-size: 30px; color: #1666a2; font-weight: 300; margin-bottom: 0; } .panel-collapse.collapse.in.bg-active { background-color: #00bcd4; color: #fff; } #collapse4 ul li { list-style-type:disc; } /* BANNER OVERVIEW */ .bn-overview{background-color:#eee} .bn-overview.bn-day{background-color:#e0e2e2;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1} .ct-overview{padding:35px 0} .ct-overview h2{font-size:43px;font-weight:700;color:#434343;font-family:'roboto_bold';text-transform:uppercase;letter-spacing:1px} .ct-overview h3{color:#434343;font-size:33px;font-family:'roboto_medium'} .ct-overview.ct-day h2{text-transform:inherit} ul.group-lg:first-child{padding:10px 0} ul.group-lg label{font-size:14px;padding:5px 0} ul.group-lg li:first-child{padding-left:0} ul.group-lg li{padding:0 10px;float:left} .wrap-lg{margin-top:30px;margin-bottom:30px} .bg-img-line { display:inline-block; text-align:center; margin: 10px 0 0; } p{color:#333;font-size:16px;} .title-xs { color:#1666a2; font-family: 'roboto_bold'; font-size:18px; line-height:28.8px; text-transform:uppercase; } .title-lg { color:#1666a2; font-family: 'roboto_light'; font-size:40px; line-height:48px; text-align:center; } /* event date */ .event_date { background-color:#fff; } .wrap-event_date .ct-event_date { padding:20px 0; } @media(min-width:768px) { .wrap-event_date {padding: 50px 0 0;} .wrap-event_date .ct-event_date p.ct{min-height:100px;} .wrap-agenda header{padding-bottom:40px;} .about-section.about-day1 header>h4{font-size:20px;line-heigt:24px;} } /* responsive */ @media only screen and (min-width: 1200px) { main.slide-out{-webkit-transform:translateX(-800px);-ms-transform:translateX(-800px);transform:translateX(-800px)} .cd-speaker-bio{width:800px;-webkit-transform:translateX(800px);-ms-transform:translateX(800px);transform:translateX(800px)} .cd-speaker-bio .cd-speaker-bio-pict::after{height:150px} .cd-speaker-bio .cd-bio-content{padding:4em;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)} .no-cssgradients .cd-speaker-bio .cd-bio-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .cd-speaker-bio .cd-bio-content h2{margin:1.5em 0 24px} .title-lg span,.about-day1 .about-section-ct p span{display:block;} #day3 .about-section header h1 span, #day3 .about-section header h4 span {display:block;} #overview .info-agenda p { font-size: 18px; line-height: 21.6px; } #overview .section-benifit .decs{padding:0;} #overview .section-benifit .ct-benifit p { font-size: 16px; line-height: 19.2px; } } @media(min-width:1024px) { .line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after,.line-behind span:before,.line-behind span:after{width:263px} .line-behind{text-align:center;color:#1666a2;font-size:32px;line-height:38px;max-width:50%;margin:20px auto} .line-behind span{display:inline-block;position:relative} .line-behind span:before,.line-behind span:after{content:"";position:absolute;height:20px;border-bottom:1px solid #bbdefb;border-top:1px solid transparent;top:0} .line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{content:"";position:absolute;height:40px;border-bottom:1px solid #bbdefb;border-top:1px solid transparent;top:0} .line-behind span:before{right:100%;margin-right:15px} .line-behind span:after{left:100%;margin-left:15px} #day1 .info-agenda p span{display:block;} } @media(min-width:1000px) { p.txt span{display:block} } @media (min-width: 992px) { .event img{margin-bottom:0;border:#1666a2 1px solid;max-width:180px} .locations-section h2{margin-top:3em} .locations-section address{margin-bottom:0} } @media(min-width:990px) { /*.info-agenda p{height:100px}*/ .panel-ck-choose .panel-body{height:240px} .img-vecto-o{display:block} .img-vecto-o-mb{display:none} .img-vecday1{margin:50px 0;text-align:center;display:inline-block} .img-vecday3{margin:65px 0;text-align:center;display:inline-block} .bn-overview.bn-day{padding:20px 0} } @media (min-width: 768px) { ul.group-lg label{font-size:14px;padding:5px 0;width:117px;display:block;text-align:left} #collapse4 ul{padding-left:35px} #menumain{position:fixed;width:100%;z-index:999;height:60px} #menumain .navbar-right{margin-right:0} .nav-footer>ul.nav-footer-g{float:left} .nav-footer>ul.nav-footer-hrv{text-align:right} main.slide-out{-webkit-transform:translateX(-600px);-ms-transform:translateX(-600px);transform:translateX(-600px)} .footer-bottom .logo-footer{position:relative;top:100px} #speaker{padding:30px 0} .wrap-agenda{margin:20px 0 30px} .wrap-agenda header p{text-align:center;margin:10px auto 30px} .panel.panel-ck-choose .panel-footer a{display:block;text-align:center} .banner-overview h1{display:none} /*.info-agenda p{height:80px}*/ .google-expert,.haravan-expert{padding:0 0 50px} .img-event{padding-left:0!important;padding-right:0!important} .info-event-l,.info-event-r{padding-top:59px;width:25%} .pr{padding-right:0}.pl{padding-left:0} .img-event{padding:0} .wrap-event row:even{text-align:right} .logo-brand img.logo-seo{padding-right:20px} .logo-brand img.logo-nova{border-left:1px solid #d9d9d9;padding-left:20px;padding-right:20px} .logo-brand img.logo-hrv{border-left:1px solid #d9d9d9;padding-left:20px} .navbar-default{background-color:transparent;border-color:transparent;border-radius:0} .navbar-default.stuck{padding:2px 0} .navbar-nav > li{padding:7px;padding-left:0;padding-right:0} .navbar-nav > li:last-child{padding-left:10px} #tabwrap,#wrap_tabs{margin-top:55px} .nav-tabs>li{float:left} .nav-tabs li{border-bottom:none;border-right:1px solid #E8E8E8;padding:.75em} .img-map{max-width:450px} .wrap-bttn{padding:15px 15px 5px} .locations-section h2{font-size:40px} #myCarousel .carousel-control .glyphicon-chevron-left{left:10%;top:35%} #myCarousel .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:10%;top:35%} .panel.panel-ck-choose .hd-ck-choose1,.panel.panel-ck-choose .hd-ck-choose2,.panel.panel-ck-choose .hd-ck-choose3{padding:20px 15px 0} .slot-time p span{display:block} .panel.panel-default.panel-slottime{margin-bottom:0;border:1px solid transparent} .about-section,.slot-time{padding-bottom:30px} .about-section .about-section-ct{text-align:center;max-width:1105px;margin:auto} .about-section .about-section-ct p{max-width: 800px;margin: auto;} .btn.btn-regis.btn-yellow{margin:20px 0 10px;} #counter{margin-bottom:30px;} img.group-lg-ghn{padding-top:3px} img.group-lg-hrv,img.group-lg-vecita{height:35px} img.group-lg-kiotviet{height:30px} .ct-overview .col-md-12{padding-left:0;padding-right:0} .ct-overview.ct-day h2 span{display:block} #day3 .ct-overview h2{font-size:40px} } @media (min-width:768px) and (max-width:990px) { .wrap-welcom{top:0} .img-bn{height:440px;background-size:contain} } @media (min-width:990px) and (max-width:1024px) { .img-bn{height:580px;background-size:contain;background-position:center} } @media (min-width:990px) and (max-width:1200px) { .wrap-welcom{top:80px} .img-bn{height:580px;background-size:contain} } @media(max-width:1198px) { .ct-overview h2{font-size:35px} .ct-overview h3{font-size:25px} img.group-lg-ghn{height:20px;margin:7px 0} img.group-lg-hrv{height:21px;margin:5px 0} img.group-lg-google,img.group-lg-vecita,img.group-lg-kiotviet,img.group-lg-lovaon{height:25px;margin:5px 0} .ct-overview{padding:0} .panel-ck-choose .panel-body{height:300px} } @media(max-width:1250px) { .panel-slottime .panel-body label{font-size:40px} } @media(max-width:1200px) { #day1 .panel-slottime .panel-body label,#day2 .panel-slottime .panel-body label,#day3 .panel-slottime .panel-body label{font-size:28px} } @media(max-width:1090px) { .panel-slottime .panel-body label{font-size:35px} #day1 .panel-slottime .panel-body label, #day2 .panel-slottime .panel-body label, #day3 .panel-slottime .panel-body label { font-size: 25px; } } @media(max-width:1022px) { .panel-slottime .panel-body label{font-size:30px} } @media(max-width:990px) { .about-section .about-section-ct p:first-child{margin-bottom:20px} .img-vecto-o{display:none} .img-vecto-o-mb{display:block;text-align:center;margin:auto} .ct-overview{text-align:center} ul.group-lg{padding-left:10%} .panel-ck-choose .panel-body{font-size:16px;padding:10px} .locations-section{text-align:center} img.img-grow{display:inline-block;text-align:center} } @media(max-width:950px) { .panel-slottime .panel-body label{font-size:45px} } @media(max-width:768px) { ul.group-lg{padding-left:5%} img.group-lg-ghn{height:17px} img.group-lg-google,img.group-lg-hrv,img.group-lg-vecita,img.group-lg-kiotviet,img.group-lg-lovaon{height:20px} .about-section header{padding:0} .about-section header>h1,.agenda-section h1,.slot-time h1{font-size:35px;line-height:40px} .about-section.about-day1{padding-bottom:0} .about-section .col-md-6 p:last-child{text-align:center} .about-section .col-md-6 p:last-child .btn.btn-regis, .about-section .col-md-6 p:last-child .btn-regis-day{padding:8px 20px;width:100%;margin:20px 0} .about-section .about-section-ct p{font-size:17px;margin-bottom:0;padding:0 0 15px} .wrap-agenda{margin:0} .wrap-welcom{position:relative;top:0} .img-event{padding-left:15px;padding-right:15px} .info-event-l,.info-event-r{padding-top:20px} .img-bn{background:url(//hstatic.net/0/0/global/design/haravan/h_giaohangnhanh/images/img-banner.png)no-repeat center;background-size:contain;height:350px;max-width:100%} .timeline .event{text-align:center} hr.line-event{margin:20px auto} .col-md-12.pb0,.col-md-12.pb0 .col-md-6{padding-left:0;padding-right:0;text-align:center} .logo-brand img.logo-seo,.logo-brand img.logo-nova{height:35px;padding:5px} .logo-brand img.logo-nova{border-left:1px solid #d9d9d9} .logo-brand img.logo-hrv{padding-left:7px;border-left:1px solid #d9d9d9;max-width:110px} #menumain .navbar-header{margin-top:10px;margin-left:0;float:left} #menumain .navbar-right{float:right;padding-left:15px;padding-right:15px} .btn.btn-regis,.btn.btn-regis-day{padding:8px 20px;margin-bottom:10px;width:100%} .info-agenda a.box-light{max-width:100%;height:auto;font-size:16px} .wrap-agenda,.pb0 .col-md-7,.pb0 .col-md-5,.about-section .col-md-12{padding-left:0!important;padding-right:0!important} footer{text-align:center} .nav-tabs#pageTabs{margin:auto;text-align:center} .nav-tabs#pageTabs > li{float:none;display:inline-block} h2.line-behind span{color:#1666a2;text-align:center;display:block;font-size:30px;line-height:36px} .panel.panel-ck-choose,.contact-section .header-ct h1{text-align:center} #menumain{margin-bottom:0} .agenda-section header p,.header-ct{text-align:center} .panel-ck-choose .panel-body{height:auto;min-height:auto} #accordion.ct-acc .panel.panel-default>.panel-heading .panel-title>a{text-decoration:none;font-size:16px;line-height:20px} .contact-body h2.title{margin-bottom:20px;text-align:center} #contact #line-color{margin:0 29%} #collapse4 ul{padding-left:10px} .logo-footer{padding:30px} #footer .footer-title{padding-left:15px} #day1 .about-section header>h1,#day1 .agenda-section h1, .slot-time h1, #day2 .about-section header>h1,#day2 .agenda-section h1,.slot-time h1{font-size:30px;line-height:36px} #day3 .about-section header>h1,#day3 .agenda-section h1,.slot-time h1{font-size:26px;line-height:34px} #day2 .about-section.about-day1 header>h4{font-size:22px;line-heigt:26px} #day2 .about-section .about-section-ct p{font-size:16px} #day1 .slot-time p span,#day2 .slot-time p span{display:initial} #day1 .bg_header_location h2.title-lg,#day2 .bg_header_location h2.title-lg{margin-top:0;margin-bottom:20px} #day1 .about-section,.slot-time,#day2 .about-section,.slot-time{padding-bottom:0} #day3 .counter p{font-size:14px} #day3 .title-xs{font-size:22px;line-height:26.4px} #day1 .counter p,#day2 .counter p{font-size:14px} } @media (max-width:750px) { .panel-ck-choose .panel-body{height:auto;min-height:auto} } @media(max-width:689px) { .ct-overview h2{font-size:40px;font-weight:700;color:#434343;font-family:'roboto_bold';text-transform:uppercase;letter-spacing:1px} .ct-overview h3{color:#434343;font-size:30px;font-family:'roboto_medium'} } @media(max-width:655px) { ul.group-lg{padding-left:0} .ct-overview h2{font-size:35px;font-weight:700;color:#434343;font-family:'roboto_bold';text-transform:uppercase;letter-spacing:1px} .ct-overview h3{color:#434343;font-size:25px;font-family:'roboto_medium'} } @media(max-width:640px) { ul.group-lg li{height:auto} .ct-overview.col-md-7,.bn-overview .col-md-12{padding-left:0;padding-right:0} .logo-brand img.logo-seo,.logo-brand img.logo-nova{padding-left:7px;padding-right:7px;height:35px} #accordion.ct-acc{padding:0} ul.group-lg label{padding:0;text-align:left} } @media(max-width:590px) { img.group-lg-ghn{height:14px} img.group-lg-google,img.group-lg-hrv,img.group-lg-vecita,img.group-lg-kiotviet,img.group-lg-lovaon{height:18px} } @media(max-width:556px) { .ct-overview h2{font-size:30px} .ct-overview h3{font-size:20px} } @media(max-width:526px) { .ct-overview h2{font-size:30px} .ct-overview h3{font-size:20px;margin-top:10px} } /* mobi new */ @media(min-width:1300px) { .wrap-agenda header p span{display:block;} .info-agenda p span{display:block} .section-benifit .ct-benifit p span{ display:block; } } @media(min-width:1199px) { /* #day1 .slot-time p span{display:block}*/ } @media(min-width:799px)and (max-width:1279px) { .wrap-agenda header p span{display:block;} .nav-tabs#pageTabs >li { float: none; display: inline-block; } .wrap-event_date .ct-event_date p.ct { min-height: auto; } .locations-section address .map-link{margin:0;} .locations-section{padding: 20px 0 60px;} } @media(min-width:360px)and (max-width:640px) { .event_date .title-lg{margin-bottom:20px;} .wrap-event_date .ct-event_date{padding:20px 0 0;} .bg_header_location h2.title-lg { margin-top: 20px; margin-bottom: 20px; } .locations-section address .map-link{margin:0;} .nav-footer>ul.nav-footer-g>li>a, .nav-footer>ul.nav-footer-hrv>li>a { font-size: 14px;line-height:16.8px} } @media(min-width:412px)and (max-width:732px) {} @media(min-width:600px)and (max-width:960px) { .agenda-section header p{padding-left:15px;padding-right:15px;} } @media(min-width:320px)and (max-width:533px) { .agenda-section header p, .info-agenda p { font-size: 16px; } .agenda-section header p{margin-bottom:15px;} .wrap-agenda .img-agenda{margin-top:20px;} .title-lg { font-size: 22px; line-height: 28px; } #day2 .title-lg { font-size: 20px; line-height: 24px; } #day2 .title-lg span{display:block;} } @media(min-width:360px)and (max-width:640px) { .agenda-section header p, .info-agenda p { font-size: 15px; } } @media(min-width:768px)and (max-width:1024px) { .agenda-section header p span{display:block} .wrap-agenda header p span{display:block;} .section-benifit .ct-benifit .title-xs {font-size: 14px;} #day1 .section-benifit .ct-benifit .title-xs {font-size: 13px;} } @media(max-width:988px) { .panel.panel-default.panel-slottime{margin-bottom:20px;} } @media(max-width:780px) { .slot-time{padding-left:0;padding-right:0} .slot-time header{padding-left:15px;padding-right:15px} } @media(max-width:988px) {} @media(max-width:736px) { .bg-blue p{min-height:100px;} } @media(max-width:768px) { .section-benifit .decs,.info-agenda{padding:0} .section-benifit .ct-benifit .title-xs { font-size: 15px; line-height: 18px; } .wrap-agenda{padding-left:15px;padding-right:15px;} .about-section header>h4 { font-size: 18px; line-height: 24px; } } @media(max-width:525px) { .bg-blue p{min-height:100px;font-size:15px;} } @media(max-width:436px) { .bg-blue p{min-height:100px;font-size:14px;} } @media(min-width:375px) and (max-width:640px){ .section-benifit{padding:0} .section-benifit .decs { padding: 0 0 15px 0; } /*.title-lg span{display:inline-block;}*/ .title-xs span,.wrap-event_date .ct-event_date p.ct span,#day3 .bg-blue p span, #day3 .section-benifit .ct-benifit p span,#day3 .info-agenda p span,#overview .info-agenda p span {display:block;} #day3 .title-xs span,#day3 .wrap-event_date .ct-event_date p.ct span{display:initial;} .locations-section address p {font-size: 15px;} .locations-section address .map-link{margin:0;} .bg_header_location h2.title-lg { margin-top: 0px; margin-bottom: 10px; } .info-agenda p { font-size: 14px; line-height: 22.4px; } #day3 .slot-time p { font-size: 15px; } /* .title-lg { font-size: 25px; line-height: 36px; } */ } @media(min-width:320px) and (max-width:375px){ .info-agenda p { font-size: 14px; line-height: 22.4px; } .title-lg { font-size: 25px; line-height: 30px; } .title-lg span { display: initial; } .wrap-event_date .ct-event_date .title-xs span,.wrap-event_date .ct-event_date p span{display:block} hr.line-bottom { margin-top: 10px; margin-bottom: 10px; } .about-section .about-section-ct p:first-child{margin-bottom:0;} #day1 .title-lg { font-size: 18px; line-height: 21.6px; } } @media(max-width:480px) { ul.group-lg label{padding:0;font-size:14px} img.group-lg-ghn{height:11px;margin:7px 0} img.group-lg-google,img.group-lg-hrv,img.group-lg-vecita,img.group-lg-kiotviet,img.group-lg-lovaon{height:13px;margin:7px 0} .menu-effect .navbar-header{float:none;text-align:center} .navbar-default.stuck{background-color:#f6f6f6} .logo-brand img.logo-seo,.logo-brand img.logo-nova{padding:5px;max-width:100px;vertical-align:-webkit-baseline-middle} .navbar-nav{margin-top:5px} #menumain .navbar-header{margin-top:5px} .logo-brand img.logo-seo{padding-left:0;height:30px;max-width:70px} .logo-brand img.logo-nova{max-width:80px;height:30px} .logo-brand img.logo-hrv{padding-left:7px;border-left:1px solid #d9d9d9;height:30px;max-width:90px;padding-top:5px;padding-bottom:5px;margin-top:4px} .panel-slottime .panel-body label{font-size:30px} .about-section header>h1,.agenda-section h1,.slot-time h1{font-size:28px;line-height:36px} #day2 .about-section header>h1, #day2 .agenda-section h1, .slot-time h1 { font-size: 25px; line-height: 30px; } #day2 .bg-blue p span, #day2 .section-benifit .ct-benifit p span, #day1 .section-benifit .ct-benifit p span {display:block} .wrap-bttn{margin:15px 0 0} .panel-slottime .panel-body label sup.am{position:relative;right:0;top:-17px;left:5px} .panel-slottime .panel-body label sup.pm{position:relative;top:7px;left:-14px} .slot-time p{font-size:16px} .col-md-12.ct-bt-slottime{padding-left:0;padding-right:0;} .panel-ck-choose .panel-body{height:auto;font-size:16px;padding:10px} .header-ct p{font-size:15px;color:#212121;line-height:18px} .contact-body h2.title{font-size:28px;margin-bottom:20px} #contact #line-color.line-lg{margin:0 13%} #contact #line-color{margin:0 29%} .counter p{font-size:12px;} .counter {padding:10px 0;} .about-section header>h4 { font-size: 17px; line-height: 20px; } .title-xs{font-size: 15px; line-height: 25px;margin-bottom:0} .bg-blue,.bg-blue .title-lg{padding:5px 0 20px;} .bg-blue p { min-height: 100px; font-size: 12px; } .ct-bt-slottime{padding-left:0;padding-right:0;} .ct-overview{padding:5px 0} .slot-time p:last-child{margin-bottom:20px} .bg_header_location h2.title-lg { margin-top: 0px; margin-bottom: 20px; } .agenda-section header p, .info-agenda p {font-size:13px;} .locations-section address p { font-size: 13px; } .locations-section address p.numberphone { color: #0eeaff; width: 30%; float: left; } .locations-section address .map-link { margin: 0; clear: both; } .bg-blue p {min-height: 100%;} #day1 .bg-blue p {min-height: 100px;} #day3 .about-section .about-section-ct p { font-size: 16px; } } @media(max-width:450px) { .ct-overview h2{font-size:22px} .ct-overview h3{font-size:16px} } @media(max-width:420px) { #menumain .navbar-header{margin-top:5px;float:none} #menumain .navbar-right{float:none;margin:auto;text-align:center;width:100%} .navbar-default .navbar-nav>li>a.btn.btn-regis,.navbar-default .navbar-nav>li>a.btn.btn-regis-day,.btn.btn-regis,.btn.btn-regis-day{text-align:center; width: calc(100% - 30px);} .wrap_tabs{padding:0} .line-behind{max-width:100%} .contact-body h2.title{margin-bottom:10px} } @media(max-width:356px) { .bg-blue p{min-height:100px;font-size:14px;} .bg-blue .col-md-12{padding-left:0;padding-right:0} } @media(max-width:380px) { .ct-bt-slottime{ margin-right: 0px; margin-left: 0;} #day1 .panel-slottime .panel-body label, #day2 .panel-slottime .panel-body label, #day3 .panel-slottime .panel-body label { font-size: 20px; } } @media(max-width:328px) { #day1 .panel-slottime .panel-body label, #day2 .panel-slottime .panel-body label, #day3 .panel-slottime .panel-body label { font-size: 18px; } } @media(max-width:320px){ .agenda-section header p,.info-agenda p{font-size:14px;line-height: 18px;} .info-agenda p{padding-left:15px;padding-right:15px} .info-agenda p span{display:initial} .wrap-event_date .ct-event_date p{font-size:15px} .counter p{font-size:11px} .counter{padding:20px 0 5px;} .slot-time{padding:0 0 5px;} .about-section header>h4{font-size:17px;line-height: 20.4px;} .title-xs { font-size: 15px; line-height: 18px; margin-bottom: 0; } .bg-blue,.bg-blue .title-lg{padding:0 0 20px;} .bg-blue p{min-height:100%;font-size:12px} .ct-bt-slottime{padding-left:0;padding-right:0} .bg_header_location h2.title-lg{margin-top:0;margin-bottom:20px} .nav-tabs#pageTabs > li >a { font-size: 14px; color: #444; } img.group-lg-ghn{height:11px;margin:7px 0} img.group-lg-google,img.group-lg-hrv,img.group-lg-vecita,img.group-lg-kiotviet,img.group-lg-lovaon{height:13px;margin:7px 0} ul.group-lg label{font-size:12px} .ct-overview h2{font-size:16px} .ct-overview h3{font-size:16px} ul.group-lg{padding-left:7px} .contact-body h2.title{font-size:22px} #line-color.line-lg:before{border-left:50px solid #ffa900;border-right:50px solid #00a753} #line-color.line-lg:after{border-left:50px solid #0089fa;border-right:50px solid #ff002b} #contact #line-color.line-lg{margin:0 14%} #contact #line-color{margin:0 25%} .header-ct p{font-size:12px;color:#212121;line-height:18px} .about-section header>h4{font-size:18px;line-height:22px} .about-section .about-section-ct p,.info-agenda p{font-size:14px} .about-section header>h1, .agenda-section h1, .slot-time h1 { font-size: 28px; line-height: 33.6px; } #day1 .ct-overview h2{font-size:25px;line-height:28px} #day1 .about-section header>h1,#day1 .agenda-section h1,#day1 .slot-time h1{font-size:29px;line-height:32px} #day3 .about-section .about-section-ct p,#day3 .info-agenda p { font-size: 13px; line-height: 17.8px; } #day3 .wrap-ct-benifit{margin-top:20px;} } /*RESPONSIVE LINE BEHIND*/ @media(min-width:1270px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 515px}}@media(max-width:1172px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 460px}.panel-ck-choose .panel-body{min-height: 190px}}@media(max-width:1160px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 455px}}@media(max-width:1152px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 450px}}@media(max-width:1148px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 447px}}@media(max-width:1140px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 445px}}@media(max-width:1136px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 443px}}@media(max-width:1128px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 438px}}@media(max-width:1124px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 437px}}@media(max-width:1120px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 434px}}@media(max-width:1108px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 427px}}@media(max-width:1104px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 426px}}@media(max-width:1100px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 425px}}@media(max-width:1096px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 420px}}@media(max-width:1092px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 420px}}@media(max-width:1084px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 416px}}@media(max-width:1080px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 413px}}@media(max-width:1076px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 410px}}@media(max-width:1072px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 409px}}@media(max-width:1064px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 405px}}@media(max-width:1060px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 405px}}@media(max-width:1056px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 402px}}@media(max-width:1048px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 398px}}@media(max-width:1024px){.bg_header_location .line-behind span:before, .bg_header_location .line-behind span:after{width: 388px}}@media(max-width:320px){.btn.btn-lg-regis{width: 100%}}@media(min-width:1030px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 265px}}@media(min-width:1034px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 268px}}@media(min-width:1046px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 275px}}@media(min-width:1058px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 280px}}@media(min-width:1070px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 285px}}@media(min-width:1080px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 290px}}@media(min-width:1090px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 295px}}@media(min-width:1100px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 300px}}@media(min-width:1110px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 305px}}@media(min-width:1122px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 313px}}@media(min-width:1146px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 325px}}@media(min-width:1158px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 330px}}@media(min-width:1174px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 335px}}@media(min-width:1186px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 345px}}@media(min-width:1190px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 345px}}@media(min-width:1198px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 350px}}@media(min-width:1206px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 303px}}@media(min-width:1202px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 302px}}@media(min-width:1218px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 310px}}@media(min-width:1242px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 322px}}@media(min-width:1254px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 328px}}@media(min-width:1270px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 335px}}@media(min-width:1278px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 340px}}@media(min-width:1294px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 347px}}@media(min-width:1310px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 355px}}@media(min-width:1330px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 365px}}@media(min-width:1346px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 370px}}@media(min-width:1358px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 380px}}@media(min-width:1366px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 385px}}@media(min-width:1390px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 395px}}@media(min-width:1414px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 407px}}@media(min-width:1418px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 410px}}@media(min-width:1454px){.line-behind.line-behind-lg span:before,.line-behind.line-behind-lg span:after{width: 428px}} /*ANIMATED*/ @charset "UTF-8";@-moz-keyframes spinoffPulse{0%{-moz-transform: rotate(0deg)}100%{-moz-transform: rotate(360deg)}}@-webkit-keyframes spinoffPulse{0%{-webkit-transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg)}}.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s}@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0);transform: translateY(0)}40%{-webkit-transform: translateY(-30px);transform: translateY(-30px)}60%{-webkit-transform: translateY(-15px);transform: translateY(-15px)}}@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}40%{-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px)}60%{-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px)}}.bounce{-webkit-animation-name: bounce;animation-name: bounce}@-webkit-keyframes flash{0%, 50%, 100%{opacity: 1}25%, 75%{opacity: 0}}@keyframes flash{0%, 50%, 100%{opacity: 1}25%, 75%{opacity: 0}}.flash{-webkit-animation-name: flash;animation-name: flash}@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);transform: scale(1)}50%{-webkit-transform: scale(1.1);transform: scale(1.1)}100%{-webkit-transform: scale(1);transform: scale(1)}}@keyframes pulse{0%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}50%{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}100%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}}.pulse{-webkit-animation-name: pulse;animation-name: pulse}@-webkit-keyframes shake{0%, 100%{-webkit-transform: translateX(0);transform: translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px);transform: translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px);transform: translateX(10px)}}@keyframes shake{0%, 100%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)}}.shake{-webkit-animation-name: shake;animation-name: shake}@-webkit-keyframes swing{20%{-webkit-transform: rotate(15deg);transform: rotate(15deg)}40%{-webkit-transform: rotate(-10deg);transform: rotate(-10deg)}60%{-webkit-transform: rotate(5deg);transform: rotate(5deg)}80%{-webkit-transform: rotate(-5deg);transform: rotate(-5deg)}100%{-webkit-transform: rotate(0);transform: rotate(0)}}@keyframes swing{20%{-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg)}40%{-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg)}60%{-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg)}80%{-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg)}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}}.swing{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing}@-webkit-keyframes tada{0%{-webkit-transform: scale(1);transform: scale(1)}10%, 20%{-webkit-transform: scale(.9)rotate(-3deg);transform: scale(.9)rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1)rotate(3deg);transform: scale(1.1)rotate(3deg)}40%, 60%, 80%{-webkit-transform: scale(1.1)rotate(-3deg);transform: scale(1.1)rotate(-3deg)}100%{-webkit-transform: scale(1)rotate(0);transform: scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}10%, 20%{-webkit-transform: scale(.9)rotate(-3deg);-ms-transform: scale(.9)rotate(-3deg);transform: scale(.9)rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1)rotate(3deg);-ms-transform: scale(1.1)rotate(3deg);transform: scale(1.1)rotate(3deg)}40%, 60%, 80%{-webkit-transform: scale(1.1)rotate(-3deg);-ms-transform: scale(1.1)rotate(-3deg);transform: scale(1.1)rotate(-3deg)}100%{-webkit-transform: scale(1)rotate(0);-ms-transform: scale(1)rotate(0);transform: scale(1)rotate(0)}}.tada{-webkit-animation-name: tada;animation-name: tada}@-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%);transform: translateX(0%)}15%{-webkit-transform: translateX(-25%)rotate(-5deg);transform: translateX(-25%)rotate(-5deg)}30%{-webkit-transform: translateX(20%)rotate(3deg);transform: translateX(20%)rotate(3deg)}45%{-webkit-transform: translateX(-15%)rotate(-3deg);transform: translateX(-15%)rotate(-3deg)}60%{-webkit-transform: translateX(10%)rotate(2deg);transform: translateX(10%)rotate(2deg)}75%{-webkit-transform: translateX(-5%)rotate(-1deg);transform: translateX(-5%)rotate(-1deg)}100%{-webkit-transform: translateX(0%);transform: translateX(0%)}}@keyframes wobble{0%{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%)}15%{-webkit-transform: translateX(-25%)rotate(-5deg);-ms-transform: translateX(-25%)rotate(-5deg);transform: translateX(-25%)rotate(-5deg)}30%{-webkit-transform: translateX(20%)rotate(3deg);-ms-transform: translateX(20%)rotate(3deg);transform: translateX(20%)rotate(3deg)}45%{-webkit-transform: translateX(-15%)rotate(-3deg);-ms-transform: translateX(-15%)rotate(-3deg);transform: translateX(-15%)rotate(-3deg)}60%{-webkit-transform: translateX(10%)rotate(2deg);-ms-transform: translateX(10%)rotate(2deg);transform: translateX(10%)rotate(2deg)}75%{-webkit-transform: translateX(-5%)rotate(-1deg);-ms-transform: translateX(-5%)rotate(-1deg);transform: translateX(-5%)rotate(-1deg)}100%{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%)}}.wobble{-webkit-animation-name: wobble;animation-name: wobble}@-webkit-keyframes bounceIn{0%{opacity: 0;-webkit-transform: scale(.3);transform: scale(.3)}50%{opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05)}70%{-webkit-transform: scale(.9);transform: scale(.9)}100%{-webkit-transform: scale(1);transform: scale(1)}}@keyframes bounceIn{0%{opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3)}50%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}70%{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9)}100%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}}.bounceIn{-webkit-animation-name: bounceIn;animation-name: bounceIn}@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px)}60%{opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px)}80%{-webkit-transform: translateY(-10px);transform: translateY(-10px)}100%{-webkit-transform: translateY(0);transform: translateY(0)}}@keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px)}60%{opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px)}80%{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px)}100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}.bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px)}60%{opacity: 1;-webkit-transform: translateX(30px);transform: translateX(30px)}80%{-webkit-transform: translateX(-10px);transform: translateX(-10px)}100%{-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px)}60%{opacity: 1;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px)}80%{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px)}100%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}.bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px)}60%{opacity: 1;-webkit-transform: translateX(-30px);transform: translateX(-30px)}80%{-webkit-transform: translateX(10px);transform: translateX(10px)}100%{-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes bounceInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px)}60%{opacity: 1;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px)}80%{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)}100%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}.bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px)}60%{opacity: 1;-webkit-transform: translateY(-30px);transform: translateY(-30px)}80%{-webkit-transform: translateY(10px);transform: translateY(10px)}100%{-webkit-transform: translateY(0);transform: translateY(0)}}@keyframes bounceInUp{0%{opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px)}60%{opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px)}80%{-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}.bounceInUp{-webkit-animation-name: bounceInUp;animation-name: bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform: scale(1);transform: scale(1)}25%{-webkit-transform: scale(.95);transform: scale(.95)}50%{opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1)}100%{opacity: 0;-webkit-transform: scale(.3);transform: scale(.3)}}@keyframes bounceOut{0%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}25%{-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95)}50%{opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}100%{opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3)}}.bounceOut{-webkit-animation-name: bounceOut;animation-name: bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform: translateY(0);transform: translateY(0)}20%{opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px)}100%{opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}20%{opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px)}100%{opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px)}}.bounceOutDown{-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform: translateX(0);transform: translateX(0)}20%{opacity: 1;-webkit-transform: translateX(20px);transform: translateX(20px)}100%{opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}20%{opacity: 1;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px)}100%{opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform: translateX(0);transform: translateX(0)}20%{opacity: 1;-webkit-transform: translateX(-20px);transform: translateX(-20px)}100%{opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}20%{opacity: 1;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px)}100%{opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px)}}.bounceOutRight{-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0);transform: translateY(0)}20%{opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px)}100%{opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}20%{opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px)}100%{opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px)}}.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(20px);transform: translateY(20px)}100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}@keyframes fadeInUp{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)}}.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)translateZ(0)rotateY(0)scale(1);transform: perspective(400px)translateZ(0)rotateY(0)scale(1)}0%, 40%{-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform: perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform: perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform: perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform: perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%, 100%{-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}100%{-webkit-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform: perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform: perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform: perspective(400px)translateZ(0)rotateY(0)scale(1);transform: perspective(400px)translateZ(0)rotateY(0)scale(1)}0%, 40%{-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform: perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform: perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform: perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform: perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform: perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform: perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%, 100%{-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}100%{-webkit-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform: perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform: perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip}@-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px)rotateX(90deg);transform: perspective(400px)rotateX(90deg);opacity: 0}40%{-webkit-transform: perspective(400px)rotateX(-10deg);transform: perspective(400px)rotateX(-10deg)}70%{-webkit-transform: perspective(400px)rotateX(10deg);transform: perspective(400px)rotateX(10deg)}100%{-webkit-transform: perspective(400px)rotateX(0);transform: perspective(400px)rotateX(0);opacity: 1}}@keyframes flipInX{0%{-webkit-transform: perspective(400px)rotateX(90deg);-ms-transform: perspective(400px)rotateX(90deg);transform: perspective(400px)rotateX(90deg);opacity: 0}40%{-webkit-transform: perspective(400px)rotateX(-10deg);-ms-transform: perspective(400px)rotateX(-10deg);transform: perspective(400px)rotateX(-10deg)}70%{-webkit-transform: perspective(400px)rotateX(10deg);-ms-transform: perspective(400px)rotateX(10deg);transform: perspective(400px)rotateX(10deg)}100%{-webkit-transform: perspective(400px)rotateX(0);-ms-transform: perspective(400px)rotateX(0);transform: perspective(400px)rotateX(0);opacity: 1}}.flipInX{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInX;animation-name: flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px)rotateY(90deg);transform: perspective(400px)rotateY(90deg);opacity: 0}40%{-webkit-transform: perspective(400px)rotateY(-10deg);transform: perspective(400px)rotateY(-10deg)}70%{-webkit-transform: perspective(400px)rotateY(10deg);transform: perspective(400px)rotateY(10deg)}100%{-webkit-transform: perspective(400px)rotateY(0);transform: perspective(400px)rotateY(0);opacity: 1}}@keyframes flipInY{0%{-webkit-transform: perspective(400px)rotateY(90deg);-ms-transform: perspective(400px)rotateY(90deg);transform: perspective(400px)rotateY(90deg);opacity: 0}40%{-webkit-transform: perspective(400px)rotateY(-10deg);-ms-transform: perspective(400px)rotateY(-10deg);transform: perspective(400px)rotateY(-10deg)}70%{-webkit-transform: perspective(400px)rotateY(10deg);-ms-transform: perspective(400px)rotateY(10deg);transform: perspective(400px)rotateY(10deg)}100%{-webkit-transform: perspective(400px)rotateY(0);-ms-transform: perspective(400px)rotateY(0);transform: perspective(400px)rotateY(0);opacity: 1}}.flipInY{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px)rotateX(0);transform: perspective(400px)rotateX(0);opacity: 1}100%{-webkit-transform: perspective(400px)rotateX(90deg);transform: perspective(400px)rotateX(90deg);opacity: 0}}@keyframes flipOutX{0%{-webkit-transform: perspective(400px)rotateX(0);-ms-transform: perspective(400px)rotateX(0);transform: perspective(400px)rotateX(0);opacity: 1}100%{-webkit-transform: perspective(400px)rotateX(90deg);-ms-transform: perspective(400px)rotateX(90deg);transform: perspective(400px)rotateX(90deg);opacity: 0}}.flipOutX{-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px)rotateY(0);transform: perspective(400px)rotateY(0);opacity: 1}100%{-webkit-transform: perspective(400px)rotateY(90deg);transform: perspective(400px)rotateY(90deg);opacity: 0}}@keyframes flipOutY{0%{-webkit-transform: perspective(400px)rotateY(0);-ms-transform: perspective(400px)rotateY(0);transform: perspective(400px)rotateY(0);opacity: 1}100%{-webkit-transform: perspective(400px)rotateY(90deg);-ms-transform: perspective(400px)rotateY(90deg);transform: perspective(400px)rotateY(90deg);opacity: 0}}.flipOutY{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipOutY;animation-name: flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%)skewX(-30deg);transform: translateX(100%)skewX(-30deg);opacity: 0}60%{-webkit-transform: translateX(-20%)skewX(30deg);transform: translateX(-20%)skewX(30deg);opacity: 1}80%{-webkit-transform: translateX(0%)skewX(-15deg);transform: translateX(0%)skewX(-15deg);opacity: 1}100%{-webkit-transform: translateX(0%)skewX(0);transform: translateX(0%)skewX(0);opacity: 1}}@keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%)skewX(-30deg);-ms-transform: translateX(100%)skewX(-30deg);transform: translateX(100%)skewX(-30deg);opacity: 0}60%{-webkit-transform: translateX(-20%)skewX(30deg);-ms-transform: translateX(-20%)skewX(30deg);transform: translateX(-20%)skewX(30deg);opacity: 1}80%{-webkit-transform: translateX(0%)skewX(-15deg);-ms-transform: translateX(0%)skewX(-15deg);transform: translateX(0%)skewX(-15deg);opacity: 1}100%{-webkit-transform: translateX(0%)skewX(0);-ms-transform: translateX(0%)skewX(0);transform: translateX(0%)skewX(0);opacity: 1}}.lightSpeedIn{-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%)skewX(0);transform: translateX(0%)skewX(0);opacity: 1}100%{-webkit-transform: translateX(100%)skewX(-30deg);transform: translateX(100%)skewX(-30deg);opacity: 0}}@keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%)skewX(0);-ms-transform: translateX(0%)skewX(0);transform: translateX(0%)skewX(0);opacity: 1}100%{-webkit-transform: translateX(100%)skewX(-30deg);-ms-transform: translateX(100%)skewX(-30deg);transform: translateX(100%)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: rotate(-200deg);transform: rotate(-200deg);opacity: 0}0%, 100%{-webkit-transform-origin: center center;transform-origin: center center}100%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}}@keyframes rotateIn{0%{-webkit-transform: rotate(-200deg);-ms-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0}0%, 100%{-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}}.rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}0%, 100%{-webkit-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}}@keyframes rotateInDownLeft{0%{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}0%, 100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}}.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}0%, 100%{-webkit-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}}@keyframes rotateInDownRight{0%{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}0%, 100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}}.rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}0%, 100%{-webkit-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}}@keyframes rotateInUpLeft{0%{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}0%, 100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}}.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}0%, 100%{-webkit-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}}@keyframes rotateInUpRight{0%{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}0%, 100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: center center;transform-origin: center center}100%{-webkit-transform: rotate(200deg);transform: rotate(200deg);opacity: 0}}@keyframes rotateOut{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center}100%{-webkit-transform: rotate(200deg);-ms-transform: rotate(200deg);transform: rotate(200deg);opacity: 0}}.rotateOut{-webkit-animation-name: rotateOut;animation-name: rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}@keyframes rotateOutDownLeft{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}}@keyframes rotateOutDownRight{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}}@keyframes rotateOutUpLeft{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}100%{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}@keyframes rotateOutUpRight{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1}0%, 100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}100%{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px)}100%{-webkit-transform: translateY(0);transform: translateY(0)}}@keyframes slideInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px)}100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown}@-webkit-keyframes slideInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px)}100%{-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes slideInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px)}100%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}.slideInLeft{-webkit-animation-name: slideInLeft;animation-name: slideInLeft}@-webkit-keyframes slideInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px)}100%{-webkit-transform: translateX(0);transform: translateX(0)}}@keyframes slideInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px)}100%{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0);transform: translateX(0)}100%{opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px)}}@keyframes slideOutLeft{0%{-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)}}.slideOutLeft{-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0);transform: translateX(0)}100%{opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px)}}@keyframes slideOutRight{0%{-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)}}.slideOutRight{-webkit-animation-name: slideOutRight;animation-name: slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0);transform: translateY(0)}100%{opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px)}}@keyframes slideOutUp{0%{-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)}}.slideOutUp{-webkit-animation-name: slideOutUp;animation-name: slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform: rotate(0);transform: rotate(0)}0%, 20%, 60%{-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: rotate(80deg);transform: rotate(80deg)}40%{-webkit-transform: rotate(60deg);transform: rotate(60deg)}40%, 80%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}80%{-webkit-transform: rotate(60deg)translateY(0);transform: rotate(60deg)translateY(0);opacity: 1}100%{-webkit-transform: translateY(700px);transform: translateY(700px);opacity: 0}}@keyframes hinge{0%{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}0%, 20%, 60%{-webkit-transform-origin: top left;-ms-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: rotate(80deg);-ms-transform: rotate(80deg);transform: rotate(80deg)}40%{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg)}40%, 80%{-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}80%{-webkit-transform: rotate(60deg)translateY(0);-ms-transform: rotate(60deg)translateY(0);transform: rotate(60deg)translateY(0);opacity: 1}100%{-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0}}.hinge{-webkit-animation-name: hinge;animation-name: hinge}@-webkit-keyframes rollIn{0%{opacity: 0;-webkit-transform: translateX(-100%)rotate(-120deg);transform: translateX(-100%)rotate(-120deg)}100%{opacity: 1;-webkit-transform: translateX(0)rotate(0);transform: translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity: 0;-webkit-transform: translateX(-100%)rotate(-120deg);-ms-transform: translateX(-100%)rotate(-120deg);transform: translateX(-100%)rotate(-120deg)}100%{opacity: 1;-webkit-transform: translateX(0)rotate(0);-ms-transform: translateX(0)rotate(0);transform: translateX(0)rotate(0)}}.rollIn{-webkit-animation-name: rollIn;animation-name: rollIn}@-webkit-keyframes rollOut{0%{opacity: 1;-webkit-transform: translateX(0)rotate(0);transform: translateX(0)rotate(0)}100%{opacity: 0;-webkit-transform: translateX(100%)rotate(120deg);transform: translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity: 1;-webkit-transform: translateX(0)rotate(0);-ms-transform: translateX(0)rotate(0);transform: translateX(0)rotate(0)}100%{opacity: 0;-webkit-transform: translateX(100%)rotate(120deg);-ms-transform: translateX(100%)rotate(120deg);transform: translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name: rollOut;animation-name: rollOut}