/******************************************************************************************
   + Global Settings 
*******************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html, body { height:100% }
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 1.6; height: 100%; color: #333; }
h1 { font-family: inherit; font-weight: 400; font-style: inherit; font-size: 2.8em; line-height: 1.15; margin-top: 23px; margin-bottom: 5px; color: #000 }
h2 { font-family: inherit; font-weight: 400; font-style: inherit; font-size: 2.2em; line-height: 1.3; margin-top: 40px; margin-bottom: 40px; color: #000 }
h3 { font-family: inherit; font-weight: 400; font-style: inherit; font-size: 1.5em; line-height: 1.3; margin-top: 35px; margin-bottom: 25px; color: #000 }
h4 { font-family: inherit; font-weight: 600; font-style: inherit; font-size: 1.1em; line-height: 1.3; margin-top: 23px; margin-bottom: 20px; color: #000 }
h5 { font-family: inherit; font-weight: 400; font-style: inherit; font-size: 0.8em; line-height: 23px; margin-top: 23px; margin-bottom: 10px;}
p, ul, ol, pre, table, blockquote, address { margin-top: 0px; margin-bottom: 23px;}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; } hr { border: 1px solid; margin: -1px 0; }
b, strong, em, small, code, modal { line-height: 1; }
b, strong {font-weight: 600;}
a, a:active {color: #4ea6f8; text-decoration: none;}
a:hover, a:focus {color: #1e4c80; text-decoration: none !important;}
.btn-primary, a.btn-primary, .btn-blue, a.btn-blue, button.btn-primary { transition: 150ms linear; background-color: transparent; border-radius: 0; line-height: 1; padding:15px 30px 15px 20px; color: #333; text-shadow: none; border:1px solid #333; position: relative; text-align: left; min-width: 150px;}
.btn-primary:after, a.btn-primary:after, button.btn-primary:after { content: '+'; position: absolute; top:15px; right: 15px; z-index: 1; display: block; transition: 150ms ease; font-size: 1.2}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, button.btn-primary:focus, button.btn-primary:hover, input.btn-primary:active {background-color: #008aaf; color: #fff; border-color: #008aaf; min-width: 170px; }
.btn-primary:hover:after, a.btn-primary:hover:after, button.btn-primary:after {content: "\f105"; font-family: 'FontAwesome'; }
.btn.btn-blue, a.btn.btn-blue {background-color: #008aaf; border-color: #008aaf; color: #fff}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, a.btn-blue:hover, a.btn-blue:focus, a.btn-blue:active {background-color: #ff8f01; color: #fff; outline: none; border-color: #ff8f01}
.btn-primary.reverse, a.btn-primary.reverse {border-color: #fff; color: #fff}
.btn-primary.reverse:hover, .btn-primary.reverse:active, .btn-primary.reverse:focus, a.btn-primary.reverse:hover, a.btn-primary.reverse:active, a.btn-primary.reverse:focus {border-color: #008aaf}
.btn.rounded {border-radius: 50%; min-width: inherit; padding:12px;}
.btn-primary.btn-back {padding:15px 20px 15px 30px; text-align: right;}
.btn-primary.btn-back:after {content: "\f104"; font-family: 'FontAwesome'; right: initial; left: 15px; }
.btn-primary.btn-back:hover:after, .btn-primary.btn-back:focus:after {content: "\f104";}
.container {width: 100%; max-width: 1170px;}
input.form-control, select.form-control {border-radius: 0; border-color: #eee;}
.ico {background-size: cover; background-repeat: no-repeat; display: inline-block; vertical-align: bottom;}
.selectbox:before { content: ''; }
.gutter-15.row { margin-right: -7.5px; margin-left: -7.5px; }
.gutter-15 > [class^="col-"], .gutter-15 > [class^=" col-"] { padding-right: 7.5px; padding-left: 7.5px; }
::-moz-selection { background-color:#4ea6f8; color:#fff }
::selection { background-color: #4ea6f8; color: #fff }

/******************************************************************************************
   + Header 
*******************************************************************************************/
header {position: fixed; top: 0; z-index: 4; margin:auto; left: 0; width: 100%; transition: top 0.2s ease-in-out; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05)}
header .site-brand {display: inline-block;padding: 10px 0 10px 15px;}
header .site-brand img {width: 130px; transition: 150ms linear;}
.main-nav {list-style: none; padding:0; margin:0;}
#side-nav .main-nav>li {margin-bottom: 15px; position: relative;}
#side-nav .main-nav>li.active a {color:#000;}
#side-nav .main-nav>li>a {color:#333; font-weight: 400; text-transform: uppercase;}
#side-nav .main-nav>li li a {color:#333; font-weight: 400;}
#side-nav .main-nav>li.cta a {background-color: #ff8f01; color: #fff !important; padding:12px; transition: 150ms linear;}
#side-nav .main-nav>li.cta:hover a {background-color: #008aaf;}
.search-wrapper {position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.search-wrapper>a {margin-left: 5px; margin-right: 5px; font-size: 24px; color: #016080}
.search-wrapper>a img {max-width: 32px;}
/******************************************************************************************
   + General & Home
*******************************************************************************************/
.bg-light {background-color: #f3f3f3}
.bg-dark {background-color: #222222;}
section {padding-top: 30px; padding-bottom: 30px;}
section h2 {font-weight: 300;}
section h2 strong {font-weight: 600;}
section .img-holder img {max-width: 100%}
section.noPd {padding:0 !important;}
section.hero {font-size: 0px; color: #fff;}
section.footer {padding-bottom: 0; font-size: 0.80em;}
section.footer .footnote {background-color: #222; color: #fff; padding-top: 15px; padding-bottom: 15px;}
section.footer .footnote a {color: inherit;}
section.footer .footnote p, section.footer .footnote ul {margin:0;}
section.footer .footnote .social-twitter a {display: block; border-radius: 50%; color: #000; background-color: #fff; width: 22px; height: 22px; text-align: center; line-height: 22px;}
section.footer .sitemap {padding-bottom: 30px;}
section.footer .sitemap li {border-bottom: 1px solid #58657f; padding: 10px 0}
section.footer .sitemap li.title {color: #4ea6f8; margin-bottom: 20px; font-size: 1.15em; font-weight: 600; border-bottom: none;}
section.footer .sitemap li>a {color: inherit;}
section.footer .sitemap li>a:hover, section.footer .sitemap li>a:focus {color: #fff;}
section.footer .sitemap .block-icon-location {float: left;background-color: #008aaf; padding:10px; margin-right: 20px;}
section.footer .sitemap .contact-caption {overflow: hidden;}
section.footer .sitemap .contact-caption .title {font-size: 1.4em; color: #008aaf; margin-bottom: 3px;}
section.footer .sitemap .contact-caption address span {color: #fc9c22;}
section.footer .sitemap label {float: left; margin-right: 15px; margin-top: 7px; text-transform: uppercase;}
section.footer .sitemap .input-group{overflow: hidden;}
section.footer .sitemap .input-group .btn {background-color: #008aaf; color: #fff}
section.parallax {height: 350px;}
section.parallax .bg {background-position: center; background-size: cover; background-attachment: fixed; display: block; width: 100%; height: 100%}
section .card {text-align: center; margin:0px 30px 20px; position: relative; padding-bottom: 60px; overflow: hidden; color: inherit; display: block;}
section .card .caption {margin-top: 20px;}
section .card .caption .title {text-transform: uppercase; margin-bottom: 15px; font-size: 1.1em; min-height: 45px;}
section .card {color: inherit;}
section .card:hover .caption .title {color: #ff8f01;}
section.home-service .card:hover .btn {bottom: 0}
section.home-service .card-footer {text-align: center;}
section.home-service .card-footer .btn {padding:20px; position: absolute; bottom: -60px; left: 0; right: 0; width: 45px; height: 45px; margin:auto;}
section.home-service .card-footer .btn:after {content: '+'; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); left: 0; right: 0}
section.home-news {background-image: url(../images/bg-index-news.png); background-repeat: repeat-y; background-position: center;}
section.home-news .row > .col-sm-6 {padding-top: 30px; padding-bottom: 30px;}
section.home-news .section-press h2 {color: #fff}
section.home-news .section-press .item {margin-bottom: 20px; transition: 250ms linear; position: relative; display: block; color: #ff8f01; overflow: hidden;}
section.home-news .section-press .item .post-date {color: #fff; margin-top: 8px;}
.main-body hr {border-color: #e1e1e1; border-width: 1px;}
.floating-tools {position: fixed; right: 0; top: 200px; z-index: 12;}
.floating-tools .btn-lodge a {background-color: #ff8f01;}
.floating-tools .btn-consolidated a {background-color: #008aaf;}
.floating-tools a {display: block;  padding:10px; color: #fff; margin-bottom: 3px; vertical-align: middle; transition: 200ms linear; transition: 150ms linear; position: absolute; width: 36px; height: 36px; overflow:hidden; white-space: nowrap; right: 0}
.floating-tools a .ico {width: 20px; height: 20px; position: relative; top:-6px;}
.floating-tools span {display: inline-block; margin-left: 10px; position: relative; top: -5px;}
.floating-tools div.active a { width: auto; }
.floating-tools div+div { margin-top: 40px; }
.ico-lodge {background-image: url(../images/icon-lodge.png);}
.ico-consolidated {background-image: url(../images/icon-consolidated.png);}

/******************************************************************************************
   + Main
*******************************************************************************************/
.main-hero {height:auto; overflow: hidden; position: relative; text-align: center; background-color: #008aaf; color: #fff}
.main-hero h1 {font-size: 2.2em; margin:0; margin-left: auto; margin-right: auto; padding:1em; color: inherit; font-weight: 600;}
.main-body h1, .main-body h2 {font-size: 2.2em; margin-bottom: 1em;margin-top: 0;}
.main-body figure {padding-top: 30px; padding-bottom: 15px;}
.main-body figure h2 {text-align: center;}
.main-body figure ol li, .main-body figure ul li{margin-bottom: 12px;}
.list-parties {min-height: 758px; position: relative;}
.list-parties>.row {position: relative; z-index: 2}
.list-parties .item {margin-bottom: 25px; min-height: 80px;}
.list-parties p {margin-bottom: 0; font-size: 0.82em;}
.list-parties .bg-img {position:absolute; top:0; left:0; right:0; margin:auto; z-index:1; background-image: url(../images/bg-map.jpg); background-size: cover; min-height: inherit; width: 100%; display: block; background-position: top center}
.sec-pillars h4{ color: #fff }
.sec-pillars .title {color:#ff8f01}
.sec-pillars .descp {color: #ccc}
.main-body figure:last-child {border-bottom: 1px solid #e6e6e6}
figure.sec-news h2 {text-align: left;}
.list-news, .entry-title {list-style: none; padding:0;}
.list-news li {padding:20px; transition: 200ms linear; border-bottom: 1px solid #efefef; margin:0; position: relative;}
.list-news li a {display: block}
.list-news li p {font-size: 0.85em;}
.list-news .post-date {padding-right: 30px;}
.list-news .post-date .wrap-inner {font-weight:300; background-color: #008aaf; margin-left: auto; margin-right: auto; text-align: center; color: #fff; line-height: 1.3; min-width: 70px;padding: 8px;}
.list-news .post-date .wrap-inner span {display: block; font-weight: 700;}
.list-news .post-body {overflow:visible;}
.list-news .post-body .entry-title {display: block; color: #333 }
.list-news li:hover {background-color: #fafafa;}
.list-news .btn-arrow {position: absolute; right: -32px; background-color: #008aaf; width: 32px; height: 100%; top: 0; opacity: 0; visibility: hidden; transition: 150ms linear}
.list-news li:hover .btn-arrow {opacity: 1; visibility: visible; right: 0px}
.list-news li:hover .btn-arrow:after {content: "\f105"; font-family: 'FontAwesome'; color: #fff; top: 50%; transform: translateY(-50%); position: absolute; left: 16px;}
.list-events a {display: block; color: #333; margin-bottom: 25px;}
.list-events .media-left {padding-right: 35px;}
.list-events .media-body .post-date {margin-top: 8px; margin-bottom: 8px;}
.list-events .img-holder img {width: 250px; max-width: unset}
.sec-pagination {text-align: right; clear: both; margin-bottom: 40px;}
.sec-pagination .pagination {list-style: none; padding:0;}
.sec-pagination .pagination li a {background-color: #eaeaea; border:none; color: inherit; padding:8px 12px; line-height: 1; margin-left: 3px; margin-right: 3px; border-radius: 50%; float: none;}
.sec-pagination .pagination li.active a {background-color: #008aaf; color: #fff; font-weight: 600;}
.sec-pagination .pagination .previous a, .sec-pagination .pagination .next a {background-color: transparent; font-size: 0.9em; color: #666}
.filter {background-color: #f1f1f1; text-align: center; padding-left: 12px; padding-right: 12px; margin-bottom: 40px;}
.filter ul {margin-bottom: 0; padding-top: 12px;}
.filter .col-xs-12 {padding-left: 15px; padding-right: 15px;}
.filter .nav-pills>li {margin-left: 8px; margin-right: 8px;}
.filter .nav-pills>li>a{color: #333}
.filter .nav-pills>li.active>a, .filter .nav>li>a:hover{background-color: #008aaf; color: #fff}
.post-content .post-hero, .post-content .post-date {margin-bottom: 8px;}
ul.pagination>.active>a {background-color: #008aaf}
ul.pagination>li>a {color: #008aaf}
.list-reports, .list-gallery, .list-video {list-style: none; margin:20px 0; padding-left: 0; font-size: 0.9em; margin-left: -2%; margin-right: -2%}
.list-reports .item, .list-gallery .item, .list-video .item {width: 200px; margin-left: 2%; margin-right: 2%; display: inline-block; margin-bottom: 25px; vertical-align: top;}
.list-reports .report-cover, .list-gallery .gallery-cover, .list-video .video-cover {margin-bottom: 15px; border: 1px solid rgba(0,0,0,0.1);}
.list-reports .report-type, .list-gallery .gallery-type, .list-video .video-type { width: 20px; background-size: contain; background-repeat: no-repeat; padding-right: 20px; background-position: top 5px center; }
.list-reports .report-type.pdf {background-image:url(../images/img-doc-type-pdf.png)}
.list-reports .media-body, .list-gallery .media-body, .list-video .media-body {min-height: 120px; padding-left: 15px; color: #333;}
.list-gallery, .list-video {margin-left: -1%; margin-right: -1%;}
.list-gallery .item, .list-video .item {width: 285px; margin-left: 1%; margin-right: 1%}
.list-gallery .gallery-type.pic {background-image:url(../images/img-doc-type-pic.png);}
.list-photos {list-style: none; padding-left: 0}
.list-photos img {max-width: 100%}
.list-video .video-type.vic {background-image:url(../images/img-doc-type-vic.png)}
form.contact {margin:25px 0 50px;}
form.contact .form-group {position: relative;}
form.contact input.form-control, form.contact textarea.form-control {border-width: 0 0 1px 0; border-style: solid; width: 100%; border-color: #e1e1e1; display: block; margin-bottom: 8px; padding:6px 8px; transition: 100ms linear; box-shadow: none; border-radius: 0;}
form.contact input.form-control:hover, form.contact textarea.form-control:hover, form.contact textarea.form-control:focus, form.contact textarea.form-control:hover {outline: none; box-shadow: none;}
form.contact input.form-control:focus, form.contact textarea.form-control:focus {border-bottom-width: 2px; border-color: #008aaf; box-shadow: none;}
form.contact textarea.form-control {min-height: 82px;}
form.contact label.error {position: absolute; font-size: 0.65em; font-weight: 600; bottom: 5px; right: 5px; color: #008aaf; font-style: italic;}
.contactDetail .media-left {padding-right: 20px;}
.contactDetail address {font-size: 0.9em; font-weight: 600; line-height: 1.6}
.contactDetail address strong {color: #008aaf; padding-top: 20px; display: block; font-size: 1.2em; font-weight: 400;}
.contactDetail address span {color: #008aaf}
figure.sec-links h2, figure.sec-lodge h2 {text-align: left;}
figure.sec-links h4, .articleDetail h4, .sec-lodge h4 {color: #008aaf; font-weight: 400;}
figure.sec-links .list-parties {margin-top: 40px;}
figure.sec-links .list-parties a {color: inherit; text-decoration: underline;}
figure.sec-links .list-parties a:hover {color: #4ea6f8; text-decoration: underline !important;}
.list-logos .item {display: inline-block; margin-right: 30px;}
.list-logos .item img {max-width: 100%}
.nav-tabs {border-bottom: 0; margin-bottom: 30px;}
.nav-tabs>li {border:1px solid #008aaf; text-align: center; width: 50%}
.nav-tabs>li + li {margin-left: -1px; }
.nav-tabs>li a {border:none !important; color: #008aaf; border-radius: 0; margin:0; font-size: 0.85em; padding:8px;}
.nav-tabs>li.active a, .nav-tabs>li.active a:focus {background-color: #008aaf; color: #fff;}
#tabTW .tabInner {background-color: #e6f5f9; border:1px solid #00abf0; border-radius: 5px 5px 0 0}
#tabTW .tabInner .header {background-color: #00abf0; color: #fff; padding:10px 15px; position: relative;}
#tabFB .tabInner {background-color: #f6f6f6; border:1px solid #4267b2; border-radius: 5px 5px 0 0}
#tabFB .tabInner .header {background-color: #4267b2; color: #fff; padding:10px 15px; position: relative;}
.tabInner .header i {position: absolute; top: 6px; right: 10px; color: #fff; font-size: 30px;}
#search {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0;}
#search.open {-webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1;}
#search input[type="search"] {position: absolute; top: 120px; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none;}
#search .btn {position: absolute; top: 150px; left: 50%; margin-top: 61px; margin-left: -45px; border-color: #fff; color: #fff}
#search .btn:focus, #search .btn:hover {border-color: #008aaf}
#search .close {position: fixed; top: 15px; right: 15px; color: #fff; background-color: #428bca; border-color: #357ebd; opacity: 1; padding: 10px 17px; font-size: 27px;}
input.datepicker {background-image: url(../images/icon-calendar-grey.png); background-position: center right 15px; background-repeat: no-repeat; background-size: 16px;}
.form-area label {font-weight: 600; font-size: 0.9em;}
.hintText {position: absolute; width: 18px; height: 18px; right: -10px; background-image: url(../images/icon-hintText.png); background-size: cover; top: 10px;}
.form-group.floatLabel textarea {padding-top: 35px; margin-bottom: 15px;}
.form-group.floatLabel label {position: absolute; left: 35px; top: 12px; z-index: 20}
.list-result {padding-left: 0; list-style:none;}
.list-result li {margin-bottom: 30px;}
.list-result .result-title a {font-weight: 600; font-size: 1.3em; color: #008aaf}
.result-detail .keywords {background-color: #008aaf; color: #fff; font-weight: 600; padding-left: 3px; padding-right: 3px;}
/******************************************************************************************
   + Plugin 
*******************************************************************************************/
#ninja-slider .hero-caption {background-color: rgba(0, 138, 175, 1); position: absolute; z-index: 2; bottom: 0; left: 0; color: #fff; padding:20px; width: 100%}
#ninja-slider .hero-caption .title {font-weight: 600; font-size: 1.4em;}
#ninja-slider .hero-caption .descp {margin-top: 10px;}
div.navsWrapper {width: 180px; background-color: rgba(255, 143, 1, 0.8); z-index: 3}
#ninja-slider-prev, #ninja-slider-next {border:none; overflow: visible;}
#ninja-slider-prev>div {opacity: 1; width: 80px; color: #fff; left: 50px; text-align: center; }
#ninja-slider-next {right: 0; left: inherit;}
#ninja-slider-next>div {display: none;}
#ninja-slider-prev:hover, #ninja-slider-next:hover {width: 50px; background-color: rgba(0,0,0,0.15)}
#ninja-slider-prev {left: 0; right: inherit;}
#ninja-slider-prev::before, #ninja-slider-next::before {top:19px;}
#ninja-slider-prev::before {transform: rotate(-45deg) scale(0.7); -webkit-transform: rotate(-45deg) scale(0.7); -ms-transform: rotate(-45deg) scale(0.7);}
#ninja-slider-next::before {transform: rotate(135deg) scale(0.7); -webkit-transform: rotate(135deg) scale(0.7); -ms-transform: rotate(135deg) scale(0.7);}
#ninja-slider-prev:hover.disabled, #ninja-slider-next:hover.disabled {opacity: 1}
#ninja-slider ul {margin-bottom: 0;}
.camera_thumbs_cont ul li > img {width:45px; height: 45px;}
/******************************************************************************************
   + Custom Animations 
*******************************************************************************************/
.animated{ animation-duration:.45s; animation-fill-mode:both; -webkit-animation-duration:.45s; -webkit-animation-fill-mode:both}
.animatedFadeInUp,.animatedFadeInRight,.animatedFadeInLeft{opacity:0}
.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.fadeInRight{opacity:0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
.fadeInLeft{opacity:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
.fade-in-up{animation-duration:.45s;animation-fill-mode:both;-webkit-animation-duration:.45s;-webkit-animation-fill-mode:both;opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}[class*=animated-delay]{animation-duration:.3s;-webkit-animation-duration:.3s}
.fade-in-right{animation-duration:.45s;animation-fill-mode:both;-webkit-animation-duration:.45s;-webkit-animation-fill-mode:both;opacity:0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}[class*=animated-delay]{animation-duration:.3s;-webkit-animation-duration:.3s}
.fade-in-left{animation-duration:.45s;animation-fill-mode:both;-webkit-animation-duration:.45s;-webkit-animation-fill-mode:both;opacity:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}[class*=animated-delay]{animation-duration:.3s;-webkit-animation-duration:.3s}
.animated-delay-1 { animation-delay: .1s; -webkit-animation-delay:.1s}
.animated-delay-2 { animation-delay: .3s; -webkit-animation-delay:.3s}
.animated-delay-3 { animation-delay: .5s; -webkit-animation-delay:.5s}
.animated-delay-4 { animation-delay: .7s; -webkit-animation-delay:.7s}
@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes fadeInUp { from { transform:translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } 
@-webkit-keyframes fadeInUp { from { transform:translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } }
@keyframes fadeInLeft { from { transform:translate3d(-40px, 0, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1 } } 
@-webkit-keyframes fadeInLeft { from { transform:translate3d(-40px, 0, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1 } }
@keyframes fadeInRight { from { transform:translate3d(40px, 0, 0); opacity: 0 } to { transform: translate3d(0, 0, 0); opacity: 1 } }
@-webkit-keyframes fadeInRight { from { transform:translate3d(40px, 0, 0); opacity: 0 } to { transform: translate3d(0, 0, 0); opacity: 1 } }
@-webkit-keyframes cd-slide-in { 0% { -webkit-transform: translateX(100px); } 100% { -webkit-transform: translateY(0); } } 
@-moz-keyframes cd-slide-in { 0% { -moz-transform: translateX(100px); } 100% { -moz-transform: translateY(0); } } 
@keyframes cd-slide-in { 0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } 
@-webkit-keyframes cd-bounce-in { 0% { -webkit-transform: scale(0); } 60% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } 
@-moz-keyframes cd-bounce-in { 0% { -moz-transform: scale(0); } 60% { -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } 
@keyframes cd-bounce-in { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes jump{ 0% { transform: translate(0px,0px) ; } 100% { transform: translate(0px,15px) ; } } @-moz-keyframes jump{ 0% { -moz-transform: translate(0px,0px) ; } 100% { -moz-transform: translate(0px,15px) ; } } @-webkit-keyframes jump { 0% { -webkit-transform: translate(0px,0px) ; } 100% { -webkit-transform: translate(0px,15px) ; } } @-o-keyframes jump { 0% { -o-transform: translate(0px,0px) ; } 100% { -o-transform: translate(0px,15px) ; } } @-ms-keyframes jump { 0% { -ms-transform: translate(0px,0px) ; } 100% { -ms-transform: translate(0px,15px) ; } }