.ui-helper-reset { font-family:inherit; font-size:inherit; line-height:inherit; } .ui-accordion .ui-accordion-icons { padding:0!important; } html.noscroll {   position:fixed;   overflow-y:scroll;   width:100%; }   .mt0 {  margin-top:0!important; } .mb0 {  margin-bottom:0!important; } .mr0 {  margin-right:0!important; } .ml0 {  margin-left:0!important; } .pt0 {  padding-top:0!important; } .pb0 {  padding-bottom:0!important; } .pr0 {  padding-right:0!important; } .pl0 {  padding-left:0!important; } .bt0 {  border-top:0!important; } .bb0 {  border-bottom:0!important; } .no-shadow {  -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; } .pmb0 p {  margin-bottom:0!important; }   .col-sm-sf-5 { width:20%; padding:0 15px; float:left; } .col-sm-sf-25 { width:40%; padding:0 15px; float:left; }   .sf-container-overlay {   position:fixed;   top:0;   left:0;   z-index:999;   width:100%;   height:100%;   background:rgba(0, 0, 0, 0.8);   cursor:pointer;   display:none;   opacity:0; } .sf-container-overlay .sf-loader { position:absolute;   top:50%;   left:50%;   margin:-16px 0 0 -16px; } .sf-container-overlay.loading-done .sf-loader { opacity:0; transition:opacity 0.5s; } .sf-container-overlay .sf-loader svg path { fill:#fff; } .sf-container-block .sf-container-overlay {   display:block; }   .fw-row.row { margin-left:0; margin-right:0; overflow:hidden; } .fw-row.row.container-fluid.bs-4-row { padding-left:0; padding-right:0; } .fw-row.row.container.bs-4-row { margin:0 auto; } .spb-row { visibility:visible; position:relative;   background-size:cover;   -moz-background-size:cover;   -webkit-background-size:cover; background-attachment:scroll; background-repeat:no-repeat; background-position:center; } .spb-row.row-bg-img-pattern { background-size:auto;   -moz-background-size:auto;   -webkit-background-size:auto;   background-repeat:repeat; } .fw-row .spb-row { opacity:0; visibility:hidden; } .fw-row .spb-row[data-wrap="standard-width"] { opacity:1; visibility:visible; } .spb-row.spb-hidden { opacity:0; } .spb-row[data-legacy="true"] { overflow:visible; } .spb-row.has-offset-elements, .fw-row.row.has-offset-elements, .fw-row.has-fw-elements { overflow:visible; } .spb-row[data-image-movement="fixed"] { background-attachment:fixed; } .mobile-browser .spb-row[data-image-movement="fixed"] { background-attachment:scroll; } .spb-row[data-image-movement="fixed"], .spb-row[data-image-movement="parallax"] {   backface-visibility:hidden; } .spb-row > .spb_content_element { position:relative; z-index:3; width:100%; } .spb-row > div.row-overlay { position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; } .spb-row[data-row-height="window-height"] { min-height:100vh; } .spb-asset-content { max-width:100%; width:100%; position:relative; } .spb-column-inner {  max-width:100%;  background-position:center;   background-size:cover; } .no-flexbox .spb-row[data-col-equal-heights="true"] .spb-column-inner { min-height:100%; } .no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element, .no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element > .row, .no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element .spb-column-container, .no-flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element .spb-column-container .spb-column-inner { height:100%; } .no-flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element { position:absolute; bottom:0; left:0; width:100%; } .flexbox .spb-row { display:flex;   -webkit-flex-wrap:wrap;   -ms-flex-wrap:wrap;   flex-wrap:wrap;   width:100%; } .flexbox .spb-row-flex > .spb_content_element, .flexbox .spb-row-flex > .spb_content_element > .row { display:flex; align-items:center; justify-content:center; flex-basis:100%;   flex-wrap:wrap;   max-width:100%;   margin-left:0;   margin-right:0; } .flexbox .browser-ff .spb-row-flex > .spb_content_element { flex-basis:auto; } .flexbox .browser-safari .spb-row-flex > .spb_content_element, .flexbox .browser-safari .spb-row-flex > .spb_content_element > .row { flex-wrap:nowrap; display:block; } .flexbox .spb-row-flex > .spb_content_element .spb-column-container { padding-left:0; padding-right:0; max-width:100%; } .spb-row[data-col-v-pos="center"] { display:flex; } .spb-row[data-col-v-pos="center"] > .spb_content_element { top:auto;   transform:none;   position:relative;   align-self:center; } .flexbox .spb-row[data-col-v-pos="center"] > .spb_content_element, .flexbox .spb-row[data-col-v-pos="center"] > .spb_content_element .row {   -webkit-align-content:center;   -ms-flex-line-pack:center;   align-content:center;   -webkit-align-self:center;   align-self:center;   display:block; } .flexbox .bootstrap-4 .spb-row[data-col-v-pos="center"] > .spb_content_element, .flexbox .bootstrap-4 .spb-row[data-col-v-pos="center"] > .spb_content_element .row { display:flex; } .spb-row[data-col-v-pos="bottom"] > .spb_content_element { display:table-cell; vertical-align:bottom; } .spb-row[data-col-v-pos="bottom"] > .spb_content_element .row { display:inline-block; } .flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element { display:flex; vertical-align:inherit; } .flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element .row { display:flex; } .flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element, .flexbox .spb-row[data-col-v-pos="bottom"] > .spb_content_element .row {   -webkit-align-content:flex-end;   -ms-flex-line-pack:flex-end;   align-content:flex-end;   -webkit-align-self:flex-end;   align-self:flex-end; } .flexbox .spb-row[data-col-v-pos="top"] > .spb_content_element, .flexbox .spb-row[data-col-v-pos="top"] > .spb_content_element > .row {   -webkit-align-content:flex-start;   -ms-flex-line-pack:flex-start;   align-content:flex-start;   -webkit-align-self:flex-start;   align-self:flex-start; } .flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element, .flexbox .spb-row[data-col-v-pos="stretch"] > .spb_content_element > .row {   -webkit-box-align:stretch;   -webkit-align-items:stretch;   -ms-flex-align:stretch;   align-items:stretch; } .spb-row[data-col-equal-heights="true"] .spb-column-container > .spb-column-inner { min-height:100%; display:table-cell; } .flexbox .spb-column-container { display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex; } .spb-column-container > .spb-column-inner { margin-left:0; margin-right:0; display:block; } .flexbox .spb-column-container > .spb-column-inner { flex-grow:1; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper { flex-wrap:wrap;   display:flex;   width:100%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > .row { width:100%; margin-left:0; margin-right:0; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div { flex:1; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-12 { min-width:100%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-9 { min-width:75%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-8 { min-width:66.66%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-6 { min-width:50%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-4 { min-width:33.33%; } .flexbox .spb-row-flex .spb-row-no-cols-wrapper > div.col-sm-3 { min-width:25%; } .spb-row.spb-row-col-spacing .spb-column-container { padding-left:0; padding-right:0; } .spb-row[data-col-spacing="2"] .spb_content_element { padding-left:1px; padding-right:1px; } .spb-row[data-col-spacing="2"] .spb-column-inner { margin-left:2px; margin-right:2px; } .spb-row[data-col-spacing="4"] .spb_content_element { padding-left:2px; padding-right:2px; } .spb-row[data-col-spacing="4"] .spb-column-inner { margin-left:4px; margin-right:4px; } .spb-row[data-col-spacing="6"] .spb_content_element { padding-left:3px; padding-right:3px; } .spb-row[data-col-spacing="6"] .spb-column-inner { margin-left:6px; margin-right:6px; } .spb-row[data-col-spacing="8"] .spb_content_element { padding-left:4px; padding-right:4px; } .spb-row[data-col-spacing="8"] .spb-column-inner { margin-left:8px; margin-right:8px; } .spb-row[data-col-spacing="10"] .spb_content_element { padding-left:5px; padding-right:5px; } .spb-row[data-col-spacing="10"] .spb-column-inner { margin-left:10px; margin-right:10px; } .spb-row[data-col-spacing="20"] .spb_content_element { padding-left:10px; padding-right:10px; } .spb-row[data-col-spacing="20"] .spb-column-inner { margin-left:10px; margin-right:10px; } .spb-row[data-col-spacing="30"] .spb_content_element { padding-left:15px; padding-right:15px; } .spb-row[data-col-spacing="30"] .spb-column-inner { margin-left:30px; margin-right:30px; } .spb-row[data-col-spacing="40"] .spb_content_element { padding-left:20px; padding-right:20px; } .spb-row[data-col-spacing="40"] .spb-column-inner { margin-left:40px; margin-right:40px; } .spb-asset-content.spb-hidden { opacity:0; } .row.fw-row { clear:both; } .fw-row > .spb-row { padding-left:0; padding-right:0; } .fw-row>.col-sm-12, .spb-row.spb-remove-element-spacing, .spb-row.spb-remove-element-spacing div[class*="col-sm"] { padding-left:0!important; padding-right:0!important; margin-bottom:0; } .spb-row.spb-remove-element-spacing .row { margin-left:0; margin-right:0; } .spb-section.col-sm-12 { width:100%; padding-left:0; padding-right:0; } .flexbox .spb-column-container.col-sm-12 { flex-basis:100%; } .flexbox .spb-column-container.col-sm-11 { flex-basis:1.66666667%; } .flexbox .spb-column-container.col-sm-10 { flex-basis:83.33333333%; } .flexbox .spb-column-container.col-sm-9 { flex-basis:75%; } .flexbox .spb-column-container.col-sm-8 { flex-basis:66.66666667%; } .flexbox .spb-column-container.col-sm-7 { flex-basis:58.33333333%; } .flexbox .spb-column-container.col-sm-6 { flex-basis:50%; } .flexbox .spb-column-container.col-sm-5 { flex-basis:41.66666667%; } .flexbox .spb-column-container.col-sm-4 { flex-basis:33.33333333%; } .flexbox .spb-column-container.col-sm-3 { flex-basis:25%; } .flexbox .spb-column-container.col-sm-2 { flex-basis:16.66666667%; } .flexbox .spb-column-container.col-sm-1 { flex-basis:8.33333333%; } @media only screen and (max-width:767px) { .spb-column-container.spb-col-custom-offset {  top:0!important;  left:0!important; } .flexbox .spb-column-container.col-sm-1, .flexbox .spb-column-container.col-sm-2, .flexbox .spb-column-container.col-sm-3, .flexbox .spb-column-container.col-sm-4, .flexbox .spb-column-container.col-sm-5, .flexbox .spb-column-container.col-sm-6, .flexbox .spb-column-container.col-sm-7, .flexbox .spb-column-container.col-sm-8, .flexbox .spb-column-container.col-sm-9, .flexbox .spb-column-container.col-sm-10, .flexbox .spb-column-container.col-sm-11, .flexbox .spb-column-container.col-sm-12 {  flex-basis:100%; } .fw-row > .spb-row, .spb-row[data-image-movement="fixed"] {  background-attachment:local!important; } } .modal-body > section.row {   width:100%!important;   left:0!important; } .modal-body .spb-row>.spb_content_element {   padding:0!important; }  .spb-row[data-row-type="video"] .video-wrap { overflow:hidden;   max-height:100%;   position:absolute;   height:100%;   width:100%;   top:0;   left:0;   z-index:0;   padding:0;   pointer-events:none; } .spb-row[data-row-type="video"] video { position:absolute; left:0; top:0; width:100%; min-height:100%; } .spb-row[data-row-type="video"] .video-overlay { background-repeat:repeat; background-position:center center; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; opacity:0.8; } .overlay-diaglight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_diagonal_lines_light.png); } .overlay-diagdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_diagonal_lines_dark.png); } .overlay-horizlight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_horizontal_lines_light.png); } .overlay-horizgdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_horizontal_lines_dark.png); } .overlay-vertlight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_vertical_lines_light.png); } .overlay-vertzgdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_vertical_lines_dark.png); } .overlay-lightgrid { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_pixel_light.png); } .overlay-darkgrid { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_pixel_dark.png); } .overlay-lightgridfat { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_fat_pixel_light.png); } .overlay-darkgridfat { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../img/vo_fat_pixel_dark.png); }  .spb-row-parallax .spb-row-parallax-layer-wrap { overflow:hidden; width:100%;   height:100%;   position:absolute;   z-index:0;   top:0;   left:0;   pointer-events:none; } .spb-row-parallax .spb-row-parallax-layer { position:absolute; width:100%; height:100%; background-size:cover;   -moz-background-size:cover;   -webkit-background-size:cover; background-attachment:scroll; background-repeat:no-repeat; background-position:center; } .spb-row-parallax.use-css-backpos .spb-row-parallax-layer { background-position:50% 0; } .spb-row-parallax.use-css-transform .spb-row-parallax-layer { background-attachment:scroll; }  .spb-row-expand-text { padding:30px 15px; display:block; text-align:left; font-size:22px; } .spb-row-expand-text span:before { content:"\e600"; font-family:"atelier"; font-size:24px; display:inline-block; float:left; height:23px; width:23px; margin-top:-1px; margin-right:20px; -webkit-transform:translate3d(0px, 0px, 0px) rotate(0deg); transform:translate3d(0px, 0px, 0px) rotate(0deg); -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); transition:transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); font-weight:normal; } .spb-row-expand-text.row-open span:before { content:"\e603"; } .spb-row-expand-text:hover span:before { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .spb-row-expand-text.row-open:hover a:hover { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .spb-row.spb-row-expanding { height:0; opacity:0; overflow:hidden; } .spb-row.spb-row-expanding.spb-row-expanding-open { height:auto; opacity:1; }  .spb-column-container .spb-asset-content { background-size:cover; } .spb-col-slider-atts { display:none; visibility:hidden; opacity:0; } .spb-column-container[data-col-slider="true"] { display:block; } .spb-column-container[data-col-slider="true"] .flickity-slider > .row, .spb-column-container[data-col-slider="true"] .col-slider-slide > .spb-column-container .spb-column-inner { width:100%; margin:0; } .spb-column-container[data-col-slider="true"] .flickity-slider > .row > .spb_content_element, .spb-column-container[data-col-slider="true"] .row-slider-slide > .spb-column-container { width:100%; padding-left:0; padding-right:0; margin-bottom:0; } .spb-column-container[data-col-slider="true"] .spb-column-inner { height:100%; } .spb-column-container[data-col-slider="true"] .spb-column-inner .flickity-viewport { width:100%; } @media only screen and (min-width:768px) { .spb-column-container[data-col-slider="true"] .col-slider-slide, .spb-column-container[data-col-slider="true"] .col-slider-slide .spb-asset-content, .spb-column-container[data-col-slider="true"] .spb-column-inner .flickity-viewport {  min-height:100%; } }  .spb-row[data-row-style="light"] { color:#fff; } .spb-row[data-row-style="light"] .title-wrap h3.spb-heading { color:#fff; } .spb-row[data-row-style="light"] .owl-pagination .view-all { color:#fff; } .spb-row[data-row-style="light"] .owl-pagination .owl-page span { background-color:#fff; } .spb-row[data-row-style="dark"] { color:#222; } .spb-row[data-row-style="dark"] .title-wrap h3.spb-heading { color:#222; } .spb-row[data-row-style="dark"] .owl-pagination .owl-page span { background-color:#222; } .spb-row[data-row-style="dark"] .owl-pagination .view-all { color:#222; }   .spb_row_slant_spacer { height:120px; width:100%; display:block; } .spb-row[data-top-style="slant-ltr"], .spb-row[data-top-style="slant-rtl"], .spb-row[data-bottom-style="slant-ltr"], .spb-row[data-bottom-style="slant-rtl"] { overflow:hidden; } .spb-row[data-top-style="slant-ltr"]:before { content:""; width:120%; display:block; height:140px; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); transform:rotate(3deg); background:#fff; left:-10%;   top:-90px;   z-index:3;   position:absolute; -webkit-backface-visibility:hidden; -webkit-background-clip:content-box; padding:2px; } .spb-row[data-top-style="slant-rtl"]:before { content:""; width:120%; display:block; height:140px; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); transform:rotate(-3deg); background:#fff; left:-10%;   top:-90px;   z-index:3;   position:absolute; -webkit-backface-visibility:hidden; -webkit-background-clip:content-box; padding:2px; } .spb-row[data-bottom-style="slant-ltr"]:after { content:""; width:120%; display:block; height:140px; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); transform:rotate(3deg); background:#fff; bottom:-90px;   left:-10%;   z-index:2;   position:absolute; -webkit-backface-visibility:hidden; -webkit-background-clip:content-box; padding:2px; } .spb-row[data-bottom-style="slant-rtl"]:after { content:""; width:120%; display:block; height:140px; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); transform:rotate(-3deg); background:#fff; bottom:-90px;   left:-10%;   z-index:2;   position:absolute; -webkit-backface-visibility:hidden; -webkit-background-clip:content-box; padding:2px; } @media only screen and (min-width:1800px) { .spb-row[data-top-style="slant-ltr"]:before, .spb-row[data-bottom-style="slant-ltr"]:after {  -webkit-transform:rotate(2deg);  -moz-transform:rotate(2deg);  transform:rotate(2deg); } .spb-row[data-bottom-style="slant-rtl"]:after, .spb-row[data-top-style="slant-rtl"]:before {  -webkit-transform:rotate(-2deg);  -moz-transform:rotate(-2deg);  transform:rotate(-2deg); } }  .spb_accordion { opacity:0; } .spb_accordion .spb_accordion_wrapper { margin-bottom:30px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .spb_accordion .spb_accordion_section { margin-bottom:10px; } .spb_accordion_section > h4 { outline:0!important; } .spb_accordion .spb_accordion_section > h4 a { display:block; text-decoration:none; padding:12px 30px 12px 15px; line-height:26px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .spb_accordion .spb_accordion_section > h4 a:after { font-size:24px; display:inline-block; float:right; height:26px; width:23px; -webkit-transform:translate3d(0px, 0px, 0px) rotate(0deg); transform:translate3d(0px, 0px, 0px) rotate(0deg); -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); transition:transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); font-weight:normal; line-height:26px; position:absolute; right:0; top:50%; margin-top:-13px; } .spb_accordion .spb_accordion_section > h4:hover a:after { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .spb_accordion .spb_accordion_section > h4.ui-state-active:hover a:after { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .spb_accordion .spb_accordion_section > h4 a > i { margin-right:10px; } .spb_accordion .spb_accordion_section > h4 a > i[class*="ss-"] { display:inline-block; line-height:100%; vertical-align:-3px; } .spb_accordion .spb_accordion_section > h4 { opacity:0.6; } .spb_accordion .spb_accordion_section > h4.ui-state-active { opacity:1; } .ui-accordion .ui-accordion-header .ui-icon { display:none; } .spb_accordion_section > h4 .ui-icon:before { font-weight:normal; font-style:normal; display:inline-block; text-decoration:inherit; height:20px; float:left; margin-right:10px; font-size:22px; text-indent:0; box-sizing:content-box; } .spb_accordion_section h4.ui-state-active .ui-icon:before { margin-top:0; } .spb_accordion .ui-state-active, .spb_accordion .ui-state-default { border:0!important; background:none; margin-top:0; } .spb_accordion .ui-accordion .ui-accordion-content { border:0; padding:15px 15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .spb_accordion .ui-accordion .ui-accordion-content .row { margin-left:0!important; margin-bottom:0!important; max-width:100%; } .spb_accordion .ui-accordion .ui-accordion-header { position:relative; margin-top:0; margin-bottom:0; font-size:14px; font-weight:bold; } .ui-accordion-content .spb_wrapper p:last-child { margin-bottom:0; } .ui-accordion-content .spb_wrapper .box-content-wrap p:last-child { margin-bottom:20px; } .spb_accordion_section, .spb_accordion .spb_accordion_section, .spb_accordion_section .ui-accordion-content { background:transparent; border-top:2px solid rgba(0,0,0,0.05); border-bottom:0px solid rgba(0,0,0,0.05); margin-bottom:0; } .spb_accordion_section, .spb_accordion .spb_accordion_section:last-child { border-bottom-width:2px; } .spb_accordion .container, .spb_tabs .container, .spb_tour .container, .column_container .container, .spb-column-container .container { max-width:100%!important; padding-left:0; padding-right:0; }   .add-to-cart-shortcode { display:inline-block; vertical-align:middle; } .add-to-cart-shortcode .tooltip { display:none!important; } .add-to-cart-shortcode > .add_to_cart_button { margin-right:0; margin-left:0; border:2px solid #e3e3e3; border-radius:0; box-shadow:none; height:60px; padding:0 20px; float:left; outline:0!important; margin:0 20px 0 0; text-shadow:none; font-size:14px; text-transform:uppercase; font-weight:bold!important; line-height:56px; -webkit-backface-visibility:hidden; } .swiper-slide .caption-content a.sf-button.add_to_cart_button { margin-top:0; } .add-to-cart-shortcode > .add_to_cart_button.added > span { vertical-align:1px; } .add-to-cart-shortcode > .add_to_cart_button i { margin-right:10px; font-size:24px; vertical-align:-4px; } .add-to-cart-shortcode > .add_to_cart_button i.sf-icon-loader { width:24px; height:24px; } .add-to-cart-shortcode > .add_to_cart_button i.sf-icon-tick { vertical-align:-3px; } .add-to-cart-shortcode > .wc-forward { display:none!important; }   .alert { height:auto; font-size:12px; line-height:16px; overflow:hidden; padding:15px; text-align:left; margin-bottom:20px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; clear:both; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:0; background-color:#ffd56c; color:#222; } .alert .messagebox_text { background:none; padding-left:0; } .alert .messagebox_text p { margin-left:30px; margin-bottom:10px; } .alert .messagebox_text p:last-child { margin-bottom:0; } .alert .messagebox_text p strong { letter-spacing:normal!important; } .alert .messagebox_text:before { content:"\f071"; font-family:"FontAwesome"; font-weight:normal; font-style:normal; display:block; text-decoration:inherit; width:22px; height:auto; float:left; margin-top:4px; font-size:16px; position:absolute; text-indent:0; text-align:center; } .alert.alert-info .messagebox_text:before { content:"\f129"; } .alert.alert-error .messagebox_text:before { content:"\f12a"; } .alert.alert-success .messagebox_text:before { content:"\f00c"; } .alert.alert-info { background-color:#5adcff; } .alert.alert-error { background-color:#fe504f; } .alert.alert-success { background-color:#51e3a8; }   .sf-headline.text-left { text-align:left; } .sf-headline.text-center { text-align:center; } .sf-headline.text-right { text-align:right; } .sf-words-wrapper {  display:inline-block;  position:relative;  text-align:center; } .sf-words-wrapper:last-child { text-align:left; } .sf-words-wrapper b {  display:inline-block;  position:absolute;  white-space:nowrap;  left:0;  top:0; } .sf-words-wrapper b i, .sf-words-wrapper b em { font-style:normal; } .sf-words-wrapper b.is-visible {  position:relative; } .no-js .sf-words-wrapper b {  opacity:0; } .no-js .sf-words-wrapper b.is-visible {  opacity:1; }  .sf-headline.rotate-1 .sf-words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .sf-headline.rotate-1 b {  opacity:0;  -webkit-transform-origin:50% 100%;  -moz-transform-origin:50% 100%;  -ms-transform-origin:50% 100%;  -o-transform-origin:50% 100%;  transform-origin:50% 100%;  -webkit-transform:rotateX(180deg);  -moz-transform:rotateX(180deg);  -ms-transform:rotateX(180deg);  -o-transform:rotateX(180deg);  transform:rotateX(180deg); } .sf-headline.rotate-1 b.is-visible {  opacity:1;  -webkit-transform:rotateX(0deg);  -moz-transform:rotateX(0deg);  -ms-transform:rotateX(0deg);  -o-transform:rotateX(0deg);  transform:rotateX(0deg);  -webkit-animation:sf-rotate-1-in 1.2s;  -moz-animation:sf-rotate-1-in 1.2s;  animation:sf-rotate-1-in 1.2s; } .sf-headline.rotate-1 b.is-hidden {  -webkit-transform:rotateX(180deg);  -moz-transform:rotateX(180deg);  -ms-transform:rotateX(180deg);  -o-transform:rotateX(180deg);  transform:rotateX(180deg);  -webkit-animation:sf-rotate-1-out 1.2s;  -moz-animation:sf-rotate-1-out 1.2s;  animation:sf-rotate-1-out 1.2s; } @-webkit-keyframes sf-rotate-1-in {  0% {   -webkit-transform:rotateX(180deg);   opacity:0;  }  35% {   -webkit-transform:rotateX(120deg);   opacity:0;  }  65% {   opacity:0;  }  100% {   -webkit-transform:rotateX(360deg);   opacity:1;  } } @-moz-keyframes sf-rotate-1-in {  0% {   -moz-transform:rotateX(180deg);   opacity:0;  }  35% {   -moz-transform:rotateX(120deg);   opacity:0;  }  65% {   opacity:0;  }  100% {   -moz-transform:rotateX(360deg);   opacity:1;  } } @keyframes sf-rotate-1-in {  0% {   -webkit-transform:rotateX(180deg);   -moz-transform:rotateX(180deg);   -ms-transform:rotateX(180deg);   -o-transform:rotateX(180deg);   transform:rotateX(180deg);   opacity:0;  }  35% {   -webkit-transform:rotateX(120deg);   -moz-transform:rotateX(120deg);   -ms-transform:rotateX(120deg);   -o-transform:rotateX(120deg);   transform:rotateX(120deg);   opacity:0;  }  65% {   opacity:0;  }  100% {   -webkit-transform:rotateX(360deg);   -moz-transform:rotateX(360deg);   -ms-transform:rotateX(360deg);   -o-transform:rotateX(360deg);   transform:rotateX(360deg);   opacity:1;  } } @-webkit-keyframes sf-rotate-1-out {  0% {   -webkit-transform:rotateX(0deg);   opacity:1;  }  35% {   -webkit-transform:rotateX(-40deg);   opacity:1;  }  65% {   opacity:0;  }  100% {   -webkit-transform:rotateX(180deg);   opacity:0;  } } @-moz-keyframes sf-rotate-1-out {  0% {   -moz-transform:rotateX(0deg);   opacity:1;  }  35% {   -moz-transform:rotateX(-40deg);   opacity:1;  }  65% {   opacity:0;  }  100% {   -moz-transform:rotateX(180deg);   opacity:0;  } } @keyframes sf-rotate-1-out {  0% {   -webkit-transform:rotateX(0deg);   -moz-transform:rotateX(0deg);   -ms-transform:rotateX(0deg);   -o-transform:rotateX(0deg);   transform:rotateX(0deg);   opacity:1;  }  35% {   -webkit-transform:rotateX(-40deg);   -moz-transform:rotateX(-40deg);   -ms-transform:rotateX(-40deg);   -o-transform:rotateX(-40deg);   transform:rotateX(-40deg);   opacity:1;  }  65% {   opacity:0;  }  100% {   -webkit-transform:rotateX(180deg);   -moz-transform:rotateX(180deg);   -ms-transform:rotateX(180deg);   -o-transform:rotateX(180deg);   transform:rotateX(180deg);   opacity:0;  } }  .sf-headline.type .sf-words-wrapper {  vertical-align:top;  overflow:hidden; } .sf-headline.type .sf-words-wrapper::after {   content:'';  position:absolute;  right:0;  top:50%;  bottom:auto;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%);  height:90%;  width:1px;  background-color:#aebcb9; } .sf-headline.type .sf-words-wrapper.waiting::after {  -webkit-animation:sf-pulse 1s infinite;  -moz-animation:sf-pulse 1s infinite;  animation:sf-pulse 1s infinite; } .sf-headline.type .sf-words-wrapper.selected {  background-color:#aebcb9; } .sf-headline.type .sf-words-wrapper.selected b {  color:#0d0d0d; } .sf-headline.type .sf-words-wrapper.selected::after {  visibility:hidden; } .sf-headline.type b {  visibility:hidden; } .sf-headline.type b.is-visible {  visibility:visible; } .sf-headline.type i {  position:absolute;  visibility:hidden; } .sf-headline.type i.in {  position:relative;  visibility:visible; } @-webkit-keyframes sf-pulse {  0% {   -webkit-transform:translateY(-50%) scale(1);   opacity:1;  }  40% {   -webkit-transform:translateY(-50%) scale(0.9);   opacity:0;  }  100% {   -webkit-transform:translateY(-50%) scale(0);   opacity:0;  } } @-moz-keyframes sf-pulse {  0% {   -moz-transform:translateY(-50%) scale(1);   opacity:1;  }  40% {   -moz-transform:translateY(-50%) scale(0.9);   opacity:0;  }  100% {   -moz-transform:translateY(-50%) scale(0);   opacity:0;  } } @keyframes sf-pulse {  0% {   -webkit-transform:translateY(-50%) scale(1);   -moz-transform:translateY(-50%) scale(1);   -ms-transform:translateY(-50%) scale(1);   -o-transform:translateY(-50%) scale(1);   transform:translateY(-50%) scale(1);   opacity:1;  }  40% {   -webkit-transform:translateY(-50%) scale(0.9);   -moz-transform:translateY(-50%) scale(0.9);   -ms-transform:translateY(-50%) scale(0.9);   -o-transform:translateY(-50%) scale(0.9);   transform:translateY(-50%) scale(0.9);   opacity:0;  }  100% {   -webkit-transform:translateY(-50%) scale(0);   -moz-transform:translateY(-50%) scale(0);   -ms-transform:translateY(-50%) scale(0);   -o-transform:translateY(-50%) scale(0);   transform:translateY(-50%) scale(0);   opacity:0;  } }  .sf-headline.rotate-2 .sf-words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .sf-headline.rotate-2 i, .sf-headline.rotate-2 em {  display:inline-block;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; } .sf-headline.rotate-2 b {  opacity:0; } .sf-headline.rotate-2 i {  -webkit-transform-style:preserve-3d;  -moz-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  -o-transform-style:preserve-3d;  transform-style:preserve-3d;  -webkit-transform:translateZ(-20px) rotateX(90deg);  -moz-transform:translateZ(-20px) rotateX(90deg);  -ms-transform:translateZ(-20px) rotateX(90deg);  -o-transform:translateZ(-20px) rotateX(90deg);  transform:translateZ(-20px) rotateX(90deg);  opacity:0; } .is-visible .sf-headline.rotate-2 i {  opacity:1; } .sf-headline.rotate-2 i.in {  -webkit-animation:sf-rotate-2-in 0.4s forwards;  -moz-animation:sf-rotate-2-in 0.4s forwards;  animation:sf-rotate-2-in 0.4s forwards; } .sf-headline.rotate-2 i.out {  -webkit-animation:sf-rotate-2-out 0.4s forwards;  -moz-animation:sf-rotate-2-out 0.4s forwards;  animation:sf-rotate-2-out 0.4s forwards; } .sf-headline.rotate-2 em {  -webkit-transform:translateZ(20px);  -moz-transform:translateZ(20px);  -ms-transform:translateZ(20px);  -o-transform:translateZ(20px);  transform:translateZ(20px); } .no-csstransitions .sf-headline.rotate-2 i {  -webkit-transform:rotateX(0deg);  -moz-transform:rotateX(0deg);  -ms-transform:rotateX(0deg);  -o-transform:rotateX(0deg);  transform:rotateX(0deg);  opacity:0; } .no-csstransitions .sf-headline.rotate-2 i em {  -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1); } .no-csstransitions .sf-headline.rotate-2 .is-visible i {  opacity:1; } @-webkit-keyframes sf-rotate-2-in {  0% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(90deg);  }  60% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(-10deg);  }  100% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(0deg);  } } @-moz-keyframes sf-rotate-2-in {  0% {   opacity:0;   -moz-transform:translateZ(-20px) rotateX(90deg);  }  60% {   opacity:1;   -moz-transform:translateZ(-20px) rotateX(-10deg);  }  100% {   opacity:1;   -moz-transform:translateZ(-20px) rotateX(0deg);  } } @keyframes sf-rotate-2-in {  0% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(90deg);   -moz-transform:translateZ(-20px) rotateX(90deg);   -ms-transform:translateZ(-20px) rotateX(90deg);   -o-transform:translateZ(-20px) rotateX(90deg);   transform:translateZ(-20px) rotateX(90deg);  }  60% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(-10deg);   -moz-transform:translateZ(-20px) rotateX(-10deg);   -ms-transform:translateZ(-20px) rotateX(-10deg);   -o-transform:translateZ(-20px) rotateX(-10deg);   transform:translateZ(-20px) rotateX(-10deg);  }  100% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(0deg);   -moz-transform:translateZ(-20px) rotateX(0deg);   -ms-transform:translateZ(-20px) rotateX(0deg);   -o-transform:translateZ(-20px) rotateX(0deg);   transform:translateZ(-20px) rotateX(0deg);  } } @-webkit-keyframes sf-rotate-2-out {  0% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(0);  }  60% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(-100deg);  }  100% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(-90deg);  } } @-moz-keyframes sf-rotate-2-out {  0% {   opacity:1;   -moz-transform:translateZ(-20px) rotateX(0);  }  60% {   opacity:0;   -moz-transform:translateZ(-20px) rotateX(-100deg);  }  100% {   opacity:0;   -moz-transform:translateZ(-20px) rotateX(-90deg);  } } @keyframes sf-rotate-2-out {  0% {   opacity:1;   -webkit-transform:translateZ(-20px) rotateX(0);   -moz-transform:translateZ(-20px) rotateX(0);   -ms-transform:translateZ(-20px) rotateX(0);   -o-transform:translateZ(-20px) rotateX(0);   transform:translateZ(-20px) rotateX(0);  }  60% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(-100deg);   -moz-transform:translateZ(-20px) rotateX(-100deg);   -ms-transform:translateZ(-20px) rotateX(-100deg);   -o-transform:translateZ(-20px) rotateX(-100deg);   transform:translateZ(-20px) rotateX(-100deg);  }  100% {   opacity:0;   -webkit-transform:translateZ(-20px) rotateX(-90deg);   -moz-transform:translateZ(-20px) rotateX(-90deg);   -ms-transform:translateZ(-20px) rotateX(-90deg);   -o-transform:translateZ(-20px) rotateX(-90deg);   transform:translateZ(-20px) rotateX(-90deg);  } }  .sf-headline.loading-bar span {  display:inline-block;  padding:0; } .sf-headline.loading-bar .sf-words-wrapper {  overflow:visible;  vertical-align:top; } .sf-headline.loading-bar .sf-words-wrapper::after {   content:'';  position:absolute;  left:0;  bottom:-5px;  height:2px;  width:0;  background:#ff9900;  z-index:2;  -webkit-transition:width 0.3s -0.1s;  -moz-transition:width 0.3s -0.1s;  transition:width 0.3s -0.1s; } .sf-headline.loading-bar .sf-words-wrapper.is-loading::after {  width:100%;  -webkit-transition:width 3s;  -moz-transition:width 3s;  transition:width 3s; } .sf-headline.loading-bar b {  top:0;  opacity:0;  -webkit-transition:opacity 0.3s;  -moz-transition:opacity 0.3s;  transition:opacity 0.3s; } .sf-headline.loading-bar b.is-visible {  opacity:1;  top:0; }  .sf-headline.slide span {  display:inline-block;  padding:0; } .sf-headline.slide .sf-words-wrapper {  overflow:visible;  vertical-align:top; } .sf-headline.slide b {  opacity:0;  top:0; } .sf-headline.slide b.is-visible {  top:0;  opacity:1;  -webkit-animation:slide-in 0.6s;  -moz-animation:slide-in 0.6s;  animation:slide-in 0.6s; } .sf-headline.slide b.is-hidden {  -webkit-animation:slide-out 0.6s;  -moz-animation:slide-out 0.6s;  animation:slide-out 0.6s; } @-webkit-keyframes slide-in {  0% {   opacity:0;   -webkit-transform:translateY(-100%);  }  60% {   opacity:1;   -webkit-transform:translateY(20%);  }  100% {   opacity:1;   -webkit-transform:translateY(0);  } } @-moz-keyframes slide-in {  0% {   opacity:0;   -moz-transform:translateY(-100%);  }  60% {   opacity:1;   -moz-transform:translateY(20%);  }  100% {   opacity:1;   -moz-transform:translateY(0);  } } @keyframes slide-in {  0% {   opacity:0;   -webkit-transform:translateY(-100%);   -moz-transform:translateY(-100%);   -ms-transform:translateY(-100%);   -o-transform:translateY(-100%);   transform:translateY(-100%);  }  60% {   opacity:1;   -webkit-transform:translateY(20%);   -moz-transform:translateY(20%);   -ms-transform:translateY(20%);   -o-transform:translateY(20%);   transform:translateY(20%);  }  100% {   opacity:1;   -webkit-transform:translateY(0);   -moz-transform:translateY(0);   -ms-transform:translateY(0);   -o-transform:translateY(0);   transform:translateY(0);  } } @-webkit-keyframes slide-out {  0% {   opacity:1;   -webkit-transform:translateY(0);  }  60% {   opacity:0;   -webkit-transform:translateY(120%);  }  100% {   opacity:0;   -webkit-transform:translateY(100%);  } } @-moz-keyframes slide-out {  0% {   opacity:1;   -moz-transform:translateY(0);  }  60% {   opacity:0;   -moz-transform:translateY(120%);  }  100% {   opacity:0;   -moz-transform:translateY(100%);  } } @keyframes slide-out {  0% {   opacity:1;   -webkit-transform:translateY(0);   -moz-transform:translateY(0);   -ms-transform:translateY(0);   -o-transform:translateY(0);   transform:translateY(0);  }  60% {   opacity:0;   -webkit-transform:translateY(120%);   -moz-transform:translateY(120%);   -ms-transform:translateY(120%);   -o-transform:translateY(120%);   transform:translateY(120%);  }  100% {   opacity:0;   -webkit-transform:translateY(100%);   -moz-transform:translateY(100%);   -ms-transform:translateY(100%);   -o-transform:translateY(100%);   transform:translateY(100%);  } }  .sf-headline.clip span {  display:inline-block;  padding:0; } .sf-headline.clip .sf-words-wrapper {  overflow:hidden;  vertical-align:top;  z-index:1; } .sf-headline.clip .sf-words-wrapper::after {   content:'';  position:absolute;  top:0;  right:0;  width:2px;  height:100%;  background-color:#aebcb9; } .sf-headline.clip b {  opacity:0; } .sf-headline.clip b.is-visible {  opacity:1; }  .sf-headline.zoom .sf-words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .sf-headline.zoom b {  opacity:0; } .sf-headline.zoom b.is-visible {  opacity:1;  -webkit-animation:zoom-in 0.8s;  -moz-animation:zoom-in 0.8s;  animation:zoom-in 0.8s; } .sf-headline.zoom b.is-hidden {  -webkit-animation:zoom-out 0.8s;  -moz-animation:zoom-out 0.8s;  animation:zoom-out 0.8s; } @-webkit-keyframes zoom-in {  0% {   opacity:0;   -webkit-transform:translateZ(100px);  }  100% {   opacity:1;   -webkit-transform:translateZ(0);  } } @-moz-keyframes zoom-in {  0% {   opacity:0;   -moz-transform:translateZ(100px);  }  100% {   opacity:1;   -moz-transform:translateZ(0);  } } @keyframes zoom-in {  0% {   opacity:0;   -webkit-transform:translateZ(100px);   -moz-transform:translateZ(100px);   -ms-transform:translateZ(100px);   -o-transform:translateZ(100px);   transform:translateZ(100px);  }  100% {   opacity:1;   -webkit-transform:translateZ(0);   -moz-transform:translateZ(0);   -ms-transform:translateZ(0);   -o-transform:translateZ(0);   transform:translateZ(0);  } } @-webkit-keyframes zoom-out {  0% {   opacity:1;   -webkit-transform:translateZ(0);  }  100% {   opacity:0;   -webkit-transform:translateZ(-100px);  } } @-moz-keyframes zoom-out {  0% {   opacity:1;   -moz-transform:translateZ(0);  }  100% {   opacity:0;   -moz-transform:translateZ(-100px);  } } @keyframes zoom-out {  0% {   opacity:1;   -webkit-transform:translateZ(0);   -moz-transform:translateZ(0);   -ms-transform:translateZ(0);   -o-transform:translateZ(0);   transform:translateZ(0);  }  100% {   opacity:0;   -webkit-transform:translateZ(-100px);   -moz-transform:translateZ(-100px);   -ms-transform:translateZ(-100px);   -o-transform:translateZ(-100px);   transform:translateZ(-100px);  } }  .sf-headline.rotate-3 .sf-words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .sf-headline.rotate-3 b {  opacity:0; } .sf-headline.rotate-3 i {  display:inline-block;  -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);  -ms-transform:rotateY(180deg);  -o-transform:rotateY(180deg);  transform:rotateY(180deg);  -webkit-backface-visibility:hidden;  backface-visibility:hidden; } .is-visible .sf-headline.rotate-3 i {  -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg);  -ms-transform:rotateY(0deg);  -o-transform:rotateY(0deg);  transform:rotateY(0deg); } .sf-headline.rotate-3 i.in {  -webkit-animation:sf-rotate-3-in 0.6s forwards;  -moz-animation:sf-rotate-3-in 0.6s forwards;  animation:sf-rotate-3-in 0.6s forwards; } .sf-headline.rotate-3 i.out {  -webkit-animation:sf-rotate-3-out 0.6s forwards;  -moz-animation:sf-rotate-3-out 0.6s forwards;  animation:sf-rotate-3-out 0.6s forwards; } .no-csstransitions .sf-headline.rotate-3 i {  -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg);  -ms-transform:rotateY(0deg);  -o-transform:rotateY(0deg);  transform:rotateY(0deg);  opacity:0; } .no-csstransitions .sf-headline.rotate-3 .is-visible i {  opacity:1; } @-webkit-keyframes sf-rotate-3-in {  0% {   -webkit-transform:rotateY(180deg);  }  100% {   -webkit-transform:rotateY(0deg);  } } @-moz-keyframes sf-rotate-3-in {  0% {   -moz-transform:rotateY(180deg);  }  100% {   -moz-transform:rotateY(0deg);  } } @keyframes sf-rotate-3-in {  0% {   -webkit-transform:rotateY(180deg);   -moz-transform:rotateY(180deg);   -ms-transform:rotateY(180deg);   -o-transform:rotateY(180deg);   transform:rotateY(180deg);  }  100% {   -webkit-transform:rotateY(0deg);   -moz-transform:rotateY(0deg);   -ms-transform:rotateY(0deg);   -o-transform:rotateY(0deg);   transform:rotateY(0deg);  } } @-webkit-keyframes sf-rotate-3-out {  0% {   -webkit-transform:rotateY(0);  }  100% {   -webkit-transform:rotateY(-180deg);  } } @-moz-keyframes sf-rotate-3-out {  0% {   -moz-transform:rotateY(0);  }  100% {   -moz-transform:rotateY(-180deg);  } } @keyframes sf-rotate-3-out {  0% {   -webkit-transform:rotateY(0);   -moz-transform:rotateY(0);   -ms-transform:rotateY(0);   -o-transform:rotateY(0);   transform:rotateY(0);  }  100% {   -webkit-transform:rotateY(-180deg);   -moz-transform:rotateY(-180deg);   -ms-transform:rotateY(-180deg);   -o-transform:rotateY(-180deg);   transform:rotateY(-180deg);  } }  .sf-headline.scale b {  opacity:0; } .sf-headline.scale i {  display:inline-block;  opacity:0;  -webkit-transform:scale(0);  -moz-transform:scale(0);  -ms-transform:scale(0);  -o-transform:scale(0);  transform:scale(0); } .is-visible .sf-headline.scale i {  opacity:1; } .sf-headline.scale i.in {  -webkit-animation:scale-up 0.6s forwards;  -moz-animation:scale-up 0.6s forwards;  animation:scale-up 0.6s forwards; } .sf-headline.scale i.out {  -webkit-animation:scale-down 0.6s forwards;  -moz-animation:scale-down 0.6s forwards;  animation:scale-down 0.6s forwards; } .no-csstransitions .sf-headline.scale i {  -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1);  opacity:0; } .no-csstransitions .sf-headline.scale .is-visible i {  opacity:1; } @-webkit-keyframes scale-up {  0% {   -webkit-transform:scale(0);   opacity:0;  }  60% {   -webkit-transform:scale(1.2);   opacity:1;  }  100% {   -webkit-transform:scale(1);   opacity:1;  } } @-moz-keyframes scale-up {  0% {   -moz-transform:scale(0);   opacity:0;  }  60% {   -moz-transform:scale(1.2);   opacity:1;  }  100% {   -moz-transform:scale(1);   opacity:1;  } } @keyframes scale-up {  0% {   -webkit-transform:scale(0);   -moz-transform:scale(0);   -ms-transform:scale(0);   -o-transform:scale(0);   transform:scale(0);   opacity: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);   opacity:1;  }  100% {   -webkit-transform:scale(1);   -moz-transform:scale(1);   -ms-transform:scale(1);   -o-transform:scale(1);   transform:scale(1);   opacity:1;  } } @-webkit-keyframes scale-down {  0% {   -webkit-transform:scale(1);   opacity:1;  }  60% {   -webkit-transform:scale(0);   opacity:0;  } } @-moz-keyframes scale-down {  0% {   -moz-transform:scale(1);   opacity:1;  }  60% {   -moz-transform:scale(0);   opacity:0;  } } @keyframes scale-down {  0% {   -webkit-transform:scale(1);   -moz-transform:scale(1);   -ms-transform:scale(1);   -o-transform:scale(1);   transform:scale(1);   opacity:1;  }  60% {   -webkit-transform:scale(0);   -moz-transform:scale(0);   -ms-transform:scale(0);   -o-transform:scale(0);   transform:scale(0);   opacity:0;  } }  .sf-headline.push b {  opacity:0; } .sf-headline.push b.is-visible {  opacity:1;  -webkit-animation:push-in 0.6s;  -moz-animation:push-in 0.6s;  animation:push-in 0.6s; } .sf-headline.push b.is-hidden {  -webkit-animation:push-out 0.6s;  -moz-animation:push-out 0.6s;  animation:push-out 0.6s; } @-webkit-keyframes push-in {  0% {   opacity:0;   -webkit-transform:translateX(-100%);  }  60% {   opacity:1;   -webkit-transform:translateX(10%);  }  100% {   opacity:1;   -webkit-transform:translateX(0);  } } @-moz-keyframes push-in {  0% {   opacity:0;   -moz-transform:translateX(-100%);  }  60% {   opacity:1;   -moz-transform:translateX(10%);  }  100% {   opacity:1;   -moz-transform:translateX(0);  } } @keyframes push-in {  0% {   opacity:0;   -webkit-transform:translateX(-100%);   -moz-transform:translateX(-100%);   -ms-transform:translateX(-100%);   -o-transform:translateX(-100%);   transform:translateX(-100%);  }  60% {   opacity:1;   -webkit-transform:translateX(10%);   -moz-transform:translateX(10%);   -ms-transform:translateX(10%);   -o-transform:translateX(10%);   transform:translateX(10%);  }  100% {   opacity:1;   -webkit-transform:translateX(0);   -moz-transform:translateX(0);   -ms-transform:translateX(0);   -o-transform:translateX(0);   transform:translateX(0);  } } @-webkit-keyframes push-out {  0% {   opacity:1;   -webkit-transform:translateX(0);  }  60% {   opacity:0;   -webkit-transform:translateX(110%);  }  100% {   opacity:0;   -webkit-transform:translateX(100%);  } } @-moz-keyframes push-out {  0% {   opacity:1;   -moz-transform:translateX(0);  }  60% {   opacity:0;   -moz-transform:translateX(110%);  }  100% {   opacity:0;   -moz-transform:translateX(100%);  } } @keyframes push-out {  0% {   opacity:1;   -webkit-transform:translateX(0);   -moz-transform:translateX(0);   -ms-transform:translateX(0);   -o-transform:translateX(0);   transform:translateX(0);  }  60% {   opacity:0;   -webkit-transform:translateX(110%);   -moz-transform:translateX(110%);   -ms-transform:translateX(110%);   -o-transform:translateX(110%);   transform:translateX(110%);  }  100% {   opacity:0;   -webkit-transform:translateX(100%);   -moz-transform:translateX(100%);   -ms-transform:translateX(100%);   -o-transform:translateX(100%);   transform:translateX(100%);  } }  .spb_button { text-align:center; } .spb_button[data-align="left"] { text-align:left; } .spb_button[data-align="center"] { text-align:center; } .spb_button[data-align="right"] { text-align:right; } .spb_button a.sf-button { margin-right:0; } a.sf-button { display:inline-block; font-size:12px; line-height:20px; height:auto; padding:14px 26px; margin:0 10px 20px 0; font-weight:bold; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; border:0; position:relative; outline:none; text-shadow:none; text-decoration:none; vertical-align:middle; letter-spacing:1px; max-width:100%; } a.sf-button.bordered { padding:15px 25px; } a.sf-button:hover { text-decoration:none!important; color:#fff; } a.sf-button.large { font-size:14px; line-height:32px; padding:12px 35px; } a.sf-button.large.bordered { padding:11px 34px; } a.sf-button.dropshadow { -moz-box-shadow:1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1); box-shadow:1px 1px 1px rgba(0,0,0,.1); } a.sf-button.mega { font-size:18px; line-height:30px; padding:20px 35px; } a.sf-button.mega.bordered { padding:19px 34px; } a.sf-button.mega.sf-icon-stroke span.text {   padding:20px 30px 20px 84px;   line-height:30px; } a.sf-button.black { border-color:#222; background-color:#222; color:#fff; } a.sf-button.white { border-color:#fff; background-color:#fff; color:#222!important; } a.sf-button.blue { border-color:#00bff3; background-color:#00bff3; } a.sf-button.grey { border-color:#444; background-color:#444; } a.sf-button.lightgrey { border-color:#e4e4e4; background-color:#e4e4e4; color:#222; } a.sf-button.orange { border-color:#ff7534; background-color:#ff7534; color:#fff; } a.sf-button.turquoise { border-color:#00d1c5; background-color:#00d1c5; color:#fff; } a.sf-button.green { border-color:#37ba85; background-color:#37ba85; color:#fff; } a.sf-button.pink { border-color:#fe504f; background-color:#fe504f; color:#fff; } a.sf-button.gold { border-color:#ffd56c; background-color:#ffd56c; color:#222222; } a.sf-button.transparent-light { border:2px solid #fff; border:2px solid rgba(255,255,255,.5); color:#fff; } a.sf-button.transparent-light:hover { background:#fff; border-color:#fff; } a.sf-button.transparent-dark { border:2px solid #222; border:2px solid rgba(34,34,34,.2); } a.sf-button.transparent-dark:hover { background:#222; border-color:#222; } a.sf-button.purple { border-color:#8e7de5; background-color:#8e7de5; color:#fff; } a.sf-button.midnight { border-color:#27303d; background-color:#27303d; color:#fff; } a.sf-button.yellow { border-color:#f5c55e; background-color:#f5c55e; color:#fff; } a.sf-button.red { border-color:#f45550; background-color:#f45550; color:#fff; } .sf-button.accent { background:none; background-image:none; } a.sf-button.stroke-to-fill { border-width:2px; border-style:solid; padding:13px 30px; background:transparent; } a.sf-button.large.stroke-to-fill { padding:13px 40px; } a.sf-button.mega.stroke-to-fill { padding:19px 40px; } a.sf-button.sf-icon-reveal { padding:15px 35px; line-height:20px; -webkit-transform:translate3d(0,0,0); } a.sf-button.sf-icon-reveal.large { padding:18px 50px; } a.sf-button.sf-icon-stroke { padding:0; line-height:18px; } a.sf-button.sf-icon-reveal i { font-size:18px; height:100%; width:20px; right:30px; top:0; line-height:50px; display:inline-block; text-align:right; position:absolute; -o-transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5); opacity:0; } a.sf-button.large.sf-icon-reveal i { font-size:22px; line-height:56px; right:40px; } a.sf-button.sf-icon-reveal span.text { display:block; vertical-align:4px; text-align:center; width:100%; } a.sf-button.sf-icon-reveal i, a.sf-button.sf-icon-reveal span.text { -webkit-transition:all 0.4s cubic-bezier(0.175,0.885,0.320,1.15); -moz-transition:all 0.4s cubic-bezier(0.175,0.885,0.320,1.15); -o-transition:all 0.4s cubic-bezier(0.175,0.885,0.320,1.15); transition:all 0.4s cubic-bezier(0.175,0.885,0.320,1.15); } a.sf-button.sf-icon-reveal:hover i { -o-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; right:20px; } a.sf-button.large.sf-icon-reveal:hover i { right:25px; } a.sf-button.sf-icon-reveal:hover span.text { -webkit-transform:translateX(-12px); -moz-transform:translateX(-12px); -ms-transform:translateX(-12px); transform:translateX(-12px); } a.sf-button.sf-icon-reveal.large:hover span.text { -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); } a.sf-button.sf-icon-reveal.black { background-color:#222; } a.sf-button.sf-icon-reveal.white { background-color:#fff; color:#222; } a.sf-button.sf-icon-reveal.blue { background-color:#00bff3; } a.sf-button.sf-icon-reveal.grey { background-color:#444; } a.sf-button.sf-icon-reveal.lightgrey { background-color:#e4e4e4; } a.sf-button.sf-icon-reveal.orange { background-color:#ff7534; } a.sf-button.sf-icon-reveal.turquoise { background-color:#00d1c5; } a.sf-button.sf-icon-reveal.green { background-color:#37ba85; } a.sf-button.sf-icon-reveal.pink { background-color:#fe504f; } a.sf-button.sf-icon-reveal.gold { background-color:#ffd56c; } a.sf-button.sf-icon-stroke i { padding:16px 25px 14px; left:0; top:0; font-size:18px; height:48px; line-height:16px; display:inline-block; position:absolute; } a.sf-button.sf-icon-stroke span.text { padding:14px 25px 14px 60px; display:inline-block; white-space:nowrap; vertical-align:4px; line-height:20px; } a.sf-button.large.sf-icon-stroke i { padding:19px 22px 8px; height:54px; font-size:22px; } a.sf-button.large.sf-icon-stroke span.text { padding:20px 84px 20px 30px; line-height:30px; } a.sf-button.mega.sf-icon-stroke i { padding:20px 25px;   height:70px;   line-height:30px; } a.sf-button.mega.sf-icon-stroke span.text { padding:14px 30px 14px 84px; line-height:30px; } a.sf-button span.text { display:inline-block; } a.sf-button.bordered { background:none; border:2px solid #e3e3e3; position:relative; overflow:visible; } a.sf-button.bordered.transparent-light, a.sf-button.bordered.transparent-dark { border:0!important; } a.sf-button .sf-button-border { position:absolute; width:100%; height:100%; top:0px; left:0; border:2px solid #ccc; z-index:2; } a.sf-button.bordered.black { color:#222; border-color:#222; } a.sf-button.bordered.white { color:#fff; border-color:#fff; } a.sf-button.bordered.blue { color:#00bff3; border-color:#00bff3; } a.sf-button.bordered.grey { color:#444; border-color:#444; } a.sf-button.bordered.lightgrey { color:#e4e4e4; border-color:#e4e4e4; } a.sf-button.bordered.orange { color:#ff7534; border-color:#ff7534; } a.sf-button.bordered.turquoise { color:#00d1c5; border-color:#00d1c5; } a.sf-button.bordered.green { color:#37ba85; border-color:#37ba85; } a.sf-button.bordered.pink { color:#fe504f; border-color:#fe504f; } a.sf-button.bordered.gold { color:#e5bf61; border-color:#e5bf61; } a.sf-button.bordered.white { color:#fff!important; } a.sf-button.bordered.white:hover { color:#222!important; } a.sf-button.bordered.black:hover, a.sf-button.bordered.blue:hover, a.sf-button.bordered.grey:hover, a.sf-button.bordered.orange:hover, a.sf-button.bordered.turquoise:hover, a.sf-button.bordered.green:hover, a.sf-button.bordered.pink:hover { color:#fff; } a.sf-button.bordered.gold:hover, a.sf-button.bordered.lightgrey:hover, a.sf-button.bordered.gold:hover { color:#222; } a.sf-button.rounded { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; } a.sf-button.rounded.large { -webkit-border-radius:75px; -moz-border-radius:75px; border-radius:75px; } a.sf-button.rounded.bordered:before, a.sf-button.rounded.bordered:after { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; opacity:0; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; } a.sf-button.rounded.bordered:hover:before, a.sf-button.rounded.bordered:hover:after { opacity:1; } a.sf-button.black:hover { background-color:#111; border-color:#111; } a.sf-button.white:hover { background-color:#e4e4e4; border-color:#e4e4e4; } a.sf-button.blue:hover { background-color:#00acda; border-color:#00acda; } a.sf-button.grey:hover { background-color:#333; border-color:#333; } a.sf-button.lightgrey:hover { background-color:#ccc; border-color:#ccc; } a.sf-button.orange:hover { background-color:#e5692f; border-color:#e5692f; } a.sf-button.turquoise:hover { background-color:#00bcb1; border-color:#00bcb1; } a.sf-button.green:hover { background-color:#31a777; border-color:#31a777; } a.sf-button.pink:hover { background-color:#e44847; border-color:#e44847; } a.sf-button.gold:hover { background-color:#e5bf61; border-color:#e5bf61; } a.sf-button.rotate-3d { -ms-perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px; padding:0; overflow:visible; -webkit-backface-visibility:hidden; } a.sf-button.rotate-3d.large { padding:0; } a.sf-button.rotate-3d span.text { background-color:inherit; position:relative; display:inline-block; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; } .browser-ie a.sf-button.rotate-3d span.text, .browser-ie10 a.sf-button.rotate-3d span.text, .browser-ie11 a.sf-button.rotate-3d span.text { transform-style:inherit; } .browser-ie a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text, .browser-ie10 a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text, .browser-ie11 a.sf-button.rotate-3d:hover span.text, .browser-ie a.sf-button.rotate-3d:focus span.text { transform:none; } .browser-ie a.sf-button.rotate-3d span.text:before, .browser-ie10 a.sf-button.rotate-3d span.text:before, .browser-ie11 a.sf-button.rotate-3d span.text:before { opacity:0; top:0; transform:none; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; } .browser-ie a.sf-button.rotate-3d:hover span.text:before, .browser-ie10 a.sf-button.rotate-3d:hover span.text:before, .browser-ie11 a.sf-button.rotate-3d:hover span.text:before { opacity:1; } a.sf-button.rotate-3d span.text, a.sf-button.rotate-3d span.text:before { padding:14px 26px; } a.sf-button.rotate-3d.large span.text, a.sf-button.rotate-3d.large span.text:before { padding:14px 35px; } a.sf-button.rotate-3d span.text:before { position:absolute; display:inline-block; top:100%; left:0; width:100%; height:100%; background:#ccc; content:attr(data-text); -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; -ms-transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; } a.sf-button.rotate-3d:hover span.text, a.sf-button.rotate-3d:focus span.text { -webkit-transform:rotateX(91deg) translateY(-50%); -moz-transform:rotateX(91deg) translateY(-50%); transform:rotateX(91deg) translateY(-50%); } .no-csstransitions a.sf-button.rotate-3d span.text:before, .no-csstransforms a.sf-button.rotate-3d span.text:before, .no-cssanimations a.sf-button.rotate-3d span.text:before { display:none!important; } a.sf-button.sf-button-rounded { border-radius:30px; } a.sf-button.mega.sf-button-rounded { border-radius:45px; } a.sf-button.sf-button-has-icon > i { font-size:18px;   margin-left:10px;   vertical-align:-3px; } a.sf-button.sf-button-has-icon.large > i { font-size:22px;   margin-left:10px;   vertical-align:-5px; } a.sf-button.sf-button-has-icon.mega > i { font-size:18px; margin-left:10px; vertical-align:-7px; }  .spb_box_content .spb-asset-content { position:relative; } .spb_box_content .box-link { position:absolute;   left:0;   top:0;   width:100%;   height:100%;   z-index:3;   background:#222;   opacity:0; } .spb_box_content .box-link:hover { opacity:0.1; } .spb_box_content .box-content-wrap { padding:30px; position:relative; z-index:2; } .spb_box_content .box-content-wrap p:last-child { margin-bottom:0; } .spb_box_content .spb-bg-color-wrap.whitestroke { background:#fff; border:1px solid #e3e3e3; }   .chart-shortcode {   position:relative;   text-align:center;   overflow:hidden; } .chart-shortcode.chart-170 { width:170px; height:170px; line-height:170px; } .chart-shortcode.chart-center { margin:0 auto; } .chart-shortcode.chart-right { float:right; } .chart-shortcode canvas {   position:absolute;   top:0;   left:0; } .chart-shortcode span { font-size:14px; vertical-align:-1px; } .chart-shortcode.chart-70 span i[class*="ss-"] { vertical-align:-2px; } .chart-shortcode.chart-170 span { font-size:36px; vertical-align:0px; } .chart-shortcode.chart-170 span i { vertical-align:-4px; } .chart-shortcode.chart-170 span i[class*="ss-"] { vertical-align:-7px; }   .client-box { width:228px; height:auto; background-color:#fafafa; background-position:center center; background-repeat:no-repeat; float:left; margin:0 2px 7px 5px; } .client-box img { width:100%; height:auto; display:block; }   ul.clients-items { list-style:none; } .clients-items .carousel-item { padding:0 15px; } .client-item { float:left; margin-bottom:25px; } .client-item figure { opacity:0.7; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; } .client-item figure:hover { border-color:#222; opacity:1; } @media only screen and (max-width:767px) { .clients-items > .client-item.col-sm-2, .clients-items > .client-item.col-sm-6 {  width:50%;  float:left; } }  code[class*="language-"], pre[class*="language-"] { color:black; text-shadow:0 1px white; font-family:Consolas, Monaco, 'Andale Mono', monospace; direction:ltr; text-align:left; white-space:pre; word-spacing:normal; word-break:normal; line-height:1.5; -moz-tab-size:4; -o-tab-size:4; tab-size:4; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow:none; background:#b3d4fc; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow:none; background:#b3d4fc; } @media print { code[class*="language-"], pre[class*="language-"] {  text-shadow:none; } } pre[class*="language-"] { background:#f7f7f7; border-left:3px solid #999; border-radius:0; margin:0 0 25px; overflow-y:auto; padding:0 20px 20px; max-height:500px; } :not(pre) > code[class*="language-"] { padding:.1em; border-radius:.3em; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color:slategray; } .token.punctuation { color:#999; } .namespace { opacity:.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color:#905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color:#690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color:#a67f59; background:hsla(0, 0%, 100%, .5); } .token.atrule, .token.attr-value, .token.keyword { color:#07a; } .token.function { color:#DD4A68; } .token.regex, .token.important, .token.variable { color:#e90; } .token.important, .token.bold { font-weight:bold; } .token.italic { font-style:italic; } .token.entity { cursor:help; }   .one_half { width:48%; } .one_third { width:30.66%; } .two_third { width:65.33%; } .one_fourth { width:22%; } .one_fifth { width:16.8%; } .one_fifth.no-gutter { width:20%; margin:0; } .three_fourth { width:74%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth { position:relative; z-index:2; margin-right:4%; float:left; } .one_half .row, .one_third .row, .two_third .row, .three_fourth .row, .one_fourth .row, .one_fifth .row { margin-bottom:0; } .one_half p:last-child, .one_third p:last-child, .two_third p:last-child, .three_fourth p:last-child, .one_fourth p:last-child, .one_fifth p:last-child { margin-bottom:0; } .one_half img, .one_third img, .two_third img, .three_fourth img, .one_fourth img, .one_fifth img { max-width:100%; height:auto; } .last { margin-right:0 !important; clear:right; } .clearboth { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; }   .sf-count-asset { text-align:center; padding:20px 0; } .sf-count-asset .count-number { font-size:60px; line-height:100%; } .sf-count-asset .count-divider { width:100%; text-align:center; height:1px; margin-top:15px; margin-bottom:20px; } .sf-count-asset .count-divider.has-icon { height:28px; overflow:hidden; } .sf-count-asset .count-divider span { background:#e4e4e4; width:0; height:1px; display:inline-block; } .sf-count-asset .count-divider.has-icon span { background:#e4e4e4; width:20%; height:1px; vertical-align:middle;   margin-top:-9px; } .sf-count-asset .count-divider.has-icon i { height:30px;   font-size:24px;   padding:0 20px; } .sf-count-asset .count-subject { padding-top:8px; opacity:0; bottom:-15px; position:relative; color:inherit; } .sf-count-asset h6.count-subject { padding-top:12px; color:inherit; }   .sf-countdown { text-align:center; font-size:20px; line-height:28px; text-transform:uppercase; } .sf-countdown.text-large { font-size:48px; line-height:72px; } .sf-countdown .countdown_section { display:inline-block; } .sf-countdown .countdown_section .amount_label { display:inline-block; opacity:0.5; filter:alpha(opacity=50); } .countdown-subject { text-align:center; margin-top:10px; }   .spb_directory_widget.spb_gmaps_widget { padding-left:0; padding-right:0; } .dir-item-no-margin { margin-left:0!important; } .directory-filter-wrap { width:100%; } .directorySearch { width:100%; text-align:center; padding:7px 16px; } .directory-results { max-width:100%; margin-top:40px; margin-bottom:20px; } .directory-results h2 { margin-top:0; margin-bottom:30px; } .directory-filter { width:20%; float:left; margin-left:2%; } .directory-search-container { float:left;  margin-left:2%;  width:14%; color:#FFF; } .directory-search-container > a { height:40px; } .filter-search-container { width:40%; float:left; } .info-window-container { clear:both; } .directory-filter-wrap { max-width:100%; } .spb_directory_filter_above { padding-top:30px; margin-bottom:30px; max-width:100%; } .spb_directory_filter_below { margin-top:30px; padding-bottom:30px; max-width:100%; } .container .directory-filter-wrap.container, .container .spb_directory_filter_above.container, .container .spb_directory_filter_below.container { padding-left:0; padding-right:0; } .container .spb-full-width-element .directory-filter-wrap.container { padding-left:15px; padding-right:15px; } .spb_directory_filter_above:empty, .spb_directory_filter_below:empty { margin:0; } .has-one-sidebar .directory-filter-wrap, .has-one-sidebar .spb_directory_filter_below { padding-left:0; padding-right:0; } .filter-search-container input, .directory-filter select { margin:0!important; } .directory-filter > select { padding-top:4px; padding-bottom:4px; } .directory-item { border-top:1px solid #e3e3e3; padding-top:30px; margin-bottom:30px; } .directory-item figure { width:30%; float:left; } .directory-item .directory-item-details { width:100%; float:left; margin-left:0; } .directory-item figure + .directory-item-details { width:67%; margin-left:3%; } .directory-item h3 { margin-top:0; margin-bottom:10px; } .directory-item-details .item-meta { margin-bottom:15px; } .directory-item-details .item-meta span { padding:0 8px; } .directory-item .directory-item-details .excerpt { margin-bottom:15px; } .directory-item.no-thumb .directory-item-details { width:100%; margin-left:0; } .single-directory .post-info .comments-likes { margin-top:0; }   .directory-submit-wrap {   overflow-y:scroll;   height:100%; } .directory-submit-wrap label {   font-weight:normal; } .directory-submit-wrap p {   margin-bottom:10px; } .directory-submit-wrap textarea { margin-bottom:0; } .directory-submit-wrap select, .directory-submit-wrap input[type="file"] { margin-bottom:15px; } #add-directory-entry { margin:0 auto; padding:90px 30px 0; } .directory-error { display:none; } .directory-error label { padding:10px; border:1px solid #E90A0A; display:block; color:#E90A0A; } .edit-listing, .delete-listing {   margin-left:10px;   font-size:12px;   line-height:18px;   width:70px;   text-align:center;   height:auto;   padding:7px 8px;   border:2px solid #e4e4e4;   -moz-border-radius:2px;   -webkit-border-radius:2px;   border-radius:2px;   text-transform:uppercase;   font-weight:bold;   display:inline-block; } .edit-listing { margin-left:0; } .cancel-listing-modal {   margin-right:20px; } #spb_edit_listing {   display:none;   position:fixed;   width:100%;   height:100%;   background:rgba(0, 0, 0, 0.8);   top:0;   left:0;   z-index:9999; } .spb-modal-listing {   width:800px;   position:fixed;   top:25%;   left:50%;   margin-top:-100px;   margin-left:-400px;   background-color:white;   z-index:10002;   height:640px;   display:none;   overflow:hidden;   -webkit-border-radius:4px;   -moz-border-radius:4px;   border-radius:4px; } .edit_form_actions {   float:right;   margin-right:30px;   margin-top:0;   line-height:30px; } .edit_form_actions > a { line-height:30px; } .edit_form_actions > a:last-child { padding:0 0 0 15px; font-weight:bold; color:#fe504f; opacity:0.8; } .edit_form_actions > a:last-child:hover { opacity:1; } #edit-modal-header {   background:#f7f7f7;   border-bottom:1px solid #e4e4e4;   padding:20px 0;   border-radius:3px 3px 0 0;   height:auto;   overflow:hidden;   width:100%;   position:absolute;   z-index:3;   margin-bottom:20px; } #edit-modal-header h2 {   float:left;   margin:0 0 0 30px;   font-size:24px;   line-height:30px; } .modal-delete-listing {   position:fixed;   top:10%;   left:50%;   z-index:1050;   width:560px;   height:300px;   margin-left:-280px;   background-color:#ffffff;   border:1px solid #999;   border:1px solid rgba(0, 0, 0, 0.3);   -webkit-border-radius:4px;   -moz-border-radius:4px;   border-radius:4px;   outline:none;   -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);   -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);   box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);   -webkit-background-clip:padding-box;   -moz-background-clip:padding-box;   background-clip:padding-box; } .modal-delete-listing .fade {   opacity:0;   -webkit-transition:opacity 0.15s linear;   -moz-transition:opacity 0.15s linear;   -o-transition:opacity 0.15s linear;   transition:opacity 0.15s linear; } #modal-from-dom {   left:50%;   top:30%; } #modal-from-dom .modal-footer { position:absolute;   bottom:0;   left:0;   width:100%;   padding:20px 30px; } #modal-from-dom .modal-footer > a:first-child { padding:0 15px; font-weight:bold; color:#fe504f; opacity:0.8; } #modal-from-dom .modal-footer > a:first-child:hover { opacity:1; }   .spb_divider { display:block; border-bottom-width:1px; margin-bottom:30px; } .spb_divider.standard { border-bottom-style:solid; border-bottom-width:2px; } .spb_divider.thin { border-bottom-style:solid; } .spb_divider.dotted { border-bottom-style:dotted; } .spb_divider.go_to_top { padding:0; } .spb_divider.go_to_top a { text-align:right; display:block; text-decoration:none; border-bottom:1px solid transparent; margin-bottom:30px; } .spb_divider.go_to_top_icon1 { position:relative; height:9px; border-bottom:1px solid transparent; } .spb_divider.go_to_top_icon2 { position:relative; height:10px; border-bottom:1px solid transparent; } .spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a { position:absolute; right:0; display:block; padding:0 0 0 10px; text-decoration:none; } .spb_divider.go_to_top_icon2 a i { padding-left:6px; vertical-align:-3px; } .divider-wrap h3.divider-heading {   position:relative;   z-index:1;   overflow:hidden;   text-align:center;   float:none; } .divider-wrap h3.divider-heading:before, .divider-wrap h3.divider-heading:after {   position:absolute;   top:50%;   overflow:hidden;   width:50%;   height:2px;   content:'\a0';   background-color:#e3e3e3; } .divider-wrap h3.divider-heading:before {   margin-left:-53%;   text-align:right; } .divider-wrap h3.divider-heading:after { margin-left:3%; } .divider-wrap h3.divider-heading:before {   width:50%;   margin-left:-53%; } .divider-wrap h3.divider-heading:after { width:50%; margin-left:3%; }   ul.faqs-nav { margin-bottom:50px; margin-left:-2%; list-style:none; } .faqs-nav li { float:left; width:48%; padding:11px 15px 7px; border:1px solid #F4F4F4; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin:0 0 10px 2%; } .faqs-nav li a { text-decoration:none; } .faqs-nav li i { margin-right:8px; vertical-align:-2px; } .faqs-nav li .count { float:right; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity= 60); } h3.faq-section-title { margin:0 0 30px; padding:0; } ul.faqs-section { margin-bottom:60px; list-style:none; } .faq-item { border-top:1px solid #ccc; border:1px solid #e3e3e3; border-radius:4px; margin-bottom:30px; } .faq-item:hover { cursor:pointer; } .faq-item:first-child { padding-top:0; } .faq-item h6 { margin-bottom:15px; } .faq-item h5 { margin:0;   padding:30px;   border-bottom:1px solid #e3e3e3;   font-weight:bold;   background:transparent;   transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .faq-item.closed h5 { border-bottom-width:0; opacity:0.5; background:rgba(0,0,0,0.05); } .faq-item h5:before {   content:attr(data-before);   float:left;   font-weight:normal;   padding-right:20px;   opacity:0.6; } .faq-item .faq-text { padding:30px 30px 30px 65px; position:relative; display:none; } .faq-item .faq-text:before {   content:attr(data-before);   font-weight:normal;   opacity:0.6;   position:absolute;   left:30px; }  .spb_gallery_widget { margin-bottom:40px; position:relative; overflow:hidden; padding-left:15px; padding-right:15px; } .spb_gallery_widget .masonry-gallery { position:relative; } .spb_gallery_widget .gallery-nav {   margin-top:30px; } .spb_gallery_widget .gallery-nav li {   margin-left:30px;   width:100px !important;   float:left; } .spb_gallery_widget .gallery-nav li:first-child {   margin-left:0; } .spb_gallery_widget .gallery-nav li img {   display:block;   width:100%;   height:auto;   opacity:.7;   cursor:pointer;   transition:all 0.3s ease-in-out;   -moz-transition:all 0.3s ease-in-out;   -webkit-transition:all 0.3s ease-in-out;   -o-transition:all 0.3s ease-in-out; } .spb_gallery_widget .gallery-nav li.flex-active-slide img, .spb_gallery_widget .gallery-nav li img:hover {   opacity:1; } .gallery-slider p.flex-caption { position:absolute; bottom:0; padding:15px 20px; color:#fff; margin:0; width:100%; font-size:16px; } .gallery-slider .lightbox-icon { position:absolute; top:20px; right:20px; font-size:16px; color:#fff; padding:10px 11px; border-radius:3px; background:rgba(0,0,0,0.2); height:38px; line-height:22px; } .gallery-masonry { padding:0; } .masonry-gallery .gallery-image { opacity:0; margin-bottom:30px; } .masonry-gallery.no-gutters .gallery-image { margin:0; padding:0; } .masonry-gallery .gallery-image.item-animated { opacity:1; }   .googlechart { margin-bottom:30px; width:100%; }   .pinmarker { width:280px; padding:6px; overflow:hidden; } .pinmarker > h3 { margin-top:0; } .pinmarker > img.info-window-img { float:left; max-width:70px; display:block; } .pinmarker .pinmarker-container { margin-left:85px; } .pinmarker-container h3 { margin-top:-5px; margin-bottom:5px; font-weight:bold; display:block; } .pinmarker-container .excpert { color:#222; font-size:11px!important; line-height:15px!important; } .pinmarker-container a.pin-button { width:100%; padding:8px; display:block; margin-top:8px; background-color:#e7e7e7; text-align:center; } .map-canvas div { line-height:initial; }   .spb_icon_box > .spb-asset-content .sf-icon-box { float:left;   width:100%; } .sf-icon { font-size:30px; line-height:26px; padding:0; width:auto; height:28px; background-image:none; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .sf-icon-cont { transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .sf-icon-box .sf-icon-character { font-weight:bold; margin-left:3px; margin-right:5px; font-size:48px; vertical-align:-2px; } .sf-icon-box .sf-icon.image-display { margin-bottom:20px; } .sf-icon-box .sf-icon[class^="fa-"] { margin-bottom:28px; } .sf-icon-box.sf-icon-box-standard .sf-icon { margin-bottom:0; } .sf-icon.sf-icon-medium { font-size:40px; line-height:40px; width:auto; height:38px; } .sf-icon-cont .sf-icon-character { margin-left:7px; } .sf-icon-cont.cont-small .sf-icon { line-height:28px; height:30px; margin-left:0; } .sf-icon-cont.cont-small .sf-icon[class^="ss-"] { line-height:36px; } .sf-icon-cont.cont-medium .sf-icon { line-height:36px; } .sf-icon-cont.cont-medium .sf-icon-character { font-size:44px; line-height:32px; margin-left:3px; } .sf-icon-cont.cont-medium .sf-icon[class^="ss-"] { line-height:60px; margin-left:-1px; } .sf-icon.sf-icon-large { line-height:70px; width:auto; height:70px; } .sf-icon.sf-icon-large[class^="fa-"] { line-height:52px; } .sf-icon-cont.cont-large .sf-icon { line-height:70px; } .sf-icon-cont.cont-large .sf-icon[class^="ss-"] { line-height:82px; margin-left:-4px; letter-spacing:-4px; } .sf-icon-cont.cont-large .sf-icon-character { font-size:64px; text-align:center; } .sf-icon-cont .sf-icon { padding:0; display:block; } .sf-icon-cont { padding:18px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; vertical-align:middle; margin-bottom:20px; margin-right:20px; height:28px; width:28px; line-height:12px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; } .browser-ie .sf-icon-cont:hover, .browser-ie .sf-hover .sf-icon-cont, .browser-ie10 .sf-icon-cont:hover, .browser-ie10 .sf-hover .sf-icon-cont { background-image:none; } .sf-icon-cont.cont-small { padding:19px 20px 19px 18px; } .sf-icon-cont.cont-medium { padding:25px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; vertical-align:middle; margin-bottom:20px; width:48px; height:48px; line-height:12px; } .sf-icon-cont.cont-large { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; vertical-align:middle; width:70px; height:70px; } .sf-icon.sf-icon-large:before { font-size:72px; } .sf-icon-cont .sf-icon.sf-icon-large:before { font-size:60px; } .sf-icon-float-left { float:left; padding:5px 10px 0 0; } .sf-icon-float-right { float:right; padding:5px 0 0 10px; margin-right:0; margin-left:20px; } .sf-icon-float-none { display:inline-block; margin-right:0; }   .sf-icon-box { display:block; position:relative; z-index:2; padding:20px; } .sf-icon-box.sf-icon-box-standard { text-align:center; padding:30px 10px 10px; } .sf-icon-box-standard .sf-icon-cont { margin-right:0; margin-bottom:5px; } .sf-icon-box-standard .sf-icon { padding:0; } .sf-icon-box h3 > i, .sf-icon-box h3 > a > i { margin-right:8px; vertical-align:-2px; font-size:22px; } .sf-icon.image-display { border-radius:50%; overflow:hidden; max-width:82px; width:82px; height:82px; } a.linked-icon { display:block; } .sf-icon-box h3 > a { color:inherit; } .sf-icon-box h3 > a:hover, a.linked-icon i { transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .sf-icon-box h3 > a:hover, a.linked-icon:hover i { opacity:0.7; } .sf-icon-box.sf-icon-box-standard h3 { margin-bottom:20px; } .sf-icon-box[class*="sf-icon-box-left-icon"] > .linked-icon, .sf-icon-box[class*="sf-icon-box-left-icon"] > .sf-icon-cont { float:left; margin:0; } .sf-icon-box[class*="sf-icon-box-left-icon"] > i, .sf-icon-box[class*="sf-icon-box-left-icon"] > div.sf-svg-icon-holder { float:left; position:relative; font-size:42px; line-height:52px; text-align:center; width:44px; } .sf-icon-box[class*="sf-icon-box-left-icon"] > i[class*="ss-"] { line-height:48px; } .sf-icon-box[class*="sf-icon-box-left-icon"] > span { float:left; position:relative; font-size:46px; line-height:46px; text-align:center; width:48px; margin-left:0; } .sf-icon-box.has-image[class*="sf-icon-box-left-icon"] > span { width:70px; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon { margin-bottom:15px; } .sf-icon-box.sf-icon-box-boxed-two h3 { margin-top:10px; } .sf-icon-box[class*="sf-icon-box-boxed-"] { padding:0; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont { position:absolute; right:30px; top:-41px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; height:32px; width:32px; line-height:12px; border:0; margin:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont > i { font-size:32px; line-height:34px!important; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont > i[class*="ss-"] { line-height:44px!important; } .browser-ie .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont, .browser-ie10 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont { background-image:none; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon.image-display { position:absolute; top:-40px; right:35px; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon.image-display { position:relative; top:0; right:0; margin-bottom:10px; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-cont { right:50%; margin-right:-42px; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon.image-display { right:50%; -moz-transform:translate3d(50%, -50%, 0); -webkit-transform:translate3d(50%, -50%, 0); transform:translate3d(50%, -50%, 0); top:0; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap { background:#fff; padding:40px 30px 60px 30px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap { padding:40px 30px 65px 30px; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap { padding-bottom:30px; margin-top:0; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap { padding-bottom:40px; } .sf-icon-box.sf-icon-box-boxed-four .sf-icon-box-content-wrap { padding:25px 30px 20px; margin-top:0; } .sf-icon-box.sf-icon-box-boxed-four h3 { margin-top:0; } .sf-icon-box.sf-icon-box-boxed-four h3 i { vertical-align:-3px; margin-right:5px; } .sf-icon-box .sf-icon-box-content-wrap { display:block; } .sf-icon-box.sf-icon-box-left-icon .sf-icon-box-content-wrap { display:block; margin-left:90px; } .sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap { display:block; margin-left:70px; } .sf-icon-box.has-image[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap { margin-left:100px; } .sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3 { margin-top:2px; margin-bottom:10px; } .sf-icon-box[class*="sf-icon-box-left-icon"] .sf-icon-box-content-wrap h3:empty { display:none; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap { text-align:center; } .sf-icon-box.sf-icon-box-boxed-three h3, .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content { text-align:center; } .sf-icon-box[class*="sf-icon-box-boxed-"] h3, .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content { color:#222; } .sf-icon-box-hr { width:50px; height:1px; margin:0 auto; display:block; background:#e4e4e4; margin-bottom:20px; -webkit-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; -moz-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important; -o-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; } .sf-hover .sf-icon-box-hr { width:100px; } .sf-icon-box-content { display:block; width:100%; line-height:150%; } .sf-icon-box-content p { color:inherit; } .sf-icon-box-content p:last-child { margin-bottom:0; } .sf-icon-box-content a.read-more { padding-top:8px; } .sf-icon-box-animated { -ms-transform:perspective(1000px); -moz-transform:perspective(1000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; position:relative; padding:0; text-align:center; width:100%; height:auto; background:transparent; } .sf-icon-box-animated .box-link, .sf-icon-box-animated-alt .box-link { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .standard-browser .sf-icon-box-animated:hover .back, .no-csstransitions .sf-icon-box-animated .back, .sf-icon-box-animated.sf-mobile-hover .back { -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg); } .standard-browser .sf-icon-box-animated:hover .front, .no-csstransitions .sf-icon-box-animated .front, .sf-icon-box-animated.sf-mobile-hover .front { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .sf-icon-box-animated .inner { -webkit-transition:0.5s; -webkit-transform-style:preserve-3d; -ms-transition:0.5s; -moz-transition:0.5s; -moz-transform:perspective(1000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transition:0.5s; transform-style:preserve-3d; position:relative; } .sf-icon-box-animated .front, .sf-icon-box-animated .back { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275); -moz-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275); -o-transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275); transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275); transform-style:preserve-3d; position:absolute; top:0; left:0; } .sf-icon-box-animated .front { position:relative; z-index:8; display:block; width:100%; height:auto; padding:70px 20px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform:rotateY(0deg); } .sf-icon-box-animated .back { overflow:hidden; background:#ffffff; padding:20px; width:100%; height:100%; webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); } .sf-icon-box-animated .front h3 { margin:10px 0; } .sf-icon-box-animated .sf-icon { margin-bottom:0; padding:0; line-height:44px; margin-top:20px; } .sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] { margin-bottom:0; } .sf-icon-box-animated .sf-icon.sf-icon-character { font-size:72px!important; } .sf-icon-box-animated .sf-icon.image-display { margin-top:8px; margin-bottom:12px; } .sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"] { line-height:40px; } .sf-icon-box-animated .sf-icon.sf-icon-large[class^="fa-"]:before { font-size:60px; } .sf-icon-box-animated table, .sf-icon-box-animated td { border:0; padding:0; } .sf-icon-box-animated-alt { text-align:center; width:100%; display:inline-block; border-radius:4px; padding:0; position:relative; } .sf-icon-box-animated-alt.animated-stroke-style { border:1px solid #e3e3e3; } .sf-icon-box-animated-alt.animated-stroke-style .front { background:transparent; } .sf-icon-box-animated-alt .height-adjust { margin-top:100%; } .sf-icon-box-animated-alt .inner { position:absolute; overflow:hidden; top:0; left:0; right:0; bottom:0; border-radius:4px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0); } .sf-icon-box-animated-alt .front { background:#f7f7f7; z-index:2; border-radius:4px; position:absolute; top:0; left:0; height:100%; width:100%; } .sf-icon-box-animated-alt .front .back-title { position:absolute; z-index:3; width:100%; height:25%; bottom:0%; left:0; opacity:0; -webkit-transform:translateY(10%); -moz-transform:translateY(10%); transform:translateY(10%); -webkit-transition:all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -moz-transition:all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -o-transition:all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   transition:all 200ms cubic-bezier(1.000, 0.000, 0.600, 1.000); } .sf-icon-box-animated-alt:hover .front .back-title { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); -webkit-transition:all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -moz-transition:all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -o-transition:all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   transition:all 700ms cubic-bezier(1.000, 0.000, 0.600, 1.000); } .sf-icon-box-animated-alt .front .back-title::before { content:attr(data-title);   line-height:inherit;   display:inline-block;   position:absolute;   width:100%;   top:50%;   left:0;   -webkit-transform:translateY(-50%);   -moz-transform:translateY(-50%);   transform:translateY(-50%); } .sf-icon-box-animated-alt .front, .sf-icon-box-animated-alt .back { -webkit-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -moz-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -o-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -webkit-backface-visibility:hidden;   backface-visibility:hidden; } .sf-icon-box-animated-alt .back { background:#ccc; z-index:3; border-radius:0 0 4px 4px; position:absolute; top:25%; left:0; height:75%; width:100%; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); transform:translateY(100%); } .sf-icon-box-animated-alt .back::after { content:"";   background:inherit;   width:10px;   height:10px;   position:absolute;   z-index:4;   top:10px;   left:50%;   margin-left:-5px;   border-radius:2px;   transform:rotate(45deg);   transition:all 500ms; } .sf-icon-box-animated-alt .front::before, .sf-icon-box-animated-alt .back::before { content:''; height:100%; display:inline-block; vertical-align:middle; } .sf-icon-box-animated-alt .front-inner-wrap { width:100%; height:auto; text-align:center; display:inline-block; vertical-align:middle; padding:0 30px; } .sf-icon-box-animated-alt .front-inner-wrap h3 { margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .sf-icon-box-animated-alt .front-inner-wrap .sf-icon-character, .sf-icon-box-animated-alt .front-inner-wrap .sf-icon { font-size:48px; } .sf-icon-box-animated-alt .back-inner-wrap { width:90%;   vertical-align:middle;   display:inline-block; } .sf-icon-box-animated-alt:hover .front { -webkit-transform:translateY(-75%); -moz-transform:translateY(-75%); transform:translateY(-75%); border-radius:0; } .sf-icon-box-animated-alt:hover .back { -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); } .sf-icon-box-animated-alt:hover .back::after { top:-5px; } .sf-icon-box-animated-alt.animated-no-rounded, .sf-icon-box-animated-alt.animated-no-rounded .inner, .sf-icon-box-animated-alt.animated-no-rounded .inner .front, .sf-icon-box-animated-alt.animated-no-rounded .inner .back { border-radius:0; } .sf-icon-box-hover { position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; z-index:10; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .sf-icon-box-hover table, .sf-icon-box-animated .back table { margin-top:-10px; height:100%; width:100%; } .sf-icon-box-hover:hover { width:116%; height:116%; left:-8%; top:-8%; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:width 300ms,height 300ms,top 300ms,left 300ms; -moz-transition:width 300ms,height 300ms,top 300ms,left 300ms; -webkit-transition:width 300ms,height 300ms,top 300ms,left 300ms; -o-transition:width 300ms,height 300ms,top 300ms,left 300ms; } .sf-icon-box-bold { padding:20% 15%; text-align:center; } .minimal-design .sf-icon-box-standard .sf-icon-cont { padding:0; background-color:transparent!important; } .minimal-design .sf-icon-box-standard .sf-icon-cont:hover, .minimal-design .sf-icon-box-standard.sf-hover .sf-icon-cont { background-color:transparent!important; } .minimal-design .sf-icon-box-standard .sf-icon-cont:hover .sf-icon, .minimal-design .sf-icon-box-standard.sf-hover .sf-icon-cont .sf-icon { color:inherit!important; } .sf-icon-box-standard-center { text-align:center; } .sf-icon-box-standard-center i.sf-icon, .sf-icon-box-standard-left i.sf-icon, .sf-icon-box-vertical i.sf-icon { font-size:48px;   line-height:52px; } .sf-icon-box-standard-center-contained { text-align:center; } .sf-icon-box-standard-center-contained i.sf-icon, .sf-icon-box-standard-left-contained i.sf-icon, .sf-icon-box-vertical-contained i.sf-icon { font-size:32px; line-height:70px; } .sf-icon-box-vertical .icon-wrap, .sf-icon-box-vertical-contained .icon-wrap { float:left; } .sf-icon-box-vertical .sf-icon-box-content-wrap { padding-left:80px; } .sf-icon-box-vertical-contained .sf-icon-box-content-wrap, .sf-icon-box-vertical.has-image .sf-icon-box-content-wrap { padding-left:100px; } .sf-icon-box-standard-left, .sf-icon-box-standard-left-contained { padding-left:0 } .sf-icon-box .sf-svg-icon-holder { width:48px; height:48px; margin-bottom:25px; display:inline-block; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; } .sf-icon-box .sf-svg-icon-holder.has-color path { stroke:inherit; } .sf-svg-icon-animate { opacity:0; } .sf-svg-icon-animate.animation-disabled { opacity:1; } .sf-svg-icon-animate.animation-disabled path { stroke-dasharray:200, 200;   stroke-dashoffset:0; } @media only screen and (max-width:767px) { .spb-column-inner .spb_icon_box:last-child .sf-icon-box {  margin-bottom:30px; } }  .spb_icon_box_grid .spb_icon_box > .spb-asset-content { font-size:0;  position:static; } .spb_icon_box_grid .spb_icon_box { width:33.3333%; min-height:320px; text-align:center; border-top:1px solid rgba(0,0,0,0.1); -webkit-transition:all 0.3s ease-out;  -moz-transition:all 0.3s ease-out;  -webkit-transition:all 0.3s ease-out; color:#222; } .spb_icon_box_grid .spb_icon_box .outline-svg svg path { stroke:#222; } .spb_icon_box_grid[data-colour="light"] .spb_icon_box { color:#fff; border-top:1px solid rgba(255,255,255,0.1); } .spb_icon_box_grid[data-colour="light"] .spb_icon_box .outline-svg svg path { stroke:#fff; } .spb_icon_box_grid .spb_icon_box:hover { background:rgba(0,0,0,0.05); } .spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(-n+3){ border-top-width:0; } .spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-1), .spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(3n-2) { box-shadow:1px 0 0 rgba(0,0,0,0.1); } .spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-1), .spb_icon_box_grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-2) { box-shadow:1px 0 0 rgba(255,255,255,0.1); } .spb_icon_box_grid[data-columns="4"] .spb_icon_box { width:25%; } .spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-1), .spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-2), .spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(4n-3) { box-shadow:1px 0 0 rgba(0,0,0,0.1); } .spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(-n+4) { border-top-width:0; } .spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-3), .spb_icon_box_grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-2) { box-shadow:1px 0 0 rgba(255,255,255,0.1); } .spb_icon_box_grid .box-link { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; } .spb_icon_box_grid .sf-icon-box-content-wrap { position:absolute;   z-index:2;   height:100%;   width:100%;   top:0;   left:0; } .spb_icon_box_grid .sf-icon-box-content-wrap::before {   content:'';   height:100%;   display:inline-block;   vertical-align:middle; } .spb_icon_box_grid .sf-icon-box-inner-wrap { width:90%;   height:auto;   display:inline-block;   vertical-align:middle;   padding:0 10px; } .spb_icon_box_grid .spb_icon_box .divider-line { width:0; max-width:80%; height:2px; margin:0; display:inline-block; background-color:#e3e3e3; } .spb_icon_box_grid .spb_icon_box:hover .divider-line { width:150px; } .spb_icon_box_grid .spb_icon_box .grid-icon-wrap a.linked-icon { color:inherit; } .spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder > svg { width:48px; height:48px; } .spb_icon_box_grid .spb_icon_box .grid-icon-wrap i.sf-icon { color:inherit; font-size:48px; line-height:48px; font-weight:normal; } .spb_icon_box_grid .spb_icon_box:hover .grid-icon-wrap { -webkit-transform:translateY(-35px); -moz-transform:translateY(-35px); -ms-transform:translateY(-35px); transform:translateY(-35px); opacity:0.8; } .spb_icon_box_grid .spb_icon_box h3 { font-weight:bold; margin:0; color:inherit; } .spb_icon_box_grid .spb_icon_box:hover h3 { -webkit-transform:translateY(35px); -moz-transform:translateY(35px); -ms-transform:translateY(35px); transform:translateY(35px); } .spb_icon_box_grid .spb_icon_box .grid-icon-wrap { height:48px; } .spb_icon_box_grid .spb_icon_box .divider-line, .spb_icon_box_grid .spb_icon_box .grid-icon-wrap, .spb_icon_box_grid .spb_icon_box h3, .spb_icon_box_grid .spb_icon_box .sf-svg-icon-holder > svg path { -webkit-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -moz-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   -o-transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000);   transition:all 500ms cubic-bezier(1.000, 0.000, 0.600, 1.000); } @media only screen and (max-width:767px) { .spb_icon_box_grid[data-columns="3"] .spb_icon_box {  width:100%;  border-top:1px solid #e3e3e3;  box-shadow:none!important; } .spb_icon_box_grid[data-columns="4"] .spb_icon_box {  width:50%;  float:left; } .spb_icon_box_grid[data-columns="4"] .spb_icon_box:nth-child(n+3):not(:nth-last-child(-n+2)) {  border-top-width:1px; } .spb_icon_box_grid .spb_icon_box:nth-child(-n+3), .spb_icon_box_grid[data-columns="3"] .spb_icon_box:nth-child(-n+3) {  border-top-width:1px; } .spb_icon_box_grid .spb_icon_box:first-child {  border-top-width:0; } } @media only screen and (max-width:479px) { .spb_icon_box_grid .spb_icon_box, .spb_icon_box_grid[data-columns="3"] .spb_icon_box, .spb_icon_box_grid[data-columns="4"] .spb_icon_box {  width:100%;  border-top:1px solid #e3e3e3;  box-shadow:none!important; } }  .spb_image figure { margin-bottom:0; } .spb_image img {   width:100%;   height:auto;   display:block;   position:relative;   z-index:2; } .spb_image.image-overflow-left figure img, .spb_image.image-overflow-right figure img { width:auto; max-width:none; } .spb_image.image-overflow-left figure img { float:right; } .spb_image.square-corners figure { border-radius:0; } .glowframe img { -moz-box-shadow:0 0 4px rgba(0,0,0,.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,.2); box-shadow:0 0 4px rgba(0,0,0,.2); } .borderframe img { border:5px solid #f7f7f7; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .shadowframe figure { -moz-box-shadow:1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1); box-shadow:1px 1px 1px rgba(0,0,0,.1); }   .sf-image-banner { position:relative; height:auto; overflow:hidden; } .sf-image-banner-link { position:absolute; width:100%; height:100%; z-index:5; } .sf-image-banner > img, .sf-image-banner .img-wrap > img { width:100%; height:auto; display:block; position:relative; z-index:2; } .sf-image-banner .img-wrap.compat-object-fit { background-size:cover;   background-position:center center; } .sf-image-banner .img-wrap.compat-object-fit > img { opacity:0!important; } .image-banner-content-wrap { position:absolute; height:auto; } .image-banner-content { position:absolute; z-index:4; bottom:50%; top:auto; text-align:center; padding:0!important; width:100%; } .image-banner-content.sf-animation[data-animation="none"] { opacity:1!important; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; transition-delay:0; margin-bottom:0!important; -webkit-transform:translateY(50%)!important; transform:translateY(50%)!important; } .image-banner-content.content-right { padding-left:30%!important; width:auto; padding-right:10%!important; } .sf-animation[data-animation="none"].image-banner-content.content-right { left:auto!important; right:0!important; } .image-banner-content.content-left { padding-right:30%!important; width:auto; padding-left:10%!important; } .image-banner-content.content-center { width:100%; padding:0 10%!important; } .image-banner-content.text-left { text-align:left; } .image-banner-content.text-right { text-align:right; } .image-banner-content.sf-animation[data-animation="fade-from-bottom"] { bottom:0; } .image-banner-content a.sf-button { margin:0 5px 20px; }   ul.jobs { list-style:none; } .jobs > li { margin-bottom:40px; } .jobs > li > img { float:left; width:90px; height:auto; margin-top:3px; } .jobs > li .job-details.has-job-image { margin-left:130px; } .jobs > li h5 { margin-top:5px; } .jobs .sf-list { margin-top:15px; margin-bottom:10px; } .jobs a.button { margin-top:10px; } .jobs-overview { list-style:disc inside none; } .jobs-overview .job { margin-bottom:4px; } .jobs-overview .job a { text-decoration:none; } .job-details .read-more { display:inline-block; margin-top:10px; } .single-jobs .author-info-wrap { display:none; }   .latest-tweet ul { margin-bottom:10px; list-style:none!important; } .latest-tweet ul li { margin-left:0; } .latest-tweet p { margin-bottom:0; } .latest-tweet .tweet-author { margin-right:4px; font-weight:bold; } .latest-tweet .tweet-date { text-decoration:none; color:#999; margin-left:5px; display:inline-block; }   .sf-list { margin-left:0; list-style:none!important; } .sf-list li { padding:0; line-height:175%; } .sf-list li i { margin-right:8px; } .sf-list li i[class*="ss-"] { vertical-align:-2px; }   .fullscreen-map { padding:0; } .map-styles-array { display:none!important; } .map-canvas img, .map-directory-canvas img { max-width:none; }   .spb_multilayer_parallax { overflow:hidden; height:600px; opacity:0; } .spb_multilayer_parallax .slice-layer { width:100%; height:100%; } .spb_multilayer_parallax .layer.container { height:100%; max-width:100%; } .spb_multilayer_parallax .layer-bg { width:120%; height:120%; background:no-repeat; margin-top:-5%; margin-left:-10%; } .spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-x"] { background-repeat:repeat-x; } .spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-y"] { background-repeat:repeat-y; } .spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat"] { background-repeat:repeat; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_center"] { background-position:center center; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_center"] { background-position:left center; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_center"] { background-position:right center; margin-left:5%; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_top"] { background-position:left top; margin-top:-5%; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_top"] { background-position:center top; margin-top:-5%; margin-left:0; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_top"] { background-position:right top; margin-left:5%; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_bottom"] { background-position:left bottom; margin-top:-5%; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_bottom"] { background-position:center bottom; margin-top:-5%; } .spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_bottom"] { background-position:right bottom; margin-top:-5%; margin-left:5%; } .spb_multilayer_parallax .layer-bg[data-layer-type="cover"] { background-size:cover!important; } .spb_multilayer_parallax .layer[data-depth="0.00"] .layer-bg { margin-top:0!important; margin-left:0!important; width:100%; height:100%; } .spb_multilayer_parallax .layer .content-layer { height:auto!important; bottom:50%; width:100%; position:absolute; margin-left:0; padding:0 15px; }   .spb_parallax_asset { overflow:hidden; position:relative; background-attachment:fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:80px; padding-bottom:80px; } .spb-column-container.spb_parallax_asset { padding-top:0; padding-bottom:0; } .spb-column-container.spb_parallax_asset.spb-parallax-fixed .spb-column-inner { background-attachment:fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-repeat:no-repeat; background-position:center center; } .spb_parallax_asset:not(.spb-column-container) { width:100%; padding-left:0; padding-right:0; } .spb_parallax_asset.bg-type-pattern { background-repeat:repeat; background-size:auto; } .spb_parallax_asset.parallax-scroll, .spb_parallax_asset.spb-parallax-scroll { background-attachment:scroll; } .spb_parallax_asset.sf-parallax-video { background-attachment:scroll; } .mobile-browser .spb_parallax_asset { background-attachment:scroll!important; background-position:center center!important; } .spb_parallax_asset.parallax-window-height { opacity:0; min-height:100vh; } .spb_parallax_asset > .spb_content_wrapper, .spb_parallax_asset > .spb_content_element { position:relative; z-index:4; width:100%;  } .spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"] > .spb_content_element { top:50%; position:absolute; transform:translateY(-50%); } .sf-parallax-video > .spb_content_element { position:relative; z-index:4; } .sf-parallax-video.parallax-video-height[data-v-center="true"] > .spb_content_element { top:55%; opacity:0; } .mobile-browser .spb_parallax_asset[data-v-center="true"] > .spb_content_element { opacity:1!important; top:50%!important; } .spb_parallax_asset .spb_content_element p:last-child { margin-bottom:0; } .sf-parallax-video video { position:absolute; z-index:2; left:0; top:0; width:100%; min-height:100%; } .sf-parallax-video .video-overlay { background-repeat:repeat; background-position:center center; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; opacity:0.8; } .overlay-diaglight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_diagonal_lines_light.png); } .overlay-diagdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_diagonal_lines_dark.png); } .overlay-horizlight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_horizontal_lines_light.png); } .overlay-horizgdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_horizontal_lines_dark.png); } .overlay-vertlight { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_vertical_lines_light.png); } .overlay-vertzgdark { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_vertical_lines_dark.png); } .overlay-lightgrid { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_pixel_light.png); } .overlay-darkgrid { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_pixel_dark.png); } .overlay-lightgridfat { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_fat_pixel_light.png); } .overlay-darkgridfat { background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/vo_fat_pixel_dark.png); } .sf-parallax-video.parallax-video-height .video-overlay { opacity:0; } @media only screen and (max-width:767px) { .spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_wrapper, .spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_element {  -webkit-transform:none;  -moz-transform:none;  -o-transform:none;  transform:none; } }   .spb_portfolio_carousel_widget { padding-bottom:50px; } .spb_portfolio_carousel_widget .caroufredsel_wrapper { padding-bottom:10px; } .spb_portfolio_carousel_widget .portfolio-item { height:auto; } .spb_portfolio_carousel_widget .carousel-items .portfolio-item { padding:0 15px; } .spb_portfolio_carousel_widget .carousel-items.no-gutters .portfolio-item { padding:0; } .spb_portfolio_carousel_widget .portfolio-item figure { margin-bottom:0; } .spb_portfolio_carousel_widget .portfolio-item .item-details { padding:12px 15px 7px; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title { margin:0 0 5px; text-align:left; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a { display:block; height:auto; overflow:hidden; } .spb_portfolio_carousel_widget .portfolio-item h4 span { display:inline-block; float:left; max-width:82%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover { text-decoration:none; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i { float:right; text-align:right; line-height:20px; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity= 60); }   .spb_portfolio_showcase_widget { padding-bottom:0!important; } .spb_portfolio_showcase_widget.no-bg { padding-left:0; padding-right:0; } .spb_portfolio_showcase_widget.has-pagination .carousel-wrap { overflow:visible; padding-bottom:80px; } .spb_portfolio_showcase_widget.has-pagination .carousel-wrap .carousel-items { overflow:visible; } .spb_portfolio_showcase_widget .carousel-items .carousel-item.left-holder, .spb_portfolio_showcase_widget .carousel-items .carousel-item.right-holder { min-height:1px; } .spb_portfolio_showcase_widget.has-pagination .owl-controls { position:absolute;   width:100%;   bottom:-70px;   margin:0!important; } .spb_portfolio_showcase_widget .portfolio-showcase-wrap { opacity:0; } .portfolio-showcase-wrap ul { background:#222; margin:0; overflow:hidden; white-space:nowrap; } .portfolio-showcase-wrap ul li { width:25%; display:inline-block; overflow:hidden; position:relative; background:#222; margin-bottom:-7px; } .portfolio-showcase-wrap ul[data-columns="5"] li { width:20%; } .portfolio-showcase-wrap ul li .main-image { max-width:none; position:absolute; display:block; opacity:0.8; height:auto; transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; } .portfolio-showcase-wrap ul li:hover .main-image { opacity:1; } .portfolio-showcase-wrap ul li .item-info { position:absolute; bottom:-85px; width:100%; background:#fff; background:rgba(255,255,255,0.9); text-align:center; padding:24px 30px; } .portfolio-showcase-wrap ul li .item-info:before { content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(255,255,255,0.9); position:absolute; bottom:100%; z-index:2; left:50%; margin-left:-10px; } .portfolio-showcase-wrap ul li .item-info.has-subtitle { padding:15px 30px; } .portfolio-showcase-wrap ul li .item-info span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%; display:block; color:#222; } .portfolio-showcase-wrap ul li .item-info span.item-title { letter-spacing:normal; } @media only screen and (max-width:479px) { .spb_portfolio_showcase_widget .carousel-items .owl-item:first-child, .spb_portfolio_showcase_widget .carousel-items .owl-item:last-child { display:none; } }   .spb_pricing_table .spb-pricing-column-wrap { float:left; width:33.3%; padding:0 15px; margin-bottom:30px; } .spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap { width:25%; } .spb_pricing_table[data-columns="2"] .spb-pricing-column-wrap { width:50%; } .spb_pricing_table[data-columns="1"] .spb-pricing-column-wrap { width:100%; } .spb_pricing_table .sf-pricing-column { border:1px solid #e3e3e3; border-radius:4px; text-align:center; background:#fff; position:relative; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .spb_pricing_table .sf-pricing-column:hover { -moz-box-shadow:0px 5px 12px -3px rgba(0,0,0,.1); -webkit-box-shadow:0px 5px 12px -3px rgba(0,0,0,.1); box-shadow:0px 5px 12px -3px rgba(0,0,0,.1); } .sf-pricing-column .sf-pricing-tag::before { content:attr(data-text);   position:absolute;   top:10px;   right:10px;   background-color:#7eced5;   border-radius:2px;   color:#fff;   text-transform:uppercase;   font-size:12px;   font-weight:bold;   letter-spacing:1px;   line-height:12px;   padding:4px 4px 3px 6px; } .spb_pricing_table .sf-pricing-column.highlight { border-color:#7eced5; border-width:2px; } .sf-pricing-column.highlight .sf-pricing-name h6, .sf-pricing-column.highlight .sf-pricing-name .sf-pricing-price { color:#7eced5; } .sf-pricing-column .sf-pricing-name { padding:30px; } .sf-pricing-column .sf-pricing-name h6 { margin:0 0 5px; font-size:14px; font-weight:bold; letter-spacing:1px; } .sf-pricing-column .sf-pricing-name .divide { max-width:50%; width:50px; height:2px; background-color:#e3e3e3; margin:30px auto; } .sf-pricing-column .sf-pricing-name .sf-pricing-price { font-size:48px; line-height:48px; white-space:nowrap; margin:0; } .sf-pricing-column .sf-pricing-name .sf-pricing-price .period {   font-size:14px;   margin:0 0 0 4px; } .sf-pricing-features .spb-pricing-column-feature { padding:15px 0; } .sf-pricing-features .spb-pricing-column-feature:nth-child(odd) { background:rgba(0,0,0,0.05); } .sf-pricing-column .sf-pricing-button { margin:30px; } .sf-pricing-column .sf-pricing-button > a.sf-button { margin:0; } @media only screen and (max-width:991px) { .spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap {  width:100%;  float:none; } } @media only screen and (max-width:767px) { .spb_pricing_table .spb-pricing-column-wrap, .spb_pricing_table[data-columns="4"] .spb-pricing-column-wrap, .spb_pricing_table[data-columns="2"] .spb-pricing-column-wrap {  width:100%;  float:none; } }   .product-reviews .testimonial-text > a { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; } .product-reviews .product-details { margin-bottom:20px; } .product-reviews .product-details > img { float:left; width:50px; height:auto; margin-right:20px; } .product-reviews .product-details h4 { margin:0; } .product-reviews .testimonial-cite .cite-text.has-cite-image { padding-top:0; line-height:65px; }  .progress-bar-wrap .progress { height:4px; margin-bottom:15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .progress-bar-wrap .progress .bar { position:relative; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:100%; width:0%; overflow:hidden; } .progress-bar-wrap .bar-text { width:100%; display:inline-block; margin-bottom:3px; min-height:22px; } .progress-bar-wrap .bar-text > span.bar-name { float:left; display:block; } .progress-bar-wrap .bar-text > span.progress-value { float:right; display:none; font-weight:bold; } .progress-bar-wrap .progress .bar { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }   .sf-promo-bar { padding-top:105px; padding-bottom:105px; text-align:center; } .sf-promo-bar.page-align-no { padding-left:10%; padding-right:10%; } .sf-promo-bar p { margin-bottom:0; display:inline-block; vertical-align:top; } .sf-promo-bar.promo-button .container > p:first-child {   margin-top:0; } .sf-promo-bar p.standard { line-height:48px; } .sf-promo-bar.promo-custom p { font-size:20px; line-height:46px; } .sf-promo-bar.promo-button p { margin-top:0; margin-right:30px; } .sf-promo-bar.promo-button a.sf-button { margin-right:0; } .sf-promo-bar a.sf-button { padding-left:25px; padding-right:25px; margin-bottom:0; } .sf-promo-bar.promo-text { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .sf-promo-bar.promo-text > a { display:block; padding:80px 0; } .sf-promo-bar.promo-text > a.standard { font-size:20px; line-height:46px; display:block; } .sf-promo-bar.promo-text p { display:block; } .sf-promo-bar.promo-arrow > a > i { vertical-align:-10px; font-size:32px; display:inline-block; margin-left:10px; height:40px; } .sf-promo-bar > .container { text-align:left; } .sf-promo-bar.promo-button > .container a.sf-button { float:right; }   .spb_recent_posts_widget.has-pagination .carousel-wrap { overflow:visible; padding-bottom:80px; } .spb_recent_posts_widget.has-pagination .carousel-wrap .carousel-items { overflow:visible; } .spb_recent_posts_widget.has-pagination .owl-controls { position:absolute;   width:100%;   bottom:-70px;   margin:0!important; } ul.recent-posts { list-style:none; } .recent-post { height:auto; margin-bottom:20px; position:relative; } .carousel-wrap .recent-post { margin-bottom:20px; } .recent-post figure { width:100%; height:auto; position:relative; background-color:#212121; margin-bottom:25px; } .recent-post figure:empty { display:none; } .recent-post .date-overlay { top:15px!important; } .recent-post figure img { width:100%; height:auto; position:relative; display:block!important; } .recent-post figure iframe { display:block; width:100%; } .recent-post .lSAction > a.lSNext { bottom:15px; right:15px; } .recent-post .lSAction > a.lSPrev { bottom:15px; right:51px!important; } figcaption .post-category { padding:10px; float:left; max-width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .recent-post .details-wrap { display:block; vertical-align:top; } .recent-post .post-item-details { margin-bottom:5px; } .recent-post .post-item-details .comments-likes, .recent-post .post-item-details .comments-likes i, .recent-post .post-item-details .comments-likes span { font-weight:normal; } .recent-post .post-item-details .comments-likes .icon-comment { margin-right:3px; } .recent-post h5 { margin-top:0; margin-bottom:4px; font-weight:bold; } .recent-post h5 a { text-decoration:none; } .recent-post .post-details { margin-bottom:5px; } .recent-post .excerpt { padding-top:8px; } .recent-post .excerpt p { margin-bottom:0; } .recent-post.format-chat .chat { margin-top:20px; } .recent-post figure.quote { background:transparent!important; } .blog-item.format-quote h2, .blog-item.format-status h1, .blog-item.format-aside h1, .blog-item.format-status h3, .blog-item.format-aside h3, .blog-item.format-quote h4, .blog-item.format-status h4, .blog-item.format-aside h4 { display:none; } .posts-type-list { margin-left:0; margin-right:0; } .posts-type-list .recent-post { float:none; width:100%; padding-left:0; padding-right:0; border-top:1px solid #e3e3e3; margin-bottom:0; padding-top:20px; padding-bottom:20px; position:relative; } .posts-type-list .recent-post .details-wrap { max-width:80%; } .posts-type-list .recent-post a.list-post-link { position:absolute; top:0; left:0; width:100%; height:100%; } .posts-type-list .recent-post:first-child { border-top-width:0; padding-top:0; } .posts-type-list .recent-post figure { width:80px; float:left; margin-bottom:0; } .posts-type-list .recent-post figure figcaption .thumb-info { display:none; } .posts-type-list .recent-post h4 { margin-top:0; margin-bottom:5px; -webkit-transition:color .3s ease-out; -moz-transition:color .3s ease-out; transition:color .3s ease-out; } .posts-type-list .recent-post.has-thumb .details-wrap { margin-left:100px; } .posts-type-list .recent-post .post-item-details { margin-bottom:0; } .posts-type-list .recent-post .comments-likes { float:none; display:inline-block; margin-left:10px; } .posts-type-standard-row .figure-wrap { width:50%; float:left; position:relative; } .posts-type-standard-row .figure-wrap .date-overlay { right:15px; top:15px; } .posts-type-standard-row .details-wrap { width:100%; float:none; } .posts-type-standard-row .has-thumb .details-wrap { width:50%; float:left; padding-left:30px; } .recent-post .blog-item-details { padding-bottom:8px; } .posts-type-bold .recent-post {   padding:0; } .posts-type-bold .recent-post figure {   margin-bottom:0; } .posts-type-bold .recent-post.no-thumb {   height:100%; } .posts-type-bold.carousel-items .recent-post.no-thumb {   position:absolute; } .posts-type-bold .recent-post.no-thumb .details-wrap {   height:100%;   width:100%;   position:absolute; } .posts-type-bold.related-items .recent-post.no-thumb .details-wrap {   position:relative; } .posts-type-bold.carousel-items .recent-post.no-thumb .details-wrap {   position:relative;   width:100%; } .posts-type-bold .recent-post .details-wrap {   padding:30px 30px 70px;   position:relative; } .posts-type-bold .recent-post.has-thumb .details-wrap:before {   content:"";   width:0;   height:0;   border-left:10px solid transparent;   border-right:10px solid transparent;   border-bottom:10px solid rgba(255, 255, 255, 0.9);   position:absolute;   top:-10px;   z-index:3;   left:50%;   margin-left:-10px; } .posts-type-bold .recent-post .details-wrap, .posts-type-bold .recent-post .details-wrap:before, .posts-type-bold .recent-post .details-wrap > * {   -webkit-transition:all .3s ease-out;   -moz-transition:all .3s ease-out;   transition:all .3s ease-out; } .posts-type-bold .recent-post .details-wrap h3 {   margin:0 0 20px; } .posts-type-bold .recent-post .details-wrap h2 {   font-size:28px;   line-height:36px;   margin:0 0 20px; } .posts-type-bold .recent-post .post-item-details {   margin-bottom:0;   position:absolute;   bottom:25px;   font-size:12px; } .posts-type-bold .recent-post .post-date {   display:block;   font-weight:bold; } .posts-type-bright .recent-post .details-wrap {   text-align:center; } .posts-type-bright .recent-post .author-avatar {   float:none;   text-align:center;   margin-right:0;   margin-left:0;   margin-bottom:30px;   position:relative;   top:5px;   webkit-transition:all 0.5s cubic-bezier(0, 0.275, 0.125, 1);   -moz-transition:all 0.5s cubic-bezier(0, 0.275, 0.125, 1);   -o-transition:all 0.5s cubic-bezier(0, 0.275, 0.125, 1);   transition:all 0.5s cubic-bezier(0, 0.275, 0.125, 1); } .posts-type-bright .recent-post:hover .author-avatar {   top:0; } .posts-type-bright .recent-post .author-avatar img {   display:inline-block; } .posts-type-bright .recent-post .post-item-author {   text-align:center;   text-transform:uppercase;   margin:0; } .posts-type-bright .recent-post h2 {   text-align:center;   margin:15px 0 24px 0; } .posts-type-bright .recent-post .post-item-details {   display:inline-block;   border-top:2px solid #222;   padding-top:25px; } .carousel-items.posts-type-showcase .carousel-item.left-holder, .carousel-items.posts-type-showcase .carousel-item.right-holder { min-height:1px; }   .search-widget { text-align:center; margin-bottom:0; } .search-widget input { margin:25px 0; width:80%; padding:10px 12px; } .search-widget input.input-large { padding:24px 22px; } .spb_search_widget form { position:relative; } .spb_search_widget input[type=text] { margin:0 }   .sitemap-wrap { margin-bottom:20px; } .sitemap-col { float:left; width:28%; margin-left:7%; } .sitemap-col:first-child { margin-left:0; } .sitemap-col h6 { margin-bottom:15px; } .sitemap-col ul { margin-bottom:40px; list-style:none!important; } .sitemap-col ul > li > ul { margin-top:10px; margin-bottom:20px; margin-left:10px; } .sitemap-col ul li { margin-bottom:8px; } .sitemap-col ul li a { text-decoration:none; }   .spb_slider_widget .master-slider { min-width:100%!important; } .swiper-slide .caption-content { padding:0 90px; } .row.fw-row .spb_swift-slider { max-width:none; } .row:not(.fw-row) .spb_swift-slider .swift-slider { margin-left:-1px; } .row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content { padding:0 10%; } .row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content > h2 { font-size:40px; line-height:52px; }   ul.social-icons { height:auto; overflow:hidden; list-style:none!important; padding:0; margin:0 0 10px; } ul.social-icons li { float:none; display:inline-block; height:36px; } ul.social-icons li:not(.sf-love) a { display:inline-block; padding:10px; width:36px; height:36px; line-height:36px; font-size:16px; overflow:hidden; position:relative; text-align:center; text-decoration:none; transition:all 0.35s; } ul.social-icons li:not(.sf-love) a i { display:block; height:100%; position:relative; top:0%; transition:top 0.35s; width:100%; margin-bottom:31px; } ul.social-icons li:not(.sf-love) a i[class*="ss-"] { margin-top:-8px; display:block; margin-bottom:38px; } .browser-ie ul.social-icons li a { display:inline-block; padding:10px; width:36px; height:36px; line-height:36px; font-size:16px; overflow:hidden; position:relative; text-align:center; transition:all 0.35s; color:#222; } ul.social-icons li.behance a, ul.social-icons li.soundcloud a { font-size:14px; } .browser-ie ul.social-icons li a i { display:block; height:100%; position:relative; top:0%; transition:top 0.35s; width:100%; margin-bottom:31px; } .browser-ie ul.social-icons li a i[class*="ss-"] { margin-top:-8px; display:block; margin-bottom:38px; } ul.social-icons.light li a { color:#fff; } ul.social-icons.dark li a { color:#222; } ul.social-icons li a:hover { color:#fff!important; } ul.social-icons li a:hover i {   top:-46px; } ul.social-icons.large li { height:50px; } ul.social-icons.large li a { padding:14px; width:50px; height:50px; line-height:50px; font-size:24px; } ul.social-icons.large li.behance a, ul.social-icons.large li.soundcloud a { font-size:19px; } ul.social-icons.large li a i { margin-top:0; } ul.social-icons.large li a:hover i {   top:-52px; } ul.social-icons li.twitter a:hover { background-color:#00aced; } ul.social-icons li.facebook a:hover { background-color:#3b5998; } ul.social-icons li.googleplus a:hover { background-color:#dd4b39; } ul.social-icons li.youtube a:hover { background-color:#bb0000; } ul.social-icons li.instagram a:hover { background-color:#517fa4; } ul.social-icons li.linkedin a:hover { background-color:#007bb6; } ul.social-icons li.pinterest a:hover { background-color:#cb2027; } ul.social-icons li.foursquare a:hover { background-color:#00aeef; } ul.social-icons li.flickr a:hover { background-color:#ff0084; } ul.social-icons li.tumblr a:hover { background-color:#32506d; } ul.social-icons li.vimeo a:hover { background-color:#7FC400; } ul.social-icons li.dribbble a:hover { background-color:#ea4c89; } ul.social-icons li.skype a:hover { background-color:#0078ca; } ul.social-icons li.github a:hover { background-color:#333333; } ul.social-icons li.xing a:hover { background-color:#026466; } ul.social-icons li.rss a:hover { background-color:#f26522; } ul.social-icons li.soundcloud a:hover { background-color:#f80; } ul.social-icons li.yelp a:hover { background-color:#af0606; } ul.social-icons li.deviantart a:hover { background-color:#4e6252; } ul.social-icons li.behance a:hover { background-color:#1769ff; } ul.social-icons li.vk a:hover { background-color:#4e729a; } ul.social-icons li.twitch a:hover { background-color:#6441a5; } ul.social-icons li.whatsapp a:hover { background-color:#4dc247; } ul.social-icons li.snapchat a:hover { background-color:#fffc00; color:#000!important; } ul.social-icons li.mail a:hover { background-color:#666; } ul.social-icons li.page-link a:hover { background-color:#333; } .article-body-wrap .share-links ul li.sf-love { padding-right:5px; } .article-body-wrap .share-links ul li.sf-love > div { padding:7px; } .article-body-wrap .share-links ul li.sf-love > div a.love-it { padding:9px 0; width:20px; vertical-align:0px; } .article-body-wrap .share-links ul li.sf-love a:hover i {   top:inherit; } .article-body-wrap .share-links ul li.sf-love > div span.love-count { display:inline; vertical-align:0px; }   table.sf-table { width:100%; display:table; } table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) { background-color:#f7f7f7; } table.sf-table th { padding:10px 20px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; vertical-align:middle; text-align:left; } table.sf-table td { padding:10px 20px; } table.standard_minimal th { padding:10px 30px 10px 0; border-bottom:2px solid #e4e4e4; } table.striped_minimal th { padding:10px 30px 10px 0;  border-bottom:2px solid #e4e4e4; } table.standard_minimal td { padding:10px 30px 10px 0; border-bottom:1px solid #e4e4e4; } table.striped_minimal td { padding:10px 30px 10px 0; border-bottom:1px solid #e4e4e4; } table.standard_bordered, table.striped_bordered { border:1px solid #e4e4e4; } table.standard_bordered tr, table.striped_bordered tr { border-top:1px dotted #e4e4e4; } table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td { border-left:1px dotted #e4e4e4; } table.striped_bordered th, table.striped_bordered td { border-top:0; }   .spb_tabs { margin-bottom:30px; } .spb_tabs .nav-tabs { margin-bottom:20px; border-bottom:0; list-style:none; } .spb_tabs .nav-tabs li { margin-right:10px; } .spb_tabs .nav-tabs li a { display:block; border-radius:0; white-space:nowrap; margin-right:0; padding:10px 18px; border-color:#222; border-style:solid; border-width:0!important; border-bottom-width:2px!important; background:transparent; } .spb_tabs .nav-tabs li a i { margin-right:5px; } .spb_tabs .nav-tabs li a i[class*="ss-"] { display:inline-block; line-height:100%; vertical-align:-3px; } .spb_tabs .nav-tabs li.active a { border-left-width:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; } .spb_tabs .nav-tabs li a:hover { background:transparent; } .spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li:first-child a.active { border-left-width:2px; } .tabs-type-dynamic .nav-tabs { -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; } .tabs-type-dynamic .nav-tabs li { list-style:none; float:left; margin-right:15px; margin-left:0!important; } .tabs-type-dynamic .nav-tabs li.menu-icon { font-size:16px; line-height:22px; } .tabs-type-dynamic .nav-tabs li a { cursor:pointer; width:12px; height:12px; border-radius:50%!important; border:2px solid #666!important; overflow:hidden; display:block; padding:3px!important; margin:5px 0; opacity:0.4; font-size:0; -webkit-transition:color .6s, opacity .25s; -moz-transition:color .25s, opacity .25s; -ms-transition:color .6s, opacity .25s; -o-transition:color .6s, opacity .25s; transition:color .6s, opacity .25s; } .tabs-type-dynamic .nav-tabs li.active a, .tabs-type-dynamic .nav-tabs li a:hover { opacity:1; } .tabs-type-dynamic .nav-tabs.show-tabs a { width:auto; height:auto; position:relative; padding:0 5px!important; margin:0; opacity:1; font-size:16px; border-radius:0!important; background:transparent!important; background-color:transparent!important; border:0!important; } .spb_tabs .nav-tabs.center-tabs { text-align:center; } .spb_tabs .nav-tabs.center-tabs > li { float:none; display:inline-block; vertical-align:top; } .spb_tabs .tab-content > .tab-pane { transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; height:auto; overflow:hidden; } .spb_tabs .tab-content > .tab-pane.load { display:block!important; opacity:0; } .spb_tabs .tab-content > .tab-pane > .col-sm-12 { padding-left:0; padding-right:0; } .spb_tour .container { display:inline-block; } .spb_tour .nav-tabs { float:left; margin-right:10px; border-right:0; border-bottom:0; width:120px; list-style:none; } .spb_tour .nav-tabs li { float:none; font-size:16px; } .spb_tour .nav-tabs li a { display:block; border-radius:0; margin-bottom:0; padding:10px 18px; border-color:#222; border-style:solid; border-width:0!important; border-bottom-width:2px!important; background:transparent; } .spb_tour .nav-tabs li.active a { -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; opacity:1; } .spb_tour .nav-tabs li a > i { margin-right:5px; } .spb_tour .nav-tabs li a > i[class*="ss-"] { display:inline-block; line-height:100%; vertical-align:-3px; } .spb_tour .tab-content { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; min-height:100px; padding-left:135px; } .spb_tour .tab-content > .tab-pane { transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; } .spb_tour .tab-content > .tab-pane.load { display:block; opacity:0; } .spb_tour .tab-content .row { margin-left:0!important; } .spb_tour .tab-content .row [class*="span"] { width:100%!important; margin-left:0!important; } .spb_tour .tab-content .row, .spb_tabs .tab-content .row { clear:none; } .spb_tour .tab-content .tab-pane .spb-full-width-element, .spb_tabs .tab-content .tab-pane .spb-full-width-element { width:100%!important; max-width:100%; left:0!important; }   figure a.team-gallery-mobile-link { display:none; } .mobile-browser figure a.team-gallery-mobile-link { display:block; } .sf-team-ajax-container { -webkit-transition-property:-webkit-transform;   -moz-transition-property:-moz-transform;   transition-property:transform;   -webkit-transition-duration:0.3s;   -moz-transition-duration:0.3s;   transition-duration:0.3s;   -webkit-transition-timing-function:ease-out;   -moz-transition-timing-function:ease-out;   transition-timing-function:ease-out; } .sf-team-ajax-container { position:fixed;   top:0;   right:0;   z-index:1000;   height:100%;   background:#fff; width:800px; max-width:100%;   -webkit-transform:translateX(800px);   -moz-transform:translateX(800px);   -ms-transform:translateX(800px);   -o-transform:translateX(800px);   transform:translateX(800px); } .sf-team-ajax-open .sf-team-ajax-container { -webkit-transform:translateX(0);   -moz-transform:translateX(0);   -ms-transform:translateX(0);   -o-transform:translateX(0);   transform:translateX(0); } .sf-team-ajax-container .team-ajax-close { position:absolute;   top:30px;   right:30px;   z-index:3;   color:#fff;   font-size:34px;   height:20px;   line-height:18px;   opacity:0.7; } .has-wpadminbar .sf-team-ajax-container .team-ajax-close { top:62px; } .sf-team-ajax-container .team-ajax-close:hover { opacity:1; } .sf-team-ajax-container .content-wrap { padding:60px 110px 150px 110px; } .sf-team-ajax-container .profile-image-wrap { text-align:center; position:relative; padding:100px 0; min-height:400px; overflow:hidden; background:#222; } .sf-team-ajax-container .profile-image-wrap .inner-wrap { position:relative; z-index:3; } .sf-team-ajax-container .profile-image-wrap .member-thumb-wrap {  width:170px; height:170px; border-radius:50%; margin-bottom:30px; overflow:hidden; display:inline-block; text-align:center; } .sf-team-ajax-container .profile-image-wrap .member-thumb-wrap img { width:170px; } .sf-team-ajax-container .profile-image-wrap .inner-wrap h1, .sf-team-ajax-container .profile-image-wrap .inner-wrap h3 { color:#fff; } .sf-team-ajax-container .profile-image-wrap .inner-wrap h1 { font-size:48px; margin:0; } .sf-team-ajax-container .profile-image-wrap .inner-wrap h3 { font-size:24px; margin:20px 0 0; } .sf-team-ajax-container .profile-image-wrap .inner-wrap h3:empty { display:none; } .sf-team-ajax-container .profile-image-wrap .backdrop { height:110%; width:110%; position:absolute; z-index:2; top:-5%; left:-5%; background-size:cover; background-position:center; -webkit-filter:blur(20px); -moz-filter:blur(20px); filter:blur(20px); opacity:0.3; } .team-member-ajax-content { position:absolute; height:100%; width:100%; overflow-y:auto; } .sf-team-ajax-container .team-member-aux { position:fixed; bottom:0; left:0; width:100%; padding:30px 110px 0; background:#fff; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0); } .team-member-aux .member-aux-inner { border-top:1px solid #e3e3e3; padding-top:15px; } .team-member-aux .member-aux-inner .member-contact { float:left; font-size:12px; padding-top:5px; } .team-member-aux .member-aux-inner .member-contact li { display:inline-block; margin-left:20px; } .team-member-aux .member-aux-inner .member-contact li:first-child { margin-left:0; } .team-member-aux .member-aux-inner .social-icons { float:right; } @media only screen and (max-width:800px) {  .sf-team-ajax-container .content-wrap {   padding:60px 60px 150px; } .team-member-ajax-content .team-member-aux {   padding:30px 60px 20px; } .team-member-aux .member-aux-inner .member-contact, .team-member-aux .member-aux-inner .social-icons {  text-align:center;  float:none;  width:100%; } }  .testimonial-wrap { margin-bottom:20px; } .testimonial-wrap.large .testimonial-text { font-size:24px; line-height:160%; } ul.testimonials { margin-bottom:0; list-style:none; } .testimonials > li { margin-bottom:40px; height:auto; padding-left:60px; position:relative; } .testimonials > li:before { content:"\201C"; font-family:"SSGizmo"; font-weight:normal; font-style:normal; display:block; position:absolute; top:10px; left:0; font-size:34px; } .testimonial-wrap.large .testimonials > li { margin-bottom:60px; } .testimonial-wrap.large .testimonials > li:before { top:15px; } .column_container .testimonials.carousel-items > li { padding-right:30px; } .testimonial-text { margin-bottom:5px; } .testimonial-wrap.large .testimonial-text { margin-bottom:10px; } .testimonial-text p { margin-bottom:10px; } .testimonials .testimonial-cite img { width:40px; height:40px; float:left; border-radius:50%; margin-right:15px; margin-top:10px; } .testimonial-cite .cite-text.has-cite-image { padding-top:10px; } .testimonial-cite .cite-text .cite-name { font-weight:bold; display:block; } .spb_testimonial_carousel_widget cite, .testimonials-slider cite { font-weight:bold; } .testimonials-slider cite span { display:block; font-size:12px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity= 80); font-weight:normal; margin-top:-4px; } .testimonial .pagination-wrap { margin-top:10px; } .testimonial.carousel-item { list-style:none; } .testimonials.carousel-items li .testimonial-text { padding-top:0; margin-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:20px; position:relative; } .testimonials.carousel-items li .testimonial-text:after { content:''; width:0; height:0; border-top:1px solid #fff; border-bottom:10px solid transparent; border-left:12px solid #fff; position:absolute; left:30px; bottom:-11px; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity= 60); } .spb_testimonial_carousel_widget .carousel-wrap > a { border:1px solid #e3e3e3; } .masonry-items li.testimonial { padding-left:15px; } .masonry-items li.testimonial::before { content:""; display:none; } .masonry-items li.testimonial .testimonial-text { background:#f7f7f7; padding:30px; width:100%; border-radius:4px; position:relative; margin-bottom:10px; } .masonry-items li.testimonial.has-cite .testimonial-text::after { content:""; width:0;  height:0;  border-left:6px solid transparent;   border-right:6px solid transparent;   border-top:6px solid #f7f7f7;   position:absolute;   left:48px;   bottom:-6px; } .masonry-items li.testimonial .testimonial-cite { padding-left:30px; } .showcase_testimonial_widget .read-more::after, .showcase_testimonial_widget .read-more span { display:none; }  .slider-wrap { position:relative; } .testimonials-slider { padding-bottom:15px; } .flexslider.content-slider ul.slides { background:transparent; } .spb_testimonial_slider_widget .spb-asset-content { padding-top:60px; padding-bottom:55px; overflow:hidden; } .spb_testimonial_slider_widget .testimonial-icon { width:100%; margin-bottom:20px; text-align:left; padding:0 36% 0 22%; } .spb_testimonial_slider_widget .testimonial-icon i { font-size:34px; } .spb_testimonial_slider_widget .content-slider .lSSlideWrapper, .spb_tweets_slider_widget .content-slider .lSSlideWrapper { padding:0 36% 0 22%; } .content-slider .lSSlideOuter .lSPager.lSpg { position:absolute; top:10px!important; right:20%; left:auto!important; width:auto!important; margin-top:0!important; } .content-slider .lSSlideOuter .lSPager.lSpg > li { display:block; margin-top:10px; margin-left:0; } .content-slider .lSSlideOuter .lSPager.lSpg > li:first-child { margin-top:0; } .content-slider .lSSlideOuter .lSPager.lSpg > li a { width:8px; height:8px; margin:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; transition:none; } .content-slider .lSSlideOuter .lSPager.lSpg > li.active a { width:10px; height:10px; margin:0; } .testimonials-slider .slide-content-wrap { text-align:left; } .testimonials-slider .testimonial-text { margin-bottom:30px; } .testimonials-slider .testimonial-text.text-large { font-size:24px; line-height:32px; } .testimonials-slider .flex-control-nav, .tweets-slider .flex-control-nav { position:absolute; bottom:0; left:0; margin:0; padding:0; z-index:4; list-style:none!important; width:100%; text-align:center; } .testimonials-slider .flex-control-nav li, .tweets-slider .flex-control-nav li { float:none; }   .spb_content_element.spb_text_column.col-sm-12 .spb-asset-content > .container { max-width:100%; } .spb_text_column ul, .box-content-wrap ul, #comments-list .comment-body ul { list-style:disc inside none; } .spb_text_column { margin-bottom:20px; } .spb_text_column > .spb-asset-content { display:inline-block; width:100%; }   .toggle-wrap { margin-bottom:15px; } .toggle-wrap .spb_toggle { padding:12px 15px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; border:2px solid #e3e3e3; border-left-width:0; border-right-width:0; position:relative; margin:0; font-size:14px; font-weight:bold; line-height:inherit; opacity:0.6; } .toggle-wrap .spb_toggle_title_active { opacity:1; border-bottom-color:transparent!important; } .toggle-wrap .spb_toggle:after { font-size:24px; display:inline-block; float:right; height:26px; width:23px; -webkit-transform:translate3d(0px, 0px, 0px) rotate(0deg); transform:translate3d(0px, 0px, 0px) rotate(0deg); -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); transition:transform 0.3s cubic-bezier(0.15, 0.85, 0.35, 1); font-weight:normal; } .toggle-wrap .spb_toggle:hover:after { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .toggle-wrap .spb_toggle.spb_toggle_title_active:hover:after { -webkit-transform:rotate(180deg) translate3d(0,0,0); transform:rotate(180deg) translate3d(0,0,0); } .toggle-wrap .spb_toggle_open { display:block; } .toggle-wrap .spb_toggle:hover { cursor:pointer; } .toggle-wrap .spb_toggle_title_active { -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; } .spb_toggle_content { padding:10px; display:none; } .spb_toggle_content p:last-child { margin-bottom:0; }   .spb_tweets_slider_widget .spb-asset-content { padding-top:140px; padding-bottom:80px; overflow:hidden; } .spb_tweets_slider_widget .tweet-icon { width:100%; position:absolute; text-align:left; top:80px; padding:0 36% 0 22%; } .spb_tweets_slider_widget .tweet-icon i { font-size:34px; } .spb_tweets_slider_widget .flexslider > li { min-height:150px; } .spb_tweets_slider_widget .tweet-text { width:100%; text-align:left; font-size:24px; line-height:38px; } .spb_tweets_slider_widget .twitter_intents { display:block; text-align:left; margin-top:20px; } .spb_tweets_slider_widget .twitter_intents .reply, .spb_tweets_slider_widget .twitter_intents .retweet, .spb_tweets_slider_widget .twitter_intents .favorite { display:none; } .spb_tweets_slider_widget .twitter_intents a { display:block; float:left; clear:left; } .spb_tweets_slider_widget .twitter_intents a:first-child { margin-left:0; } .spb_tweets_slider_widget a.twitter-timestamp { margin-top:20px; display:block; padding:0 15%; } .spb_tweets_slider_widget a:hover { text-decoration:none; }  .spb_video_widget .video-wrap {   padding-bottom:56.25%;   position:relative;   width:100%; } .spb_video_widget .video-wrap > iframe {   position:absolute;   top:0;   left:0;   width:100%;   height:100%; }  .horizontal-break { height:1px; width:50px; margin:20px auto 25px; } .horizontal-break.bold { height:5px; width:100px; } span.highlighted { padding:1px 3px; border-radius:1px; margin-right:2px; color:#fff; } span.dropcap1, span.dropcap2 { float:left; padding:11px 0px 9px; margin-right:8px; font-size:46px; font-style:normal; } span.dropcap3, span.dropcap4 { float:left; font-style:normal; font-size:18px; padding:6px 10px 6px 11px; margin:4px 10px 2px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } span.dropcap4 { -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } blockquote { border-left:0; padding:10px 0; } blockquote, blockquote p { font-size:18px; line-height:28px; font-style:italic; } blockquote.blockquote1, blockquote.blockquote1 p { font-size:12px; line-height:18px; } blockquote.blockquote2, blockquote.blockquote2 p, blockquote.pullquote, blockquote.pullquote p { font-size:14px; line-height:22px; } blockquote.blockquote3, blockquote.blockquote3 p { font-size:28px; line-height:40px; } blockquote.pullquote { border-left:2px solid transparent; padding:0 0 0 20px; } .decorative-ampersand { font-family:'Vidaloka', serif; font-size:24px; }  figure.oversize { width:116%; margin:60px 0 60px -8%; position:relative; } figure.oversize figcaption { position:absolute; width:160px; } figure.oversize[data-capiton-pos="bottom-left"] figcaption { bottom:0; left:-180px; } figure.oversize[data-capiton-pos="bottom-right"] figcaption { bottom:0; right:-180px; } figure.oversize[data-capiton-pos="top-left"] figcaption { top:0; left:-180px; } figure.oversize[data-capiton-pos="top-left"] figcaption { top:0; right:-180px; } figure.oversize figcaption p:last-child { margin-bottom:0; }   @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .widget_calendar tbody tr > td.pad {  background-image:url(https://inkmypapers.sg/wp-content/plugins/swift-framework/includes/page-builder/frontend-assets/css/../images/scanlines_dark@2x.png);  background-size:4px 4px; } }  @media only screen and (max-width:767px) { .spb_icon_box >.spb-asset-content .sf-icon-box {  margin-top:30px; } .spb_icon_box:first-child >.spb-asset-content .sf-icon-box {  margin-top:0; } }  .sf-animation { opacity:0; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; -webkit-animation-duration:1s;  animation-duration:1s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; } html.no-js .sf-animation, .sf-animation[data-animation="none"] { opacity:1!important; left:auto!important; right:auto!important; bottom:auto!important; -webkit-transform:scale(1)!important; -o-transform:scale(1)!important; -moz-transform:scale(1)!important; transform:scale(1)!important; } html.no-js .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content { bottom:50%!important; } .sf-animate { opacity:1; display:block;  -webkit-animation-duration:0.8s;   animation-duration:0.8s;  -webkit-animation-fill-mode:both;   animation-fill-mode:both; } .sf-animate-out { -webkit-animation-direction:reverse; animation-direction:reverse; } .sf-animate.infinite {  -webkit-animation-iteration-count:infinite;   animation-iteration-count:infinite; } .sf-animation[data-animation="fade-in"].sf-animate { opacity:1; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out; transition:all 0.8s ease-out; } .sf-animation[data-animation="fade-from-bottom"].sf-animate { opacity:1; bottom:0; } .sf-animation[data-animation="fade-from-bottom"].image-banner-content.sf-animate { bottom:50%; } .sf-animation[data-animation="fade-from-right"].sf-animate { opacity:1; right:0; -webkit-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); -o-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); } .sf-animation[data-animation="fade-from-left"].sf-animate { opacity:1; left:0; -webkit-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); -o-transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); transition:all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1.25); } .sf-animation[data-animation="grow"] { opacity:0;   -webkit-transform:scale(0.4);   -o-transform:scale(0.4);   -moz-transform:scale(0.4);   transform:scale(0.4);   -webkit-transform-origin:50% 50%;   -webkit-transition:all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);   -moz-transition:all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);   -o-transition:all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);   transition:all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); } .sf-animation[data-animation="grow"].sf-animate { opacity:1; -webkit-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .sf-animation[data-animation="pop-up"].sf-animate { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(0.2); -moz-transform:scale(0.2); transform:scale(0.2); -webkit-animation:popUp 0.4s ease-in-out forwards; -moz-animation:popUp 0.4s ease-in-out forwards; animation:popUp 0.4s ease-in-out forwards; } .sf-animation[data-animation="flip"].sf-animate { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; -moz-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); -moz-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; -moz-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards; } .sf-animation[data-animation="helix"].sf-animate { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; -moz-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; } .sf-animation[data-animation="move-up"] { -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); opacity:0; -webkit-transition:all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition:all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995); transition:all 0.65s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .sf-animation[data-animation="move-up"].sf-animate { -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity:1; } .sf-animation[data-animation="spin"].sf-animate { -webkit-animation:spin 0.65s ease forwards; -moz-animation:spin 0.65s ease forwards; animation:spin 0.65s ease forwards; } .sf-animation[data-animation="flip-x"].sf-animate { -webkit-backface-visibility:visible; -moz-backface-visibility:visible; -o-backface-visibility:visible; backface-visibility:visible; -webkit-animation:flipX 0.65s ease forwards; -moz-animation:flipX 0.65s ease forwards; animation:flipX 0.65s ease forwards; } .sf-animation[data-animation="flip-y"].sf-animate { -webkit-backface-visibility:visible; -moz-backface-visibility:visible; -o-backface-visibility:visible; backface-visibility:visible; -webkit-animation:flipY 0.65s ease forwards; -moz-animation:flipY 0.65s ease forwards; animation:flipY 0.65s ease forwards; } .sf-animation[data-animation="fade-from-left"] { left:-70px; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out; transition:all 0.8s ease-out; } .sf-animation[data-animation="fade-from-right"] { right:-70px; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out; transition:all 0.8s ease-out; } .sf-animation[data-animation="fade-from-bottom"] { bottom:-70px; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out; transition:all 0.8s ease-out; } .sf-animation[data-animation="fade-from-left"], .sf-animation[data-animation="fade-from-right"] { margin:0 auto; } .sf-animation[data-animation="zoomIn"] { opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);   -webkit-transition:all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition:all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition:all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); transition:all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .sf-animation[data-animation="zoomIn"].sf-animate { opacity:1;   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1); } .sf-animation[data-animation="zoomInDown"] { opacity:0;   -webkit-transform:scale3d(.1, .1, .1);   transform:scale3d(.1, .1, .1);   -webkit-transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1); -moz-transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1); -o-transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1); transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1); } .sf-animation[data-animation="zoomInDown"].sf-animate { opacity:1;   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1); } .sf-animation[data-animation="bounceInDown"] { opacity:0;   -webkit-transform:translate3d(0, -3000px, 0);   transform:translate3d(0, -3000px, 0);   -webkit-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .sf-animation[data-animation="bounceInDown"].sf-animate { opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0); } .sf-animation[data-animation="bounceInUp"] { opacity:0;   -webkit-transform:translate3d(0, 3000px, 0);   transform:translate3d(0, 3000px, 0);   -webkit-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .sf-animation[data-animation="bounceInUp"].sf-animate { opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0); } .sf-animation[data-animation="bounceInLeft"] { opacity:0;   -webkit-transform:translate3d(-200px, 0, 0);   transform:translate3d(-200px, 0, 0);   -webkit-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .sf-animation[data-animation="bounceInLeft"].sf-animate { opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0); } .sf-animation[data-animation="bounceInRight"] { opacity:0;   -webkit-transform:translate3d(200px, 0, 0);   transform:translate3d(200px, 0, 0);   -webkit-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .sf-animation[data-animation="bounceInRight"].sf-animate { opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0); } .browser-ie .sf-animation[data-animation="pop-up"].sf-animate, .browser-ie .sf-animation[data-animation="flip"].sf-animate, .browser-ie .sf-animation[data-animation="helix"].sf-animate, .browser-ie .sf-animation[data-animation="fly"].sf-animate, .browser-ie .sf-animation[data-animation="move-up"].sf-animate, .browser-ie .sf-animation[data-animation="spin"].sf-animate, .browser-ie .sf-animation[data-animation="flip-x"].sf-animate, .browser-ie .sf-animation[data-animation="flip-y"].sf-animate { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } @-webkit-keyframes fadeIn { to { opacity:1; } } @-moz-keyframes fadeIn { to { opacity:1; } } @keyframes fadeIn { to { opacity:1; } } @-webkit-keyframes moveUp { to { -webkit-transform:translateY(0); opacity:1; } } @-moz-keyframes moveUp { to { -moz-transform:translateY(0); opacity:1; } } @keyframes moveUp { to { transform:translateY(0); opacity:1; } } @-webkit-keyframes scaleUp { to { -webkit-transform:scale(1); opacity:1; } } @-moz-keyframes scaleUp { to { -moz-transform:scale(1); opacity:1; } } @keyframes scaleUp { to { transform:scale(1); opacity:1; } } @-webkit-keyframes fallPerspective { 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1; } } @-moz-keyframes fallPerspective { 100% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1; } } @keyframes fallPerspective { 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1; } } @-webkit-keyframes fly { 100% { -webkit-transform:rotateX(0deg); opacity:1; } } @-moz-keyframes fly { 100% { -moz-transform:rotateX(0deg); opacity:1; } } @keyframes fly { 100% { transform:rotateX(0deg); opacity:1; } } @-webkit-keyframes flip { 100% { -webkit-transform:rotateX(0deg); opacity:1; } } @-moz-keyframes flip { 100% { -moz-transform:rotateX(0deg); opacity:1; } } @keyframes flip { 100% { transform:rotateX(0deg); opacity:1; } } @-webkit-keyframes helix { 100% { -webkit-transform:rotateY(0deg); opacity:1; } } @-moz-keyframes helix { 100% { -moz-transform:rotateY(0deg); opacity:1; } } @keyframes helix { 100% { transform:rotateY(0deg); opacity:1; } } @-webkit-keyframes popUp { 70% { -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; } 100% { -webkit-transform:scale(1); opacity:1; } } @-moz-keyframes popUp { 70% { -moz-transform:scale(1.1); opacity:.8; -moz-animation-timing-function:ease-out; } 100% { -moz-transform:scale(1); opacity:1; } } @keyframes popUp { 70% { transform:scale(1.1); opacity:.8; animation-timing-function:ease-out; } 100% { transform:scale(1); opacity:1; } } @-ms-keyframes spin {   from { -ms-transform:rotate(0deg); }   to { -ms-transform:rotate(360deg); opacity:1; } } @-moz-keyframes spin {   from { -moz-transform:rotate(0deg); }   to { -moz-transform:rotate(360deg); opacity:1; } } @-webkit-keyframes spin {   from { -webkit-transform:rotate(0deg); }   to { -webkit-transform:rotate(360deg); opacity:1; } } @keyframes spin {   from { transform:rotate(0deg); }   to { transform:rotate(360deg); opacity:1; } } @-webkit-keyframes flipX {   0% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}   100% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;} } @-moz-keyframes flipX {   0% {-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}   100% {-moz-transform:perspective(400px) rotateX(0deg);opacity:1;} } @-o-keyframes flipX {   0% {-o-transform:perspective(400px) rotateX(90deg);opacity:0;}   100% {-o-transform:perspective(400px) rotateX(0deg);opacity:1;} } @keyframes flipX {   0% {transform:perspective(400px) rotateX(90deg);opacity:0;}   100% {transform:perspective(400px) rotateX(0deg);opacity:1;} } @-webkit-keyframes flipY {   0% {-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}   100% {-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;} } @-moz-keyframes flipY {   0% {-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 100% {-moz-transform:perspective(400px) rotateY(0deg);opacity:1;} } @-o-keyframes flipY { 0% {-o-transform:perspective(400px) rotateY(90deg);opacity:0;} 100% {-o-transform:perspective(400px) rotateY(0deg);opacity:1;} } @keyframes flipY {   0% {transform:perspective(400px) rotateY(90deg);opacity:0;}   100% {transform:perspective(400px) rotateY(0deg);opacity:1;} } @-webkit-keyframes shake {   0%, 50%, 100% {-webkit-transform:translateX(0);}   25% {-webkit-transform:translateX(-100px);}   75% {-webkit-transform:translateX(100px);} } @-moz-keyframes shake {   0%, 50%, 100% {-moz-transform:translateX(0);}   25% {-moz-transform:translateX(-100px);}   75% {-moz-transform:translateX(100px);} } @-o-keyframes shake {   0%, 50%, 100% {-o-transform:translateX(0);}   25% {-o-transform:translateX(-100px);}   75% {-o-transform:translateX(100px);} } @keyframes shake {   0%, 50%, 100% {transform:translateX(0);}   25% {transform:translateX(-100px);}   75% {transform:translateX(100px);} } .animated {  -webkit-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both; } .animated.infinite {  -webkit-animation-iteration-count:infinite;  animation-iteration-count:infinite; } .animated.hinge {  -webkit-animation-duration:2s;  animation-duration:2s; } .animated.bounceIn, .animated.bounceOut {  -webkit-animation-duration:.75s;  animation-duration:.75s; } .animated.flipOutX, .animated.flipOutY {  -webkit-animation-duration:.75s;  animation-duration:.75s; } @-webkit-keyframes bounce {  from, 20%, 53%, 80%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   -webkit-transform:translate3d(0,0,0);   transform:translate3d(0,0,0);  }  40%, 43% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform:translate3d(0, -30px, 0);   transform:translate3d(0, -30px, 0);  }  70% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform:translate3d(0, -15px, 0);   transform:translate3d(0, -15px, 0);  }  90% {   -webkit-transform:translate3d(0,-4px,0);   transform:translate3d(0,-4px,0);  } } @keyframes bounce {  from, 20%, 53%, 80%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   -webkit-transform:translate3d(0,0,0);   transform:translate3d(0,0,0);  }  40%, 43% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform:translate3d(0, -30px, 0);   transform:translate3d(0, -30px, 0);  }  70% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);   -webkit-transform:translate3d(0, -15px, 0);   transform:translate3d(0, -15px, 0);  }  90% {   -webkit-transform:translate3d(0,-4px,0);   transform:translate3d(0,-4px,0);  } } .bounce {  -webkit-animation-name:bounce;  animation-name:bounce;  -webkit-transform-origin:center bottom;  transform-origin:center bottom; } @-webkit-keyframes flash {  from, 50%, 100% {   opacity:1;  }  25%, 75% {   opacity:0;  } } @keyframes flash {  from, 50%, 100% {   opacity:1;  }  25%, 75% {   opacity:0;  } } .flash {  -webkit-animation-name:flash;  animation-name:flash; }  @-webkit-keyframes pulse {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  50% {   -webkit-transform:scale3d(1.05, 1.05, 1.05);   transform:scale3d(1.05, 1.05, 1.05);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } @keyframes pulse {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  50% {   -webkit-transform:scale3d(1.05, 1.05, 1.05);   transform:scale3d(1.05, 1.05, 1.05);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } .pulse {  -webkit-animation-name:pulse;  animation-name:pulse; } @-webkit-keyframes rubberBand {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  30% {   -webkit-transform:scale3d(1.25, 0.75, 1);   transform:scale3d(1.25, 0.75, 1);  }  40% {   -webkit-transform:scale3d(0.75, 1.25, 1);   transform:scale3d(0.75, 1.25, 1);  }  50% {   -webkit-transform:scale3d(1.15, 0.85, 1);   transform:scale3d(1.15, 0.85, 1);  }  65% {   -webkit-transform:scale3d(.95, 1.05, 1);   transform:scale3d(.95, 1.05, 1);  }  75% {   -webkit-transform:scale3d(1.05, .95, 1);   transform:scale3d(1.05, .95, 1);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } @keyframes rubberBand {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  30% {   -webkit-transform:scale3d(1.25, 0.75, 1);   transform:scale3d(1.25, 0.75, 1);  }  40% {   -webkit-transform:scale3d(0.75, 1.25, 1);   transform:scale3d(0.75, 1.25, 1);  }  50% {   -webkit-transform:scale3d(1.15, 0.85, 1);   transform:scale3d(1.15, 0.85, 1);  }  65% {   -webkit-transform:scale3d(.95, 1.05, 1);   transform:scale3d(.95, 1.05, 1);  }  75% {   -webkit-transform:scale3d(1.05, .95, 1);   transform:scale3d(1.05, .95, 1);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } .rubberBand {  -webkit-animation-name:rubberBand;  animation-name:rubberBand; } @-webkit-keyframes shake {  from, 100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {   -webkit-transform:translate3d(-10px, 0, 0);   transform:translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {   -webkit-transform:translate3d(10px, 0, 0);   transform:translate3d(10px, 0, 0);  } } @keyframes shake {  from, 100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {   -webkit-transform:translate3d(-10px, 0, 0);   transform:translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {   -webkit-transform:translate3d(10px, 0, 0);   transform:translate3d(10px, 0, 0);  } } .shake {  -webkit-animation-name:shake;  animation-name:shake; } @-webkit-keyframes swing {  20% {   -webkit-transform:rotate3d(0, 0, 1, 15deg);   transform:rotate3d(0, 0, 1, 15deg);  }  40% {   -webkit-transform:rotate3d(0, 0, 1, -10deg);   transform:rotate3d(0, 0, 1, -10deg);  }  60% {   -webkit-transform:rotate3d(0, 0, 1, 5deg);   transform:rotate3d(0, 0, 1, 5deg);  }  80% {   -webkit-transform:rotate3d(0, 0, 1, -5deg);   transform:rotate3d(0, 0, 1, -5deg);  }  100% {   -webkit-transform:rotate3d(0, 0, 1, 0deg);   transform:rotate3d(0, 0, 1, 0deg);  } } @keyframes swing {  20% {   -webkit-transform:rotate3d(0, 0, 1, 15deg);   transform:rotate3d(0, 0, 1, 15deg);  }  40% {   -webkit-transform:rotate3d(0, 0, 1, -10deg);   transform:rotate3d(0, 0, 1, -10deg);  }  60% {   -webkit-transform:rotate3d(0, 0, 1, 5deg);   transform:rotate3d(0, 0, 1, 5deg);  }  80% {   -webkit-transform:rotate3d(0, 0, 1, -5deg);   transform:rotate3d(0, 0, 1, -5deg);  }  100% {   -webkit-transform:rotate3d(0, 0, 1, 0deg);   transform:rotate3d(0, 0, 1, 0deg);  } } .swing {  -webkit-transform-origin:top center;  transform-origin:top center;  -webkit-animation-name:swing;  animation-name:swing; } @-webkit-keyframes tada {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  10%, 20% {   -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);   transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {   -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);   transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {   -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);   transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } @keyframes tada {  from {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  }  10%, 20% {   -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);   transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {   -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);   transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {   -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);   transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } .tada {  -webkit-animation-name:tada;  animation-name:tada; }  @-webkit-keyframes wobble {  from {   -webkit-transform:none;   transform:none;  }  15% {   -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);   transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {   -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);   transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {   -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);   transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {   -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);   transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {   -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);   transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {   -webkit-transform:none;   transform:none;  } } @keyframes wobble {  from {   -webkit-transform:none;   transform:none;  }  15% {   -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);   transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {   -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);   transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {   -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);   transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {   -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);   transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {   -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);   transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {   -webkit-transform:none;   transform:none;  } } .wobble {  -webkit-animation-name:wobble;  animation-name:wobble; } @-webkit-keyframes jello {  from, 11.1%, 100% {   -webkit-transform:none;   transform:none;  }  22.2% {   -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);   transform:skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {   -webkit-transform:skewX(6.25deg) skewY(6.25deg);   transform:skewX(6.25deg) skewY(6.25deg);  }  44.4% {   -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);   transform:skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {   -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);   transform:skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {   -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);   transform:skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {   -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);   transform:skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {   -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);   transform:skewX(-0.1953125deg) skewY(-0.1953125deg);  } } @keyframes jello {  from, 11.1%, 100% {   -webkit-transform:none;   transform:none;  }  22.2% {   -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);   transform:skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {   -webkit-transform:skewX(6.25deg) skewY(6.25deg);   transform:skewX(6.25deg) skewY(6.25deg);  }  44.4% {   -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);   transform:skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {   -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);   transform:skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {   -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);   transform:skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {   -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);   transform:skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {   -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);   transform:skewX(-0.1953125deg) skewY(-0.1953125deg);  } } .jello {  -webkit-animation-name:jello;  animation-name:jello;  -webkit-transform-origin:center;  transform-origin:center; } @-webkit-keyframes bounceIn {  from, 20%, 40%, 60%, 80%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  }  20% {   -webkit-transform:scale3d(1.1, 1.1, 1.1);   transform:scale3d(1.1, 1.1, 1.1);  }  40% {   -webkit-transform:scale3d(.9, .9, .9);   transform:scale3d(.9, .9, .9);  }  60% {   opacity:1;   -webkit-transform:scale3d(1.03, 1.03, 1.03);   transform:scale3d(1.03, 1.03, 1.03);  }  80% {   -webkit-transform:scale3d(.97, .97, .97);   transform:scale3d(.97, .97, .97);  }  100% {   opacity:1;   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } @keyframes bounceIn {  from, 20%, 40%, 60%, 80%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  }  20% {   -webkit-transform:scale3d(1.1, 1.1, 1.1);   transform:scale3d(1.1, 1.1, 1.1);  }  40% {   -webkit-transform:scale3d(.9, .9, .9);   transform:scale3d(.9, .9, .9);  }  60% {   opacity:1;   -webkit-transform:scale3d(1.03, 1.03, 1.03);   transform:scale3d(1.03, 1.03, 1.03);  }  80% {   -webkit-transform:scale3d(.97, .97, .97);   transform:scale3d(.97, .97, .97);  }  100% {   opacity:1;   -webkit-transform:scale3d(1, 1, 1);   transform:scale3d(1, 1, 1);  } } .bounceIn {  -webkit-animation-name:bounceIn;  animation-name:bounceIn; } @-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {   opacity:0;   -webkit-transform:translate3d(0, -3000px, 0);   transform:translate3d(0, -3000px, 0);  }  60% {   opacity:1;   -webkit-transform:translate3d(0, 25px, 0);   transform:translate3d(0, 25px, 0);  }  75% {   -webkit-transform:translate3d(0, -10px, 0);   transform:translate3d(0, -10px, 0);  }  90% {   -webkit-transform:translate3d(0, 5px, 0);   transform:translate3d(0, 5px, 0);  }  100% {   -webkit-transform:none;   transform:none;  } } @-webkit-keyframes bounceInLeft {  from, 60%, 75%, 90%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {   opacity:0;   -webkit-transform:translate3d(-3000px, 0, 0);   transform:translate3d(-3000px, 0, 0);  }  60% {   opacity:1;   -webkit-transform:translate3d(25px, 0, 0);   transform:translate3d(25px, 0, 0);  }  75% {   -webkit-transform:translate3d(-10px, 0, 0);   transform:translate3d(-10px, 0, 0);  }  90% {   -webkit-transform:translate3d(5px, 0, 0);   transform:translate3d(5px, 0, 0);  }  100% {   -webkit-transform:none;   transform:none;  } } @keyframes bounceInLeft {  from, 60%, 75%, 90%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {   opacity:0;   -webkit-transform:translate3d(-3000px, 0, 0);   transform:translate3d(-3000px, 0, 0);  }  60% {   opacity:1;   -webkit-transform:translate3d(25px, 0, 0);   transform:translate3d(25px, 0, 0);  }  75% {   -webkit-transform:translate3d(-10px, 0, 0);   transform:translate3d(-10px, 0, 0);  }  90% {   -webkit-transform:translate3d(5px, 0, 0);   transform:translate3d(5px, 0, 0);  }  100% {   -webkit-transform:none;   transform:none;  } } .bounceInLeft {  -webkit-animation-name:bounceInLeft;  animation-name:bounceInLeft; } @-webkit-keyframes bounceInRight {  from, 60%, 75%, 90%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {   opacity:0;   -webkit-transform:translate3d(3000px, 0, 0);   transform:translate3d(3000px, 0, 0);  }  60% {   opacity:1;   -webkit-transform:translate3d(-25px, 0, 0);   transform:translate3d(-25px, 0, 0);  }  75% {   -webkit-transform:translate3d(10px, 0, 0);   transform:translate3d(10px, 0, 0);  }  90% {   -webkit-transform:translate3d(-5px, 0, 0);   transform:translate3d(-5px, 0, 0);  }  100% {   -webkit-transform:none;   transform:none;  } } @-webkit-keyframes bounceInUp {  from, 60%, 75%, 90%, 100% {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);   animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {   opacity:0;   -webkit-transform:translate3d(0, 3000px, 0);   transform:translate3d(0, 3000px, 0);  }  60% {   opacity:1;   -webkit-transform:translate3d(0, -20px, 0);   transform:translate3d(0, -20px, 0);  }  75% {   -webkit-transform:translate3d(0, 10px, 0);   transform:translate3d(0, 10px, 0);  }  90% {   -webkit-transform:translate3d(0, -5px, 0);   transform:translate3d(0, -5px, 0);  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @-webkit-keyframes bounceOut {  20% {   -webkit-transform:scale3d(.9, .9, .9);   transform:scale3d(.9, .9, .9);  }  50%, 55% {   opacity:1;   -webkit-transform:scale3d(1.1, 1.1, 1.1);   transform:scale3d(1.1, 1.1, 1.1);  }  100% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  } } @keyframes bounceOut {  20% {   -webkit-transform:scale3d(.9, .9, .9);   transform:scale3d(.9, .9, .9);  }  50%, 55% {   opacity:1;   -webkit-transform:scale3d(1.1, 1.1, 1.1);   transform:scale3d(1.1, 1.1, 1.1);  }  100% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  } } .bounceOut {  -webkit-animation-name:bounceOut;  animation-name:bounceOut; } @-webkit-keyframes bounceOutDown {  20% {   -webkit-transform:translate3d(0, 10px, 0);   transform:translate3d(0, 10px, 0);  }  40%, 45% {   opacity:1;   -webkit-transform:translate3d(0, -20px, 0);   transform:translate3d(0, -20px, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  } } @keyframes bounceOutDown {  20% {   -webkit-transform:translate3d(0, 10px, 0);   transform:translate3d(0, 10px, 0);  }  40%, 45% {   opacity:1;   -webkit-transform:translate3d(0, -20px, 0);   transform:translate3d(0, -20px, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  } } .bounceOutDown {  -webkit-animation-name:bounceOutDown;  animation-name:bounceOutDown; } @-webkit-keyframes bounceOutLeft {  20% {   opacity:1;   -webkit-transform:translate3d(20px, 0, 0);   transform:translate3d(20px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  } } @keyframes bounceOutLeft {  20% {   opacity:1;   -webkit-transform:translate3d(20px, 0, 0);   transform:translate3d(20px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  } } .bounceOutLeft {  -webkit-animation-name:bounceOutLeft;  animation-name:bounceOutLeft; } @-webkit-keyframes bounceOutRight {  20% {   opacity:1;   -webkit-transform:translate3d(-20px, 0, 0);   transform:translate3d(-20px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  } } @keyframes bounceOutRight {  20% {   opacity:1;   -webkit-transform:translate3d(-20px, 0, 0);   transform:translate3d(-20px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  } } .bounceOutRight {  -webkit-animation-name:bounceOutRight;  animation-name:bounceOutRight; } @-webkit-keyframes bounceOutUp {  20% {   -webkit-transform:translate3d(0, -10px, 0);   transform:translate3d(0, -10px, 0);  }  40%, 45% {   opacity:1;   -webkit-transform:translate3d(0, 20px, 0);   transform:translate3d(0, 20px, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  } } @keyframes bounceOutUp {  20% {   -webkit-transform:translate3d(0, -10px, 0);   transform:translate3d(0, -10px, 0);  }  40%, 45% {   opacity:1;   -webkit-transform:translate3d(0, 20px, 0);   transform:translate3d(0, 20px, 0);  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  } } .bounceOutUp {  -webkit-animation-name:bounceOutUp;  animation-name:bounceOutUp; } @-webkit-keyframes fadeIn {  from {   opacity:0;  }  100% {   opacity:1;  } } @-webkit-keyframes fadeInDown {  from {   opacity:0;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInDown {  from {   opacity:0;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInDown {  -webkit-animation-name:fadeInDown;  animation-name:fadeInDown; } @-webkit-keyframes fadeInDownBig {  from {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInDownBig {  from {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInDownBig {  -webkit-animation-name:fadeInDownBig;  animation-name:fadeInDownBig; } @-webkit-keyframes fadeInLeft {  from {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInLeft {  from {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInLeft {  -webkit-animation-name:fadeInLeft;  animation-name:fadeInLeft; } @-webkit-keyframes fadeInLeftBig {  from {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInLeftBig {  from {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInLeftBig {  -webkit-animation-name:fadeInLeftBig;  animation-name:fadeInLeftBig; } @-webkit-keyframes fadeInRight {  from {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInRight {  from {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInRight {  -webkit-animation-name:fadeInRight;  animation-name:fadeInRight; } @-webkit-keyframes fadeInRightBig {  from {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInRightBig {  from {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInRightBig {  -webkit-animation-name:fadeInRightBig;  animation-name:fadeInRightBig; } @-webkit-keyframes fadeInUp {  from {   opacity:0;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInUp {  from {   opacity:0;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInUp {  -webkit-animation-name:fadeInUp;  animation-name:fadeInUp;  perspective:1000px;  -webkit-backface-visibility:hidden; } @-webkit-keyframes fadeInUpBig {  from {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes fadeInUpBig {  from {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .fadeInUpBig {  -webkit-animation-name:fadeInUpBig;  animation-name:fadeInUpBig; } @-webkit-keyframes fadeOut {  from {   opacity:1;  }  100% {   opacity:0;  } } @keyframes fadeOut {  from {   opacity:1;  }  100% {   opacity:0;  } } .fadeOut {  -webkit-animation-name:fadeOut;  animation-name:fadeOut; } @-webkit-keyframes fadeOutDown {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  } } @keyframes fadeOutDown {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  } } .fadeOutDown {  -webkit-animation-name:fadeOutDown;  animation-name:fadeOutDown; } @-webkit-keyframes fadeOutDownBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  } } @keyframes fadeOutDownBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, 2000px, 0);   transform:translate3d(0, 2000px, 0);  } } .fadeOutDownBig {  -webkit-animation-name:fadeOutDownBig;  animation-name:fadeOutDownBig; } @-webkit-keyframes fadeOutLeft {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  } } @keyframes fadeOutLeft {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  } } .fadeOutLeft {  -webkit-animation-name:fadeOutLeft;  animation-name:fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  } } @keyframes fadeOutLeftBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(-2000px, 0, 0);   transform:translate3d(-2000px, 0, 0);  } } .fadeOutLeftBig {  -webkit-animation-name:fadeOutLeftBig;  animation-name:fadeOutLeftBig; } @-webkit-keyframes fadeOutRight {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  } } @keyframes fadeOutRight {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  } } .fadeOutRight {  -webkit-animation-name:fadeOutRight;  animation-name:fadeOutRight; } @-webkit-keyframes fadeOutRightBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  } } @keyframes fadeOutRightBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(2000px, 0, 0);   transform:translate3d(2000px, 0, 0);  } } .fadeOutRightBig {  -webkit-animation-name:fadeOutRightBig;  animation-name:fadeOutRightBig; } @-webkit-keyframes fadeOutUp {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  } } @keyframes fadeOutUp {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  } } .fadeOutUp {  -webkit-animation-name:fadeOutUp;  animation-name:fadeOutUp; } @-webkit-keyframes fadeOutUpBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  } } @keyframes fadeOutUpBig {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(0, -2000px, 0);   transform:translate3d(0, -2000px, 0);  } } .fadeOutUpBig {  -webkit-animation-name:fadeOutUpBig;  animation-name:fadeOutUpBig; } @-webkit-keyframes flip {  from {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);   transform:perspective(400px) rotate3d(0, 1, 0, -360deg);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  40% {   -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);   transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  50% {   -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);   transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  80% {   -webkit-transform:perspective(400px) scale3d(.95, .95, .95);   transform:perspective(400px) scale3d(.95, .95, .95);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  } } @keyframes flip {  from {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);   transform:perspective(400px) rotate3d(0, 1, 0, -360deg);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  40% {   -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);   transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);   -webkit-animation-timing-function:ease-out;   animation-timing-function:ease-out;  }  50% {   -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);   transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  80% {   -webkit-transform:perspective(400px) scale3d(.95, .95, .95);   transform:perspective(400px) scale3d(.95, .95, .95);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  } } .animated.flip {  -webkit-backface-visibility:visible;  backface-visibility:visible;  -webkit-animation-name:flip;  animation-name:flip; } @-webkit-keyframes flipInX {  from {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  60% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);   transform:perspective(400px) rotate3d(1, 0, 0, 10deg);   opacity:1;  }  80% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);   transform:perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);  } } @keyframes flipInX {  from {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  60% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);   transform:perspective(400px) rotate3d(1, 0, 0, 10deg);   opacity:1;  }  80% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);   transform:perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);  } } .flipInX {  -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInX;  animation-name:flipInX; } .flipInX {  -webkit-animation-name:none;  animation-name:none;  -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);  transform:perspective(400px) rotate3d(1, 0, 0, 90deg);  opacity:0; } .flipInX.sf-animate {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);   transform:perspective(400px) rotate3d(1, 0, 0, -5deg);   transition:all 0.8s ease-in;   opacity:1; } @-webkit-keyframes flipInY {  from {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);   transform:perspective(400px) rotate3d(0, 1, 0, -20deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  60% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);   transform:perspective(400px) rotate3d(0, 1, 0, 10deg);   opacity:1;  }  80% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);   transform:perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);  } } @keyframes flipInY {  from {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;   opacity:0;  }  40% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);   transform:perspective(400px) rotate3d(0, 1, 0, -20deg);   -webkit-animation-timing-function:ease-in;   animation-timing-function:ease-in;  }  60% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);   transform:perspective(400px) rotate3d(0, 1, 0, 10deg);   opacity:1;  }  80% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);   transform:perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {   -webkit-transform:perspective(400px);   transform:perspective(400px);  } } .flipInY {  -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInY;  animation-name:flipInY; } @-webkit-keyframes flipOutX {  from {   -webkit-transform:perspective(400px);   transform:perspective(400px);  }  30% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   opacity:0;  } } @keyframes flipOutX {  from {   -webkit-transform:perspective(400px);   transform:perspective(400px);  }  30% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   transform:perspective(400px) rotate3d(1, 0, 0, -20deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   transform:perspective(400px) rotate3d(1, 0, 0, 90deg);   opacity:0;  } } .flipOutX {  -webkit-animation-name:flipOutX;  animation-name:flipOutX;  -webkit-backface-visibility:visible !important;  backface-visibility:visible !important; } @-webkit-keyframes flipOutY {  from {   -webkit-transform:perspective(400px);   transform:perspective(400px);  }  30% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);   transform:perspective(400px) rotate3d(0, 1, 0, -15deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   opacity:0;  } } @keyframes flipOutY {  from {   -webkit-transform:perspective(400px);   transform:perspective(400px);  }  30% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);   transform:perspective(400px) rotate3d(0, 1, 0, -15deg);   opacity:1;  }  100% {   -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   transform:perspective(400px) rotate3d(0, 1, 0, 90deg);   opacity:0;  } } .flipOutY {  -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipOutY;  animation-name:flipOutY; } @-webkit-keyframes lightSpeedIn {  from {   -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);   transform:translate3d(100%, 0, 0) skewX(-30deg);   opacity:0;  }  60% {   -webkit-transform:skewX(20deg);   transform:skewX(20deg);   opacity:1;  }  80% {   -webkit-transform:skewX(-5deg);   transform:skewX(-5deg);   opacity:1;  }  100% {   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes lightSpeedIn {  from {   -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);   transform:translate3d(100%, 0, 0) skewX(-30deg);   opacity:0;  }  60% {   -webkit-transform:skewX(20deg);   transform:skewX(20deg);   opacity:1;  }  80% {   -webkit-transform:skewX(-5deg);   transform:skewX(-5deg);   opacity:1;  }  100% {   -webkit-transform:none;   transform:none;   opacity:1;  } } .lightSpeedIn {  -webkit-animation-name:lightSpeedIn;  animation-name:lightSpeedIn;  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out; } @-webkit-keyframes lightSpeedOut {  from {   opacity:1;  }  100% {   -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);   transform:translate3d(100%, 0, 0) skewX(30deg);   opacity:0;  } } @keyframes lightSpeedOut {  from {   opacity:1;  }  100% {   -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);   transform:translate3d(100%, 0, 0) skewX(30deg);   opacity:0;  } } .lightSpeedOut {  -webkit-animation-name:lightSpeedOut;  animation-name:lightSpeedOut;  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in; } @-webkit-keyframes rotateIn {  from {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:rotate3d(0, 0, 1, -200deg);   transform:rotate3d(0, 0, 1, -200deg);   opacity:0;  }  100% {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes rotateIn {  from {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:rotate3d(0, 0, 1, -200deg);   transform:rotate3d(0, 0, 1, -200deg);   opacity:0;  }  100% {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:none;   transform:none;   opacity:1;  } } .rotateIn {  -webkit-animation-name:rotateIn;  animation-name:rotateIn; } @-webkit-keyframes rotateInDownLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes rotateInDownLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } .rotateInDownLeft {  -webkit-animation-name:rotateInDownLeft;  animation-name:rotateInDownLeft; } @-webkit-keyframes rotateInDownRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes rotateInDownRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } .rotateInDownRight {  -webkit-animation-name:rotateInDownRight;  animation-name:rotateInDownRight; } @-webkit-keyframes rotateInUpLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes rotateInUpLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } .rotateInUpLeft {  -webkit-animation-name:rotateInUpLeft;  animation-name:rotateInUpLeft; } @-webkit-keyframes rotateInUpRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, -90deg);   transform:rotate3d(0, 0, 1, -90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } @keyframes rotateInUpRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, -90deg);   transform:rotate3d(0, 0, 1, -90deg);   opacity:0;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:none;   transform:none;   opacity:1;  } } .rotateInUpRight {  -webkit-animation-name:rotateInUpRight;  animation-name:rotateInUpRight; } @-webkit-keyframes rotateOut {  from {   -webkit-transform-origin:center;   transform-origin:center;   opacity:1;  }  100% {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:rotate3d(0, 0, 1, 200deg);   transform:rotate3d(0, 0, 1, 200deg);   opacity:0;  } } @keyframes rotateOut {  from {   -webkit-transform-origin:center;   transform-origin:center;   opacity:1;  }  100% {   -webkit-transform-origin:center;   transform-origin:center;   -webkit-transform:rotate3d(0, 0, 1, 200deg);   transform:rotate3d(0, 0, 1, 200deg);   opacity:0;  } } .rotateOut {  -webkit-animation-name:rotateOut;  animation-name:rotateOut; } @-webkit-keyframes rotateOutDownLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  } } @keyframes rotateOutDownLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   opacity:0;  } } .rotateOutDownLeft {  -webkit-animation-name:rotateOutDownLeft;  animation-name:rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  } } @keyframes rotateOutDownRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  } } .rotateOutDownRight {  -webkit-animation-name:rotateOutDownRight;  animation-name:rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  } } @keyframes rotateOutUpLeft {  from {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   opacity:1;  }  100% {   -webkit-transform-origin:left bottom;   transform-origin:left bottom;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   opacity:0;  } } .rotateOutUpLeft {  -webkit-animation-name:rotateOutUpLeft;  animation-name:rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, 90deg);   transform:rotate3d(0, 0, 1, 90deg);   opacity:0;  } } @keyframes rotateOutUpRight {  from {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   opacity:1;  }  100% {   -webkit-transform-origin:right bottom;   transform-origin:right bottom;   -webkit-transform:rotate3d(0, 0, 1, 90deg);   transform:rotate3d(0, 0, 1, 90deg);   opacity:0;  } } .rotateOutUpRight {  -webkit-animation-name:rotateOutUpRight;  animation-name:rotateOutUpRight; } @-webkit-keyframes hinge {  0% {   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  20%, 60% {   -webkit-transform:rotate3d(0, 0, 1, 80deg);   transform:rotate3d(0, 0, 1, 80deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  40%, 80% {   -webkit-transform:rotate3d(0, 0, 1, 60deg);   transform:rotate3d(0, 0, 1, 60deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;   opacity:1;  }  100% {   -webkit-transform:translate3d(0, 700px, 0);   transform:translate3d(0, 700px, 0);   opacity:0;  } } @keyframes hinge {  0% {   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  20%, 60% {   -webkit-transform:rotate3d(0, 0, 1, 80deg);   transform:rotate3d(0, 0, 1, 80deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;  }  40%, 80% {   -webkit-transform:rotate3d(0, 0, 1, 60deg);   transform:rotate3d(0, 0, 1, 60deg);   -webkit-transform-origin:top left;   transform-origin:top left;   -webkit-animation-timing-function:ease-in-out;   animation-timing-function:ease-in-out;   opacity:1;  }  100% {   -webkit-transform:translate3d(0, 700px, 0);   transform:translate3d(0, 700px, 0);   opacity:0;  } } .hinge {  -webkit-animation-name:hinge;  animation-name:hinge; }  @-webkit-keyframes rollIn {  from {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);   transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } @keyframes rollIn {  from {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);   transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {   opacity:1;   -webkit-transform:none;   transform:none;  } } .rollIn {  -webkit-animation-name:rollIn;  animation-name:rollIn; }  @-webkit-keyframes rollOut {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);   transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  } } @keyframes rollOut {  from {   opacity:1;  }  100% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);   transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  } } .rollOut {  -webkit-animation-name:rollOut;  animation-name:rollOut; } @-webkit-keyframes zoomIn {  from {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  }  50% {   opacity:1;  } } @-webkit-keyframes zoomInDown {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @-webkit-keyframes zoomInLeft {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);   transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @keyframes zoomInLeft {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);   transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } .zoomInLeft {  -webkit-animation-name:zoomInLeft;  animation-name:zoomInLeft; } @-webkit-keyframes zoomInRight {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);   transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @keyframes zoomInRight {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);   transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } .zoomInRight {  -webkit-animation-name:zoomInRight;  animation-name:zoomInRight; } @-webkit-keyframes zoomInUp {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @keyframes zoomInUp {  from {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } .zoomInUp {  -webkit-animation-name:zoomInUp;  animation-name:zoomInUp; } @-webkit-keyframes zoomOut {  from {   opacity:1;  }  50% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  }  100% {   opacity:0;  } } @keyframes zoomOut {  from {   opacity:1;  }  50% {   opacity:0;   -webkit-transform:scale3d(.3, .3, .3);   transform:scale3d(.3, .3, .3);  }  100% {   opacity:0;  } } .zoomOut {  -webkit-animation-name:zoomOut;  animation-name:zoomOut; } @-webkit-keyframes zoomOutDown {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  100% {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);   -webkit-transform-origin:center bottom;   transform-origin:center bottom;   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @keyframes zoomOutDown {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  100% {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);   -webkit-transform-origin:center bottom;   transform-origin:center bottom;   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } .zoomOutDown {  -webkit-animation-name:zoomOutDown;  animation-name:zoomOutDown; } @-webkit-keyframes zoomOutLeft {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:scale(.1) translate3d(-2000px, 0, 0);   transform:scale(.1) translate3d(-2000px, 0, 0);   -webkit-transform-origin:left center;   transform-origin:left center;  } } @keyframes zoomOutLeft {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:scale(.1) translate3d(-2000px, 0, 0);   transform:scale(.1) translate3d(-2000px, 0, 0);   -webkit-transform-origin:left center;   transform-origin:left center;  } } .zoomOutLeft {  -webkit-animation-name:zoomOutLeft;  animation-name:zoomOutLeft; } @-webkit-keyframes zoomOutRight {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:scale(.1) translate3d(2000px, 0, 0);   transform:scale(.1) translate3d(2000px, 0, 0);   -webkit-transform-origin:right center;   transform-origin:right center;  } } @keyframes zoomOutRight {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  100% {   opacity:0;   -webkit-transform:scale(.1) translate3d(2000px, 0, 0);   transform:scale(.1) translate3d(2000px, 0, 0);   -webkit-transform-origin:right center;   transform-origin:right center;  } } .zoomOutRight {  -webkit-animation-name:zoomOutRight;  animation-name:zoomOutRight; } @-webkit-keyframes zoomOutUp {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  100% {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);   -webkit-transform-origin:center bottom;   transform-origin:center bottom;   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } @keyframes zoomOutUp {  40% {   opacity:1;   -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);   -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);   animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  100% {   opacity:0;   -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);   transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);   -webkit-transform-origin:center bottom;   transform-origin:center bottom;   -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);   animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);  } } .zoomOutUp {  -webkit-animation-name:zoomOutUp;  animation-name:zoomOutUp; } @-webkit-keyframes slideInDown {  from {   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @keyframes slideInDown {  from {   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } .slideInDown {  -webkit-animation-name:slideInDown;  animation-name:slideInDown; } @-webkit-keyframes slideInLeft {  from {   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @keyframes slideInLeft {  from {   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } .slideInLeft {  -webkit-animation-name:slideInLeft;  animation-name:slideInLeft; } @-webkit-keyframes slideInRight {  from {   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @keyframes slideInRight {  from {   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } .slideInRight {  -webkit-animation-name:slideInRight;  animation-name:slideInRight; } @-webkit-keyframes slideInUp {  from {   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @keyframes slideInUp {  from {   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);   visibility:visible;  }  100% {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } .slideInUp {  -webkit-animation-name:slideInUp;  animation-name:slideInUp; } @-webkit-keyframes slideOutDown {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  } } @keyframes slideOutDown {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(0, 100%, 0);   transform:translate3d(0, 100%, 0);  } } .slideOutDown {  -webkit-animation-name:slideOutDown;  animation-name:slideOutDown; } @-webkit-keyframes slideOutLeft {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  } } @keyframes slideOutLeft {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  } } .slideOutLeft {  -webkit-animation-name:slideOutLeft;  animation-name:slideOutLeft; } @-webkit-keyframes slideOutRight {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  } } @keyframes slideOutRight {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  } } .slideOutRight {  -webkit-animation-name:slideOutRight;  animation-name:slideOutRight; } @-webkit-keyframes slideOutUp {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  } } @keyframes slideOutUp {  from {   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  100% {   visibility:hidden;   -webkit-transform:translate3d(0, -100%, 0);   transform:translate3d(0, -100%, 0);  } } .slideOutUp {  -webkit-animation-name:slideOutUp;  animation-name:slideOutUp; }  .flickity-enabled {  position:relative; } .flickity-enabled:focus { outline:none; } .flickity-viewport {  overflow:hidden;  position:relative;  height:100%; } .flickity-slider {  position:absolute;  width:100%;  height:100%; }  .flickity-enabled.is-draggable {  -webkit-tap-highlight-color:transparent;   tap-highlight-color:transparent;  -webkit-user-select:none;   -moz-user-select:none; -ms-user-select:none;   user-select:none; } .flickity-enabled.is-draggable .flickity-viewport {  cursor:move;  cursor:-webkit-grab;  cursor:grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {  cursor:-webkit-grabbing;  cursor:grabbing; }  .flickity-prev-next-button {  position:absolute;  top:50%;  width:44px;  height:44px;  border:none;  border-radius:50%;  background:white;  background:hsla(0, 0%, 100%, 0.75);  cursor:pointer;   -webkit-transform:translateY(-50%);   transform:translateY(-50%); } .flickity-prev-next-button:hover { background:white; } .flickity-prev-next-button:focus {  outline:none;  box-shadow:0 0 0 5px #09F; } .flickity-prev-next-button:active {  opacity:0.6; } .flickity-prev-next-button.previous { left:10px; } .flickity-prev-next-button.next { right:10px; } .flickity-rtl .flickity-prev-next-button.previous {  left:auto;  right:10px; } .flickity-rtl .flickity-prev-next-button.next {  right:auto;  left:10px; } .flickity-prev-next-button:disabled {  opacity:0.3;  cursor:auto; } .flickity-prev-next-button svg {  position:absolute;  left:20%;  top:20%;  width:60%;  height:60%; } .flickity-prev-next-button .arrow {  fill:#333; }  .flickity-prev-next-button {  width:50px;  height:50px;  background:transparent;  -webkit-filter:drop-shadow( 0px 0px 2px rgba(0,0,0,0.2) );  filter:drop-shadow( 0px 0px 2px rgba(0,0,0,0.2) ) } .flickity-prev-next-button:hover {  background:transparent; } .flickity-prev-next-button .arrow {  fill:white; } .flickity-prev-next-button.no-svg {  color:white; } .flickity-prev-next-button:disabled {  display:none; }  .flickity-page-dots {  position:absolute;  width:100%;  bottom:5%;  padding:0;  margin:-8px 0 0;  list-style:none;  text-align:center;  line-height:1; } .flickity-rtl .flickity-page-dots { direction:rtl; } .flickity-page-dots .dot {  display:inline-block;  width:10px;  height:10px;  margin:0 8px;  background:#333;  border-radius:50%;  opacity:0.25;  cursor:pointer; } .flickity-page-dots .dot.is-selected {  opacity:1; }