#legacy-showcase-style .container, #legacy-pricing-style .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { #legacy-showcase-styles .container, #legacy-pricing-styles .container { width: 750px; } } @media (min-width: 992px) { #legacy-showcase-styles .container, #legacy-pricing-styles .container { width: 970px; } } @media (min-width: 1200px) { #legacy-showcase-styles .container, #legacy-pricing-styles .container { width: 1170px; } } #legacy-showcase-style .container-fluid, #legacy-pricing-style .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #legacy-showcase-styles row, #legacy-pricing-styles row { margin-right: -15px; margin-left: -15px; } #legacy-showcase-styles .col-xs-1, #legacy-pricing-styles .col-xs-1, #legacy-showcase-styles .col-sm-1, #legacy-pricing-styles .col-sm-1, #legacy-showcase-styles .col-md-1, #legacy-pricing-styles .col-md-1, #legacy-showcase-styles .col-lg-1, #legacy-pricing-styles .col-lg-1, #legacy-showcase-styles .col-xs-2, #legacy-pricing-styles .col-xs-2, #legacy-showcase-styles .col-sm-2, #legacy-pricing-styles .col-sm-2, #legacy-showcase-styles .col-md-2, #legacy-pricing-styles .col-md-2, #legacy-showcase-styles .col-lg-2, #legacy-pricing-styles .col-lg-2, #legacy-showcase-styles .col-xs-3, #legacy-pricing-styles .col-xs-3, #legacy-showcase-styles .col-sm-3, #legacy-pricing-styles .col-sm-3, #legacy-showcase-styles .col-md-3, #legacy-pricing-styles .col-md-3, #legacy-showcase-styles .col-lg-3, #legacy-pricing-styles .col-lg-3, #legacy-showcase-styles .col-xs-4, #legacy-pricing-styles .col-xs-4, #legacy-showcase-styles .col-sm-4, #legacy-pricing-styles .col-sm-4, #legacy-showcase-styles .col-md-4, #legacy-pricing-styles .col-md-4, #legacy-showcase-styles .col-lg-4, #legacy-pricing-styles .col-lg-4, #legacy-showcase-styles .col-xs-5, #legacy-pricing-styles .col-xs-5, #legacy-showcase-styles .col-sm-5, #legacy-pricing-styles .col-sm-5, #legacy-showcase-styles .col-md-5, #legacy-pricing-styles .col-md-5, #legacy-showcase-styles .col-lg-5, #legacy-pricing-styles .col-lg-5, #legacy-showcase-styles .col-xs-6, #legacy-pricing-styles .col-xs-6, #legacy-showcase-styles .col-sm-6, #legacy-pricing-styles .col-sm-6, #legacy-showcase-styles .col-md-6, #legacy-pricing-styles .col-md-6, #legacy-showcase-styles .col-lg-6, #legacy-pricing-styles .col-lg-6, #legacy-showcase-styles .col-xs-7, #legacy-pricing-styles .col-xs-7, #legacy-showcase-styles .col-sm-7, #legacy-pricing-styles .col-sm-7, #legacy-showcase-styles .col-md-7, #legacy-pricing-styles .col-md-7, #legacy-showcase-styles .col-lg-7, #legacy-pricing-styles .col-lg-7, #legacy-showcase-styles .col-xs-8, #legacy-pricing-styles .col-xs-8, #legacy-showcase-styles .col-sm-8, #legacy-pricing-styles .col-sm-8, #legacy-showcase-styles .col-md-8, #legacy-pricing-styles .col-md-8, #legacy-showcase-styles .col-lg-8, #legacy-pricing-styles .col-lg-8, #legacy-showcase-styles .col-xs-9, #legacy-pricing-styles .col-xs-9, #legacy-showcase-styles .col-sm-9, #legacy-pricing-styles .col-sm-9, #legacy-showcase-styles .col-md-9, #legacy-pricing-styles .col-md-9, #legacy-showcase-styles .col-lg-9, #legacy-pricing-styles .col-lg-9, #legacy-showcase-styles .col-xs-10, #legacy-pricing-styles .col-xs-10, #legacy-showcase-styles .col-sm-10, #legacy-pricing-styles .col-sm-10, #legacy-showcase-styles .col-md-10, #legacy-pricing-styles .col-md-10, #legacy-showcase-styles .col-lg-10, #legacy-pricing-styles .col-lg-10, #legacy-showcase-styles .col-xs-11, #legacy-pricing-styles .col-xs-11, #legacy-showcase-styles .col-sm-11, #legacy-pricing-styles .col-sm-11, #legacy-showcase-styles .col-md-11, #legacy-pricing-styles .col-md-11, #legacy-showcase-styles .col-lg-11, #legacy-pricing-styles .col-lg-11, #legacy-showcase-styles .col-xs-12, #legacy-pricing-styles .col-xs-12, #legacy-showcase-styles .col-sm-12, #legacy-pricing-styles .col-sm-12, #legacy-showcase-styles .col-md-12, #legacy-pricing-styles .col-md-12, #legacy-showcase-styles .col-lg-12, #legacy-pricing-styles .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #legacy-showcase-styles .col-xs-1, #legacy-pricing-styles .col-xs-1, #legacy-showcase-styles .col-xs-2, #legacy-pricing-styles .col-xs-2, #legacy-showcase-styles .col-xs-3, #legacy-pricing-styles .col-xs-3, #legacy-showcase-styles .col-xs-4, #legacy-pricing-styles .col-xs-4, #legacy-showcase-styles .col-xs-5, #legacy-pricing-styles .col-xs-5, #legacy-showcase-styles .col-xs-6, #legacy-pricing-styles .col-xs-6, #legacy-showcase-styles .col-xs-7, #legacy-pricing-styles .col-xs-7, #legacy-showcase-styles .col-xs-8, #legacy-pricing-styles .col-xs-8, #legacy-showcase-styles .col-xs-9, #legacy-pricing-styles .col-xs-9, #legacy-showcase-styles .col-xs-10, #legacy-pricing-styles .col-xs-10, #legacy-showcase-styles .col-xs-11, #legacy-pricing-styles .col-xs-11, #legacy-showcase-styles .col-xs-12, #legacy-pricing-styles .col-xs-12 { float: left; } #legacy-showcase-style .col-xs-12, #legacy-pricing-style .col-xs-12 { width: 100%; } #legacy-showcase-style .col-xs-11, #legacy-pricing-style .col-xs-11 { width: 91.66666667%; } #legacy-showcase-style .col-xs-10, #legacy-pricing-style .col-xs-10 { width: 83.33333333%; } #legacy-showcase-style .col-xs-9, #legacy-pricing-style .col-xs-9 { width: 75%; } #legacy-showcase-style .col-xs-8, #legacy-pricing-style .col-xs-8 { width: 66.66666667%; } #legacy-showcase-style .col-xs-7, #legacy-pricing-style .col-xs-7 { width: 58.33333333%; } #legacy-showcase-style .col-xs-6, #legacy-pricing-style .col-xs-6 { width: 50%; } #legacy-showcase-style .col-xs-5, #legacy-pricing-style .col-xs-5 { width: 41.66666667%; } #legacy-showcase-style .col-xs-4, #legacy-pricing-style .col-xs-4 { width: 33.33333333%; } #legacy-showcase-style .col-xs-3, #legacy-pricing-style .col-xs-3 { width: 25%; } #legacy-showcase-style .col-xs-2, #legacy-pricing-style .col-xs-2 { width: 16.66666667%; } #legacy-showcase-style .col-xs-1, #legacy-pricing-style .col-xs-1 { width: 8.33333333%; } #legacy-showcase-style .col-xs-pull-12, #legacy-pricing-style .col-xs-pull-12 { right: 100%; } #legacy-showcase-style .col-xs-pull-11, #legacy-pricing-style .col-xs-pull-11 { right: 91.66666667%; } #legacy-showcase-style .col-xs-pull-10, #legacy-pricing-style .col-xs-pull-10 { right: 83.33333333%; } #legacy-showcase-style .col-xs-pull-9, #legacy-pricing-style .col-xs-pull-9 { right: 75%; } #legacy-showcase-style .col-xs-pull-8, #legacy-pricing-style .col-xs-pull-8 { right: 66.66666667%; } #legacy-showcase-style .col-xs-pull-7, #legacy-pricing-style .col-xs-pull-7 { right: 58.33333333%; } #legacy-showcase-style .col-xs-pull-6, #legacy-pricing-style .col-xs-pull-6 { right: 50%; } #legacy-showcase-style .col-xs-pull-5, #legacy-pricing-style .col-xs-pull-5 { right: 41.66666667%; } #legacy-showcase-style .col-xs-pull-4, #legacy-pricing-style .col-xs-pull-4 { right: 33.33333333%; } #legacy-showcase-style .col-xs-pull-3, #legacy-pricing-style .col-xs-pull-3 { right: 25%; } #legacy-showcase-style .col-xs-pull-2, #legacy-pricing-style .col-xs-pull-2 { right: 16.66666667%; } #legacy-showcase-style .col-xs-pull-1, #legacy-pricing-style .col-xs-pull-1 { right: 8.33333333%; } #legacy-showcase-style .col-xs-pull-0, #legacy-pricing-style .col-xs-pull-0 { right: auto; } #legacy-showcase-style .col-xs-push-12, #legacy-pricing-style .col-xs-push-12 { left: 100%; } #legacy-showcase-style .col-xs-push-11, #legacy-pricing-style .col-xs-push-11 { left: 91.66666667%; } #legacy-showcase-style .col-xs-push-10, #legacy-pricing-style .col-xs-push-10 { left: 83.33333333%; } #legacy-showcase-style .col-xs-push-9, #legacy-pricing-style .col-xs-push-9 { left: 75%; } #legacy-showcase-style .col-xs-push-8, #legacy-pricing-style .col-xs-push-8 { left: 66.66666667%; } #legacy-showcase-style .col-xs-push-7, #legacy-pricing-style .col-xs-push-7 { left: 58.33333333%; } #legacy-showcase-style .col-xs-push-6, #legacy-pricing-style .col-xs-push-6 { left: 50%; } #legacy-showcase-style .col-xs-push-5, #legacy-pricing-style .col-xs-push-5 { left: 41.66666667%; } #legacy-showcase-style .col-xs-push-4, #legacy-pricing-style .col-xs-push-4 { left: 33.33333333%; } #legacy-showcase-style .col-xs-push-3, #legacy-pricing-style .col-xs-push-3 { left: 25%; } #legacy-showcase-style .col-xs-push-2, #legacy-pricing-style .col-xs-push-2 { left: 16.66666667%; } #legacy-showcase-style .col-xs-push-1, #legacy-pricing-style .col-xs-push-1 { left: 8.33333333%; } #legacy-showcase-style .col-xs-push-0, #legacy-pricing-style .col-xs-push-0 { left: auto; } #legacy-showcase-style .col-xs-offset-12, #legacy-pricing-style .col-xs-offset-12 { margin-left: 100%; } #legacy-showcase-style .col-xs-offset-11, #legacy-pricing-style .col-xs-offset-11 { margin-left: 91.66666667%; } #legacy-showcase-style .col-xs-offset-10, #legacy-pricing-style .col-xs-offset-10 { margin-left: 83.33333333%; } #legacy-showcase-style .col-xs-offset-9, #legacy-pricing-style .col-xs-offset-9 { margin-left: 75%; } #legacy-showcase-style .col-xs-offset-8, #legacy-pricing-style .col-xs-offset-8 { margin-left: 66.66666667%; } #legacy-showcase-style .col-xs-offset-7, #legacy-pricing-style .col-xs-offset-7 { margin-left: 58.33333333%; } #legacy-showcase-style .col-xs-offset-6, #legacy-pricing-style .col-xs-offset-6 { margin-left: 50%; } #legacy-showcase-style .col-xs-offset-5, #legacy-pricing-style .col-xs-offset-5 { margin-left: 41.66666667%; } #legacy-showcase-style .col-xs-offset-4, #legacy-pricing-style .col-xs-offset-4 { margin-left: 33.33333333%; } #legacy-showcase-style .col-xs-offset-3, #legacy-pricing-style .col-xs-offset-3 { margin-left: 25%; } #legacy-showcase-style .col-xs-offset-2, #legacy-pricing-style .col-xs-offset-2 { margin-left: 16.66666667%; } #legacy-showcase-style .col-xs-offset-1, #legacy-pricing-style .col-xs-offset-1 { margin-left: 8.33333333%; } #legacy-showcase-style .col-xs-offset-0, #legacy-pricing-style .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { #legacy-showcase-styles .col-sm-1, #legacy-pricing-styles .col-sm-1, #legacy-showcase-styles .col-sm-2, #legacy-pricing-styles .col-sm-2, #legacy-showcase-styles .col-sm-3, #legacy-pricing-styles .col-sm-3, #legacy-showcase-styles .col-sm-4, #legacy-pricing-styles .col-sm-4, #legacy-showcase-styles .col-sm-5, #legacy-pricing-styles .col-sm-5, #legacy-showcase-styles .col-sm-6, #legacy-pricing-styles .col-sm-6, #legacy-showcase-styles .col-sm-7, #legacy-pricing-styles .col-sm-7, #legacy-showcase-styles .col-sm-8, #legacy-pricing-styles .col-sm-8, #legacy-showcase-styles .col-sm-9, #legacy-pricing-styles .col-sm-9, #legacy-showcase-styles .col-sm-10, #legacy-pricing-styles .col-sm-10, #legacy-showcase-styles .col-sm-11, #legacy-pricing-styles .col-sm-11, #legacy-showcase-styles .col-sm-12, #legacy-pricing-styles .col-sm-12 { float: left; } #legacy-showcase-styles .col-sm-12, #legacy-pricing-styles .col-sm-12 { width: 100%; } #legacy-showcase-styles .col-sm-11, #legacy-pricing-styles .col-sm-11 { width: 91.66666667%; } #legacy-showcase-styles .col-sm-10, #legacy-pricing-styles .col-sm-10 { width: 83.33333333%; } #legacy-showcase-styles .col-sm-9, #legacy-pricing-styles .col-sm-9 { width: 75%; } #legacy-showcase-styles .col-sm-8, #legacy-pricing-styles .col-sm-8 { width: 66.66666667%; } #legacy-showcase-styles .col-sm-7, #legacy-pricing-styles .col-sm-7 { width: 58.33333333%; } #legacy-showcase-styles .col-sm-6, #legacy-pricing-styles .col-sm-6 { width: 50%; } #legacy-showcase-styles .col-sm-5, #legacy-pricing-styles .col-sm-5 { width: 41.66666667%; } #legacy-showcase-styles .col-sm-4, #legacy-pricing-styles .col-sm-4 { width: 33.33333333%; } #legacy-showcase-styles .col-sm-3, #legacy-pricing-styles .col-sm-3 { width: 25%; } #legacy-showcase-styles .col-sm-2, #legacy-pricing-styles .col-sm-2 { width: 16.66666667%; } #legacy-showcase-styles .col-sm-1, #legacy-pricing-styles .col-sm-1 { width: 8.33333333%; } #legacy-showcase-styles .col-sm-pull-12, #legacy-pricing-styles .col-sm-pull-12 { right: 100%; } #legacy-showcase-styles .col-sm-pull-11, #legacy-pricing-styles .col-sm-pull-11 { right: 91.66666667%; } #legacy-showcase-styles .col-sm-pull-10, #legacy-pricing-styles .col-sm-pull-10 { right: 83.33333333%; } #legacy-showcase-styles .col-sm-pull-9, #legacy-pricing-styles .col-sm-pull-9 { right: 75%; } #legacy-showcase-styles .col-sm-pull-8, #legacy-pricing-styles .col-sm-pull-8 { right: 66.66666667%; } #legacy-showcase-styles .col-sm-pull-7, #legacy-pricing-styles .col-sm-pull-7 { right: 58.33333333%; } #legacy-showcase-styles .col-sm-pull-6, #legacy-pricing-styles .col-sm-pull-6 { right: 50%; } #legacy-showcase-styles .col-sm-pull-5, #legacy-pricing-styles .col-sm-pull-5 { right: 41.66666667%; } #legacy-showcase-styles .col-sm-pull-4, #legacy-pricing-styles .col-sm-pull-4 { right: 33.33333333%; } #legacy-showcase-styles .col-sm-pull-3, #legacy-pricing-styles .col-sm-pull-3 { right: 25%; } #legacy-showcase-styles .col-sm-pull-2, #legacy-pricing-styles .col-sm-pull-2 { right: 16.66666667%; } #legacy-showcase-styles .col-sm-pull-1, #legacy-pricing-styles .col-sm-pull-1 { right: 8.33333333%; } #legacy-showcase-styles .col-sm-pull-0, #legacy-pricing-styles .col-sm-pull-0 { right: auto; } #legacy-showcase-styles .col-sm-push-12, #legacy-pricing-styles .col-sm-push-12 { left: 100%; } #legacy-showcase-styles .col-sm-push-11, #legacy-pricing-styles .col-sm-push-11 { left: 91.66666667%; } #legacy-showcase-styles .col-sm-push-10, #legacy-pricing-styles .col-sm-push-10 { left: 83.33333333%; } #legacy-showcase-styles .col-sm-push-9, #legacy-pricing-styles .col-sm-push-9 { left: 75%; } #legacy-showcase-styles .col-sm-push-8, #legacy-pricing-styles .col-sm-push-8 { left: 66.66666667%; } #legacy-showcase-styles .col-sm-push-7, #legacy-pricing-styles .col-sm-push-7 { left: 58.33333333%; } #legacy-showcase-styles .col-sm-push-6, #legacy-pricing-styles .col-sm-push-6 { left: 50%; } #legacy-showcase-styles .col-sm-push-5, #legacy-pricing-styles .col-sm-push-5 { left: 41.66666667%; } #legacy-showcase-styles .col-sm-push-4, #legacy-pricing-styles .col-sm-push-4 { left: 33.33333333%; } #legacy-showcase-styles .col-sm-push-3, #legacy-pricing-styles .col-sm-push-3 { left: 25%; } #legacy-showcase-styles .col-sm-push-2, #legacy-pricing-styles .col-sm-push-2 { left: 16.66666667%; } #legacy-showcase-styles .col-sm-push-1, #legacy-pricing-styles .col-sm-push-1 { left: 8.33333333%; } #legacy-showcase-styles .col-sm-push-0, #legacy-pricing-styles .col-sm-push-0 { left: auto; } #legacy-showcase-styles .col-sm-offset-12, #legacy-pricing-styles .col-sm-offset-12 { margin-left: 100%; } #legacy-showcase-styles .col-sm-offset-11, #legacy-pricing-styles .col-sm-offset-11 { margin-left: 91.66666667%; } #legacy-showcase-styles .col-sm-offset-10, #legacy-pricing-styles .col-sm-offset-10 { margin-left: 83.33333333%; } #legacy-showcase-styles .col-sm-offset-9, #legacy-pricing-styles .col-sm-offset-9 { margin-left: 75%; } #legacy-showcase-styles .col-sm-offset-8, #legacy-pricing-styles .col-sm-offset-8 { margin-left: 66.66666667%; } #legacy-showcase-styles .col-sm-offset-7, #legacy-pricing-styles .col-sm-offset-7 { margin-left: 58.33333333%; } #legacy-showcase-styles .col-sm-offset-6, #legacy-pricing-styles .col-sm-offset-6 { margin-left: 50%; } #legacy-showcase-styles .col-sm-offset-5, #legacy-pricing-styles .col-sm-offset-5 { margin-left: 41.66666667%; } #legacy-showcase-styles .col-sm-offset-4, #legacy-pricing-styles .col-sm-offset-4 { margin-left: 33.33333333%; } #legacy-showcase-styles .col-sm-offset-3, #legacy-pricing-styles .col-sm-offset-3 { margin-left: 25%; } #legacy-showcase-styles .col-sm-offset-2, #legacy-pricing-styles .col-sm-offset-2 { margin-left: 16.66666667%; } #legacy-showcase-styles .col-sm-offset-1, #legacy-pricing-styles .col-sm-offset-1 { margin-left: 8.33333333%; } #legacy-showcase-styles .col-sm-offset-0, #legacy-pricing-styles .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { #legacy-showcase-styles .col-md-1, #legacy-pricing-styles .col-md-1, #legacy-showcase-styles .col-md-2, #legacy-pricing-styles .col-md-2, #legacy-showcase-styles .col-md-3, #legacy-pricing-styles .col-md-3, #legacy-showcase-styles .col-md-4, #legacy-pricing-styles .col-md-4, #legacy-showcase-styles .col-md-5, #legacy-pricing-styles .col-md-5, #legacy-showcase-styles .col-md-6, #legacy-pricing-styles .col-md-6, #legacy-showcase-styles .col-md-7, #legacy-pricing-styles .col-md-7, #legacy-showcase-styles .col-md-8, #legacy-pricing-styles .col-md-8, #legacy-showcase-styles .col-md-9, #legacy-pricing-styles .col-md-9, #legacy-showcase-styles .col-md-10, #legacy-pricing-styles .col-md-10, #legacy-showcase-styles .col-md-11, #legacy-pricing-styles .col-md-11, #legacy-pricing-styles .col-md-12, #legacy-showcase-styles .col-md-12 { float: left; } #legacy-showcase-styles .col-md-12, #legacy-pricing-styles .col-md-12 { width: 100%; } #legacy-showcase-styles .col-md-11, #legacy-pricing-styles .col-md-11 { width: 91.66666667%; } #legacy-showcase-styles .col-md-10, #legacy-pricing-styles .col-md-10 { width: 83.33333333%; } #legacy-showcase-styles .col-md-9, #legacy-pricing-styles .col-md-9 { width: 75%; } #legacy-showcase-styles .col-md-8, #legacy-pricing-styles .col-md-8 { width: 66.66666667%; } #legacy-showcase-styles .col-md-7, #legacy-pricing-styles .col-md-7 { width: 58.33333333%; } #legacy-showcase-styles .col-md-6, #legacy-pricing-styles .col-md-6 { width: 50%; } #legacy-showcase-styles .col-md-5, #legacy-pricing-styles .col-md-5 { width: 41.66666667%; } #legacy-showcase-styles .col-md-4, #legacy-pricing-styles .col-md-4 { width: 33.33333333%; } #legacy-showcase-styles .col-md-3, #legacy-pricing-styles .col-md-3 { width: 25%; } #legacy-showcase-styles .col-md-2, #legacy-pricing-styles .col-md-2 { width: 16.66666667%; } #legacy-showcase-styles .col-md-1, #legacy-pricing-styles .col-md-1 { width: 8.33333333%; } #legacy-showcase-styles .col-md-pull-12, #legacy-pricing-styles .col-md-pull-12 { right: 100%; } #legacy-showcase-styles .col-md-pull-11, #legacy-pricing-styles .col-md-pull-11 { right: 91.66666667%; } #legacy-showcase-styles .col-md-pull-10, #legacy-pricing-styles .col-md-pull-10 { right: 83.33333333%; } #legacy-showcase-styles .col-md-pull-9, #legacy-pricing-styles .col-md-pull-9 { right: 75%; } #legacy-showcase-styles .col-md-pull-8, #legacy-pricing-styles .col-md-pull-8 { right: 66.66666667%; } #legacy-showcase-styles .col-md-pull-7, #legacy-pricing-styles .col-md-pull-7 { right: 58.33333333%; } #legacy-showcase-styles .col-md-pull-6, #legacy-pricing-styles .col-md-pull-6 { right: 50%; } #legacy-showcase-styles .col-md-pull-5, #legacy-pricing-styles .col-md-pull-5 { right: 41.66666667%; } #legacy-showcase-styles .col-md-pull-4, #legacy-pricing-styles .col-md-pull-4 { right: 33.33333333%; } #legacy-showcase-styles .col-md-pull-3, #legacy-pricing-styles .col-md-pull-3 { right: 25%; } #legacy-showcase-styles .col-md-pull-2, #legacy-pricing-styles .col-md-pull-2 { right: 16.66666667%; } #legacy-showcase-styles .col-md-pull-1, #legacy-pricing-styles .col-md-pull-1 { right: 8.33333333%; } #legacy-showcase-styles .col-md-pull-0, #legacy-pricing-styles .col-md-pull-0 { right: auto; } #legacy-showcase-styles .col-md-push-12, #legacy-pricing-styles .col-md-push-12 { left: 100%; } #legacy-showcase-styles .col-md-push-11, #legacy-pricing-styles .col-md-push-11 { left: 91.66666667%; } #legacy-showcase-styles .col-md-push-10, #legacy-pricing-styles .col-md-push-10 { left: 83.33333333%; } #legacy-showcase-styles .col-md-push-9, #legacy-pricing-styles .col-md-push-9 { left: 75%; } #legacy-showcase-styles .col-md-push-8, #legacy-pricing-styles .col-md-push-8 { left: 66.66666667%; } #legacy-showcase-styles .col-md-push-7, #legacy-pricing-styles .col-md-push-7 { left: 58.33333333%; } #legacy-showcase-styles .col-md-push-6, #legacy-pricing-styles .col-md-push-6 { left: 50%; } #legacy-showcase-styles .col-md-push-5, #legacy-pricing-styles .col-md-push-5 { left: 41.66666667%; } #legacy-showcase-styles .col-md-push-4, #legacy-pricing-styles .col-md-push-4 { left: 33.33333333%; } #legacy-showcase-styles .col-md-push-3, #legacy-pricing-styles .col-md-push-3 { left: 25%; } #legacy-showcase-styles .col-md-push-2, #legacy-pricing-styles .col-md-push-2 { left: 16.66666667%; } #legacy-showcase-styles .col-md-push-1, #legacy-pricing-styles .col-md-push-1 { left: 8.33333333%; } #legacy-showcase-styles .col-md-push-0, #legacy-pricing-styles .col-md-push-0 { left: auto; } #legacy-showcase-styles .col-md-offset-12, #legacy-pricing-styles .col-md-offset-12 { margin-left: 100%; } #legacy-showcase-styles .col-md-offset-11, #legacy-pricing-styles .col-md-offset-11 { margin-left: 91.66666667%; } #legacy-showcase-styles .col-md-offset-10, #legacy-pricing-styles .col-md-offset-10 { margin-left: 83.33333333%; } #legacy-showcase-styles .col-md-offset-9, #legacy-pricing-styles .col-md-offset-9 { margin-left: 75%; } #legacy-showcase-styles .col-md-offset-8, #legacy-pricing-styles .col-md-offset-8 { margin-left: 66.66666667%; } #legacy-showcase-styles .col-md-offset-7, #legacy-pricing-styles .col-md-offset-7 { margin-left: 58.33333333%; } #legacy-showcase-styles .col-md-offset-6, #legacy-pricing-styles .col-md-offset-6 { margin-left: 50%; } #legacy-showcase-styles .col-md-offset-5, #legacy-pricing-styles .col-md-offset-5 { margin-left: 41.66666667%; } #legacy-showcase-styles .col-md-offset-4, #legacy-pricing-styles .col-md-offset-4 { margin-left: 33.33333333%; } #legacy-showcase-styles .col-md-offset-3, #legacy-pricing-styles .col-md-offset-3 { margin-left: 25%; } #legacy-showcase-styles .col-md-offset-2, #legacy-pricing-styles .col-md-offset-2 { margin-left: 16.66666667%; } #legacy-showcase-styles .col-md-offset-1, #legacy-pricing-styles .col-md-offset-1 { margin-left: 8.33333333%; } #legacy-showcase-styles .col-md-offset-0, #legacy-pricing-styles .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { #legacy-showcase-styles .col-lg-1, #legacy-pricing-styles .col-lg-1, #legacy-showcase-styles .col-lg-2, #legacy-pricing-styles .col-lg-2, #legacy-showcase-styles .col-lg-3, #legacy-pricing-styles .col-lg-3, #legacy-showcase-styles .col-lg-4, #legacy-pricing-styles .col-lg-4, #legacy-showcase-styles .col-lg-5, #legacy-pricing-styles .col-lg-5, #legacy-showcase-styles .col-lg-6, #legacy-pricing-styles .col-lg-6, #legacy-showcase-styles .col-lg-7, #legacy-pricing-styles .col-lg-7, #legacy-showcase-styles .col-lg-8, #legacy-pricing-styles .col-lg-8, #legacy-showcase-styles .col-lg-9, #legacy-pricing-styles .col-lg-9, #legacy-showcase-styles .col-lg-10, #legacy-pricing-styles .col-lg-10, #legacy-showcase-styles .col-lg-11, #legacy-pricing-styles .col-lg-11, #legacy-showcase-styles .col-lg-12, #legacy-pricing-styles .col-lg-12 { float: left; } #legacy-showcase-styles .col-lg-12, #legacy-pricing-styles .col-lg-12 { width: 100%; } #legacy-showcase-styles .col-lg-11, #legacy-pricing-styles .col-lg-11 { width: 91.66666667%; } #legacy-showcase-styles .col-lg-10, #legacy-pricing-styles .col-lg-10 { width: 83.33333333%; } #legacy-showcase-styles .col-lg-9, #legacy-pricing-styles .col-lg-9 { width: 75%; } #legacy-showcase-styles .col-lg-8, #legacy-pricing-styles .col-lg-8 { width: 66.66666667%; } #legacy-showcase-styles .col-lg-7, #legacy-pricing-styles .col-lg-7 { width: 58.33333333%; } #legacy-showcase-styles .col-lg-6, #legacy-pricing-styles .col-lg-6 { width: 50%; } #legacy-showcase-styles .col-lg-5, #legacy-pricing-styles .col-lg-5 { width: 41.66666667%; } #legacy-showcase-styles .col-lg-4, #legacy-pricing-styles .col-lg-4 { width: 33.33333333%; } #legacy-showcase-styles .col-lg-3, #legacy-pricing-styles .col-lg-3 { width: 25%; } #legacy-showcase-styles .col-lg-2, #legacy-pricing-styles .col-lg-2 { width: 16.66666667%; } #legacy-showcase-styles .col-lg-1, #legacy-pricing-styles .col-lg-1 { width: 8.33333333%; } #legacy-showcase-styles .col-lg-pull-12, #legacy-pricing-styles .col-lg-pull-12 { right: 100%; } #legacy-showcase-styles .col-lg-pull-11, #legacy-pricing-styles .col-lg-pull-11 { right: 91.66666667%; } #legacy-showcase-styles .col-lg-pull-10, #legacy-pricing-styles .col-lg-pull-10 { right: 83.33333333%; } #legacy-showcase-styles .col-lg-pull-9, #legacy-pricing-styles .col-lg-pull-9 { right: 75%; } #legacy-showcase-styles .col-lg-pull-8, #legacy-pricing-styles .col-lg-pull-8 { right: 66.66666667%; } #legacy-showcase-styles .col-lg-pull-7, #legacy-pricing-styles .col-lg-pull-7 { right: 58.33333333%; } #legacy-showcase-styles .col-lg-pull-6, #legacy-pricing-styles .col-lg-pull-6 { right: 50%; } #legacy-showcase-styles .col-lg-pull-5, #legacy-pricing-styles .col-lg-pull-5 { right: 41.66666667%; } #legacy-showcase-styles .col-lg-pull-4, #legacy-pricing-styles .col-lg-pull-4 { right: 33.33333333%; } #legacy-showcase-styles .col-lg-pull-3, #legacy-pricing-styles .col-lg-pull-3 { right: 25%; } #legacy-showcase-styles .col-lg-pull-2, #legacy-pricing-styles .col-lg-pull-2 { right: 16.66666667%; } #legacy-showcase-styles .col-lg-pull-1, #legacy-pricing-styles .col-lg-pull-1 { right: 8.33333333%; } #legacy-showcase-styles .col-lg-pull-0, #legacy-pricing-styles .col-lg-pull-0 { right: auto; } #legacy-showcase-styles .col-lg-push-12, #legacy-pricing-styles .col-lg-push-12 { left: 100%; } #legacy-showcase-styles .col-lg-push-11, #legacy-pricing-styles .col-lg-push-11 { left: 91.66666667%; } #legacy-showcase-styles .col-lg-push-10, #legacy-pricing-styles .col-lg-push-10 { left: 83.33333333%; } #legacy-showcase-styles .col-lg-push-9, #legacy-pricing-styles .col-lg-push-9 { left: 75%; } #legacy-showcase-styles .col-lg-push-8, #legacy-pricing-styles .col-lg-push-8 { left: 66.66666667%; } #legacy-showcase-styles .col-lg-push-7, #legacy-pricing-styles .col-lg-push-7 { left: 58.33333333%; } #legacy-showcase-styles .col-lg-push-6, #legacy-pricing-styles .col-lg-push-6 { left: 50%; } #legacy-showcase-styles .col-lg-push-5, #legacy-pricing-styles .col-lg-push-5 { left: 41.66666667%; } #legacy-showcase-styles .col-lg-push-4, #legacy-pricing-styles .col-lg-push-4 { left: 33.33333333%; } #legacy-showcase-styles .col-lg-push-3, #legacy-pricing-styles .col-lg-push-3 { left: 25%; } #legacy-showcase-styles .col-lg-push-2, #legacy-pricing-styles .col-lg-push-2 { left: 16.66666667%; } #legacy-showcase-styles .col-lg-push-1, #legacy-pricing-styles .col-lg-push-1 { left: 8.33333333%; } #legacy-showcase-styles .col-lg-push-0, #legacy-pricing-styles .col-lg-push-0 { left: auto; } #legacy-showcase-styles .col-lg-offset-12, #legacy-pricing-styles .col-lg-offset-12 { margin-left: 100%; } #legacy-showcase-styles .col-lg-offset-11, #legacy-pricing-styles .col-lg-offset-11 { margin-left: 91.66666667%; } #legacy-showcase-styles .col-lg-offset-10, #legacy-pricing-styles .col-lg-offset-10 { margin-left: 83.33333333%; } #legacy-showcase-styles .col-lg-offset-9, #legacy-pricing-styles .col-lg-offset-9 { margin-left: 75%; } #legacy-showcase-styles .col-lg-offset-8, #legacy-pricing-styles .col-lg-offset-8 { margin-left: 66.66666667%; } #legacy-showcase-styles .col-lg-offset-7, #legacy-pricing-styles .col-lg-offset-7 { margin-left: 58.33333333%; } #legacy-showcase-styles .col-lg-offset-6, #legacy-pricing-styles .col-lg-offset-6 { margin-left: 50%; } #legacy-showcase-styles .col-lg-offset-5, #legacy-pricing-styles .col-lg-offset-5 { margin-left: 41.66666667%; } #legacy-showcase-styles .col-lg-offset-4, #legacy-pricing-styles .col-lg-offset-4 { margin-left: 33.33333333%; } #legacy-showcase-styles .col-lg-offset-3, #legacy-pricing-styles .col-lg-offset-3 { margin-left: 25%; } #legacy-showcase-styles .col-lg-offset-2, #legacy-pricing-styles .col-lg-offset-2 { margin-left: 16.66666667%; } #legacy-showcase-styles .col-lg-offset-1, #legacy-pricing-styles .col-lg-offset-1 { margin-left: 8.33333333%; } #legacy-showcase-styles .col-lg-offset-0, #legacy-pricing-styles .col-lg-offset-0 { margin-left: 0; } } /* END GRID SYSTEM */ #legacy-pricing-styles html { font-family: "sans-serif"; font-size: 10px; } #legacy-pricing-styles body { margin: 0; font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } #legacy-pricing-styles section { display: block; } #legacy-pricing-styles a { background: 0 0; color: #428bca; text-decoration: none; } #legacy-pricing-styles a:active { outline: 0; } #legacy-pricing-styles a:hover { outline: 0; color: #2a6496; text-decoration: underline; } #legacy-pricing-styles a:focus { color: #2a6496; text-decoration: underline; outline: thin dotted; outline-offset: -2px; } #legacy-pricing-styles strong { font-weight: 700; } #legacy-pricing-styles button { margin: 0; font: inherit; color: inherit; overflow: visible; text-transform: none; cursor: pointer; font-family: inherit; font-size: inherit; line-height: inherit; } #legacy-pricing-styles button::-moz-focus-inner { padding: 0; border: 0; } @media print { #legacy-pricing-styles * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } #legacy-pricing-styles a { text-decoration: underline; } #legacy-pricing-styles a:visited { text-decoration: underline; } #legacy-pricing-styles h2 { orphans: 3; widows: 3; page-break-after: avoid; } #legacy-pricing-styles h3 { orphans: 3; widows: 3; page-break-after: avoid; } #legacy-pricing-styles a[href]:after { content: "(" attr(href) ")"; } #legacy-pricing-styles a[href^="#"]:after { content: ""; } } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } #legacy-pricing-styles:before { box-sizing: border-box; } #legacy-pricing-styles:after { box-sizing: border-box; } #legacy-pricing-styles h2 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; font-size: 30px; } #legacy-pricing-styles h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; font-size: 24px; } #legacy-pricing-styles .text-center { text-align: center; } #legacy-pricing-styles ul { margin-top: 0; margin-bottom: 10px; } #legacy-pricing-styles ul ul { margin-bottom: 0; } #legacy-pricing-styles .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #legacy-pricing-styles .container:before { display: table; content: " "; } #legacy-pricing-styles .container:after { display: table; content: " "; clear: both; } @media (min-width: 768px) { #legacy-pricing-styles .container { width: 750px; } } @media (min-width: 992px) { #legacy-pricing-styles .container { width: 970px; } #legacy-pricing-styles .col-md-12 { float: left; width: 100%; } } @media (min-width: 1200px) { #legacy-pricing-styles .container { width: 1170px; } #legacy-pricing-styles .col-lg-12 { float: left; width: 100%; } } #legacy-pricing-styles .row { margin-right: -15px; margin-left: -15px; } #legacy-pricing-styles .row:before { display: table; content: " "; } #legacy-pricing-styles .row:after { display: table; content: " "; clear: both; } #legacy-pricing-styles .col-md-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #legacy-pricing-styles .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @-ms-viewport { width: device-width; } #legacy-pricing-styles h2, #legacy-pricing-styles h3 { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 700; font-size: 18px; margin-top: 0; } #legacy-pricing-styles body { overflow-x: hidden; font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; webkit-tap-highlight-color: #00a857; } #legacy-pricing-styles a { outline: 0; color: #00a857; } #legacy-pricing-styles a:hover { outline: 0; color: #00c465; } #legacy-pricing-styles a:focus { outline: 0; color: #00c465; } #legacy-pricing-styles a:active { outline: 0; color: #00c465; } #legacy-pricing-styles section { padding: 50px 0; } #legacy-pricing-styles section#pricing { background-color: #ddd; overflow: auto; padding: 0; padding-top: 70px; padding-bottom: 70px !important; margin: 0 !important; } #legacy-pricing-styles section#pricing .section-heading { font-size: 28px; color: #777777; text-transform: none; } #legacy-pricing-styles section#contact { background-image: url("../img/contact-bg.jpg"); background-position: top center; background-repeat: repeat; padding-top: 70px; } #legacy-pricing-styles section#contact .section-heading { color: #fff; font-size: 28px; } #legacy-pricing-styles section#contact:-moz-placeholder { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 400; color: #bbb; } #legacy-pricing-styles section#contact:-ms-input-placeholder { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 400; color: #bbb; } #legacy-pricing-styles section#contact .form-group { margin-bottom: 18px; } #legacy-pricing-styles section#contact .form-group input { padding: 9px; } #legacy-pricing-styles section#contact .form-group input.form-control { height: auto; } #legacy-pricing-styles section#contact .form-group textarea { padding: 9px; } #legacy-pricing-styles section#contact .form-group textarea.form-control { height: 236px; } #legacy-pricing-styles section#contact .text-danger { color: #e74c3c; } #legacy-pricing-styles section#contact .form-control:focus { border-color: #00a857; box-shadow: none; } #legacy-pricing-styles section#contact::-webkit-input-placeholder { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 400; color: #bbb; } #legacy-pricing-styles section#contact::-moz-placeholder { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-weight: 400; color: #bbb; } #legacy-pricing-styles section h2.section-heading { margin-top: 0; margin-bottom: 40px; font-size: 32px; } @media (min-width: 768px) { #legacy-pricing-styles section { padding: 70px 0; } } #legacy-pricing-styles .pricing-headerbar { background-color: #ddd; overflow: none; padding: 0; padding-top: 70px; margin: 0 !important; } @media (max-width: 520px) { #legacy-pricing-styles .pricing--sonam .pricing__feature-list { padding: 1.5em 0 18px !important; } } #legacy-pricing-styles::-moz-selection { text-shadow: none; background: #00a857; } #legacy-pricing-styles::selection { text-shadow: none; background: #00a857; } @font-face { font-family: "Flat-UI-Pro-Icons"; src: url("../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons/flat-ui-icons-regular.woff") format("woff"), url("../fonts/glyphicons/flat-ui-icons-regular.ttf") format("truetype"), url("../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular") format("svg"); } #legacy-pricing-styles .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked { filter: alpha(opacity=0); opacity: 0; } #legacy-pricing-styles .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked { filter: none; opacity: 1; -webkit-filter: none; } #legacy-pricing-styles .checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked { filter: alpha(opacity=0); opacity: 0; } #legacy-pricing-styles .checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked { filter: none; opacity: 1; -webkit-filter: none; } #legacy-pricing-styles .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked { filter: alpha(opacity=0); opacity: 0; } #legacy-pricing-styles .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked { filter: none; opacity: 1; -webkit-filter: none; } #legacy-pricing-styles .radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked { filter: alpha(opacity=0); opacity: 0; } #legacy-pricing-styles .radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked { filter: none; opacity: 1; -webkit-filter: none; } @media (max-width: 468px) { #legacy-pricing-styles .container { width: 100%; } } @media (min-width: 469px) { #legacy-pricing-styles .container { width: 100%; max-width: 1800px; } } #legacy-pricing-styles .inpage-modal-container { background-color: #333; border-radius: 10px; margin: 10px auto; max-width: 900px; box-shadow: 0 5px 20px black, 0 15px 30px -10px rgba(0, 0, 0, 0.3); } #legacy-pricing-styles .inpage-modal-header { color: #00a857 !important; text-transform: none; float: left; padding-top: 20px; padding-left: 25px; font-size: 20px !important; width: 70%; } #legacy-pricing-styles .inpage-modal-iframe { margin-top: 10px; margin-bottom: 30px; border-top: 1px dashed #888888 !important; border-bottom: 1px dashed #888888 !important; } #legacy-pricing-styles .inpage-modal-nested-container { padding: 0 !important; } #legacy-pricing-styles .inpage-modal-nested-row { margin: 0 !important; } #legacy-pricing-styles .inpage-modal-nested-cols { margin: 0 auto; } #legacy-pricing-styles .inpage-modal-nested-row-inside { margin: 0 auto; max-width: 700px; } @media (max-width: 600px) { #legacy-pricing-styles .form-modal-subheading1 { padding-left: 15px; padding-right: 15px; } #legacy-pricing-styles .form-modal-subheading2 { padding-left: 15px; padding-right: 15px; } } #legacy-pricing-styles .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; background-color: transparent; cursor: pointer; } #legacy-pricing-styles .close-modal:hover { opacity: .3; } #legacy-pricing-styles .close-modal .lr { z-index: 1051; width: 1px; height: 75px; margin-left: 35px; background-color: #222; transform: rotate(45deg); } #legacy-pricing-styles .close-modal .lr .rl { z-index: 1052; width: 1px; height: 75px; background-color: #222; transform: rotate(90deg); } #legacy-pricing-styles .inpage-form-close-holder { position: relative; height: 50px; float: right; width: 60px; } #legacy-pricing-styles .inpage-form-close-btn { float: right; margin: 15px; } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } #legacy-pricing-styles .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #legacy-pricing-styles .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } #legacy-pricing-styles .fa-ul >li { position: relative } #legacy-pricing-styles .fa-check:before { content: "\f00c" } @font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src: url('../fonts/codropsicons/codropsicons.eot'); src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg') } #legacy-pricing-styles *, #legacy-pricing-styles *:after, #legacy-pricing-styles *:before { -webkit-box-sizing: border-box; box-sizing: border-box } #legacy-pricing-styles body { font-family: "Montserrat", "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #legacy-pricing-styles a:hover, #legacy-pricing-styles a:focus { color: #57d8b8 } #legacy-pricing-styles .pricing-section { min-height: none; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center } #legacy-pricing-styles .pricing-section { padding: 0; min-height: none; position: relative } #legacy-pricing-styles .pricing-section a { color: #333 } #legacy-pricing-styles .pricing-section a:hover, #legacy-pricing-styles .pricing-section a:focus { color: #000 } #legacy-pricing-styles .bg-1 { background: transparent !important; background-size: cover; color: #fff } #legacy-pricing-styles .pricing { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 100%; margin: 0 auto 0em } #legacy-pricing-styles .pricing__item { position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; text-align: center; -webkit-flex: 0 1 460px; flex: 0 1 460px } #legacy-pricing-styles .pricing-intro-block { color: #666666; font-size: 14px; font-weight: normal; line-height: 18px; height: auto; min-height: 110px } @media screen and (min-width: 1551px) { #legacy-pricing-styles .pricing-intro-block { min-height: 130px } } @media screen and (max-width: 1550px) { #legacy-pricing-styles .pricing__item { -webkit-flex: 0 1 400px; flex: 0 1 400px } #legacy-pricing-styles .pricing-intro-block { height: 80px } } @media screen and (max-width: 1330px) { #legacy-pricing-styles .pricing__item { -webkit-flex: 0 1 460px; flex: 0 1 460px } } @media screen and (max-width: 690px) { #legacy-pricing-styles .pricing-intro-block { height: auto; } } #legacy-pricing-styles .pricing__feature-list { text-align: left } #legacy-pricing-styles .pricing__action { color: inherit; border: none; background: none } #legacy-pricing-styles .pricing__action:focus { outline: none } #legacy-pricing-styles .pricing--sonam .pricing__item { margin: 1em; padding: 2em; cursor: default; border-radius: 10px; background: #333333; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3); -webkit-transition: background 0.3s; transition: background 0.3s } #legacy-pricing-styles .pricing--sonam .pricing__title { font-size: 20px; text-transform: none; width: 100%; margin: 0 0 0.25em; padding: 0.25em 0 1em; border-bottom: 3px solid rgb(27, 26, 28); color: #00a857; white-space: nowrap; } #legacy-pricing-styles .pricing--sonam .pricing__price { color: #666666; font-size: 28px; font-weight: bold; padding: 0.8em 0 0.2em; min-height: 100px } #legacy-pricing-styles .pricing--sonam .pricing__feature-list { margin: 0; padding: 1em 1em 18px; font-size: 13px; line-height: 17px; color: #00a857 } #legacy-pricing-styles .pricing--sonam .pricing__feature-list li { padding-bottom: 0px; width: 100%; line-height: 0.9em } #legacy-pricing-styles .pricing--sonam .pricing__action { font-weight: bold; padding: 0.75em 2em; border-radius: 5px; background: #00a857; -webkit-transition: background 0.3s; transition: background 0.3s; color: #FFF; width: 100%; line-height: 16px } #legacy-pricing-styles .pricing--sonam .pricing__action:hover, #legacy-pricing-styles .pricing--sonam .pricing__action:focus { background: #00c465; color: #FFF; text-decoration: none } #legacy-pricing-styles .pricing--sonam .pricing__action_dark { border: 0px; outline: none; font-weight: bold; padding: 0.75em 2em; border-radius: 5px; -webkit-transition: background 0.3s; transition: background 0.3s; color: #FFF; background: #555; width: 100% } #legacy-pricing-styles .pricing--sonam .pricing__action_dark:hover, #legacy-pricing-styles .pricing--sonam .pricing__action_dark:focus { background: #666; color: #FFF; text-decoration: none } #legacy-pricing-styles .priced-subtext { font-size: 12px; color: #666666; font-weight: bold } #legacy-pricing-styles .priced-subtext2 { font-size: 12px; font-weight: normal; color: #aaa; font-weight: bold } #legacy-pricing-styles .bullet-check-indent { font-family: 'Montserrat' !important; font-size: 12px; padding-left: 25px; position: relative; top: -14px; line-height: normal; color: #666 } #legacy-pricing-styles .pricing__item_containermod1 { background: #888888 !important; display: inline-block !important; flex: 0 1 900px; box-shadow: none !important } #legacy-pricing-styles .pricing__item_containermod2 { background: #888888 !important; display: inline-block !important; flex: 0 1 624px; box-shadow: none !important } #legacy-pricing-styles .pricing__item_sizemod1 { width: 30%; min-width: 275px; padding: 15px !important; margin: 3px !important; margin-top: 50px !important; border: 4px solid #FFF !important; background-color: #FFF !important; border-radius: 10px !important; float: left !important } #legacy-pricing-styles .pricing__item_sizemod2 { width: 30%; min-width: 275px; padding: 0px !important; margin: 3px !important; margin-top: 15px !important; border: 4px solid #111 !important; background-color: #111 !important; border-radius: 10px !important; float: left !important } #legacy-pricing-styles .pricing__title-mod1 { font-size: 28px !important; color: #FFFFFF !important; border-bottom: 0px !important; margin: 0px !important; padding-bottom: 15px !important } #legacy-pricing-styles .pricing__feature-toplist-mod1 { border-bottom: 3px solid #E8E8E8 !important; padding: 0px !important; min-height: 130px !important; text-align: center !important } #legacy-pricing-styles .pricing__feature-toplist-mod2 { border-bottom: 3px solid #E8E8E8 !important; padding: 0px !important; min-height: 175px !important; text-align: center !important } #legacy-pricing-styles .pricing__feature-toplist-mod3 { border-bottom: 3px solid #E8E8E8 !important; padding: 0px !important; min-height: 188px !important; text-align: center !important } #legacy-pricing-styles .pricing__feature-list-mod1 { padding: 2em 1em 0px !important; min-height: 310px !important } #legacy-pricing-styles .pricing__feature-list-mod1 li strong, #legacy-pricing-styles .pricing__feature-list-mod2 li strong { color: #00a857 } #legacy-pricing-styles .pricing__feature-list-mod2 { padding: 2em 1em 0px !important; min-height: 264px !important } @media(max-width:1670px) { #legacy-pricing-styles .pricing__item_containermod1 { flex: 0 1 100%; max-width: 900px } #legacy-pricing-styles .pricing__item_containermod2 { flex: 0 1 100%; max-width: 624px } } @media(max-width:972px) { #legacy-pricing-styles .pricing__item_sizemod1, #legacy-pricing-styles .pricing__item_sizemod2 { width: 47% !important; min-width: 275px !important } #legacy-pricing-styles .pricing__item_containermod1, #legacy-pricing-styles .pricing__item_containermod2 { flex: 0 1 100%; max-width: 624px; margin-bottom: 50px !important } } @media(max-width:690px) { #legacy-pricing-styles .pricing--sonam .pricing__feature-list { padding: 1em 0em 0.5em !important } #legacy-pricing-styles .pricing__item_containermod1, #legacy-pricing-styles .pricing__item_containermod2 { flex: 0 1 100%; max-width: 440px; margin: 0.5em !important; padding: 1.5em !important } #legacy-pricing-styles .pricing__item_sizemod1, #legacy-pricing-styles .pricing__item_sizemod2 { width: 98% !important; min-width: 200px !important; margin-top: 15px !important } #legacy-pricing-styles .pricing-intro-block, #legacy-pricing-styles .pricing--sonam .pricing__price { min-height: 20px !important } #legacy-pricing-styles .pricing__title-mod1 { font-size: 20px !important; padding-bottom: 15px !important } #legacy-pricing-styles .pricing__feature-toplist-mod1, #legacy-pricing-styles .pricing__feature-toplist-mod2, #legacy-pricing-styles .pricing__feature-toplist-mod3, #legacy-pricing-styles .pricing__feature-list-mod1, #legacy-pricing-styles .pricing__feature-list-mod2 { min-height: 20px !important } } @media(max-width:320px) { #legacy-pricing-styles .pricing__item_containermod1, #legacy-pricing-styles .pricing__item_containermod2 { flex: 0 1 100%; max-width: 440px; margin: 0.5em !important; padding: 1em !important } } #legacy-pricing-styles .formstack-form { display: none; } #legacy-pricing-styles .formstack-form > .row > .col-lg-12 { padding: 0; /* to look good on mobile */ } #legacy-pricing-styles .formstack-form iframe { width: 100%; border: 0; background-color: transparent; } #legacy-pricing-styles .formstack-form iframe html { overflow: hidden; } @media (max-width: 600px) { #legacy-pricing-styles .fsFieldHorizontal, #legacy-pricing-styles .fsForm select.fsField { width: 100%; } } #legacy-pricing-styles .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } #legacy-pricing-styles .tooltip.in { filter: alpha(opacity=90); opacity: .9; } #legacy-pricing-styles .tooltip.top { padding: 5px 0; margin-top: -3px; } #legacy-pricing-styles .tooltip.right { padding: 0 5px; margin-left: 3px; } #legacy-pricing-styles .tooltip.bottom { padding: 5px 0; margin-top: 3px; } #legacy-pricing-styles .tooltip.left { padding: 0 5px; margin-left: -3px; } #legacy-pricing-styles .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } #legacy-pricing-styles .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } #legacy-pricing-styles .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } #legacy-pricing-styles .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } #legacy-pricing-styles .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } #legacy-pricing-styles .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } #legacy-pricing-styles .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } #legacy-pricing-styles .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } #legacy-pricing-styles .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } #legacy-pricing-styles .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } #legacy-pricing-styles .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } #legacy-pricing-styles .fade.in { opacity: 1; } /* makes the font 33% larger relative to the icon container */ /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ #legacy-pricing-styles html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } #legacy-showcase-styles a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #legacy-showcase-styles a:hover, #legacy-showcase-styles a:active { outline: 0; } #legacy-showcase-styles img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } @media print { #legacy-showcase-styles * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } #legacy-showcase-styles a, #legacy-showcase-styles a:visited { text-decoration: underline; } #legacy-showcase-styles a[href]:after { content: " (" attr(href) ")"; } #legacy-showcase-styles a[href^="#"]:after { content: ""; } #legacy-showcase-styles img { page-break-inside: avoid; } #legacy-showcase-styles img { max-width: 100% !important; } @page { margin: 0.5cm; } #legacy-showcase-styles p, #legacy-showcase-styles h3 { orphans: 3; widows: 3; } #legacy-showcase-styles h3 { page-break-after: avoid; } } #legacy-showcase-styles body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } #legacy-showcase-styles a { color: #0088cc; text-decoration: none; } #legacy-showcase-styles a:hover, #legacy-showcase-styles a:focus { color: #005580; text-decoration: underline; } #legacy-showcase-styles .row { margin-left: -20px; *zoom: 1; } #legacy-showcase-styles .row:before, #legacy-showcase-styles .row:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .row:after { clear: both; } #legacy-showcase-styles [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } #legacy-showcase-styles .container { width: 940px; } #legacy-showcase-styles .span4 { width: 300px; } #legacy-showcase-styles .container { margin-right: auto; margin-left: auto; *zoom: 1; } #legacy-showcase-styles .container:before, #legacy-showcase-styles .container:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .container:after { clear: both; } #legacy-showcase-styles p { margin: 0 0 10px; } #legacy-showcase-styles h3 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } #legacy-showcase-styles h3 { line-height: 40px; } #legacy-showcase-styles h3 { font-size: 24.5px; } #legacy-showcase-styles ul { padding: 0; margin: 0 0 10px 25px; } #legacy-showcase-styles li { line-height: 20px; } #legacy-showcase-styles .nav-legacy { margin-bottom: 20px; margin-left: 0; list-style: none; } #legacy-showcase-styles .nav-legacy > li > a { display: block; } #legacy-showcase-styles .nav-legacy > li > a:hover, #legacy-showcase-styles .nav-legacy > li > a:focus { text-decoration: none; background-color: #eeeeee; } #legacy-showcase-styles .nav-legacy-pills { *zoom: 1; font-size: 14px; } #legacy-showcase-styles .nav-legacy-pills:before, #legacy-showcase-styles .nav-legacy-pills:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .nav-legacy-pills:after { clear: both; } #legacy-showcase-styles .nav-legacy-pills > li { float: left; } #legacy-showcase-styles .nav-legacy-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } #legacy-showcase-styles .nav-legacy-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #legacy-showcase-styles .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } #legacy-showcase-styles .thumbnails:before, #legacy-showcase-styles .thumbnails:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .thumbnails:after { clear: both; } #legacy-showcase-styles .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } #legacy-showcase-styles .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #legacy-showcase-styles .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } @-ms-viewport { width: device-width; } @media (min-width: 1200px) { #legacy-showcase-styles .row { margin-left: -30px; *zoom: 1; } #legacy-showcase-styles .row:before, #legacy-showcase-styles .row:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .row:after { clear: both; } #legacy-showcase-styles [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } #legacy-showcase-styles .container { width: 1170px; } #legacy-showcase-styles .span4 { width: 370px; } #legacy-showcase-styles .thumbnails { margin-left: -30px; } #legacy-showcase-styles .thumbnails > li { margin-left: 29px; } } @media (min-width: 768px) and (max-width: 979px) { #legacy-showcase-styles .row { margin-left: -20px; *zoom: 1; } #legacy-showcase-styles .row:before, #legacy-showcase-styles .row:after { display: table; line-height: 0; content: ""; } #legacy-showcase-styles .row:after { clear: both; } #legacy-showcase-styles [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } #legacy-showcase-styles .container { width: 724px; } #legacy-showcase-styles .span4 { width: 228px; } } @media (max-width: 767px) { #legacy-showcase-styles body { padding-right: 20px; padding-left: 20px; } #legacy-showcase-styles .container { width: auto; } #legacy-showcase-styles .row, #legacy-showcase-styles .thumbnails { margin-left: 0; } #legacy-showcase-styles .thumbnails > li { float: none; margin-left: 0; } #legacy-showcase-styles [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 1070px) { #legacy-showcase-styles body { padding-top: 0; } } #legacy-showcase-styles body { font-family: 'Montserrat', sans-serif; color: #FFF; line-height: 1.4em; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #legacy-showcase-styles a { color: #181A1C; text-decoration: none; } #legacy-showcase-styles a:hover { color: #00a857; text-decoration: none; } #legacy-showcase-styles h1, #legacy-showcase-styles h2, #legacy-showcase-styles h3, #legacy-showcase-styles h4, #legacy-showcase-styles h5, #legacy-showcase-styles h6 { font-weight: normal; } #legacy-showcase-styles h1 { margin: 10px; } #legacy-showcase-styles p { padding: 10px; font-weight: 100; color: #fff; } #legacy-showcase-styles .nav-legacybar { background: #FFFFFF; margin-bottom: 0; min-height: 70px; } #legacy-showcase-styles .nav-legacybar .container { padding-top: 3px; width: 100%; max-width: 1770px; height: 67px; } #legacy-showcase-styles .nav-legacybar-fixed-top { min-height: 60px; height: 60px; padding-top: 0; } #legacy-showcase-styles .nav-legacybar-inner { background: #FFFFFF; border-radius: 0; filter: none; border: none; box-shadow: none; padding-left: 0px; padding-right: 0px; } #legacy-showcase-styles .nav-legacybar .brand { padding: 10px 15px 10px; margin-left: 0px; } #legacy-showcase-styles .nav-legacybar .brand img { width: 120px; height: 40px; } #legacy-showcase-styles .nav-legacybar .nav-legacy > li > a { text-transform: uppercase; line-height: auto; vertical-align: middle; margin: 8px 3px; -webkit-box-shadow: none; -moz-box-shadow: none; border: 0px solid #181A1C; box-shadow: none; font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-shadow: none; color: #444444; transition: border-color 1s ease; padding: 14px 15px 14px; border-radius: 3px; } #legacy-showcase-styles .nav-legacybar .nav-legacy > .active > a, #legacy-showcase-styles .nav-legacybar .nav-legacy > .active > a:hover, #legacy-showcase-styles .nav-legacybar .nav-legacy > .active > a:focus { border: 0px solid #dddddd; color: #FFFFFF; background-color: #00a857; transition: border-color 1s ease; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; } #legacy-showcase-styles .nav-legacybar .nav-legacy > .normal > a:hover { border: 0px solid #dddddd; color: #00a857; background-color: none; transition: border-color 1s ease; } #legacy-showcase-styles .nav-legacybar .nav-legacy > .external > a { border: 2px solid #00a857; color: #00a857; background-color: transparent; transition: border-color 1s ease; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 13px; } #legacy-showcase-styles .nav-legacybar .nav-legacy > .external > a:hover, #legacy-showcase-styles .nav-legacybar .nav-legacy > .external > a:focus { color: #FFFFFF; background-color: #00a857; } #legacy-showcase-styles .nav-legacy-div-line-right { border-left: 1px dashed #aaa; padding-left: 14px; margin-left: 14px; height: 40px; margin-top: 12px; float: left; } #legacy-showcase-styles .nav-legacy-pills { margin-bottom: 15px; background-color: #e3e3e3; border-radius: 6px; padding: 12px; width: 22%; float: left; margin-right: 14px; } #legacy-showcase-styles .nav-legacy-pills > li > a { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 4px; margin-right: 5px; padding-left: 25px; padding-right: 25px; border: 2px solid #bbb; } #legacy-showcase-styles .nav-legacy-pills > li > a:hover, #legacy-showcase-styles .nav-legacy-pills > .active > a, #legacy-showcase-styles .nav-legacy-pills > .active > a:hover, #legacy-showcase-styles .nav-legacy-pills > .active > a:focus { background: #00a857; color: #fff; border: 2px solid #00a857; } #legacy-showcase-styles .cat-list-ttls { color: #444; font-size: 1.5em; font-weight: bold; padding: 4px 10px 18px 2px; } @media (max-width: 1199px) { #legacy-showcase-styles .nav-legacy-pills { width: auto; margin-right: 0px; } #legacy-showcase-styles .cat-list-ttls { width: 100%; } } #legacy-showcase-styles .nav-legacybar .btn-navbar:hover, #legacy-showcase-styles .nav-legacybar .btn-navbar, #legacy-showcase-styles .nav-legacybar .btn-navbar:focus { border-radius: 4px; background: #00a857; color: #FFFFFF; outline: none; border: 0px; box-shadow: none; padding: 7px 14px; margin-right: 20px; } #legacy-showcase-styles .centered { margin-left: auto; margin-right: auto; float: none; text-align: center; } #legacy-showcase-styles .center { float: none !important; margin: 0 auto !important; text-align: center; } #legacy-showcase-styles .highlighted-box { background: #F4F8F9; padding: 20px 30px; } #legacy-showcase-styles .highlighted-box h1 { margin: 0px; } #legacy-showcase-styles .large-text { line-height: 1.2em; font-size: 30px; color: #181A1C; padding: 20px; margin-bottom: 20px; } #legacy-showcase-styles .highlighted-box h1, #legacy-showcase-styles .highlighted-box p { color: #181A1C !important; } #legacy-showcase-styles .circle-border { display: inline-block; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; -khtml-border-radius: 500px; border: 3px solid #fff; } #legacy-showcase-styles .left-align { text-align: left; } #legacy-showcase-styles .right-align { text-align: left; } #legacy-showcase-styles .error { color: #CF0000; display: none; } #legacy-showcase-styles .invisible { display: none; visibility: visible; } #legacy-showcase-styles .triangle { margin: 0 auto; text-align: center; width: 0; height: 0; border-top: 30px solid #181A1C; border-left: 585px outset transparent; border-right: 585px outset transparent; position: relative; } #legacy-showcase-styles .zoom-in { -webkit-transform: scale(1, #legacy-showcase-styles 1); -moz-transform: scale(1, #legacy-showcase-styles 1); -o-transform: scale(1, #legacy-showcase-styles 1); -ms-transform: scale(1, #legacy-showcase-styles 1); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; -ms-transition: all 250ms ease; transition: all 250ms ease; } #legacy-showcase-styles .zoom-in:hover { -webkit-transform: scale(1.1, #legacy-showcase-styles 1.1); -moz-transform: scale(1.1, #legacy-showcase-styles 1.1); -o-transform: scale(1.1, #legacy-showcase-styles 1.1); -ms-transform: scale(1.1, #legacy-showcase-styles 1.1); } #legacy-showcase-styles .button, #legacy-showcase-styles .button:visited, #legacy-showcase-styles .button:focus { display: inline-block; border: 1px solid #181A1C; color: #181A1C; background-color: transparent; padding: 15px 30px; font-size: 17px; line-height: auto; } #legacy-showcase-styles .button:hover, #legacy-showcase-styles .button:active { background-color: #181A1C; color: #fff; } #legacy-showcase-styles .button-sp, #legacy-showcase-styles .button-sp:visited, #legacy-showcase-styles .button-sp:focus { border: none; background-color: #00a857; color: #181A1C; } #legacy-showcase-styles .button-sp:hover, #legacy-showcase-styles .button-sp:active { background-color: #181A1C; color: #00a857; } #legacy-showcase-styles .button-ps, #legacy-showcase-styles .button-ps:visited, #legacy-showcase-styles .button-ps:focus { border: none; background-color: #181A1C; color: #00a857; } #legacy-showcase-styles .button-ps:hover, #legacy-showcase-styles .button-ps:active { background-color: #00a857; color: #181A1C; } #legacy-showcase-styles .thumbnail { width: 100%; height: 100%; padding: 0; overflow: hidden; position: relative; border: 0; border-radius: 8px; box-shadow: none; text-align: center; background: #191a1c; box-shadow: 0 4px 0 0 #888; cursor: pointer; } #legacy-showcase-styles .thumbnail .more { display: block; z-index: 4; position: absolute; top: -100px; left: 50%; margin: 0 auto; margin-left: -41px; width: 80px; height: 80px; font-size: 40px; color: #fff; text-decoration: none; line-height: 70px; text-align: center; } #legacy-showcase-styles .thumbnail:hover .more { top: 40%; margin-top: -40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3 s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #legacy-showcase-styles .thumbnail h3, #legacy-showcase-styles .thumbnail p { margin: 0; padding: 0; position: relative; z-index: 4; } #legacy-showcase-styles .thumbnail h3 { color: #00a857; margin-top: 10px; font-size: 18px; font-weight: bold; } #legacy-showcase-styles .thumbnail > p { padding-bottom: 20px; } #legacy-showcase-styles .thumbnail .mask { opacity: 0.40; filter: alpha(opacity=85); top: 100%; left: 0; width: 100%; height: 100%; background: #111; position: absolute; /*-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2 s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;*/ } #legacy-showcase-styles .thumbnail:hover .mask { top: 0; } #legacy-showcase-styles .social { list-style: none; float: none; position: relative; margin: 5px; } #legacy-showcase-styles .social li { display: inline-block; line-height: 32px; font-family: 'Porta'; font-size: 32px; padding: 0 5px; } #legacy-showcase-styles .social li a { margin: 0; padding: 0; width: 32px; height: 32px; color: #00a857; } #legacy-showcase-styles .social li a:hover { color: #181A1C; } #legacy-showcase-styles .section { padding-bottom: 50px; } #legacy-showcase-styles .section .container { padding: 30px 0 0 0; } #legacy-showcase-styles .section .title { text-align: center; padding: 10px; margin-bottom: 30px; } #legacy-showcase-styles .section .title h1 { font-weight: normal; margin-bottom: 20px; padding: 0; } #legacy-showcase-styles .section .title > p { font-size: 20px; color: #FFF; font-weight: lighter; } #legacy-showcase-styles .primary-section { background: #181A1C; } #legacy-showcase-styles .primary-section .triangle { border-top: 40px solid #00a857; } #legacy-showcase-styles .primary-section .title { border-bottom: 1px solid #FFF; } #legacy-showcase-styles .primary-section, #legacy-showcase-styles .primary-section .title p, #legacy-showcase-styles .primary-section h3 { color: #00a857; } #legacy-showcase-styles .primary-section h1 { color: #FFF; } #legacy-showcase-styles .secondary-section { background: #EEEEEE; padding-bottom: 10rem; } #legacy-showcase-styles .secondary-section .title { border-bottom: 1px solid #181A1C; } #legacy-showcase-styles .secondary-section h1, #legacy-showcase-styles .secondary-section .title p { color: #181A1C; } #legacy-showcase-styles .third-section { padding-bottom: 70px; background: #181A1C url(../images/brand-bg.png) no-repeat center; border-top: 6px solid #00a857; } #legacy-showcase-styles .third-section .container { padding-top: 20px; position: relative; } #legacy-showcase-styles .third-section .title { border-bottom: 1px solid #A1AAB7; color: #00a857; } #legacy-showcase-styles .sub-section { margin-top: 30px; } #legacy-showcase-styles .sub-section .title { padding: 0; } #legacy-showcase-styles .service { margin-top: 20px; } #legacy-showcase-styles .service, #legacy-showcase-styles .service h2 { padding-top: 15px; } #legacy-showcase-styles .service p { padding: 0px 50px; height: 60px; } #legacy-showcase-styles .service img { width: 150px; height: 150px; } #legacy-showcase-styles .single-project { margin-bottom: 30px; background: #181A1C; border-radius: 6px; box-shadow: 0 4px 0 0 #888; margin-top: 60px; } #legacy-showcase-styles .single-project img { width: 100%; border-radius: 6px 0px 0px 6px; } @media (max-width: 767px) { #legacy-showcase-styles .single-project img { border-radius: 6px 6px 0px 0px; } } #legacy-showcase-styles .project-description { padding-right: 20px; } #legacy-showcase-styles .project-description p { padding-left: 0; } #legacy-showcase-styles .project-title { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #444; } #legacy-showcase-styles .project-title h3 { float: left; margin-top: 0; padding: 0; width: 80%; color: #00a857; line-height: normal; } #legacy-showcase-styles .project-title .close { color: #FFF; margin-top: 10px; } #legacy-showcase-styles .project-info span { color: #aaa; } #legacy-showcase-styles .project-info { font-weight: 100; padding: 10px 0; line-height: 22px; } #legacy-showcase-styles .project-info span { width: 80px; display: inline-block; } #legacy-showcase-styles .project-info div { margin-bottom: 5px; } #legacy-showcase-styles .project-info a { color: #00a857; font-weight: bold; } #legacy-showcase-styles .close { float: right; width: 40px; height: 40px; text-align: center; } #legacy-showcase-styles #portfolio-grid .mix { opacity: 0; display: none; } #legacy-showcase-styles .team .thumbnail { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; border: 1px solid #fff; } #legacy-showcase-styles .team .thumbnail:hover .social { z-index: 5; } #legacy-showcase-styles .team .thumbnail:hover .social a { color: #fff; } #legacy-showcase-styles .team .thumbnail .mask { background: #00a857; } #legacy-showcase-styles .team .thumbnail .mask h2 { margin-top: 20%; } #legacy-showcase-styles .team .thumbnail .mask, #legacy-showcase-styles .team .thumbnail .mask h3, #legacy-showcase-styles .team .thumbnail .mask p, #legacy-showcase-styles .team .thumbnail:hover h3, #legacy-showcase-styles .team .thumbnail:hover .social a:hover { color: #181A17; } #legacy-showcase-styles .about-text { margin-top: 30px; } #legacy-showcase-styles .about-text p { padding: 0; font-size: 16px; } #legacy-showcase-styles .skills { list-style-type: none; position: relative; margin: 0px; } #legacy-showcase-styles .skills li { margin-bottom: 30px; background: #FFF; height: 40px; padding: 1px; } #legacy-showcase-styles .skills li h3 { position: relative; font-size: 15px; padding: 0; margin: 0; left: 10px; z-index: 1; color: #181A1C; } #legacy-showcase-styles .skills li .bar { height: 40px; position: absolute; background-color: #00a857; } #legacy-showcase-styles .client-slider img { border: 1px solid white; } #legacy-showcase-styles .client-slider img:hover { background-color: #00a857; } #legacy-showcase-styles .client-nav { list-style: none; margin-top: 10px; } #legacy-showcase-styles .client-nav li { float: left; display: block; margin-left: 10px; } #legacy-showcase-styles .client-nav li a { display: inherit; padding: 5px; background: #00a857; border-radius: 3px; width: 20px; height: 20px; } #legacy-showcase-styles .client-nav li a:hover { background: #181A1C; } #legacy-showcase-styles .testimonial p { color: #181A1C; background: #00a857; padding: 15px; margin: 0; } #legacy-showcase-styles .testimonial .arrow { margin-left: 10px; width: 0; border-top: 10px solid #00a857; border-left: 20px outset transparent; border-right: 20px outset transparent; } #legacy-showcase-styles .testimonial .whopic { display: inline-block; } #legacy-showcase-styles .testimonial .whopic img { margin-top: 10px; width: 50px; height: 50px; float: left; } #legacy-showcase-styles .testimonial .whopic strong { float: left; margin-top: 10px; padding-left: 10px; } #legacy-showcase-styles .testimonial .whopic small { display: block; font-size: 12px; } #legacy-showcase-styles .testimonial-text { display: block; font-size: 22px; text-align: center; margin: 0 auto; margin-top: 30px; width: 70%; line-height: 1.3em; } #legacy-showcase-styles .price-table { margin-top: 70px; margin-bottom: 20px; } #legacy-showcase-styles .price-column { background-color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 20px; margin: 0 auto; text-align: center; } #legacy-showcase-styles .price-column h3 { background-color: #181A1C; text-transform: uppercase; text-align: center; color: #00a857; padding: 40px 0px; font-size: 36px; margin-top: 0px; -moz-border-radius: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } #legacy-showcase-styles .price-column .list { list-style: none; margin: 20px 50px; } #legacy-showcase-styles .price-column .list li { font-weight: lighter; color: #747C89; font-size: 20px; border-bottom: 1px solid #747C89; padding: 25px 0px; } #legacy-showcase-styles .price-column .list li.price { text-align: center; font-size: 31px; background-color: white; color: #747C89; margin-top: 25px; } #legacy-showcase-styles .price-text { margin: 30px 0 20px; font-size: 20px; color: #181A1C; font-weight: normal; } #legacy-showcase-styles .newsletter, #legacy-showcase-styles .newsletter h2 { color: #D7DDDE; } #legacy-showcase-styles .newsletter .title h2 { text-align: left; padding: 0; margin: 0; } #legacy-showcase-styles .newsletter form { text-align: right; } #legacy-showcase-styles .newsletter input { margin-top: 10px; padding: 15px; height: auto; } #legacy-showcase-styles .newsletter button { margin: 0 0 0 20px; } #legacy-showcase-styles .newsletter .button-sp:hover, #legacy-showcase-styles .newsletter .button-sp:active { background-color: #FFF; color: #181A1C; } #legacy-showcase-styles .contact { background: #00a857; } #legacy-showcase-styles .contact h1, #legacy-showcase-styles .contact h2, #legacy-showcase-styles .contact h3, #legacy-showcase-styles .contact h4, #legacy-showcase-styles .contact h5, #legacy-showcase-styles .contact h6, #legacy-showcase-styles .contact .section .title > p, #legacy-showcase-styles .contact .social > li > a { color: #181A1C; } #legacy-showcase-styles .contact textarea, #legacy-showcase-styles .contact input[type="text"], #legacy-showcase-styles .contact input[type="email"] { padding: 10px; line-height: 20px; height: auto; } #legacy-showcase-styles .contact textarea { height: 120px; } #legacy-showcase-styles .contacts, #legacy-showcase-styles .contact .social { color: #fff; list-style: none; margin-left: 10px; } #legacy-showcase-styles .contacts > li { margin-top: 15px; } #legacy-showcase-styles .contacts > li > a { color: #fff; } #legacy-showcase-styles .contact-info { margin-top: 10px; margin-bottom: 10px; } #legacy-showcase-styles .contact-info p { font-weight: normal; } #legacy-showcase-styles .contact-info .icon { margin: 10px auto; font-size: 30px; } #legacy-showcase-styles .map-wrapper { position: relative; height: 500px; } #legacy-showcase-styles .map-canvas { position: absolute; margin-bottom: 20px; width: 100%; height: 500px; color: #29383F; position: absolute; left: 0; top: 0; right: 0; } #legacy-showcase-styles .contact .social { display: inline-block; margin-left: 0; } #legacy-showcase-styles .contact .social li { line-height: 32px; padding: 10px 10px; font-family: 'Porta'; font-size: 50px; transition: margin 0.4s; -webkit-transition: margin 0.4s; } #legacy-showcase-styles .contact .social li a { color: #fff; } #legacy-showcase-styles .contact .social li a:hover { color: #181A1C; } #legacy-showcase-styles .contact-form { background: #fff; background: rgba(255, 255, 255, 0.9); z-index: 110; position: relative; margin-top: -25px; padding: 20px; } #legacy-showcase-styles .contact-form h3 { color: #838589; padding-bottom: 20px; } #legacy-showcase-styles .message-btn { border: 1px solid #747C89; color: #747C89; background-color: transparent; padding: 15px 30px; font-size: 17px; } #legacy-showcase-styles .message-btn:hover { background-color: #00a857; } #legacy-showcase-styles .contact-info { text-align: center; font-size: 22px; } #legacy-showcase-styles .info-mail { border: 1px solid white; width: 60%; margin: 0 auto; padding: 15px; color: #181A1C; } #legacy-showcase-styles .black { color: #181A1C; } #legacy-showcase-styles .footer { background: #FFFFFF; text-align: center; padding-top: 30px; padding-bottom: 50px; height: 100px; } #legacy-showcase-styles .footer > p { color: #333333; margin: 0; } #legacy-showcase-styles .footer a { color: #00a857; } #legacy-showcase-styles .footer a:hover, #legacy-showcase-styles .footer a:focus { text-decoration: underline; } #legacy-showcase-styles .scrollup { text-align: center; cursor: pointer; vertical-align: middle; width: 39px; height: 39px; border-radius: 5px; font-size: 20px; position: fixed; bottom: 30px; right: 20px; border: 1px solid #fff; display: none; background: #00a857; } #legacy-showcase-styles .scrollup > a { position: relative; top: 7px; color: #fff; } @media (min-width: 1200px) { #legacy-showcase-styles .thumbnail .more { margin-left: -41px; width: 80px; height: 80px; border-radius: 40px; line-height: 80px; } } @media (max-width: 1070px) { #legacy-showcase-styles body { padding-left: 0; padding-right: 0; } #legacy-showcase-styles .nav-legacybar-fixed-top, #legacy-showcase-styles .nav-legacybar-fixed-bottom { position: fixed; } #legacy-showcase-styles .nav-legacybar .nav-legacy > li > a { line-height: 10px; vertical-align: middle; } #legacy-showcase-styles .nav-legacy-div-line-right { border-left: 0px dashed #aaa; padding-left: 0px; margin: 10px 0px 14px 14px; height: 2px; border-bottom: 1px dashed #aaa; float: none; width: 90%; } #legacy-showcase-styles .section { padding-left: 20px; padding-right: 20px; } #legacy-showcase-styles .nav-legacybar-fixed-top, #legacy-showcase-styles .nav-legacybar-fixed-bottom, #legacy-showcase-styles .nav-legacybar-static-top { margin-left: 0px; margin-right: 0px; } #legacy-showcase-styles .nav-legacy-collapse { clear: both; } #legacy-showcase-styles .nav-legacy-collapse .nav-legacy { float: none; margin: 0 0 10px; } #legacy-showcase-styles .nav-legacy-collapse .nav-legacy > li { float: none; } #legacy-showcase-styles .nav-legacy-collapse, #legacy-showcase-styles .nav-legacy-collapse.collapse { width: 100%; display: inherit; } #legacy-showcase-styles .thumbnail .more { margin-left: -21px; width: 40px; height: 40px; border-radius: 30px; line-height: 40px; } #legacy-showcase-styles .thumbnail:hover .more { margin-top: -20px; } #legacy-showcase-styles .newsletter form { text-align: center; } } @media (max-width: 767px) { #legacy-showcase-styles .info-mail { width: 90%; padding: 15px 0px; } #legacy-showcase-styles .project-description { padding-left: 20px; } #legacy-showcase-styles .price-column, #legacy-showcase-styles .testimonial { margin-top: 30px; } } #legacy-showcase-styles .close { opacity: 0.8; } #legacy-showcase-styles .proj-audience-list { margin-bottom: 20px; float: left; } #legacy-showcase-styles .proj-audience-list-ttl { float: left; } #legacy-showcase-styles .btn-audience-private { font-size: 11px; float: left; background-color: #b73939; border-radius: 4px; padding: 4px 8px 4px 8px; margin-right: 6px; margin-top: 4px; } #legacy-showcase-styles .btn-audience-demos { font-size: 11px; float: left; background-color: #0088CC; border-radius: 4px; padding: 4px 8px 4px 8px; margin-right: 6px; margin-top: 4px; } #legacy-showcase-styles .btn-audience-sending { font-size: 11px; float: left; background-color: #00a857; border-radius: 4px; padding: 4px 8px 4px 8px; margin-top: 4px; } #legacy-showcase-styles .proj-description { display: block; width: 100%; float: left; } #legacy-showcase-styles .filters-viewall-row { float: none; width: auto; margin-right: 0px; } #legacy-showcase-styles .dropdown { display: none; } #legacy-showcase-styles .pull-right { float: none; } #legacy-showcase-styles .top-navigation { float: right; } #legacy-showcase-styles .nav-legacybar .nav-legacy { float: right; } @media (max-width: 1070px) { #legacy-showcase-styles .nav-legacybar-fixed-top .nav-legacybar-inner, #legacy-showcase-styles .nav-legacybar-fixed-bottom .nav-legacybar-inner { padding: 0px; } #legacy-showcase-styles .nav-legacybar-fixed-top { height: 47px; } #legacy-showcase-styles .dropdown { display: block; } #legacy-showcase-styles .nav-legacybar { min-height: 47px; } #legacy-showcase-styles .nav-legacybar-inner { min-height: 47px; } #legacy-showcase-styles .nav-legacybar .container { padding-top: 3px; width: 100%; max-width: 1770px; height: 48px; } #legacy-showcase-styles .nav-legacybar .brand { padding: 7px 12px 4px; margin-left: 0px; } #legacy-showcase-styles .nav-legacybar .brand img { width: 110px; height: 28px; } #legacy-showcase-styles .pull-right { float: right; } #legacy-showcase-styles .top-navigation { float: none; } #legacy-showcase-styles .nav-legacybar .nav-legacy { float: none; margin-top: 5px; padding: 10px; } #legacy-showcase-styles .section .container { padding-top: 20px; } #legacy-showcase-styles ul.sharetop {} } #legacy-showcase-styles .dropdown-menu, #legacy-showcase-styles .select2-drop { z-index: 1000; min-width: 220px; padding: 0; margin-top: 50px; font-size: 14px; background-color: #F2F2F2; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; width: 100%; height: 70px; text-align: center; } @media(min-width:1070px) { #legacy-showcase-styles .dropdown-menu-switch1 { visibility: hidden; } } #legacy-showcase-styles .dropdown-menu-switch1 { margin: 0px auto; left: inherit; width: 100%; right: 0px; top: 47px; height: 50px; padding-top: 20px; vertical-align: middle; background-color: #f7f7f7; -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); } #legacy-showcase-styles .dropdown-menu-switch2 { margin: 0px auto; left: inherit; width: 100%; right: 0px; top: 66px; height: 64px; padding-top: 10px; vertical-align: middle; background-color: #f7f7f7; -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); } @media(max-width:1070px) { #legacy-showcase-styles .dropdown-menu-switch2 { visibility: hidden; } } #legacy-showcase-styles ul.social-buttons { margin-bottom: 0; } #legacy-showcase-styles ul.social-buttons li { display: inline-block; } #legacy-showcase-styles ul.social-buttons li a { display: block; width: 40px; height: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; outline: 0; color: #fff; background-color: #222; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } #legacy-showcase-styles ul.social-buttons li a:hover, #legacy-showcase-styles ul.social-buttons li a:focus, #legacy-showcase-styles ul.social-buttons li a:active { background-color: #00a857; } #legacy-showcase-styles .share-padding { padding-right: 2px !important; padding-left: 2px !important; display: inline-block; } #legacy-showcase-styles ul.share-buttons { margin-bottom: 0; } #legacy-showcase-styles ul.share-buttons li a { display: block; border-radius: 100%; outline: 0; color: #fff; background-color: #777; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 30px; height: 30px; line-height: 31px; font-size: 1.3em; } #legacy-showcase-styles ul.share-buttons li a:hover, #legacy-showcase-styles ul.share-buttons li a:focus, #legacy-showcase-styles ul.share-buttons li a:active { background-color: #00a857; } #legacy-showcase-styles ul.sharetop { float: none; text-align: center; font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; font-weight: 700; color: #444; width: 200px; list-style-type: none; } #legacy-showcase-styles .flexitive-blog-ttl { color: #444; font-size: 26px; font-weight: bold; line-height: normal; padding-bottom: 0px; padding-top: 0px; } #legacy-showcase-styles .flexitive-blog-intro { color: #666; font-size: 16px; line-height: 26px; padding-top: 0px; } @media(max-width:979px) { #legacy-showcase-styles .flexitive-blog-intro { font-size: 14px; line-height: 20px; } } @media(max-width:500px) { #legacy-showcase-styles .flexitive-blog-intro { font-size: 13px; line-height: 16px; } } #legacy-showcase-styles .showcase-onlyunder-1060 { display: none !important; } @media(max-width:1060px) { #legacy-showcase-styles .showcase-hideunder-1060 { display: none !important; } } @media(max-width:1060px) { #legacy-showcase-styles .showcase-onlyunder-1060 { display: inline-block !important; } } #legacy-showcase-styles .footer-sharefollow-widget-contain { visibility: visible !important; width: auto; margin: 0px auto; } #legacy-showcase-styles .footer-sharefollow-widget-label { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; font-weight: 700; padding: 7px; color: #777; background-color: #f2f2f2; border-color: #f2f2f2; margin-right: 10px; margin-left: 10px; margin-top: 0px; cursor: pointer; float: left; position: relative; visibility: visible !important; border-radius: 4px; } #legacy-showcase-styles .footer-sharefollow-widget-label img { width: 16px; margin-top: -4px } #legacy-showcase-styles .footer-sharefollow-widget-dropdown { margin: 0px auto; left: inherit; width: auto; right: 0px; top: 0px; position: relative; height: 58px; float: left; padding-top: 5px; vertical-align: bottom; border-radius: 4px; background-color: #e7e7e7; text-align: right; visibility: visible !important; margin: 15px; } #legacy-showcase-styles .footer-sharefollow-widget-dropdown-close { position: absolute; top: 5px; right: 15px; cursor: pointer; font-size: 1.5em; color: rgb(153, 153, 153); } #legacy-showcase-styles .footer-sharefollow-widget-dropdown-iconwrap { float: none !important; padding-top: 0px !important; } /*** uncss> filename: css/pluton.css ***/ @font-face { font-family: 'porta'; src: url('../fonts/pluton.eot?49924914'); src: url('../fonts/pluton.eot?49924914#iefix') format('embedded-opentype'), url('../fonts/pluton.woff?49924914') format('woff'), url('../fonts/pluton.ttf?49924914') format('truetype'), url('../fonts/pluton.svg?49924914#porta') format('svg'); font-weight: normal; font-style: normal; } /*Nothing necessary. Font is pulled from pluton.css doc*/ /*Nothing necessary. Font is pulled from pluton.css doc*/ #legacy-showcase-styles .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } #legacy-showcase-styles .animated .hinge { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } #legacy-showcase-styles .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } #legacy-showcase-styles .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } #legacy-showcase-styles .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } #legacy-showcase-styles .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } #legacy-showcase-styles .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github#legacy-showcase-styles .com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } #legacy-showcase-styles .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github#legacy-showcase-styles .com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } #legacy-showcase-styles .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } #legacy-showcase-styles .animated .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } #legacy-showcase-styles .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } #legacy-showcase-styles .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } #legacy-showcase-styles .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } #legacy-showcase-styles .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #legacy-showcase-styles .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } #legacy-showcase-styles .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } #legacy-showcase-styles .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } #legacy-showcase-styles .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } #legacy-showcase-styles .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } #legacy-showcase-styles .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } #legacy-showcase-styles .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } #legacy-showcase-styles .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } #legacy-showcase-styles .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } #legacy-showcase-styles .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } #legacy-showcase-styles .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } #legacy-showcase-styles .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } #legacy-showcase-styles .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } #legacy-showcase-styles .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } #legacy-showcase-styles .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } #legacy-showcase-styles .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } #legacy-showcase-styles .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } #legacy-showcase-styles .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } #legacy-showcase-styles .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } #legacy-showcase-styles .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } #legacy-showcase-styles .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } #legacy-showcase-styles .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } #legacy-showcase-styles .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } #legacy-showcase-styles .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } #legacy-showcase-styles .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } #legacy-showcase-styles .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } #legacy-showcase-styles .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } #legacy-showcase-styles .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } #legacy-showcase-styles .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } #legacy-showcase-styles .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } #legacy-showcase-styles .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } #legacy-showcase-styles .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } #legacy-showcase-styles .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } #legacy-showcase-styles .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } #legacy-showcase-styles .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } #legacy-showcase-styles .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } #legacy-showcase-styles .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } #legacy-showcase-styles .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } #legacy-showcase-styles .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } #legacy-showcase-styles .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } #legacy-showcase-styles .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github#legacy-showcase-styles .com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } #legacy-showcase-styles .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github#legacy-showcase-styles .com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } #legacy-showcase-styles .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; }