/* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ /* @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } */ /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .sf-flexslider { margin: 0; padding: 0; } .sf-flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .sf-flexslider .slides img { width: 100%; display: block; } .sf-flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .sf-flexslider .slides { display: block; } * html .sf-flexslider .slides { height: 1%; } .no-js .sf-flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .sf-flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .sf-flexslider .slides { zoom: 1; } .sf-flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { /*font-family: "flexslider-icon";*/ font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .sf-flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .sf-flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { /*font-family: "flexslider-icon";*/ font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* SuperFlex 3.0.7 */ @font-face { font-family: 'sf-icons'; src: url('fonts/sf-icons.eot'); } @font-face { font-family: 'sf-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); font-weight: normal; font-style: normal; } i.sf-control { font-family: 'sf-icons'; font-size: 18px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-icon-cl-1:before { content: "\e000"; } .sf-icon-cl-2:before { content: "\e002"; } .sf-icon-cl-3:before { content: "\e001"; } .sf-icon-cr-1:before { content: "\e003"; } .sf-icon-cr-2:before { content: "\e004"; } .sf-icon-cr-3:before { content: "\e005"; } #sf3-folder-check{ margin: 20px 0 10px; } #sf3-folder-check:not(.sf3-error) span{ background: #119115; border-radius: 50px; padding: 8px 15px; } #sf3-folder-check div, #sf3-folder-check.sf3-error{ text-align: center; font-size: 16px; color: #AFFFB7; padding: 10px; } .sf3-error:before{ content:'Folder cannot be found.'; color: #fff; font-weight: bolder; background:#D53F4F; border-radius: 50px;padding: 8px 15px; } #stacks_in_12_page6-sf .sf3-error:after{ content:'http://my-website.com/remote'; color: #D53F4F; font-weight: bolder; background:#fff; margin-left: 15px; border: 2px solid #D53F4F; border-radius: 50px;padding: 8px 15px; } .sf3-error img{ display: none; } #stacks_in_12_page6-sf .flex-control-nav{ bottom: 0; padding: 12px 0 0 !important; position: relative; } #stacks_in_12_page6-sf .flex-control-nav.flex-control-paging li a.flex-active{ background: rgba(255, 255, 255, 1.00); } #stacks_in_12_page6-sf .flex-control-nav.flex-control-paging li a{ background: rgba(255, 255, 255, 0.50); -webkit-transition: background 300ms; transition: background 300ms; } #stacks_in_12_page6-sf ul.slides{ margin:0 !important; padding:0 !important; } #stacks_in_12_page6-sf{ position: relative; z-index: 10; height: auto; } #stacks_in_12_page6-sf, #stacks_in_12_page6-sf .slider.sf-flexslider{ background-color: transparent; overflow: hidden; margin: 0; border: 0; } #stacks_in_12_page6-sf .sf-flexslider{ opacity: 1; margin: 0; border-radius: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; } #stacks_in_12_page6-sf .sf-error{ text-align: center; font-size: 15px; margin: 30px 0; font-weight: bolder; padding: 7px 10px; line-height: 20px; border-radius: 4px; color: #FFF; background: #F78E8F; display: inline-block; } #stacks_in_12_page6-sf .slider.loaded{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Instant Load */ #stacks_in_12_page6-sf .loaded .flex-viewport, #stacks_in_12_page6-sf .slider, #stacks_in_12_page6-sf .flex-viewport{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } #stacks_in_12_page6-sf .sf-flexslider.loading{opacity: 0;} #stacks_in_12_page6-sf{min-height: 70px;} #stacks_in_12_page6-sf .carousel{ background-color: rgba(0, 0, 0, 1.00); line-height: 0; } #stacks_in_12_page6-sf .flex-loading{ width: 50px; height: 50px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 5px solid transparent; border-bottom-color: rgba(0, 182, 255, 1.00); border-top-color: rgba(0, 182, 255, 1.00); -webkit-animation: rotate 500ms linear 0s infinite; animation: rotate 500ms linear 0s infinite; } @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf .flex-loading{ display: none; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_12_page6-sf .sf-flexslider.carousel{ line-height: 0; } #stacks_in_12_page6-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{ position: relative !important; top: 0 !important; left: 0 !important; } #stacks_in_12_page6-sf .sf-flexslider .slides > li{ position: relative; line-height: normal; } #stacks_in_12_page6-sf .sf-flexslider .slides > li img{ padding-bottom: 0 !important; } #stacks_in_12_page6-sf .sf-flexslider .slides > li, #stacks_in_12_page6-sf .sf-flexslider .carousel > li, #stacks_in_12_page6-sf ul.flex-direction-nav{ background: none inherit; /*margin: 0 !important;*/ opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 0 !important; list-style: none !important; } #stacks_in_12_page6-sf ul.flex-direction-nav li{ background: none inherit; padding: 0 !important; list-style: none !important; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero{ text-align: center; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero div.sf-hero-background{ background-size: cover; background-position: center; position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_12_page6-sf .sf-hero-bg-crop{ overflow: hidden; position:absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero .sf-hero-content{ text-align: center; position: relative; padding: 20% 5%; z-index: 10; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero .sf-hero-tint{ position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero h2, #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero p{ text-shadow: none; display: inline-block; margin: 0; text-decoration: none; padding: 5px 0 !important; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.hero a.sf-hero-button{ display: inline-block; text-shadow: none; border-radius: 4px; margin-top: 10px; text-decoration: none; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.youtube .embed-container, #stacks_in_12_page6-sf .sf-flexslider .slides > li.vimeo .embed-container, #stacks_in_12_page6-sf .sf-flexslider .slides > li.map .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 0; overflow: hidden; max-width: 100%; } #stacks_in_12_page6-sf .sf-flexslider .slides > li.instagram .embed-container{ position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #stacks_in_12_page6-sf .sf-flexslider .slides > li .embed-container iframe, #stacks_in_12_page6-sf .sf-flexslider .slides > li .embed-container object, #stacks_in_12_page6-sf .sf-flexslider .slides > li .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #stacks_in_12_page6-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{ padding-top: 56.25% !important; } #stacks_in_12_page6-sf li.hero h2, #stacks_in_12_page6-sf li.hero p, #stacks_in_12_page6-sf li.hero a.sf-hero-button{ opacity: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #stacks_in_12_page6-sf li.hero:not(.flex-active-slide) h2, #stacks_in_12_page6-sf li.hero:not(.flex-active-slide) p, #stacks_in_12_page6-sf li.hero:not(.flex-active-slide) a.sf-hero-button{ -webkit-transition: opacity 300ms !important; transition: opacity 300ms !important; } #stacks_in_12_page6-sf .slider.loaded .flex-active-slide.hero h2, #stacks_in_12_page6-sf .slider.loaded .flex-active-slide.hero p, #stacks_in_12_page6-sf .slider.loaded .flex-active-slide.hero a.sf-hero-button{ opacity: 1; } /* Caption */ #stacks_in_12_page6-sf p.flex-caption { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: rgba(0,0,0,0.65); width: 100%; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } #stacks_in_12_page6-sf .slider.loaded p.flex-caption{ -webkit-transition: opacity 300ms 800ms; transition: opacity 300ms 800ms; } #stacks_in_12_page6-sf p.flex-caption span { color: #fff; font-family: Arial; display: block; font-size: 14px; line-height: 140%; text-shadow: none; padding: 2% 3%; } #stacks_in_12_page6-sf .flex-active-slide .caption-wrap, #stacks_in_12_page6-sf .slider.loaded .flex-active-slide p.flex-caption, #stacks_in_12_page6-sf .slider.loaded .flex-active-slide:hover .caption-wrap, #stacks_in_12_page6-sf .caption-wrap{ opacity: 1; } #stacks_in_12_page6-sf .caption-wrap{ -webkit-transition: opacity .3s 800ms; transition: opacity .3s 800ms; } li.sf3-slide.hide-caption .caption-wrap{ display: none; } #stacks_in_12_page6-sf .slider.loaded .flex-active-slide .caption-wrap{ opacity: 0; -webkit-transition: opacity .5s 803ms; transition: opacity .5s 80300ms; -webkit-transition: opacity .5s 3800ms; transition: opacity .5s 3800ms; } #stacks_in_12_page6-sf .slider.loaded .flex-active-slide:hover .caption-wrap{ -webkit-transition: opacity .3s !important; transition: opacity .3s !important; } @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf p.flex-caption{ display: none; } } /* Direction */ #stacks_in_12_page6-sf .flex-direction-nav .flex-disabled{display: none;} #stacks_in_12_page6-sf .slider .flex-direction-nav .flex-prev, #stacks_in_12_page6-sf .slider:hover .flex-direction-nav .flex-prev{left: 30px;} #stacks_in_12_page6-sf .slider .flex-direction-nav .flex-next, #stacks_in_12_page6-sf .slider:hover .flex-direction-nav .flex-next{right: 30px;} #stacks_in_12_page6-sf .carousel .flex-direction-nav .flex-prev, #stacks_in_12_page6-sf .carousel:hover .flex-direction-nav .flex-prev{left: 15px;} #stacks_in_12_page6-sf .carousel .flex-direction-nav .flex-next, #stacks_in_12_page6-sf .carousel:hover .flex-direction-nav .flex-next{right: 15px;} #stacks_in_12_page6-sf .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_12_page6-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transition: transform .3s, background-color .3s; -webkit-transition: transform .3s, background-color .3s; transition: transform .3s, background-color .3s; } #stacks_in_12_page6-sf .sf-flexslider .flex-direction-nav .flex-prev { -moz-transform: translateX(-118px); -webkit-transform: translateX(-118px); transform: translateX(-118px); } #stacks_in_12_page6-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transform: translateX(118px); -webkit-transform: translateX(118px); transform: translateX(118px); } #stacks_in_12_page6-sf .sf-flexslider:hover .flex-direction-nav .flex-prev, #stacks_in_12_page6-sf .sf-flexslider:hover .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } #stacks_in_12_page6-sf .flex-direction-nav a { position: absolute; top: 50%; opacity: 1; outline: 0; width: 44px; height: 44px; margin-top: -22.000000px; border-radius: 4px; text-shadow: none; text-indent: 0; z-index: 9999; } #stacks_in_12_page6-sf .flex-direction-nav a {background: rgba(89, 200, 255, 0.50);} #stacks_in_12_page6-sf .flex-direction-nav a:hover {background: rgba(5, 53, 117, 1.00);} #stacks_in_12_page6-sf .flex-direction-nav a:before {display: none;} #stacks_in_12_page6-sf .sf-control{ position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; } #stacks_in_12_page6-sf .sf-control:before, #stacks_in_12_page6-sf .sf-control:after{ -webkit-transition: color 300ms; transition: color 300ms; color: rgba(255, 255, 255, 1.00); } #stacks_in_12_page6-sf .flex-direction-nav a:hover .sf-control:before, #stacks_in_12_page6-sf .flex-direction-nav a:hover .sf-control:after{color: rgba(255, 252, 248, 1.00);} @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf .flex-direction-nav{ opacity: 0; } } @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf.iframe .flex-direction-nav{display: block;} } @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_12_page6-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Thumbnails */ #stacks_in_12_page6-sf .carousel{ border-radius: 0 0 3px 3px; line-height: 0; margin-top: -1px; border: 6px solid rgba(0, 0, 0, 1.00); } @media only screen and (max-width: 400px) { #stacks_in_12_page6-sf .carousel{ display: none; } } #stacks_in_12_page6-sf .carousel *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #stacks_in_12_page6-sf .carousel .slides li{ width: 70px; margin-right: 0; opacity: 0.65; transition: opacity 150ms; cursor: pointer; overflow: hidden; position: relative; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } #stacks_in_12_page6-sf .carousel .slides li:before{ content: ''; display: block; padding-top: 70%; } #stacks_in_12_page6-sf .carousel .slides li + li{ margin-left: 5px !important; } #stacks_in_12_page6-sf .carousel .slides li:hover, #stacks_in_12_page6-sf .carousel .slides li.flex-active-slide, #stacks_in_12_page6-sf .carousel .slides li.flex-active-slide:hover{ opacity: 1; } #stacks_in_12_page6-sf .carousel .flex-direction-nav .flex-prev { -moz-transform: translateX(-103px); -webkit-transform: translateX(-103px); transform: translateX(-103px); } #stacks_in_12_page6-sf .carousel .flex-direction-nav .flex-next { -moz-transform: translateX(103px); -webkit-transform: translateX(103px); transform: translateX(103px); } #stacks_in_12_page6-sf .carousel .flex-direction-nav a { background: rgba(0, 0, 0, 0.50); } #stacks_in_12_page6-sf .carousel .flex-direction-nav a:hover { background: rgba(0, 0, 0, 1.00); } #stacks_in_12_page6-sf .carousel .sf-control{ color: rgba(255, 255, 255, 1.00);} #stacks_in_12_page6-sf .carousel .flex-direction-nav a:hover .sf-control{ color: rgba(0, 182, 255, 1.00); } /* Edit */ #stacks_in_12_page6-sf .freeze{ text-align: center; padding: 20px 0; margin: 20px 0; border-radius: 5px; border: 2px solid #2E83F8; } #stacks_in_12_page6-sf .freeze span{ color: #2E83F8; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; } #stacks_in_2_page6{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;;transition:opacity 1s ease-out;}.ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto;} .ncp .count{ z-index: 1; font: normal normal 11px/14px 'helvetica neue','arial narrow';padding: 1px 5px;margin-bottom: .5em;border: 1px solid #cfcfcf;color: #aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_2_page6 .c+.c .count{margin-left: 4px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';display: inline-block;} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} #stacks_in_2_page6 .c-pad{ padding: 0 4px;} #stacks_in_2_page6 .c:first-child .c-pad{ padding: 0 4px 0 0;} #stacks_in_2_page6 .c:last-child .c-pad{ padding: 0 0 0 4px;} #stacks_in_2_page6 .s1 .c .c-pad{ padding: 0;} .ncp .c:first-child { margin-left: 0; } .ncp.s1 .c{width: 100%;} .ncp.s2 .c{width: 49.2%;} .ncp.s3 .c{width: 32.26%;} .ncp.s4 .c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_2_page6 .c+.c .count{margin-left: 0;} #stacks_in_2_page6.ncp .c{margin: 1% 0;padding: 4px 0;} #stacks_in_2_page6 .c .c-pad, #stacks_in_2_page6 .c:first-child .c-pad,#stacks_in_2_page6 .c:last-child .c-pad{ padding: 0;} #stacks_in_2_page6 .c:first-child{ padding: 0 0 4px;} #stacks_in_2_page6 .c:last-child{ padding: 4px 0 0;} .ncp.s2 .c,.ncp.s3 .c{width: 100%;} /* 4 */ #stacks_in_2_page6 .c.s2_4 .count, #stacks_in_2_page6 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_2_page6.s4 .c {margin: 1% 0;padding: 4px 0;width: 49.2%;} #stacks_in_2_page6 .c.s1_4 .c-pad,#stacks_in_2_page6 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_2_page6 .c.s2_4 .c-pad,#stacks_in_2_page6 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_2_page6.s4 .c{width: 100%;} #stacks_in_2_page6.s4 .c .c-pad{padding: 0;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_2_page6 { padding: 0px 0px 20px 0px; } #stacks_in_24_page6{text-align:justify} #stacks_in_24_page6 { padding: 10px; } #stacks_in_10_page6{text-align:justify} #stacks_in_10_page6 { padding: 10px; } #stacks_in_208_page6{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;;transition:opacity 1s ease-out;}.ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto;} .ncp .count{ z-index: 1; font: normal normal 11px/14px 'helvetica neue','arial narrow';padding: 1px 5px;margin-bottom: .5em;border: 1px solid #cfcfcf;color: #aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_208_page6 .c+.c .count{margin-left: 4px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';display: inline-block;} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} #stacks_in_208_page6 .c-pad{ padding: 0 4px;} #stacks_in_208_page6 .c:first-child .c-pad{ padding: 0 4px 0 0;} #stacks_in_208_page6 .c:last-child .c-pad{ padding: 0 0 0 4px;} #stacks_in_208_page6 .s1 .c .c-pad{ padding: 0;} .ncp .c:first-child { margin-left: 0; } .ncp.s1 .c{width: 100%;} .ncp.s2 .c{width: 49.2%;} .ncp.s3 .c{width: 32.26%;} .ncp.s4 .c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_208_page6 .c+.c .count{margin-left: 0;} #stacks_in_208_page6.ncp .c{margin: 1% 0;padding: 4px 0;} #stacks_in_208_page6 .c .c-pad, #stacks_in_208_page6 .c:first-child .c-pad,#stacks_in_208_page6 .c:last-child .c-pad{ padding: 0;} #stacks_in_208_page6 .c:first-child{ padding: 0 0 4px;} #stacks_in_208_page6 .c:last-child{ padding: 4px 0 0;} .ncp.s2 .c,.ncp.s3 .c{width: 100%;} /* 4 */ #stacks_in_208_page6 .c.s2_4 .count, #stacks_in_208_page6 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_208_page6.s4 .c {margin: 1% 0;padding: 4px 0;width: 49.2%;} #stacks_in_208_page6 .c.s1_4 .c-pad,#stacks_in_208_page6 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_208_page6 .c.s2_4 .c-pad,#stacks_in_208_page6 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_208_page6.s4 .c{width: 100%;} #stacks_in_208_page6.s4 .c .c-pad{padding: 0;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_115_page6 { overflow: visible !important; } #feature-cards-stacks_in_115_page6 { margin: 0 auto; max-width: 1600px; } #feature-cards-stacks_in_115_page6 * { box-sizing: border-box; } #feature-cards-stacks_in_115_page6 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #feature-cards-stacks_in_115_page6 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_115_page6 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_115_page6 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_115_page6 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_115_page6 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_115_page6 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_115_page6 .feature-card { /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_115_page6 .feature-card-stacks { display: none; } #feature-cards-stacks_in_115_page6 .feature-card-icon { /* */ background: rgba(0, 182, 255, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_115_page6 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_115_page6 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: center; } #feature-cards-stacks_in_115_page6 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #E6E6E6; font-size: 13px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_115_page6 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #E6E6E6; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_115_page6 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_115_page6 .feature-card:hover .feature-card-icon { /**/ background: #FFFCF8; /**/ } #feature-cards-stacks_in_115_page6 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_115_page6 .feature-card:hover .feature-card-header { /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_115_page6 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_115_page6 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_115_page6 .feature-grid.ripple .feature-card::before { background: #F1FAFF; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #F1FAFF; } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_115_page6 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_115_page6 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_115_page6 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_115_page6 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_116_page6 img { width: 199px; height: 50px; margin: 20px 0px 0px 30px; } #feature-section-card-stacks_in_132_page6 img { width: 199px; height: 40px; margin: 20px 0px 0px 0px; } #feature-section-card-stacks_in_136_page6 img { width: 190px; height: 38px; margin: 20px 0px 0px 0px; } #feature-section-card-stacks_in_129_page6 img { width: 190px; height: 55px; margin: 20px 0px 0px 30px; } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_135_page6 { overflow: visible !important; } #feature-cards-stacks_in_135_page6 { margin: 0 auto; max-width: 1600px; } #feature-cards-stacks_in_135_page6 * { box-sizing: border-box; } #feature-cards-stacks_in_135_page6 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #feature-cards-stacks_in_135_page6 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_135_page6 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_135_page6 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_135_page6 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_135_page6 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_135_page6 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_135_page6 .feature-card { /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_135_page6 .feature-card-stacks { display: none; } #feature-cards-stacks_in_135_page6 .feature-card-icon { /* */ background: rgba(0, 182, 255, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_135_page6 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_135_page6 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: center; } #feature-cards-stacks_in_135_page6 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #E6E6E6; font-size: 13px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_135_page6 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #E6E6E6; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_135_page6 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_135_page6 .feature-card:hover .feature-card-icon { /**/ background: #FFFCF8; /**/ } #feature-cards-stacks_in_135_page6 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_135_page6 .feature-card:hover .feature-card-header { /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_135_page6 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_135_page6 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_135_page6 .feature-grid.ripple .feature-card::before { background: #F1FAFF; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #F1FAFF; } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_135_page6 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_135_page6 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_135_page6 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_135_page6 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_126_page6 img { width: 180px; height: 50px; margin: 20px 0px 0px 5px; } #feature-section-card-stacks_in_123_page6 img { width: 165px; height: 115px; margin: 20px 0px 0px 0px; } #feature-section-card-stacks_in_139_page6 img { width: 180px; height: 79px; margin: 20px 0px 0px 5px; } #feature-section-card-stacks_in_152_page6 img { width: 180px; height: 70px; margin: 20px 0px 0px 5px; } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_155_page6 { overflow: visible !important; } #feature-cards-stacks_in_155_page6 { margin: 0 auto; max-width: 1600px; } #feature-cards-stacks_in_155_page6 * { box-sizing: border-box; } #feature-cards-stacks_in_155_page6 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #feature-cards-stacks_in_155_page6 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_155_page6 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_155_page6 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_155_page6 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_155_page6 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_155_page6 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_155_page6 .feature-card { /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_155_page6 .feature-card-stacks { display: none; } #feature-cards-stacks_in_155_page6 .feature-card-icon { /* */ background: rgba(0, 182, 255, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_155_page6 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_155_page6 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: center; } #feature-cards-stacks_in_155_page6 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #E6E6E6; font-size: 13px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_155_page6 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #E6E6E6; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_155_page6 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_155_page6 .feature-card:hover .feature-card-icon { /**/ background: #FFFCF8; /**/ } #feature-cards-stacks_in_155_page6 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_155_page6 .feature-card:hover .feature-card-header { /**/ color: #00B6FF; /**/ } #feature-cards-stacks_in_155_page6 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_155_page6 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_155_page6 .feature-grid.ripple .feature-card::before { background: #F1FAFF; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #F1FAFF; } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_155_page6 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_155_page6 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_155_page6 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_155_page6 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_156_page6 img { width: 177px; height: 67px; margin: 20px 0px 0px 5px; } #feature-section-card-stacks_in_196_page6 img { width: 177px; height: 70px; margin: 20px 0px 0px 5px; } #feature-section-card-stacks_in_204_page6 img { width: 177px; height: 70px; margin: 20px 0px 0px 5px; } #feature-section-card-stacks_in_200_page6 img { width: 177px; height: 70px; margin: 20px 0px 0px 5px; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_41_page6 .cd-section { text-align: center; position: relative; } #stacks_in_41_page6 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_41_page6 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_41_page6 .cd-modal-content a, #stacks_in_41_page6 .cd-modal-content a:visited { color: #FFAD00; } #stacks_in_41_page6 .cd-modal-content a:hover, #stacks_in_41_page6 .cd-modal-content a:active { color: #FD6409; } #stacks_in_41_page6 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_41_page6 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_41_page6 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_41_page6 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_41_page6 .cd-modal-action { position: relative; } #stacks_in_41_page6 .cd-modal-action .modal_btn, #stacks_in_41_page6 .cd-modal-action .cd-modal-bg { display: inline-block; height: 4em; background-color: #00B6FF; } #stacks_in_41_page6 .modal_btn, #stacks_in_41_page6 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_41_page6 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 4em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_41_page6 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_41_page6 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_41_page6 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_41_page6 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_41_page6 .cd-modal-action .modal_btn.to-circle { width: 4em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_41_page6 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 4em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_41_page6 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_41_page6 .cd-modal-close { position: fixed; z-index: 300001 !important; top: 10px; right: 10px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_41_page6 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_41_page6 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_41_page6 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_41_page6 .cd-modal-action a, #stacks_in_41_page6 .cd-modal-action a:visited, #stacks_in_41_page6 .cd-modal-action a:hover, #stacks_in_41_page6 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_41_page6 .cd-modal-action .modal_btn { } #stacks_in_41_page6 { padding: 20px 0px 0px 0px; } #stacks_in_90_page6{text-align:justify} #stacks_in_91_page6 { font-size: 189%; } #stacks_in_84_page6 { padding: 0px 0px 50px 0px; } #stacks_in_92_page6{text-align:justify} #stacks_in_93_page6 { font-size: 189%; } #stacks_in_86_page6 { padding: 0px 0px 50px 0px; } #stacks_in_44_page6{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;;transition:opacity 1s ease-out;}.ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto;} .ncp .count{ z-index: 1; font: normal normal 11px/14px 'helvetica neue','arial narrow';padding: 1px 5px;margin-bottom: .5em;border: 1px solid #cfcfcf;color: #aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_44_page6 .c+.c .count{margin-left: 4px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';display: inline-block;} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} #stacks_in_44_page6 .c-pad{ padding: 0 4px;} #stacks_in_44_page6 .c:first-child .c-pad{ padding: 0 4px 0 0;} #stacks_in_44_page6 .c:last-child .c-pad{ padding: 0 0 0 4px;} #stacks_in_44_page6 .s1 .c .c-pad{ padding: 0;} .ncp .c:first-child { margin-left: 0; } .ncp.s1 .c{width: 100%;} .ncp.s2 .c{width: 49.2%;} .ncp.s3 .c{width: 32.26%;} .ncp.s4 .c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_44_page6 .c+.c .count{margin-left: 0;} #stacks_in_44_page6.ncp .c{margin: 1% 0;padding: 4px 0;} #stacks_in_44_page6 .c .c-pad, #stacks_in_44_page6 .c:first-child .c-pad,#stacks_in_44_page6 .c:last-child .c-pad{ padding: 0;} #stacks_in_44_page6 .c:first-child{ padding: 0 0 4px;} #stacks_in_44_page6 .c:last-child{ padding: 4px 0 0;} .ncp.s2 .c,.ncp.s3 .c{width: 100%;} /* 4 */ #stacks_in_44_page6 .c.s2_4 .count, #stacks_in_44_page6 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_44_page6.s4 .c {margin: 1% 0;padding: 4px 0;width: 49.2%;} #stacks_in_44_page6 .c.s1_4 .c-pad,#stacks_in_44_page6 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_44_page6 .c.s2_4 .c-pad,#stacks_in_44_page6 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_44_page6.s4 .c{width: 100%;} #stacks_in_44_page6.s4 .c .c-pad{padding: 0;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_44_page6 { padding: 20px; } #stacks_in_45_page6_float { float:left; width:33%; } #stacks_in_45_page6 { margin: 0px 0px 20px 0px; } #stacks_in_47_page6 { padding: 10px; } #stacks_in_50_page6_float { float:left; width:33%; } #stacks_in_52_page6 { padding: 10px; } #stacks_in_56_page6_float { float:left; width:33%; } #stacks_in_56_page6 { margin: 0px 0px 20px 0px; } #stacks_in_58_page6 { padding: 10px; } #stacks_in_61_page6_float { float:left; width:33%; } #stacks_in_63_page6 { padding: 10px; } /* Start Contact Form stack CSS code */ .stacks_in_32_page6formwrap{ margin: 0; } #stacks_in_32_page6comment{ display: none; height: 0px; padding: 0px; margin: 0px; } .stacks_in_32_page6mail{ padding: 0; } .stacks_in_32_page6fieldset{ border: none; outline: none; float : none !important; text-align: left !important; } .stacks_in_32_page6formail{ } .stacks_in_32_page6fieldset{ padding: 0 20px 0 3px; } #stacks_in_32_page6 label{ display: block; margin: 10px 0 0 0; padding: 0 0 5px 0; line-height: 1.1em; } #stacks_in_32_page6 label *{ display: inline; } #stacks_in_32_page6 .stacks_in_32_page6input{ padding: 3px 7px 3px 7px; width: 100%; font-size: 12px; background: #FFFFFF; color: #555555; margin: 0; border: 1px solid #D8D8D8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #stacks_in_32_page6 textarea{ padding: 7px; width: 100%; font-size: 13px; border: 1px solid #D8D8D8; background: #FFFFFF; color: #555555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .stacks_in_32_page6sendmail{ margin-top: 20px; padding: 4px 7px 4px 7px; display: block; font-size: 12px; color: #444444; border: 1px solid #D8D8D8; background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } #sendmail:hover{ cursor: pointer; } .stacks_in_32_page6response{ display: none; width: 80%; border: 1px solid #D6392B; background: #FEF4FA; padding: 10px; margin: 20px auto 0 0; color: #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 35px; } .stacks_in_32_page6loader{ float: left; width: 35px; height: 35px; padding: 0 15px 30px 0; } .stacks_in_32_page6autoreplay{ visibility: hidden; height: 0px; display: none; } #stacks_in_32_page6 textarea{ color: #555555 !important; } /* End Contact Form stack CSS code */ #stacks_in_32_page6 { padding: 10px; } @font-face { font-family: 'icomoon'; src: url('../files/scrollpage_icons/icomoon.eot?8zq521'); src: url('../files/scrollpage_icons/icomoon.eot?8zq521#iefix') format('embedded-opentype'), url('../files/scrollpage_icons/icomoon.woff2?8zq521') format('woff2'), url('../files/scrollpage_icons/icomoon.ttf?8zq521') format('truetype'), url('../files/scrollpage_icons/icomoon.woff?8zq521') format('woff'), url('../files/scrollpage_icons/icomoon.svg?8zq521#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="sp-icon-"], [class*=" sp-icon-"] { color: #4DA8FF; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .sp-icon-chevron-rounded:before{content: "\e600"; } .sp-icon-chevron-rounded-thick:before{content: "\e601"; } .sp-icon-chevron-thin:before{content: "\e602"; } .sp-icon-chevron-thick:before{content: "\e603"; } .sp-icon-arrow:before{content: "\e604"; } .sp-icon-arrow-thin:before{content: "\e605"; } .sp-icon-arrow-thick:before{content: "\e606"; } .sp-icon-round-1:before{content: "\e607"; } .sp-icon-round-2:before{content: "\e608"; } .sp-icon-round-3:before{content: "\e609"; } .sp-icon-round-4:before{content: "\e60a"; } #ncd-sp-arrow { display: inline-block; line-height: 0; z-index: 1000000; padding: 5px; background: #FFFFFF; border-radius: 100px; border-width: 0; border-style: solid; box-shadow: rgba(0,0,0,0.2) 0 1px 3px; opacity: 0; border-color: #4DA8FF; } #ncd-sp-arrow i {font-size: 44px;} #ncd-sp-arrow.show i {cursor: pointer;} #ncd-sp-arrow { position: fixed; opacity: 0; margin: 30px; -webkit-transition: opacity 150ms, -webkit-transform 150ms; transition: opacity 150ms, transform 150ms; -webkit-transform: rotateY(-55deg); -ms-transform: rotateY(-55deg); transform: rotateY(-55deg);} #ncd-sp-arrow.show.down-amount, #ncd-sp-arrow.show.down-container{ -webkit-transition: opacity 750ms 0, -webkit-transform 750ms 0; transition: opacity 750ms 0, transform 750ms 0; } #ncd-sp-arrow .rotateThis{ -webkit-transition: -webkit-transform 700ms; transition: transform 700ms;} #ncd-sp-arrow.show.down-amount .rotateThis, #ncd-sp-arrow.show.down-container .rotateThis{ position: relative; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} #ncd-sp-arrow.down-amount .rotateThis, #ncd-sp-arrow.down-container .rotateThis{ position: relative; -webkit-transform: rotate(0); transform: rotate(0);} #ncd-sp-arrow.show { opacity: 1; -webkit-transform: rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1); transform: rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1);} #ncd-sp-arrow.tl{top: 0;left: 0; } #ncd-sp-arrow.tc{top: 0;left: 50%; } #ncd-sp-arrow.tr{top: 0;right: 0; } #ncd-sp-arrow.bl{bottom: 0;left: 0; } #ncd-sp-arrow.bc{bottom: 0;left: 50%; } #ncd-sp-arrow.br{bottom: 0;right: 0; } @media screen and (max-width: 400px) { #ncd-sp-arrow{ display: none; } }