@charset "UTF-8";
#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:rgba(0,0,0,0.75)}#main-header .nav li ul{background-color:#000000}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:rgba(255,255,255,0.6)}.et_search_form_container input::-moz-placeholder{color:rgba(255,255,255,0.6)}.et_search_form_container input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.et_search_form_container input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}#main-footer{background-color:#ffffff}#et-footer-nav{background-color:#ffffff}#footer-bottom{background-color:rgba(255,255,255,0.32)}#main-header{box-shadow:none}@media only screen and (min-width:981px){.et-fixed-header#main-header,.et-fixed-header#main-header .nav li ul,.et-fixed-header .et-search-form{background-color:#000000}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:rgba(255,255,255,0.6)!important}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:rgba(255,255,255,0.6)!important}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)!important}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:rgba(255,255,255,0.6)!important}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}.captcha_info{position:relative}.et_header_style_left #et-top-navigation .mobile_menu_bar{padding-bottom:0px}.captcha_info label{float:left}.captcha_info img{position:absolute;bottom:30px;right:20px}.captcha_info span.wpcf7-not-valid-tip{position:absolute;width:210px;top:40px;right:0}.csr_menu a{padding-right:22px!important}
 .animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-ms-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
-ms-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
-ms-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownslow {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownslow {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
-ms-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownslow {
-webkit-animation-name: fadeInDownslow;
animation-name: fadeInDownslow;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpslow {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpslow {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
-ms-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpslow {
-webkit-animation-name: fadeInUpslow;
animation-name: fadeInUpslow;
}
@-webkit-keyframes fadeInUpname {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpname {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40%, 0);
-ms-transform: translate3d(0, 40%, 0);
transform: translate3d(0, 40%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpname {
-webkit-animation-name: fadeInUpname;
animation-name: fadeInUpname;
}
@-webkit-keyframes fadeInUpemail {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 60%, 0);
transform: translate3d(0, 60%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpemail {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 60%, 0);
-ms-transform: translate3d(0, 60%, 0);
transform: translate3d(0, 60%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpemail {
-webkit-animation-name: fadeInUpemail;
animation-name: fadeInUpemail;
}
@-webkit-keyframes fadeInUpphone {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpphone {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 80%, 0);
-ms-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpphone {
-webkit-animation-name: fadeInUpphone;
animation-name: fadeInUpphone;
}
@-webkit-keyframes fadeInUpmessage {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpmessage {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
-ms-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpmessage {
-webkit-animation-name: fadeInUpmessage;
animation-name: fadeInUpmessage;
}
@-webkit-keyframes fadeInUpsubmit {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpsubmit {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpsubmit {
-webkit-animation-name: fadeInUpsubmit;
animation-name: fadeInUpsubmit;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes fadeInDown2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
-ms-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown2 {
-webkit-animation-name: fadeInDown2;
animation-name: fadeInDown2;
}
.floating {
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(8%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(8%);
}
100% {
-webkit-transform: translateY(0%);
}
}.r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding: 15px;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
} @media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
}
.csr-tab-main .r-tabs-accordion-title
{
background-color: #00a652!important;
padding-left: 0;
}
.csr-tab-main .r-tabs-accordion-title a
{
color: #fff !important;
clear: both;
}
}
@media  (max-width: 768px) {
.tab-left-content{
width: 100% ;
float:none;
}
.tab-right-content{
width: 100% ;
}
}
@media  (max-width: 320px) {
.tab-left-content{
width: 100% ;
float:none;
}
.tab-right-content{
width: 100% ;
float:none;
margin-bottom: 10px;
}
.csr-tab .r-tabs-accordion-title
{
background-color:#00a652 !important;
}
}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}@media (max-width: 1440px) {
.unic_fullwidth .et_pb_column_0 {
padding-left: 10% !important;
}
.connectwithus_sec {
padding: 0 50px;
border: 0;
}
.banner_contentinfo .et-pb-controllers {
left: 15%;
}
.accreditations_list {
width: 165px;
height: 165px;
background-size: 100%;
}
}
@media (max-width: 1400px) {
.et_pb_slider .et_pb_container {
width: 100%;
max-width: 100%;
}
.accreditations_list { background-size: 100%;
width: 155px;
}
.accreditations_list img {
width: 60%;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
top: 25%;
}
.unic_fullwidth .et_pb_column_0 {
padding-left: 10% !important;
}
.whoweare_txt {
padding-top: 40px;
}
.banner_contentinfo .et_pb_slide {
min-height: 720px;
}
.banner_contentinfo .et-pb-controllers {
left: 6%;
}
.mailing_info em,
.mailing_info a {
font-size: 16px;
}
.rawmaterial_01:after {
right: -165px;
}
.et_pb_map,
.et_pb_fullwidth_map_0 {
height: 560px;
}
}
@media (max-width: 1300px) {
.banner_contentinfo .et_pb_slide {
min-height: 680px;
}
.title_info h4 {
font-size: 26px;
}
.title_info h4:before {
height: 26px;
}
.accreditationswp_info {
padding: 50px 0;
}
.sustainablesourcing_sec,
.rawmaterial_sec {
min-height: 420px;
}
.sustainablesourcing_img {
max-width: 70%;
}
.sustainablesourcing_01 {
width: 350px;
}
.sustainablesourcing_01:after {
background-size: 70%;
}
.sustainablesourcing_02:after {
background-size: 80%;
right: -300px;
}
.sustainablesourcing_02 {
left: 400px;
}
.sustainablesourcing_03 {
top: 180px;
right: -50px;
}
.sustainablesourcing_list p {
font-size: 16px;
line-height: 28px;
padding: 10px 0;
}
.infrastructure_title h3 {
font-size: 26px;
} .rawmaterial_01 {
width: 350px;
}
.rawmaterial_02 {
width: 504px;
}
.manufacturing_01 h5 {
font-size: 16px;
padding-left: 84px;
}
.manufacturing_01 h5:last-child {
padding-right: 65px;
}
.mfgprocess_sec ul li h5 {
font-size: 16px;
line-height: 26px;
}
.concentration_list .rawmaterial_img {
margin: 60px auto 0px 176px;
}
.manufacturing_02:after {
left: 360px;
}
.et_pb_map,
.et_pb_fullwidth_map_0 {
height: 520px;
}
.grouplist {
max-width: 32%;
}
.accreditations_list {
background-size: 100%;
width: 142px;
height: 142px;
}
.accreditations_list img {
top: 22%;
}
}
@media (max-width: 1200px) {
.container_info,
.et_pb_row {
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media (max-width: 1100px) {
#logo {
max-height: 35px;
}
.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a,
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
padding: 5px 20px 5px 15px;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
margin: 10px 0;
}
.banner_contentinfo .et_pb_slide,
.homemission_sec {
min-height: 534px;
background-size: cover;
background-position: top right;
}
.banner_contentinfo .et_pb_slide_description h4 {
font-size: 38px;
line-height: 48px;
margin-bottom: 15px;
}
.banner_contentinfo .et_pb_slide_description p {
font-size: 18px;
line-height: 26px;
}
.homeprdt_list h4.et_pb_module_header {
font-size: 18px;
line-height: 24px;
}
.title_info h4 {
font-size: 22px;
padding: 0 0 20px 15px;
}
.title_info h4:before {
height: 22px;
}
.homeproducts_sec .et_pb_row_2 {
padding-top: 0;
}
.homesubproducts_sec {
padding-top: 60px;
}
.accreditations_list {
width: 174px;
height: 174px;
margin: 0 15px 20px 15px;
}
.banner_contentinfo .et_pb_slide_description {
padding: 0 6% 6% 6%;
}
.innerpage_bg h1 {
font-size: 38px;
}
.whoweare_txt p {
font-size: 18px;
line-height: 28px;
padding-right: 0;
}
.inner_title h4 {
font-size: 22px;
}
.inner_title h4:before {
height: 20px;
}
.visionmision_sec {
padding: 90px 0 !important;
background-size: cover !important;
}
.grouplist_img {
top: 200px;
width: 30%;
}
.mailing_info em,
.mailing_info a {
font-size: 14px;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after,
#top-menu .menu-item-has-children>a:first-child:after {
right: 3px;
}
#et-secondary-nav .menu-item-has-children>a:first-child,
#top-menu .menu-item-has-children>a:first-child,
.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
padding: 5px 30px 5px 20px;
margin: 15px 0;
}
.unicorn_tabs table.dataTable thead th,
.unicorn_tabs table.dataTable thead td,
.unicorn_tabs table thead th,
.unicorn_tabs table tr th {
font-size: 16px;
}
.unicorn_tabs table tbody td {
line-height: 22px;
font-size: 16px;
}
.conventionalextracts_table h4,
.herbalbotanical_example tr.group td {
font-size: 24px;
}
.herbalbotanical_example tr.group td {
padding-top: 10px !important;
}
.et_pb_row {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 3% 15px;
}
.sustainablesourcing_01:after {
bottom: -340px;
right: -150px;
}
.sustainablesourcing_02 {
left: 370px;
}
.sustainablesourcing_03 {
right: 0;
}
.infrastructure_title h3 {
font-size: 24px;
}
.sustainablesourcing_01 {
width: 316px;
}
.rawmaterial_sec {
min-height: 320px;
}
.manufacturing_sec { }
.mfgprocess_list .rawmaterial_img {
max-width: 90px;
}
.mfgprocess_sec ul li h5 {
font-size: 15px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
}
.extraction_list {
padding-left: 155px;
}
.extraction_list:after,
.concentration_list:after,
.concentration_list:before,
.purification_list:after,
.drying_list:after,
.powder_list:after,
.finished_list:after {
background-size: 100%;
}
.concentration_list:before {
width: 266px;
left: 192px;
}
.concentration_list:after {
width: 265px;
top: 102px;
right: 176px;
}
.purification_list {
padding-right: 135px;
}
.purification_list h5 {
right: 220px;
top: -5px;
}
.purification_list:after {
width: 450px;
top: 58px;
right: 222px;
}
.drying_list {
padding-left: 280px;
padding-top: 24px;
}
.drying_list h5 {
left: 105px;
top: 34px;
}
.drying_list:after {
width: 329px;
top: 65px;
right: 296px;
}
.powder_list {
padding-right: 264px;
}
.powder_list {
padding-right: 250px;
padding-top: 52px;
}
.powder_list:after {
width: 436px;
top: 102px;
right: 338px;
}
.finished_list {
padding-left: 182px;
padding-top: 12px;
}
.powder_list h5 {
right: 340px;
top: 55px;
}
.qualitycontrol_list h5 {
font-size: 14px;
line-height: 20px;
}
.concentration_list h5 {
padding-bottom: 0;
padding-top: 0;
}
.heavymetal_list:after {
left: 92px;
}
.et_pb_map,
.et_pb_fullwidth_map_0 {
height: 420px;
}
.connectwithus_wp {
padding-top: 104px !important;
}
.banner_contentinfo .et-pb-controllers {
left: 11%;
bottom: 20%;
}
.timeline_year_list ul li {
width: 100px;
}
.timeline_year_list ul li h4 {
font-size: 16px;
}
.timeline_year_list ul li.active h4 {
font-size: 18px;
}
.timeline_year_cont_list .timeline_year_cont_listinner {
font-family: 'Akkurat-Light';
}
}
@media (max-width: 980px) {
.banner_contentinfo,
.banner_contentinfo .et_pb_slides,
.banner_contentinfo .et_pb_slide,
.banner_contentinfo.et_fullscreen_slider .et_pb_container .homemission_sec {
height: 460px !important;
min-height: 460px !important;
}
.arrow.bounce {
display: none;
}
.mission_content {
padding-top: 60px;
}
.accreditations_list {
width: 144px;
height: 144px;
margin: 0 5px 10px;
}
.container,
.et_pb_row {
width: 100%;
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#et_mobile_nav_menu { }
#top-menu { }
.et_header_style_left .mobile_menu_bar {
padding: 0 3px; border: none;
border-radius: 0;
margin: 5px 0 0;
display: inline-block;
}
.mobile_menu_bar:before {
color: #fff;
}
#top-menu .menu-item-has-children>a:first-child,
.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a,
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
padding: 5px 20px 5px 15px;
margin: 18px 0;
}
#main-header .et_mobile_menu {
padding: 0;
border-top: 3px solid #fff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
background-color: #fff;
}
.et_mobile_menu li a {
color: #222;
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, .06);
font-family: 'Akkurat-Light';
text-shadow: inherit;
}
.sub-menu {
padding-left: 0 !important;
background: #ededed;
}
.et_mobile_menu li li {
padding-left: 0;
}
.sub-menu li a {
padding-left: 35px;
border-bottom: 1px solid #f5f5f5 !important;
}
#top-menu .menu-item-has-children>a:first-child,
.et_header_style_left #et-top-navigation nav>ul>li>a {
margin: 18px 0;
}
#top-menu a {
font-size: 13px;
}
#top-menu li li a {
font-size: 12px;
}
#et-top-navigation {
padding-left: 0 !important;
}
.et-fixed-header#main-header {
top: -10px !important;
}
.et_header_style_left #logo,
.et_header_style_split #logo {
max-width: initial;
width: initial;
max-height: 30px;
}
.unic_fullwidth .et_pb_column_0 {
padding-left: 0% !important;
}
.innerpage_bg {
min-height: 320px;
}
.innerpage_bg h1 {
font-size: 28px;
padding-top: 106px;
}
.visionmision_left h4,
.vision_txt,
.mision_txt {
float: none;
}
.visionmision_left h4,
.vision_txt,
.mision_txt {
width: 100%;
}
.grouplist_sec {
min-height: inherit;
padding-top: 0;
}
.grouplist_img {
position: inherit;
left: inherit;
right: inherit;
top: inherit;
width: 38%;
margin: 0px auto 30px auto;
}
.grouplist {
position: inherit;
left: inherit;
right: inherit;
top: inherit;
width: 50%;
float: left;
margin-bottom: 30px;
max-width: inherit;
padding-right: 40px;
}
.grouplist_01 h3:before,
.grouplist_02 h3:before,
.grouplist_03 h3:before,
.grouplist_04 h3:before {
font-size: 60px;
}
.grouplist h3 {
font-size: 18px;
margin-bottom: 10px;
padding-bottom: 0;
}
.grouplist ul li,
.grouplist ul li a {
font-size: 15px;
line-height: 22px;
}
.grouplist ul li br {
display: none;
}
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p br:last-child {
display: none;
}
#main-header {
margin-top: 10px;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after,
#top-menu .menu-item-has-children>a:first-child:after,
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a:after {
top: 4px !important;
right: 2px !important;
}
.mailing_info {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 30px !important;
}
.connectwithus_form ul {
margin: 0;
}
.homeproducts_sec .et_pb_row_1 .et_pb_column {
margin-bottom: 0;
}
.conventionalextracts_sec,
.organicproducts_sec {
padding-top: 20px;
}
.naturalessentialoils_sec p,
.organicproducts_sec p {
font-size: 15px;
line-height: 26px;
}
.organicproducts_sec p br {
display: none;
}
.conventionalextracts_row {
padding-top: 20px !important;
}
.unicorn_tabs table.dataTable thead th,
.unicorn_tabs table.dataTable thead td,
.unicorn_tabs table thead th,
.unicorn_tabs table tr th {
font-size: 14px;
}
.unicorn_tabs table tbody td {
line-height: 20px;
font-size: 14px;
text-shadow: 0 0;
}
.conventionalextracts_table h4,
.herbalbotanical_example tr.group td {
font-size: 20px;
}
.naturalessentialoils_sec {
padding-top: 20px !important;
}
.naturalessentialoils_list ol li {
margin-bottom: 10px;
width: 49%;
font-size: 15px;
text-shadow: 0 0;
}
.unicorn_tabs #organicproducts_horizontalTab .r-tabs-accordion-title .r-tabs-anchor {
border-bottom: 1px solid #666;
background: transparent;
color: #444;
font-size: 16px;
font-weight: normal;
text-shadow: inherit;
font-family: 'Akkurat-Bold';
text-transform: uppercase;
padding-left: 0;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .r-tabs-accordion-title .r-tabs-anchor {
border-bottom: 1px solid #1d8851;
letter-spacing: 1px;
font-size: 16px;
padding: 12px 15px;
}
.unicorn_tabs #organicproducts_horizontalTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
border-bottom: none;
color:#0f9246;
}
.unicorn_tabs .r-tabs .r-tabs-state-active a {
color: #444;
}
.unicorn_tabs #organicproducts_horizontalTab .r-tabs-accordion-title .r-tabs-anchor .arrow_downimg {
background: url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/mobile_arrowdown.png) 0px -9px no-repeat;
width: 15px;
height: 9px;
float: right;
margin-top: 8px;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .r-tabs-accordion-title .r-tabs-anchor .arrow_downimg {
margin-top: 8px;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .csr-tab-list { }
.csr-tab-list li {
margin-bottom: 15px;
padding-left: 25px;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .csr-tab-content .tab-right-content ul li {
float: left;
width: 50%;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .tab-right-content { padding-left: 0;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .csr-tab-img {
padding: 10px;
}
.unicorn_tabs #organicproducts_horizontalTab .r-tabs-state-active .r-tabs-anchor .arrow_downimg {
background-position: 0px 0px;
width: 15px;
height: 9px;
float: right;
margin-top:8px;
}
.csr-tab-main .r-tabs-accordion-title .r-tabs-anchor .arrow_downimg {
background: url(//www.unicornnature.com/wp-content/themes/unicorn-child/images/mobile_arrowdown_white.png) 0px -9px no-repeat !important;
width: 15px;
height: 9px;
float: right;
margin-top: 8px;
}
.csr-tab-main .r-tabs-state-active .r-tabs-anchor .arrow_downimg {
background-position: 0px 0px !important;
width: 15px;
height: 9px;
float: right;
margin-top: 14px;
}
.unicorn_tabs .conventionalextracts_table .dataTables_wrapper .dataTables_filter {
margin-bottom: 0;
margin-top: 0;
position: absolute;
top: -40px;
right: 10px;
}
.unicorn_tabs .r-tabs .r-tabs-panel.r-tabs-state-active {
padding: 0;
padding-top: 5px;
position: relative;
}
.unicorn_tabs .r-tabs .csr-tab-content.r-tabs-panel.r-tabs-state-active {
padding: 20px;
}
.footer-widget:nth-child(n) {
width: 100% !important;
}
.unicorn_tabs .r-tabs {
padding-bottom: 30px;
}
.arrow_downimg {
display: block;
}
.sustainablesourcing_row {
padding-top: 30px
}
.sustainablesourcing_img {
max-width: 100%;
}
.sustainablesourcing_list,
.rawmaterial_02 p {
position: inherit;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
display: block;
width: 100%;
margin-bottom: 15px;
}
.sustainablesourcing_list:after,
.sustainablesourcing_list:before {
display: none;
}
.manufacturing_01 .rawmaterial_img,
.manufacturing_02 .rawmaterial_img,
.manufacturing_03 .rawmaterial_img {
display: block;
}
.manufacturing_01 h5,
.manufacturing_01 h5:last-child {
float: none;
padding-right: 0;
padding-left: 0;
width: 44%;
display: inline-block;
vertical-align: middle;
}
.manufacturing_01 h5 br {
display: none;
}
.sustainablesourcing_img {
max-width: 50%;
}
.infrastructure_title h3 {
font-size: 22px;
text-align: center;
}
.mfgprocess_list {
padding: 0;
text-align: left;
}
.mfgprocess_list .rawmaterial_img {
margin: 0;
}
.mfgprocess_list:after,
.mfgprocess_list:before {
display: none;
}
.mfgprocess_list h5 {
padding-left: 10px !important;
}
.purification_list h5,
.powder_list h5,
.drying_list h5 {
position: inherit;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
text-align: left;
}
.mfgprocess_sec ul {
padding: 0 0 30px 50px;
}
.qualitycontrol_list,
.qualitycontrol_list h5 {
position: inherit;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
}
.qualitycontrol_list h5 {
text-align: center;
margin: 0px auto;
}
.qualitycontrol_listinfo {
width: 32%;
display: inline-block;
vertical-align: top;
margin: 0 0 20px 0;
float: none;
}
.qualitycontrol_list:after,
.qualitycontrol_list:before,
.heavymetal_sub,
.microbiological_sub,
.testingpathogens_sub,
.testmethod_sub,
.testingpesticides_sub,
.qualitycontrol_listinfosub {
display: none;
}
.qualitycontrol_mainrow,
.qualitycontrol_sec {
min-height: inherit;
}
.qualitycontrol_sec {
margin-bottom: 15px !important;
}
.connectwithus_wp {
padding-top: 34px !important;
}
.et_pb_map,
.et_pb_fullwidth_map_0 {
height: 360px !important;
}
.banner_contentinfo .et_pb_slide_description {
width: 100%;
}
.accreditations_list img {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.banner_contentinfo .et_pb_slide_description h4 {
font-size: 28px;
line-height: 38px;
}
.products_info.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
width: 23.5% !important;
margin-right: 2%;
}
.infra_info .et_pb_column {
width: 31% !important;
margin-right: 3%;
}
.whoweare_txt p,
.vision_txt,
.mision_txt,
.theunicorngroup_txt h5 {
font-size: 15px;
line-height: 25px;
}
.sub_head {
margin-bottom: 30px;
}
.sub_head,
.sub_head p {
font-size: 17px;
}
.facilitymanufacturing_lft,
.facilityprocess_lft,
.facilitymanufacturing_rght,
.facilityprocess_rght {
width: 100%;
padding-right: 0;
}
.facilitymanufacturing_img,
.facsustainablesourcing_img {
width: 48%;
float: left;
margin-right: 2%;
}
.facilitymanufacturing_rght {
margin-top: 20px;
}
.facilityprocess_img img {
margin-top: 20px;
}
.mission_lft {
display: none;
}
.mfgprocess_sec ul li h5 br {}
.location_list h5 {
font-size: 18px;
}
.connectwithus_sec .et_pb_column_1_2.et_pb_column_0 {
width: 40% !important;
}
.connectwithus_sec .et_pb_column {
width: 60% !important;
}
.connectwithus_form ul li input {
margin-bottom: 0 !important;
}
.et_mobile_menu .menu-item-has-children>a {
font-family: 'Akkurat-Bold';
}
.et_mobile_menu li a {
font-family: 'Akkurat-Bold';
}
.sub-menu li a {
padding: 7px 0 7px 42px;
font-size: 15px;
position: relative;
font-family: 'Akkurat-Light';
}
.sub-menu li a:before {
position: absolute;
left: 25px;
top: 8px;
content: "-";
color: #00a651;
}
.et_mobile_menu li a,
.et_mobile_menu li:last-child a {
font-family: 'Akkurat-Bold' !important;
}
.et_mobile_menu ul.sub-menu li a,
.et_mobile_menu ul.sub-menu li:last-child a {
font-family: 'Akkurat-Light' !important;
}
.sub-menu li a {
padding-left: 35px;
border-bottom: 1px solid #f5f5f5 !important;
}
.timeline_year_list {
display: none;
}
.timeline_year_cont_list .timeline_year_cont_listinner {
display: block !important;
}
.timeline_year_cont_list .timeline_year_cont_listinner {
width: 100%;
font-size: 18px;
color: #000000;
line-height: 28px;
min-height: inherit;
margin: 0 0 30px 0;
}
.timeline_year_cont_list .timeline_year_cont_listinner h4 {
display: block;
}
.entry-content ul.csr-tab-list {
padding: 0 0 20px;
}
.tab-right-content ul {
display: inline-block;
width: 100%;
padding: 0;
}
.csr-tab-content .tab-right-content ul li {
padding: 5px;
}
}
@media (max-width: 767px) {
.entry-content ul.csr-tab-list {
padding: 0;
}
.container.et_menu_container {
padding: 0 10px;
}
#main-header {
margin-top: 0px;
padding: 5px 0 10px 0;
}
#et_mobile_nav_menu {
display: block;
margin: 7px 0 0 0;
}
#top-menu {
display: none;
}
#logo {
max-height: 100%;
}
.et-fixed-header#main-header {
top: 0 !important;
}
.et_header_style_left .logo_container {
width: auto;
height: auto;
margin: 7px 0 0 0;
}
.et_header_style_left #logo,
.et_header_style_split #logo { }
.banner_contentinfo .et_pb_slide_description h4 {
font-size: 26px;
line-height: 32px;
}
.banner_contentinfo .et_pb_slide,
.homemission_sec {
min-height: 340px;
background-position: top right !important;
}
.banner_contentinfo,
.banner_contentinfo .et_pb_slides,
.banner_contentinfo .et_pb_slide,
.banner_contentinfo.et_fullscreen_slider .et_pb_container {
height: 380px !important;
min-height: 380px !important;
}
.homeprdt_list h4.et_pb_module_header,
.homesubprdt_list h4.et_pb_module_header {
font-size: 16px;
}
.mission_content {
padding-top: 20px;
}
.mission_content p {
font-size: 22px;
line-height: 36px;
padding-left: 0;
}
.accreditations_list {
width: 126px;
height: 126px;
margin: 0 10px 10px 10px;
}
.banner_contentinfo .et_pb_slide_description {
width: 100%;
padding: 0;
}
.banner_contentinfo .et-pb-controllers {
left: 6%;
bottom:30px !important;
}
.et_header_style_left .mobile_menu_bar {
padding: 0 3px; border: none;
border-radius: 0;
margin: 0;
display: block;
}
.mobile_menu_bar:before {
color: #fff;
}
.et_mobile_menu li a {
color: #222;
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, .06);
font-family: 'Akkurat-Light';
text-shadow: inherit;
}
.sub-menu {
padding-left: 0 !important;
background: #ededed;
}
.sub-menu li a {
border-bottom: 0 !important;
}
.et_mobile_menu li li.current_page_item:hover,
.et_mobile_menu li li.current_page_item:focus {
background: transparent;
}
.sub-menu li a:hover,
.sub-menu li a:focus {
opacity: .7;
background-color: rgba(0, 0, 0, .03);
}
#main-header .et_mobile_menu {
padding: 0;
border-top: 3px solid #fff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
background-color: #fff;
max-height: 250px;
overflow: auto;
}
.connectwithus_form ul li,
.connectwithus_form ul li.fullrow {
padding: 0 7.5px 0 7.5px;
margin-bottom: 10px;
} .connectwithus_form ul li input[type="submit"] {
padding: 10px 20px;
font-size: 18px;
height: inherit;
}
.location_list p {
font-size: 18px;
line-height: 32px;
}
.mailing_info i.call_icon,
.mailing_info i.print_icon,
.mailing_info i.mail_icon {
width: 30px;
height: 30px;
background-size: cover;
}
.mailing_info ul li {
margin-bottom: 15px;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: none;
min-height: .01%;
overflow-x: auto;
padding-top: 35px;
}
.unicorn_tabs .r-tabs .r-tabs-panel.r-tabs-state-active {
padding: 0;
}
.unicorn_tabs .r-tabs .csr-tab-content {
padding: 20px 30px;
}
.csr-tab-main .csr-tab-content .r-tabs-panel.r-tabs-state-active {
padding: 20px 30px !important;
}
.naturalessentialoils_row .et_pb_column {
margin-bottom: 25px;
}
.naturalessentialoils_list h4 {
font-size: 16px;
margin-bottom: 0px;
}
.unicorn_tabs table.dataTable thead th,
.unicorn_tabs table.dataTable thead td,
.unicorn_tabs table thead th,
.unicorn_tabs table tr th {
font-size: 14px;
padding: 6px;
line-height: 18px;
text-align: left;
vertical-align: top;
}
.unicorn_tabs .conventionalextracts_table .dataTables_wrapper .dataTables_filter {
margin-bottom: 0;
margin-top: 0;
float: left;
margin-left: 10px;
text-align: left;
}
.unicorn_tabs .dataTables_wrapper .dataTables_filter {
top: -60px;
}
.sustainablesourcing_row {
padding-top: 20px !important;
}
.manufacturing_01 .rawmaterial_img,
.manufacturing_02 .rawmaterial_img,
.manufacturing_03 .rawmaterial_img {
max-width: 340px;
}
.facsustainablesourcing_cnt,
.facilitymanufacturing_lft,
.facilityprocess_lft {
width: 100%;
padding-right: 0;
margin: 10px 0 0 0;
font-size: 14px;
line-height: 22px;
text-shadow: 0 0;
}
.facsustainablesourcing_img,
.facilitymanufacturing_rght,
.facilityprocess_rght {
width: 100%;
text-align: center;
}
.facilityprocess_img1,
.facilityprocess_img2,
.facilityprocess_img3,
.facilityprocess_img4 {
position: inherit;
top: inherit;
right: inherit;
left: inherit;
margin-bottom: 15px;
text-align: center;
}
.naturalessentialoils_sec em p,
.organicproducts_sec em p {
padding-bottom: 0;
}
.et_mobile_menu li li {
padding-left: 0;
}
.facilities_sec h4 {
font-size: 18px;
}
.facsustainablesourcing_img {
margin-top: 5px;
margin-bottom: 0;
}
.et_pb_map,
.et_pb_fullwidth_map_0 {
height: 280px !important;
}
.unicorn_tabs .dataTables_wrapper .dataTables_filter input,
.unicorn_tabs .dataTables_wrapper .dataTables_filter input[type=search] {
width: 100%;
margin-left: 0;
}
.connectwithus_sec .et_pb_column_1_2.et_pb_column_0 {
border-right: 0;
}
.sub_head p a,
.sub_head p a:hover,
.sub_head a,
.sub_head a:hover {
margin-bottom: 20px !important;
display: block;
}
.naturalessentialoils_list ol {
margin: 0 0 12px 0;
}
.title_info h4,
.inner_title h4 {
text-align: center;
padding: 0 0 10px 15px;
text-align: center;
margin-bottom: 20px;
}
.title_info h4:before,
.inner_title h4:before {
height: 2px;
width: 40px;
bottom: 0px;
left: 50%;
margin-left: -15px;
top: inherit;
}
.mission_content p,
.whoweare_txt p,
.vision_txt,
.mision_txt,
.theunicorngroup_txt h5,
.mfgprocess_sec ul li h5,
.mfgprocess_list .rawmaterial_img,
.connectwithus_sec .location_listbtsprm,
.mailing_info,
.location_list h5,
.connectwithus_form ul li,
.location_list p {
text-align: center;
}
.innerpage_bg {
min-height: 240px;
}
.innerpage_bg h1 {
padding-top: 65px;
}
.vision_txt,
.mision_txt {
font-family: 'Akkurat-LightItalic';
}
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent,
.mision_txt h5 {
font-size: 18px;
}
.grouplist_img {
width: auto;
}
.grouplist {
width: 100%;
padding-right: 0;
}
.sustainablesourcing_list p br,
.mfgprocess_sec ul li h5 br {
display: none;
}
.mfgprocess_sec ul {
padding: 0 0 30px 0;
}
.mfgprocess_list .rawmaterial_img {
width: 100%;
max-width: 100%;
}
.mfgprocess_list .rawmaterial_img img {
max-width: 110px;
}
.mfgprocess_sec ul li h5 {
width: 100%;
margin-bottom: 20px;
}
.connectwithus_sec .et_pb_column_1_2.et_pb_column_0,
.connectwithus_sec .et_pb_column {
width: 100% !important;
}
.connectwithus_form ul li input[type="submit"] {
margin-bottom: 30px !important;
}
}
@media (max-width: 600px) {
.homemission_sec {
min-height: 280px;
}
.banner_contentinfo,
.banner_contentinfo .et_pb_slides,
.banner_contentinfo .et_pb_slide,
.banner_contentinfo.et_fullscreen_slider .et_pb_container {
height: 320px !important;
min-height: 320px !important;
}
.timeline_list {
padding: 20px 0 0 0;
}
.naturalessentialoils_list ol {
margin: 0 0 0px 0;
}
.banner_contentinfo .et_pb_slide_description h4 em,
.banner_contentinfo .et_pb_slide_description h4 {
font-size: 20px;
line-height: 24px;
margin-bottom: 6px;
}
.banner_contentinfo .et_pb_slide_description p {
font-size: 16px;
line-height: 20px;
} .mission_content {
padding-top: 20px;
}
.homemission_sec .et_pb_column_1_2.et_pb_column_0 .et_pb_text_inner {
display: none;
}
.title_info h4 {
font-size: 22px;
}
.title_info h4:before {
height: 2px;
}
.mission_content p em {
font-size: 18px;
}
.mission_content p {
font-size: 16px;
line-height: 24px;
}
.homesubprdt_list h4.et_pb_module_header {
font-size: 15px;
line-height: 22px;
}
.homeprdt_list .et_pb_main_blurb_image,
.homeproducts_sec .et_pb_column_1_4 {
margin-bottom: 15px !important;
}
.accreditations_list {
width: 156px;
height: 156px;
margin: 0 15px 20px 15px;
}
.container,
.et_pb_row {
padding: 0 15px;
}
.homesubprdt_list .et_pb_main_blurb_image {
max-width: 80%;
margin-bottom: 0;
}
.grouplist {
width: 100%;
margin-bottom: 15px;
}
.theunicorngroup_txt h5 {
font-size: 18px;
line-height: 26px;
}
.inner_title h4 {
font-size: 20px;
margin-bottom: 15px;
}
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent {
font-size: 18px;
line-height: 26px;
max-width: 100% !important;
padding: 5px !important;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-title {
top: -80px;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title {
font-size: 16px;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-title {
font-size: 20px;
}
.vision_txt,
.mision_txt {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
.mision_txt h5 {
font-size: 18px;
margin-bottom: 0;
line-height: 22px;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track {
padding: 60px 0 0 0;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
top: 63%;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-list {
background-position: -1px 86px, right 86px;
}
.visionmision_sec {
padding: 60px 0 !important;
}
.innerpage_bg {
min-height: 260px;
}
.innerpage_bg h1 {
font-size: 26px;
padding-top: 86px;
}
.et_pb_section .et_pb_column .et_pb_module {
margin-bottom: 10px;
}
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-prev,
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-next {
display: none !important;
}
.wpostahs-slider-wrp {
padding-bottom: 40px;
}
#footer-bottom {
padding: 5px 0 5px;
}
.location_list p {
font-size: 16px;
line-height: 28px;
}
.location_list h5 {
font-size: 18px;
}
.naturalessentialoils_list ol li {
margin-bottom: 6px;
width: 100%;
font-size: 14px;
line-height: 22px;
}
.unicorn_tabs .dataTables_wrapper .dataTables_filter input,
.unicorn_tabs .dataTables_wrapper .dataTables_filter input[type=search] {
padding: 0 5px;
font-size: 16px;
margin: 0 0 0 6px;
width: 70%;
height: 32px;
}
.unicorn_tabs table.dataTable thead th,
.unicorn_tabs table.dataTable thead td,
.unicorn_tabs table thead th,
.unicorn_tabs table tr th {
font-size: 12px;
padding: 4px;
line-height: 16px;
}
.conventionalextracts_table h4,
.herbalbotanical_example tr.group td {
font-size: 16px;
}
#extracts table.dataTable.no-footer {
padding-top: 60px;
}
#extracts .dataTables_wrapper .dataTables_filter {
top: 12px;
text-align: left;
font-size: 13px;
width: 100%;
left: 10px;
}
.unicorn_tabs .r-tabs .r-tabs-panel.r-tabs-state-active {
padding: 0;
}
.table-responsive {
padding-top: 0px;
}
#wholeherbs_powders table.dataTable.no-footer,
#spices table.dataTable.no-footer {
padding-top: 60px;
}
#wholeherbs_powders .dataTables_wrapper .dataTables_filter,
#spices .dataTables_wrapper .dataTables_filter {
top: 12px;
text-align: left;
font-size: 13px;
width: 100%;
left: 10px;
right: 0;
}
.mfgprocess_sec ul {
padding: 0 0 20px 0px;
}
.mfgprocess_list .rawmaterial_img {
margin: 0 auto;
display: block;
}
.mfgprocess_sec ul li h5 {
font-size: 15px;
line-height: 22px;
padding: 0;
text-align: center;
width: 100%;
padding-left: 0 !important;
}
.qualitycontrol_list h5 {
margin: 0px auto 15px auto;
}
.mfgprocess_sec ul li {
margin-bottom: 15px;
}
.mfgprocess_sec ul li h5 br,
.qualitycontrol_list h5 br {
display: none;
}
.infrastructure_title h3 {
font-size: 18px;
}
.unicorn_tabs .conventionalextracts_table .dataTables_wrapper .dataTables_filter {
margin-bottom: 0;
margin-top: 0;
float: left;
margin-left: 0;
text-align: left;
position: absolute;
top: 12px;
width: 100%;
right: 0;
left: 10px;
font-size: 14px;
}
.unicorn_tabs table.dataTable.no-footer {
padding-top: 50px;
width: 720px !important;
}
.naturalessentialoils_sec p,
.organicproducts_sec p {
font-size: 14px;
line-height: 22px;
}
.facilities_sec h4 {
font-size: 16px;
}
.unicorn_tabs #organicproducts_horizontalTab .r-tabs-accordion-title .r-tabs-anchor {
font-size: 14px;
padding: 6px 10px 6px 0;
}
.grouplist_img {
width: 50%;
}
.grouplist_img img {
max-width: 100%;
max-height: 100%;
}
.sub_head,
.sub_head p {
font-size: 18px;
line-height: 28px;
}
.organicproducts_sec {
padding: 20px 0 !important;
}
#main-footer {
padding: 15px 0;
margin-top: 15px;
}
#footer-info {
padding: 0;
}
.homeprdt_list .et_pb_main_blurb_image,
.homeprdt_list .et_pb_main_blurb_image .et_pb_animation_top.et-animated {
height: auto;
}
.products_info.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
width: 47.5% !important;
}
.homesubprdt_list .et_pb_main_blurb_image img {
border: 4px solid #dbdbdb;
}
.qualitycontrol_listinfo {
width: 49%;
}
.qualitycontrol_list h5 br {
display: none;
}
.timeline_year_cont_list .timeline_year_cont_listinner {
font-size: 15px;
line-height: 24px;
}
.timeline_year_cont_list .timeline_year_cont_listinner br {
display: none;
}
.connectwithus_form ul li textarea {
height: 70px;
margin-top: 10px;
margin-bottom: 0;
}
.required_txt {
margin: 15px 0 0 0;
display: inline-block;
width: 100%;
}
.connectwithus_form ul li input[type="submit"] {
margin-bottom: 10px !important;
}
}
@media (max-width: 480px) {
.banner_contentinfo,
.banner_contentinfo .et_pb_slides,
.banner_contentinfo .et_pb_slide,
.banner_contentinfo.et_fullscreen_slider .et_pb_container {
height: 280px !important;
min-height: 280px !important;
} }
@media (max-width: 490px) {
.homesubprdt_list .et_pb_main_blurb_image {
max-width: 92%;
}
}
@media (max-width: 450px) {
#main-header .et_mobile_menu {
max-height: 400px;
}
#main-header {
margin-top: 0px;
padding: 0px 0 5px 0;
}
.homemission_sec {
min-height: 250px;
}
.banner_contentinfo,
.banner_contentinfo .et_pb_slides,
.banner_contentinfo .et_pb_slide,
.banner_contentinfo.et_fullscreen_slider .et_pb_container {
height: 280px !important;
min-height: 280px !important;
}
.mission_content {
padding-top: 0;
}
.homesubprdt_list h4.et_pb_module_header {
font-size: 18px;
}
.homeprdt_list h4.et_pb_module_header {
font-size: 15px;
line-height: 20px;
}
.title_info h4 {
font-size: 18px;
padding: 0 0 10px 0;
}
.homesubproducts_sec .et_pb_column {
margin-bottom: 0;
}
.mission_content p em {
font-size: 16px;
line-height: 18px;
margin-bottom: 5px;
display: inline-block;
width: 100%;
}
.mission_content p {
font-size: 14px;
line-height: 18px;
}
.accreditations_list {
width: 122px;
height: 122px;
}
#footer-widgets .footer-widget:nth-child(n),
.footer-widget .fwidget {
margin-bottom: 0 !important;
}
#footer-bottom {
padding: 0;
margin: 0;
}
#footer-widgets p {
font-size: 13px;
}
.grouplist h3 {
font-size: 15px;
}
.grouplist ul li,
.grouplist ul li a {
font-size: 14px;
line-height: 20px;
}
.theunicorngroup_txt h5 {
font-size: 16px;
line-height: 24px;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track {
padding: 30px 0 0 0;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
top: 53%;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-list {
background-position: -1px 59px, right 59px;
}
.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent {
font-size: 16px;
line-height: 24px;
}
.inner_title h4 {
font-size: 18px;
}
.whoweare_txt p {
font-size: 16px;
line-height: 26px;
}
.innerpage_bg {
min-height: 220px;
}
.innerpage_bg h1 {
font-size: 20px;
padding-top: 66px;
}
.wpostahs-slider-wrp {
padding-bottom: 10px;
}
.naturalessentialoils_list h4 {
font-size: 14px;
}
.sustainablesourcing_list p {
font-size: 14px;
line-height: 22px;
}
.manufacturing_01 h5 {
font-size: 13px;
line-height: 18px;
}
.manufacturing_01 .rawmaterial_img,
.manufacturing_02 .rawmaterial_img,
.manufacturing_03 .rawmaterial_img {
max-width: 190px;
}
.facilities_sec h4 {
font-size: 16px;
}
.facsustainablesourcing_row .facsustainablesourcing_cnt {
margin-top: 0;
}
.qualitycontrol_list {
width: 49%;
}
.banner_contentinfo .et_pb_slide .et_pb_slide_2 {
background-position: top left;
}
.homeprdt_list .et_pb_main_blurb_image .et_pb_animation_top.et-animated {
height: auto;
width: 90%;
}
.sub_head,
.sub_head p {
font-size: 15px;
line-height: 25px;
}
.connectwithus_form ul li.name_fields span.first-name,
.connectwithus_form ul li.name_fields span.last-name {
width: 100%;
float: none;
padding-left: 0;
margin-bottom:8px;
display: block;
}
#main-footer {
padding: 10px 0;
}
.et_header_style_left #logo,
.et_header_style_split #logo { }
.et_header_style_left #logo,
.et_header_style_split #logo {
max-height: 20px;
}
.infra_info .et_pb_column {
width: 100% !important;
margin-right: 0;
margin-bottom: 10px;
}
.homesubprdt_list .et_pb_main_blurb_image {
margin-bottom: 0;
}
.homesubprdt_list .et_pb_main_blurb_image img {
max-width: 65%;
border: 5px solid #dbdbdb;
}
.et_pb_main_blurb_image {
margin-bottom: 12px;
}
.sustainablesourcing_img {
max-width: 80%;
}
.manufacturing_sec {
min-height: inherit;
}
.et_fullwidth_nav #main-header .container {
padding-left: 10px;
padding-right: 10px;
}
.accreditationswp_info .et_pb_column {
margin-bottom: 10px;
}
.location_list p {
font-size: 15px;
line-height: 26px;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .csr-tab-content .tab-right-content ul li {
width: 100%;
}
}
@media (max-width:360px) {
.connectwithus_form ul li,
.connectwithus_form ul li.fullrow {
margin: 0 0 10px 0;
padding: 0;
display: block;
width: 100%;
}
.unicorn_tabs table tbody td {
line-height: 18px;
font-size: 14px;
}
.naturalessentialoils_sec p,
.organicproducts_sec p {
font-size: 14px;
line-height: 22px;
}
.qualitycontrol_list {
width: 100%;
}
.accreditations_list {
width: 112px;
height: 112px;
}
.list_ordering a {
margin: 0 5px 5px 5px;
display: inline-block;
}
.unicorn_tabs #organicproducts_horizontalTab.csr-tab-main .csr-tab-content .tab-right-content ul li {
float: none;
width: 100%;
}
}