html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
/* margin: 0; */
/* padding: 0; */
/* border: 0; */
/* font-size: 100%; */
/* vertical-align: baseline; */
/* font: inherit; */
}
.footer li, .footer ul
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
/* font: inherit; */
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{
display: block
}
audio,canvas,video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio
:not
(
[
controls
]
)
{
display
:
none
}
[hidden] {
display: none
}
body {
margin: 0;
line-height: 1;
}
html,button,input,select,textarea {
color: #333333;
font-family: "Source Sans Pro", sans-serif;
}
body {
font: 400 16px "Source Sans Pro", sans-serif;
line-height: 24px;
color: #333333;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande",
sans-serif;
font-weight: 400;
text-rendering: optimizeLegibility;
line-height: 1;
}
h3,h4,h5,h6 {
line-height: 1.26
}
h5 span img {
vertical-align: bottom;
padding-right: 5px;
}
.tera {
font-size: 117px;
font-size: 7.3125rem;
}
.giga {
font-size: 90px;
font-size: 5.625rem;
}
.mega,.b-heading {
font-size: 72px;
font-size: 4.5rem;
}
.alpha,h1 {
font-size: 60px;
font-size: 3.75rem;
}
.beta,h2,.s-heading,.casestudy-banner h2 {
font-size: 48px;
font-size: 3rem;
}
.gamma,h3,.bs-heading,.pl-coin {
font-size: 36px;
font-size: 2.25rem;
}
.delta,h4,.footer-strip h4,.content-strip h3,.teelbg h3,.whitebg h3,.su-subtitle,.pl-coin-small,.pl-free
{
font-size: 28px;
font-size: 1.75rem;
}
.epsilon,h5,.table-pricing thead th,.b-form [class^="icon-"],.lpeRegForm [class^="icon-"],.b-form [class*=" icon-"],.lpeRegForm [class*=" icon-"],.banner-description p,footer ul li a i,.f-contact i,.f-contact .f-phone a,.company-logos .trust-label,.compare-price-tbl,.compare-price-tbl th.scenario,.cq-banner,.signup-big .b-form [class^="icon-"],.signup-big .lpeRegForm [class^="icon-"],.signup-big .b-form [class*=" icon-"],.signup-big .lpeRegForm [class*=" icon-"],.pl-coin:before
{
font-size: 21px;
font-size: 1.3125rem;
}
.zeta,h6,p,blockquote,.table-pricing .icon-leaf,.table-pricing .icon-leaf-strikethrough,.land-signup-form em.error,.top-site-nav .top-nav-contact .icon-contact,.k-heading,.widget .w-title,.feature-widget .w-title,.cust-quote,.cust-name,.signup-big .textfield input.text,.signup-big .textfield input[type=email],.signup-big .ghostwriter_info,.pl-coin-small:before,.in-txt
{
font-size: 18px;
font-size: 1.125rem;
}
.default,.b-form input.text,.lpeRegForm input.text,.b-form input[type=email],.lpeRegForm input[type=email],.mktFormText,.b-form textarea,.lpeRegForm textarea,.nav,.banner-404-info p,.site-nav .nav-link,footer ul li,.f-contact .f-mail,.f-contact .f-location b,.customer-feedback,.feature-widget p,.media-text,.pl-p-s h6,.pl-p-s p,.nav-tour-panel li .tour-icon-title,.phone-pricing .pricing-txt
{
font-size: 13px;
font-size: 1rem;
}
.small,.f-label,.table-pricing .col-f-g td,.b-form em.error,.lpeRegForm em.error,footer ul li a,.f-contact .f-location,.copy,.subscribe .splRedMessage,.su-box .su-quote .cq-banner,.su-box .c-name,.su-box .p-name,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .tour-icon-title,.phone-pricing .detailed-pricing
{
font-size: 14px;
font-size: 0.875rem;
}
.mini,.b-form .required,.lpeRegForm .required {
font-size: 10px;
font-size: 0.625rem;
}
p,blockquote {
color: inherit
}
p {
font-weight: 300
}
blockquote {
border-left: 4px solid #efefef;
padding-left: 20px;
}
blockquote,figcaption {
font-family: "Source Sans Pro", "Helvetica Neue", "Lucida Grande",
sans-serif
}
pre,kbd,samp {
white-space: nowrap
}
a {
text-decoration: none;
word-wrap: break-word;
}
a {
color: #18ad90
}
a:visited {
color: #18ad90
}
a:hover {
color: #395b54
}
a:active {
color: #17a489
}
a:focus {
outline: thin dotted
}
::-moz-selection {
background: #C5D685;
color: white;
text-shadow: none;
}
::selection {
background: #C5D685;
text-shadow: none;
color: white;
}
abbr {
font-variant: small-caps;
font-weight: 600;
text-transform: lowercase;
color: gray;
}
abbr:hover {
cursor: help
}
nav ul,nav ol,.nav li,.nav ol, nav ul, nav li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
b,strong,mark {
font-weight: bold
}
small {
font-size: 65%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img,embed,object,video {
max-width: 100%
}
img {
border: 0;
vertical-align: middle;
height: auto;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e5e5e5;
margin: 30px 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer
}
legend {
border: 0;
padding: 0;
}
button,input,select,textarea {
margin: 0;
vertical-align: baseline;
}
button,input {
line-height: normal
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
resize: vertical
}
button {
border: none;
outline: none;
}
.w-grey {
background-color: #f9f9f9;
border-bottom: 1px solid #f3f3f3;
*zoom: 1;
padding-bottom: 18px;
}
.w-grey:after {
content: "";
display: table;
clear: both;
}
.w-price-seperator {
height: 55px
}
.w-grey-features {
background-color: #f9f9f9;
border: 1px solid #f3f3f3;
margin-top: 60px;
padding-top: 20px;
padding-bottom: 10px;
border-width: 1px 0;
margin-bottom: -30px;
}
@media ( min-width : 45em) {
.l-page {
max-width: 1090px;
padding-left: 25px;
padding-right: 25px;
margin-left: 200px;
margin-right: auto;
}
.l-page:after {
content: "";
display: table;
clear: both;
}
.l-page .l-page {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 60px;
}
}
.no-clear.l-page:after {
clear: none
}
.debug-grid .fc {
margin-top: 12px
}
.debug-grid [class^="fg-"],.debug-grid [class*=" fg-"] {
-webkit-box-shadow: black 0 0 1px inset;
-moz-box-shadow: black 0 0 1px inset;
box-shadow: black 0 0 1px inset;
overflow: hidden;
padding: 10px 0;
text-align: center;
}
.fc,.grid-small {
*zoom: 1
}
.fc:after,.grid-small:after {
content: "";
display: table;
clear: both;
}
@media ( min-width : 45em) {
.fg-1 {
width: 5.17241%;
float: left;
margin-right: 3.44828%;
}
.fg-2 {
width: 13.7931%;
float: left;
margin-right: 3.44828%;
}
.fg-3 {
width: 22.41379%;
float: left;
margin-right: 3.44828%;
}
.fg-4 {
width: 31.03448%;
float: left;
margin-right: 3.44828%;
}
.fg-5 {
width: 39.65517%;
float: left;
margin-right: 3.44828%;
}
.fg-6 {
width: 48.27586%;
float: left;
margin-right: 3.44828%;
}
.fg-7 {
width: 56.89655%;
float: left;
margin-right: 3.44828%;
}
.fg-8 {
width: 65.51724%;
float: left;
margin-right: 3.44828%;
}
.fg-9 {
width: 74.13793%;
float: left;
margin-right: 3.44828%;
}
.fg-10 {
width: 82.75862%;
float: left;
margin-right: 3.44828%;
}
.fg-11 {
width: 91.37931%;
float: left;
margin-right: 3.44828%;
}
.fg-12 {
width: 100%;
float: left;
margin-right: 3.44828%;
}
.fg-pull-1 {
margin-left: 8.62069%
}
.fg-pull-2 {
margin-left: 17.24138%
}
.fg-pull-3 {
margin-left: 25.86207%
}
.fg-pull-4 {
margin-left: 34.48276%
}
.fg-pull-5 {
margin-left: 43.10345%
}
.fg-pull-6 {
margin-left: 51.72414%
}
.fg-pull-7 {
margin-left: 60.34483%
}
.fg-pull-8 {
margin-left: 68.96552%
}
.fg-pull-9 {
margin-left: 77.58621%
}
.fg-pull-10 {
margin-left: 86.2069%
}
.fg-pull-11 {
margin-left: 94.82759%
}
.fg-pull-12 {
margin-left: 103.44828%
}
.fg-push-1 {
margin-left: -8.62069%
}
.fg-push-2 {
margin-left: -17.24138%
}
.fg-push-3 {
margin-left: -25.86207%
}
.fg-push-4 {
margin-left: -34.48276%
}
.fg-push-5 {
margin-left: -43.10345%
}
.fg-push-6 {
margin-left: -51.72414%
}
.fg-push-7 {
margin-left: -60.34483%
}
.fg-push-8 {
margin-left: -68.96552%
}
.fg-push-9 {
margin-left: -77.58621%
}
.fg-push-10 {
margin-left: -86.2069%
}
.fg-push-11 {
margin-left: -94.82759%
}
.fg-push-12 {
margin-left: -103.44828%
}
.omega {
float: right;
margin-right: 0;
}
}
.is-animated {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.is-hidden {
display: none !important;
visibility: hidden;
}
.is-visuallyhidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.is-invisible {
visibility: hidden
}
.btn,#mktFrmButtons input[type=submit],.signup_btn {
font-size: 18px;
font-size: 1.125rem;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 22px;
border-bottom-width: 3px;
}
.btn
:active
:not
(
.btn-disabled
),
#mktFrmButtons
input
[
type
=
submit
]
:active
:not
(
.btn-disabled
),
.signup_btn
:active
:not
(
.btn-disabled
)
{
border-bottom
:
0;
margin-top
:
3
px
;
}
.btn-mini {
font-size: 14px;
font-size: 0.875rem;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 7px;
border-bottom-width: 2px;
}
.btn-mini
:active
:not
(
.btn-disabled
)
{
border-bottom
:
0;
margin-top
:
2
px
;
}
.btn-small {
font-size: 16px;
font-size: 1rem;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 9px;
border-bottom-width: 2px;
}
.btn-small
:active
:not
(
.btn-disabled
)
{
border-bottom
:
0;
margin-top
:
2
px
;
}
.btn-large {
font-size: 21px;
font-size: 1.3125rem;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 30px;
padding-right: 27px;
border-bottom-width: 4px;
}
.btn-large
:active
:not
(
.btn-disabled
)
{
border-bottom
:
0;
margin-top
:
4
px
;
}
.btn,#mktFrmButtons input[type=submit],.signup_btn,.btn:visited,#mktFrmButtons input[type=submit]:visited,.signup_btn:visited
{
background-color: #F7D685;
border-color: #F7D685;
color: black;
}
.btn:hover,#mktFrmButtons input[type=submit]:hover,.signup_btn:hover {
background-color: #EEAA00;
border-color: #EEAA00;
color: black;
}
.btn-secondary,.btn-secondary:visited {
background-color: #eeeeee;
border-color: #e1e1e1;
color: #595959;
}
.btn-secondary:hover {
background-color: #e4e4e4;
border-color: #cacaca;
color: #595959;
}
.btn.disabled,#mktFrmButtons input.disabled[type=submit],.disabled.signup_btn,.btn.disabled:visited,#mktFrmButtons input.disabled[type=submit]:visited,.disabled.signup_btn:visited,.btn[disabled],#mktFrmButtons input[disabled][type=submit],[disabled].signup_btn,.btn[disabled]:visited,#mktFrmButtons input[disabled][type=submit]:visited,[disabled].signup_btn:visited
{
background-color: #888888;
border-color: #7b7b7b;
color: #aeaeae;
}
.btn.disabled:hover,#mktFrmButtons input.disabled[type=submit]:hover,.disabled.signup_btn:hover,.btn[disabled]:hover,#mktFrmButtons input[disabled][type=submit]:hover,[disabled].signup_btn:hover
{
background-color: #7e7e7e;
border-color: #646464;
color: #aeaeae;
}
.btn.disabled:hover,#mktFrmButtons input.disabled[type=submit]:hover,.disabled.signup_btn:hover,.btn[disabled]:hover,#mktFrmButtons input[disabled][type=submit]:hover,[disabled].signup_btn:hover
{
cursor: default
}
.btn-light,.btn-light:visited {
background-color: #19b698;
border-color: #C5D685;
color: white;
}
.btn-light:hover {
background-color: #17a489;
border-color: #107863;
color: white;
}
.btn-dark,.btn-dark:visited {
background-color: #FFA200;
border-color: #107360;
color: white;
}
.btn-dark:hover {
background-color: #107863;
border-color: #0a4b3e;
color: white;
}
.btn-red,.btn-red:visited {
background-color: #e74c3c;
border-color: #e43725;
color: white;
}
.btn-red:hover {
background-color: #e53b2a;
border-color: #c42818;
color: white;
}
.btn,#mktFrmButtons input[type=submit],.signup_btn {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
*display: inline;
*zoom: 1;
letter-spacing: 0.1rem;
font-weight: 600;
text-transform: uppercase;
border-style: solid;
border-top: 0;
border-left: 0;
border-right: 0;
text-align: center;
margin-bottom: 0;
vertical-align: middle;
line-height: 1;
cursor: pointer;
*border: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
*margin-left: .3em;
-webkit-transition-property: background, border;
-moz-transition-property: background, border;
-o-transition-property: background, border;
transition-property: background, border;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.btn:first-child,#mktFrmButtons input[type=submit]:first-child,.signup_btn:first-child
{
*margin-left: 0
}
.btn:hover,#mktFrmButtons input[type=submit]:hover,.signup_btn:hover,.btn:active,#mktFrmButtons input[type=submit]:active,.signup_btn:active,.btn:visited,#mktFrmButtons input[type=submit]:visited,.signup_btn:visited
{
text-decoration: none
}
.btn-block,.signup_btn_block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block *,.signup_btn_block * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-loading {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%,
transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-o-background-size: 50px 50px;
background-size: 50px 50px;
-webkit-animation: btn-loading 1.3s linear infinite;
-moz-animation: btn-loading 1.3s linear infinite;
-ms-animation: btn-loading 1.3s linear infinite;
-o-animation: btn-loading 1.3s linear infinite;
animation: btn-loading 1.3s linear infinite;
overflow: hidden;
}
@
-moz-keyframes btn-loading { 0% {
background-position: 0 0
}
100%
{
background-position
:
50
px
50
px
}
}
@
-webkit-keyframes btn-loading { 0% {
background-position: 0 0
}
100%
{
background-position
:
50
px
50
px
}
}
@
-o-keyframes btn-loading { 0% {
background-position: 0 0
}
100%
{
background-position
:
50
px
50
px
}
}
@
-ms-keyframes btn-loading { 0% {
background-position: 0 0
}
100%
{
background-position
:
50
px
50
px
}
}
@
keyframes btn-loading { 0% {
background-position: 0 0
}
100%
{
background-position
:
50
px
50
px
}
}
@
-moz-keyframes fadeOut { 0% {
opacity: 1
}
100%
{
opacity
:
0
}
}
@
-webkit-keyframes fadeOut { 0% {
opacity: 1
}
100%
{
opacity
:
0
}
}
@
-o-keyframes fadeOut { 0% {
opacity: 1
}
100%
{
opacity
:
0
}
}
@
-ms-keyframes fadeOut { 0% {
opacity: 1
}
100%
{
opacity
:
0
}
}
@
keyframes fadeOut { 0% {
opacity: 1
}
100%
{
opacity
:
0
}
}
@
-moz-keyframes fadeOutUp { 0% {
-moz-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-moz-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutUp { 0% {
-webkit-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-webkit-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutUp { 0% {
-o-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-o-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutUp { 0% {
-ms-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-ms-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
opacity
:
0;
}
}
@
keyframes fadeOutUp { 0% {
transform: translateY();
opacity: 1;
}
100%
{
transform
:
translateY
(-20
px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutDown { 0% {
-moz-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-moz-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutDown { 0% {
-webkit-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-webkit-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutDown { 0% {
-o-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-o-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutDown { 0% {
-ms-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-ms-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
opacity
:
0;
}
}
@
keyframes fadeOutDown { 0% {
transform: translateY();
opacity: 1;
}
100%
{
transform
:
translateY
(20
px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutRight { 0% {
-moz-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-moz-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutRight { 0% {
-webkit-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-webkit-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutRight { 0% {
-o-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-o-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutRight { 0% {
-ms-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-ms-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
opacity
:
0;
}
}
@
keyframes fadeOutRight { 0% {
transform: translateX();
opacity: 1;
}
100%
{
transform
:
translateX
(20
px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutLeft { 0% {
-moz-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-moz-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutLeft { 0% {
-webkit-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-webkit-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutLeft { 0% {
-o-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-o-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutLeft { 0% {
-ms-transform: translateX();
transform: translateX();
opacity: 1;
}
100%
{
-ms-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
opacity
:
0;
}
}
@
keyframes fadeOutLeft { 0% {
transform: translateX();
opacity: 1;
}
100%
{
transform
:
translateX
(-20
px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutUpBig { 0% {
-moz-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-moz-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutUpBig { 0% {
-webkit-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-webkit-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutUpBig { 0% {
-o-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-o-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutUpBig { 0% {
-ms-transform: translateY();
transform: translateY();
opacity: 1;
}
100%
{
-ms-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
opacity
:
0;
}
}
@
keyframes fadeOutUpBig { 0% {
transform: translateY();
opacity: 1;
}
100%
{
transform
:
translateY
(-2000
px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutDownBig { 0% {
opacity: 1;
-moz-transform: translateY();
transform: translateY();
}
100%
{
opacity
:
0;
-moz-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-webkit-keyframes fadeOutDownBig { 0% {
opacity: 1;
-webkit-transform: translateY();
transform: translateY();
}
100%
{
opacity
:
0;
-webkit-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-o-keyframes fadeOutDownBig { 0% {
opacity: 1;
-o-transform: translateY();
transform: translateY();
}
100%
{
opacity
:
0;
-o-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-ms-keyframes fadeOutDownBig { 0% {
opacity: 1;
-ms-transform: translateY();
transform: translateY();
}
100%
{
opacity
:
0;
-ms-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
keyframes fadeOutDownBig { 0% {
opacity: 1;
transform: translateY();
}
100%
{
opacity
:
0;
transform
:
translateY
(2000
px
);
}
}
@
-moz-keyframes fadeOutRightBig { 0% {
opacity: 1;
-moz-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-moz-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-webkit-keyframes fadeOutRightBig { 0% {
opacity: 1;
-webkit-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-webkit-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-o-keyframes fadeOutRightBig { 0% {
opacity: 1;
-o-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-o-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-ms-keyframes fadeOutRightBig { 0% {
opacity: 1;
-ms-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-ms-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
keyframes fadeOutRightBig { 0% {
opacity: 1;
transform: translateX();
}
100%
{
opacity
:
0;
transform
:
translateX
(2000
px
);
}
}
@
-moz-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-moz-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-moz-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-webkit-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-webkit-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-webkit-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-o-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-o-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-o-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-ms-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-ms-transform: translateX();
transform: translateX();
}
100%
{
opacity
:
0;
-ms-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
keyframes fadeOutLeftBig { 0% {
opacity: 1;
transform: translateX();
}
100%
{
opacity
:
0;
transform
:
translateX
(-2000
px
);
}
}
@
-moz-keyframes fadeIn { 0% {
opacity: 0
}
100%
{
opacity
:
1
}
}
@
-webkit-keyframes fadeIn { 0% {
opacity: 0
}
100%
{
opacity
:
1
}
}
@
-o-keyframes fadeIn { 0% {
opacity: 0
}
100%
{
opacity
:
1
}
}
@
-ms-keyframes fadeIn { 0% {
opacity: 0
}
100%
{
opacity
:
1
}
}
@
keyframes fadeIn { 0% {
opacity: 0
}
100%
{
opacity
:
1
}
}
@
-moz-keyframes fadeInUp { 0% {
-moz-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-webkit-keyframes fadeInUp { 0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-o-keyframes fadeInUp { 0% {
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-ms-keyframes fadeInUp { 0% {
-ms-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
keyframes fadeInUp { 0% {
transform: translateY(20px);
opacity: 0;
}
100%
{
transform
:
translateY
();
opacity
:
1;
}
}
@
-moz-keyframes fadeInDown { 0% {
-moz-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-webkit-keyframes fadeInDown { 0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-o-keyframes fadeInDown { 0% {
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-ms-keyframes fadeInDown { 0% {
-ms-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
keyframes fadeInDown { 0% {
transform: translateY(-20px);
opacity: 0;
}
100%
{
transform
:
translateY
();
opacity
:
1;
}
}
@
-moz-keyframes fadeInRight { 0% {
-moz-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100%
{
-moz-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-webkit-keyframes fadeInRight { 0% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100%
{
-webkit-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-o-keyframes fadeInRight { 0% {
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100%
{
-o-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-ms-keyframes fadeInRight { 0% {
-ms-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
}
100%
{
-ms-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
keyframes fadeInRight { 0% {
transform: translateX(20px);
opacity: 0;
}
100%
{
transform
:
translateX
();
opacity
:
1;
}
}
@
-moz-keyframes fadeInLeft { 0% {
-moz-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100%
{
-moz-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-webkit-keyframes fadeInLeft { 0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100%
{
-webkit-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-o-keyframes fadeInLeft { 0% {
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100%
{
-o-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
-ms-keyframes fadeInLeft { 0% {
-ms-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
100%
{
-ms-transform
:
translateX
();
transform
:
translateX
();
opacity
:
1;
}
}
@
keyframes fadeInLeft { 0% {
transform: translateX(-20px);
opacity: 0;
}
100%
{
transform
:
translateX
();
opacity
:
1;
}
}
@
-moz-keyframes fadeInUpBig { 0% {
-moz-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-webkit-keyframes fadeInUpBig { 0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-o-keyframes fadeInUpBig { 0% {
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
-ms-keyframes fadeInUpBig { 0% {
-ms-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0;
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
opacity
:
1;
}
}
@
keyframes fadeInUpBig { 0% {
transform: translateY(2000px);
opacity: 0;
}
100%
{
transform
:
translateY
();
opacity
:
1;
}
}
@
-moz-keyframes fadeInDownBig { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100%
{
opacity
:
1;
-moz-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-webkit-keyframes fadeInDownBig { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100%
{
opacity
:
1;
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-o-keyframes fadeInDownBig { 0% {
opacity: 0;
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100%
{
opacity
:
1;
-o-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-ms-keyframes fadeInDownBig { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100%
{
opacity
:
1;
-ms-transform
:
translateY
();
transform
:
translateY
();
}
}
@
keyframes fadeInDownBig { 0% {
opacity: 0;
transform: translateY(-2000px);
}
100%
{
opacity
:
1;
transform
:
translateY
();
}
}
@
-moz-keyframes fadeInRightBig { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
transform: translateX(2000px);
}
100%
{
opacity
:
1;
-moz-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-webkit-keyframes fadeInRightBig { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100%
{
opacity
:
1;
-webkit-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-o-keyframes fadeInRightBig { 0% {
opacity: 0;
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
100%
{
opacity
:
1;
-o-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-ms-keyframes fadeInRightBig { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100%
{
opacity
:
1;
-ms-transform
:
translateX
();
transform
:
translateX
();
}
}
@
keyframes fadeInRightBig { 0% {
opacity: 0;
transform: translateX(2000px);
}
100%
{
opacity
:
1;
transform
:
translateX
();
}
}
@
-moz-keyframes fadeInLeftBig { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100%
{
opacity
:
1;
-moz-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-webkit-keyframes fadeInLeftBig { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100%
{
opacity
:
1;
-webkit-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-o-keyframes fadeInLeftBig { 0% {
opacity: 0;
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100%
{
opacity
:
1;
-o-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-ms-keyframes fadeInLeftBig { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100%
{
opacity
:
1;
-ms-transform
:
translateX
();
transform
:
translateX
();
}
}
@
keyframes fadeInLeftBig { 0% {
opacity: 0;
transform: translateX(-2000px);
}
100%
{
opacity
:
1;
transform
:
translateX
();
}
}
@
-moz-keyframes bounceOut { 0% {
-moz-transform: scale(1, 1);
transform: scale(1, 1);
}
25%
{
-moz-transform
:
scale
(0
.95
,
0
.95
);
transform
:
scale
(0
.95
,
0
.95
);
}
50%
{
opacity
:
1;
-moz-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
opacity
:
0;
-moz-transform
:
scale
(0
.3
,
0
.3
);
transform
:
scale
(0
.3
,
0
.3
);
}
}
@
-webkit-keyframes bounceOut { 0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
25%
{
-webkit-transform
:
scale
(0
.95
,
0
.95
);
transform
:
scale
(0
.95
,
0
.95
);
}
50%
{
opacity
:
1;
-webkit-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
opacity
:
0;
-webkit-transform
:
scale
(0
.3
,
0
.3
);
transform
:
scale
(0
.3
,
0
.3
);
}
}
@
-o-keyframes bounceOut { 0% {
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
25%
{
-o-transform
:
scale
(0
.95
,
0
.95
);
transform
:
scale
(0
.95
,
0
.95
);
}
50%
{
opacity
:
1;
-o-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
opacity
:
0;
-o-transform
:
scale
(0
.3
,
0
.3
);
transform
:
scale
(0
.3
,
0
.3
);
}
}
@
-ms-keyframes bounceOut { 0% {
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
25%
{
-ms-transform
:
scale
(0
.95
,
0
.95
);
transform
:
scale
(0
.95
,
0
.95
);
}
50%
{
opacity
:
1;
-ms-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
opacity
:
0;
-ms-transform
:
scale
(0
.3
,
0
.3
);
transform
:
scale
(0
.3
,
0
.3
);
}
}
@
keyframes bounceOut { 0% {
transform: scale(1, 1)
}
25%
{
transform
:
scale
(0
.95
,
0
.95
)
}
50%
{
opacity
:
1;
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
opacity
:
0;
transform
:
scale
(0
.3
,
0
.3
);
}
}
@
-moz-keyframes bounceOutUp { 0% {
-moz-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-moz-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
}
100%
{
opacity
:
0;
-moz-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
}
}
@
-webkit-keyframes bounceOutUp { 0% {
-webkit-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-webkit-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
}
100%
{
opacity
:
0;
-webkit-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
}
}
@
-o-keyframes bounceOutUp { 0% {
-o-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-o-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
}
100%
{
opacity
:
0;
-o-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
}
}
@
-ms-keyframes bounceOutUp { 0% {
-ms-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-ms-transform
:
translateY
(20
px
);
transform
:
translateY
(20
px
);
}
100%
{
opacity
:
0;
-ms-transform
:
translateY
(-2000
px
);
transform
:
translateY
(-2000
px
);
}
}
@
keyframes bounceOutUp { 0% {
transform: translateY()
}
20%
{
opacity
:
1;
transform
:
translateY
(20
px
);
}
100%
{
opacity
:
0;
transform
:
translateY
(-2000
px
);
}
}
@
-moz-keyframes bounceOutDown { 0% {
-moz-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-moz-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
}
100%
{
opacity
:
0;
-moz-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-webkit-keyframes bounceOutDown { 0% {
-webkit-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-webkit-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
}
100%
{
opacity
:
0;
-webkit-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-o-keyframes bounceOutDown { 0% {
-o-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-o-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
}
100%
{
opacity
:
0;
-o-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
-ms-keyframes bounceOutDown { 0% {
-ms-transform: translateY();
transform: translateY();
}
20%
{
opacity
:
1;
-ms-transform
:
translateY
(-20
px
);
transform
:
translateY
(-20
px
);
}
100%
{
opacity
:
0;
-ms-transform
:
translateY
(2000
px
);
transform
:
translateY
(2000
px
);
}
}
@
keyframes bounceOutDown { 0% {
transform: translateY()
}
20%
{
opacity
:
1;
transform
:
translateY
(-20
px
);
}
100%
{
opacity
:
0;
transform
:
translateY
(2000
px
);
}
}
@
-moz-keyframes bounceOutLeft { 0% {
-moz-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-moz-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
}
100%
{
opacity
:
0;
-moz-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-webkit-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
}
100%
{
opacity
:
0;
-webkit-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-o-keyframes bounceOutLeft { 0% {
-o-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-o-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
}
100%
{
opacity
:
0;
-o-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
-ms-keyframes bounceOutLeft { 0% {
-ms-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-ms-transform
:
translateX
(20
px
);
transform
:
translateX
(20
px
);
}
100%
{
opacity
:
0;
-ms-transform
:
translateX
(-2000
px
);
transform
:
translateX
(-2000
px
);
}
}
@
keyframes bounceOutLeft { 0% {
transform: translateX()
}
20%
{
opacity
:
1;
transform
:
translateX
(20
px
);
}
100%
{
opacity
:
0;
transform
:
translateX
(-2000
px
);
}
}
@
-moz-keyframes bounceOutRight { 0% {
-moz-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-moz-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
}
100%
{
opacity
:
0;
-moz-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-webkit-keyframes bounceOutRight { 0% {
-webkit-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-webkit-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
}
100%
{
opacity
:
0;
-webkit-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-o-keyframes bounceOutRight { 0% {
-o-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-o-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
}
100%
{
opacity
:
0;
-o-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
-ms-keyframes bounceOutRight { 0% {
-ms-transform: translateX();
transform: translateX();
}
20%
{
opacity
:
1;
-ms-transform
:
translateX
(-20
px
);
transform
:
translateX
(-20
px
);
}
100%
{
opacity
:
0;
-ms-transform
:
translateX
(2000
px
);
transform
:
translateX
(2000
px
);
}
}
@
keyframes bounceOutRight { 0% {
transform: translateX()
}
20%
{
opacity
:
1;
transform
:
translateX
(-20
px
);
}
100%
{
opacity
:
0;
transform
:
translateX
(2000
px
);
}
}
@
-moz-keyframes bounceIn { 0% {
opacity: 0;
-moz-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50%
{
opacity
:
1;
-moz-transform
:
scale
(1
.05
,
1
.05
);
transform
:
scale
(1
.05
,
1
.05
);
}
70%
{
-moz-transform
:
scale
(0
.9
,
0
.9
);
transform
:
scale
(0
.9
,
0
.9
);
}
100%
{
-moz-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-webkit-keyframes bounceIn { 0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50%
{
opacity
:
1;
-webkit-transform
:
scale
(1
.05
,
1
.05
);
transform
:
scale
(1
.05
,
1
.05
);
}
70%
{
-webkit-transform
:
scale
(0
.9
,
0
.9
);
transform
:
scale
(0
.9
,
0
.9
);
}
100%
{
-webkit-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-o-keyframes bounceIn { 0% {
opacity: 0;
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50%
{
opacity
:
1;
-o-transform
:
scale
(1
.05
,
1
.05
);
transform
:
scale
(1
.05
,
1
.05
);
}
70%
{
-o-transform
:
scale
(0
.9
,
0
.9
);
transform
:
scale
(0
.9
,
0
.9
);
}
100%
{
-o-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-ms-keyframes bounceIn { 0% {
opacity: 0;
-ms-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
50%
{
opacity
:
1;
-ms-transform
:
scale
(1
.05
,
1
.05
);
transform
:
scale
(1
.05
,
1
.05
);
}
70%
{
-ms-transform
:
scale
(0
.9
,
0
.9
);
transform
:
scale
(0
.9
,
0
.9
);
}
100%
{
-ms-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
keyframes bounceIn { 0% {
opacity: 0;
transform: scale(0.3, 0.3);
}
50%
{
opacity
:
1;
transform
:
scale
(1
.05
,
1
.05
);
}
70%
{
transform
:
scale
(0
.9
,
0
.9
)
}
100%
{
transform
:
scale
(1
,
1)
}
}
@
-moz-keyframes bounceInDown { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60%
{
opacity
:
1;
-moz-transform
:
translateY
(30
px
);
transform
:
translateY
(30
px
);
}
80%
{
-moz-transform
:
translateY
(-10
px
);
transform
:
translateY
(-10
px
);
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-webkit-keyframes bounceInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60%
{
opacity
:
1;
-webkit-transform
:
translateY
(30
px
);
transform
:
translateY
(30
px
);
}
80%
{
-webkit-transform
:
translateY
(-10
px
);
transform
:
translateY
(-10
px
);
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-o-keyframes bounceInDown { 0% {
opacity: 0;
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60%
{
opacity
:
1;
-o-transform
:
translateY
(30
px
);
transform
:
translateY
(30
px
);
}
80%
{
-o-transform
:
translateY
(-10
px
);
transform
:
translateY
(-10
px
);
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-ms-keyframes bounceInDown { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60%
{
opacity
:
1;
-ms-transform
:
translateY
(30
px
);
transform
:
translateY
(30
px
);
}
80%
{
-ms-transform
:
translateY
(-10
px
);
transform
:
translateY
(-10
px
);
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
}
@
keyframes bounceInDown { 0% {
opacity: 0;
transform: translateY(-2000px);
}
60%
{
opacity
:
1;
transform
:
translateY
(30
px
);
}
80%
{
transform
:
translateY
(-10
px
)
}
100%
{
transform
:
translateY
()
}
}
@
-moz-keyframes bounceInUp { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
transform: translateY(2000px);
}
60%
{
opacity
:
1;
-moz-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
80%
{
-moz-transform
:
translateY
(10
px
);
transform
:
translateY
(10
px
);
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-webkit-keyframes bounceInUp { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60%
{
opacity
:
1;
-webkit-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
80%
{
-webkit-transform
:
translateY
(10
px
);
transform
:
translateY
(10
px
);
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-o-keyframes bounceInUp { 0% {
opacity: 0;
-o-transform: translateY(2000px);
transform: translateY(2000px);
}
60%
{
opacity
:
1;
-o-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
80%
{
-o-transform
:
translateY
(10
px
);
transform
:
translateY
(10
px
);
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-ms-keyframes bounceInUp { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60%
{
opacity
:
1;
-ms-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
80%
{
-ms-transform
:
translateY
(10
px
);
transform
:
translateY
(10
px
);
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
}
@
keyframes bounceInUp { 0% {
opacity: 0;
transform: translateY(2000px);
}
60%
{
opacity
:
1;
transform
:
translateY
(-30
px
);
}
80%
{
transform
:
translateY
(10
px
)
}
100%
{
transform
:
translateY
()
}
}
@
-moz-keyframes bounceInRight { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
transform: translateX(2000px);
}
60%
{
opacity
:
1;
-moz-transform
:
translateX
(-30
px
);
transform
:
translateX
(-30
px
);
}
80%
{
-moz-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
100%
{
-moz-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-webkit-keyframes bounceInRight { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60%
{
opacity
:
1;
-webkit-transform
:
translateX
(-30
px
);
transform
:
translateX
(-30
px
);
}
80%
{
-webkit-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
100%
{
-webkit-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-o-keyframes bounceInRight { 0% {
opacity: 0;
-o-transform: translateX(2000px);
transform: translateX(2000px);
}
60%
{
opacity
:
1;
-o-transform
:
translateX
(-30
px
);
transform
:
translateX
(-30
px
);
}
80%
{
-o-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
100%
{
-o-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-ms-keyframes bounceInRight { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60%
{
opacity
:
1;
-ms-transform
:
translateX
(-30
px
);
transform
:
translateX
(-30
px
);
}
80%
{
-ms-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
100%
{
-ms-transform
:
translateX
();
transform
:
translateX
();
}
}
@
keyframes bounceInRight { 0% {
opacity: 0;
transform: translateX(2000px);
}
60%
{
opacity
:
1;
transform
:
translateX
(-30
px
);
}
80%
{
transform
:
translateX
(10
px
)
}
100%
{
transform
:
translateX
()
}
}
@
-moz-keyframes bounceInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60%
{
opacity
:
1;
-moz-transform
:
translateX
(30
px
);
transform
:
translateX
(30
px
);
}
80%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-moz-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-webkit-keyframes bounceInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60%
{
opacity
:
1;
-webkit-transform
:
translateX
(30
px
);
transform
:
translateX
(30
px
);
}
80%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-webkit-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-o-keyframes bounceInLeft { 0% {
opacity: 0;
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60%
{
opacity
:
1;
-o-transform
:
translateX
(30
px
);
transform
:
translateX
(30
px
);
}
80%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-o-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-ms-keyframes bounceInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60%
{
opacity
:
1;
-ms-transform
:
translateX
(30
px
);
transform
:
translateX
(30
px
);
}
80%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-ms-transform
:
translateX
();
transform
:
translateX
();
}
}
@
keyframes bounceInLeft { 0% {
opacity: 0;
transform: translateX(-2000px);
}
60%
{
opacity
:
1;
transform
:
translateX
(30
px
);
}
80%
{
transform
:
translateX
(-10
px
)
}
100%
{
transform
:
translateX
()
}
}
@
-moz-keyframes rotateOut { 0% {
-moz-transform-origin: center center 50%;
transform-origin: center center 50%;
-moz-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-moz-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-moz-transform
:
rotate
(200
deg
);
transform
:
rotate
(200
deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-webkit-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate
(200
deg
);
transform
:
rotate
(200
deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOut { 0% {
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-o-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-o-transform
:
rotate
(200
deg
);
transform
:
rotate
(200
deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOut { 0% {
-ms-transform-origin: center center 50%;
transform-origin: center center 50%;
-ms-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-ms-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-ms-transform
:
rotate
(200
deg
);
transform
:
rotate
(200
deg
);
opacity
:
0;
}
}
@
keyframes rotateOut { 0% {
transform-origin: center center 50%;
transform: rotate();
opacity: 1;
}
100%
{
transform-origin
:
center
center
50%;
transform
:
rotate
(200
deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutDownLeft { 0% {
-moz-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-moz-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-moz-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-moz-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-webkit-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutDownLeft { 0% {
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-o-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-o-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutDownLeft { 0% {
-ms-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-ms-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-ms-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-ms-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
keyframes rotateOutDownLeft { 0% {
transform-origin: left bottom 50%;
transform: rotate();
opacity: 1;
}
100%
{
transform-origin
:
left
bottom
50%;
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutUpLeft { 0% {
-moz-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-moz-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-moz-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-moz-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-webkit-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutUpLeft { 0% {
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-o-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-o-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutUpLeft { 0% {
-ms-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-ms-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-ms-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-ms-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
keyframes rotateOutUpLeft { 0% {
transform-origin: left bottom 50%;
transform: rotate();
opacity: 1;
}
100%
{
transform-origin
:
left
bottom
50%;
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutDownRight { 0% {
-moz-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-moz-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-moz-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-moz-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-webkit-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutDownRight { 0% {
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-o-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-o-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutDownRight { 0% {
-ms-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-ms-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-ms-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-ms-transform
:
rotate
(-90
deg
);
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
keyframes rotateOutDownRight { 0% {
transform-origin: right bottom 50%;
transform: rotate();
opacity: 1;
}
100%
{
transform-origin
:
right
bottom
50%;
transform
:
rotate
(-90
deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutUpRight { 0% {
-moz-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-moz-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-moz-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-moz-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-webkit-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutUpRight { 0% {
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-o-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-o-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutUpRight { 0% {
-ms-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-ms-transform: rotate();
transform: rotate();
opacity: 1;
}
100%
{
-ms-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-ms-transform
:
rotate
(90
deg
);
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
keyframes rotateOutUpRight { 0% {
transform-origin: right bottom 50%;
transform: rotate();
opacity: 1;
}
100%
{
transform-origin
:
right
bottom
50%;
transform
:
rotate
(90
deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateIn { 0% {
-moz-transform-origin: center center 50%;
transform-origin: center center 50%;
-moz-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100%
{
-moz-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-moz-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100%
{
-webkit-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-o-keyframes rotateIn { 0% {
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100%
{
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-o-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-ms-keyframes rotateIn { 0% {
-ms-transform-origin: center center 50%;
transform-origin: center center 50%;
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100%
{
-ms-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-ms-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
keyframes rotateIn { 0% {
transform-origin: center center 50%;
transform: rotate(-200deg);
opacity: 0;
}
100%
{
transform-origin
:
center
center
50%;
transform
:
rotate
();
opacity
:
1;
}
}
@
-moz-keyframes rotateInDownLeft { 0% {
-moz-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-moz-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-moz-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-webkit-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-o-keyframes rotateInDownLeft { 0% {
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-o-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-ms-keyframes rotateInDownLeft { 0% {
-ms-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-ms-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-ms-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
keyframes rotateInDownLeft { 0% {
transform-origin: left bottom 50%;
transform: rotate(-90deg);
opacity: 0;
}
100%
{
transform-origin
:
left
bottom
50%;
transform
:
rotate
();
opacity
:
1;
}
}
@
-moz-keyframes rotateInUpLeft { 0% {
-moz-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-moz-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-moz-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-webkit-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-o-keyframes rotateInUpLeft { 0% {
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-o-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-ms-keyframes rotateInUpLeft { 0% {
-ms-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-ms-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-ms-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
keyframes rotateInUpLeft { 0% {
transform-origin: left bottom 50%;
transform: rotate(90deg);
opacity: 0;
}
100%
{
transform-origin
:
left
bottom
50%;
transform
:
rotate
();
opacity
:
1;
}
}
@
-moz-keyframes rotateInUpRight { 0% {
-moz-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-moz-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-moz-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-webkit-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-o-keyframes rotateInUpRight { 0% {
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-o-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-ms-keyframes rotateInUpRight { 0% {
-ms-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100%
{
-ms-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-ms-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
keyframes rotateInUpRight { 0% {
transform-origin: right bottom 50%;
transform: rotate(-90deg);
opacity: 0;
}
100%
{
transform-origin
:
right
bottom
50%;
transform
:
rotate
();
opacity
:
1;
}
}
@
-moz-keyframes rotateInDownRight { 0% {
-moz-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-moz-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-moz-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-webkit-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-o-keyframes rotateInDownRight { 0% {
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-o-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
-ms-keyframes rotateInDownRight { 0% {
-ms-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100%
{
-ms-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-ms-transform
:
rotate
();
transform
:
rotate
();
opacity
:
1;
}
}
@
keyframes rotateInDownRight { 0% {
transform-origin: right bottom 50%;
transform: rotate(90deg);
opacity: 0;
}
100%
{
transform-origin
:
right
bottom
50%;
transform
:
rotate
();
opacity
:
1;
}
}
@
-moz-keyframes flip { 0% {
-moz-transform: perspective(400px) rotateY();
transform: perspective(400px) rotateY();
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40%
{
-moz-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
-moz-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
;
}
50%
{
-moz-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
-moz-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
80%
{
-moz-transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
-moz-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
100%
{
-moz-transform
:
perspective
(400
px
)
scale
(1);
transform
:
perspective
(400
px
)
scale
(1);
-moz-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
}
@
-webkit-keyframes flip { 0% {
-webkit-transform: perspective(400px) rotateY();
transform: perspective(400px) rotateY();
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40%
{
-webkit-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
;
}
50%
{
-webkit-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
80%
{
-webkit-transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
100%
{
-webkit-transform
:
perspective
(400
px
)
scale
(1);
transform
:
perspective
(400
px
)
scale
(1);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
}
@
-o-keyframes flip { 0% {
-o-transform: perspective(400px) rotateY();
transform: perspective(400px) rotateY();
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40%
{
-o-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
-o-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
;
}
50%
{
-o-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
-o-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
80%
{
-o-transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
-o-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
100%
{
-o-transform
:
perspective
(400
px
)
scale
(1);
transform
:
perspective
(400
px
)
scale
(1);
-o-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
}
@
-ms-keyframes flip { 0% {
-ms-transform: perspective(400px) rotateY();
transform: perspective(400px) rotateY();
-ms-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40%
{
-ms-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
-ms-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
;
}
50%
{
-ms-transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
-ms-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
80%
{
-ms-transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
-ms-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
100%
{
-ms-transform
:
perspective
(400
px
)
scale
(1);
transform
:
perspective
(400
px
)
scale
(1);
-ms-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
}
}
@
keyframes flip { 0% {
transform: perspective(400px) rotateY();
animation-timing-function: ease-out;
}
40%
{
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(170
deg
);
animation-timing-function
:
ease-out
;
}
50%
{
transform
:
perspective
(400
px
)
translateZ
(150
px
)
rotateY
(190
deg
)
scale
(1);
animation-timing-function
:
ease-in
;
}
80%
{
transform
:
perspective
(400
px
)
rotateY
(360
deg
)
scale
(0
.95
);
animation-timing-function
:
ease-in
;
}
100%
{
transform
:
perspective
(400
px
)
scale
(1);
animation-timing-function
:
ease-in
;
}
}
@
-moz-keyframes flipInX { 0% {
-moz-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-moz-transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
}
70%
{
-moz-transform
:
perspective
(400
px
)
rotateX
(10
deg
);
transform
:
perspective
(400
px
)
rotateX
(10
deg
);
}
100%
{
-moz-transform
:
perspective
(400
px
)
rotateX
(0
deg
);
transform
:
perspective
(400
px
)
rotateX
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-webkit-keyframes flipInX { 0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-webkit-transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
}
70%
{
-webkit-transform
:
perspective
(400
px
)
rotateX
(10
deg
);
transform
:
perspective
(400
px
)
rotateX
(10
deg
);
}
100%
{
-webkit-transform
:
perspective
(400
px
)
rotateX
(0
deg
);
transform
:
perspective
(400
px
)
rotateX
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-o-keyframes flipInX { 0% {
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-o-transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
}
70%
{
-o-transform
:
perspective
(400
px
)
rotateX
(10
deg
);
transform
:
perspective
(400
px
)
rotateX
(10
deg
);
}
100%
{
-o-transform
:
perspective
(400
px
)
rotateX
(0
deg
);
transform
:
perspective
(400
px
)
rotateX
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-ms-keyframes flipInX { 0% {
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-ms-transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
transform
:
perspective
(400
px
)
rotateX
(-10
deg
);
}
70%
{
-ms-transform
:
perspective
(400
px
)
rotateX
(10
deg
);
transform
:
perspective
(400
px
)
rotateX
(10
deg
);
}
100%
{
-ms-transform
:
perspective
(400
px
)
rotateX
(0
deg
);
transform
:
perspective
(400
px
)
rotateX
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
keyframes flipInX { 0% {
transform: perspective(400px) rotateX(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
transform
:
perspective
(400
px
)
rotateX
(-10
deg
)
}
70%
{
transform
:
perspective
(400
px
)
rotateX
(10
deg
)
}
100%
{
transform
:
perspective
(400
px
)
rotateX
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-moz-keyframes flipOutX { 0% {
-moz-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-moz-transform
:
perspective
(400
px
)
rotateX
(90
deg
);
transform
:
perspective
(400
px
)
rotateX
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-webkit-keyframes flipOutX { 0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-webkit-transform
:
perspective
(400
px
)
rotateX
(90
deg
);
transform
:
perspective
(400
px
)
rotateX
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-o-keyframes flipOutX { 0% {
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-o-transform
:
perspective
(400
px
)
rotateX
(90
deg
);
transform
:
perspective
(400
px
)
rotateX
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-ms-keyframes flipOutX { 0% {
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-ms-transform
:
perspective
(400
px
)
rotateX
(90
deg
);
transform
:
perspective
(400
px
)
rotateX
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
keyframes flipOutX { 0% {
transform: perspective(400px) rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
transform
:
perspective
(400
px
)
rotateX
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-moz-keyframes flipInY { 0% {
-moz-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-moz-transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
}
70%
{
-moz-transform
:
perspective
(400
px
)
rotateY
(10
deg
);
transform
:
perspective
(400
px
)
rotateY
(10
deg
);
}
100%
{
-moz-transform
:
perspective
(400
px
)
rotateY
(0
deg
);
transform
:
perspective
(400
px
)
rotateY
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-webkit-keyframes flipInY { 0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-webkit-transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
}
70%
{
-webkit-transform
:
perspective
(400
px
)
rotateY
(10
deg
);
transform
:
perspective
(400
px
)
rotateY
(10
deg
);
}
100%
{
-webkit-transform
:
perspective
(400
px
)
rotateY
(0
deg
);
transform
:
perspective
(400
px
)
rotateY
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-o-keyframes flipInY { 0% {
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-o-transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
}
70%
{
-o-transform
:
perspective
(400
px
)
rotateY
(10
deg
);
transform
:
perspective
(400
px
)
rotateY
(10
deg
);
}
100%
{
-o-transform
:
perspective
(400
px
)
rotateY
(0
deg
);
transform
:
perspective
(400
px
)
rotateY
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-ms-keyframes flipInY { 0% {
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
-ms-transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
transform
:
perspective
(400
px
)
rotateY
(-10
deg
);
}
70%
{
-ms-transform
:
perspective
(400
px
)
rotateY
(10
deg
);
transform
:
perspective
(400
px
)
rotateY
(10
deg
);
}
100%
{
-ms-transform
:
perspective
(400
px
)
rotateY
(0
deg
);
transform
:
perspective
(400
px
)
rotateY
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
keyframes flipInY { 0% {
transform: perspective(400px) rotateY(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
40%
{
transform
:
perspective
(400
px
)
rotateY
(-10
deg
)
}
70%
{
transform
:
perspective
(400
px
)
rotateY
(10
deg
)
}
100%
{
transform
:
perspective
(400
px
)
rotateY
(0
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
}
}
@
-moz-keyframes flipOutY { 0% {
-moz-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-moz-transform
:
perspective
(400
px
)
rotateY
(90
deg
);
transform
:
perspective
(400
px
)
rotateY
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-webkit-keyframes flipOutY { 0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-webkit-transform
:
perspective
(400
px
)
rotateY
(90
deg
);
transform
:
perspective
(400
px
)
rotateY
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-o-keyframes flipOutY { 0% {
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-o-transform
:
perspective
(400
px
)
rotateY
(90
deg
);
transform
:
perspective
(400
px
)
rotateY
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-ms-keyframes flipOutY { 0% {
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
-ms-transform
:
perspective
(400
px
)
rotateY
(90
deg
);
transform
:
perspective
(400
px
)
rotateY
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
keyframes flipOutY { 0% {
transform: perspective(400px) rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
100%
{
transform
:
perspective
(400
px
)
rotateY
(90
deg
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-moz-keyframes flash { 0% {
opacity: 1
}
25%
{
opacity
:
0
}
50%
{
opacity
:
1
}
75%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-webkit-keyframes flash { 0% {
opacity: 1
}
25%
{
opacity
:
0
}
50%
{
opacity
:
1
}
75%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-o-keyframes flash { 0% {
opacity: 1
}
25%
{
opacity
:
0
}
50%
{
opacity
:
1
}
75%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-ms-keyframes flash { 0% {
opacity: 1
}
25%
{
opacity
:
0
}
50%
{
opacity
:
1
}
75%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
keyframes flash { 0% {
opacity: 1
}
25%
{
opacity
:
0
}
50%
{
opacity
:
1
}
75%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-moz-keyframes bounce { 0% {
-moz-transform: translateY();
transform: translateY();
}
20%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
40%
{
-moz-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
50%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
60%
{
-moz-transform
:
translateY
(-15
px
);
transform
:
translateY
(-15
px
);
}
80%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
100%
{
-moz-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-webkit-keyframes bounce { 0% {
-webkit-transform: translateY();
transform: translateY();
}
20%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
40%
{
-webkit-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
50%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
60%
{
-webkit-transform
:
translateY
(-15
px
);
transform
:
translateY
(-15
px
);
}
80%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
100%
{
-webkit-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-o-keyframes bounce { 0% {
-o-transform: translateY();
transform: translateY();
}
20%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
40%
{
-o-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
50%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
60%
{
-o-transform
:
translateY
(-15
px
);
transform
:
translateY
(-15
px
);
}
80%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
100%
{
-o-transform
:
translateY
();
transform
:
translateY
();
}
}
@
-ms-keyframes bounce { 0% {
-ms-transform: translateY();
transform: translateY();
}
20%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
40%
{
-ms-transform
:
translateY
(-30
px
);
transform
:
translateY
(-30
px
);
}
50%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
60%
{
-ms-transform
:
translateY
(-15
px
);
transform
:
translateY
(-15
px
);
}
80%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
100%
{
-ms-transform
:
translateY
();
transform
:
translateY
();
}
}
@
keyframes bounce { 0% {
transform: translateY()
}
20%
{
transform
:
translateY
()
}
40%
{
transform
:
translateY
(-30
px
)
}
50%
{
transform
:
translateY
()
}
60%
{
transform
:
translateY
(-15
px
)
}
80%
{
transform
:
translateY
()
}
100%
{
transform
:
translateY
()
}
}
@
-moz-keyframes shake { 0% {
-moz-transform: translateX();
transform: translateX();
}
10%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
20%
{
-moz-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
30%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
40%
{
-moz-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
50%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
60%
{
-moz-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
70%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
80%
{
-moz-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
90%
{
-moz-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-moz-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-webkit-keyframes shake { 0% {
-webkit-transform: translateX();
transform: translateX();
}
10%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
20%
{
-webkit-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
30%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
40%
{
-webkit-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
50%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
60%
{
-webkit-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
70%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
80%
{
-webkit-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
90%
{
-webkit-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-webkit-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-o-keyframes shake { 0% {
-o-transform: translateX();
transform: translateX();
}
10%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
20%
{
-o-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
30%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
40%
{
-o-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
50%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
60%
{
-o-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
70%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
80%
{
-o-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
90%
{
-o-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-o-transform
:
translateX
();
transform
:
translateX
();
}
}
@
-ms-keyframes shake { 0% {
-ms-transform: translateX();
transform: translateX();
}
10%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
20%
{
-ms-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
30%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
40%
{
-ms-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
50%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
60%
{
-ms-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
70%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
80%
{
-ms-transform
:
translateX
(10
px
);
transform
:
translateX
(10
px
);
}
90%
{
-ms-transform
:
translateX
(-10
px
);
transform
:
translateX
(-10
px
);
}
100%
{
-ms-transform
:
translateX
();
transform
:
translateX
();
}
}
@
keyframes shake { 0% {
transform: translateX()
}
10%
{
transform
:
translateX
(-10
px
)
}
20%
{
transform
:
translateX
(10
px
)
}
30%
{
transform
:
translateX
(-10
px
)
}
40%
{
transform
:
translateX
(10
px
)
}
50%
{
transform
:
translateX
(-10
px
)
}
60%
{
transform
:
translateX
(10
px
)
}
70%
{
transform
:
translateX
(-10
px
)
}
80%
{
transform
:
translateX
(10
px
)
}
90%
{
transform
:
translateX
(-10
px
)
}
100%
{
transform
:
translateX
()
}
}
@
-moz-keyframes tada { 0% {
-moz-transform: scale(1, 1);
transform: scale(1, 1);
}
10%
{
-moz-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
20%
{
-moz-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
30%
{
-moz-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
40%
{
-moz-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
50%
{
-moz-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
60%
{
-moz-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
70%
{
-moz-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
80%
{
-moz-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
90%
{
-moz-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
100%
{
-moz-transform
:
scale
(1)
rotate
();
transform
:
scale
(1)
rotate
();
}
}
@
-webkit-keyframes tada { 0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
10%
{
-webkit-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
20%
{
-webkit-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
30%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
40%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
50%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
60%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
70%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
80%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
90%
{
-webkit-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
100%
{
-webkit-transform
:
scale
(1)
rotate
();
transform
:
scale
(1)
rotate
();
}
}
@
-o-keyframes tada { 0% {
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
10%
{
-o-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
20%
{
-o-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
30%
{
-o-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
40%
{
-o-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
50%
{
-o-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
60%
{
-o-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
70%
{
-o-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
80%
{
-o-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
90%
{
-o-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
100%
{
-o-transform
:
scale
(1)
rotate
();
transform
:
scale
(1)
rotate
();
}
}
@
-ms-keyframes tada { 0% {
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
10%
{
-ms-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
20%
{
-ms-transform
:
scale
(0
.9
)
rotate
(-3
deg
);
transform
:
scale
(0
.9
)
rotate
(-3
deg
);
}
30%
{
-ms-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
40%
{
-ms-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
50%
{
-ms-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
60%
{
-ms-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
70%
{
-ms-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
80%
{
-ms-transform
:
scale
(1
.1
)
rotate
(-3
deg
);
transform
:
scale
(1
.1
)
rotate
(-3
deg
);
}
90%
{
-ms-transform
:
scale
(1
.1
)
rotate
(3
deg
);
transform
:
scale
(1
.1
)
rotate
(3
deg
);
}
100%
{
-ms-transform
:
scale
(1)
rotate
();
transform
:
scale
(1)
rotate
();
}
}
@
keyframes tada { 0% {
transform: scale(1, 1)
}
10%
{
transform
:
scale
(0
.9
)
rotate
(-3
deg
)
}
20%
{
transform
:
scale
(0
.9
)
rotate
(-3
deg
)
}
30%
{
transform
:
scale
(1
.1
)
rotate
(3
deg
)
}
40%
{
transform
:
scale
(1
.1
)
rotate
(-3
deg
)
}
50%
{
transform
:
scale
(1
.1
)
rotate
(3
deg
)
}
60%
{
transform
:
scale
(1
.1
)
rotate
(-3
deg
)
}
70%
{
transform
:
scale
(1
.1
)
rotate
(3
deg
)
}
80%
{
transform
:
scale
(1
.1
)
rotate
(-3
deg
)
}
90%
{
transform
:
scale
(1
.1
)
rotate
(3
deg
)
}
100%
{
transform
:
scale
(1)
rotate
()
}
}
@
-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% {
-moz-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20%
{
-moz-transform
:
rotate
(15
deg
);
transform
:
rotate
(15
deg
);
}
40%
{
-moz-transform
:
rotate
(-10
deg
);
transform
:
rotate
(-10
deg
);
}
60%
{
-moz-transform
:
rotate
(5
deg
);
transform
:
rotate
(5
deg
);
}
80%
{
-moz-transform
:
rotate
(-5
deg
);
transform
:
rotate
(-5
deg
);
}
100%
{
-moz-transform
:
rotate
(0
deg
);
transform
:
rotate
(0
deg
);
}
}
@
-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20%
{
-webkit-transform
:
rotate
(15
deg
);
transform
:
rotate
(15
deg
);
}
40%
{
-webkit-transform
:
rotate
(-10
deg
);
transform
:
rotate
(-10
deg
);
}
60%
{
-webkit-transform
:
rotate
(5
deg
);
transform
:
rotate
(5
deg
);
}
80%
{
-webkit-transform
:
rotate
(-5
deg
);
transform
:
rotate
(-5
deg
);
}
100%
{
-webkit-transform
:
rotate
(0
deg
);
transform
:
rotate
(0
deg
);
}
}
@
-o-keyframes swing { 20%, 40%, 60%, 80%, 100% {
-o-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20%
{
-o-transform
:
rotate
(15
deg
);
transform
:
rotate
(15
deg
);
}
40%
{
-o-transform
:
rotate
(-10
deg
);
transform
:
rotate
(-10
deg
);
}
60%
{
-o-transform
:
rotate
(5
deg
);
transform
:
rotate
(5
deg
);
}
80%
{
-o-transform
:
rotate
(-5
deg
);
transform
:
rotate
(-5
deg
);
}
100%
{
-o-transform
:
rotate
(0
deg
);
transform
:
rotate
(0
deg
);
}
}
@
-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% {
-ms-transform-origin: top center 50%;
transform-origin: top center 50%;
}
20%
{
-ms-transform
:
rotate
(15
deg
);
transform
:
rotate
(15
deg
);
}
40%
{
-ms-transform
:
rotate
(-10
deg
);
transform
:
rotate
(-10
deg
);
}
60%
{
-ms-transform
:
rotate
(5
deg
);
transform
:
rotate
(5
deg
);
}
80%
{
-ms-transform
:
rotate
(-5
deg
);
transform
:
rotate
(-5
deg
);
}
100%
{
-ms-transform
:
rotate
(0
deg
);
transform
:
rotate
(0
deg
);
}
}
@
keyframes swing { 20%, 40%, 60%, 80%, 100% {
transform-origin: top center 50%
}
20%
{
transform
:
rotate
(15
deg
)
}
40%
{
transform
:
rotate
(-10
deg
)
}
60%
{
transform
:
rotate
(5
deg
)
}
80%
{
transform
:
rotate
(-5
deg
)
}
100%
{
transform
:
rotate
(0
deg
)
}
}
@
-moz-keyframes wobble { 0% {
-moz-transform: translateX(0%);
transform: translateX(0%);
}
15%
{
-moz-transform
:
translateX
(-25%)
rotate
(-5
deg
);
transform
:
translateX
(-25%)
rotate
(-5
deg
);
}
30%
{
-moz-transform
:
translateX
(20%)
rotate
(3
deg
);
transform
:
translateX
(20%)
rotate
(3
deg
);
}
45%
{
-moz-transform
:
translateX
(-15%)
rotate
(-3
deg
);
transform
:
translateX
(-15%)
rotate
(-3
deg
);
}
60%
{
-moz-transform
:
translateX
(10%)
rotate
(2
deg
);
transform
:
translateX
(10%)
rotate
(2
deg
);
}
75%
{
-moz-transform
:
translateX
(-5%)
rotate
(-1
deg
);
transform
:
translateX
(-5%)
rotate
(-1
deg
);
}
100%
{
-moz-transform
:
translateX
(0%);
transform
:
translateX
(0%);
}
}
@
-webkit-keyframes wobble { 0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15%
{
-webkit-transform
:
translateX
(-25%)
rotate
(-5
deg
);
transform
:
translateX
(-25%)
rotate
(-5
deg
);
}
30%
{
-webkit-transform
:
translateX
(20%)
rotate
(3
deg
);
transform
:
translateX
(20%)
rotate
(3
deg
);
}
45%
{
-webkit-transform
:
translateX
(-15%)
rotate
(-3
deg
);
transform
:
translateX
(-15%)
rotate
(-3
deg
);
}
60%
{
-webkit-transform
:
translateX
(10%)
rotate
(2
deg
);
transform
:
translateX
(10%)
rotate
(2
deg
);
}
75%
{
-webkit-transform
:
translateX
(-5%)
rotate
(-1
deg
);
transform
:
translateX
(-5%)
rotate
(-1
deg
);
}
100%
{
-webkit-transform
:
translateX
(0%);
transform
:
translateX
(0%);
}
}
@
-o-keyframes wobble { 0% {
-o-transform: translateX(0%);
transform: translateX(0%);
}
15%
{
-o-transform
:
translateX
(-25%)
rotate
(-5
deg
);
transform
:
translateX
(-25%)
rotate
(-5
deg
);
}
30%
{
-o-transform
:
translateX
(20%)
rotate
(3
deg
);
transform
:
translateX
(20%)
rotate
(3
deg
);
}
45%
{
-o-transform
:
translateX
(-15%)
rotate
(-3
deg
);
transform
:
translateX
(-15%)
rotate
(-3
deg
);
}
60%
{
-o-transform
:
translateX
(10%)
rotate
(2
deg
);
transform
:
translateX
(10%)
rotate
(2
deg
);
}
75%
{
-o-transform
:
translateX
(-5%)
rotate
(-1
deg
);
transform
:
translateX
(-5%)
rotate
(-1
deg
);
}
100%
{
-o-transform
:
translateX
(0%);
transform
:
translateX
(0%);
}
}
@
-ms-keyframes wobble { 0% {
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15%
{
-ms-transform
:
translateX
(-25%)
rotate
(-5
deg
);
transform
:
translateX
(-25%)
rotate
(-5
deg
);
}
30%
{
-ms-transform
:
translateX
(20%)
rotate
(3
deg
);
transform
:
translateX
(20%)
rotate
(3
deg
);
}
45%
{
-ms-transform
:
translateX
(-15%)
rotate
(-3
deg
);
transform
:
translateX
(-15%)
rotate
(-3
deg
);
}
60%
{
-ms-transform
:
translateX
(10%)
rotate
(2
deg
);
transform
:
translateX
(10%)
rotate
(2
deg
);
}
75%
{
-ms-transform
:
translateX
(-5%)
rotate
(-1
deg
);
transform
:
translateX
(-5%)
rotate
(-1
deg
);
}
100%
{
-ms-transform
:
translateX
(0%);
transform
:
translateX
(0%);
}
}
@
keyframes wobble { 0% {
transform: translateX(0%)
}
15%
{
transform
:
translateX
(-25%)
rotate
(-5
deg
)
}
30%
{
transform
:
translateX
(20%)
rotate
(3
deg
)
}
45%
{
transform
:
translateX
(-15%)
rotate
(-3
deg
)
}
60%
{
transform
:
translateX
(10%)
rotate
(2
deg
)
}
75%
{
transform
:
translateX
(-5%)
rotate
(-1
deg
)
}
100%
{
transform
:
translateX
(0%)
}
}
@
-moz-keyframes pulse { 0% {
-moz-transform: scale(1, 1);
transform: scale(1, 1);
}
50%
{
-moz-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
-moz-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-webkit-keyframes pulse { 0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50%
{
-webkit-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
-webkit-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-o-keyframes pulse { 0% {
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50%
{
-o-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
-o-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
-ms-keyframes pulse { 0% {
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
50%
{
-ms-transform
:
scale
(1
.1
,
1
.1
);
transform
:
scale
(1
.1
,
1
.1
);
}
100%
{
-ms-transform
:
scale
(1
,
1);
transform
:
scale
(1
,
1);
}
}
@
keyframes pulse { 0% {
transform: scale(1, 1)
}
50%
{
transform
:
scale
(1
.1
,
1
.1
)
}
100%
{
transform
:
scale
(1
,
1)
}
}
@
-moz-keyframes hinge { 0% {
-moz-transform: rotate();
transform: rotate();
-moz-transform-origin: top left 50%;
transform-origin: top left 50%;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60%
{
-moz-transform
:
rotate
(80
deg
);
transform
:
rotate
(80
deg
);
-moz-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-moz-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
40%
{
-moz-transform
:
rotate
(60
deg
);
transform
:
rotate
(60
deg
);
-moz-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-moz-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
80%
{
-moz-transform
:
rotate
(60
deg
)
translateY
();
transform
:
rotate
(60
deg
)
translateY
();
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-moz-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-moz-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
100%
{
-moz-transform
:
translateY
(700
px
);
transform
:
translateY
(700
px
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-webkit-keyframes hinge { 0% {
-webkit-transform: rotate();
transform: rotate();
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60%
{
-webkit-transform
:
rotate
(80
deg
);
transform
:
rotate
(80
deg
);
-webkit-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
40%
{
-webkit-transform
:
rotate
(60
deg
);
transform
:
rotate
(60
deg
);
-webkit-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
80%
{
-webkit-transform
:
rotate
(60
deg
)
translateY
();
transform
:
rotate
(60
deg
)
translateY
();
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
100%
{
-webkit-transform
:
translateY
(700
px
);
transform
:
translateY
(700
px
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-o-keyframes hinge { 0% {
-o-transform: rotate();
transform: rotate();
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60%
{
-o-transform
:
rotate
(80
deg
);
transform
:
rotate
(80
deg
);
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-o-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
40%
{
-o-transform
:
rotate
(60
deg
);
transform
:
rotate
(60
deg
);
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-o-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
80%
{
-o-transform
:
rotate
(60
deg
)
translateY
();
transform
:
rotate
(60
deg
)
translateY
();
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-o-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
100%
{
-o-transform
:
translateY
(700
px
);
transform
:
translateY
(700
px
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-ms-keyframes hinge { 0% {
-ms-transform: rotate();
transform: rotate();
-ms-transform-origin: top left 50%;
transform-origin: top left 50%;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60%
{
-ms-transform
:
rotate
(80
deg
);
transform
:
rotate
(80
deg
);
-ms-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-ms-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
40%
{
-ms-transform
:
rotate
(60
deg
);
transform
:
rotate
(60
deg
);
-ms-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-ms-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
80%
{
-ms-transform
:
rotate
(60
deg
)
translateY
();
transform
:
rotate
(60
deg
)
translateY
();
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-ms-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-ms-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
}
100%
{
-ms-transform
:
translateY
(700
px
);
transform
:
translateY
(700
px
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
keyframes hinge { 0% {
transform: rotate();
transform-origin: top left 50%;
animation-timing-function: ease-in-out;
}
20%,
60%
{
transform
:
rotate
(80
deg
);
transform-origin
:
top
left
50%;
animation-timing-function
:
ease-in-out
;
}
40%
{
transform
:
rotate
(60
deg
);
transform-origin
:
top
left
50%;
animation-timing-function
:
ease-in-out
;
}
80%
{
transform
:
rotate
(60
deg
)
translateY
();
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
transform-origin
:
top
left
50%;
animation-timing-function
:
ease-in-out
;
}
100%
{
transform
:
translateY
(700
px
);
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
}
}
@
-moz-keyframes rollIn { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-moz-transform
:
translateX
(0
px
)
rotate
(0
deg
);
transform
:
translateX
(0
px
)
rotate
(0
deg
);
}
}
@
-webkit-keyframes rollIn { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-webkit-transform
:
translateX
(0
px
)
rotate
(0
deg
);
transform
:
translateX
(0
px
)
rotate
(0
deg
);
}
}
@
-o-keyframes rollIn { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-o-transform
:
translateX
(0
px
)
rotate
(0
deg
);
transform
:
translateX
(0
px
)
rotate
(0
deg
);
}
}
@
-ms-keyframes rollIn { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
-ms-transform
:
translateX
(0
px
)
rotate
(0
deg
);
transform
:
translateX
(0
px
)
rotate
(0
deg
);
}
}
@
keyframes rollIn { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=10)";
filter
:
alpha
(
opacity
=100);
-khtml-opacity
:
1;
-moz-opacity
:
1;
opacity
:
1;
transform
:
translateX
(0
px
)
rotate
(0
deg
);
}
}
@
-moz-keyframes rollOut { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
-moz-transform
:
translateX
(-100%)
rotate
(-120
deg
);
transform
:
translateX
(-100%)
rotate
(-120
deg
);
}
}
@
-webkit-keyframes rollOut { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
-webkit-transform
:
translateX
(-100%)
rotate
(-120
deg
);
transform
:
translateX
(-100%)
rotate
(-120
deg
);
}
}
@
-o-keyframes rollOut { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
-o-transform
:
translateX
(-100%)
rotate
(-120
deg
);
transform
:
translateX
(-100%)
rotate
(-120
deg
);
}
}
@
-ms-keyframes rollOut { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
-ms-transform
:
translateX
(-100%)
rotate
(-120
deg
);
transform
:
translateX
(-100%)
rotate
(-120
deg
);
}
}
@
keyframes rollOut { 0% {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100%
{
-ms-filter
:
"
progid
:DXImageTransform
.Microsoft
.Alpha
(
Opacity
=0)";
filter
:
alpha
(
opacity
=0);
-khtml-opacity
:
0;
-moz-opacity
:
0;
opacity
:
0;
transform
:
translateX
(-100%)
rotate
(-120
deg
);
}
}
.img-frame img,.banner-image img {
background-color: white;
border: 5px #eeeeee solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.img-frame-stack img {
display: none
}
.img-frame-stack img.active {
display: block;
-webkit-animation: fadeInLeft 0.6s ease both;
-moz-animation: fadeInLeft 0.6s ease both;
-ms-animation: fadeInLeft 0.6s ease both;
-o-animation: fadeInLeft 0.6s ease both;
animation: fadeInLeft 0.6s ease both;
}
.no-frame .img-frame img,.no-frame .banner-image img {
background-color: transparent;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.f-label {
padding-left: 8px;
padding-right: 8px;
font-weight: 600;
text-transform: uppercase;
color: white;
vertical-align: middle;
white-space: nowrap;
margin-right: 5px;
background-color: #eeeeee;
line-height: 1.6;
height: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.f-label:hover {
color: white;
text-decoration: none;
}
.f-label-popular {
background-color: #e18d40
}
.f-label-implemented {
background-color: #597300
}
table {
max-width: 100%;
background-color: white;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 24px;
}
.table th,.table td {
padding: 8px;
line-height: 24px;
vertical-align: top;
border-top: 1px solid #e5e5e5;
}
.table th.text-right,.table td.text-right {
text-align: right
}
.table th {
font-weight: bold
}
.table thead th {
vertical-align: bottom
}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td
{
border-top: 0
}
.table tbody+tbody {
border-top: 2px solid #e5e5e5
}
.table-condensed th,.table-condensed td {
padding: 4px 5px
}
.table-bordered {
border: 1px solid #e5e5e5;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.table-bordered th,.table-bordered td {
border-left: 1px solid #e5e5e5
}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td
{
border-top: 0
}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child
{
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child
{
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child
{
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
-ms-border-radius: 0 0 0 4px;
-o-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child
{
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child
{
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child
{
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th
{
background-color: #f2f7f6
}
.table-pricing {
border-bottom: 1px solid #ddd;
margin-bottom: 0;
}
.table-pricing thead th {
text-align: center;
height: 40px;
vertical-align: middle;
color: #555;
font-weight: 600;
}
.table-pricing .col1-f-h,.table-pricing .col2-f-h,.table-pricing .col3-f-h,.table-pricing .col4-f-h
{
width: 15%
}
.table-pricing .col-f-h {
width: 40%;
text-align: left;
}
.table-pricing .col-f td {
padding-top: 3px;
padding-bottom: 3px;
border-top-color: #f6f6f6;
}
.table-pricing .col-f-g td {
font-weight: bold;
border-top-color: #ddd;
text-transform: uppercase;
color: #555;
}
.table-pricing .col1 {
width: 40%
}
.table-pricing .col2,.table-pricing .col3,.table-pricing .col4,.table-pricing .col5
{
text-align: center;
border-left: 1px solid #efefef;
width: 15%;
}
.table-pricing .col2,.table-pricing .col4,.table-pricing .col5 {
background-color: #f9f9f8
}
.table-pricing .col3 {
background-color: #faf9e2
}
.table-pricing tbody .col-f:hover .col1 {
background-color: #f4f4f3
}
.table-pricing tbody .col-f:hover .col2,.table-pricing tbody .col-f:hover .col4,.table-pricing tbody .col-f:hover .col5
{
background-color: #f4f4f3
}
.table-pricing tbody .col-f:hover .col3 {
background-color: #f9f7d9
}
.table-pricing .icon-leaf {
color: #C5D685
}
.table-pricing .icon-leaf-strikethrough {
color: #ddd
}
.table-pricing .no-border td {
border-top: 0
}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th {
background-color: #f2f7f6
}
table [class*=span],.row-fluid table [class*=span] {
display: table-cell;
float: none;
margin-left: 0;
}
.table .span1 {
float: none;
width: 44px;
margin-left: 0;
}
.table .span2 {
float: none;
width: 144px;
margin-left: 0;
}
.table .span3 {
float: none;
width: 244px;
margin-left: 0;
}
.table .span4 {
float: none;
width: 344px;
margin-left: 0;
}
.table .span5 {
float: none;
width: 444px;
margin-left: 0;
}
.table .span6 {
float: none;
width: 544px;
margin-left: 0;
}
.table .span7 {
float: none;
width: 644px;
margin-left: 0;
}
.table .span8 {
float: none;
width: 744px;
margin-left: 0;
}
.table .span9 {
float: none;
width: 844px;
margin-left: 0;
}
.table .span10 {
float: none;
width: 944px;
margin-left: 0;
}
.table .span11 {
float: none;
width: 1044px;
margin-left: 0;
}
.table .span12 {
float: none;
width: 1144px;
margin-left: 0;
}
.table .span13 {
float: none;
width: 1244px;
margin-left: 0;
}
.table .span14 {
float: none;
width: 1344px;
margin-left: 0;
}
.table .span15 {
float: none;
width: 1444px;
margin-left: 0;
}
.table .span16 {
float: none;
width: 1544px;
margin-left: 0;
}
.table .span17 {
float: none;
width: 1644px;
margin-left: 0;
}
.table .span18 {
float: none;
width: 1744px;
margin-left: 0;
}
.table .span19 {
float: none;
width: 1844px;
margin-left: 0;
}
.table .span20 {
float: none;
width: 1944px;
margin-left: 0;
}
.table .span21 {
float: none;
width: 2044px;
margin-left: 0;
}
.table .span22 {
float: none;
width: 2144px;
margin-left: 0;
}
.table .span23 {
float: none;
width: 2244px;
margin-left: 0;
}
.table .span24 {
float: none;
width: 2344px;
margin-left: 0;
}
.table tbody tr.success td {
background-color: #dff0d8
}
.table tbody tr.error td {
background-color: #f2dede
}
.table tbody tr.warning td {
background-color: #fcf8e3
}
.table tbody tr.info td {
background-color: #d9edf7
}
.table-hover tbody tr.success:hover td {
background-color: #d0e9c6
}
.table-hover tbody tr.error:hover td {
background-color: #ebcccc
}
.table-hover tbody tr.warning:hover td {
background-color: #faf2cc
}
.table-hover tbody tr.info:hover td {
background-color: #c4e3f3
}
footer input,footer button {
background-color: #565252;
font-size: .9rem;
color: white;
border: none;
padding: 10px 10px;
}
footer button {
background-color: #2e2d2d;
color: #333333;
padding: 10px 10px;
font-weight: 600;
}
footer button:hover {
color: #1a1a1a;
background-color: rgba(46, 45, 45, 0.7);
}
.b-form input.text,.lpeRegForm input.text,.b-form input[type=email],.lpeRegForm input[type=email],.mktFormText
{
width: 100%;
padding: 15px 10px 15px 10px;
border: none;
border-bottom: 1px solid #e0e0e0;
font-weight: 300;
-webkit-transition-property: border, color;
-moz-transition-property: border, color;
-o-transition-property: border, color;
transition-property: border, color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
outline: none;
}
.b-form input.text:focus,.lpeRegForm input.text:focus,.b-form input[type=email]:focus,.lpeRegForm input[type=email]:focus,.mktFormText:focus,.b-form input.text:active,.lpeRegForm input.text:active,.b-form input[type=email]:active,.lpeRegForm input[type=email]:active,.mktFormText:active
{
border-color: #1bc4a3
}
.b-form,.lpeRegForm {
background-color: #fff;
padding: 10px 20px 20px 20px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
position: relative;
z-index: 10;
color: #000;
}
.b-form *,.lpeRegForm * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-form input.text,.lpeRegForm input.text,.b-form input[type=email],.lpeRegForm input[type=email]
{
padding-left: 32px
}
.b-form textarea,.lpeRegForm textarea {
width: 100%;
border: 0;
border-bottom: 1px solid #e0e0e0;
font-weight: 300;
resize: none;
padding-left: 10px;
padding-top: 10px;
display: block;
outline: none;
}
.b-form [class^="icon-"],.lpeRegForm [class^="icon-"],.b-form [class*=" icon-"],.lpeRegForm [class*=" icon-"],.b-form .required,.lpeRegForm .required
{
position: absolute;
z-index: 1;
}
.b-form [class^="icon-"],.lpeRegForm [class^="icon-"],.b-form [class*=" icon-"],.lpeRegForm [class*=" icon-"]
{
top: 15px;
left: 2px;
color: inherit;
}
.b-form .required,.lpeRegForm .required {
top: 12px;
right: 0;
color: #ddd;
text-transform: uppercase;
}
.b-form .presence .required,.lpeRegForm .presence .required {
display: none
}
.b-form .textfield,.lpeRegForm .textfield,.b-form .mktField,.lpeRegForm .mktField
{
position: relative;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
color: #999;
width: 100%;
}
.b-form .textfield.active,.lpeRegForm .textfield.active {
color: #1bc4a3
}
.b-form .textfield.active input.text.placeholder,.lpeRegForm .textfield.active input.text.placeholder,.b-form .textfield.active input[type=email].placeholder,.lpeRegForm .textfield.active input[type=email].placeholder
{
color: #1bc4a3
}
.b-form .textfield.active input.text:-moz-placeholder,.lpeRegForm .textfield.active input.text:-moz-placeholder,.b-form .textfield.active input[type=email]:-moz-placeholder,.lpeRegForm .textfield.active input[type=email]:-moz-placeholder
{
color: #1bc4a3
}
.b-form .textfield.active input.text::-webkit-input-placeholder,.lpeRegForm .textfield.active input.text::-webkit-input-placeholder,.b-form .textfield.active input[type=email]::-webkit-input-placeholder,.lpeRegForm .textfield.active input[type=email]::-webkit-input-placeholder
{
color: #1bc4a3
}
.b-form .textfield.error,.lpeRegForm .textfield.error {
color: #d38888
}
.b-form .textfield.error input.text,.lpeRegForm .textfield.error input.text,.b-form .textfield.error input[type=email],.lpeRegForm .textfield.error input[type=email]
{
border-bottom-color: #d38888
}
.b-form .textfield.error input.text.placeholder,.lpeRegForm .textfield.error input.text.placeholder,.b-form .textfield.error input[type=email].placeholder,.lpeRegForm .textfield.error input[type=email].placeholder
{
color: #d38888
}
.b-form .textfield.error input.text:-moz-placeholder,.lpeRegForm .textfield.error input.text:-moz-placeholder,.b-form .textfield.error input[type=email]:-moz-placeholder,.lpeRegForm .textfield.error input[type=email]:-moz-placeholder
{
color: #d38888
}
.b-form .textfield.error input.text::-webkit-input-placeholder,.lpeRegForm .textfield.error input.text::-webkit-input-placeholder,.b-form .textfield.error input[type=email]::-webkit-input-placeholder,.lpeRegForm .textfield.error input[type=email]::-webkit-input-placeholder
{
color: #d38888
}
.b-form-plain,.lpeRegFormFancy {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.b-form em.error,.lpeRegForm em.error {
width: 100%;
text-align: center;
position: absolute;
font-weight: 600;
padding: 0;
height: 50px;
line-height: 50px;
left: -104%;
top: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #a90329;
background-color: #ffeaea;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.b-form em.error:after,.lpeRegForm em.error:after,.b-form em.error:before,.lpeRegForm em.error:before
{
content: " ";
border: 10px solid transparent;
border-left-color: #ffeaea;
position: absolute;
}
.b-form em.error:after,.lpeRegForm em.error:after {
right: -20px;
top: 15px;
}
.b-form em.error:before,.lpeRegForm em.error:before {
border-width: 11px;
right: -22px;
top: 14px;
border-left-color: rgba(0, 0, 0, 0.2);
}
.signup_error_land {
background-color: #D35400;
text-align: center;
color: #fff;
}
.domain {
position: relative;
overflow: hidden;
}
.ghostwriter_info {
padding: 9px 9px;
background: none;
position: absolute;
left: 0;
top: 0;
border: 0;
width: 369px;
font-weight: 300;
height: 35px;
color: #999999;
margin-top: 2px;
padding-left: 31px;
cursor: text;
}
.ghostwriter_hide {
visibility: hidden;
font-weight: 300;
padding-right: 2px;
}
.land-signup-form em.error {
width: 100%;
font-size: 14px;
text-align: center;
position: absolute;
font-weight: 500;
padding: 0;
height: 38px;
line-height: 35px;
left: -102%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin-top: 8px;
opacity: 0.96;
color: #a90329;
background-color: #ffeaea;
}
.land-signup-form em.error:after {
content: " ";
border: 10px solid transparent;
border-left-color: #ffeaea;
position: absolute;
right: -20px;
top: 9px;
}
.land-signup-form input.error {
border-color: #d38888;
background: #fff9f9;
}
.land-signup-form input.error::-webkit-input-placeholder {
color: #d38888
}
.land-signup-form input.error:-moz-placeholder {
color: #d38888
}
.land-signup-form input.error::-moz-placeholder {
color: #d38888
}
.land-signup-form input.error:-ms-input-placeholder {
color: #d38888
}
#loading_data {
top: 23px;
position: absolute;
right: 10px;
}
.form_input {
position: relative
}
.nav {
margin-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav>li>a {
display: block;
color: inherit;
}
.nav>li>a:hover {
text-decoration: none;
background-color: #f7f7f7;
}
.nav>.pull-right {
float: right
}
.nav .nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 24px;
color: #eeeeee;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li+.nav-header {
margin-top: 9px
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list>li>a,.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
}
.nav-list>li>a {
padding: 3px 15px;
color: #555;
}
.nav-list>.active>a,.nav-list>.active>a:hover {
color: white;
background-color: #B1BD75;
}
.nav-list [class^="icon-"] {
margin-right: 2px
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 11px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid white;
}
.nav-tabs,.nav-pills {
overflow: hidden;
*zoom: 1;
}
.nav-tabs>li,.nav-pills>li {
float: left
}
.nav-tabs>li>a,.nav-pills>li>a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
margin-bottom: -1px
}
.nav-tabs>li>a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 24px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover {
border-color: #eeeeee #eeeeee #dddddd
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover {
color: #eeeeee;
background-color: white;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills>li>a {
padding-top: 6px;
padding-bottom: 6px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.nav-pills>.active>a,.nav-pills>.active>a:hover {
color: #888888;
background-color: #f1f1f1;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.125);
}
.nav-stacked>li {
float: none
}
.nav-stacked>li>a {
margin-right: 0
}
.nav-tabs.nav-stacked {
border-bottom: 0
}
.nav-tabs.nav-stacked>li>a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.nav-tabs.nav-stacked>li:first-child>a {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked>li:last-child>a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked>li>a:hover {
border-color: #ddd;
z-index: 2;
}
.nav-pills.nav-stacked>li>a {
margin-bottom: 3px
}
.nav-pills.nav-stacked>li:last-child>a {
margin-bottom: 1px
}
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.nav-pills .dropdown-menu {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret {
border-top-color: #18ad90;
border-bottom-color: #18ad90;
margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret
{
border-top-color: #395b54;
border-bottom-color: #395b54;
}
.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret
{
border-top-color: #adadad;
border-bottom-color: #adadad;
}
.nav>.dropdown.active>a:hover {
color: #333333;
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover
{
color: white;
background-color: #eeeeee;
border-color: #eeeeee;
}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret
{
border-top-color: white;
border-bottom-color: white;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1000)";
filter: alpha(opacity = 10000);
-khtml-opacity: 100;
-moz-opacity: 100;
opacity: 100;
}
.tabs-stacked .open>a:hover {
border-color: #eeeeee
}
.tabbable {
overflow: hidden;
*zoom: 1;
}
.tab-content {
overflow: auto
}
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
border-bottom: 0
}
.tab-content>.tab-pane,.pill-content>.pill-pane {
display: none
}
.tab-content>.active,.pill-content>.active {
display: block
}
.tabs-below>.nav-tabs {
border-top: 1px solid #ddd
}
.tabs-below>.nav-tabs>li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below>.nav-tabs>li>a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-below>.nav-tabs>li>a:hover {
border-bottom-color: transparent;
border-top-color: #ddd;
}
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover {
border-color: transparent #ddd #ddd #ddd
}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
float: none
}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left>.nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left>.nav-tabs>li>a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left>.nav-tabs>li>a:hover {
border-color: #eeeeee #dddddd #eeeeee #eeeeee
}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: white;
}
.tabs-right>.nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right>.nav-tabs>li>a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right>.nav-tabs>li>a:hover {
border-color: #eeeeee #eeeeee #eeeeee #dddddd
}
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: white;
}
.nav-filter {
margin-bottom: 13px;
margin-top: 10px;
}
.panel-left {
position: relative
}
.panel-left+.panel-left .nav-sidebar {
border-left: 1px solid #efefef;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 15px;
}
.nav-years a {
width: 63px
}
.nav-months a {
width: 100%
}
.nav-months {
position: absolute;
top: 0;
right: 0;
width: 120px;
padding-left: 15px;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 15px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.34s linear;
-moz-transition: opacity 0.34s linear;
-o-transition: opacity 0.34s linear;
transition: opacity 0.34s linear;
text-transform: capitalize;
border-left: 1px solid #e5e5e5;
z-index: 0;
}
.nav-years .active .nav-months {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 10;
}
.nav-months>li>a,.nav-years>li>a {
color: #999
}
.nav-months>.active>a,.nav-months>.active>a:hover,.nav-years>.active>a,.nav-years>.active>a:hover
{
color: #1a1a1a;
background-color: #efefef;
}
.banner,.inner-banner-strip,.signup-banner-strip {
padding-top: 20px;
padding-bottom: 20px;
}
.banner h1,.banner h2,.banner h3,.banner h4,.banner h5,.banner h6 {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0 1px 3px #969696;
}
.inner-banner-strip,.signup-banner-strip,.banner-teal {
background-color: #C5D685;
color: black;
}
.banner-description p {
line-height: 1.56
}
.banner-secondary {
background-color: #107360;
color: #6aada0;
}
.banner-404 {
background-image: url("../images/404/pattern.jpg");
height: 505px;
position: relative;
}
.banner-404 a {
color: #CFFDF3;
border-bottom: 1px dotted #CFFDF3;
}
.banner-404 a:hover {
color: #b7fced;
border-bottom: 0;
}
.banner-404 .l-page {
position: relative
}
.banner.banner-404 {
padding: 0
}
.zombie-tree {
position: absolute;
right: 0;
top: 0;
z-index: 19px;
}
.woops-text {
background-image: url("../images/404/woops-text.png");
height: 105px;
width: 480px;
text-indent: -99999px;
margin-bottom: 20px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.banner-404-info {
padding-top: 47px;
position: relative;
z-index: 11;
width: 593px;
}
.b-link {
color: #8ae0ce;
font-weight: 300;
}
.b-link:hover {
color: #62d5bd
}
.banner-inline {
margin-top: 20px;
margin-bottom: 20px;
}
.banner-image,.banner-form {
float: right;
margin-left: 40px;
}
.banner-form {
width: 300px
}
.banner-form .ghostwriter_info {
width: 280px
}
.request-invite {
text-align: center
}
.request-invite span {
display: inline
}
.request-invite form {
background: transparent
}
.request-invite .mktError {
width: 270px;
display: inline-block;
background: #D35400;
color: #fff;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.request-invite .text-field,.request-invite .text-area {
width: 247px;
margin-right: 10px;
height: 40px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 1rem;
font-weight: 300;
padding: 0 10px;
}
.request-invite .text-area {
width: 92%;
min-height: 200px;
margin-top: 10px;
}
.request-invite .twitter-share-button {
width: 77px !important;
margin-left: 235px;
}
.request-invite button {
margin-top: -5px
}
.banner-index .b-heading {
font-size: 52px;
font-weight: 600;
padding-top: 5px;
padding-bottom: 10px;
}
.banner-index .bs-heading {
font-size: 32px;
font-weight: lighter;
}
.banner-index .fg-6 {
padding-top: 20px
}
.banner-index .btn-darker {
background-color: #015b49;
border-color: #013d31;
color: white;
padding: 12px 35px;
font-weight: 400;
}
.banner-index .btn-darker:hover {
background-color: #00493a
}
.banner-index .su-box .su-quote .cq-banner {
margin-left: 52px;
margin-top: -50px;
}
.banner-bg-image {
margin-top: 6px;
background-image: url(../images/banner-image.png);
background-size: 825px 506px;
height: 482px;
position: absolute;
right: 0;
background-repeat: no-repeat;
width: 52.81667%;
}
header {
padding-top: 10px
}
.header {
padding-top: 8px;
padding-bottom: 3px;
height: 55px;
}
.logo {
background:
url('data:image/png;base64,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')
no-repeat;
width: 175px;
height: 41px;
display: inline-block;
margin-top: 5px;
margin-bottom: 7px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.5) , (
-o-min-device-pixel-ratio : 3 / 2) , ( -webkit-min-device-pixel-ratio
: 1.5) , ( min-device-pixel-ratio : 1.5) {
.logo {
background-image: url(../images/big-logo.png);
background-repeat: no-repeat;
background-size: 175px;
width: 175px;
height: 46px;
display: inline-block;
margin-top: 1px;
margin-bottom: 7px;
}
}
.top-nav-strip {
height: 22px;
padding-bottom: 4px;
border-bottom: 1px solid #f0f0f0;
}
.top-site-nav {
float: left
}
.top-site-nav li {
float: left;
padding: 0.1em 0.8em;
color: #595959;
border-left: 1px solid #e9e9e9;
line-height: .5rem;
}
.top-site-nav li:first-child {
border-left: none
}
.top-site-nav .top-nav-contact {
font-weight: 600;
overflow: hidden;
}
.top-site-nav .top-nav-contact .icon-contact {
margin-right: 5px;
margin-left: -19px;
margin-top: -2px;
}
.top-site-nav .nav-link {
font-size: 12px;
color: inherit;
line-height: 1rem;
}
.top-site-nav .nav-link:hover,.top-site-nav .nav-link.active {
color: #C5D685
}
.site-nav {
float: right;
margin-top: 10px;
}
.site-nav li {
float: left;
margin-left: 2.5em;
color: #595959;
}
.site-nav .nav-contact {
margin-left: 1.2em
}
.site-nav .nav-link {
// padding: 24px 27px;
color: inherit;
}
.site-nav .nav-link:hover,.site-nav .nav-link.active {
/* border-top: 2px solid #95A655 */
}
.site-nav .nav-link:hover,.site-nav .nav-link.active {
color: white;
}
.nav-contact {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
filter: alpha(opacity = 60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
border-left: 1px solid #dfdfdf;
padding-left: 13px;
}
.nav-contact .icon-phone {
margin-top: 4px;
margin-right: 4px;
}
.h-head:hover .sub-menu {
display: block
}
.sub-menu {
display: none;
z-index: 9999;
background-color: #fff;
top: 104px;
width: 250px;
overflow: auto;
position: absolute;
-webkit-box-shadow: 1px 12px 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 12px 25px rgba(0, 0, 0, 0.15);
box-shadow: 1px 12px 25px rgba(0, 0, 0, 0.15);
}
.sub-menu li {
margin: 0;
width: 94%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
.sub-menu li:hover {
background-color: #f7f7f7
}
.sub-menu li:hover a,.sub-menu li:active a {
color: #95A655
}
.sub-menu li a {
color: #595959
}
.sub-menu li .nav-menu-info {
font-size: 12px;
display: block;
}
.h-head:hover:after {
content: "";
display: block;
width: .6em;
height: 1em;
border: 1px solid #C5D685;
position: absolute;
top: 6.1em;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-left: 23px;
background-color: #fff;
}
.fd-tour-sticky .l-page {
margin-top: 5px
}
.fd-tour-sticky.stuck.in {
height: 64px;
z-index: 999;
opacity: 1;
background-color: #fff;
-webkit-box-shadow: 0 0 15px #cccccc;
-moz-box-shadow: 0 0 15px #cccccc;
box-shadow: 0 0 15px #cccccc;
}
.fd-tour-sticky.stuck.in .nav-link {
padding-top: 15px
}
.fd-tour-sticky.stuck.in .sub-menu {
top: 52px;
border-top: 1px solid #C5D685;
}
.fd-tour-sticky.stuck.in .h-head:hover:after {
top: 2.9em
}
.fd-tour-sticky.stuck.in .h-head:hover:before {
content: '';
display: block;
position: absolute;
top: 38.4px;
width: 0;
height: 0;
border-color: transparent transparent #fdfafa;
border-style: solid;
border-width: 8.8px;
margin-left: 22.8px;
z-index: 99999;
}
.fd-sticky .sticky-wrapper .stuck .l-page:before,.fd-sticky .sticky-wrapper .stuck .l-page:after
{
display: none
}
.mob {
display: none
}
.list-sub {
width: 90px;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
border: 1px solid #ededed;
position: absolute;
margin-left: -25px;
top: 30px;
z-index: 15;
}
.list-sub li {
float: none;
padding: 6px 20px 6px 20px;
border-left: none;
font-size: 12px;
margin: 5px 0;
text-align: center;
}
.list-sub li a {
color: #595959
}
.list-sub li a:hover {
color: #C5D685
}
#lang-select {
display: none
}
#lang-switch:hover #lang-select {
display: block
}
footer {
background-color: #323232;
/* min-height: 400px; */
height: auto !important;
height: 400px;
color: #999999;
line-height: 1.5;
margin-top: 30px;
padding-top: 20px;
z-index: 0;
position: relative;
}
footer hr {
border: none;
border-bottom: 1px #595959 solid;
}
footer ul {
padding-top: 20px
}
footer ul li {
font-weight: 600
}
footer ul li span {
color: #666666;
text-transform: none;
font-weight: 400;
}
footer ul li a {
text-transform: none;
font-weight: 400;
}
footer ul li a,footer ul li a:visited {
color: #666666
}
footer ul li a i {
color: #999999;
margin-right: .5em;
}
footer ul li a i:hover {
color: #b3b3b3
}
footer ul li a:hover {
color: #b3b3b3
}
.f-contact i {
display: inline-block;
float: left;
width: 25px;
padding-top: 6px;
margin-right: 7px;
}
.f-contact span {
display: inline-block;
width: 220px;
}
.f-contact .f-phone {
color: #999999
}
.f-contact .f-phone a {
font-weight: 600
}
.f-contact .f-mail {
text-decoration: underline;
position: relative;
top: -4px;
}
.f-contact .f-mail-span {
padding-top: 7px
}
.f-contact .f-location b {
color: #999999
}
.footer-strip,.footer-illusion {
background-color: #252525
}
.footer-strip {
padding-top: 18px;
padding-bottom: 18px;
}
.footer-strip h4 {
margin-top: 10px;
font-weight: 600;
}
.footer-illusion {
height: 85px;
margin-bottom: -126px;
position: relative;
}
.footer-bottom-link li {
float: left;
color: #767474;
text-transform: uppercase;
margin-right: 10px;
}
.footer-bottom-link li:after {
content: " - ";
padding-left: 10px;
}
.footer-bottom-link li:last-child:after {
content: ""
}
.copy {
padding: 20px 0;
color: #999999;
text-align: right;
}
.copy-separator {
border-top: 1px solid #2e2d2d;
margin-top: 50px;
height: 66px;
}
.subscribe {
margin-top: 10px;
margin-bottom: 21px;
}
.subscribe input {
width: 55%
}
.subscribe button {
width: 85px;
color: #666666;
}
.subscribe button:hover {
color: #b3b3b3
}
.subscribe .mktError {
position: relative
}
.subscribe .splRedMessage {
top: 35px;
position: absolute;
color: #9b6a6a;
width: 280px;
left: 11px !important;
}
.apple {
margin-right: 20px
}
.apple,.android {
opacity: 0.5
}
.apple:hover,.android:hover {
opacity: 1
}
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot");
src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
url("../fonts/icomoon.woff") format("woff"),
url("../fonts/icomoon.ttf") format("truetype"),
url("../fonts/icomoon.svg#icomoon") format("svg");
font-weight: normal;
font-style: normal
}
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.icon-facebook,.icon-twitter,.icon-linkedin,.icon-mobile,.icon-location,.icon-rocket,.icon-heart,.icon-office,.icon-user,.icon-envelope,.icon-globe,.icon-leaf,.icon-checkmark,.icon-phone,.icon-youtube,.icon-google-plus,.icon-envelope-alt,.icon-leaf-strikethrough,.icon-phone2,.icon-voicemail,.icon-desktop,.icon-phone-price,.icon-phone-vibrate,.icon-chat,.icon-support,.icon-contact
{
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.icon-facebook:before {
content: "\21"
}
.icon-twitter:before {
content: "\22"
}
.icon-linkedin:before {
content: "\23"
}
.icon-mobile:before {
content: "\25"
}
.icon-location:before {
content: "\27"
}
.icon-rocket:before {
content: "\2c"
}
.icon-heart:before {
content: "\2d"
}
.icon-office:before {
content: "\32"
}
.icon-user:before {
content: "\24"
}
.icon-envelope:before {
content: "\f003"
}
.icon-globe:before {
content: "\f0ac"
}
.icon-leaf:before {
content: "\e000"
}
.icon-checkmark:before {
content: "\28"
}
.icon-phone:before {
content: "\f095"
}
.icon-youtube:before {
content: "\f16a"
}
.icon-google-plus:before {
content: "\f0d5"
}
.icon-envelope-alt:before {
content: "\f0e0"
}
.icon-leaf-strikethrough:before {
content: "\e001"
}
.icon-phone2:before {
content: "\e600"
}
.icon-voicemail:before {
content: "\e601"
}
.icon-desktop:before {
content: "\e602"
}
.icon-phone-price:before {
content: "\e603"
}
.icon-phone-vibrate:before {
content: "\e604"
}
.icon-chat:before {
content: "\e605"
}
.icon-support:before {
content: "\e606"
}
.icon-contact:before {
content: "\e607"
} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer,.fancybox-inner {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image,.fancybox-iframe {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span
{
background-image: url("../images/fancybox/fancybox_sprite.png")
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url("../images/fancybox/fancybox_loading.gif") center center
no-repeat
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("../images/fancybox/blank.gif");
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: hidden !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url("../images/fancybox/fancybox_overlay.png")
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8)
}
media_tag_3 {
media_subcode: 3
}
.select2-container {
margin: 0;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle
}
.select2-container,.select2-drop,.select2-search,.select2-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.select2-container .select2-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
box-shadow: 0px -1px 2px -1px #9e9e9e;
border: 1px solid #e4e4e4;
white-space: nowrap;
line-height: 26px;
color: #333;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px
}
.select2-container .select2-choice>.select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.select2-container .select2-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url("../images/select2.png") right top no-repeat;
cursor: pointer;
outline: 0
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block
}
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
background-color: #fff;
filter: alpha(opacity = 0)
}
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto
}
.select2-drop-auto-width .select2-search {
padding-top: 4px
}
.select2-drop.select2-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
}
.select2-drop-active {
border: 1px solid #5897fb;
border-top: none
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #5897fb
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 25px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-radius: 0 4px 4px 0;
background-clip: padding-box
}
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
background: url("../images/select.png") no-repeat 0 1px;
margin-top: 1px
}
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap
}
.select2-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url("../images/select2.png") no-repeat 100% -22px
}
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px
}
.select2-search input.select2-active {
background: #fff url("../images/select2-spinner.gif") no-repeat 100%;
background: url("../images/select2-spinner.gif") no-repeat 100%,
-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff),
color-stop(0.99, #eee));
background: url("../images/select2-spinner.gif") no-repeat 100%,
-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2-spinner.gif") no-repeat 100%,
-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url("../images/select2-spinner.gif") no-repeat 100%,
linear-gradient(top, #ffffff 85%, #eeeeee 99%)
}
.select2-container-active .select2-choice,.select2-container-active .select2-choices
{
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
.select2-dropdown-open .select2-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices
{
border: 1px solid #5897fb;
border-top-color: transparent
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
filter: none
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -68px 3px
}
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0
}
.select2-results ul.select2-result-sub>li .select2-result-label {
padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label
{
padding-left: 120px
}
.select2-results li {
list-style: none;
display: list-item;
background-image: none
}
.select2-results li.select2-result-with-children>.select2-result-label {
font-weight: bold
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select2-results .select2-highlighted {
background: #3875d7;
color: #fff
}
.select2-results li em {
background: #feffde;
font-style: normal
}
.select2-results .select2-highlighted em {
background: transparent
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit
{
display: list-item
}
.select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default
}
.select2-results .select2-selected {
display: none
}
.select2-more-results.select2-active {
background: #f4f4f4 url("../images/select2-spinner.gif") no-repeat 100%
}
.select2-more-results {
background: #f4f4f4;
display: list-item
}
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow
{
background-color: #f4f4f4;
background-image: none;
border-left: 0
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none
}
.select2-container-multi .select2-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee),
color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%)
}
.select2-locked {
padding: 3px 5px 3px 5px !important
}
.select2-container-multi .select2-choices {
min-height: 26px
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active
{
background: #fff url("../images/select2-spinner.gif") no-repeat 100%
!important
}
.select2-default {
color: #999 !important
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',
endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4),
color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8),
color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee
100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee
100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%
)
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen
{
cursor: default
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
background: #d4d4d4
}
.select2-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url("../images/select2.png") right top no-repeat
}
.select2-container-multi .select2-search-choice-close {
left: 3px
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover
{
background-position: right -11px
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close
{
background-position: right -11px
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice
{
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close
{
display: none;
background: none
}
.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match
{
text-decoration: underline
}
.select2-offscreen,.select2-offscreen:focus {
clip: rect(0, 0, 0, 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important
}
.select2-display-none {
display: none
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll
}
media_tag_4 {
media_subcode: 4
}
.ir {
background-color: transparent;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none
}
.clear {
clear: both
}
.clearfix,.group,.media,.item {
*zoom: 1
}
.clearfix:before,.clearfix:after,.group:before,.group:after,.media:before,.media:after,.item:before,.item:after
{
content: "";
display: table
}
.clearfix:after,.group:after,.media:after,.item:after {
clear: both
}
.screen-reader {
display: block !important;
left: -9999px !important;
position: absolute !important
}
h1,h2,h3,h4,h5,h6,p,blockquote {
margin-top: 10px;
margin-bottom: 10px;
}
h2,h3,h4,h5,h6 {
margin-top: 10px;
margin-bottom: 10px;
/* margin-left: -10px; */
}
h1 {
margin-top: 10px;
margin-bottom: 20px;
margin-left: -4px;
font-size: 2.5em;
}
h2 {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0px;
font-size: 1.8em;
}
h3 {
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 1.5em;
}
h4 {
margin-top: 10px;
margin-bottom: -5px;
margin-left: 0px;
font-size: 1.3em;
}
body {
word-break: normal;
word-wrap: break-word
}
.top-space-null {
padding-top: 0;
margin-top: 0
}
.top-space-small {
padding-top: 10px
}
.top-space-medium,.modal_signup_wrapper {
padding-top: 20px
}
.top-space-large {
padding-top: 30px
}
.top-space-extralarge {
margin-top: 80px;
display: inline-block
}
.bottom-space-small {
padding-bottom: 10px
}
.bottom-space-medium {
padding-bottom: 20px
}
.bottom-space-large {
padding-bottom: 30px
}
.gutter-right-null {
margin-right: 0
}
.icon-round {
background-color: #49a3df;
margin-bottom: 20px;
border-radius: 50%;
width: 84px;
height: 84px
}
.no-margin {
margin: 0px
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.invisible {
visibility: hidden
}
.align-right {
text-align: right
}
.align-left {
text-align: left
}
.align-center,.text-center {
text-align: center
}
.inline-block {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline
}
.hide-in-mobile {
display: none
}
.show-in-tablet {
display: none
}
media_tag_5 {
media_subcode: 5
}
.muted {
color: #999999
}
.text-highlight {
color: #C5D685
}
.ultra-light {
font-weight: 200
}
.light {
font-weight: 300
}
.semi-bold {
font-weight: 600
}
.bold {
font-weight: 700
}
.uppercase {
text-transform: uppercase
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.ie7 .scrolling-circle .movable,.ie8 .scrolling-circle .movable {
display: none
}
.ie7 .tour_controls {
position: relative;
top: -100px;
height: 160px
}
.ie7 .tour_controls li {
margin: 0px 28px;
float: left
}
.ie7 .tour_sticky,.ie8 .tour_sticky {
display: none !important
}
media_tag_6 {
media_subcode: 6
}
.banner {
background-color: #C5D685;
color: white;
padding-top: 30px;
padding-bottom: 30px
}
#gcs-images {
margin-top: -15px
}
#gcs-images img {
max-width: 100%
}
.customer-feedback {
font-style: italic
}
.customer-feedback img {
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2)
}
.customer-feedback p {
color: #92f0de
}
.customer-feedback p+p {
color: white
}
.multi_channel_support {
background: url(../images/multi-channel-support.png) no-repeat center
top;
height: 236px;
width: 100%
}
#theme-support-center,#theme-customization {
cursor: pointer;
opacity: 0.6
}
#theme-support-center.active,#theme-customization.active {
opacity: 1
}
.content-strip {
padding: 30px 0px
}
.content-strip .fc {
padding: 50px 0px
}
.teelbg {
color: white;
background-color: #C5D685;
z-index: 10;
position: relative
}
.teelbg h3 {
color: white
}
.teelbg p {
color: white
}
.whitebg {
color: #333333;
background-color: white
}
.whitebg h2,.whitebg p {
color: #333333
}
.whitebg h3 {
color: #333333
}
.content-seperator {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-top: 45px;
padding-bottom: 45px
}
.screen-controls img {
position: relative;
left: -40px
}
.screen-controls h3 {
background-repeat: no-repeat;
padding: 0px 0px 18px 70px
}
.screen-controls h3.ticketing {
background-image: url(../images/icons/powerful-ticketing.png);
background-position: 0px 2px
}
.screen-controls h3.self-service {
background-image: url(../images/icons/self-service.png);
background-position: 0px 2px
}
.screen-controls h3.team-inbox {
background-image: url(../images/icons/team-inbox.png)
}
.screen-controls h3.theme-lab {
background-image: url(../images/icons/lab-beaker.png);
padding-bottom: 26px
}
.screen-controls h3.theme-brush {
background-image: url(../images/icons/theme-brush.png)
}
.screen-controls p {
padding-top: 0px;
padding-left: 70px;
margin-top: -32px
}
.screen-controls .sc-unit {
display: inline-block;
margin-bottom: 30px;
opacity: 0.5;
cursor: pointer
}
.screen-controls .sc-unit:hover {
opacity: 1
}
.screen-controls .sc-unit.active {
opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.space-bg {
background-image: url(../images/gamification-pattern.png);
background-repeat: repeat-x;
background-position: center bottom;
min-height: 586px;
position: relative;
-webkit-animation: spacebgmove 40s infinite linear;
-moz-animation: spacebgmove 40s infinite linear;
-ms-animation: spacebgmove 40s infinite linear;
-o-animation: spacebgmove 40s infinite linear;
animation: spacebgmove 40s infinite linear
}
.space-bg .space-man {
background: url(../images/space-man.png) no-repeat;
width: 279px;
height: 96px;
position: absolute;
bottom: 30px;
left: 10px;
-webkit-animation: space_ship_hover 1s infinite ease-in-out alternate;
-moz-animation: space_ship_hover 1s infinite ease-in-out alternate;
-ms-animation: space_ship_hover 1s infinite ease-in-out alternate;
-o-animation: space_ship_hover 1s infinite ease-in-out alternate;
animation: space_ship_hover 1s infinite ease-in-out alternate
}
.space-bg .game-coins {
width: 1006px;
height: 74px;
background: url(../images/game-coins.png) no-repeat;
position: absolute;
right: 0px;
bottom: 0px
}
.hpk-c {
height: 700px
}
.hpk {
margin-top: 40px;
height: 780px;
position: relative
}
.hpk-circle {
width: 780px;
height: 780px;
border: 1px dashed #cccccc;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease
}
.animate .hpk-circle {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1
}
.knob {
position: absolute;
width: 180px;
height: 180px;
opacity: 1;
border-radius: 50%;
text-align: center;
z-index: 10
}
.knob:hover {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1)
}
.knob.active {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1), 0 0 0 12px rgba(0, 0, 0, 0.1);
-webkit-animation: blink 1.6s infinite ease-in-out;
-moz-animation: blink 1.6s infinite ease-in-out;
-ms-animation: blink 1.6s infinite ease-in-out;
-o-animation: blink 1.6s infinite ease-in-out;
animation: blink 1.6s infinite ease-in-out
}
.knob img {
height: auto
}
.animate .knob {
margin-left: 0;
width: 100px;
height: 100px
}
.knob {
width: 180px;
height: 180px;
margin-left: 24px
}
.gfx-v-mail {
left: 0%;
bottom: 70%;
background-color: #e35252;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e35252),
color-stop(50%, #e35252), color-stop(50%, rgba(0, 0, 0, 0.1)),
color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(left, #e35252 0%, #e35252 50%, rgba(0, 0, 0, 0.1
) 50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(left, #e35252 0%, #e35252 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(left, #e35252 0%, #e35252 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(left, #e35252 0%, #e35252 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%)
}
.gfx-v-mail img {
width: 70%;
margin-top: 24%
}
.animate .gfx-v-mail {
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s,
width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s
ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
bottom: 43%;
left: 9.8%
}
.knob-message:nth-child(1) {
background-color: #e35252
}
.gfx-v-globe {
left: 20%;
bottom: 70%;
background-color: #455479;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #455479),
color-stop(50%, #455479), color-stop(50%, rgba(0, 0, 0, 0.1)),
color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(left, #455479 0%, #455479 50%, rgba(0, 0, 0, 0.1
) 50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(left, #455479 0%, #455479 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(left, #455479 0%, #455479 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(left, #455479 0%, #455479 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%)
}
.gfx-v-globe img {
width: 66%;
margin-top: 16%
}
.animate .gfx-v-globe {
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s,
width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s
ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
bottom: 73%;
left: 17%
}
.knob-message:nth-child(2) {
background-color: #455479
}
.gfx-v-comments {
left: 40%;
bottom: 70%;
background-color: #006a83;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006a83),
color-stop(50%, #006a83), color-stop(50%, rgba(0, 0, 0, 0.1)),
color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(left, #006a83 0%, #006a83 50%, rgba(0, 0, 0, 0.1
) 50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(left, #006a83 0%, #006a83 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(left, #006a83 0%, #006a83 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(left, #006a83 0%, #006a83 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%)
}
.gfx-v-comments img {
width: 66%;
margin-top: 21%
}
.animate .gfx-v-comments {
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s,
width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s
ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
bottom: 93%;
left: 46.5%
}
.knob-message:nth-child(3) {
background-color: #006a83
}
.gfx-v-social {
left: 60%;
bottom: 70%;
background-color: #537cc9;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #537cc9),
color-stop(50%, #537cc9), color-stop(50%, rgba(0, 0, 0, 0.1)),
color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(left, #537cc9 0%, #537cc9 50%, rgba(0, 0, 0, 0.1
) 50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(left, #537cc9 0%, #537cc9 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(left, #537cc9 0%, #537cc9 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(left, #537cc9 0%, #537cc9 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%)
}
.gfx-v-social img {
width: 68%;
margin-top: 17%
}
.animate .gfx-v-social {
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s,
width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s
ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
bottom: 73%;
left: 74%
}
.knob-message:nth-child(4) {
background-color: #537cc9
}
.gfx-v-mobile {
left: 80%;
bottom: 70%;
background-color: #1abc9c;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1abc9c),
color-stop(50%, #1abc9c), color-stop(50%, rgba(0, 0, 0, 0.1)),
color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(left, #1abc9c 0%, #1abc9c 50%, rgba(0, 0, 0, 0.1
) 50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(left, #1abc9c 0%, #1abc9c 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(left, #1abc9c 0%, #1abc9c 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(left, #1abc9c 0%, #1abc9c 50%, rgba(0, 0, 0, 0.1)
50%, rgba(0, 0, 0, 0.1) 100%)
}
.gfx-v-mobile img {
width: 40%;
margin-top: 15%
}
.animate .gfx-v-mobile {
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s,
width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s
ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width
0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s,
box-shadow 0.12s linear;
bottom: 43%;
left: 81%
}
.knob-message:nth-child(5) {
background-color: #1abc9c
}
.mail-icon,.globe-icon,.comments-icon,.mobile-icon,.social-icon {
background-repeat: no-repeat;
display: inline-block;
position: relative
}
.mail-icon {
background-image: url(../images/icons/mail-icon.png);
background-image: url(../images/icons/mail-icon.svg);
width: 63px;
height: 45px;
top: 88px;
left: 185px
}
.globe-icon {
background-image: url(../images/icons/globe-icon.png);
background-image: url(../images/icons/globe-icon.svg);
width: 64px;
height: 66px;
top: 64px;
left: 180px
}
.comments-icon {
background-image: url(../images/icons/comments-icon.png);
background-image: url(../images/icons/comments-icon.svg);
width: 63px;
height: 58px;
top: 75px;
left: 198px
}
.social-icon {
background-image: url(../images/icons/social-icon.svg);
background-image: url(../images/icons/social-icon.svg);
width: 63px;
height: 58px;
top: 70px;
left: 185px
}
.mobile-icon {
background-image: url(../images/icons/mobile-icon.png);
background-image: url(../images/icons/mobile-icon.svg);
width: 40px;
height: 68px;
top: 65px;
left: 196px
}
.knob-message {
width: 428px;
height: 428px;
text-align: center;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin-left: -214px;
margin-top: -214px;
z-index: 99;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-box-shadow: 0 0 0.9px 10px white;
-moz-box-shadow: 0 0 0.9px 10px white;
box-shadow: 0 0 0.9px 10px white;
-webkit-transition: opacity 0.46s ease-in, top 0.46s ease-in;
-moz-transition: opacity 0.46s ease-in, top 0.46s ease-in;
-o-transition: opacity 0.46s ease-in, top 0.46s ease-in;
transition: opacity 0.46s ease-in, top 0.46s ease-in
}
.knob-message.active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 100
}
.knob-msg-item {
width: 350px;
margin: 0 auto;
padding-top: 170px
}
.knob-msg-item h3,.knob-msg-item p,.knob-msg-item a {
color: #fff
}
.knob-msg-item a {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
filter: alpha(opacity = 90);
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
position: relative;
z-index: 1
}
.knob-msg-item a:visited,.knob-msg-item a:active,.knob-msg-item a:hover
{
color: #f3f3f3
}
.knob-msg-item i,.knob-msg-item em {
position: absolute;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2)
}
@
-moz-keyframes blink { 0% {
-moz-transform: scale(0.9);
transform: scale(0.9);
}
42%
{
-moz-transform
:
scale
(1);
transform
:
scale
(1);
}
100%
{
-moz-transform
:
scale
(0
.9
);
transform
:
scale
(0
.9
);
}
}
@
-webkit-keyframes blink { 0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
42%
{
-webkit-transform
:
scale
(1);
transform
:
scale
(1);
}
100%
{
-webkit-transform
:
scale
(0
.9
);
transform
:
scale
(0
.9
);
}
}
@
-o-keyframes blink { 0% {
-o-transform: scale(0.9);
transform: scale(0.9);
}
42%
{
-o-transform
:
scale
(1);
transform
:
scale
(1);
}
100%
{
-o-transform
:
scale
(0
.9
);
transform
:
scale
(0
.9
);
}
}
@
-ms-keyframes blink { 0% {
-ms-transform: scale(0.9);
transform: scale(0.9);
}
42%
{
-ms-transform
:
scale
(1);
transform
:
scale
(1);
}
100%
{
-ms-transform
:
scale
(0
.9
);
transform
:
scale
(0
.9
);
}
}
@
keyframes blink { 0% {
transform: scale(0.9)
}
42%
{
transform
:
scale
(1)
}
100%
{
transform
:
scale
(0
.9
)
}
}
@
-moz-keyframes space_ship_hover { 100% {
-moz-transform: translateY(20px);
transform: translateY(20px);
}
}
@
-webkit-keyframes space_ship_hover { 100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@
-o-keyframes space_ship_hover { 100% {
-o-transform: translateY(20px);
transform: translateY(20px);
}
}
@
-ms-keyframes space_ship_hover { 100% {
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
@
keyframes space_ship_hover { 100% {
transform: translateY(20px)
}
}
@
-moz-keyframes spacebgmove {from { background-position:5%bottom
}
to {
background-position: 100% bottom
}
}
@
-webkit-keyframes spacebgmove {from { background-position:5%bottom
}
to {
background-position: 100% bottom
}
}
@
-o-keyframes spacebgmove {from { background-position:5%bottom
}
to {
background-position: 100% bottom
}
}
@
-ms-keyframes spacebgmove {from { background-position:5%bottom
}
to {
background-position: 100% bottom
}
}
@
keyframes spacebgmove {from { background-position:5%bottom
}
to {
background-position: 100% bottom
}
}
.b-signup {
padding-bottom: 20px
}
.bs-heading {
font-weight: 300
}
.b-heading {
font-weight: 600
}
.su-subtitle {
font-weight: 300
}
.k-heading {
text-transform: uppercase;
letter-spacing: .1rem;
background-color: rgba(0, 0, 0, 0.1);
padding: 3px 5px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
filter: alpha(opacity = 60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
font-weight: 300;
}
.s-heading,.casestudy-banner h2 {
font-weight: 600
}
.bs-heading,.b-heading,.k-heading,.s-heading,.casestudy-banner h2 {
margin: 0
}
.press-date {
margin-bottom: -15px;
margin-top: 15px;
}
.white-title-bar {
width: 30%;
height: 2px;
margin: 30px auto 0px auto;
color: white;
background-color: white;
}
.teel-title-bar {
width: 30%;
height: 2px;
margin: 30px auto 0px auto;
color: #C5D685;
background-color: #C5D685;
}
.widget {
padding-bottom: 20px;
padding-top: 20px;
}
.widget .w-title {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.13rem;
display: block;
margin-top: 15px;
padding-bottom: 15px;
}
.gallery-image {
margin-top: 20px;
margin-bottom: 20px;
}
.gallery-image img {
width: 14.57286%;
float: left;
margin-right: 2.51256%;
display: inline;
}
.gallery-image img:nth-child(6n) {
float: right;
margin-right: 0;
*margin-left: -25px;
display: inline;
}
.gallery-image.four-col img {
width: 23.11558%;
float: left;
margin-right: 2.51256%;
display: inline;
}
.gallery-image.four-col img:nth-child(4n) {
float: right;
margin-right: 0;
*margin-left: -25px;
display: inline;
}
.company-logos {
line-height: 2.6;
padding-top: 15px;
padding-bottom: 15px;
}
.company-logos .trust-label {
margin-top: -10px;
display: block;
color: #ccdcd8;
}
.company-logos .trust-label h3 {
font-size: 32px;
font-weight: lighter;
}
.company-logos .trust-label h3 span {
font-weight: 600;
margin-right: 5px;
}
.company-logos img {
margin: 0 20px
}
.company-logos img:first-child {
margin-left: 0
}
.company-logos img:last-child {
margin-right: 0
}
.geo-company-logos {
line-height: 2.6;
padding-top: 15px;
padding-bottom: 15px;
}
.geo-company-logos .trusted-label {
letter-spacing: 0.1em;
text-transform: uppercase;
margin-right: 10px;
}
.geo-company-logos img {
margin-left: 15px
}
.geo-company-logos img,.geo-company-logos .trusted-label {
float: left
}
#geo-banner-logos {
opacity: 0.6
}
.v-middle-wrap {
display: table;
height: 419px;
vertical-align: middle;
}
.v-middle-wrap .v-middle {
display: table-cell;
vertical-align: middle;
}
.icon-gamification {
background: url(../images/icons/gamification.png) no-repeat;
width: 68px;
height: 58px;
display: inline-block;
}
.icon-report {
background: url(../images/icons/report.png) no-repeat;
width: 63px;
height: 58px;
display: inline-block;
}
.icon-team-sync {
background: url(../images/icons/team-sync.png) no-repeat;
width: 53px;
height: 58px;
display: inline-block;
}
.back-to-top {
text-align: right;
margin: 30px 0 20px 0;
}
.sitemap {
margin: 30px auto
}
.sitemap .nav-section {
width: 18%;
padding-right: 2%;
}
.sitemap .heading {
margin-top: 15px
}
.sitemap .heading a {
color: #333;
font-size: 16px;
}
.press-item {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
padding-top: 20px;
}
.left-panel {
border-right: 1px solid #e8e8e8;
/* padding-top: 50px; */
/* padding-bottom: 50px; */
}
.right-panel {
padding-top: 10px;
padding-bottom: 50px;
}
.stuck {
position: fixed;
z-index: 13;
}
.sticky-wrapper .stuck {
width: 100%;
top: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
filter: alpha(opacity = 90);
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
height: 0;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.sticky-wrapper .stuck.in {
height: 57px
}
.sticky-wrapper .stuck .l-page {
position: relative;
z-index: 11;
}
.sticky-wrapper .stuck .l-page:before,.sticky-wrapper .stuck .l-page:after
{
content: "";
position: absolute;
z-index: -1;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
top: 10px;
bottom: 0;
left: 10px;
right: 10px;
-moz-border-radius: 100px/10px;
border-radius: 100px/10px;
}
.sticky-wrapper .stuck .l-page:after {
right: 10px;
left: auto;
-webkit-transform: skew(8deg) rotate(3deg);
-moz-transform: skew(8deg) rotate(3deg);
-ms-transform: skew(8deg) rotate(3deg);
-o-transform: skew(8deg) rotate(3deg);
transform: skew(8deg) rotate(3deg);
}
.signup h1 {
margin-top: 10px
}
.navigation .sub {
margin-left: 20px;
font-size: 14px;
list-style: disc;
}
.pl-signup {
padding-bottom: 20px
}
img.loading {
opacity: 0;
transition: opacity .3s ease-in;
}
.img-descrip {
font-size: .9rem;
font-weight: 400;
text-align: center;
margin-top: 10px;
line-height: 20px;
}
.feature-widget {
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
}
.feature-widget .w-title {
text-transform: uppercase;
letter-spacing: 0.1rem;
display: block;
margin-top: 15px;
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.feature-widget p {
margin-top: 0
}
.feature-widget .w-title-link {
display: block;
color: #333333;
}
.feature-widget .w-title-link:hover,.feature-widget .w-title-link.visited
{
color: #18ad90
}
.banner-blocks h3 {
text-align: center;
padding-bottom: 20px;
}
.media-widget {
border: 1px solid #ccc;
text-align: center;
height: 225px;
margin-bottom: 30px;
overflow: hidden;
cursor: pointer;
display: block;
}
.media-widget:hover .media-content,.media-widget.active .media-content {
margin-top: -15%;
-webkit-box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.05);
}
.media-widget:hover .media-text,.media-widget.active .media-text {
margin-bottom: 0
}
.media-image {
height: 125px;
display: block;
}
.media-image img {
width: auto;
height: auto;
}
.media-content {
background: #fff;
height: 100%;
display: block;
-webkit-transition-property: margin, box-shadow;
-moz-transition-property: margin, box-shadow;
-o-transition-property: margin, box-shadow;
transition-property: margin, box-shadow;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.165s;
-moz-transition-duration: 0.165s;
-o-transition-duration: 0.165s;
transition-duration: 0.165s;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
position: relative;
z-index: 1;
}
.media-text {
color: #333;
line-height: 1.35;
min-height: 75px;
height: auto !important;
height: 75px;
margin-top: 8px;
margin-bottom: 15px;
-webkit-transition-property: margin;
-moz-transition-property: margin;
-o-transition-property: margin;
transition-property: margin;
-webkit-transition-duration: 0.165s;
-moz-transition-duration: 0.165s;
-o-transition-duration: 0.165s;
transition-duration: 0.165s;
}
.whitepaper-widget .media-widget,.casestudy-widget .media-widget {
height: 280px
}
.whitepaper-widget .media-widget .media-image,.casestudy-widget .media-widget .media-image
{
height: 210px
}
.whitepaper-widget .media-widget .media-text,.casestudy-widget .media-widget .media-text
{
margin-top: 10px;
min-height: 50px;
}
.youtube-widget .media-widget,.slideshare-widget .media-widget {
height: 250px
}
.youtube-widget .media-widget .media-image,.slideshare-widget .media-widget .media-image
{
height: 180px
}
.youtube-widget .media-widget .media-text,.slideshare-widget .media-widget .media-text
{
margin-top: 15px;
min-height: 55px;
}
.compare-price-tbl {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: 600;
line-height: 1.5;
margin-bottom: 20px;
}
.compare-price-tbl table {
width: 100%;
text-align: center;
}
.compare-price-tbl th {
border-bottom: 1px solid #ccc
}
.compare-price-tbl td {
border-right: 1px solid #ccc
}
.compare-price-tbl td:last-child {
border-right: none
}
.compare-price-tbl span {
display: block;
font-size: .9rem;
font-style: italic;
padding: 0 30px;
}
.compare-price-tbl .scenario {
width: 40%;
text-align: left;
font-size: 1rem;
font-weight: 600;
}
.compare-price-tbl .price-list-cell {
width: 30%;
padding: 20px 0 10px 0;
}
.casestudy-container {
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #cccccc;
}
.casestudy-container h4 {
font-weight: 400;
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
}
.casestudy-container b {
font-weight: 600
}
.casestudy-container li {
margin-left: 12px;
font-weight: 300;
}
.casestudy-container li:before {
content: "\28";
font-family: 'icomoon';
position: relative;
left: -10px;
z-index: 100;
}
.casestudy-banner h2 {
padding-top: 60px
}
.cust-img {
margin-top: 20px;
margin-bottom: 20px;
background-color: #f1f1f1;
overflow: hidden;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid #dfdfdf;
width: 100%;
max-width: 250px;
}
.cust-quote {
color: #999999;
font-style: italic;
font-weight: 300;
border-left: 0;
padding-left: 0;
}
.cust-quote:before,.cust-quote:after {
content: '"'
}
.cust-quote p {
display: inline
}
.cust-name {
color: #C5D685;
font-style: italic;
}
.cust-info {
text-align: right;
line-height: 1.5;
}
[class^="icon-"],[class*=" icon-"],[class^="customer-"],[class*=" customer-"]
{
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
vertical-align: text-top;
}
.cc-photos {
padding-top: 30px
}
.c-photos {
padding-bottom: 20px
}
.c-photos a {
margin-right: 26px;
background-color: #eee;
overflow: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3)";
filter: alpha(opacity = 30);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.c-photos .active {
background-color: #c8c6d5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
}
.slide-e {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
font-style: italic;
position: absolute;
}
.slide-e blockquote {
margin-bottom: 8px
}
.slide-e.active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.p-name {
text-transform: uppercase;
padding-right: 4px;
color: #35a78f;
}
.p-name:before {
content: "- "
}
.signup_error_land {
background-color: #D35400;
text-align: center;
color: #fff;
}
#loading_data {
top: 23px;
position: absolute;
right: 10px;
}
.form_input {
position: relative
}
.cq-banner {
padding-left: 0;
border: 0;
}
.signup-banner-strip {
padding-top: 30px;
padding-bottom: 30px;
}
.su-divider {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3)";
filter: alpha(opacity = 30);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
margin-top: 30px;
margin-bottom: 30px;
}
.su-box .cust-img {
float: left;
width: 50px;
border: 0;
margin-top: 0;
margin-right: 15px;
background-color: #DDDDDD;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
}
.su-box .su-quote {
line-height: 1.6;
font-weight: 300;
}
.su-box .su-quote .cq-banner {
margin-top: 10px;
color: #5ce5ca;
margin-bottom: 3px;
opacity: 0.8;
}
.su-box .c-name,.su-box .p-name {
color: #fff
}
.signup-big {
background-color: #C5D685;
padding: 5px;
margin-bottom: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.signup-big .b-form,.signup-big .lpeRegForm {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.signup-big .textfield {
color: #666
}
.signup-big .textfield input.text,.signup-big .textfield input[type=email]
{
padding: 20px 10px 20px 35px
}
.signup-big .b-form [class^="icon-"],.signup-big .lpeRegForm [class^="icon-"],.signup-big .b-form [class*=" icon-"],.signup-big .lpeRegForm [class*=" icon-"]
{
top: 20px;
left: 2px;
}
.signup-big .b-form em.error,.signup-big .lpeRegForm em.error,.signup-big .lpeRegForm em.error
{
right: -104%;
left: auto;
height: 90%;
}
.signup-big .b-form em.error:before,.signup-big .lpeRegForm em.error:before,.signup-big .lpeRegForm em.error:before
{
left: -22px;
right: auto;
top: 18px;
border-right-color: rgba(0, 0, 0, 0.2);
border-left-color: transparent;
}
.signup-big .b-form em.error:after,.signup-big .lpeRegForm em.error:after,.signup-big .lpeRegForm em.error:after
{
left: -20px;
right: auto;
top: 19px;
border-right-color: #ffeaea;
border-left-color: transparent;
}
.signup-big .ghostwriter_info {
padding-top: 16px;
padding-left: 34px;
}
.signup-big .b-form .required,.signup-big .lpeRegForm .required {
top: 18px;
right: 5px;
}
.quote {
background: url(../images/quote.png) no-repeat;
height: 54px;
display: block;
background-size: 45px;
}
.cq-author {
margin-left: 55px
}
.gfx-price-sprite,.gfx-price-all-plans-free,.gfx-price-blossom,.gfx-price-bullet-leaf-red,.pl-f-np:before,.gfx-price-bullet-leaf,.pl-f-p:before,.gfx-price-estate,.gfx-price-garden,.gfx-price-sprout
{
background: url("../images/gfx-price-sa8a93f641f.png?1386228792")
no-repeat
}
.gfx-price-all-plans-free {
background-position: 0 -880px;
height: 114px;
width: 114px;
}
.gfx-price-blossom {
background-position: 0 -440px;
height: 220px;
width: 220px;
}
.gfx-price-bullet-leaf-red,.pl-f-np:before {
background-position: 0 -994px;
height: 19px;
width: 17px;
}
.gfx-price-bullet-leaf,.pl-f-p:before {
background-position: 0 -1013px;
height: 16px;
width: 16px;
}
.gfx-price-estate {
background-position: 0 -220px;
height: 220px;
width: 220px;
}
.gfx-price-garden {
background-position: 0 0;
height: 220px;
width: 220px;
}
.gfx-price-sprout {
background-position: 0 -660px;
height: 220px;
width: 220px;
}
.pl-c-g {
color: #5d5636;
background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(1%, #ddd),
color-stop(1%, #faf9e2), color-stop(100%, #faf9e2));
background-image: -webkit-linear-gradient(right, #ddd 1%, #faf9e2 1%, #faf9e2 100%);
background-image: -moz-linear-gradient(right, #ddd 1%, #faf9e2 1%, #faf9e2 100%);
background-image: -o-linear-gradient(right, #ddd 1%, #faf9e2 1%, #faf9e2 100%);
background-image: linear-gradient(right, #dddddd 1%, #faf9e2 1%, #faf9e2 100%);
}
.pl-c-g .pl-p-s p {
color: #3d3823
}
.pl-list {
margin-bottom: -20px
}
.pl-row {
*zoom: 1;
border: 1px solid #dddddd;
border-width: 0 1px;
}
.pl-row:after {
content: "";
display: table;
clear: both;
}
.pl-row .pl-c-e,.pl-row .pl-c-b {
background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(1%, #ddd),
color-stop(1%, #fff), color-stop(100%, #fff));
background-image: -webkit-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: -moz-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: -o-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: linear-gradient(right, #dddddd 1%, #ffffff 1%, #ffffff 100%);
}
.pl-row .pl-c-e,.pl-row .pl-c-g,.pl-row .pl-c-b,.pl-row .pl-c-s {
width: 21%;
float: left;
padding-left: 2%;
padding-right: 2%;
}
.cm-row .pl-row {
border-width: 0;
text-align: center;
}
.pl-s-b-g .pl-c-e,.pl-s-b-g .pl-c-g,.pl-s-b-g .pl-c-b,.pl-s-b-g .pl-c-s
{
padding-top: 20px;
padding-bottom: 20px;
}
.pl-last .pl-c-e,.pl-last .pl-c-g,.pl-last .pl-c-b,.pl-last .pl-c-s {
padding-bottom: 50px
}
.pl-intro {
margin-top: -50px;
text-align: center;
height: 460px;
}
.pl-p-s {
margin-top: 16px
}
.pl-p-s h6 {
margin-top: 3px;
margin-bottom: 3px;
font-weight: 600;
}
.pl-p-s p {
color: #107360;
line-height: 1.5;
font-weight: 400;
}
.pl-coin,.pl-free {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
background-color: #f5f5ef;
width: 75px;
height: 75px;
padding: 4px;
text-align: center;
line-height: 2;
position: relative;
color: #333;
font-weight: 600;
}
.pl-coin:after,.pl-free:after {
content: " ";
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 1px dotted #ccc;
height: 86%;
width: 86%;
position: absolute;
top: 6%;
left: 6%;
}
.pl-coin-pos {
margin-top: -70px
}
.p-label {
margin-top: -30px;
position: relative;
}
.p-label .label {
margin-right: 0
}
.pl-coin-small {
width: 45px;
height: 45px;
line-height: 1.5;
margin-right: 5px;
}
.pl-free {
line-height: 2.7;
text-transform: uppercase;
}
.pl-coin:before {
content: " $ ";
margin-left: -4px;
color: #666;
}
.gfx-price {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.pl-d-p {
padding-top: 18px;
padding-bottom: 18px;
}
.gfx-price-bullet-leaf,.pl-f-p:before,.gfx-price-bullet-leaf-red,.pl-f-np:before,.gfx-price-all-plans-free
{
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.pl-f-p,.pl-f-np {
position: relative;
border-bottom: 1px #efecec solid;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
}
.pl-f-p:before,.pl-f-np:before {
content: " ";
position: absolute;
left: 0;
top: 17px;
}
.gfx-price-all-plans-free {
float: left;
margin-right: 15px;
}
.pl-f-np {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
filter: alpha(opacity = 60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.pl-c-e,.pl-c-g,.pl-c-b,.pl-c-s {
width: 21%;
float: left;
padding-left: 2%;
padding-right: 2%;
}
.pl-c-e,.pl-c-b,.pl-c-s {
background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(1%, #ddd),
color-stop(1%, #fff), color-stop(100%, #fff));
background-image: -webkit-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: -moz-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: -o-linear-gradient(right, #ddd 1%, #fff 1%, #fff 100%);
background-image: linear-gradient(right, #dddddd 1%, #ffffff 1%, #ffffff 100%);
}
.valign-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.tour_banner {
min-height: 208px
}
.nav-tour-panel {
height: 110px
}
.nav-tour-panel li {
margin: 0 2%;
width: 20%;
position: relative;
z-index: 2;
top: -95px;
display: inline-block;
text-align: center;
}
.nav-tour-panel li .tour-icon-wrapper {
width: 170px;
height: 170px;
border: 10px #fff solid;
display: inline-block;
position: relative;
background-color: #3b5768;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0,
0)), color-stop(50%, rgba(0, 0, 0, 0)),
color-stop(51%, rgba(0, 0, 0, 0.05)),
color-stop(100%, rgba(0, 0, 0, 0.05)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.05)
100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.05)
100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.05)
100%);
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.05)
100%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background 0.35s linear, height 0.1s ease, width
0.1s ease;
-moz-transition: background 0.35s linear, height 0.1s ease, width 0.1s
ease;
-o-transition: background 0.35s linear, height 0.1s ease, width 0.1s
ease;
transition: background 0.35s linear, height 0.1s ease, width 0.1s ease;
}
.nav-tour-panel li .tour-icon-normal {
-webkit-transition: opacity 0s linear;
-moz-transition: opacity 0s linear;
-o-transition: opacity 0s linear;
transition: opacity 0s linear;
}
.nav-tour-panel li .tour-icon-active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.35s linear;
-moz-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}
.nav-tour-panel li a img {
vertical-align: middle;
max-height: 170px;
max-width: 170px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.nav-tour-panel li .tour-icon-title {
text-transform: uppercase;
display: block;
color: #333333;
}
.sticky-wrapper .tour-sticky.stuck .l-page {
position: static
}
.sticky-wrapper .tour-sticky.stuck .l-page:before,.sticky-wrapper .tour-sticky.stuck .l-page:after
{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sticky-wrapper .tour-sticky.stuck.in {
background-color: white;
width: 100%;
top: 0;
height: 100px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9.7)";
filter: alpha(opacity = 97);
-khtml-opacity: 0.97;
-moz-opacity: 0.97;
opacity: 0.97;
-webkit-box-shadow: 0 0 15px #cccccc;
-moz-box-shadow: 0 0 15px #cccccc;
box-shadow: 0 0 15px #cccccc;
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel {
position: relative
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel li {
top: 0
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .tour-icon-wrapper
{
width: 70px;
height: 70px;
border-width: 2px;
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .inactive .tour-icon-wrapper
{
width: 60px;
height: 60px;
}
.sticky-wrapper .tour-sticky.stuck.in .milestone-line {
display: block
}
.milestone-line {
border-top: 1px dotted #afafaf;
margin: 0 auto;
position: absolute;
top: 40px;
z-index: 1;
display: none;
}
.milestone-indicator {
position: absolute;
top: 0;
left: 0;
}
#landing-page {
padding: 0
}
.landing-page-content h1,.l-content h1 {
font-size: 34px;
font-weight: 500;
line-height: 2.8rem;
}
.landing-form {
width: 75%;
display: inline-block;
}
.landing-right-panel {
background-color: #C5D685;
color: white;
padding-top: 20px;
padding-bottom: 35px;
position: fixed;
display: inline-block;
height: 100%;
}
.landing-right-panel .landing-signup-form {
position: relative;
margin-top: 50px;
margin-bottom: 30px;
}
.landing-right-panel .landing-signup-form .b-form #signup_button,.landing-right-panel .landing-signup-form .lpeRegForm #signup_button
{
font-size: 15px
}
.landing-right-panel .landing-signup-form .b-form .signup-big .b-form em.error,.landing-right-panel .landing-signup-form .lpeRegForm .signup-big .b-form em.error,.landing-right-panel .landing-signup-form .b-form .signup-big .lpeRegForm em.error,.landing-right-panel .landing-signup-form .lpeRegForm .signup-big .lpeRegForm em.error,.landing-right-panel .landing-signup-form .b-form .signup-big .lpeRegForm em.error,.landing-right-panel .landing-signup-form .lpeRegForm .signup-big .lpeRegForm em.error,.landing-right-panel .landing-signup-form .b-form .signup-big .lpeRegForm em.error,.landing-right-panel .landing-signup-form .lpeRegForm .signup-big .lpeRegForm em.error
{
left: -9999999px
}
.landing-right-panel .landing-page-content {
padding: 0 10px
}
.landing-terms {
font-size: 12px
}
.landing-terms a {
color: #395b54
}
.l-divider {
margin-top: 10px;
margin-bottom: 10px;
}
.l-contact {
float: right;
font-size: 18px;
margin-top: 12px;
}
.landing-left-panel {
padding-left: 20px;
padding-bottom: 40px;
margin-right: 0;
padding-right: 2%;
background-color: #fff;
}
.landing-customer-info {
width: 550px;
padding-top: 10px;
margin: 0 auto;
font-weight: 300;
}
.landing-customer-info .icon-envelope-alt,.landing-customer-info .icon-phone
{
color: #ccc;
vertical-align: middle;
}
.landing-customer-info .icon-office {
color: #ccc
}
.landing-customer-info .l-mail {
margin-left: 10px;
opacity: .7;
}
.landing-customer-info .l-phone {
margin-left: 15px;
opacity: .7;
}
.landing-customer-info .l-addr span {
display: block;
opacity: .7;
}
#img-slider {
display: inline-block
}
.slider .img-frame-stack img.active {
-webkit-animation: 0;
-moz-animation: 0;
-ms-animation: 0;
-o-animation: 0;
animation: 0;
}
.cnt {
width: 10px;
height: 10px;
border-radius: 100%;
display: inline-block;
border: 1px solid #4d9789;
cursor: pointer;
margin: 0 4px;
}
.cnt.active {
background-color: #7ddcc9
}
.pricing-helpdesk {
margin-top: 40px;
border: 1px solid #f2f2f2;
margin-bottom: 40px;
padding-bottom: 30px;
}
.pricing-helpdesk .incoming-price {
width: 39.65517%;
float: left;
margin-right: 3.44828%;
display: inline;
}
.pricing-helpdesk .outgoing-price {
width: 39.65517%;
float: left;
margin-right: 3.44828%;
display: inline;
}
.helpdesk-header {
background-color: #f2f8f7;
padding: 15px 0;
border-bottom: 1px solid #ecf2f1;
box-shadow: 0px -1px 1px 1px #e2e7e7;
}
.helpdesk-header .header-txt {
font-size: 18px;
font-weight: 600;
margin-right: 20px;
}
.helpdesk-header .country-list {
margin-right: 30px;
margin-left: 20px;
}
.helpdesk-header .header-price {
font-size: 14px;
margin-left: 20px;
color: #999898;
font-weight: 400;
}
.helpdesk-header .h-price {
font-size: 22px;
font-weight: 400;
color: black;
}
.freshfone-img {
margin: 0 40px 0 40px
}
.icon-phone-price {
font-size: 55px;
vertical-align: middle;
color: #336666;
}
.in-txt {
font-weight: 600
}
.incoming-price {
padding-left: 40px
}
.incoming-price .fg-6 {
font-size: 16px;
color: #666666;
}
.outgoing-price .fg-6 {
font-size: 16px;
color: #666666;
}
.voice-mail,.browser,.phone {
padding-top: 20px;
position: relative;
padding-left: 40px;
}
.price-container {
border-bottom: 1px solid #e5e5e5
}
.incoming-price .fg-4,.outgoing-price .fg-4 {
text-align: right
}
.fg-4 .min-rates {
font-size: 18px;
font-weight: 400;
}
.rate-arb {
font-size: 12px;
color: #999898;
margin-top: -10px;
opacity: 0.5;
}
.atr {
font-size: 12px;
color: #999898;
margin-right: 10px;
opacity: 0.5;
}
.ff-icons {
float: left;
padding-top: 10px;
}
.icon-voicemail,.icon-desktop,.icon-phone-vibrate {
color: #666666
}
.icon-voicemail {
font-size: 34px
}
.icon-desktop {
font-size: 24px;
margin-top: 6px;
margin-left: 4px;
}
.icon-phone-vibrate {
font-size: 22px;
margin-top: 8px;
margin-left: 6px;
}
.phone-pricing {
padding-left: 40px
}
.phone-pricing .drpDwn {
margin-left: 10px;
margin-right: 30px;
}
.phone-pricing .pricing-txt {
color: #666666
}
.incoming-price-table,.outgoing-price-table {
padding-left: 40px;
padding-top: 20px;
}
.table-subs {
font-size: 16px;
color: #666666;
font-style: italic;
}
.prices {
font-size: 18px;
font-weight: 500;
}
table .prefixes,table .rates {
border: 1px solid #e5e5e5;
padding: 10px 10px;
}
table .prefixes {
width: 250px
}
table .rates {
width: 120px
}
.outgoing-price {
padding-left: 40px
}
.incoming-price-table,.outgoing-price-table {
display: none
}
.country {
background-image: url(../images/ff-pricing-sprite.png);
display: inline-block;
width: 30px;
height: 20px;
margin-right: 10px;
margin-top: -4px;
vertical-align: middle;
}
.flag-SZ {
background-position: 0 0
}
.flag-PA {
background-position: -50px 0
}
.flag-NI {
background-position: -100px 0
}
.flag-MM {
background-position: -150px 0
}
.flag-EH {
background-position: -200px 0
}
.flag-BY {
background-position: -250px 0
}
.flag-EE {
background-position: -300px 0
}
.flag-CM {
background-position: -350px 0
}
.flag-KR {
background-position: -400px 0
}
.flag-LK {
background-position: -450px 0
}
.flag-NC {
background-position: -500px 0
}
.flag-MG {
background-position: -550px 0
}
.flag-AZ {
background-position: -600px 0
}
.flag-UY {
background-position: -650px 0
}
.flag-RU {
background-position: -700px 0
}
.flag-MD {
background-position: -750px 0
}
.flag-JP {
background-position: -800px 0
}
.flag-CG {
background-position: -850px 0
}
.flag-AW {
background-position: -900px 0
}
.flag-IT {
background-position: -950px 0
}
.flag-BS {
background-position: 0 -40px
}
.flag-TZ {
background-position: -50px -40px
}
.flag-SN {
background-position: -100px -40px
}
.flag-MA {
background-position: -150px -40px
}
.flag-JM {
background-position: -200px -40px
}
.flag-CD {
background-position: -250px -40px
}
.flag-HU {
background-position: -300px -40px
}
.flag-AT {
background-position: -350px -40px
}
.flag-IQ {
background-position: -400px -40px
}
.flag-GY {
background-position: -450px -40px
}
.flag-US,.flag-US-TF {
background-position: -500px -40px
}
.flag-TW {
background-position: -550px -40px
}
.flag-SK {
background-position: -600px -40px
}
.flag-RO {
background-position: -650px -40px
}
.flag-PW {
background-position: -700px -40px
}
.flag-LB {
background-position: -750px -40px
}
.flag-CA,.flag-CA-TF {
background-position: -800px -40px
}
.flag-HR {
background-position: -850px -40px
}
.flag-IN {
background-position: -900px -40px
}
.flag-BM {
background-position: -950px -40px
}
.flag-TT {
background-position: -0 -80px
}
.flag-PT {
background-position: -50px -80px
}
.flag-AN {
background-position: -100px -80px
}
.flag-BJ {
background-position: -150px -80px
}
.flag-SH {
background-position: -200px -80px
}
.flag-VI {
background-position: -250px -80px
}
.flag-SE {
background-position: -300px -80px
}
.flag-GP {
background-position: -350px -80px
}
.flag-BG {
background-position: -400px -80px
}
.flag-TN {
background-position: -450px -80px
}
.flag-MZ {
background-position: -500px -80px
}
.flag-IE {
background-position: -550px -80px
}
.flag-GM {
background-position: -600px -80px
}
.flag-BD {
background-position: -650px -80px
}
.flag-AE {
background-position: -700px -80px
}
.flag-UG {
background-position: -750px -80px
}
.flag-VC {
background-position: -800px -80px
}
.flag-PK {
background-position: -850px -80px
}
.flag-MW {
background-position: -900px -80px
}
.flag-ER {
background-position: -950px -80px
}
.flag-CZ {
background-position: 0 -120px
}
.flag-BA {
background-position: -50px -120px
}
.flag-TH {
background-position: -100px -120px
}
.flag-PH {
background-position: -150px -120px
}
.flag-NP {
background-position: -200px -120px
}
.flag-MT {
background-position: -250px -120px
}
.flag-UA {
background-position: -300px -120px
}
.flag-QA {
background-position: -350px -120px
}
.flag-PE {
background-position: -400px -120px
}
.flag-MQ {
background-position: -450px -120px
}
.flag-GD {
background-position: -500px -120px
}
.flag-LU {
background-position: -550px -120px
}
.flag-KY {
background-position: -600px -120px
}
.flag-MN {
background-position: -650px -120px
}
.flag-DM {
background-position: -700px -120px
}
.flag-GA {
background-position: -750px -120px
}
.flag-LR {
background-position: -800px -120px
}
.flag-NG {
background-position: -850px -120px
}
.flag-MK {
background-position: -900px -120px
}
.flag-DJ {
background-position: -950px -120px
}
.flag-BZ {
background-position: 0 -160px
}
.flag-CN {
background-position: -50px -160px
}
.flag-MH {
background-position: -100px -160px
}
.flag-KP {
background-position: -150px -160px
}
.flag-BW {
background-position: -200px -160px
}
.flag-EC {
background-position: -250px -160px
}
.flag-UZ {
background-position: -300px -160px
}
.flag-CH {
background-position: -350px -160px
}
.flag-SR {
background-position: -400px -160px
}
.flag-NA {
background-position: -450px -160px
}
.flag-ME {
background-position: -500px -160px
}
.flag-KM {
background-position: -550px -160px
}
.flag-BT {
background-position: -600px -160px
}
.flag-LI {
background-position: -650px -160px
}
.flag-AX {
background-position: -700px -160px
}
.flag-SO {
background-position: -750px -160px
}
.flag-RS {
background-position: -800px -160px
}
.flag-IR {
background-position: -850px -160px
}
.flag-AU {
background-position: -900px -160px
}
.flag-LC {
background-position: -950px -160px
}
.flag-SL {
background-position: 0 -200px
}
.flag-BN {
background-position: -50px -200px
}
.flag-AR {
background-position: -100px -200px
}
.flag-KG {
background-position: -150px -200px
}
.flag-SI {
background-position: -200px -200px
}
.flag-AO {
background-position: -250px -200px
}
.flag-IL {
background-position: -300px -200px
}
.flag-GT {
background-position: -350px -200px
}
.flag-TR {
background-position: -400px -200px
}
.flag-PR {
background-position: -450px -200px
}
.flag-NZ {
background-position: -500px -200px
}
.flag-AL {
background-position: -550px -200px
}
.flag-GQ {
background-position: -600px -200px
}
.flag-BH {
background-position: -650px -200px
}
.flag-VG {
background-position: -700px -200px
}
.flag-TO {
background-position: -750px -200px
}
.flag-SC {
background-position: -800px -200px
}
.flag-FR {
background-position: -850px -200px
}
.flag-DZ {
background-position: -900px -200px
}
.flag-AI {
background-position: -950px -200px
}
.flag-GN {
background-position: 0 -240px
}
.flag-BE {
background-position: -50px -240px
}
.flag-ES {
background-position: -100px -240px
}
.flag-PL {
background-position: -150px -240px
}
.flag-MX {
background-position: -200px -240px
}
.flag-FO {
background-position: -250px -240px
}
.flag-AF {
background-position: -300px -240px
}
.flag-BB {
background-position: -350px -240px
}
.flag-VA {
background-position: -400px -240px
}
.flag-OM {
background-position: -450px -240px
}
.flag-MU {
background-position: -500px -240px
}
.flag-GH {
background-position: -550px -240px
}
.flag-LY {
background-position: -600px -240px
}
.flag-CX {
background-position: -650px -240px
}
.flag-KZ {
background-position: -700px -240px
}
.flag-MR {
background-position: -750px -240px
}
.flag-PF {
background-position: -800px -240px
}
.flag-GE {
background-position: -850px -240px
}
.flag-LV {
background-position: -900px -240px
}
.flag-FI {
background-position: -950px -240px
}
.flag-GB,.flag-GB-TF {
background-position: 0 -280px
}
.flag-TC {
background-position: -50px -280px
}
.flag-YT {
background-position: -100px -280px
}
.flag-MO {
background-position: -150px -280px
}
.flag-LS {
background-position: -200px -280px
}
.flag-CR {
background-position: -250px -280px
}
.flag-KW {
background-position: -300px -280px
}
.flag-ZM {
background-position: -350px -280px
}
.flag-SY {
background-position: -400px -280px
}
.flag-ML {
background-position: -450px -280px
}
.flag-EG {
background-position: -500px -280px
}
.flag-CO {
background-position: -550px -280px
}
.flag-DK {
background-position: -600px -280px
}
.flag-NE {
background-position: -650px -280px
}
.flag-SV {
background-position: -700px -280px
}
.flag-CL {
background-position: -750px -280px
}
.flag-KN {
background-position: -800px -280px
}
.flag-WS {
background-position: -850px -280px
}
.flag-RW {
background-position: -900px -280px
}
.flag-CI {
background-position: -950px -280px
}
.flag-DE {
background-position: 0 -320px
}
.flag-MC {
background-position: -50px -320px
}
.flag-IS {
background-position: -100px -320px
}
.flag-BR {
background-position: -150px -320px
}
.flag-JO {
background-position: -200px -320px
}
.flag-CF {
background-position: -250px -320px
}
.flag-YE {
background-position: -300px -320px
}
.flag-ZA {
background-position: -350px -320px
}
.flag-SM {
background-position: -400px -320px
}
.flag-PY {
background-position: -450px -320px
}
.flag-AS {
background-position: -500px -320px
}
.flag-KH {
background-position: -550px -320px
}
.flag-BO {
background-position: -600px -320px
}
.flag-CC {
background-position: -650px -320px
}
.flag-HT {
background-position: -700px -320px
}
.flag-VN {
background-position: -750px -320px
}
.flag-KE {
background-position: -800px -320px
}
.flag-GU {
background-position: -850px -320px
}
.flag-LA {
background-position: -900px -320px
}
.flag-SG {
background-position: -950px -320px
}
.flag-PS {
background-position: 0 -360px
}
.flag-GR {
background-position: -50px -360px
}
.flag-BI {
background-position: -100px -360px
}
.flag-HN {
background-position: -150px -360px
}
.flag-AM {
background-position: -200px -360px
}
.flag-SD {
background-position: -250px -360px
}
.flag-BF {
background-position: -300px -360px
}
.flag-HK {
background-position: -350px -360px
}
.flag-VE {
background-position: -400px -360px
}
.flag-TM {
background-position: -450px -360px
}
.flag-PM {
background-position: -500px -360px
}
.flag-SA {
background-position: -550px -360px
}
.flag-RE {
background-position: -600px -360px
}
.flag-MY {
background-position: -650px -360px
}
.flag-ET {
background-position: -700px -360px
}
.flag-AG {
background-position: -750px -360px
}
.flag-ID {
background-position: -800px -360px
}
.flag-GL {
background-position: -850px -360px
}
.flag-ZW {
background-position: -900px -360px
}
.flag-TJ {
background-position: -950px -360px
}
.flag-FM {
background-position: 0 -400px
}
.flag-AD {
background-position: -50px -400px
}
.flag-GI {
background-position: -100px -400px
}
.flag-CY {
background-position: -150px -400px
}
.flag-TG {
background-position: -200px -400px
}
.flag-NO {
background-position: -250px -400px
}
.flag-MS {
background-position: -300px -400px
}
.flag-FJ {
background-position: -350px -400px
}
.flag-GF {
background-position: -400px -400px
}
.flag-CV {
background-position: -450px -400px
}
.flag-MP {
background-position: -500px -400px
}
.flag-NL {
background-position: -550px -400px
}
.flag-DO {
background-position: -600px -400px
}
.flag-TD {
background-position: -650px -400px
}
.flag-LT {
background-position: -700px -400px
}
.chat-banner {
padding-top: 50px;
padding-bottom: 50px;
background: url(../images/banner-pattern.png) repeat;
border-top: 2px solid #0c7d66;
overflow: hidden;
}
.chat-banner h2 {
font-size: 36px;
font-weight: 300;
letter-spacing: 1px;
}
.chat-banner h2 span.rotate {
font-weight: 600
}
.chat-banner .bounce {
padding-top: 15px
}
.chat-icons-wrapper {
padding: 30px 0;
background-color: #f7f7f7;
}
.chat-icons-wrapper .chat-icons {
border: 2px solid #0c7d66;
border-radius: 100%;
width: 300px;
}
.chat-icons-wrapper .fg-5 {
width: 47.65517%
}
.chat-icons-wrapper .fg-6 {
display: inline-block;
float: none;
}
.chat-icons-wrapper .chat-icon-title {
font-size: 24px
}
.type-wrap {
margin: 10px auto;
padding: 20px;
background: #f0f0f0;
border-radius: 5px;
border: #CCC 1px solid;
}
#typed-cursor {
font-size: 24px;
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@
-keyframes blink { 0% {
opacity: 1
}
50%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-webkit-keyframes blink { 0% {
opacity: 1
}
50%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-moz-keyframes blink { 0% {
opacity: 1
}
50%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-ms-keyframes blink { 0% {
opacity: 1
}
50%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
@
-o-keyframes blink { 0% {
opacity: 1
}
50%
{
opacity
:
0
}
100%
{
opacity
:
1
}
}
#target {
font-size: 36px;
letter-spacing: 2px;
}
.nav-tour-panel {
height: 110px
}
.nav-tour-panel li a:hover .tour-icon-active,.nav-tour-panel li.inactive .tour-icon-active,.nav-tour-panel li.active .tour-icon-active
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity = 100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.nav-tour-panel li a:hover .tour-icon-normal,.nav-tour-panel li.inactive .tour-icon-normal,.nav-tour-panel li.active .tour-icon-normal
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-webkit-transition-delay: 0.15s;
-moz-transition: opacity 0.15s linear 0.15s;
-o-transition: opacity 0.15s linear 0.15s;
transition: opacity 0.15s linear 0.15s;
}
.nav-tour-panel li.inactive .tour-icon-wrapper,.nav-tour-panel li.inactive:hover .tour-icon-wrapper
{
background-color: #eee
}
.nav-tour-panel li.inactive .tour-icon-active,.nav-tour-panel li.inactive:hover .tour-icon-active
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
filter: alpha(opacity = 50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.milestone-indicator {
width: 10px;
height: 10px;
background-color: #004c5c;
border-radius: 1em;
margin-top: -5px;
margin-left: -10px;
}
.freshwidget-button {
top: -999999px !important
}
#fc_chat_layout {
visibility: hidden
}
.support-widget,.chat-widget {
position: fixed;
z-index: 999;
background-color: #067660;
cursor: pointer;
}
.chat-widget {
top: 235px;
right: -85px;
border-bottom-left-radius: 5px;
margin-top: -5px;
}
.support-widget {
border-bottom: 1px solid #6aada0;
border-top-left-radius: 5px;
top: 185px;
right: -60px;
}
.support-widget:hover,.chat-widget:hover {
right: 0;
transition-duration: 0.25s;
}
.support-widget:hover {
border-bottom-left-radius: 5px;
padding-right: 32px;
}
.chat-widget:hover {
border-top-left-radius: 5px
}
.chat-widget,.support-widget {
padding: 5px 5px
}
.chat-widget span,.support-widget span {
color: white;
padding-left: 5px;
}
.icon-support,.icon-chat {
font-size: 34px;
color: white;
vertical-align: middle;
}
@media ( min-width : 45em) and (max-width: 60em) {
.no-pad {
padding-top: 0
}
h2 {
font-size: 36px
}
p {
font-size: 16px
}
header.l-page {
padding-left: 0;
padding-right: 0;
}
header.l-page .logo {
margin-left: 25px
}
header {
padding-bottom: 0
}
.logo {
background-image: -webkit-image-set(url(../images/big-logo.png) 3.6x);
margin-left: 20px;
}
.header {
height: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.site-nav {
display: none;
float: none;
margin-top: 0;
}
.site-nav ul li {
display: block;
width: 100%;
background: #f1f1f1;
margin-left: 0px;
color: 333333;
border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}
.site-nav ul li a {
text-align: center;
display: block;
padding: 10px 0;
}
.site-nav ul li .nav-link {
padding-top: 10px;
padding-bottom: 10px;
}
.site-nav ul li .nav-link:hover {
border-top: none
}
.site-nav .nav-contact {
margin-left: 0;
text-align: center;
}
.menu-tooltip {
display: none !important
}
.site-nav li .sub-menu li {
background-color: #f7f7f7
}
.sub-menu {
position: static;
top: 0;
width: auto;
box-shadow: none;
}
.sub-menu .nav-menu-info {
display: none !important;
text-align: center;
}
.sub-menu li {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.mob {
display: block
}
.top-nav-strip {
display: none
}
.h-head:hover .sub-menu,.h-head:hover .menu-tooltip {
display: none
}
.menu-icon {
float: right;
display: inline-block;
background: url(../images/viewlist.png) no-repeat;
width: 18px;
height: 16px;
margin-right: 25px;
margin-top: 20px;
}
.signup-big .b-form em.error,.signup-big .lpeRegForm em.error,.signup-big .lpeRegForm em.error,.signup-big .lpeRegForm em.error
{
left: -9999999px
}
.banner-index {
background-position: 310px 60px
}
.banner-index .bs-heading {
font-size: 24px
}
.banner-index .b-heading {
font-size: 39px
}
.banner-index h2 {
font-size: 42px
}
.banner-index .b-form,.banner-index .lpeRegForm {
padding-left: 10px;
padding-right: 10px;
}
.banner-index .b-form #signup_button,.banner-index .lpeRegForm #signup_button
{
font-size: 14px
}
.banner-index .su-divider {
width: 75%
}
.banner-index .su-box {
width: 75%
}
.banner-secondary .company-logos img {
width: 13%;
margin-left: 1%;
}
.banner-secondary .company-logos img:first-child {
margin-left: 0
}
.banner-secondary .company-logos img:last-child {
margin-right: 0
}
.banner-secondary .geo-company-logos img {
width: 13.5%;
margin-left: 2%;
}
#banner-logos {
margin-top: 14px
}
#home-dial {
display: none
}
#gcs-sc-c h2 {
padding-top: 0
}
#gcs-sc-c #gcs-sc {
width: 100%
}
#gcs-sc-c #gcs-sc .sc-unit {
float: left;
width: 30.03448%;
padding-right: 20px;
}
#gcs-sc-c #gcs-sc .sc-unit h3 {
font-size: 24px
}
#gcs-sc-c #gcs-sc .sc-unit p {
font-size: 16px;
padding-top: 10px;
line-height: 1.4;
}
#gcs-sc-c .fc {
padding: 20px 0
}
.content-strip.whitebg {
padding-bottom: 0
}
#gcs-images {
margin-top: 0;
margin-right: 125px;
}
#gcs-images .img-frame img {
max-width: 100%
}
.content-strip .fc {
padding-top: 20px
}
.content-strip.space-bg {
min-height: 470px
}
.content-strip.space-bg h3 {
font-size: 24px
}
.content-strip.space-bg p {
font-size: 16px;
line-height: 1.4;
}
#hp-sc-c h2 {
font-size: 38px
}
#hp-sc-c .screen-controls h3 {
padding: 0px 0px 24px 70px
}
#hp-sc-c #hp-sc {
width: 100%
}
#hp-sc-c #hp-sc .sc-unit {
width: 47.5%
}
#hp-sc-c #hp-sc .sc-unit h3 {
font-size: 24px
}
#hp-sc-c #hp-sc-img {
float: none;
margin-left: 180px;
}
.signup-banner-strip .signup-big {
margin-right: 0
}
.signup-banner-strip .small.muted,.signup-banner-strip .muted.f-label,.signup-banner-strip .table-pricing .col-f-g td.muted,.table-pricing .col-f-g .signup-banner-strip td.muted,.signup-banner-strip .b-form em.muted.error,.b-form .signup-banner-strip em.muted.error,.signup-banner-strip .lpeRegForm em.muted.error,.lpeRegForm .signup-banner-strip em.muted.error,.signup-banner-strip footer ul li a.muted,footer ul li .signup-banner-strip a.muted,.signup-banner-strip .f-contact .muted.f-location,.f-contact .signup-banner-strip .muted.f-location,.signup-banner-strip .muted.copy,.signup-banner-strip .subscribe .muted.splRedMessage,.subscribe .signup-banner-strip .muted.splRedMessage,.signup-banner-strip .su-box .su-quote .muted.cq-banner,.su-box .su-quote .signup-banner-strip .muted.cq-banner,.signup-banner-strip .su-box .muted.c-name,.su-box .signup-banner-strip .muted.c-name,.signup-banner-strip .su-box .muted.p-name,.su-box .signup-banner-strip .muted.p-name,.signup-banner-strip .sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .muted.tour-icon-title,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .signup-banner-strip .muted.tour-icon-title,.signup-banner-strip .phone-pricing .muted.detailed-pricing,.phone-pricing .signup-banner-strip .muted.detailed-pricing
{
font-size: 11px
}
#signup-right-panel h1 {
font-size: 38px
}
#signup-right-panel h2 {
font-size: 18px
}
#signup-right-panel hr {
margin-top: 40px
}
.business h3 {
font-size: 32px
}
.signup-big .textfield input.text,.b-form #signup_button,.lpeRegForm #signup_button
{
font-size: 16px
}
#scrolling {
margin-top: -30px
}
.inner-banner .tour_banner {
min-height: 170px
}
.inner-banner .tour_banner p {
margin-top: 10px
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel li {
top: 0
}
.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .tour-icon-wrapper
{
width: 70px;
height: 70px;
border-width: 2px;
}
#scrolling h2 {
font-size: 32px
}
#scrolling h4 {
font-size: 24px
}
#scrolling h5 span img {
width: 6%
}
#scrolling #chaos-to-control {
padding-top: 0
}
#scrolling #chaos-to-control h5 span img {
vertical-align: text-top
}
.pricing-banner h1 {
font-size: 38px
}
.inner-banner-strip h3,.signup-banner-strip h3 {
font-size: 23px;
margin-top: 30px;
}
.inner-banner-strip p,.signup-banner-strip p {
margin-top: -8px
}
.inner-banner-strip .signup a,.signup-banner-strip .signup a {
font-size: 16px
}
.inner-banner-strip .signup .b-link,.signup-banner-strip .signup .b-link
{
font-size: 14px
}
#detailed_pricing {
text-align: center
}
.banner.customer-banner {
display: block
}
.footer-strip .fg-4 a {
font-size: 16px
}
.footer-wrapper .fg-3 {
width: 22.04117%
}
div.footer-wrapper>div:first-child {
width: 100%
}
.footer-wrapper .f-s-div {
width: 100%;
padding-top: 20px;
}
.footer-wrapper .blog-subs .subscribe input {
width: 105px
}
.footer-wrapper .blog-subs .subscribe button {
width: 85px
}
.inner-banner-strip .l-page.no-clear,.signup-banner-strip .l-page.no-clear
{
text-align: center
}
.inner-banner-strip .l-page.no-clear .s-heading,.signup-banner-strip .l-page.no-clear .s-heading,.inner-banner-strip .l-page.no-clear .casestudy-banner h2,.casestudy-banner .inner-banner-strip .l-page.no-clear h2,.signup-banner-strip .l-page.no-clear .casestudy-banner h2,.casestudy-banner .signup-banner-strip .l-page.no-clear h2
{
font-size: 42px
}
.inner-banner-strip .l-page.no-clear .banner-image,.signup-banner-strip .l-page.no-clear .banner-image
{
padding-top: 20px;
float: none;
margin-left: 0;
}
.support-left-panel .k-heading {
font-size: 14px
}
.support-left-panel .b-heading {
font-size: 48px
}
.support-left-panel .su-subtitle {
font-size: 24px
}
.w-grey {
text-align: center
}
.w-grey .slide-c {
height: 50px;
margin-bottom: 35px;
}
.w-grey .slide-c .slide-e {
width: 52%
}
.w-grey .feature-widget .w-title {
font-size: 14px
}
.w-grey .feature-widget p {
font-size: 15px
}
#landing-page .landing-left-panel {
width: 56.89655%;
float: left;
margin-right: 3.44828%;
}
#landing-page .landing-right-panel {
width: 39.65517%;
float: right;
margin-right: 0;
}
.landing-customer-info .fg-4 {
width: 39.65517%;
float: left;
margin-right: 3.44828%;
}
.landing-customer-info {
width: auto
}
#landing-page {
margin: 0 auto
}
#landing-page .landing-left-panel {
padding-right: 0;
padding-left: 14px;
margin-right: 2.54828%;
}
#landing-page .landing-form {
width: 80%
}
#landing-page .landing-form .b-form #signup_button,#landing-page .landing-form .lpeRegForm #signup_button,#landing-page .landing-form .b-form .textfield,#landing-page .landing-form .lpeRegForm .textfield
{
font-size: 14px
}
.landing-customer-info .fg-4 {
margin-left: 0
}
.landing-page-content h1,.l-content h1 {
font-size: 23px
}
.l-header {
text-align: center
}
.l-header .l-contact {
float: none;
font-size: 14px;
margin-top: 0;
}
.helpdesk-header .freshfone-img {
margin: 0 10px 0 15px
}
.helpdesk-header .freshfone-img .icon-phone-price {
font-size: 46px
}
.helpdesk-header .country-list {
margin-left: 10px;
margin-right: 10px;
}
.helpdesk-header .select2-container {
width: 35% !important
}
.helpdesk-header .header-txt {
margin-right: 0
}
.helpdesk-header .header-price {
margin-left: 0
}
.fd-sticky .l-page {
padding-left: 0;
padding-right: 0;
}
.h-head:hover:after,.h-head:hover:before {
display: none
}
}
@media ( max-width : 45em) {
.btn-home,.site-nav ul li a,.banner-index .bs-heading,.banner-index .b-heading,.company-logos,.company-logos .trust-label,.footer-strip .fg-4,.footer-wrapper .fg-3 ul li,.footer-wrapper .fg-4 ul li,.footer-wrapper .fg-5 ul li,.footer-wrapper .fg-6 ul li,.footer-bottom-link ul,.copy-separator .copy,#customer-photos,#customer-quotes,.cust-box .fg-3,.cust-info,.cust-box,.inner-banner-strip .fc,.signup-banner-strip .fc,.pl-row .pl-signup,#detailed_pricing,.ccm-layout-table .fg-4,.inner-banner-strip,.signup-banner-strip,.w-grey,.support-left-panel,.landing-left-panel .l-header,.landing-customer-info,.helpdesk-header
{
text-align: center
}
.screen-controls,.ccm-block-styles,.cust-box,.banner .s-heading,.banner .casestudy-banner h2,.casestudy-banner .banner h2,.mobile-pad,.articles,.banner-description,.pl-row,.inner-banner-strip,.signup-banner-strip,.support-left-panel,.ccm-layout-table .l-page,.landing-customer-info
{
padding: 0 10px
}
.logo {
background-image: -webkit-image-set(url(../images/big-logo.png) 3.6x)
}
#freshwidget-button,#fc_chat_layout {
display: none !important
}
.mobile-view-pad {
padding: 10px 10px
}
.btn-home {
margin-left: auto;
margin-right: auto;
}
.btn-home a {
font-size: 16px
}
p {
font-size: 16px
}
h4 {
font-size: 24px
}
.logo {
margin-left: 10px;
margin-bottom: 10px;
}
.header {
height: auto;
padding-bottom: 0;
}
.site-nav {
display: none;
float: none;
margin-top: 0;
}
.site-nav ul li {
display: block;
width: 100%;
background: #f1f1f1;
margin-left: 0;
color: 333333;
border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}
.site-nav ul li a {
display: block;
padding: 10px 0;
}
.site-nav ul li .nav-link {
padding-top: 10px;
padding-bottom: 10px;
}
.site-nav ul li .nav-link:hover {
border-top: none
}
.site-nav .nav-contact {
margin-left: 0;
text-align: center;
}
#target {
font-size: 24px
}
.menu-tooltip {
display: none !important
}
.site-nav li .sub-menu li {
background-color: #f7f7f7
}
.sub-menu {
position: static;
top: 0;
width: auto;
box-shadow: none;
}
.sub-menu .nav-menu-info {
display: none !important;
text-align: center;
}
.sub-menu li {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.mob {
display: block
}
.top-nav-strip {
display: none
}
.menu-icon {
float: right;
display: inline-block;
background: url(../images/viewlist.png) no-repeat;
width: 18px;
height: 16px;
margin-right: 15px;
margin-top: 15px;
}
.h-head:hover .sub-menu,.h-head:hover .menu-tooltip {
display: none
}
.banner h1 {
font-size: 32px
}
.inner-banner-strip h2,.signup-banner-strip h2 {
font-size: 38px
}
.banner .k-heading {
font-size: 14px
}
.banner a {
font-size: 18px
}
.banner-index {
background-image: none;
height: auto;
}
.banner-index .bs-heading {
font-size: 22px;
margin-top: 0;
}
.banner-index .b-heading {
font-size: 36px;
margin-top: 10px;
padding-bottom: 0;
}
.banner-index .b-signup {
padding-bottom: 0;
text-align: center;
}
.banner-index .fg-6 {
padding-top: 0
}
.b-form,.lpeRegForm {
display: none
}
.company-logos .trust-label {
float: none;
font-size: 18px;
margin-top: -5px;
}
.banner-secondary .company-logos img {
float: none;
display: inline;
width: 115px;
height: auto;
margin-left: 20px;
margin-right: 18px;
}
.banner-secondary .company-logos .makemytrip,.banner-secondary .company-logos .star
{
display: none
}
.banner-secondary .company-logos .trust-label h3 {
font-size: 23px
}
.company-logos #geo-banner-logos {
padding-top: 0
}
.geo-company-logos .trusted-label,.geo-company-logos #banner-logos {
text-align: center
}
.geo-company-logos .trusted-label {
float: none;
margin-right: 0;
}
.geo-company-logos img {
float: none;
display: inline;
width: 115px;
height: auto;
margin-left: 20px;
margin-right: 18px;
}
#gcs-sc-c .l-page {
padding-top: 10px
}
#gcs-sc-c .l-page .fc {
padding-top: 20px
}
.whitebg {
padding-bottom: 0
}
.res-img {
margin: 0 10px
}
.content-strip h2 {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.4px;
}
#gcs-sc-c {
padding: 0
}
#gcs-sc-c .fc {
padding-bottom: 20px
}
.space-bg .btn,.space-bg #mktFrmButtons input[type=submit],#mktFrmButtons .space-bg input[type=submit],.space-bg .signup_btn
{
font-size: 14px
}
.whitebg h2 {
font-size: 34px;
font-weight: 400;
line-height: 1.2;
}
#scrolling hr {
margin-top: 0
}
#scrolling #chaos-to-control {
margin-top: 0
}
#gcs-sc-c .screen-controls .sc-unit,#hp-sc-c .screen-controls .sc-unit {
opacity: 1
}
#hp-sc-c .fc {
padding-top: 10px
}
#hp-sc-c .fc .screen-controls .sc-unit {
margin-bottom: 10px
}
#hp-sc-c .fc .screen-controls .sc-unit h3 {
font-size: 24px
}
#hp-sc-c .fc .screen-controls .sc-unit p {
line-height: 1.6
}
#hp-sc-c .fc .screen-controls .sc-unit h3.theme-brush {
margin-bottom: 20px
}
#gcs-sc-c .screen-controls .sc-unit {
margin-bottom: 0
}
#gcs-sc-c .screen-controls h3 {
padding-bottom: 28px;
font-size: 22px;
}
.content-strip.teelbg.space-bg {
background-image: none
}
.content-strip.teelbg.space-bg h3 {
text-align: left;
font-size: 24px;
}
.content-strip.teelbg.space-bg p {
padding-top: 0px;
padding-left: 88px;
text-align: left;
}
.content-strip.teelbg.space-bg .icon-gamification,.content-strip.teelbg.space-bg .icon-report,.content-strip.teelbg.space-bg .icon-team-sync
{
float: left;
margin-top: 16px;
}
.content-strip.teelbg.space-bg .icon-gamification {
padding-right: 20px
}
.content-strip.teelbg.space-bg .icon-report {
padding-right: 25px
}
.content-strip.teelbg.space-bg .icon-team-sync {
padding-right: 30px
}
.content-strip.teelbg.space-bg .team-sync p {
padding-left: 83px
}
.content-seperator.l-page {
padding-bottom: 0;
margin-top: 10px;
}
.content-strip.space-bg {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
.content-strip.space-bg .fc {
padding-top: 10px
}
.content-strip.space-bg .fg-4 {
padding-top: 25px
}
#chaos-to-control,#proactive,#scaling_up,#business_alignment {
padding: 10px 10px
}
#hp-sc-c .fc {
padding-top: 10px;
padding-bottom: 0;
}
.content-strip.whitebg {
padding-top: 10px;
padding-bottom: 0;
}
.footer {
margin-top: 0
}
.footer-strip {
padding-top: 8px
}
.footer-strip h4 {
display: none
}
.footer-wrapper {
padding: 0 15px
}
.footer-wrapper .fg-3,.footer-wrapper .fg-4,.footer-wrapper .fg-5,.footer-wrapper .fg-6
{
width: 100%;
display: inline-block;
}
.footer-wrapper .fg-3 ul,.footer-wrapper .fg-4 ul,.footer-wrapper .fg-5 ul,.footer-wrapper .fg-6 ul
{
padding-top: 10px
}
.footer-wrapper .fg-3 ul li,.footer-wrapper .fg-4 ul li,.footer-wrapper .fg-5 ul li,.footer-wrapper .fg-6 ul li
{
padding: 10px 0
}
.footer-wrapper .fg-3 ul li a,.footer-wrapper .fg-4 ul li a,.footer-wrapper .fg-5 ul li a,.footer-wrapper .fg-6 ul li a
{
font-size: 14px
}
.footer-wrapper .fg-3 .f-social li:first-child,.footer-wrapper .fg-4 .f-social li:first-child,.footer-wrapper .fg-5 .f-social li:first-child,.footer-wrapper .fg-6 .f-social li:first-child
{
display: none
}
.footer-wrapper .fg-3 .blog-subs,.footer-wrapper .fg-4 .blog-subs,.footer-wrapper .fg-5 .blog-subs,.footer-wrapper .fg-6 .blog-subs
{
display: none
}
.footer-wrapper .fg-3 .f-contact li,.footer-wrapper .fg-4 .f-contact li,.footer-wrapper .fg-5 .f-contact li,.footer-wrapper .fg-6 .f-contact li
{
display: none
}
.footer-wrapper .fg-3 .f-contact li:nth-child(2),.footer-wrapper .fg-4 .f-contact li:nth-child(2),.footer-wrapper .fg-5 .f-contact li:nth-child(2),.footer-wrapper .fg-6 .f-contact li:nth-child(2)
{
display: block;
position: relative;
top: -95px;
}
.footer-wrapper .fg-3 .f-contact li:nth-child(2) .icon-phone,.footer-wrapper .fg-4 .f-contact li:nth-child(2) .icon-phone,.footer-wrapper .fg-5 .f-contact li:nth-child(2) .icon-phone,.footer-wrapper .fg-6 .f-contact li:nth-child(2) .icon-phone
{
display: none
}
.footer-wrapper .fg-3 .f-contact li:nth-child(2) .f-phone,.footer-wrapper .fg-4 .f-contact li:nth-child(2) .f-phone,.footer-wrapper .fg-5 .f-contact li:nth-child(2) .f-phone,.footer-wrapper .fg-6 .f-contact li:nth-child(2) .f-phone
{
padding-top: 10px
}
.footer-wrapper .fg-3 .f-contact li:nth-child(2) .f-phone a,.footer-wrapper .fg-4 .f-contact li:nth-child(2) .f-phone a,.footer-wrapper .fg-5 .f-contact li:nth-child(2) .f-phone a,.footer-wrapper .fg-6 .f-contact li:nth-child(2) .f-phone a
{
font-size: 25px;
color: #999999;
}
.footer-wrapper .fg-3 .f-contact li:nth-child(3),.footer-wrapper .fg-4 .f-contact li:nth-child(3),.footer-wrapper .fg-5 .f-contact li:nth-child(3),.footer-wrapper .fg-6 .f-contact li:nth-child(3)
{
display: block;
position: relative;
top: -95px;
}
.footer-wrapper .fg-3 .f-contact li:nth-child(3) .icon-envelope-alt,.footer-wrapper .fg-4 .f-contact li:nth-child(3) .icon-envelope-alt,.footer-wrapper .fg-5 .f-contact li:nth-child(3) .icon-envelope-alt,.footer-wrapper .fg-6 .f-contact li:nth-child(3) .icon-envelope-alt
{
display: none
}
.footer-wrapper .fg-3 .f-contact li:nth-child(3) .f-mail-span a,.footer-wrapper .fg-4 .f-contact li:nth-child(3) .f-mail-span a,.footer-wrapper .fg-5 .f-contact li:nth-child(3) .f-mail-span a,.footer-wrapper .fg-6 .f-contact li:nth-child(3) .f-mail-span a
{
font-size: 19px
}
.footer-wrapper .fg-3 #footer-social-icons,.footer-wrapper .fg-4 #footer-social-icons,.footer-wrapper .fg-5 #footer-social-icons,.footer-wrapper .fg-6 #footer-social-icons
{
position: relative;
top: 260px;
padding-top: 25px;
border-top: 1px solid #474646;
}
.footer-wrapper .fg-3 #footer-social-icons a,.footer-wrapper .fg-4 #footer-social-icons a,.footer-wrapper .fg-5 #footer-social-icons a,.footer-wrapper .fg-6 #footer-social-icons a
{
margin-right: 1.4em
}
.footer-wrapper .fg-3 #footer-social-icons a:last-child,.footer-wrapper .fg-4 #footer-social-icons a:last-child,.footer-wrapper .fg-5 #footer-social-icons a:last-child,.footer-wrapper .fg-6 #footer-social-icons a:last-child
{
margin-right: 0
}
.fmenu {
padding-bottom: 10px;
border-bottom: 1px solid #474646;
}
.fmenu li {
display: none
}
.fmenu li:first-child {
font-size: 20px;
display: block;
padding-bottom: 10px;
}
.app-widget {
top: -70px;
position: relative;
text-align: center;
}
.footer-bottom-link ul li {
float: none;
display: inline;
}
.copy-separator {
margin-top: 10px;
min-height: 130px;
}
.signup-banner-strip {
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
#signup-banner {
padding-top: 0
}
#signup-right-panel h1 {
margin-top: 0
}
.signup-banner-strip .signup-big {
padding: 0;
margin-right: 0;
}
.signup-banner-strip .signup-big .b-form,.signup-banner-strip .signup-big .lpeRegForm
{
display: block
}
.signup-banner-strip h1 {
font-size: 30px
}
.signup-banner-strip h2 {
font-size: 16px
}
.signup-big .b-form em.error,.signup-big .lpeRegForm em.error,.signup-big .lpeRegForm em.error,.signup-big .lpeRegForm em.error
{
left: -9999999px
}
.business h3 {
font-size: 26px
}
#customer-quotes {
min-height: 130px;
display: inline-block;
}
.signup-big {
padding-top: 10px;
width: 300px;
display: inline-block;
}
.signup-banner-strip .small.muted,.signup-banner-strip .muted.f-label,.signup-banner-strip .table-pricing .col-f-g td.muted,.table-pricing .col-f-g .signup-banner-strip td.muted,.signup-banner-strip .b-form em.muted.error,.b-form .signup-banner-strip em.muted.error,.signup-banner-strip .lpeRegForm em.muted.error,.lpeRegForm .signup-banner-strip em.muted.error,.signup-banner-strip footer ul li a.muted,footer ul li .signup-banner-strip a.muted,.signup-banner-strip .f-contact .muted.f-location,.f-contact .signup-banner-strip .muted.f-location,.signup-banner-strip .muted.copy,.signup-banner-strip .subscribe .muted.splRedMessage,.subscribe .signup-banner-strip .muted.splRedMessage,.signup-banner-strip .su-box .su-quote .muted.cq-banner,.su-box .su-quote .signup-banner-strip .muted.cq-banner,.signup-banner-strip .su-box .muted.c-name,.su-box .signup-banner-strip .muted.c-name,.signup-banner-strip .su-box .muted.p-name,.su-box .signup-banner-strip .muted.p-name,.signup-banner-strip .sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .muted.tour-icon-title,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .signup-banner-strip .muted.tour-icon-title,.signup-banner-strip .phone-pricing .muted.detailed-pricing,.phone-pricing .signup-banner-strip .muted.detailed-pricing
{
font-size: 13px;
line-height: 1.4;
color: white;
opacity: 0.8;
}
.signup-banner-strip .small.muted a,.signup-banner-strip .muted.f-label a,.signup-banner-strip .table-pricing .col-f-g td.muted a,.table-pricing .col-f-g .signup-banner-strip td.muted a,.signup-banner-strip .b-form em.muted.error a,.b-form .signup-banner-strip em.muted.error a,.signup-banner-strip .lpeRegForm em.muted.error a,.lpeRegForm .signup-banner-strip em.muted.error a,.signup-banner-strip footer ul li a.muted a,footer ul li .signup-banner-strip a.muted a,.signup-banner-strip .f-contact .muted.f-location a,.f-contact .signup-banner-strip .muted.f-location a,.signup-banner-strip .muted.copy a,.signup-banner-strip .subscribe .muted.splRedMessage a,.subscribe .signup-banner-strip .muted.splRedMessage a,.signup-banner-strip .su-box .su-quote .muted.cq-banner a,.su-box .su-quote .signup-banner-strip .muted.cq-banner a,.signup-banner-strip .su-box .muted.c-name a,.su-box .signup-banner-strip .muted.c-name a,.signup-banner-strip .su-box .muted.p-name a,.su-box .signup-banner-strip .muted.p-name a,.signup-banner-strip .sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .muted.tour-icon-title a,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .signup-banner-strip .muted.tour-icon-title a,.signup-banner-strip .phone-pricing .muted.detailed-pricing a,.phone-pricing .signup-banner-strip .muted.detailed-pricing a
{
color: white
}
.fg-7.omega .ultra-light.muted {
font-size: 19px;
margin-bottom: 0;
text-align: center;
}
.fg-7.omega .ultra-light.muted span {
display: block
}
#scrolling {
margin-top: -15px
}
#scrolling h2 {
font-size: 28px;
line-height: 1.3;
}
#scrolling h4 {
font-size: 23px
}
#scrolling h5 {
font-size: 18px;
color: #858585;
}
#scrolling h5 span img {
width: 7%;
vertical-align: middle;
padding-right: 10px;
}
#scrolling .top-space-large {
padding-top: 15px
}
.sticky-wrapper,#scroll-panel,.nav-tour-panel {
display: none
}
.inner-banner-strip.tour_banner,.tour_banner.signup-banner-strip {
min-height: 0;
padding: 10px 0;
}
.inner-banner-strip p,.signup-banner-strip p {
font-size: 16px
}
#scrolling #chaos-to-control {
padding-top: 0
}
.img-frame {
padding-right: 10px;
padding-top: 0;
padding-bottom: 10px;
}
#business_alignment,#scaling_up,#proactive {
margin-top: -20px
}
.s-heading,.casestudy-banner h2 {
font-size: 38px
}
.banner {
min-height: 0
}
.cust-box .cust-img {
display: inline-block;
width: 50%;
}
.top-space-large.ccm-block-styles {
padding-top: 0
}
.pl-intro {
height: auto
}
.pl-row .pl-c-e,.pl-row .pl-c-g,.pl-row .pl-c-b,.pl-row .pl-c-s {
width: 100%;
background-image: none;
padding-left: 0;
padding-right: 0;
}
.pl-c-g,.pl-c-b,.pl-c-e {
position: relative;
padding-top: 60px;
}
.inner-banner-strip .fg-9,.signup-banner-strip .fg-9 {
display: inline-block
}
.inner-banner-strip .gfx-price-all-plans-free,.signup-banner-strip .gfx-price-all-plans-free
{
float: none
}
.pl-c-s,.pl-c-b,.pl-c-g {
padding-bottom: 20px
}
.pl-c-b,.pl-c-e,.pl-c-g {
border-top: 1px solid #eee
}
.banner-description p {
font-size: 16px
}
.pl-row .pl-signup a {
display: inline-block;
width: 50%;
}
.banner-inline h3 {
font-size: 22px
}
.banner-inline {
padding: 10px 10px
}
.banner-inline .special-description {
font-size: 16px
}
.banner-inline .b-link {
font-size: 14px
}
#detailed_pricing {
width: 210px !important
}
.ccm-layout-wrapper .w-grey-features {
padding: 10px 10px;
margin-top: 0;
}
.inner-banner-strip .l-page.no-clear,.signup-banner-strip .l-page.no-clear
{
padding-top: 15px;
padding-bottom: 15px;
}
.inner-banner-strip .l-page.no-clear .k-heading,.signup-banner-strip .l-page.no-clear .k-heading
{
font-size: 14px
}
.inner-banner-strip .l-page.no-clear .s-heading,.signup-banner-strip .l-page.no-clear .s-heading,.inner-banner-strip .l-page.no-clear .casestudy-banner h2,.casestudy-banner .inner-banner-strip .l-page.no-clear h2,.signup-banner-strip .l-page.no-clear .casestudy-banner h2,.casestudy-banner .signup-banner-strip .l-page.no-clear h2
{
font-size: 34px
}
.inner-banner-strip .l-page.no-clear .banner-image,.signup-banner-strip .l-page.no-clear .banner-image
{
padding-top: 15px;
padding-right: 10px;
float: none;
margin-left: 0;
}
.feature-widget a {
border-bottom: 1px solid #e5e5e5;
margin-bottom: -20px;
padding-bottom: 20px;
}
.feature-widget a img {
width: 26%
}
.feature-widget a .w-title {
border-bottom: 0
}
.feature-widget a p {
margin-top: -15px
}
.fg-4.omega .feature-widget a {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.support .banner-form {
float: none;
margin: auto;
}
.support .banner-form .b-form,.support .banner-form .lpeRegForm {
display: block
}
.support .small.light.muted,.support .light.muted.f-label,.support .table-pricing .col-f-g td.light.muted,.table-pricing .col-f-g .support td.light.muted,.support .b-form em.light.muted.error,.b-form .support em.light.muted.error,.support .lpeRegForm em.light.muted.error,.lpeRegForm .support em.light.muted.error,.support footer ul li a.light.muted,footer ul li .support a.light.muted,.support .f-contact .light.muted.f-location,.f-contact .support .light.muted.f-location,.support .light.muted.copy,.support .subscribe .light.muted.splRedMessage,.subscribe .support .light.muted.splRedMessage,.support .su-box .su-quote .light.muted.cq-banner,.su-box .su-quote .support .light.muted.cq-banner,.support .su-box .light.muted.c-name,.su-box .support .light.muted.c-name,.support .su-box .light.muted.p-name,.su-box .support .light.muted.p-name,.support .sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .light.muted.tour-icon-title,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .support .light.muted.tour-icon-title,.support .phone-pricing .light.muted.detailed-pricing,.phone-pricing .support .light.muted.detailed-pricing
{
font-size: 12px;
line-height: 1.5;
padding-top: 5px;
}
.support .small.light.muted a,.support .light.muted.f-label a,.support .table-pricing .col-f-g td.light.muted a,.table-pricing .col-f-g .support td.light.muted a,.support .b-form em.light.muted.error a,.b-form .support em.light.muted.error a,.support .lpeRegForm em.light.muted.error a,.lpeRegForm .support em.light.muted.error a,.support footer ul li a.light.muted a,footer ul li .support a.light.muted a,.support .f-contact .light.muted.f-location a,.f-contact .support .light.muted.f-location a,.support .light.muted.copy a,.support .subscribe .light.muted.splRedMessage a,.subscribe .support .light.muted.splRedMessage a,.support .su-box .su-quote .light.muted.cq-banner a,.su-box .su-quote .support .light.muted.cq-banner a,.support .su-box .light.muted.c-name a,.su-box .support .light.muted.c-name a,.support .su-box .light.muted.p-name a,.su-box .support .light.muted.p-name a,.support .sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .light.muted.tour-icon-title a,.sticky-wrapper .tour-sticky.stuck.in .nav-tour-panel .support .light.muted.tour-icon-title a,.support .phone-pricing .light.muted.detailed-pricing a,.phone-pricing .support .light.muted.detailed-pricing a
{
font-size: 12px
}
.w-grey #customer-quotes {
min-height: 110px;
display: block;
}
.support-left-panel {
padding-bottom: 20px
}
.support-left-panel .k-heading {
font-size: 12px
}
.support-left-panel .b-heading {
font-size: 31px
}
.support-left-panel .su-subtitle {
font-size: 18px;
padding-top: 5px;
}
.btn-home .multi-lang {
font-size: 14px
}
#multi-lang-footer .icon-envelope-alt {
display: none
}
#multi-lang-footer .footer-strip .fg-4 a {
font-size: 14px
}
#multi-lang-footer #footer-social-icons {
top: 115px
}
#multi-lang-footer .copy-separator {
min-height: 0
}
#multi-lang-footer .footer-wrapper .fg-6 .f-contact li:nth-child(2) {
top: -75px
}
.landing-left-panel {
padding-left: 0;
padding-bottom: 10px;
background-color: #fff;
}
.landing-left-panel .l-header {
padding-top: 0;
margin-top: 0;
}
.landing-left-panel .l-header .l-contact {
float: none;
margin-top: 10px;
}
.landing-customer-info {
width: auto
}
.landing-customer-info .icon-phone {
margin-left: -30px
}
.landing-customer-info .l-addr {
padding-top: 20px
}
.landing-customer-info .fg-4 {
margin-left: 0
}
.landing-customer-info p {
text-align: justify
}
.landing-right-panel {
position: relative;
width: 100%;
padding-bottom: 0;
}
.landing-right-panel .landing-signup-form {
margin: 20px auto
}
.landing-right-panel .landing-signup-form .landing-form {
width: 270px
}
.landing-right-panel .landing-signup-form .landing-form .b-form,.landing-right-panel .landing-signup-form .landing-form .lpeRegForm
{
display: block
}
.helpdesk-header .freshfone-img {
margin: 0 5px 0 6px
}
.helpdesk-header .freshfone-img .icon-phone-price {
font-size: 42px
}
.helpdesk-header .header-txt {
font-size: 17px;
margin-right: 0;
}
.helpdesk-header .country-list,.helpdesk-header .header-price {
display: block
}
.helpdesk-header .country-list {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.helpdesk-header .header-price {
margin-top: 7px;
margin-left: 0;
}
.select2-container {
width: 230px !important
}
.select2-container .select2-choice>.select2-chosen {
text-align: justify
}
.pricing-helpdesk .incoming-price,.pricing-helpdesk .outgoing-price {
width: 94%;
display: block;
padding-left: 10px;
padding-right: 10px;
}
.phone-pricing {
padding-left: 15px
}
.price-container .fg-6 {
width: 48.27586%;
float: left;
margin-right: 3.44828%;
}
.price-container .fg-4 {
width: 31.03448%;
float: right;
margin-right: 0;
}
.price-container .fg-6,.price-container .fg-4 .min-rates {
font-size: 16px
}
.icon-desktop {
font-size: 20px
}
.icon-voicemail {
font-size: 28px;
margin-top: 5px;
}
.icon-phone-vibrate {
font-size: 18px
}
.support-widget,.chat-widget {
display: none
}
.chat-banner h2 {
font-size: 24px
}
.chat-content-title {
font-size: 26px
}
.h-head:hover:after,.h-head:hover:before {
display: none
}
}
.list li {
background-image: url("tick-red.png");
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 20px;
}
.footer-force
{
max-width: 10900px;
padding-left: 0px;
padding-right: 60px;
margin-left: 0;
margin-right: 0;
}
code
{
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
display: block;
}
code {
white-space: pre
}
.social-bar{
color: #888888;
position: absolute;
margin-left: 730px;
margin-top: -20px;
}
.social-bar a i:hover {
color: #FFFFFF;
}
.social-bar a{
color: #555555;
font-size: 32px;
}