@charset "UTF-8"; .footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6{color:#2EA3F2}.footer-widget li:before{border-color:#2EA3F2}.bottom-nav li.current-menu-item>a{color:#2EA3F2}#main-footer{background-color:#222222}#footer-widgets{padding:6% 0 0}.footer-widget{float:left;color:#fff}.last{margin-right:0}.footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget li{padding-left:14px;position:relative}#footer-widgets .footer-widget li:before{border-radius:3px;border-style:solid;border-width:3px;content:"";left:0;position:absolute;top:9px}#footer-widgets .footer-widget a{color:#fff}#footer-widgets .footer-widget li a{color:#fff;text-decoration:none}#footer-widgets .footer-widget li a:hover{color:rgba(255,255,255,0.7)}.footer-widget .widget_adsensewidget ins{min-width:160px}#footer-bottom{background-color:#1f1f1f;background-color:rgba(0,0,0,0.32);padding:15px 0 5px}#footer-bottom a{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#footer-info{text-align:left;color:#666;padding-bottom:10px;float:left}#footer-info a{font-weight:700;color:#666}#footer-info a:hover{opacity:.7}#et-footer-nav{background-color:rgba(255,255,255,0.05)}.bottom-nav{padding:15px 0}.bottom-nav li{font-weight:600;display:inline-block;font-size:14px;padding-right:22px}.bottom-nav a{color:#bbb;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.bottom-nav a:hover{opacity:.7}@media all and (max-width: 980px){.footer-widget:nth-child(n){width:46.25% !important;margin:0 7.5% 7.5% 0 !important}.et_pb_footer_columns1 .footer-widget{width:100% !important;margin:0 7.5% 7.5% 0 !important}#footer-widgets .footer-widget .fwidget{margin-bottom:16.21%}.et_pb_gutters1 .footer-widget:nth-child(n){width:50% !important;margin:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0}#footer-widgets{padding:8% 0}#footer-widgets .footer-widget:nth-child(2n){margin-right:0 !important}#footer-widgets .footer-widget:nth-last-child(-n+2){margin-bottom:0 !important}.bottom-nav{text-align:center}#footer-info{float:none;text-align:center}}@media all and (max-width: 767px){#footer-widgets .footer-widget,.et_pb_gutters1 #footer-widgets .footer-widget{width:100% !important;margin-right:0 !important}#footer-widgets .footer-widget:nth-child(n),#footer-widgets .footer-widget .fwidget{margin-bottom:9.5% !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:10% 0}#footer-widgets .footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget:last-child{margin-bottom:0 !important}}@media all and (max-width: 479px){#footer-widgets .footer-widget:nth-child(n),.footer-widget .fwidget{margin-bottom:11.5% !important}#footer-widgets .footer-widget.last{margin-bottom:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:12% 0}} @media all and (min-width: 981px){.et_pb_gutters3 .footer-widget{margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3 .footer-widget:last-child{margin-right:0}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget{width:12.083%}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget{width:15.6%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget{width:20.875%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget{width:29.667%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget{width:47.25%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget{width:100%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget{margin-bottom:5.5%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1){width:73.625%;clear:both}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1){width:20.875%;clear:both}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2){width:73.625%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child{width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}} .et-db #et-boc .et-l .et_pb_code_inner{position:relative} body { -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) rotateY(170deg); animation-timing-function: ease-out; } 80% { transform: perspective(400px) rotateY(360deg); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; }.col-center-flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;} .col-center-flex>* {align-self: center;} .title-red h1, .title-red h2, .title-red h3, .title-red h4, .title-red h5, .title-red h6 {color: #ed1c24;} @media only screen and (min-width: 981px){ h1, .et_pb_title_container h1 {font-size: 40px;} h2 {font-size: 30px; color: #ed1c24;} h3 {font-size: 30px; color: #a49e9e;} h4 {font-size: 25px; color: #000000;} h5 {font-size: 20px; color: #ed1c24;} h6 {font-size: 18px; color: #000000;} } h2, h3, h4 {margin-bottom: 30px;} #content-area h2, #content-area h3, #content-area h4 {margin-bottom: 10px;} #main-content h4 {margin-bottom: 10px;} @media only screen and (min-width: 1200px){ .et_pb_row { padding-left: 20px!important; padding-right: 20px!important;} } @media only screen and (min-width: 981px){ .et_pb_row { padding-left: 20px!important; padding-right: 20px!important;} .page-80-wrap>* {max-width: 800px!important;} } @media only screen and (max-width: 980px){ .et_pb_row.et_pb_row_fullwidth {width: 100%!important;} } .link-politique a {color: #000; text-decoration: underline;} .link-underline a:hover {text-decoration: underline;} .main-header {position: relative; z-index: 100; height: 548px; background: #000; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;} .main-header > .top-container {position:relative; height:72px; z-index: 1000;} .main-header > .top-container > .main-logo {float:left; width:185px; margin-top: 14px; position: relative; z-index: 10;} .main-header > .top-container > .secondary-menu {width: auto; height:72px; overflow: hidden; background: #ed1c24; position: relative; z-index: 10;} .main-header > .top-container > .secondary-menu.active-mobile {background: none;} .main-header > .top-container > .secondary-menu a {color:#FFF;} .main-header > .top-container > .secondary-menu a:hover {text-decoration: underline;} .main-header > .top-container > .secondary-menu > .screen-content {position:absolute; bottom:10px; right:10px; font-size: 12px; text-transform: uppercase;} .main-header > .top-container > .secondary-menu > .screen-content > #et-secondary-nav {vertical-align: middle;} .main-header > .top-container > .secondary-menu > .screen-content > #et-secondary-nav li.menu-item{height:12px; line-height:12px; margin-right:0; padding: 0 10px; border-right: 2px solid #FFF;} .main-header > .top-container > .secondary-menu > .screen-content > #et-secondary-nav li.menu-item:last-child{border:none;} .main-header > .top-container > .secondary-menu > .screen-content > .lang {display:inline-block; vertical-align: middle; padding-left: 10px;} .main-header > .top-container > .secondary-menu > .screen-content > .lang a {padding:0 14px; color:#FFF; border:1px solid #FFF;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu {display:inline-block; color:#FFF; font-size: 22px; margin-left: 16px;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu i {position: relative; top: 4px;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu:hover{opacity: 0.6;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon {display:none; cursor:pointer; color:#FFF; font-size: 22px; margin-left: 16px;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon i {position: relative; top: 4px;} .main-header > .top-container > #mobile-menu {display:none; position: absolute; top: 0px; width:100%; background:rgba(0,0,0,0.9);} .main-header > .top-container > #mobile-menu > ul {margin-top: 100px; margin-bottom: 40px; border-top: solid 10px #FFF; text-align: center;} .main-header > .top-container > #mobile-menu > ul li {font-size: 30px; font-weight: bold; text-transform: uppercase; line-height: 30px; padding: 30px 0; border-bottom: solid 1px #FFF;} .main-header > .top-container > #mobile-menu > ul li a {color: #FFF; line-height: 30px;} .main-header > .top-container > #mobile-menu > ul li.menu-item-has-children {padding-bottom:5px; } .main-header > .top-container > #mobile-menu .sub-menu {padding-top: 20px;} .main-header > .top-container > #mobile-menu .sub-menu li {border: none; font-weight: normal; text-transform: none; font-size: 18px; line-height: 18px; padding: 8px 0; background: rgba(50,50,50,0.8);} .main-header > .top-container > #mobile-menu .sub-menu li a:before {content:"- ";} .main-header > .main-banner {position:absolute; width: 100%; height: 558px; top:0px; background: none; display: flex; justify-content: center; overflow-x: hidden;} .main-header > .main-banner .cs-preloader {z-index: 1 !important; height: 548px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 2000px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 558px !important} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider > .cs-navigation {bottom: 10px; opacity: 1;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider > .cs-navigation .cs-slide-link {opacity: 1; width: 80px; height: 5px; border-radius: 0; box-shadow: none; background-color: #d5cdcd;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider > .cs-navigation .cs-slide-link.cs-active {opacity: 1; background-color: #ed1c24;} .main-header .cs-controls {display: none !important;} .main-header > .ccs-container {width:100%; position: absolute; z-index: 2; bottom:62px; height: 80px;} .main-header > .ccs-container > .ccs-controls {height: 80px; position: relative;} .main-header > .ccs-container > .ccs-controls div {font-size: 70px; color:#FFF; cursor: pointer;} .main-header > .ccs-container > .ccs-controls .ccs-prev {position: absolute; left: 0;} .main-header > .ccs-container > .ccs-controls .ccs-next {position: absolute; right: 0;} .main-header > .bot-container {position:absolute; z-index: 10; width: 100%; height: 62px; bottom:0px; background:rgba(0,0,0,0.4);} .main-header > .bot-container > .container {position:relative; height: 100%; font-size: 20px; } .main-header > .bot-container > .container > .main-menu a {color:#FFF; font-weight: bold;} .main-header > .bot-container > .container > .main-menu {display: flex; height: 100%; align-items: center; justify-content: center;} .main-header > .bot-container > .container > .main-menu > ul {display: inline-block;} .main-header > .bot-container > .container > .main-menu > ul > li.menu-item {display: inline-block; position:relative; height:20px; line-height:20px; margin-right:0; padding: 0 10px; border-right: 2px solid #FFF;} .main-header > .bot-container > .container > .main-menu > ul > li.menu-item:last-child {border:none;} .main-header > .bot-container > .container > .main-menu > ul > li.menu-item > a {padding-bottom: 5px; text-transform: uppercase;} .main-header > .bot-container > .container > .main-menu > ul > li.menu-item:hover > a {border-bottom: 11px solid #ed1c24;} .main-header > .bot-container > .container > .main-menu .sub-menu {display:none; position: absolute; top:41px; background-clip:content-box; background-color: #e1e1e1; color:#474444; margin:0 -10px; padding:0 10px; width: 100%;} .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item {text-align: center; padding:10px 0 14px 0; margin: 0 15px; border-bottom: dashed #cac8c8 1px; line-height: 10px; } .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item:last-child {border:none;} .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item > a {color:#474444; text-transform: none; font-size: 13px; font-weight: normal; line-height: 1;} .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item > a:hover {opacity: 0.6;} .main-header > .bot-container > .container > .main-menu > ul > li.menu-item:hover .sub-menu {display: block;} @media only screen and (max-width: 1200px){ .main-header {height: 438px;} .main-header > .main-banner {height: 448px;} .main-header > .main-banner .cs-preloader {height: 438px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 1600px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 448px !important;} .main-header > .main-banner .cs-slide div {padding-top:30px !important;} .main-header > .bot-container > .container {font-size: 16px; } .main-header > .bot-container > .container > .main-menu > ul > li.menu-item > a {padding-bottom: 7px;} .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item {margin: 0 5px;} .main-header > .bot-container > .container > .main-menu .sub-menu li.menu-item > a {font-size: 12px;} } @media only screen and (max-width: 980px){ #et-secondary-nav {display: inline-block !important;} } @media only screen and (max-width: 900px){ #et-secondary-nav {display: none !important;} .et_header_style_left #logo, .et_header_style_split #logo {max-width: none;} .main-header > .top-container {width: 100%;} .main-header > .top-container > .main-logo {width:205px;} .main-header > .top-container > .main-logo img {margin-left: 20px;} .main-header > .top-container > .secondary-menu > .screen-content {bottom:20px; right:20px;} .main-header > .top-container > .secondary-menu > .screen-content > .lang {font-size: 130%;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu {font-size: 34px; margin-left: 20px;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu i {top: 9px;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon {display:inline-block; font-size: 34px; margin-left: 20px;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon i {top: 9px;} .main-header {height: 329px;} .main-header > .main-banner {height: 339px;} .main-header > .main-banner .cs-preloader {height: 329px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 1200px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 339px !important;} .main-header > .main-banner .cs-slide div {padding-top:35px !important;} .main-header > .ccs-container {bottom: 10px;} .main-header > .bot-container {height: 10px;} .main-header > .bot-container > .container {display: none;}; } @media only screen and (max-width: 540px){ .main-header > .top-container > .main-logo {width:140px; margin-top: 6px;} .main-header > .top-container > .main-logo img {margin-left: 10px; width: 120px} .main-header > .top-container > .secondary-menu {height:50px;} .main-header > .top-container > .secondary-menu > .screen-content {bottom:15px; right: 10px;} .main-header > .top-container > .secondary-menu > .screen-content > .lang {font-size: 100%;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu {font-size: 22px; margin-left: 10px;} .main-header > .top-container > .secondary-menu > .screen-content > .socialmenu i {top: 4px;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon {font-size: 22px; margin-left: 10px;} .main-header > .top-container > .secondary-menu > .screen-content > .mobileicon i {top: 4px;} .main-header {height: 263px;} .main-header > .main-banner {height: 273px;} .main-header > .main-banner .cs-preloader {height: 263px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 960px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 273px !important;} .main-header > .main-banner .cs-slide div {padding-top:30px !important;} .main-header > .ccs-container {height: 50px;} .main-header > .ccs-container > .ccs-controls {height: 50px;} .main-header > .ccs-container > .ccs-controls div {font-size: 40px;} .main-header > .top-container > #mobile-menu > ul {margin-top: 70px; margin-bottom: 20px; border-top: solid 7px #FFF;} .main-header > .top-container > #mobile-menu > ul li {font-size: 24px;line-height: 24px; padding: 24px 0;} .main-header > .top-container > #mobile-menu > ul li a {line-height: 24px;} .main-header > .top-container > #mobile-menu > ul li.menu-item-has-children {padding-bottom:5px; } .main-header > .top-container > #mobile-menu .sub-menu {padding-top: 16px;} .main-header > .top-container > #mobile-menu .sub-menu li {border: none; text-transform: none; font-size: 16px; line-height: 16px; padding: 5px 0; margin: 5px 0;} } @media only screen and (max-width: 440px){ .main-header {height: 208px;} .main-header > .main-banner {height: 218px;} .main-header > .main-banner .cs-preloader {height: 208px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 760px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 218px !important;} .main-header > .main-banner .cs-slide div {padding-top:30px !important;} } @media only screen and (max-width: 320px){ .main-header {height: 181px;} .main-header > .main-banner {height: 191px;} .main-header > .main-banner .cs-preloader {height: 181px;} .main-header > .main-banner > .crellyslider-slider-full-width {width: 660px; flex-shrink: 0;} .main-header > .main-banner > .crellyslider-slider-full-width > .crellyslider {height: 191px !important;} .main-header > .main-banner .cs-slide div {padding-top:35px !important;} .main-header > .ccs-container {height: 30px;} .main-header > .ccs-container > .ccs-controls {height: 30px;} .main-header > .ccs-container > .ccs-controls div {font-size: 30px;} .custombanner3-text {padding-left: 20px !important; } } #main-content .container::before {background: none !important;} .tlttext a {text-decoration: none;} .tlttext p:before {content: ""; display: inline-block; width: 30px; vertical-align: middle; height: 40px; padding-right: 10px; background: url(https://charbonbasques.com/wp-content/themes/Divi-Child/images/position-icon.png) no-repeat;} .tlttext div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 171px; width: 100%; background: url(https://charbonbasques.com/wp-content/themes/Divi-Child/images/accueil-position-btn-bg.png) 100% 100%;} .tlttext p {display:inline; font-weight:bold; margin: auto; font-size: 30px; color: #fff; display: block; line-height: 171px;} .tlttext.landing div {width: 80%; margin: 0 auto;} .tlttext.landing p {-webkit-transform: scaleX(0.8); -moz-transform: scaleX(0.8);} .tlttext.landing p:before {color: #ed1c24; -webkit-transform: scaleX(1.2); -moz-transform: scaleX(1.2); content: "\f1e0"; background: none; font-family: FontAwesome; height: auto; font-weight: 400; margin-bottom: 5px;} @media only screen and (min-width: 768px) and (max-width: 1200px){ .tlttext.landing p {font-size: 20px; line-height: 130px;} } @media only screen and (max-width: 767px){ .tlttext div {background-size: 100% 100%; min-height: 80px;} .tlttext p {font-size: 16px;} .tlttext.landing p {font-size: 12px; line-height: 100px;} .tlttext p:before {width: 15px;} } @media only screen and (max-width: 520px){ .tlttext p {font-size: 14px;} .tlttext.landing div {width: 95%; margin: 0 auto;} .tlttext.landing p {font-size: 12px; line-height: 80px;} } .img-center-abso img {position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;} @media only screen and (min-width: 981px){ .project-smoke-left { width: 40%!important; margin-right: 10%!important;} } @media only screen and (max-width: 980px){ .home-products-recettes>div {width: 100%;} .home-products-recettes .et_pb_image img {width: 100%; margin-top: 70px; margin-bottom: 40px;} .home-products-recettes .et_pb_row:nth-of-type(2) {display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;} .home-products-recettes .et_pb_row:nth-of-type(2) .et_pb_column:nth-child(1) {order: 2;} } .et_pb_blog_grid {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .home-news-list, .home-news-list > div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .home-news-list article {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: relative; width: 32%;} .home-news-list article > *:not(.entry-featured-image-url):not(.post-meta) {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;} .home-news-list article:not(:nth-child(3n)) {margin-right: 2%;} .home-news-list article:nth-child(3n + 2) {padding-bottom: 0; -webkit-justify-content: flex-end; justify-content: flex-end;} .home-news-list article:not(:nth-child(3n + 2)) .entry-featured-image-url {border-bottom: 3px solid #000;} .home-news-list article:nth-child(3n + 2) .entry-featured-image-url { order: 2; margin-bottom: 0; border-top: 3px solid #000; margin-top: 10px;} .home-news-list article .post-meta {position: absolute; width: 60px; background-color: #ed1c24; text-align: center; left: 0; color: #fff!important; margin: 0; padding-top: 3px;} .home-news-list article .post-meta span {vertical-align: middle; line-height: 1.1em; text-transform: uppercase;} .home-news-list article .post-meta:first-line {font-size: 28px;} .home-news-list article:not(:nth-child(3n + 2)) .post-meta {top: 0;} .home-news-list article:nth-child(3n + 2) .post-meta {bottom: 0;} .home-news-list article h2.entry-title {margin-top: 5px; line-height: 1.5em; margin-bottom: 10px; font-size: 20px;} .home-news-list article h2.entry-title a {color: #ed1c24;} .home-news-list article .more-link {text-align: center; display: block; border-top: 1px solid #ed1c24; padding-top: 1em;} .home-news-list article .more-link:hover {color: #000;} .home-news-list article .post-content p:last-of-type {margin-bottom: 1em;} @media only screen and (min-width: 1025px){ .home-news-list article .post-content { display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; height: 100%;} .home-news-list article .post-content .more-link {margin-top: auto;} } @media only screen and (max-width: 980px){ .home-news-list article {width: 48%; margin-right: 4%} .home-news-list article:nth-child(2n) {margin-right: 0;} } @media only screen and (max-width: 650px){ .home-news-list article:not(:nth-child(3n)) {margin-right: 0;} .home-news-list article {width: 100%; margin-right: 0%} .home-news-list .et_pb_image_container img, .home-news-list .et_pb_post a img {width: 100%;} } .double-bg-color {background: linear-gradient(to right, #ed1c24 0%, #ed1c24 49.9%, rgba(0,0,0,0) 49.9%, rgba(0,0,0,0) 100%);} @media only screen and (max-width: 980px){ .double-bg-color {background: linear-gradient(to bottom, #ed1c24 0%, #ed1c24 370px, rgba(0,0,0,0) 370px, rgba(0,0,0,0) 100%);} } .wpcf7 {color: #fff;} .wpcf7 .input-wrap input, .wpcf7 .input-wrap select {height: 29px;} .wpcf7 .input-wrap textarea {height: 100%;} .wpcf7 .wpcf7-select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .wpcf7 .wpcf7-select { background-image: linear-gradient(45deg, transparent 50%, #ed1c24 50%), linear-gradient(135deg, #ed1c24 50%, transparent 50%), linear-gradient(to right, rgba(237,28,36,0.3), rgba(237,28,36,0.3)); background-position: calc(100% - 13px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 6px 5px, 28px 30px; background-repeat: no-repeat; } .wpcf7 .wpcf7-select:focus { background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray); background-position: calc(100% - 8px) 1em, calc(100% - 13px) 1em, 100% 0; background-size: 5px 5px, 6px 5px, 28px 30px; background-repeat: no-repeat; border-color: grey; outline: 0; } .wpcf7 .wpcf7-textarea {display: block;} .wpcf7 div { position: relative; margin-bottom: 12px;} .wpcf7 div .fa { position: absolute; color: #cdcac3; z-index: 100; font-size: 18px; top: 8px; left: 8px; color: #b8b8b8; } .wpcf7 .input-wrap { flex: 1; border: 1px solid #000000;} .landing-form .input-wrap {width: 48%; display: inline-block;} .landing-form .input-wrap.full {width: 100%;} .landing-form .input-wrap:first-of-type {margin-right: 3%;} .landing-form span.wpcf7-not-valid-tip {text-align: center; color: #fff;} .wpcf7 .input-wrap input, .wpcf7 .input-wrap textarea, .wpcf7 .input-wrap select {width: 100%; border: none; padding: 7px 5px 7px 35px; -moz-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); -webkit-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20)} .wpcf7 .input-wrap select {padding-bottom: 6px; padding-top: 6px;} .wpcf7 .input-file-box {position: relative; height: 36px;} .wpcf7 .input-wrap.input-file {display:block; position:absolute; left:0; width:48%;background: #FFF; height: 33px; -moz-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); -webkit-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20)} .wpcf7 .input-wrap.input-file label {cursor:text; display:inline-block; width:90%; direction: rtl; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:"Roboto",Helvetica,Arial; line-height: 31px; font-weight:normal;font-size: 13.3px; font-style:italic; color: #b8b8b8; padding-left: 36px;} .wpcf7 .input-wrap.input-file .fa {margin-top:-1px;} .wpcf7 .input-file-p {font-weight: normal; font-size: 95%; font-style: italic; padding: none;} .wpcf7 .input-button {position:absolute; right:0; cursor:pointer; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 12%, #bababa 100%); background: -webkit-linear-gradient(top, #ffffff 12%,#bababa 100%); background: linear-gradient(to bottom, #ffffff 12%,#bababa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=0 ); display: block; width: 48%; height:33px; color:#000; text-align: center; text-transform: uppercase; } .wpcf7 .input-button label { cursor:pointer; line-height:31px;} #embfile_container {display: none;} .form-submit {background-color: #fff; color: #ed1c24; width: calc(100% - 12px); margin-left: 4px; float:left; font-size: 20px; text-transform: uppercase; margin-top: 15px; outline: 4px solid #fff; border: none!important; cursor: pointer; -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2), 7px 7px 12px 5px rgba(0,0,0,0.25) !important; -moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2), 7px 7px 12px 5px rgba(0,0,0,0.25) !important; box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2), 7px 7px 12px 5px rgba(0,0,0,0.25) !important; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .form-submit:hover {font-weight: bold; -webkit-box-shadow: inset 0px 0px 13px 6px rgba(0,0,0,0.15), 7px 7px 12px 5px rgba(0,0,0,0.25) !important; -moz-box-shadow: inset 0px 0px 13px 6px rgba(0,0,0,0.15), 7px 7px 12px 5px rgba(0,0,0,0.25) !important; box-shadow: inset 0px 0px 13px 6px rgba(0,0,0,0.15), 7px 7px 12px 5px rgba(0,0,0,0.25) !important;} ::-webkit-input-placeholder { color: #b8b8b8; font-style: italic;} :-moz-placeholder { color: #b8b8b8; opacity: 1; font-style: italic;} ::-moz-placeholder { color: #b8b8b8; opacity: 1; font-style: italic;} :-ms-input-placeholder { color: #b8b8b8; font-style: italic;} div.wpcf7-mail-sent-ok {border-color: #fff;} .flex-full {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; align-items: stretch;} .flex-full>div:not(:last-of-type) {margin-right: 7px;} .home-cta-buy-wood { margin:auto; } a.entry-featured-image-url { position:relative; display:block; line-height: 0;} @media only screen and (max-width: 980px){ .flex-full {-webkit-flex-direction: column; flex-direction: column;} .flex-full>div {margin-right: 20px!important; margin-left: 20px!important;} .wpcf7 .input-wrap { flex-basis: 29px;} .wpcf7 div:last-of-type {margin-bottom: 0;} .double-bg-color .wpcf7-response-output {color: #000;} } @media only screen and (max-width: 600px){ .form-submit {font-size: 16px;} .landing-form .input-wrap {width: 100%; display: block;} .landing-form .input-wrap:first-of-type {margin-right: 0;} } @media only screen and (min-width: 1201px){ .home-cta-buy-wood {max-width: 70%;} } @media only screen and (min-width: 980px) and (max-width: 1200px){ .home-cta-buy-wood {max-width: 85%;} } @media only screen and (max-width: 600px){ .home-cta-buy-wood .et_pb_button {font-size: 15px;} } @media only screen and (min-width: 981px){ #form-embauche {padding: 0 10%;} } article h1.entry-title {line-height: 54px;} @media only screen and (max-width: 980px){ article h1.entry-title {line-height: 30px;} } .landing-content .et_pb_row {width: 100%;} .landing-content .et_pb_column {padding: 0 20px;} .text-img-soulignement {background: url(https://charbonbasques.com/wp-content/themes/Divi-Child/images/landing-text-soulignement.png) bottom center no-repeat; padding-bottom: 20px; background-size: 70%;} @media only screen and (max-width: 768px){ .text-img-soulignement {background: none; padding-bottom: 0;} .landing-content .et_pb_row {width: 100%;} .landing-content .et_pb_column {padding: 0 30px;} } #form-contact .submit-wrap {text-align:center;} #form-contact .submit-wrap input {text-align:center; min-width: 45%; width: auto; float: none; border-radius: 0;} #faq-wrapper h3 {display: block; background-color: #ed1c24; padding: 10px; text-align: center; margin-top: 50px; margin-bottom: 10px; font-size: 22px;} @media only screen and (max-width: 980px){ #faq-wrapper h3 {font-size: 18px; margin-top: 30px;} } .et_pb_promo_button.et_pb_button, .et_pb_promo_button.et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {padding: 20px 45px 22px 45px !important; margin-bottom: 18px; max-width: 100%; margin-bottom: 14px!important;} .et_pb_promo_button.et_pb_button:after, .et_button_no_icon .et_pb_button:after {content: ""; width: 100%; display: block !important; opacity: 1; margin-left: -45px;} .et_pb_promo_button.et_pb_button, .et_button_no_icon .et_pb_button { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;} .et_pb_promo_button.et_pb_button:before, .et_button_no_icon .et_pb_button:before {content: ""; display: block; position: absolute; margin: 0 auto; width: 100%; z-index: -1; opacity: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .et_pb_promo_button.et_pb_button:hover:before, .et_button_no_icon .et_pb_button:hover:before, .et_pb_promo_button.et_pb_button:focus:before, .et_button_no_icon .et_pb_button:focus:before, .et_pb_promo_button.et_pb_button:active:before, .et_button_no_icon .et_pb_button:active:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .et_pb_promo_button.et_pb_button.et_pb_bg_layout_dark, .et_pb_promo_button.et_pb_button.et_pb_bg_layout_dark:hover, .et_button_no_icon .et_pb_button.et_pb_bg_layout_dark, .et_button_no_icon .et_pb_button.et_pb_bg_layout_dark:hover {color: #ed1c24!important; background-color: #fff!important; border: 2px solid red!important; padding-bottom: 20px!important;} .et_pb_promo_button.et_pb_button.et_pb_bg_layout_dark:after, .et_button_no_icon .et_pb_button.et_pb_bg_layout_dark:after {box-shadow: 0px 4px 0px 0px #fff, 0px 10px 0px 0px #e9e9e9, 0px 14px 0px 0px #fff !important; height: 6px; margin-left: -45px; background-color: #e9e9e9;} .et_pb_promo_button.et_pb_button:not(.et_pb_bg_layout_dark):after, .et_button_no_icon .et_pb_button:not(.et_pb_bg_layout_dark):after {box-shadow: 0px 4px 0px 0px #ed1c24, 0px 10px 0px 0px #cf1920, 0px 16px 0px 0px #ed1c24!important; height: 6px; margin-left: -45px; background-color: #cf1920;} .et_pb_promo_button.et_pb_button:before, .et_button_no_icon .et_pb_button:not(.et_pb_bg_layout_dark):before {background: #cf1920;} .et_pb_promo_button.et_pb_button:before, .et_button_no_icon .et_pb_button.et_pb_bg_layout_dark:before {background: #e9e9e9;} .btn-full-width .et_pb_button {width: 100%;} .btn-abso-img { position: absolute; bottom: 40px; left: 0; right: 0; width: 80%; min-width: 50%!important; margin: 0 auto!important;} .list-products .et_pb_code_inner {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .product-block {width: 49%; margin-bottom: 14px;} .product-block:nth-child(2n + 1) {margin-right: 2%;} .product-img {position: relative; line-height: 0;} .product-overlay {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.72); color: #fff!important; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; opacity: 0;} .product-overlay-link {text-transform: uppercase; font-size: 37px; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; font-weight: 300;} @media only screen and (min-width: 768px){ .product-block:hover .product-overlay {opacity: 1;} } @media only screen and (max-width: 767px){ .list-products-charbons {width: 100%!important;} .product-block:nth-child(2n + 1) {margin-right: 0;} .product-block {width: 100%;} .product-img img {width: 100%;} } .single.et_pb_pagebuilder_layout.single-products #main-content .container { width: 100%; max-width: 100%; padding-top: 0;} .et_pb_pagebuilder_layout.single-products #page-container .et_pb_row {width: 100%;} .et_pb_pagebuilder_layout.single-products #page-container .et_pb_with_background .et_pb_row {width: 80%;} .list-logo-row:last-of-type {margin-bottom: 8%;} .list-logo-row .et_pb_image {display: inline-block; vertical-align: middle;} .list-logo-row .et_pb_image:not(:last-of-type) {margin-right: 10%!important;} .list-logo-row .et_pb_row {text-align: center;} @media only screen and (max-width: 767px){ .list-logo-row .et_pb_image:not(:last-of-type) {margin-right: 5%!important;} .et_pb_pagebuilder_layout.single-products #page-container .et_pb_row {width: 80%;} } .wpsl-search {background: none;} #wpsl-result-list #wpsl-stores {height: 250px !important;} #wpsl-search-btn, #wpsl-search-wrap input {border-radius: 0!important;} #wpsl-search-btn {background: #ed1c24; width:200px; text-transform:uppercase !important; border: none!important; color: #fff; font-size: 18px; line-height: 18px;} #wpsl-wrap h6 {color:#ed1c24; padding-left: 10px; margin-top: 10px;} #wpsl-search-wrap h3 {margin-bottom: 5px; color:#ed1c24;} .wpsl-formline {display: block; width: 100%; float:none; clear:left;} .wpsl-select-wrap {float: right !important; width: 200px;} #wpsl-search-wrap .wpsl-dropdown {width: 200px !important; border-radius: 0; font-size: 12px; -moz-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); -webkit-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20)} #wpsl-search-input {width: 200px !important; height:35px; font-size: 12px; -moz-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); -webkit-box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 7px rgba(0,0,0,0.20)} .wpsl-dropdown .wpsl-selected-item {color: #b8b8b8; font-style: italic; font-weight: normal;} .wpsl-selected-item::after {border-top: 8px solid #b8b8b8;} .wpsl-dropdown .wpsl-selected-item.noplaceholder {color: #000; font-style: normal;} .wpsl-selected-item.noplaceholder::after {border-top: 8px solid #000;} @media only screen and (max-width: 1172px){ .wpsl-input {float: none !important; clear:both; width: 100%; display: block;} .wpsl-select-wrap {float: none !important; clear:both; width: 100%; display: block; margin-bottom: 10px !important;} #wpsl-radius {float: none !important; clear:both; width: 100%; display: block;} .wpsl-dropdown {float: none !important; margin: 0 auto !important;} #wpsl-search-wrap h3 {text-align: center;} #wpsl-search-wrap .wpsl-dropdown {width: 300px !important; } #wpsl-search-input {width: 300px !important; display:block !important; margin: 0 auto;} #wpsl-search-btn {width:300px;} .wpsl-search-btn-wrap {float: none !important; clear: both; text-align: center; margin:0 auto !important; } #wpsl-search-btn {float: none !important; margin:0 auto !important; } } @media only screen and (min-width: 981px){ .wpsl-search {float: left; width: 49.5%; background-color: none;} #wpsl-gmap {width: 49.5%;} #wpsl-result-list {float: left; width: 49.5%;} } @media only screen and (max-width: 980px){ .wpsl-search {float:none; clear:both; width: 100%; background-color: none;} #wpsl-gmap {float:none; clear:both; width: 100%;} #wpsl-result-list {float:none; clear:both; width: 100%;} } @media only screen and (max-width: 480px){ .wpsl-input {float: none !important; clear:both; width: 100%;} .wpsl-select-wrap {float: none !important; clear:both; width: 100%;} #wpsl-search-wrap .wpsl-dropdown {width: 200px !important; } #wpsl-search-input {width: 200px !important;} #wpsl-search-btn {width:200px;} } .img-author {float: left; min-width: 50%; color: #b3b3b3;} .img-backlink {float: right; min-width: 50%;} #comment-wrap {padding-top: 10px;} .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {max-width: 920px;} .et_pb_blog_grid.recettes-list-grid {flex-wrap: wrap;} .et_pb_blog_grid.recettes-list-grid .et_pb_image_container {border: 1px solid #7c7c7c; margin: 0;} .et_pb_blog_grid.recettes-list-grid article {width: 32%; border-radius: 5px; text-align: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); margin-bottom: 20px; padding: 13px;} .et_pb_blog_grid.recettes-list-grid article:not(:nth-child(3n)) {margin-right: 2%;} .et_pb_blog_grid.recettes-list-grid article h2 {color: #ed1c24; padding-bottom: 0; margin-bottom: 0;} .et_pb_blog_grid.recettes-list-grid .post-meta {margin-bottom: 0;} .et_pb_blog_grid.recettes-list-grid .published {font-size: 12px; text-transform: uppercase;} .et_pb_blog_grid.recettes-list-grid .author, .et_pb_blog_grid.recettes-list-grid .author a {font-style: italic; color: #b3b3b3; text-transform: normal;} .recettes_list_overlay .grid_overlay {opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(237,28,36,0.75); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; line-height: initial;} .recettes_list_overlay .grid_overlay p {color: #fff; text-transform: uppercase; font-size: 23px!important; padding: 20px; font-weight: 400;} .et_pb_blog_grid article:hover .grid_overlay {opacity:1;} .recettes_list_overlay h2 {margin-top:10px;} @media only screen and (max-width: 980px){ .home-news-list article, .et_pb_blog_grid.recettes-list-grid article {width: 48%; margin-right: 4%!important;} .home-news-list article:nth-child(2n), .et_pb_blog_grid.recettes-list-grid article:nth-child(2n) {margin-right: 0!important;} } @media only screen and (max-width: 650px){ .home-news-list article, .et_pb_blog_grid.recettes-list-grid article {width: 100%; margin-right: 0%!important;} .home-news-list .et_pb_image_container img, .home-news-list .et_pb_post a img, .et_pb_blog_grid.recettes-list-grid .et_pb_image_container, .et_pb_blog_grid.recettes-list-grid .et_pb_post a img {width: 100%;} } #main-footer {background: url(https://charbonbasques.com/wp-content/themes/Divi-Child/images/footer-bg.jpg) no-repeat; background-size: auto 100%; background-position: center;} #nav_menu-2 li {} #nav_menu-2 li:before {content: none !important;} #nav_menu-2 li a {display: inline-block; color: #000 !important; text-transform: uppercase; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; line-height: 1; vertical-align: middle; background-color: #fff; padding: 3px 3px 3px 80px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; transition-property: transform;} #nav_menu-2 li a:hover { -webkit-transform: translateX(12px); transform: translateX(12px);} .footer-widget>* {width: 85%;} .footer-widget-texte {text-transform: uppercase; font-size: 23px; border-bottom: 3px solid #ed1c24; padding-bottom: 30px; margin-bottom: 10px; text-align: center;} .footer-widget-texte:first-line {font-size: 29px; font-weight: bold; line-height: 1.5;} .footer-list-logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;} .footer-list-logo div {flex-grow: 1; text-align: center!important;} .footer-list-logo div:first-child {text-align: left;} .footer-list-logo div:last-child {text-align: right;} #footer-info {float: none; text-align: center;} @media only screen and (max-width: 768px){ .footer-widget>* {width: 100%;} }