/* custom */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /**/ @-webkit-keyframes blurFadeIn { 0% { opacity: 0; transform: scale(1.3); } 50% { opacity: 0.5; } 100% { opacity: 1; transform: scale(1); } } @keyframes blurFadeIn { 0% { opacity: 0; transform: scale(1.3); } 50% { opacity: 0.5; } 100% { opacity: 1; transform: scale(1); } } .blurFadeIn { -webkit-animation-name: blurFadeIn; animation-name: blurFadeIn; } @-webkit-keyframes blurFadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes blurFadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .blurFadeInDown { -webkit-animation-name: blurFadeInDown; animation-name: blurFadeInDown; } @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @-webkit-keyframes passing-reverse { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } } @keyframes passing-reverse { 0% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .animatetab .owl-carousel .owl-item { -moz-animation: zoomIn 500ms ease; -o-animation: zoomIn 500ms ease; -webkit-animation: zoomIn 500ms ease; animation: zoomIn 500ms ease; } /* fonts */ @font-face { font-family: 'FontAwesome'; src: url("../css/fontawesome-webfont.eot?v=4.7.0"); src: url("../css/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../css/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../css/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../css/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../css/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Ionicons"; src: url("../css/ionicons.eot?v=2.0.0"); src: url("../css/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../css/ionicons.ttf?v=2.0.0") format("truetype"), url("../css/ionicons.woff?v=2.0.0") format("woff"), url("../css/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Linearicons-Free'; src: url("../css/Linearicons-Free.eot?w118d"); src: url("../css/Linearicons-Free.eot?#iefixw118d") format("embedded-opentype"), url("../css/Linearicons-Free.woff2?w118d") format("woff2"), url("../css/Linearicons-Free.woff?w118d") format("woff"), url("../css/Linearicons-Free.ttf?w118d") format("truetype"), url("../css/Linearicons-Free.svg?w118d#Linearicons-Free") format("svg"); font-weight: normal; font-style: normal; } .lnr { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-home:before { content: "\e800"; } .lnr-apartment:before { content: "\e801"; } .lnr-pencil:before { content: "\e802"; } .lnr-magic-wand:before { content: "\e803"; } .lnr-drop:before { content: "\e804"; } .lnr-lighter:before { content: "\e805"; } .lnr-poop:before { content: "\e806"; } .lnr-sun:before { content: "\e807"; } .lnr-moon:before { content: "\e808"; } .lnr-cloud:before { content: "\e809"; } .lnr-cloud-upload:before { content: "\e80a"; } .lnr-cloud-download:before { content: "\e80b"; } .lnr-cloud-sync:before { content: "\e80c"; } .lnr-cloud-check:before { content: "\e80d"; } .lnr-database:before { content: "\e80e"; } .lnr-lock:before { content: "\e80f"; } .lnr-cog:before { content: "\e810"; } .lnr-trash:before { content: "\e811"; } .lnr-dice:before { content: "\e812"; } .lnr-heart:before { content: "\e813"; } .lnr-star:before { content: "\e814"; } .lnr-star-half:before { content: "\e815"; } .lnr-star-empty:before { content: "\e816"; } .lnr-flag:before { content: "\e817"; } .lnr-envelope:before { content: "\e818"; } .lnr-paperclip:before { content: "\e819"; } .lnr-inbox:before { content: "\e81a"; } .lnr-eye:before { content: "\e81b"; } .lnr-printer:before { content: "\e81c"; } .lnr-file-empty:before { content: "\e81d"; } .lnr-file-add:before { content: "\e81e"; } .lnr-enter:before { content: "\e81f"; } .lnr-exit:before { content: "\e820"; } .lnr-graduation-hat:before { content: "\e821"; } .lnr-license:before { content: "\e822"; } .lnr-music-note:before { content: "\e823"; } .lnr-film-play:before { content: "\e824"; } .lnr-camera-video:before { content: "\e825"; } .lnr-camera:before { content: "\e826"; } .lnr-picture:before { content: "\e827"; } .lnr-book:before { content: "\e828"; } .lnr-bookmark:before { content: "\e829"; } .lnr-user:before { content: "\e82a"; } .lnr-users:before { content: "\e82b"; } .lnr-shirt:before { content: "\e82c"; } .lnr-store:before { content: "\e82d"; } .lnr-cart:before { content: "\e82e"; } .lnr-tag:before { content: "\e82f"; } .lnr-phone-handset:before { content: "\e830"; } .lnr-phone:before { content: "\e831"; } .lnr-pushpin:before { content: "\e832"; } .lnr-map-marker:before { content: "\e833"; } .lnr-map:before { content: "\e834"; } .lnr-location:before { content: "\e835"; } .lnr-calendar-full:before { content: "\e836"; } .lnr-keyboard:before { content: "\e837"; } .lnr-spell-check:before { content: "\e838"; } .lnr-screen:before { content: "\e839"; } .lnr-smartphone:before { content: "\e83a"; } .lnr-tablet:before { content: "\e83b"; } .lnr-laptop:before { content: "\e83c"; } .lnr-laptop-phone:before { content: "\e83d"; } .lnr-power-switch:before { content: "\e83e"; } .lnr-bubble:before { content: "\e83f"; } .lnr-heart-pulse:before { content: "\e840"; } .lnr-construction:before { content: "\e841"; } .lnr-pie-chart:before { content: "\e842"; } .lnr-chart-bars:before { content: "\e843"; } .lnr-gift:before { content: "\e844"; } .lnr-diamond:before { content: "\e845"; } .lnr-linearicons:before { content: "\e846"; } .lnr-dinner:before { content: "\e847"; } .lnr-coffee-cup:before { content: "\e848"; } .lnr-leaf:before { content: "\e849"; } .lnr-paw:before { content: "\e84a"; } .lnr-rocket:before { content: "\e84b"; } .lnr-briefcase:before { content: "\e84c"; } .lnr-bus:before { content: "\e84d"; } .lnr-car:before { content: "\e84e"; } .lnr-train:before { content: "\e84f"; } .lnr-bicycle:before { content: "\e850"; } .lnr-wheelchair:before { content: "\e851"; } .lnr-select:before { content: "\e852"; } .lnr-earth:before { content: "\e853"; } .lnr-smile:before { content: "\e854"; } .lnr-sad:before { content: "\e855"; } .lnr-neutral:before { content: "\e856"; } .lnr-mustache:before { content: "\e857"; } .lnr-alarm:before { content: "\e858"; } .lnr-bullhorn:before { content: "\e859"; } .lnr-volume-high:before { content: "\e85a"; } .lnr-volume-medium:before { content: "\e85b"; } .lnr-volume-low:before { content: "\e85c"; } .lnr-volume:before { content: "\e85d"; } .lnr-mic:before { content: "\e85e"; } .lnr-hourglass:before { content: "\e85f"; } .lnr-undo:before { content: "\e860"; } .lnr-redo:before { content: "\e861"; } .lnr-sync:before { content: "\e862"; } .lnr-history:before { content: "\e863"; } .lnr-clock:before { content: "\e864"; } .lnr-download:before { content: "\e865"; } .lnr-upload:before { content: "\e866"; } .lnr-enter-down:before { content: "\e867"; } .lnr-exit-up:before { content: "\e868"; } .lnr-bug:before { content: "\e869"; } .lnr-code:before { content: "\e86a"; } .lnr-link:before { content: "\e86b"; } .lnr-unlink:before { content: "\e86c"; } .lnr-thumbs-up:before { content: "\e86d"; } .lnr-thumbs-down:before { content: "\e86e"; } .lnr-magnifier:before { content: "\e86f"; } .lnr-cross:before { content: "\e870"; } .lnr-menu:before { content: "\e871"; } .lnr-list:before { content: "\e872"; } .lnr-chevron-up:before { content: "\e873"; } .lnr-chevron-down:before { content: "\e874"; } .lnr-chevron-left:before { content: "\e875"; } .lnr-chevron-right:before { content: "\e876"; } .lnr-arrow-up:before { content: "\e877"; } .lnr-arrow-down:before { content: "\e878"; } .lnr-arrow-left:before { content: "\e879"; } .lnr-arrow-right:before { content: "\e87a"; } .lnr-move:before { content: "\e87b"; } .lnr-warning:before { content: "\e87c"; } .lnr-question-circle:before { content: "\e87d"; } .lnr-menu-circle:before { content: "\e87e"; } .lnr-checkmark-circle:before { content: "\e87f"; } .lnr-cross-circle:before { content: "\e880"; } .lnr-plus-circle:before { content: "\e881"; } .lnr-circle-minus:before { content: "\e882"; } .lnr-arrow-up-circle:before { content: "\e883"; } .lnr-arrow-down-circle:before { content: "\e884"; } .lnr-arrow-left-circle:before { content: "\e885"; } .lnr-arrow-right-circle:before { content: "\e886"; } .lnr-chevron-up-circle:before { content: "\e887"; } .lnr-chevron-down-circle:before { content: "\e888"; } .lnr-chevron-left-circle:before { content: "\e889"; } .lnr-chevron-right-circle:before { content: "\e88a"; } .lnr-crop:before { content: "\e88b"; } .lnr-frame-expand:before { content: "\e88c"; } .lnr-frame-contract:before { content: "\e88d"; } .lnr-layers:before { content: "\e88e"; } .lnr-funnel:before { content: "\e88f"; } .lnr-text-format:before { content: "\e890"; } .lnr-text-format-remove:before { content: "\e891"; } .lnr-text-size:before { content: "\e892"; } .lnr-bold:before { content: "\e893"; } .lnr-italic:before { content: "\e894"; } .lnr-underline:before { content: "\e895"; } .lnr-strikethrough:before { content: "\e896"; } .lnr-highlight:before { content: "\e897"; } .lnr-text-align-left:before { content: "\e898"; } .lnr-text-align-center:before { content: "\e899"; } .lnr-text-align-right:before { content: "\e89a"; } .lnr-text-align-justify:before { content: "\e89b"; } .lnr-line-spacing:before { content: "\e89c"; } .lnr-indent-increase:before { content: "\e89d"; } .lnr-indent-decrease:before { content: "\e89e"; } .lnr-pilcrow:before { content: "\e89f"; } .lnr-direction-ltr:before { content: "\e8a0"; } .lnr-direction-rtl:before { content: "\e8a1"; } .lnr-page-break:before { content: "\e8a2"; } .lnr-sort-alpha-asc:before { content: "\e8a3"; } .lnr-sort-amount-asc:before { content: "\e8a4"; } .lnr-hand:before { content: "\e8a5"; } .lnr-pointer-up:before { content: "\e8a6"; } .lnr-pointer-right:before { content: "\e8a7"; } .lnr-pointer-down:before { content: "\e8a8"; } .lnr-pointer-left:before { content: "\e8a9"; } /* end fonts */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; width: 100%; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; padding: 0 15px; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; max-width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } input:focus, button:focus, select:focus, textarea:focus { text-decoration: none !important; box-shadow: none !important; outline: 0 !important; } a:hover, a:focus { outline: 0 !important; box-shadow: none !important; text-decoration: none; color: #f39200; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn:hover, .btn:focus, .btn:active, .btn.active { outline: 0 !important; text-decoration: none !important; box-shadow: none !important; } .btn-secondary, .btn-tertiary, .btn-primary { color: #ffffff; background-color: #333333; border-color: transparent; box-shadow: none; } .btn-secondary:hover, .btn-tertiary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #ffffff; background-color: #f39200; border-color: transparent; } a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .img-responsive { display: block; max-width: 100%; height: auto; margin-left: 0; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none; } /* edit from here */ .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a { font-size: 12px; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { margin: 0; background: none; border: 0; color: #f39200; cursor: pointer; } button { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .product-flag { margin: 0; } /* edit theme */ *:focus { outline: none !important; } img { max-width: 100%; margin: auto; height: auto; } ol, ul, dl { margin: 0; padding: 0; } i, cite, em, var, address, dfn { font-style: normal; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; } body { font-family: 'Work Sans', sans-serif; font-size: 13px; } .unvisible, .headerSpace { display: none; } @media (min-width: 1200px) { .container-fluid { padding-left: 80px; padding-right: 80px; } .container { max-width: 1110px; padding-left: 0; padding-right: 0; } } .container { width: auto; } main { overflow: hidden; } #wrapper { margin: 0; background: transparent; box-shadow: none; padding: 0; } #wrapper #main .page-footer { margin: 0; } .page-my-account #content .links a:hover i { color: #f39200; } /* ===== edit theme ======== */ @media (min-width: 992px) { #header .header-bottom.scroll-menu { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; background: #082160 !important; border: none; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); } #header .header-bottom.scroll-menu:hover { background: #082160 !important; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } } @media (max-width: 1024px) { #header .header-bottom.scroll-menu { display: none; } } @media (max-width: 767px) { #header { text-align: center; background: transparent; } } #header .header-nav { background: #082160; padding: 12.5px 0; max-height: none; border: none; border-bottom: 1px solid #ffffff; } @media (max-width: 991px) { #header .header-nav { text-align: center; } } #header .header-nav .box-tags { display: inline-block; } #header .header-nav .box-tags p { float: left; margin: 0px; color: #777777; font-size: 14px; } #header .header-nav .box-tags p span { color: #a9a9a9; } #header .header-nav .box-tags p.t1 { padding-right: 20px; margin-right: 20px; border-right: 1px solid #777; } #header .header-top { padding-top: 26.5px; padding-bottom: 26.5px; margin-bottom: 0px; } @media (max-width: 767px) { #header .header-top { background: transparent; } } @media (min-width: 992px) { #header .header-top .row { margin: 0; display: table; vertical-align: middle; width: 100%; } #header .header-top .row .col { padding: 0; display: table-cell; vertical-align: middle; float: none; } } #header .header-top .header_logo img { margin: 0; } @media (max-width: 991px) { #header .header-top .header_logo img { margin: auto; margin-bottom: 20px; } } #header .header-bottom { position: relative; z-index: 88; background: #f39200; display: inline-block; width: 100%; } .conten-box { padding-left: 120px; padding-right: 120px; } @media (max-width: 1600px) { .conten-box { padding-left: 50px; padding-right: 50px; } } @media (max-width: 1600px) and (max-width: 1440px) { .conten-box { padding-right: 15px; padding-left: 15px; } } /* selector */ .selector-block { float: right; padding: 0 15px; } @media (max-width: 991px) { .selector-block { display: inline-block; float: none; margin: 0; padding: 0; } } @media (max-width: 360px) { .selector-block { margin-bottom: 10px; } } @media (min-width: 992px) { .selector-block:last-child { border: 0; } } @media (min-width: 992px) { .selector-block.language-selector-wrapper { padding-right: 0; border-left: 1px solid #777; } .selector-block.currency-selector-wrapper { border-left: 1px solid #777; } } .selector-block .selector-label { color: #999999; font-size: 12px; } .selector-block span.text { color: #a9a9a9; font-size: 14px; } .selector-block .localiz_block { margin: 0 !important; display: inline-block; } .selector-block .localiz_block:hover button, .selector-block .localiz_block:hover .current-block { color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block:hover button .expand-more, .selector-block .localiz_block:hover .current-block .expand-more { color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block button, .selector-block .localiz_block .current-block { font-weight: 400; padding: 0 0 0 5px; color: #777; text-shadow: none; cursor: pointer; line-height: 1; font-size: 13px; display: inline-block; border: 0; text-transform: capitalize; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block button .expand-more, .selector-block .localiz_block .current-block .expand-more { color: #777; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block button img, .selector-block .localiz_block .current-block img { margin-right: 5px; } .selector-block .localiz_block .dropdown-menu { margin: 0; top: 32px; right: 0; left: auto; min-width: 120px; overflow: hidden; padding: 10px; background: #ffffff; border-radius: 0; border: none; margin: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 991px) { .selector-block .localiz_block .dropdown-menu { top: 25px; } } .selector-block .localiz_block .dropdown-menu li { padding: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block .dropdown-menu li .dropdown-item { padding: 0 10px; color: #636363; line-height: 22px; font-size: 12px; } .selector-block .localiz_block .dropdown-menu li .dropdown-item img { display: inline-block; margin-right: 5px; vertical-align: -2px; } .selector-block .localiz_block .dropdown-menu li.current .dropdown-item { color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .selector-block .localiz_block .dropdown-menu li:hover .dropdown-item { color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .setting_top { position: relative; font-size: 13px; text-transform: capitalize; cursor: pointer; float: right; padding-right: 15px; } .setting_top .fa-user-circle-o { padding-right: 10px; } .setting_top span { position: relative; display: inline-block; padding-right: 15px; color: #fff; } .setting_top span:hover { color: #f39200; } .setting_top span:after { content: "\f107"; position: absolute; right: 0; font-family: FontAwesome; } .setting_top span.login:after { display: none !important; } .setting_top .dropdown-menu { top: 96% !important; padding: 8px 10px; line-height: 18px; font-size: 13px; } .setting_top .dropdown-menu ul li { text-align: left; } .setting_top .content-setting { padding: 0; border: 0; right: 0; left: auto; min-width: 155px; padding: 10px 15px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); top: 32px !important; margin: 0; } .setting_top .content-setting .user-info-block { position: relative; } .setting_top .content-setting .user-info-block a { display: inline-block; padding: 0px 0 5px; width: 100%; color: #333; } .setting_top .content-setting .user-info-block a:hover { color: #f39200; } .setting_top .content-setting .user-info-block a span.login { color: #333; } .setting_top .content-setting .user-info-block a span.login:hover { color: #f39200; } .setting_top .content-setting .user-info-block a.account span { color: #333; } .setting_top .content-setting .user-info-block a.account:hover span { color: #f39200; } .setting_top .content-setting .user-info-block .account span:after { display: none; } /* end selector */ /* module contact */ .block-contact-top { position: relative; float: right; } @media (max-width: 767px) { .block-contact-top { float: none; display: inline-block; text-align: left; } } .block-contact-top .icon_contact { display: block; float: left; font-size: 40px; color: #f39200; margin-right: 10px; } .block-contact-top .contact_cms { overflow: hidden; } .block-contact-top .contact_cms .cms1 { text-transform: uppercase; font-size: 11px; line-height: 15px; font-weight: 700; color: #f39200; display: block; } .block-contact-top .contact_cms .cms2 { font-size: 24px; line-height: 27px; color: #333333; font-weight: 600; } /* end module contact */ /* module user-info */ .user_info_top { float: left; font-size: 0; margin-top: 12px; } @media (max-width: 767px) { .user_info_top { width: 100%; display: inline-block; float: none; } } @media (min-width: 992px) { .user_info_top { margin-left: 70px; } } .user_info_top > li { display: inline-block; vertical-align: top; margin: 0 5px; line-height: 1; } .user_info_top > li:last-child a { border: none; } .user_info_top > li a { display: inline-block; overflow: hidden; float: left; line-height: 20px; padding: 0 15px 0 30px; border-right: 1px solid #e5e5e5; font-size: 12px; position: relative; color: #777; } .user_info_top > li a i { position: absolute; top: 0; left: 3px; display: block; font-size: 15px; line-height: 19px; color: #acacac; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .user_info_top > li a:hover { color: #f39200; } .user_info_top > li a:hover i { left: 7px; color: #59b210; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* end module user-info */ /* module megamenu */ .megamenu { position: relative; z-index: 1; } .pt_custommenu { position: relative; } .pt_custommenu div#pt_menu_home .parentMenu a { padding-left: 0px; } .pt_custommenu .pt_menu { float: left; padding: 15px 29px; color: #222222; font-size: 15px; line-height: 22px; text-transform: capitalize; font-weight: 500; border-right: 1px solid rgba(0, 0, 0, 0.12); } .pt_custommenu .pt_menu:last-child { border-right: none; } .pt_custommenu .pt_menu span.cate-thumb { float: left; line-height: 44px; } .pt_custommenu .pt_menu .parentMenu { max-width: 110px; display: inline-block; vertical-align: middle; margin-left: 5px; } .pt_custommenu .pt_menu .parentMenu a { display: block; line-height: 22px; font-size: 15px; font-weight: 500; color: #222222; text-transform: capitalize; position: relative; } .pt_custommenu .pt_menu .parentMenu a:hover { color: #222; } .pt_custommenu .pt_menu .parentMenu a:hover:after { opacity: 1; width: 100%; } .pt_custommenu .pt_menu .parentMenu a i { display: none; font-size: 11px; padding: 0 0 0 7px; } .pt_custommenu .pt_menu .parentMenu a i:before { content: "\f107"; font-family: "FontAwesome"; } .pt_custommenu .pt_menu.act .parentMenu a, .pt_custommenu .pt_menu.active .parentMenu a:before { color: #222; opacity: 1; } .pt_custommenu .pt_menu .popup { position: absolute; box-shadow: 0px 3px 9.3px 0.7px rgba(0, 0, 0, 0.15); background: #ffffff; padding: 25px 20px 30px; z-index: 10; text-align: left; width: 100% !important; left: 0 !important } .pt_custommenu .pt_menu .popup .cms_mega a img { -webkit-transition: all 1700ms ease; -moz-transition: all 1700ms ease; -o-transition: all 1700ms ease; transition: all 1700ms ease; } .pt_custommenu .pt_menu .popup .cms_mega a:hover img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } .pt_custommenu .pt_menu .popup .block1 { overflow: hidden; float: left; width: 100% !important; display: flex; justify-content: center; } .pt_custommenu .pt_menu .popup .block1 .column { float: left; width: 33%; padding-right: 20px; margin-bottom: -99999px; padding-bottom: 99999px; display: flex; justify-content: center; } .pt_custommenu .pt_menu .popup .block1 .column.last { padding-right: 0; } .pt_custommenu .pt_menu .popup .block1 .column .itemMenuName { color: #222; line-height: 35px; text-transform: capitalize; font-weight: 500; font-size: 16px; display: block; position: relative; } .pt_custommenu .pt_menu .popup .block1 .column .itemMenuName:hover { color: #f39200; } .pt_custommenu .pt_menu .popup .block1 .column .itemSubMenu { padding: 0; } .pt_custommenu .pt_menu .popup .block1 .column .itemSubMenu .itemMenuName { color: #777; text-transform: capitalize; line-height: 25px; font-weight: 400; font-size: 14px; border: none; margin-bottom: 0px; padding-bottom: 0; } .pt_custommenu .pt_menu .popup .block1 .column .itemSubMenu .itemMenuName:after { display: none; } .pt_custommenu .pt_menu .popup .block1 .column .itemSubMenu .itemMenuName:hover { color: #f39200; } .pt_custommenu_mobile { text-align: left; position: relative; clear: both; } .pt_custommenu_mobile .navbar { min-height: 40px; margin: 0; border: 0; position: relative; overflow: hidden; padding: 0 15px; padding-left: 0px; overflow: hidden; cursor: pointer; } .pt_custommenu_mobile .navbar .navbar-inner .btn-navbar { display: block; overflow: hidden; margin: 0; color: #ffffff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 40px; } .pt_custommenu_mobile .navbar .navbar-inner .btn-navbar:after { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; text-align: center; color: #fff; font-size: 15px; font-weight: 400; font-family: "FontAwesome"; cursor: pointer; } .pt_custommenu_mobile .navbar .navbar-inner.navbar-inactive .btn-navbar:after { content: "\f03a"; } .pt_custommenu_mobile .navbar .navbar-inner.navbar-active .btn-navbar:after { content: "\f03a"; } ul#pt_custommenu_itemmobile { overflow: hidden; margin: 0 0 15px; padding: 0; } ul#pt_custommenu_itemmobile li { cursor: pointer; list-style-type: none; margin: 0; padding: 0 10px; display: block; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } ul#pt_custommenu_itemmobile li:last-child { border: 0; } ul#pt_custommenu_itemmobile li a { line-height: 45px; color: #ffffff; text-transform: capitalize; text-decoration: none; font-size: 15px; font-weight: 400; } ul#pt_custommenu_itemmobile li a:hover { color: #222; } ul#pt_custommenu_itemmobile li .grower { position: absolute; top: 0; right: 0; } ul#pt_custommenu_itemmobile li .grower a:after { display: block; width: 45px; height: 45px; text-align: center; color: #fff; font-size: 13px; font-weight: 400; font-family: "FontAwesome"; content: "\f055"; } ul#pt_custommenu_itemmobile li .grower.active a:after { content: "\f056"; } /* end module megamenu */ /* module vegamenu */ .navleft-container { position: relative; z-index: 9; } .navleft-container .pt_vmegamenu_title { position: relative; cursor: pointer; padding: 18px 20px; background: #1e1e1e; } .navleft-container .pt_vmegamenu_title:before { display: inline-block; content: "\e898"; font-family: 'Linearicons-Free'; font-size: 20px; font-weight: normal; line-height: 20px; margin-right: 10px; color: #ffffff; float: left; height: 20px; line-height: 24px; margin-top: -3px; } .navleft-container .pt_vmegamenu_title:after { font-weight: 400; display: block; content: "\f3d0"; color: #fff; position: absolute; top: 14px; right: 20px; line-height: 30px; font-family: "Ionicons"; font-size: 12px; } .navleft-container .pt_vmegamenu_title h2 { margin: 0; color: #ffffff; padding: 0; text-transform: capitalize; font-size: 15px; font-weight: 600; overflow: hidden; line-height: 20px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .navleft-container .pt_vmegamenu_title h2 i { display: none; } .navleft-container .pt_vmegamenu { display: block; width: 100%; background: #fff; border-top: none; padding: 0; position: absolute; top: 100%; left: 0; border: 1px solid #e9e9e9; border-top: none; } .navleft-container .pt_vmegamenu .pt_menu { position: relative; } .navleft-container .pt_vmegamenu .pt_menu:hover .wrap-popup { opacity: 1; } .navleft-container .pt_vmegamenu .pt_menu:not(.noSub):after { display: block; position: absolute; top: 0; right: 20px; line-height: 46px; content: "\f3d1"; font-size: 12px; font-weight: 400; font-family: "Ionicons"; background: transparent; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .navleft-container .pt_vmegamenu .pt_menu.active .parentMenu a, .navleft-container .pt_vmegamenu .pt_menu:hover:not(.noSub):before, .navleft-container .pt_vmegamenu .pt_menu:hover:not(.noSub):after { background: #f7f7f7; } .navleft-container .pt_vmegamenu .pt_menu.active .parentMenu a:before { background: #f39200; } .navleft-container .pt_vmegamenu .pt_menu:last-child .parentMenu a { border-bottom: 0; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a { position: relative; display: block; overflow: hidden; line-height: 46px; text-transform: capitalize; word-wrap: break-word; color: #222222; padding: 0; font-size: 14px; font-weight: 400; font-size: 14px; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a span.cate-thumb { display: none; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a .cate-thumb { float: left; width: 60px; margin-right: 10px; padding: 0; border-right: 1px solid #e5e5e5; } @media (max-width: 1199px) { .navleft-container .pt_vmegamenu .pt_menu .parentMenu a .cate-thumb { display: none; } } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a span:not(.cate-thumb) { padding-left: 10px; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.view_more { cursor: pointer; border-bottom: none; position: relative; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.view_more:hover { background: #f7f7f7; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.view_more i { display: none; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.view_more em.closed-menu { padding-left: 10px; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.view_more:before { content: "+"; padding-left: 20px; } .navleft-container .pt_vmegamenu .pt_menu .parentMenu a.active:before { content: "-"; padding-left: 20px; } .navleft-container .pt_vmegamenu .pt_menu.act .parentMenu a, .navleft-container .pt_vmegamenu .pt_menu.active .parentMenu a { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup { position: absolute; top: 0; left: 100%; z-index: 1; opacity: 0; width: 860px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup { display: none; position: absolute; top: 0 !important; left: 0 !important; width: auto !important; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup { background: #f7f7f7; padding: 20px; float: left; overflow: hidden; box-shadow: -1px 2px 7.44px 0.56px rgba(0, 0, 0, 0.1); text-shadow: -1px 2px 7.44px rgba(0, 0, 0, 0.1); } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column { width: 200px; padding: 0 15px; margin-bottom: -99999px; padding-bottom: 99999px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemMenuName { color: #222; line-height: 35px; text-transform: capitalize; font-weight: 500; font-size: 16px; display: block; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemMenuName:hover { color: #f39200; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemMenuName.nochild { color: #777777; text-transform: capitalize; font-weight: 400; font-size: 14px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemMenuName.nochild:hover { color: #f39200; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemSubMenu { padding-bottom: 20px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemSubMenu .itemMenuName { color: #727272; text-transform: capitalize; font-weight: 300; font-size: 14px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemSubMenu .itemMenuName:hover { color: #f39200; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column .itemSubMenu .itemMenuName:after { display: none; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column.last { padding-right: 0; border: 0; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .box-popup .column.blockright { width: 300px; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .block1 { overflow: hidden; } .navleft-container .pt_vmegamenu .pt_menu .wrap-popup .popup .block2 { display: inline-block; width: 100%; margin-top: 20px; } /* end module vegamenu */ /* module search category */ #pos_search_top { padding: 0; display: inline-block; min-width: 920px; } @media (max-width: 1800px) { #pos_search_top { min-width: 800px; } } @media (max-width: 1800px) and (max-width: 1600px) { #pos_search_top { min-width: 700px; } } #pos_search_top .form_search { padding: 0; position: relative; width: 100%; float: left; height: 52px; color: #a9a9a9; border: 1px solid #e0e0e0; border-radius: 5px; } #pos_search_top .form_search label { display: none; } #pos_search_top .form_search .search-block { height: 52px; line-height: 50px; } #pos_search_top .form_search .form-control { padding: 0 117px 0 165px; width: 100%; height: 50px; font-size: 13px; background: #ffffff; color: #a9a9a9; border: none; border-radius: 8px; } #pos_search_top .form_search .form-control:focus { box-shadow: none; } @media (max-width: 479px) { #pos_search_top .form_search .form-control { padding-right: 0; } } #pos_search_top .form_search .search_submit { position: absolute; top: -1px; right: -1px; height: 52px; text-align: center; color: #222222; background: #f39200; border: 0; border-radius: 0 5px 5px 0; padding: 0 30px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #pos_search_top .form_search .search_submit span { font-size: 0px; display: inline-block; vertical-align: -2px; color: #fff; font-size: 16px; font-weight: 600; } #pos_search_top .form_search .search_submit:hover { background: #222; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #pos_search_top .form_search .search_submit:hover span { color: #fff; } #pos_search_top .form_search .form-group { position: absolute; left: 0; top: 0; width: 150px; margin: 0; background: #f0f0f0; height: 100%; border-radius: 5px 0px 0 5px; height: 50px; } #pos_search_top .form_search .form-group .bootstrap-select { width: 150px; height: 100%; line-height: 22px; margin: 0; border: 0; padding: 0 15px; color: #555555; font-size: 14px; font-weight: 500; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/option_search.png) no-repeat 90% 50%; } @media (max-width: 480px) { #pos_search_top .form_search .form-control { font-size: 10px; padding: 0 60px 0 120px; } #pos_search_top .form_search .form-group { width: 110px; } #pos_search_top .form_search .form-group .bootstrap-select { width: 110px; font-size: 10px; } } .search_top { float: left; margin-left: 20px; width: 540px; line-height: 23px; padding-bottom: 14px; border-bottom: 1px solid #d9d9d9; padding: 0 15px 13px; } @media (max-width: 1024px) { .search_top { margin-left: 0px; width: 440px; } } .search_top form { position: relative; margin: 0 auto; } .search_top form .ui-autocomplete-input { padding: 0px 30px 0px 10px; height: 23px; width: 100%; z-index: 1; background: rgba(255, 255, 255, 0.2); border: 0; font-size: 13px; color: #91959b; font-weight: 300; } .search_top form .ui-autocomplete-input::-moz-placeholder { color: #a9a8a8; font-size: 13px; font-family: 'Rubik', sans-serif; } .search_top form .ui-autocomplete-input::-webkit-input-placeholder { color: #a9a8a8; font-size: 13px; font-family: 'Rubik', sans-serif; } .search_top form .ui-autocomplete-input:-ms-input-placeholder { color: #a9a8a8; font-size: 13px; font-family: 'Rubik', sans-serif; } .search_top form button { display: block; position: relative; background: none; border: none; color: white; width: 20px; text-align: center; padding: 0; position: absolute; top: 0; right: 0; padding: 0; color: #727272; font-size: 0px; } .search_top form button:before { display: block; position: absolute; content: "\e86f"; font-family: 'Linearicons-Free'; font-size: 26px; font-weight: normal; } .search_top form button:hover { color: #f39200; } .ui-autocomplete-input::-webkit-input-placeholder { color: #a6a6a6 !important; font-size: 14px !important; opacity: 1 !important; font-family: 'Work Sans', sans-serif !important; } .ui-autocomplete-input::-moz-placeholder { color: #a6a6a6 !important; font-size: 14px !important; opacity: 1 !important; font-family: 'Work Sans', sans-serif !important; } .ui-autocomplete-input:-ms-input-placeholder { color: #a6a6a6 !important; font-size: 14px !important; opacity: 1 !important; font-family: 'Work Sans', sans-serif !important; } .ui-autocomplete-input:-moz-placeholder { color: #a6a6a6 !important; font-size: 14px !important; opacity: 1 !important; font-family: 'Work Sans', sans-serif !important; } /* end module search category */ .blockcart,.blockcompte { float: right; position: relative; margin-top: 18px; } .blockcart .header { position: relative; } .blockcart .header a { position: relative; display: inline-block; text-align: center; width: 90px; } .blockcart .header a:before { content: "\e82e"; font-family: 'Linearicons-Free'; font-size: 32px; color: #fff; } .blockcart .header a:hover:before { color: #f39200; } .blockcart .header a:hover .item_txt { color: #f39200; } .blockcart .header a .item_txt { display: inherit; color: #082160; font-size: 13px; padding-left: 4px; vertical-align: sub; } .blockcart .header a .item_count { position: absolute; top: -7px; right: 28px; display: block; overflow: hidden; min-width: 20px; line-height: 20px; font-size: 10px; font-weight: 500; color: white; background: #f39200; text-align: center; color: #222; font-family: 'Rubik', sans-serif; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .blockcart .header a .item_total { display: none; font-size: 14px; font-weight: 600; vertical-align: sub; } .blockcart .body { margin: 0; background: #ffffff; width: 355px; top: 31px; left: auto; right: 0; position: absolute; display: none; z-index: 99; box-shadow: 0 0 18px 0 rgba(41, 44, 58, 0.15); } @media (max-width: 479px) { .blockcart .body { width: 270px; } } @media (max-width: 676px) { .blockcart .body { -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .blockcart .body ul { padding: 0 20px; } @media (min-width: 992px) { .blockcart .body ul { max-height: 268px; overflow-y: auto; } } .blockcart .body ul li { padding: 20px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .blockcart .body ul li .img_content { float: left; margin: 0 20px 0 0; position: relative; } .blockcart .body ul li .img_content .product-quantity { position: absolute; top: 5px; left: 5px; min-width: 25px; line-height: 25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0; text-align: center; background: #f39200; color: #ffffff; font-size: 14px; display: inline-block; } .blockcart .body ul li .right_block { overflow: hidden; position: relative; padding: 0 20px 0 0; text-align: left; } .blockcart .body ul li .right_block span { font-size: 18px; font-weight: 600; } .blockcart .body ul li .right_block .product-name { display: block; overflow: hidden; word-wrap: break-word; color: #0b88ee; text-transform: capitalize; font-size: 15px; line-height: 20px; font-weight: normal; } .blockcart .body ul li .right_block .product-name:hover { color: #f39200; } .blockcart .body ul li .right_block .product-price { display: block; margin: 10px 0 0; color: #222; } .blockcart .body ul li .right_block .remove-from-cart { display: block; position: absolute; top: 0; right: 0; color: #222; padding: 3px; border-radius: 100%; width: 20px; height: 20px; text-align: center; background: #fdb819; font-weight: 300; font-size: 12px; line-height: 14px; } .blockcart .body ul li .right_block .remove-from-cart:hover { color: #fff; background: #222; } .blockcart .body ul li .right_block .remove-from-cart i:before { content: "\f129"; position: absolute; display: block; font-family: "Ionicons"; left: 0; right: 0; } .blockcart .body ul li .right_block .attributes_content { display: block; font-size: 16px; line-height: 20px; color: #777; margin: 5px 0 0; } .blockcart .body ul li .right_block .attributes_content span { font-weight: normal; font-size: 16px; } .blockcart .body ul li .right_block strong { font-weight: 400; } .blockcart .body .price_content { overflow: hidden; padding: 20px 20px 0; margin-bottom: 20px; } .blockcart .body .price_content .cart-total { padding-bottom: 20px; border-bottom: 1px solid 1px solid #e5e5e5; } .blockcart .body .price_content .price_inline { overflow: hidden; line-height: 25px; } .blockcart .body .price_content .price_inline .label { float: left; font-weight: 500; color: #333; font-size: 13px; } .blockcart .body .price_content .price_inline .value { float: right; font-weight: 600; color: #333; font-size: 13px; } .blockcart .body .checkout { margin-bottom: 20px; padding: 0 20px; } .blockcart .body .checkout a { display: block; background: #222; font-weight: 600; color: #ffffff; box-shadow: none; display: block; padding: 15.5px 20px; font-size: 16px; text-transform: capitalize; border-radius: 5px; } .blockcart .body .checkout a:hover { background: #f39200; color: #323232; } .static_phone { position: relative; display: inline-block; background: url(../img/bg_phone.png) no-repeat; padding-left: 60px; float: right; } .static_phone h2 { font-size: 14px; color: #888888; font-weight: normal; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; } .static_phone p { color: #333333; } .seach-cart { display: inline-block; width: 100%; position: relative; } @media (max-width: 991px) { .static1_home3 { text-align: center; } } @media (max-width: 991px) { .static1_home3 .box2 { margin: 15px 0; } } /* style layer cart */ #blockcart-modal .modal-body { background: #ffffff; padding: 3.125rem 1.875rem; } #blockcart-modal .divide-right { border-right: 1px solid #e5e5e5; } #blockcart-modal .divide-right p, #blockcart-modal .divide-right strong { color: #333333; font-size: 14px; font-weight: 600; } #blockcart-modal .cart-content p, #blockcart-modal .cart-content strong { color: #333333; font-size: 14px; } #blockcart-modal .cart-content strong { font-weight: 600; } #blockcart-modal .product-name { font-size: 16px; margin-bottom: 20px; color: #333333; } #blockcart-modal .modal-header { background: #f39200; } #blockcart-modal .modal-header h4 { margin: 0px; } /* end style layer cart */ #blockcart-modal button.close { color: #ffffff; opacity: 1; } #blockcart-modal .cart-content .btn { margin-top: 20px; } /* end module cart block */ /* module slideshow */ .nivo-html-caption { display: none; } @-webkit-keyframes myfirst { from { width: 0; } to { width: 100%; } } @keyframes myfirst { from { width: 0; } to { width: 100%; } } .timethai.pos_hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .slideshow_container .pos-slideshow { position: relative; margin-bottom: 30px; margin-top: -4px; } .slideshow_container .pos-slideshow:hover .nivo-directionNav a { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .slideshow_container .pos-slideshow:hover .nivo-directionNav a.nivo-prevNav { left: 30px; } .slideshow_container .pos-slideshow:hover .nivo-directionNav a.nivo-nextNav { right: 30px; } .slideshow_container .pos-slideshow .nivo-directionNav a { display: block; width: 45px; height: 45px; line-height: 42px; color: #a3a3a3; background: #fff; text-align: center; font-size: 0; position: absolute; z-index: 8; cursor: pointer; top: 50%; border: 1px solid #e8e8e8; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slideshow_container .pos-slideshow .nivo-directionNav a i { font-size: 18px; width: 100%; line-height: 45px; } @media (max-width: 767px) { .slideshow_container .pos-slideshow .nivo-directionNav a { display: none; } } .slideshow_container .pos-slideshow .nivo-directionNav a:hover { background: #cea45f; border-color: #cea45f; color: #fff; } .slideshow_container .pos-slideshow .nivo-directionNav a.nivo-prevNav { left: 20px; } .slideshow_container .pos-slideshow .nivo-directionNav a.nivo-nextNav { right: 20px; } .slideshow_container .pos-slideshow .nivo-controlNav { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; padding: 0 30px; z-index: 8; } @media (max-width: 1199px) { .slideshow_container .pos-slideshow .nivo-controlNav { bottom: 1.953125vw; } } @media (max-width: 767px) { .slideshow_container .pos-slideshow .nivo-controlNav { display: none; } } .slideshow_container .pos-slideshow .nivo-controlNav a { display: inline-block; margin: 0 5px; cursor: pointer; font-size: 0; width: 16px; height: 16px; background: none; border: 2px solid #f39200; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .slideshow_container .pos-slideshow .nivo-controlNav a.active, .slideshow_container .pos-slideshow .nivo-controlNav a:hover { background: #f39200; border-color: #f39200; } .pos_bannerslide { margin: 30px 0; } .desc1 { position: absolute; top: 50%; z-index: 8; max-width: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; text-align: left; padding-left: 80px; direction: ltr !important; } @media (max-width: 1600px) { .desc1 { padding-left: 40px; } } .desc1 p { margin: 0px; } .desc1 .title1 { font-size: 60px; line-height: 1; display: inline-block; color: #222222; font-weight: 500; text-transform: inherit; -webkit-animation: fadeInLeft 0.8s ease-in-out; -moz-animation: fadeInLeft 0.8s ease-in-out; -ms-animation: fadeInLeft 0.8s ease-in-out; animation: fadeInLeft 0.8s ease-in-out; } .desc1 .title2 { font-size: 60px; line-height: 1; display: block; color: #222222; font-weight: 500; text-transform: inherit; -webkit-animation: fadeInLeft 1.2s ease-in-out; -moz-animation: fadeInLeft 1.2s ease-in-out; -ms-animation: fadeInLeft 1.2s ease-in-out; animation: fadeInLeft 1.2s ease-in-out; } .desc1 .title3 { color: #666666; font-size: 24px; line-height: 24px; margin: 30px 0 50px; text-transform: capitalize; font-weight: normal; display: block; -webkit-animation: fadeInLeft 1.6s ease-in-out; -moz-animation: fadeInLeft 1.6s ease-in-out; -ms-animation: fadeInLeft 1.6s ease-in-out; animation: fadeInLeft 1.6s ease-in-out; } .desc1 .readmore { -webkit-animation: fadeInLeft 2.0s ease-in-out; -moz-animation: fadeInLeft 2.0s ease-in-out; -ms-animation: fadeInLeft 2.0s ease-in-out; animation: fadeInLeft 2.0s ease-in-out; display: inline-block; margin-bottom: 0px; } .desc1 .readmore a { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; display: inline-block; color: #222; font-size: 18px; line-height: 54px; text-decoration: none; padding: 0px 35px; text-transform: capitalize; background: none; background: #f39200; border-radius: 4px; font-weight: 600; } .desc1 .readmore a:hover { background: #222; color: #fff; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* end module slideshow */ /* module postabproductslider */ .product-tabs-container-slider { display: inline-block; width: 100%; margin-top: 0px; } .product-tabs-container-slider .title-product { position: relative; width: 100%; display: inline-block; margin-bottom: 30px; } .product-tabs-container-slider .title-product:before { content: ""; background: #e9e9e9; width: 100%; height: 1px; position: absolute; top: 53%; left: 0; z-index: 1; } .product-tabs-container-slider ul.tabs_slider { float: left; } .product-tabs-container-slider ul.tabs_slider li { font-size: 26px; color: #868686; line-height: 1.3; text-transform: capitalize; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: top; padding: 0 15px; margin: 0 15px; background: #fff; z-index: 2; position: relative; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .product-tabs-container-slider ul.tabs_slider li.active, .product-tabs-container-slider ul.tabs_slider li:hover { color: #ec610a; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .product-tabs-container-slider ul.tabs_slider li:first-child { padding-left: 0px; margin-left: 0px; } .product-tabs-container-slider .owl-nav { top: -68px; } .product-tabs-container-slider .js-product-miniature:last-child { margin-bottom: 0px; } .product-tabs-container-slider .col-image { float: left; width: 26.3%; } @media (max-width: 1024px) { .product-tabs-container-slider .col-image { width: 40%; } } @media (max-width: 800px) { .product-tabs-container-slider .col-image { width: 50%; } } @media (max-width: 767px) { .product-tabs-container-slider .col-image { float: none; width: 100%; margin-bottom: 30px; } } @media (min-width: 1440px) { .product-tabs-container-slider .col-image .img_modun .banner-box a img { height: 400px; } } .product-tabs-container-slider .col-product { float: left; width: 73.7%; padding-left: 30px; } @media (max-width: 1024px) { .product-tabs-container-slider .col-product { width: 60%; } } @media (max-width: 800px) { .product-tabs-container-slider .col-product { width: 50%; } } @media (max-width: 767px) { .product-tabs-container-slider .col-product { float: none; width: 100%; padding-left: 0px; } } .poslistcateproduct { margin-top: 60px; display: inline-block; text-align: center; width: 100%; } .poslistcateproduct .pos_title { margin-bottom: 30px; } .poslistcateproduct .pos_title .subcategories-list li a { position: relative; text-transform: capitalize; font-size: 26px; margin: 0; display: inline-block; vertical-align: top; background: #fff; padding-right: 30px; color: #222; font-weight: 500; } .poslistcateproduct .pos_title .subcategories-list li a:hover { color: #f39200; } .poslistcateproduct .js-product-miniature{ padding:20px; } .js-product-miniature:last-child{padding-bottom:0;} .poslistcateproduct .js-product-miniature .img_block { position: relative; overflow: hidden; width: 40%; float: right; } .poslistcateproduct .js-product-miniature .product_desc { position: relative; text-align: left; float: left; padding-left: 0px; padding-right: 5px; width: 60%; padding-top: 0px; } .poslistcateproduct .js-product-miniature:hover .product_desc .hook-reviews { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .poslistcateproduct .js-product-miniature:hover .product_desc .product-price-and-shipping { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .poslistcateproduct .owl-nav { top: -55px; } /* end postabproductslider*/ /* module tabcateslider */ .tab-category-container-slider { margin-top: 23px; } .tab-category-container-slider .pos_tab { margin-bottom: 23px; } .tab-category-container-slider .pos_title { margin-bottom: 0px; position: relative; display: inline-block; width: 100%; } .tab-category-container-slider .pos_title:before { content: ""; background: #e9e9e9; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; } .tab-category-container-slider .pos_title h2 { float: left; } .tab-category-container-slider .box-tab { position: absolute; left: 0; right: 0; text-align: center; top: 0; } .tab-category-container-slider ul.tab_cates { display: inline-block; vertical-align: top; text-align: center; background: #fff; padding: 0 15px; border: 1px solid #e9e9e9; border-radius: 25px; } .tab-category-container-slider ul.tab_cates li { display: inline-block; vertical-align: top; margin-right: 15px; position: relative; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tab-category-container-slider ul.tab_cates li:after { content: ""; width: 15px; height: 1px; background: #d6d6d6; position: absolute; top: 50%; right: -15px; } .tab-category-container-slider ul.tab_cates li:last-child { margin: 0px; } .tab-category-container-slider ul.tab_cates li:last-child:after { display: none; } .tab-category-container-slider ul.tab_cates li span { font-size: 14px; color: #617098; line-height: 30px; text-transform: none; font-weight: 500; cursor: pointer; position: relative; display: block; padding: 0 15px; } .tab-category-container-slider ul.tab_cates li.active span, .tab-category-container-slider ul.tab_cates li:hover span { color: #f39406; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* end module poslistcateproduct */ .poslistcateproduct .ps_title ul.subcategories-list { margin-bottom: 30px; position: relative; display: inline-block; width: 100%; text-align: center; } .poslistcateproduct .ps_title ul.subcategories-list li { display: inline-block; position: relative; z-index: 2; margin: 0; padding: 0 20px; line-height: 36px; cursor: pointer; color: #666666; border: 1px solid #fff; border-radius: 11px; font-size: 14px; font-weight: normal; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .poslistcateproduct .ps_title ul.subcategories-list li a { color: #666666; } .poslistcateproduct .ps_title ul.subcategories-list li:hover { border-color: #ec610a; color: #ec610a; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .poslistcateproduct .ps_title ul.subcategories-list li:hover a { color: #ec610a; } .poslistcateproduct .ps_title ul.subcategories-list li.active, .poslistcateproduct .ps_title ul.subcategories-list li:hover { border-color: #ec610a; color: #ec610a; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* module featured-products */ /* end module featured-products */ /* module special-products */ .pos-special-products { position: relative; } .pos-special-products .product-flag .new { top: 10px !important; left: 10px; } .pos-special-products .discount-percentage { top: 10px !important; right: 10px; } .pos-special-products .js-product-miniature { border: none; background: #fff; } .pos-special-products .js-product-miniature:hover .add-to-links { bottom: 20px; z-index: 2; } .pos-special-products .js-product-miniature .product_desc .desc-inner { padding: 20px 25px; } .pos-special-products .js-product-miniature .product_desc .desc-inner .price-box { margin-top: 15px; border-top: 1px solid #e5e5e5; padding-top: 28px; display: inline-block; width: 100%; } /* countdown */ .is-countdown { width: 100%; position: relative; margin-bottom: 10px; display: inherit; border: 1px solid #f0f0f0; padding: 15px 0; } .is-countdown .countdown-section { display: inline-block; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.25); } .is-countdown .countdown-section:last-child { border-right: none; } .is-countdown .countdown-section .countdown-amount { display: block; font-size: 18px; line-height: 16px; color: #1e1e1e; font-weight: 500; position: relative; padding-bottom: 5px; } @media (max-width: 1199px) { .is-countdown .countdown-section .countdown-amount { font-size: 15px; } } .is-countdown .countdown-section .countdown-period { display: block; font-size: 12px; line-height: 15px; color: #727272; text-transform: capitalize; font-weight: 300; } .countdown-show1 .countdown-section { width: 100%; } .countdown-show2 .countdown-section { width: 50%; } .countdown-show3 .countdown-section { width: 33.33%; } .countdown-show4 .countdown-section { width: 25%; } #product .countdown-show4 .countdown-section { width: auto; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } /* end countdown */ .pos-featured-products .js-product-miniature { margin-bottom: 15px; } .pos-featured-products .js-product-miniature .img_block { width: 37%; float: left; } .pos-featured-products .js-product-miniature .product_desc { width: 63%; float: left; text-align: left; padding: 0px; padding-left: 15px; } .pos-featured-products .js-product-miniature .product_desc h1 a.product_name { margin-bottom: 15px; white-space: pre-line; } .pos-featured-products .js-product-miniature .product_desc .hook-reviews { margin-bottom: 8px; } .pos-featured-products .js-product-miniature .product_desc .hook-reviews .comments_note { text-align: left; } .pos-featured-products .js-product-miniature .product_desc .product-price-and-shipping { text-align: left; } /* end module special-products */ /* module list-categories */ .poslistcategories { position: relative; overflow: hidden; margin-bottom: 60px; margin-top: 60px; } .poslistcategories .pos_title { margin-bottom: 30px; } .poslistcategories .list-categories { position: relative; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 4px; padding-bottom: 10px; margin-bottom: 30px; } .poslistcategories .list-categories:hover { border-color: #f39200; } .poslistcategories .list-categories:last-child { margin-bottom: 0px; } .poslistcategories .list-categories .thumb-category { position: relative; overflow: hidden; width: 40%; float: right; } .poslistcategories .list-categories .thumb-category img { -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; width: 100%; } .poslistcategories .list-categories .desc-listcategoreis { position: relative; text-align: left; float: left; padding-left: 20px; padding-right: 5px; width: 60%; padding-top: 20px; } .poslistcategories .list-categories .desc-listcategoreis .name_categories { padding-bottom: 10px; } .poslistcategories .list-categories .desc-listcategoreis .name_categories a { font-size: 16px; color: #222; display: block; font-weight: 500; line-height: 22px; text-transform: capitalize; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .poslistcategories .list-categories .desc-listcategoreis .name_categories a:hover { color: #f39200; } .poslistcategories .list-categories .desc-listcategoreis .number_product { color: #a9a9a9; text-transform: capitalize; padding-bottom: 15px; display: inline-block; } .poslistcategories .list-categories .desc-listcategoreis .see-more a { line-height: 22px; color: #222222; text-transform: capitalize; display: inline-block; vertical-align: top; } .poslistcategories .list-categories .desc-listcategoreis .see-more a:before { content: "+"; margin-right: 5px; } .poslistcategories .list-categories .desc-listcategoreis .see-more a:hover { color: #f39200; } .poslistcategories .owl-carousel .owl-item { padding: 0 15px; } .pos_content1 .pos-content .owl-nav { right: 26px; top: -68px; } .testimonials_container { margin-top: 60px; } .testimonials_container .item-testimonials .item .content_author { text-align: center; } .testimonials_container .item-testimonials .item .content_author .img { display: inline-block; border-radius: 100%; border: 4px solid #f0f0f0; } .testimonials_container .item-testimonials .item .content_test p.des_testimonial { margin-bottom: 0px; margin-top: 20px; position: relative; font-size: 13px; font-weight: normal; text-align: center; color: #666666; padding-top: 50px; line-height: 20px; } .testimonials_container .item-testimonials .item .content_test p.des_testimonial:before { top: 0; content: ""; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; width: 40px; height: 30px; background: url(../img/bg_des.png) no-repeat; } .testimonials_container .item-testimonials .item .des_namepost { text-align: center; margin-top: 16px; font-size: 14px; color: #333333; display: inherit; } .testimonials_container .owl-nav { display: block !important; } .testimonials_container .pos_content .owl-nav { right: 30px !important; } div#instagram_block_home { margin-bottom: 80px; } div#instagram_block_home .title_instagram { text-align: center; } div#instagram_block_home .title_instagram h2 { margin-bottom: 10px; font-size: 22px; color: #1e1e1e; font-weight: bold; font-family: 'Lato', sans-serif; } div#instagram_block_home .title_instagram a { color: #727272; font-size: 14px; font-weight: 300; position: relative; } div#instagram_block_home .title_instagram a:hover { color: #f39200; } div#instagram_block_home .item-instagram a { position: relative; overflow: hidden; } div#instagram_block_home .item-instagram a:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); -moz-transform: scale3d(1.2, 1.2, 1.2); -webkit-transform: scale3d(1.2, 1.2, 1.2); -o-transform: scale3d(1.2, 1.2, 1.2); -ms-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; opacity: 0; } div#instagram_block_home .item-instagram a:after { content: "\f16d"; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; color: #fff; width: 68px; height: 68px; line-height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px; opacity: 0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; text-align: center; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } div#instagram_block_home .item-instagram a:hover { color: #f39200; } div#instagram_block_home .item-instagram a:hover:before { -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; z-index: 2; } div#instagram_block_home .item-instagram a:hover:after { opacity: 1; z-index: 3; -webkit-animation: zoomIn 500ms ease-in-out; -moz-animation: zoomIn 500ms ease-in-out; -ms-animation: zoomIn 500ms ease-in-out; animation: zoomIn 500ms ease-in-out; } div#instagram_block_home .pos-content { margin-top: 40px; } div#instagram_block_home .owl-carousel .owl-item { padding: 0 10px; } /* end module list-categories */ /* blog */ .home_blog_post_area { position: relative; display: inline-block; width: 100%; margin-bottom: 0px; margin-top: 80px; margin-bottom: 80px; } .home_blog_post_area .home_blog_post .header_title h3 { font-size: 18px; line-height: 48px; font-weight: 500; color: #333333; margin: 0 0 30px 0 !important; cursor: pointer; text-transform: uppercase; border-bottom: 1px solid #ededed; position: relative; } .home_blog_post_area .home_blog_post .header_title h3:before { content: ""; display: block; position: absolute; width: 70px; height: 1px; background: #f39200; bottom: 0; line-height: 0; } .home_blog_post_area .owl-carousel .owl-item { padding: 0 15px; } .home_blog_post_area .pos_content { padding: 0; border: 0; } .home_blog_post_area .owl-nav { right: 15px; top: -46px; } .home_blog_post_area .blog_slider .item .blog_post { display: inline-block; width: 100%; text-align: left; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 20px; } .home_blog_post_area .blog_slider .item .blog_post:last-child { border-bottom: none; margin: 0; padding: 0; } .home_blog_post_area .blog_slider .item .blog_post img { width: 100%; } .home_blog_post_area .blog_slider .item .blog_post .post_content { margin-top: 20px; } .home_blog_post_area .blog_slider .item .blog_post .date-smart { font-size: 12px; line-height: 20px; color: #999; display: inline-block; } .home_blog_post_area .blog_slider .item .blog_post .content-inner { overflow: hidden; } .home_blog_post_area .blog_slider .item .blog_post .post_title { font-size: 15px; font-weight: 500; line-height: 20px; color: #1e1e1e; text-transform: capitalize; position: relative; display: block; margin-bottom: 20px; } .home_blog_post_area .blog_slider .item .blog_post .post_title:hover { color: #f39200; } .home_blog_post_area .blog_slider .item .blog_post .read-more { font-weight: normal; font-size: 14px; color: #727272; text-transform: capitalize; position: relative; padding-top: 20px; display: inline-block; } .home_blog_post_area .blog_slider .item .blog_post .read-more:before { content: ""; display: block; position: absolute; width: 30px; height: 1px; top: 0; background: #727272; } .home_blog_post_area .blog_slider .item .blog_post .read-more:hover { color: #f39200; } .home_blog_post_area .blog_slider .item .blog_post .read-more:hover:before { background: #f39200; } .home_blog_post_area .blog_slider .item .blog_post .post_meta { overflow: hidden; } .home_blog_post_area .blog_slider .item .blog_post .post_meta span { color: #666666; font-size: 13px; line-height: 25px; text-transform: capitalize; display: inline-block; margin-right: 20px; } .home_blog_post_area .blog_slider .item .blog_post .post_meta span:last-child { margin: 0; } .home_blog_post_area .blog_slider .item .blog_post .post_description { line-height: 30px; font-size: 14px; font-weight: 300; color: #474747; margin: 0; display: inline-block; width: 100%; padding: 10px 0 20px 0; display: none; } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail { position: relative; margin-bottom: 0px; overflow: hidden; } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail .blog_mask { opacity: 0; visibility: hidden; z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background-color: rgba(0, 0, 0, 0.4); } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail .blog_mask .blog_mask_content { position: absolute; left: 110%; top: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail .blog_mask .blog_mask_content a { display: block; text-align: center; font-size: 70px; color: #fff; display: none; } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail:hover .blog_mask { opacity: 1; visibility: visible; z-index: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .home_blog_post_area .home_blog_post .blog_post .post_thumbnail:hover .blog_mask .blog_mask_content { left: 50%; } /* end blog */ /* module logo */ .pos_logo { position: relative; margin-top: 60px; margin-bottom: 60px; } .pos_logo .logo-slider { border: 1px solid #ededed; padding: 38px 0; border-radius: 8px; } .pos_logo .owl-stage-outer { padding-bottom: 1px; } .pos_logo .owl-carousel.owl-drag .owl-item { padding: 0 15px; } .pos_logo .item-banklogo { overflow: hidden; } /* end module logo */ /* module newletter */ .newsletter-before { background: #f0f0f0; padding: 36px 0; text-align: center; display: inline-block; width: 100%; } .ft_newsletter { position: relative; } .ft_newsletter .title-newsletter { overflow: hidden; display: inline-block; vertical-align: top; padding: 10px 0; margin-right: 70px; float: left; text-align: left; } .ft_newsletter h2 { font-size: 24px; text-transform: capitalize; margin-bottom: 6px; font-weight: 500; margin-top: 0; color: #222; } .ft_newsletter .desc { font-size: 16px; margin-bottom: 0; color: #777; margin: 0; } .ft_newsletter form { position: relative; overflow: hidden; padding-top: 5px; } @media (max-width: 991px) { .ft_newsletter form { margin-top: 20px; } } .ft_newsletter form .input-wrapper input { position: relative; display: inline-block; vertical-align: top; padding: 10px 20px; padding-right: 153px; border: 0; line-height: 30px; height: 54px; color: #a6a6a6; font-size: 14px; font-weight: 500; width: 100%; background: #fff; border-radius: 5px; } .ft_newsletter form .input-wrapper input::-moz-placeholder { color: #b1b1b1; } .ft_newsletter form .input-wrapper input::-webkit-input-placeholder { color: #b1b1b1; } .ft_newsletter form .input-wrapper input:-ms-input-placeholder { color: #b1b1b1; } .ft_newsletter form .input-sub { position: absolute; top: 0; right: 15px; padding: 0; display: block; line-height: 47px; width: 60px; height: 47px; text-align: center; z-index: 2; } .ft_newsletter form .input-sub:hover span.lnr { color: #f39200; } .ft_newsletter form .input-sub .btn { position: absolute; top: 0; right: 0px; padding: 0; display: block; line-height: 47px; width: 60px; height: 47px; text-align: center; border-radius: 0px; background: none; font-size: 0; } .ft_newsletter form .input-sub span.Search { background: #f39200; line-height: 54px; padding: 0 23px; color: #222222; font-weight: 600; text-transform: capitalize; position: absolute; right: 0; top: 0; font-size: 16px; border-radius: 0; -webkit-border-radius: 0; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .ft_newsletter form .input-sub span.Search:hover { background: #222; color: #fff; } .ft_newsletter form .btn-secondary:hover, .ft_newsletter form .btn-tertiary:hover, .ft_newsletter form .btn-primary.focus, .ft_newsletter form .btn-primary:focus, .ft_newsletter form .btn-primary:hover { color: white; border-color: transparent; } .ft_newsletter form .btn-default:hover, .ft_newsletter form .btn-default:focus, .ft_newsletter form .btn-default:active, .ft_newsletter form .btn-default.active, .ft_newsletter form .btn:hover, .ft_newsletter form .btn:focus, .ft_newsletter form .btn:active, .ft_newsletter form .btn.active { outline: 0 !important; text-decoration: none !important; box-shadow: none !important; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .ft_newsletter form .btn-default:hover:hover, .ft_newsletter form .btn-default:focus:hover, .ft_newsletter form .btn-default:active:hover, .ft_newsletter form .btn-default.active:hover, .ft_newsletter form .btn:hover:hover, .ft_newsletter form .btn:focus:hover, .ft_newsletter form .btn:active:hover, .ft_newsletter form .btn.active:hover { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .ft_newsletter form .condition, .ft_newsletter form .alert { margin: 10px 0 0; font-size: 12px; line-height: 24px; color: #bcbcbc; background: none; border: 0; padding: 0; } .ft_newsletter form .condition.alert-danger, .ft_newsletter form .alert.alert-danger { color: #f39200; } .ft_newsletter form .condition.alert-success, .ft_newsletter form .alert.alert-success { color: #f39200; } /* end module newletter */ .social_follow { position: relative; } @media (max-width: 991px) { .social_follow { margin-bottom: 20px; } } .social_follow li { display: inline-block; margin: 5px 10px 0 0; line-height: 40px; background-image: none !important; padding: 0; } .social_follow li a { position: relative; display: inline-block; vertical-align: middle; color: #ffffff; background: #393939; border-radius: 100%; font-size: 0; padding: 0; line-height: 40px; width: 40px; height: 40px; text-align: center; border: 0; z-index: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .social_follow li a:before { padding: 0 !important; font-size: 16px; display: inline-block; font-family: "FontAwesome"; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .social_follow li a:hover { color: #ffffff; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .social_follow li a:hover:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .social_follow li.facebook a { background: #3a599c; } .social_follow li.facebook a:before { content: "\f09a"; } .social_follow li.twitter a { background: #5a8eca; } .social_follow li.twitter a:before { content: "\f099"; } .social_follow li.rss a { background: #FF9900; } .social_follow li.rss a:before { content: "\f09e"; } .social_follow li.youtube a { background: #E22D26; } .social_follow li.youtube a:before { content: "\f167"; } .social_follow li.googleplus a { background: #ce3527; } .social_follow li.googleplus a:before { content: "\f0d5"; } .social_follow li.pinterest a { background: #FCF4F4; } .social_follow li.pinterest a:before { content: "\f0d2"; } .social_follow li.vimeo a { background: #6D416D; } .social_follow li.vimeo a:before { content: "\f194"; } .social_follow li.instagram a { background: #DCD2BF; } .social_follow li.instagram a:before { content: "\f16d"; } /* end module social */ /* module advertising */ .advertising { position: relative; margin-bottom: 30px; text-align: center; overflow: hidden; } .advertising a img { width: 100%; height: auto; } .advertising a:before { background: rgba(255, 255, 255, 0.2); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; } .advertising a:after { background: rgba(255, 255, 255, 0.2); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; } .advertising:hover a:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms ease-in; -moz-transition: all 900ms ease-in; -ms-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; transition: all 900ms ease-in; } .advertising:hover a:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms ease-in; -moz-transition: all 900ms ease-in; -ms-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; transition: all 900ms ease-in; } /* end module advertising */ /* module tags */ .box-footer { padding-right: 0px; padding-left: 0px; } @media (max-width: 767px) { .box-footer { padding-left: 15px; padding-right: 15px; } } .tags_block h3 { font-size: 13px; line-height: 24px; font-weight: 700; color: #3b3b3b; margin: 0 0 15px 0; text-transform: uppercase; } .tags_block a { font-size: 14px; font-weight: 300; padding: 0 20px; line-height: 30px; border: 1px solid #dbdbdb; border-radius: 8px; color: #666; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .tags_block a:hover { color: #fff; border-color: #f39200; background: #f39200; } /* end module tags */ /* module view product */ .view-products { position: relative; margin-bottom: 50px; } .view-products .owl-nav { right: 0px; } .view-products .pos_title { display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin: 0; } .view-products .pos_title:before { display: none; } .view-products .js-product-miniature { border: none; border-bottom: 1px solid #e5e5e5 !important; padding: 20px 0; margin: 0; } .view-products .js-product-miniature .img_block { float: left; width: 98px; margin-right: 15px; } .view-products .js-product-miniature .product_desc { padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .view-products .js-product-miniature .product_desc { display: inline-block; width: 100%; padding-top: 15px; } } .view-products .js-product-miniature .product_desc .product-price-and-shipping { min-height: auto; } .pos_bestseller_product { margin-top: 80px; } /* end module view product */ /* item product */ .pos_title { text-align: left; position: relative; } .pos_title:before { content: ""; background: #e9e9e9; width: 100%; height: 1px; position: absolute; top: 53%; left: 0; } .pos_title h2 { position: relative; text-transform: capitalize; font-size: 26px; margin: 0; display: inline-block; vertical-align: top; background: #fff; padding-right: 30px; font-weight: 400; } .pos_title h2 span.t1 { font-weight: 600; } .pos_title p { font-size: 16px; font-weight: 300; font-family: 'Lato', sans-serif; margin-bottom: 40px; color: #727272; } .js-product-miniature { position: relative; display: inline-block; width: 100%; border: 1px solid #f0f0f0; border-radius: 4px; margin-bottom: 30px; padding-bottom: 30px; } .js-product-miniature:last-child { margin-bottom: 0; padding-bottom: 30px; } .js-product-miniature .img_block { overflow: inherit; position: relative; padding: 1px; } .js-product-miniature .img_block img { width: 100%; margin: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature .add-to-links { position: absolute; top: 20px; right: 10px; opacity: 0; text-align: center; margin: 0 auto; padding: 5px 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature .add-to-links li { display: inline-block; height: 36px; width: 36px; background: #e9e9e9; line-height: 36px; text-align: center; font-size: 14px; border-radius: 100%; margin: 5px 0px; display: block; } .js-product-miniature .add-to-links li a { position: relative; font-size: 0px; width: 100%; height: 100%; display: inline-block; vertical-align: top; } .js-product-miniature .add-to-links li a:before { font-family: 'Linearicons-Free'; position: absolute; display: block; left: 0; font-size: 16px; color: #222; right: 0; margin: 0 auto; line-height: 36px; } .js-product-miniature .add-to-links li:hover { background: #f39200; } .js-product-miniature .add-to-links li a.quick-view:before { content: '\e86f'; } .js-product-miniature .add-to-links li a.addToWishlist:before { content: "\e813"; } .js-product-miniature:hover { border-color: #627199; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature:hover .add-to-links { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature:hover .product_desc .hook-reviews { opacity: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .js-product-miniature:hover .product_desc .product-price-and-shipping { opacity: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .js-product-miniature:hover .product_desc .cart { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature .cart { bottom: 33px; position: absolute; opacity: 0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature .cart .product-add-to-cart .button { font-size: 14px; position: relative; width: 100%; box-shadow: none; cursor: pointer; vertical-align: top; color: #fff; background: #f39406; border-radius: 18px; border: none !important; padding: 0 20px; line-height: 36px; } .js-product-miniature .cart:hover .product-add-to-cart .button { background: #222222; color: #fff; } .js-product-miniature .product_desc { padding: 18px 15px 30px; padding-bottom: 0; overflow: hidden; text-align: left; } .js-product-miniature .product_desc .manufacturer { margin-bottom: 10px; } .js-product-miniature .product_desc .manufacturer a { font-size: 13px; color: #a9a9a9; font-weight: 400; line-height: 20px; padding: 0; text-transform: uppercase; } .js-product-miniature .product_desc .manufacturer a:hover { color: #222; } .js-product-miniature .product_desc h1 { font-weight: 300; margin: 0; line-height: 1; } .js-product-miniature .product_desc .product_name { padding: 0; display: block; text-transform: capitalize; overflow: hidden; font-size: 15px; font-weight: 400; line-height: 22px; color: #0c2563; } .js-product-miniature .product_desc .product_name:hover { color: #f39200; } .js-product-miniature .product_desc .hook-reviews { display: inline-block; line-height: 1; margin: 10px 0 15px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .js-product-miniature .product_desc .hook-reviews .comments_note { direction: ltr !important; text-align: left; } .js-product-miniature .product_desc .hook-reviews .star_content { display: inline-block; } .js-product-miniature .product_desc .hook-reviews .nb-comments { font-size: 12px; display: none; } .js-product-miniature .product_desc .product-desc p { font-size: 11px !important; color: #8c8c8c; line-height: 25px; padding: 15px 0; margin: 0; display: none; } .js-product-miniature .product_desc .variant-links { margin-top: 15px; margin-top: 15px; background: transparent; padding: 0; min-height: auto; text-align: left; display: none; } .js-product-miniature .product_desc .variant-links a { margin: 0 5px 0 0; margin: 0 5px 0 0; border-radius: 100%; width: 15px; height: 15px; } .pos_new_product { margin-top: 80px; } .pos_new_product .pos_title h2 { color: #1e1e1e; font-size: 32px; font-weight: bold; display: inline-block; text-transform: capitalize; padding-bottom: 25px; } .pos_new_product .pos_title h2 span { font-style: italic; font-weight: 300; padding: 0 4px; } .pos_new_product .pos_title p { font-size: 16px; color: #727272; } .gruod { margin-top: 80px; } .gruod .pos_title { text-align: left; } .gruod .pos_title h2 { color: #1e1e1e; font-size: 32px; font-weight: bold; display: inline-block; text-transform: capitalize; padding-bottom: 15px; } .gruod .pos_title h2 span { font-style: italic; font-weight: 300; padding: 0 4px; } .gruod .pos_title p { font-size: 16px; } .stati1_home3 { margin: 0px 0 50px; } .static2_home3 { margin: 60px 0; } .static3_home3 { margin-top: 60px; } .tab-manufacturers-container-slider { margin-top: 60px; } .tab-manufacturers-container-slider .pos_title { margin-bottom: 30px; } .tab-manufacturers-container-slider .thumb_manu { text-align: center; border: 1px solid #f0f0f0; background: #f8f8f8; padding: 17px 10px; margin-bottom: 30px; } .tab-manufacturers-container-slider .thumb_manu .tab_manus li .manu_thumb img { opacity: 0.3; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tab-manufacturers-container-slider .thumb_manu .tab_manus li .manu_thumb:hover img { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tab-manufacturers-container-slider .thumb_manu .tab_manus li.active .manu_thumb img { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tab-manufacturers-container-slider .manu_facturer { margin-bottom: 30px; } .tab-manufacturers-container-slider .manu_facturer .owl-nav { top: -199px; } p.static-menu { float: right; line-height: 56px; margin-bottom: 0; color: #222222; font-size: 15px; font-weight: 600; position: relative; } p.static-menu:before { content: "\e831"; font-family: 'Linearicons-Free'; font-size: 20px; display: inline-block; vertical-align: top; margin-right: 6px; font-weight: normal; } .js-product-miniature .product-price-and-shipping { line-height: 1; text-align: left; display: block; } .js-product-miniature .product-price-and-shipping .sr-only { display: none; } .js-product-miniature .product-price-and-shipping .price { font-size: 18px; font-weight: 600; color: #f39200; } .js-product-miniature .product-price-and-shipping .price_sale { font-size: 18px; font-weight: 600; color: #f39200; } .js-product-miniature .product-price-and-shipping .regular-price { font-size: 15px; color: #627199; font-weight: 400; text-decoration: line-through; display: inline-block; padding-right: 5px; } .js-product-miniature .product-price-and-shipping .discount-percentage { display: inline-block; padding: 1px 5px 0; background: #d4232b; color: white; line-height: 17px; font-size: 12px; font-weight: 700; -webkit-transform: translate3d(7px, -2px, 0); -moz-transform: translate3d(7px, -2px, 0); -ms-transform: translate3d(7px, -2px, 0); -o-transform: translate3d(7px, -2px, 0); transform: translate3d(7px, -2px, 0); } .js-product-miniature .product-price-and-shipping .discount-percentage span { text-align: center; transform: skewX(20deg); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); display: block; } .product-flag .new, .product-flag .sale, .product-flag .pack { top: 20px; color: #fff; font-weight: 400; text-align: center; line-height: 22px; padding: 0 9px; position: absolute; background: #f39406; min-width: 46px; left: 12px; text-transform: uppercase; font-size: 12px; z-index: 3; border-radius: 5px; -webkit-border-radius: 5px; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); } .product-flag .new span, .product-flag .sale span, .product-flag .pack span { text-align: center; transform: skewX(20deg); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); display: block; } .discount-percentage { top: 45px; color: #fff; font-weight: 400; text-align: center; line-height: 22px; padding: 0 9px; position: absolute; background: #8bc34a; min-width: 46px; left: 12px; text-transform: uppercase; font-size: 12px; z-index: 3; border-radius: 5px; -webkit-border-radius: 5px; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); } .product-flag .pack { z-index: 2; } .product-flag .sale { background: #f39200; right: 0; } .product-flag .discount { display: none; } .owl-dots { display: inline-block; width: 100%; text-align: center; margin-top: 10px; } @media (max-width: 767px) { .owl-dots { display: none; } } .owl-dots .owl-dot { display: inline-block; margin: 0 4px; } .owl-dots .owl-dot span { display: inline-block; width: 12px; height: 12px; padding: 2px; border-radius: 100%; background: #fff; border: 1px solid #8c8c8c; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .owl-dots .owl-dot span:hover { background: #f39200; border-color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .owl-dots .owl-dot.active span { background: #f39200; border-color: #f39200; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .owl-nav { position: absolute; right: 15px; top: -58px; background: white; display: inline-block; border: 1px solid #e9e9e9; padding: 0 10px; border-radius: 25px; -webkit-border-radius: 25px; } .owl-nav > div { display: inline-block; font-size: 0; cursor: pointer; text-align: center; background: white; color: #a9a9a9; z-index: 1; vertical-align: top; opacity: 1; margin-top: 0px; opacity: 1 !important; width: 25px; height: 30px; line-height: 30px; font-weight: normal; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .owl-nav > div:before { font-family: "Ionicons"; font-size: 21px; } .owl-nav > div:hover { opacity: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .owl-nav > div.owl-prev { left: 0px; } .owl-nav > div.owl-prev:hover:before { color: #f39200; } .owl-nav > div.owl-prev:before { content: "\f3d5"; } .owl-nav > div.owl-next { right: 0px; } .owl-nav > div.owl-next:hover:before { color: #f39200; } .owl-nav > div.owl-next:before { content: "\f3d6"; } @media (max-width: 767px) { .owl-nav > div { display: none; } } /* end item product */ /* static */ .pos-corporate-about { text-align: center; background: #fff; overflow: hidden; padding: 27px 0; border: 1px solid #f0f0f0; border-radius: 5px; margin-top: 40px; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; } .pos-corporate-about .col { padding: 0; position: relative; } .pos-corporate-about .col:after { content: ""; width: 1px; height: 60px; background: #ececec; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pos-corporate-about .col:last-child:after { opacity: 0; } .pos-corporate-about .col .block-wrapper { background: url(../img/wrapper1.png) left center no-repeat; padding: 10px 0; padding-left: 62px; display: inline-block; vertical-align: top; } @media (max-width: 1600px) { .pos-corporate-about .col .block-wrapper { padding-left: 75px; } } .pos-corporate-about .col .block-wrapper .text-des { text-align: left; font-size: 13px; line-height: 20px; } .pos-corporate-about .col .block-wrapper .text-des p { color: #222; font-weight: 500; text-transform: capitalize; font-size: 18px; display: block; margin-bottom: 4px; } .pos-corporate-about .col .block-wrapper .text-des span { color: #777; display: block; } .pos-corporate-about .col .wrapper2 { background: url(../img/wrapper2.png) left center no-repeat; } .pos-corporate-about .col .wrapper3 { background: url(../img/wrapper3.png) left center no-repeat; } .pos-corporate-about .col .wrapper4 { background: url(../img/wrapper4.png) left center no-repeat; } .pos-corporate-about .col .wrapper5 { background: url(../img/wrapper5.png) left center no-repeat; } .stati1 { margin-top: 60px; } .stati2 { margin-top: 30px; } .banner-box { position: relative; overflow: hidden; } .banner-box a { overflow: hidden; display: block; position: relative; margin-bottom: 0px; } .banner-box a img { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 767px) { .banner-box a img { width: 100%; } } .banner-box a:hover img { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .static-top-cate { position: relative; display: inline-block; margin: 30px 0; } .static2 { margin-top: 80px; } .static2 .title { position: relative; text-align: center; margin-bottom: 30px; } .static2 .title h2 { color: #1e1e1e; font-weight: 500; font-size: 32px; margin-bottom: 23px; } .static2 .title h2 span { font-weight: 300; font-style: italic; } .static2 .title p { margin: 0; font-size: 16px; color: #727272; font-weight: 300; } .static2 .iner-box { position: relative; } .static2 .iner-box .text { position: absolute; bottom: 30px; left: 30px; font-size: 22px; text-transform: uppercase; color: #1e1e1e; font-weight: 500; } .static2 .iner-box .text span { position: relative; padding-bottom: 10px; } .static2 .iner-box .text span:after { content: ""; width: 30px; height: 1px; background: #cea45f; bottom: 0; opacity: 0; position: absolute; left: 0; transition: 0.03s; } .static2 .iner-box .text:hover { color: #cea45f; } .static2 .iner-box .text:hover span:after { opacity: 1; } .static2 .box2 { padding-left: 5px; } .static2 .box2 .top { margin-bottom: 20px; } .static2 .box2 .box1 { padding-left: 0px; padding-right: 10px; } .static2 .box2 .box2 { padding-right: 0px; padding-left: 10px; } .st1_home { position: relative; margin-top: 80px; background: url(../img/bg_statuc.jpg) repeat; background-size: cover; padding: 120px 0; } .st1_home .text { width: 50%; } .st1_home .text h2 { font-size: 36px; color: #434343; font-weight: 500; font-style: italic; } .st1_home .text p { margin-top: 30px; color: #6b6b6b; font-size: 24px; line-height: 32px; margin-bottom: 30px; position: relative; padding-bottom: 30px; font-weight: 300; } .st1_home .text p:after { content: ""; position: absolute; display: block; width: 254px; height: 1px; background: #868686; bottom: 0; } .st1_home .text a.shop { font-size: 18px; font-style: italic; color: #1e1e1e; position: relative; display: inline-block; font-weight: 500; } .st1_home .text a.shop:after { position: absolute; font-family: "Ionicons"; content: "\f3d3"; right: -13px; font-style: initial; } .st1_home .text a.shop:hover { color: #cea45f; } /* end static */ /* footer */ #footer { padding: 0; color: #666; background: #fff; margin-top: 30px; } #footer .footer-container { margin: 0; padding: 0; overflow: visible; box-shadow: none; } #footer .footer-container .footer-top { padding: 58px 0 60px; } #footer .footer-container .footer-top .footer_logo p.info { margin-top: 33px; margin-bottom: 30px; color: #777; font-size: 14px; line-height: 24px; font-weight: normal; } #footer .footer-container .footer-top .footer_logo .payment h1 { margin-bottom: 25px; font-size: 18px; color: #222; text-transform: capitalize; font-weight: 500; } #footer .footer-container .static2-footer .decs p { margin: 0px; line-height: 24px; font-size: 14px; color: #777; } #footer .footer-container .static2-footer .decs p span { color: #222; } #footer .footer-container .static2-footer .decs p.t2 { margin: 25px 0; font-size: 14px; color: #777; } #footer .footer-container .static2-footer .decs p.t2 span { color: #222; } #footer .footer-container .static2-footer .decs p.t3 { font-weight: 500; font-size: 20px; color: #222; } #footer .footer-container .static2-footer .decs p.t3 span { font-size: 14px; font-weight: normal; } #footer .footer-container .footer-bottom { padding: 15px 0; border-top: 1px solid #e9e9e9; display: inline-block; width: 100%; } #footer .footer-container .footer-bottom .copyright { line-height: 24px; color: #999999; font-size: 13px; text-align: left; float: left; } #footer .footer-container .footer-bottom .copyright a { color: #f39200; } #footer .footer-container .footer-bottom .copyright a:hover { color: #222; } #footer .footer-container .footer-bottom .link { float: right; } #footer .footer-container .footer-bottom .link li { display: inline-block; margin: 0 5px; color: #777777; } #footer .footer-container .footer-bottom .link li a { font-size: 13px; color: #777; line-height: 24px; } #footer .footer-container .footer-bottom .link li a:hover { color: #f39200; } #footer .footer-container .footer_static h3 { font-size: 18px; line-height: 20px; font-weight: 500; color: #222222; text-transform: capitalize; position: relative; font-family: 'Rubik', sans-serif; } #footer .footer-container .footer_static p { color: #777777; font-size: 14px; font-weight: normal; margin-bottom: 35px; margin-top: 10px; } #footer .footer-container .footer_block { margin-bottom: 30px; } @media (max-width: 767px) { #footer .footer-container .footer_block { margin-bottom: 15px; } #footer .footer-container .footer_block .title { padding: 0; border: none; } } #footer .footer-container .footer_block h3 { font-size: 18px; line-height: 20px; font-weight: 500; color: #222; cursor: pointer; text-transform: capitalize; position: relative; margin-bottom: 20px; font-family: 'Rubik', sans-serif; } #footer .footer-container .footer_block h3 span.h3 { font-size: 16px; line-height: 20px; font-weight: 500; color: #fff; cursor: pointer; text-transform: capitalize; position: relative; } #footer .footer-container .footer_block ul li a { font-size: 14px; color: #999; font-weight: 300; line-height: 30px; } #footer .footer-container .footer_block ul li a:hover { color: #f39200; padding-left: 11px; transition: 0.3s; } #footer .footer-container .footer_block .navbar-toggler { position: absolute; right: 15px; top: 0; width: auto; height: auto; color: #333333; } #footer .footer-container .footer_block .footer_list { margin-bottom: 15px; background: none; } #footer .footer-container .footer_block .footer_list li { display: block; margin: 0; line-height: 32px; border: 0; padding: 0; } #footer .footer-container .footer_block .footer_list li a { font-size: 14px; line-height: 30px; display: block; position: relative; font-weight: normal; color: #777777; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #footer .footer-container .footer_block .footer_list li a:hover { color: #777; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #footer .footer-container .footer_block #block_contact_infos i { padding-right: 9px; float: left; color: #59b210; line-height: 29px; font-size: 17px; padding-left: 2px; display: block; } #footer .footer-container .footer_block #block_contact_infos a { display: inline-block; padding: 0; } #footer .footer-container .footer_block #block_contact_infos a:before { display: none; } #footer .footer-container .footer_block .payment { margin-top: 15px; } #footer .footer-container .footer_block .payment img { margin: 0; } .product-line-grid-body > .product-line-info > .label:hover { color: #f39200; } ul.link-follow { float: right; text-align: right; padding: 4px 0; } ul.link-follow li { display: inline-block; margin-right: 8px; vertical-align: top; } ul.link-follow li a { position: relative; display: inline-block; vertical-align: top; color: #222; font-size: 0; width: 54px; height: 54px; line-height: 54px; background: #fff; border-radius: 5px; text-align: center; z-index: 1; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } ul.link-follow li a:before { font-size: 20px; background-image: none !important; } ul.link-follow li a span { display: none; } ul.link-follow li a:hover { color: #f39200; border-color: #fff; background: #fff; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); } /* end footer */ /* category page */ @media (max-width: 767px) { #left-column, #content-wrapper, #right-column { width: 100%; } } .name_category { text-align: center; margin-bottom: 40px; display: inline-block; width: 100%; } .name_category h2 { display: inline-block; position: relative; font-size: 30px; font-weight: 700; color: white; margin: 0; line-height: 1; text-transform: uppercase; } #js-product-list-top ul.display { float: left; position: relative; z-index: 1; margin-right: 20px; margin-top: 0px; } @media (max-width: 768px) and (max-width: 991px) { #js-product-list-top ul.display { margin-right: 20px; margin-bottom: 10px; } } #js-product-list-top ul.display li { float: left; cursor: pointer; color: #e2e2e2; margin-right: 0px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #js-product-list-top ul.display li a { font-size: 13px; color: #aaa; text-transform: uppercase; width: 46px; height: 46px; display: inline-block; text-align: center; position: relative; border: 1px solid #f0f0f0; border-radius: 4px; margin-right: 10px; } #js-product-list-top ul.display li a span { display: none; } #js-product-list-top ul.display li a:before { content: ""; display: block; line-height: 0; } #js-product-list-top ul.display li i { display: none; } #js-product-list-top ul.display li:hover, #js-product-list-top ul.display li.selected { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #js-product-list-top ul.display li#grid a:before { background: url(../img/bkg_grid.png) repeat; height: 16px; width: 16px; left: 0; right: 0; margin: 0 auto; top: 14px; position: absolute; text-align: center; } #js-product-list-top ul.display li#grid:hover a { background: #f39200; border-color: #f39200; } #js-product-list-top ul.display li#grid:hover a:before { background: url(../img/bkg_grid_hover.png) repeat; } #js-product-list-top ul.display li#grid.selected a { background: #f39200; border-color: #f39200; } #js-product-list-top ul.display li#grid.selected a:before { background: url(../img/bkg_grid_hover.png) repeat; } #js-product-list-top ul.display li#list { position: relative; border-right: none; margin-right: 0px; } #js-product-list-top ul.display li#list a:before { background: url(../img/bkg_list.png) repeat; left: 0; width: 20px; height: 14px; right: 0; margin: 0 auto; top: 14px; position: absolute; text-align: center; } #js-product-list-top ul.display li#list:hover a { background: #f39200; border-color: #f39200; } #js-product-list-top ul.display li#list:hover a:before { background: url(../img/bkg_list_hover.png) repeat; } #js-product-list-top ul.display li#list.selected a { background: #f39200; border-color: #f39200; } #js-product-list-top ul.display li#list.selected a:before { background: url(../img/bkg_list_hover.png) repeat; } .quickview .modal-content { background: #ffffff; } #js-product-list .product_content { overflow: hidden; position: relative; background: #ffffff; } #js-product-list .product_content.list .js-product-miniature:last-child { margin-bottom: 30px; padding-bottom: 0px; } #js-product-list .product_content.list .js-product-miniature:hover .product_desc .hook-reviews { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #js-product-list .product_content.list .js-product-miniature:hover .product_desc .product-price-and-shipping { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #js-product-list .product_content.list .js-product-miniature:hover .product_desc .product-add-to-cart { opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } @media (min-width: 480px) { #js-product-list .product_content.list .js-product-miniature .row { margin: 0; } } #js-product-list .product_content.list .js-product-miniature .img_block { padding: 0; } #js-product-list .product_content.list .js-product-miniature .product_desc { padding-left: 0; text-align: left; padding-top: 30px; padding-right: 0; padding-bottom: 30px; } @media (max-width: 479px) { #js-product-list .product_content.list .js-product-miniature .product_desc { padding-top: 30px; } } #js-product-list .product_content.list .js-product-miniature .product_desc .desc-list { width: 70%; float: left; padding: 35px 30px 0; border-right: 1px solid #f0f0f0; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list { float: left; width: 30%; padding: 0 20px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .product-price-and-shipping { padding-top: 35px; padding-bottom: 25px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .add-to-links { opacity: 1 !important; position: relative; top: 0; right: 0px; padding: 0px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .add-to-links li { display: inline-block; margin: 0px; width: 46px; height: 46px; line-height: 46px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .add-to-links li a:before { line-height: 46px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .cart { position: relative; opacity: 1 !important; bottom: 0px; margin-bottom: 10px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .cart .product-add-to-cart .button { line-height: 46px; border-radius: 25px; font-size: 16px; } #js-product-list .product_content.list .js-product-miniature .product_desc .product_name { height: auto; line-height: 24px; font-size: 20px; text-transform: capitalize; color: #222222; font-weight: 400; margin-bottom: 17px; } #js-product-list .product_content.list .js-product-miniature .product_desc .product_name:hover { color: #f39200; } #js-product-list .product_content.list .js-product-miniature .product_desc .product-price-and-shipping { text-align: left; width: 100%; } #js-product-list .product_content.list .js-product-miniature .product_desc .product-price-and-shipping .price { font-size: 24px; } #js-product-list .product_content.list .js-product-miniature .product_desc .product-price-and-shipping .regular-price { font-size: 21px; } #js-product-list .product_content.list .js-product-miniature .product_desc .hook-reviews { position: relative; opacity: 1; display: inline-block; float: left; width: 100%; margin: 0px 0 20px; } #js-product-list .product_content.list .js-product-miniature .product_desc .product-desc p { font-size: 14px; color: #777777; line-height: 22px; padding: 0; margin: 15px 0; display: block; font-family: 'Work Sans', sans-serif !important; } #js-product-list .product_content.list .js-product-miniature .product_desc .product-desc p span { line-height: 22px; font-size: 14px !important; color: #777777; font-family: 'Work Sans', sans-serif !important; } #js-product-list .product_content.list .js-product-miniature .product_desc .variant-links { margin-top: 30px; } @media (max-width: 479px) { #js-product-list .product_content.list .js-product-miniature .img_block, #js-product-list .product_content.list .js-product-miniature .product_desc { width: 100%; } } #js-product-list .product_content.grid { margin: 0 -15px; } @media (min-width: 1200px) { #js-product-list .product_content.grid .item-product { width: 20%; } } @media (min-width: 480px) and (max-width: 543px) { #js-product-list .product_content.grid .item-product { width: 50%; } } @media (min-width: 1200px) { #js-product-list .product_content.grid .item-product:nth-child(5n+1) { clear: both; margin-bottom: 35px; } } @media (max-width: 1200px) { #js-product-list .product_content.grid .item-product:nth-child(4n+1) { clear: both; } } @media (min-width: 480px) and (max-width: 991px) { #js-product-list .product_content.grid .item-product:nth-child(2n+1) { clear: both; } } @media (max-width: 479px) { #js-product-list .product_content.grid .item-product { clear: both; } } @media (min-width: 480px) and (max-width: 543px) { #js-product-list .product_content .item-product.grid { float: left; width: 50%; } } /*shop cart*/ .product-price .breadcrumb { margin: 0px; color: #f39200; } /*----*/ .page-cart #header, .page-order #header, .page-order-confirmation #header { margin-bottom: 30px; } .page-index .breadcrumb, .page-my-account .breadcrumb, .page- .breadcrumb, .page-cart .breadcrumb, .page-order-confirmation .breadcrumb { background: none !important; padding: 0 !important; background: none !important; margin-bottom: 0 !important; } .page- #header, .page-my-account #header { margin-bottom: 40px; } .page-module-xipblog-single .breadcrumb_container .breadcrumb { background: none !important; padding: 0px !important; margin: 0px !important; } .breadcrumb { background-size: cover !important; padding: 30px 0 !important; margin-bottom: 30px; background: #f0f0f0 !important; margin-top: -3px; } .breadcrumb_container { overflow: hidden; margin: 0; font-size: 12px; } .breadcrumb_container .breadcrumb-inner ol { padding-left: 0; margin-bottom: 0; } .breadcrumb_container .breadcrumb-inner ol li { display: inline; } .breadcrumb_container .breadcrumb-inner ol li:after { content: "\e876"; font-family: 'Linearicons-Free' !important; color: #727272 !important; margin: 0.3125em; font-size: 13px; } .breadcrumb_container .breadcrumb-inner ol li:last-child a, .breadcrumb_container .breadcrumb-inner ol li:last-child span { color: #1e1e1e; } .breadcrumb_container .breadcrumb-inner ol li:last-child:after { content: ""; } .breadcrumb_container .breadcrumb-inner ol li a { display: inline-block; position: relative; color: #727272 !important; line-height: 25px; font-size: 14px; } .breadcrumb_container .breadcrumb-inner ol li a:hover { color: #f39200; } .breadcrumb_container .breadcrumb-inner[data-depth="1"] { display: none; } .block-category { padding: 0; } .block-category h1.h1 { font-size: 20px; line-height: 20px; font-weight: 500; color: #1e1e1e; text-transform: capitalize !important; margin-bottom: 20px; position: relative; display: block; margin-top: 23px; } .block-category .category-cover { position: relative; margin-bottom: 30px; float: right; right: 0; } .block-category .category-cover img { width: auto; height: auto; } .block-category.card { box-shadow: none; border: 0; min-height: auto; margin: 0; } #products img, .featured-products img, .product-accessories img { margin: 0; } .block-categories, #search_filters { box-shadow: none; background: transparent; margin-bottom: 30px; border: 1px solid #e9e9e9; padding: 25px 19px; border-radius: 4px; } .block-categories a.h6 { font-size: 20px; line-height: 20px; font-weight: 600; color: #222; text-transform: capitalize !important; margin-bottom: 20px; position: relative; display: inline-block; } .block-categories .category-sub-menu { margin: 0; background: #ffffff; } .block-categories .category-sub-menu li { display: inline-block; width: 100%; } .block-categories .category-sub-menu li a { color: #777; } .block-categories .category-sub-menu li a:hover { color: #f39200; } .block-categories .category-sub-menu li span { display: none; } .block-categories .category-sub-menu li[data-depth="0"] > a { font-weight: normal; color: #777777; display: block; font-size: 14px; text-transform: capitalize; line-height: 36px; margin: 0; padding: 0; border: none; } .block-categories .category-sub-menu li[data-depth="0"] > a:hover { color: #f39200; } .block-categories .category-sub-menu li[data-depth="1"] { margin: 0; } .block-categories .category-sub-menu li:last-child a { border-bottom: 0; } .block-categories .category-sub-menu .category-sub-link { font-size: 12px; line-height: 30px; margin: 0; padding: 0 10px; display: block; } .block-categories .collapse-icons { top: 0px; right: 0; height: auto; width: auto; color: #777; } .block-categories .collapse-icons i { font-size: 13px; padding-top: 10px; } .block-categories .collapse-icons i:hover { color: #f39200 !important; } #search_filters_wrapper #search_filters h4 { font-size: 20px; line-height: 20px; font-weight: 600; color: #222; text-transform: capitalize !important; margin-bottom: 20px; position: relative; display: block; } .facet-content { margin-top: 15px; } #search_filters .facet .facet-title { font-size: 20px; line-height: 24px; font-weight: 600; color: #031d5d; text-transform: capitalize !important; margin-bottom: 20px; position: relative; display: block; margin-top: 15px; } #search_filters .facet .collapse { margin: 0; background: #ffffff; } #search_filters .facet .collapse li { line-height: 20px; } #search_filters .facet .custom-checkbox input[type="checkbox"] + span { margin: -3px 3px 0 0; width: 15px; height: 15px; border: 1px #dadada solid; } #search_filters .facet .custom-checkbox input[type="checkbox"] + span.color { border: 0; } #search_filters .facet .facet-label { margin: 5px 0; } #search_filters .facet .facet-label a { color: #333333; font-size: 14px; margin-top: 0; } #search_filters .facet .facet-label a:hover { color: #f39200; } @media (max-width: 767px) { #category #left-column #search_filters .facet .navbar-toggler { padding: 0.625rem 3rem 0 0; } } .products-selection .filter-button .btn-secondary, .products-selection .filter-button .btn-tertiary { box-shadow: none; padding: 4px 15px; border-radius: 4px; } .products-selection .total-products { padding-top: 0; } .products-selection { padding-bottom: 20px; margin-bottom: 30px; display: inline-block; width: 100%; padding: 0; } .products-selection p, .products-selection .sort-by { line-height: 20px; font-size: 14px; padding: 2px; margin: 0; float: left; color: #727272; font-weight: normal; text-transform: capitalize; margin-top: 12px; } .products-selection .products-sort-order .select-title { border: 1px solid #e5e5e5; padding: 2px 15px; line-height: 24px; font-size: 14px; margin: 0; color: #727272; text-align: left; box-shadow: none; margin-top: 7px; } .products-selection .products-sort-order .select-title i { float: right; } .products-selection .products-sort-order .dropdown-menu { background: #fff; border: 1px solid #e1e1e1; right: 15px; left: auto; } .products-selection .products-sort-order .dropdown-menu .select-list { line-height: 24px; font-size: 14px; padding: 3px 15px; } .products-selection .products-sort-order .dropdown-menu .select-list:hover { background: #f39200; } .pagination { font-size: 14px; font-weight: 400; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin: 30px 0; } .pagination a { font-weight: 400; color: #333333; padding: 0 5px; font-size: 14px; } .pagination a i { font-size: 18px; } .pagination a:hover { color: #f39200; } .pagination .disabled { color: #333333; } .pagination .current a { color: #f39200; } .text-muted { margin-bottom: 20px; width: 80%; float: left; } /* end category page */ /* product page */ .h1.namne_details, .product_name_h1 { font-size: 20px; text-transform: capitalize; margin: 0px 0 17px 0; font-weight: 400; color: #222; } .product-prices { margin: 0; } .product-prices .price, .product-prices .current-price span:first-child { font-weight: 600; font-size: 24px; line-height: 24px; color: #222; } .product-prices .price_sale { font-weight: 600; font-size: 24px; line-height: 24px; color: #fe4f19 !important; } .product-discount { display: inline-block; } .product-discount .regular-price { font-weight: 400; font-size: 16px; line-height: 27px; color: #999; } .has-discount.product-price, .has-discount p { font-weight: 700; font-size: 18px; line-height: 30px; display: inline-block; color: #f39200; } .has-discount .discount { font-weight: 700; font-size: 12px; line-height: 41px; color: white; padding: 2px 5px 0; background: #cea45f; } .cart-items .has-discount .discount { padding: 0px 5px 0; border-radius: 0; line-height: 23px; height: 23px; top: 5px !important; position: relative; background: #f39200; color: #222; border-radius: 5px; font-weight: normal; } .product-information { color: #666; font-size: 14px; font-weight: normal; } .product-information .product-desc { border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; } .product-information span { font-size: 14px; } .product-information .product-desc p { line-height: 22px; margin-bottom: 21px; color: #777; } .product-information .product-desc p span { color: #777; font-size: 14px; line-height: 22px; font-family: 'Work Sans', sans-serif !important; } .bootstrap-touchspin, .product-variants > .product-variants-item select { box-shadow: none; } .product-variants > .product-variants-item { margin: 0 0 1.25rem 0; } .product-quantity { display: block; } .product-quantity .qty { margin-right: 10px; } @media (max-width: 360px) { .product-quantity .add { clear: both; margin-top: 10px; } } .product-actions .add-to-cart { position: relative; padding: 0 50px; color: #222; line-height: 45px; height: 45px; font-size: 14px; font-weight: 500; border: 0; background: #f39200; text-transform: capitalize; border-radius: 25px; } .product-actions .add-to-cart:hover { background: #222; color: #fff; } .product-additional-info .panel-product-line a { color: #1e1e1e; font-weight: 500; font-size: 14px; } .product-additional-info .panel-product-line a:hover { color: #f39200; } .reference { font-size: 13px; } #product #block-reassurance { box-shadow: none; margin-top: 20px; } #product #block-reassurance span { font-weight: 400; font-size: 13px; } #product #block-reassurance li .block-reassurance-item { padding: 15px 0; } #product #content { overflow: hidden; max-width: 100%; } #product #content .product-cover .product-flag { display: none; } .product-cover img { box-shadow: none; border: none; } li.product-flag { background: #f39200; color: white; font-size: 12px; padding: 0; min-width: 60px; text-align: center; display: block; z-index: 1; line-height: 30px; border-radius: 20px; font-weight: 500; height: 30px; margin: 0; } .social-sharing li { box-shadow: none; height: auto; width: auto; border-radius: 5px; display: inline-block; background-color: transparent; line-height: 1; } .social-sharing li:hover.facebook a { color: #f39200; } .social-sharing li:hover.twitter a { color: #f39200; } .social-sharing li:hover.googleplus a { color: #f39200; } .social-sharing li:hover.pinterest a { color: #f39200; } .social-sharing li:hover a { color: #ffffff; } .social-sharing li a { display: inline-block; line-height: 1.5; text-align: center; color: #b4b4b4; margin-right: 15px; white-space: normal; text-indent: 0; overflow: hidden; font-size: 0px; padding: 0px; } .social-sharing li a:before { font-family: "FontAwesome"; font-size: 16px; display: inline-block; background: transparent; margin-right: 5px; } .social-sharing li.facebook a:before { content: "\f09a"; } .social-sharing li.twitter a:before { content: "\f099"; } .social-sharing li.googleplus a:before { content: "\f0d5"; } .social-sharing li.pinterest a:before { content: "\f0d2"; } .tabs { box-shadow: none; display: inline-block; width: 100%; margin: 30px 0; padding: 0; position: relative; background: transparent; } .tabs .nav-tabs { border: none; position: relative; display: block; text-align: center; background: #f3f3f3; } .tabs .nav-tabs .nav-item { position: relative; display: inline-block; float: none; margin: 0; } @media (max-width: 600px) { .tabs .nav-tabs .nav-item { width: 100%; border: none; border-bottom: 1px solid #e5e5e5; } .tabs .nav-tabs .nav-item:last-child { border-bottom: none; } } .tabs .nav-tabs .nav-item .nav-link { background: transparent; border: 0; text-transform: uppercase; line-height: 25px; font-weight: 600; color: #ababab; padding: 15px 30px; font-size: 18px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tabs .nav-tabs .nav-item .nav-link span { position: relative; z-index: 1; } .tabs .nav-tabs .nav-item .nav-link:hover, .tabs .nav-tabs .nav-item .nav-link.active { color: #222; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tab-content { overflow: hidden; padding: 30px 0; background: #ffffff; font-size: 14px; background: #ffffff; color: #666; } .product-description p { font-size: 14px !important; color: #777777; line-height: 24px; font-family: 'Work Sans', sans-serif !important; } .product-description p span { line-height: 24px !important; font-family: 'Work Sans', sans-serif !important; color: #777777 !important; font-size: 14px !important; } #tab-content { font-size: 12px; } #tab-content label { font-size: 12px; } #product-modal .modal-content .modal-body .product-images img { max-width: none; border: transparent 3px solid; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #product-modal .modal-content .modal-body .product-images img:hover { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; border-color: #f39200; } #main .images-container .js-qv-mask, #main .images-container .js-qv-mask.scroll, .quickview .images-container .js-qv-mask { max-width: 80%; margin: auto; overflow: visible; margin-bottom: 50px; } .images-container .product-images .owl-item { padding: 0 5px; } .images-container .product-images .owl-nav { position: static; display: block; } .images-container .product-images .owl-nav > div { top: 50%; margin: 0; margin-top: -15px; position: absolute; color: #222; border: none; } .images-container .product-images .owl-nav > div:before { font-size: 35px; } .images-container .product-images .owl-nav > div.owl-prev { left: -30px; } .images-container .product-images .owl-nav > div.owl-next { right: -30px; } .images-container .product-images .owl-nav > div:hover { background: none; } .images-container .product-images .owl-nav > div:hover:before { color: #222 !important; } .thumb-container { margin-top: 15px; } .thumb-container img { width: 100%; height: auto; cursor: pointer; margin: 0; border: 1px solid #f0f0f0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .thumb-container img.selected, .thumb-container img:hover { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; border-color: #f39200; } .modal-content .thumb-container { margin-bottom: 10px; } .product-cover .layer { background: transparent; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .product-cover .layer .zoom-in { color: #f39200; font-size: 4.25rem; } .product-accessories, .categoryproducts { margin-bottom: 80px; } .product-accessories .pos_title, .categoryproducts .pos_title { text-align: left; margin-bottom: 30px; } .product-accessories .owl-nav, .categoryproducts .owl-nav { top: -60px; } .scroll-box-arrows.scroll { display: none; } .img-thumbnail { margin-bottom: 20px; } #product-modal .modal-content .modal-body .product-images img { max-width: 90px; margin: 0; } #product-modal .modal-content .modal-body .image-caption { width: 100%; } #product-modal .modal-content .modal-body .mask { max-height: 410px; } #product-modal .modal-content .modal-body { margin: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .current-price span.discount { width: auto; display: inline-block; height: auto; top: -4px !important; color: #222; font-weight: 400; text-align: center; line-height: 22px; padding: 0 9px; position: relative; background: #f39200; min-width: 46px; text-transform: uppercase; font-size: 12px; z-index: 3; border-radius: 5px; -webkit-border-radius: 5px; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); } .separator { border-top: 1px solid rgba(0, 0, 0, 0.1); } /* responsive */ @media (max-width: 1400px) { #pos_search_top { min-width: 600px; } .pos-corporate-about .col .block-wrapper { padding-left: 60px; } .pos-corporate-about .col .block-wrapper .text-des { font-size: 11px; } .pos-corporate-about .col .block-wrapper .text-des p { font-size: 15px; } .img_modun { text-align: center; } .img_modun .banner-box { display: inline-block; } ul.link-follow li a { width: 45px; height: 45px; line-height: 45px; } ul.link-follow li a:before { font-size: 15px; } .pt_custommenu .pt_menu { padding: 15px 5px; } } @media (max-width: 1199px) { .ma-nav-mobile-container { display: block !important; } .nav-container { display: none; } .grid .js-product-miniature .product_desc .product_name { white-space: nowrap; text-overflow: ellipsis; } #header .header-nav .box-tags p.t1 { padding-left: 15px; margin-right: 15px; } .input-sub { min-width: 480px; } .pt_custommenu .pt_menu .parentMenu a { margin-right: 25px; font-size: 14px; } .pt_custommenu .pt_menu .parentMenu a { font-size: 13px; } #pos_search_top { min-width: 480px; } .desc1 { padding-left: 30px; } .desc1 .title1 { font-size: 40px; } .desc1 .title2 { font-size: 40px; } .desc1 .title3 { color: #666666; font-size: 20px; line-height: 20px; margin: 20px 0 30px; } .desc1 .readmore { margin-top: 10px; } .desc1 .readmore a { font-size: 12px; line-height: 35px; } .pos-corporate-about { grid-template-columns: 50% 50%; } .pos-corporate-about .col { margin-bottom: 10px; } .pos-corporate-about .col:after { display: none; } .pos-corporate-about .col .block-wrapper { padding-left: 75px; } .pos-corporate-about .col:last-child { grid-column: 1 / 3; margin-bottom: 0; } .ft_newsletter .title-newsletter { margin-right: 0px; } .ft_newsletter form { float: left; margin-top: 10px; } .ft_newsletter form .input-wrapper input { width: 600px; } .ft_newsletter form .input-sub { right: 30px; } .pos_title h2 { font-size: 25px; } .pos_title p { font-size: 14px; } .grid .js-product-miniature:last-child { margin-bottom: 30px; } #footer .footer-container .footer-top .footer_logo p.info { margin-bottom: 20px; } .poslistcateproduct .owl-nav { right: -15px; } #js-product-list .product_content.list .js-product-miniature .product_desc .desc-list { width: 100%; border-right: none; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list { width: 100%; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .add-to-links { text-align: left; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .car { width: 50%; } } @media (max-width: 1024px) { #footer .footer-container .footer-top .footer_info .info-link ul li span { display: inherit; } } @media (min-width: 992px) and (max-width: 1024px) { .pos_title h2 { font-size: 18px; } } @media (min-width: 992px) { #product-modal .modal-content .modal-body .product-images { display: inline-block; } .product-images > li.thumb-container { float: left; clear: both; display: inline-block; } } @media (max-width: 991px) { .selector-block { margin: 0 15px; } #header .header-nav .box-tags { margin-top: 10px; display: block; } #header .header-nav .box-tags p { float: none; padding-bottom: 10px; } #header .header-nav .box-tags p.t1 { padding-right: 0px; border-right: 0px; } p.static-menu { float: none; text-align: center; } .desc1 { top: 40%; } .desc1 .title1 { font-size: 30px; display: block; } .desc1 .title2 { font-size: 30px; } .desc1 .title3 { font-size: 15px; line-height: 15px; margin: 10px 0 15px; } .desc1 .readmore { margin-top: 10px; } .desc1 .readmore a { font-size: 12px; line-height: 35px; } .ft_newsletter .title-newsletter { float: none; text-align: center; } .ft_newsletter form { float: none; } .newsletter-before .box1 { width: 100%; } .newsletter-before .box2 { width: 100%; } ul.link-follow { float: none; display: inline-block; margin-top: 10px; } .ft_newsletter form .input-wrapper input { width: 100%; } .ft_newsletter form .input-sub { right: 15px; } .setting_top { float: none; display: inline-block; } .box-footer { margin-bottom: 30px; } #header .header-bottom .nav-container { display: none; } #footer .footer-container .footer-bottom { padding: 15px 0; margin-top: 20px; } #footer .footer-container .footer-bottom .links-bottom { margin-top: 50px; padding-bottom: 40px; } .footer-container .links ul { background: none; width: 100%; } .footer-container .links ul li { padding: 0; border-bottom: none; font-weight: normal; } .owl-dots { display: none; } .slideshow_container .pos-slideshow .nivo-directionNav a { display: none; } .slideshow_container .pos-slideshow .nivo-controlNav { display: none; } .tab_categorys { margin-top: 30px; } #footer .footer-container .footer-top { padding-bottom: 0px; } #header .header-bottom { margin-bottom: 0px; } .home_blog_post_area .blog_slider .item .blog_post { border-bottom: none; } .poslistcategories .owl-nav { display: none !important; } .banner-box { display: inline-block; } #footer .footer-container .links { padding-left: 0px; } .module-not-slider { grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333% !important; } .stati1_home3 { text-align: center; } .stati1_home3 .box2 { margin: 20px 0; } .stati2_home3 { text-align: center; } .stati2_home3 .box1 { margin: 20px 0; } } @media (max-width: 850px) { .tab-category-container-slider .pos_title:before { top: 15px; } .tab-category-container-slider .pos_title h2 { display: inline-block; margin-bottom: 20px; } .tab-category-container-slider .box-tab { position: relative; text-align: left; display: inline-block; width: 100%; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } .footer_static { padding: 0; margin-bottom: 30px; } .footer-top .links { padding: 0px; } .pos_logo { padding: 0px; } .seach-cart { margin-top: 10px; } #pos_search_top { min-width: 100%; margin-top: 20px; } .blockcart .body { right: -100px; top: 40px; } .blockcart,.blockcompte { margin-left: 0px; float: none; display: inline-block; } .wishtlist_Top { float: none !important; } .stati1 { text-align: center; } .stati1 .box2 { margin: 20px 0; } .stati2 .box1 { margin-bottom: 20px; } #footer .footer-container .footer_block .navbar-toggler { padding: 0px; color: #222; } .box-footer { margin-bottom: 0px; } #footer .footer-container .footer-bottom .payment { float: left; margin-top: 20px; } .tags_block .collapse-icons { right: 30px !important; } #footer .footer-container .footer_block .footer_list { margin-top: 0px; } #footer .footer-container .footer-top .footer_info p.info { margin-top: 20px; } .pos-content .owl-nav { display: none; } #footer .footer-container .footer_block .links-footer .tab { margin-top: 30px; } .desc1 { max-width: 100%; } .desc1 .title1 { font-size: 20px; } .desc1 .title2 { font-size: 20px; } .desc1 .title3 { font-size: 13px; } .desc1 .readmore a { font-size: 13px; line-height: 30px; padding: 0px 23px; } .product-tabs-container-slider .title-product h1.text { font-size: 18px; } #footer .footer-container .footer-top .box-footer .blog { padding-right: 0px; } .home_blog_post_area .blog_slider .item .blog_post { border-bottom: 1px solid #ededed; } .home_blog_post_area { margin-bottom: 20px; } .st1_home .text { width: 100%; } #footer .footer-container .footer-bottom .link .follow { margin-top: 15px; float: left; width: 100%; } .advertising { margin-top: 30px; } #category #left-column #search_filters_wrapper { margin: 30px 0 0 0 !important; } #blockcart-modal .divide-right { border-right: none; } .quickview .modal-dialog { margin-top: auto !important; } #blockcart-modal .modal-dialog { margin-top: auto !important; } .owl-nav { border: none; } #footer .footer-container .footer-bottom .copyright { width: 100%; } #footer .footer-container .footer-bottom .link { float: left; margin-top: 20px; } .module-not-slider { grid-template-columns: 50% 50% !important; } .description-list { margin-bottom: 30px; } .stati1_home3 { text-align: center; } .stati1_home3 .box2 { margin: 20px 0; } .stati2_home3 .box1 { margin: 20px 0; } .product-tabs-container-slider ul.tabs_slider li { font-size: 20px; padding: 0 5px; margin: 0 5px; } } @media (max-width: 676px) { .search_top { width: 100%; margin-top: 20px; float: none; } .wishtlist_Top { float: none !important; display: inline-block !important; } .blockcart { float: none !important; display: inline-block !important; } #pos_search_top .form_search .form-group { width: 120px; } #pos_search_top .form_search .form-group .bootstrap-select { width: 120px; } .blockcart .body { right: -40px; } .product-tabs-container-slider .title-product ul.tabs_slider li { font-size: 22px; padding-left: 5px; margin: 0 5px; } #pos_search_top .form_search .form-group { display: none; } #pos_search_top .form_search .form-control { padding-left: 25px; } } @media (max-width: 580px) { .pos-corporate-about { grid-template-columns: 100%; grid-gap: 1px; background: #f0f0f0; border: 0; padding: 1px; } .pos-corporate-about .col { margin: 0; background: #fff; padding: 5px 0; } .pos-corporate-about .col:last-child { grid-column: 1/2; } .product-tabs-container-slider .title-product:before { display: none; } .product-tabs-container-slider .title-product ul.tabs_slider li { width: 100%; display: inline-block; margin-bottom: 5px; } } @media (max-width: 480px) { .product-tabs-container-slider .productTab .img { grid-column: auto; } #js-product-list .product_content.list .js-product-miniature .img_block { padding: 0px 15px; } #js-product-list .product_content.list .js-product-miniature .discount-percentage { left: 35px; } #js-product-list .product_content.list .js-product-miniature .product-flag .new { left: 35px; } #js-product-list .product_content.list .js-product-miniature .add-to-links { right: 35px; } #pos_search_top .form_search .search_submit span { font-size: 12px; vertical-align: 1px; } #pos_search_top .form_search .form-group { width: 100px; } #pos_search_top .form_search .form-group .bootstrap-select { width: 100px; font-size: 11px; padding: 0 5px; } .blockcart .body { right: -10px; } #pos_search_top .form_search .form-control { font-size: 10px; padding: 0 105px 0 20px; } .seach-cart { margin-top: 0px; } .selector-block { padding: 0 7px; margin-bottom: 10px; } .desc1 { top: 55%; } .desc1 .title3 { margin: 0 0 7px; font-size: 12px; } .desc1 .readmore { margin-top: 0px; } .desc1 .readmore a { font-size: 10px; line-height: 25px; padding: 0px 15px; } .ft_newsletter h2 { width: 100%; margin-bottom: 10px; margin-right: 0px; } .blockcart,.blockcompte { float: none; display: inline-block; } .h1.namne_details, .product_name_h1 { width: 100%; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .car { width: 90%; } } @media (max-width: 383px) { #footer .footer-container .footer-bottom .link .App a.Store { display: block; margin: 15px 0; } #footer .footer-container .footer-bottom .link .App a.Google { display: block; } } @media (min-width: 544px) { .modal-dialog { max-width: 700px; } } .quickview .social-sharing { margin: 0; } .pagination .page-list { box-shadow: none; margin: 0px; padding: 0px; margin-top: 13px; } /* end product page */ .back-top { display: block; position: fixed; right: 25px; bottom: 25px; overflow: hidden; z-index: 99; } .back-top a { background: #333333; color: #ffffff; width: 40px; height: 40px; line-height: 40px; display: block; text-align: center; text-decoration: none; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .back-top a:after { content: "\f102"; font-family: "FontAwesome"; font-size: 25px; } .back-top a:hover { color: #f39200; } /* ===== end edit theme ======== */ #main .images-container .js-qv-mask, #main .images-container .js-qv-mask.scroll, .quickview .images-container .js-qv-mask { float: left; width: 19%; margin: 0; margin-right: 20px; } .product-cover { overflow: hidden; position: relative; display: block; border: 1px solid #f0f0f0; border-radius: 4px; } .images-container .product-images .owl-item { padding: 0 5px; } .images-container .product-images .owl-nav { position: static; display: block; border: none; } .images-container .product-images .owl-nav > div { top: 50%; margin: 0; margin-top: 0px; position: absolute; width: 24px; height: 44px; line-height: 44px; border-radius: 0px; background: none; } .images-container .product-images .owl-nav > div:before { font-size: 24px; width: 24px; height: 44px; line-height: 42px; color: #777777; } .images-container .product-images .owl-nav > div.owl-prev { left: 0; right: 0; margin: 0; margin: 0 auto; top: -17px; } .images-container .product-images .owl-nav > div.owl-prev:before { content: "\f3d8"; } .images-container .product-images .owl-nav > div.owl-prev:hover:before { color: #f39200 !important; } .images-container .product-images .owl-nav > div.owl-next { right: 0px; bottom: -20px; top: auto; left: 0; margin: 0 auto; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .images-container .product-images .owl-nav > div.owl-next:before { content: "\f3d8"; } .images-container .product-images .owl-nav > div.owl-next:hover:before { color: #f39200 !important; } .thumb-container img { width: 100%; height: auto; cursor: pointer; margin: 0 0 10px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .thumb-container img.selected, .thumb-container img:hover { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* end custom */ .checkout .text-sm-center a { color: #fff; } .checkout .text-sm-center a:hover { color: #fff; } .text-sm-center { margin: 30px 0; } .text-sm-center a { color: #1e1e1e; } .text-sm-center a:hover { color: #f39200; } .quickview .modal-dialog { margin-top: 100px; } .quickview .images-container .product-cover .product-flag { display: none; } #blockcart-modal .modal-dialog { margin-top: 170px; } .modal-footer p { margin: 0; float: right; line-height: 28px; font-size: 12px; } .modal-footer p a { color: #727272; } .modal-footer .social-sharing { margin: 0; float: left; width: auto; } .cart-summary-products p a { color: #7a7a7a; } .form-ctrol:focus, .input-group.focus { outline: none !important; } .form-control:focus, .input-group.focus { outline: none !important; } .input-group .form-control:focus { outline: none !important; } body#checkout .condition-label .js-terms a { color: #7a7a7a; } body#checkout section.checkout-step .forgot-password a { color: #7a7a7a; } body#checkout section.checkout-step .address-item.selected { border-color: #7a7a7a; } .custom-radio input[type=radio]:checked + span { background-color: #f39200; } .cart-summary-products p a { color: #7a7a7a; } .js-address-form p a { color: #7a7a7a; } body#checkout #header .header-nav { box-shadow: none; background: #fff; padding: 12.5px 0; max-height: none; border: none; border-bottom: 1px solid #ededed; } body#checkout #footer { padding: 0; color: #666; background: #fff; margin-top: 30px; box-shadow: none; } #checkout #search_widget { display: block; } /*wishtlist_Top*/ .wishtlist_Top { display: inline-block; float: right; padding-top: 10px; } .wishtlist_Top .wishtlist_top { display: inline-block; } .wishtlist_Top .wishtlist_top:hover i.lnr { color: #f39200; } .wishtlist_Top .wishtlist_top:hover .groud-wlist span.text { color: #f39200; } .wishtlist_Top .wishtlist_top i.lnr { font-size: 32px; font-weight: 500; color: #fff; } .wishtlist_Top .wishtlist_top .groud-wlist { vertical-align: top; display: inline-block; padding-left: 5px; text-align: left; } .wishtlist_Top .wishtlist_top .groud-wlist span.cart-wishlist-number { display: inline-block; width: 20px; height: 20px; background: #f39200; text-align: center; line-height: 20px; border-radius: 100%; color: #222; font-size: 10px; font-weight: 500; font-family: 'Rubik', sans-serif; } .wishtlist_Top .wishtlist_top .groud-wlist span.text { display: inline-block; width: 100%; color: #999; font-size: 13px; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn:hover, .btn:focus, .btn:active, .btn.active { color: #323232; } #blockcart-modal .modal-header h4 { color: #323232; } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { background: #f39200; color: #323232; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { background: #f39200; color: #323232; } .checkout .text-sm-center a:hover { color: #323232; } .product-line-info .current-price .price { font-size: 18px; font-weight: 600; color: #f39200; } @media (min-width: 1600px) { #header .col-lg-3 { width: 16.67%; } } @media (max-width: 1599px) { #header .col-lg-3 { width: 22%; } } @media (max-width: 991px) { #header .col-lg-3 { width: 100%; } } @media (min-width: 1600px) { #header .col-lg-9 { width: 83.33%; } } @media (max-width: 1599px) { #header .col-lg-9 { width: 78%; } } @media (max-width: 991px) { #header .col-lg-9 { width: 100%; } } .page-best-sales .breadcrumb, .page-new-products .breadcrumb, .page-customer-account .breadcrumb, .page-cms .breadcrumb, .page-contact .breadcrumb, .page-stores .breadcrumb, .page-prices-drop .breadcrumb, .page-sitemap .breadcrumb, .page-manufacturer .breadcrumb { display: none; } .page-best-sales #header, .page-new-products #header, .page-customer-account #header, .page-cms #header, .page-contact #header, .page-stores #header, .page-prices-drop #header, .page-sitemap #header, .page-manufacturer #header { margin-bottom: 40px; } .page-best-sales h2.h2, .page-new-products h2.h2, .page-customer-account h2.h2, .page-cms h2.h2, .page-contact h2.h2, .page-stores h2.h2, .page-prices-drop h2.h2, .page-sitemap h2.h2, .page-manufacturer h2.h2 { margin-bottom: 30px; } #block-reassurance li { border-bottom: 1px solid #f0f0f0; } .input-group .input-group-btn > .btn[data-action=show-password] { line-height: 22px; padding: 8px 10px; } @media (max-width: 400px) { .modal-footer p { width: 100%; float: left; text-align: left; } } @media (min-width: 1600px) { .static_left .banner-box a img { height: 405px; } } body#checkout section.checkout-step { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /*# sourceMappingURL=custom.css.map */ .pt_custommenu .pt_menu .parentMenu a:hover { color: #ffffff; } #header .header-bottom{ display: flex; align-content: center; justify-content: flex-start; } .pt_custommenu .pt_menu{ display: flex; align-items: center; padding: 15px 19px; } .pt_custommenu .pt_menu .parentMenu { font-size: 18px; } #header .logo { max-width: 100% !important; } div#pos_search_top { margin-left: 10%; } #header .header-bottom{ background: #627199; } .pt_custommenu .pt_menu .parentMenu a{ color: #ffffff; } .blockcart,.wishtlist_Top,.blockcompte{ position: relative; left: -9%; margin-left: 15px; } .wishtlist_Top .wishtlist_top .groud-wlist span.text{ display: none; } #pos_search_top .form_search .form-group .bootstrap-select{ font-size: 12px; } .currency-selector-wrapper.selector-block { display: none !important; } .block.titleMeilProdu.ApHtml,.block.titleNewProdu.ApHtml { display: block; height: 330px; background: #627199; box-shadow: 0px 0px 7px 0px #627199; } .block.titleMeilProdu.ApHtml { background: #f39200; box-shadow: 0px 0px 7px 0px #f39200; } .block.titleMeilProdu.ApHtml .block_content ,.block.titleNewProdu.ApHtml .block_content { display: flex; align-items: center; height: 100%; } .titleMeilProdu h3,.titleNewProdu h3 { font-size: 3rem; display: flex; /* margin-top: 25%; */ text-align: center; color: #ffffff; } .js-product-miniature .product-desc { display: none; } .page-home .row.ApRow { margin-top: 60px; } .blockNewProducts h4.title_block { font-size: 26px; line-height: 1.3; text-transform: capitalize; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: top; padding: 0 15px; margin: 0 15px; background: #fff; z-index: 2; position: relative; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; padding-bottom: 16px !important; } .blockNewProducts:before { content: ""; background: #e9e9e9; width: 100%; height: 1px; position: absolute; top: 4%; left: 22%; } .CategoryName:before { top: 27%; left: 23%; } .tab-category-container-slider ul.tab_cates li .border-thumb { display: none; } .product-tabs-container-slider.product_block_container.pos-content { display: none; } .conten-box:first-child .tab-category-container-slider,.conten-box:first-child .static2_home3, .conten-box:first-child .pos-corporate-about,.conten-box:first-child .poslistcateproduct,.conten-box:first-child .static3_home3 { display: none; } .js-product-miniature .product-price-and-shipping, .js-product-miniature .product_desc{ text-align: center !important; } .js-product-miniature .cart{ left: 23%; } #products-list .js-product-miniature .cart { left: 12%; } .owl-theme .owl-controls .owl-buttons div{ background: #f4c37d !important; color: #fff !important; } .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background: rgb(98 113 153) !important; } @media (min-width: 1200px) { #js-product-list .product_content.grid .item-product { width: 25%; margin-bottom: 35px; clear: none !important; } } #footer .footer-container .footer_block .col-md-6.wrapper:last-child ul { width: 250%; } #footer .footer-container .footer_block .col-md-6.wrapper:last-child ul li { display: inline-block !important; width: 49%; } .tab-category-container-slider .pos_title,.title_block,.poslistcateproduct .pos_title li a{ color: #0f2865 !important; } .pt_custommenu .pt_menu .popup .block1 .column .itemMenuName:after { content: ""; /* border-bottom: 21px solid; */ background: #627199; width: 60px; height: 3px; display: block; position: absolute; top: 28px; } .pt_custommenu .pt_menu .popup .block1 .column .itemMenuName { color: #f3960a; } #footer .footer-container .footer-top .footer_logo p.info, #footer .footer-container .footer-top .footer_logo .payment{ display: none; } .setting_top { right: 20%; border-right: 1px solid #fff; } #header .header-nav .social_med, #header .header-nav .menuTop_comp { /* display: inline-block; */ position: relative; /* font-size: 13px; */ text-transform: capitalize; cursor: pointer; float: right; /* padding-right: 15px; */ left: 10%; top: 0; } #header .header-nav .menuTop_comp ul li { display: inline-flex; padding: 0 11px; border-right: 1px solid #fff;} #header .header-nav .menuTop_comp ul li a { color: #ffffff; } #header .header-nav .social_med li { display: inline; font-size: 14px; padding: 10px; } #search_filters .facet .facet-label a span.magnitude { opacity: 0; } .pt_custommenu .pt_menu.act .parentMenu a, .pt_custommenu .pt_menu.active .parentMenu a:before{ color: #fff; } .images-container .product-images .owl-item { width: 100% !important; } #footer .footer-container .footer-bottom .link{ display: none; } #footer .footer-container .footer-bottom .copyright{ float: right !important; } #footer .footer-container .footer-top{ padding: 58px 0 0 !important; } .blockCategorytest .img_block { position: relative !important; overflow: hidden !important; width: 40%; float: right; } section.featured-products.clearfix.mt-3{ display: none; } .logo img { width: 82% !important; } .blockCategorytest .manufacturer { display: none !important; } .js-product-miniature .product_desc .manufacturer { margin-bottom: 10px; display: flex; align-content: center; justify-content: center; } .pt_custommenu .pt_menu .parentMenu{ text-align: center; } .detalBti { min-height: 450px; /* border: 1px solid #627199; */ box-shadow: 0px 0px 5px 0px #ccc; border-radius: 5px; padding: 10px; display: grid; align-content: center; align-items: center; justify-content: center; } .detalBti li { font-size: 19px; line-height: 48px; } #header .header-nav .social_med li i.fa.fa-facebook { color: #fff; } #header .header-nav .social_med li i.fa.fa-instagram { color: #fff; } .block.map.ApRawHtml iframe { display: flex; align-content: center; align-items: center; height: 530px; } div#js-product-list .products.row.product_content.list .manufacturer { position: absolute; top: 11%; right: 11%; width: 60px; } div#js-product-list .products.row.product_content.list .product-desc{ display:block; text-align: justify; } #js-product-list .product_content.grid .item-product{ height: 456px; margin-bottom: 70px !important; } body#checkout #header .header-nav, #header .header-nav{ padding: 12.5px 90px; } .slideshow_container .pos-slideshow .nivo-controlNav{ opacity: 0; } .pos_bannerslide { margin: 0; } .pos_bannerslide .conten-box{ padding: 0; } .product_desc .hook-reviews{ opacity: 0; } .ApImage { display: block; position: relative; } .ApImage:before, .ApImage:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 900ms ease 0s; } .ApImage:hover:before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 50%; top: 50%; } .ApImage:hover:after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; left: 51%; right: 50%; } .pt_custommenu .pt_menu .popup{ top: 50px !important; } table._payment_cheque { border-collapse: separate; border-spacing: 4px; width: 100%; margin: 0 0 3px; background: #fff; } ._payment_cheque th { color: #627199; } ._payment_cheque tr td { padding: 5px 10px; font-size: 12px; border-top: 1px solid #f0f0f0; background: #f0f0f0; text-align: center; } .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { flex: none; margin: 0; font-size: 14px; } .product-features>dl.data-sheet dt.name { width: 20% !important; font-weight: 700; background: #f0f0f0; } .product-features>dl.data-sheet dd.value { width: 80%; background-color: #f9f9f9; } .tabs .nav-tabs .nav-item .nav-link{ font-weight: normal !important; } .js-product-miniature .product_desc .manufacturer img { width: 80%; } .blockNewProducts:before{ opacity: 0; } .discount-percentage{ padding: 4px 15px; font-size: 16px; } .pt_custommenu .pt_menu .parentMenu a{ font-size: 17px; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list{ margin-top: 7%; } #js-product-list .product_content.list .js-product-miniature .product_desc .desc-list,div#js-product-list .products.row.product_content.list .product-desc > div{ border: none !important; } #search_filters .ui-widget-header { background: #f39406; } .products.row.product_content.list .item-product { height: 350px; } .nav-tabs{ padding: 20px 0px; } .product-quantities { display: none; } section.product-features:last-child { display: none; } .pos_title:before{ opacity: 0; } .col.col-lg-8.col-md-12.col-xs-12.box-footer { width: 80%; } .col-xs-12.col-md-4.col-lg-6.footer_static { width: 33%; } .col.col-lg-4.col-md-12.col-xs-12.footer_block { width: 20%; } #footer .footer-container .footer_block ul li a { color: #777777; font-size: 14px; line-height: 30px; display: block; position: relative; font-weight: normal; } .conten-box:first-child .tab-manufacturers-container-slider { display: none; } .tab-category-container-slider .pos_title:before { opacity: 1; width: 55%; left: 21%; } .owl-theme .owl-controls{ display: block !important; } .product-images.js-qv-product-images.owl-carousel.owl-theme .owl-wrapper{ width: 100% !important; } .product-images.js-qv-product-images.owl-carousel.owl-theme .owl-item img{ display: inline; width: 20%; } #main .images-container .js-qv-mask, #main .images-container .js-qv-mask.scroll, .quickview .images-container .js-qv-mask { float: none; width: 100%; margin: 0; margin-right: 0; display: flex; align-items: center; justify-content: center; justify-items: center; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .cart { left: 0; } #js-product-list .product_content.list .js-product-miniature{ height: 100%; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list .add-to-links { position: absolute; top: 77%; left: 74%; } #js-product-list .product_content.list .js-product-miniature .product_desc .right-list, #js-product-list .product_content.list .js-product-miniature .product_desc, #js-product-list .product_content.list .js-product-miniature .row{ height: 100%; } .products-selection .products-sort-order .select-title { display: inline-block; width: 100%; cursor: pointer; border: none; font-size: 14px; border-radius: 25px; color: #fff; background: #627199; padding: 6px 20px; } .product-line-grid-right .product-price{ color: #f39200; line-height: 36px; font-size: 18px; } footer ul.link-follow { float: left; text-align: right; padding: 4px 0; left: 25%; position: absolute; } #js-product-list .product_content table._payment_cheque{ display: none; } .product-manufacturer .img { width: 98px; } .imgnormal img { height: auto !important; } .itemMenu.level5 { margin-left: 20px; } /*****************/ #header .header-bottom { background: #082160; } #pos_search_top .form_search .form-group{ width: 163px; } #pos_search_top .form_search .form-group .bootstrap-select{ width: 170px; } .pt_custommenu .pt_menu{ border-right: 1px solid rgb(255 255 255 / 58%) !important; } #header, #header .header-top { background-color: #082160; } #header .header-top { padding-top: 12.5px !important; padding-bottom: 15.5px !important; } #header .header-nav{ border: none !important; } .carousel.slide { display: none; } .row.ApRow.slider { margin-top: 0; padding: 0; } .row.ApRow.slider .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.col-sp-12.ApColumn { padding: 0; } .blockcompte{ display: none; } div#pt_menu158 { border: none !important; } div#pt_menu158 a{animation: color-change 1s infinite;} @keyframes color-change { 0% { color: white; } 50% { color: #f39200; } 100% { color: white; } } .block .image_description { position: absolute; top: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .block .image_description .textImage { font-size: 56px; color: #f39406; font-weight: bold; } .block .image_description .textImage span { color: #fff; } .row.ApRow.divmobil { margin-top: 0; } body#checkout #header .header-nav, #header .header-nav { padding: 0 90px; } #header .header-top { padding-top: 0 !important; padding-bottom: 0 !important; } .pt_custommenu .pt_menu{ padding: 0px 19px; padding-bottom: 5px; } #js-product-list span#product-availability,.js-product-miniature span#product-availability { display: block; text-align: center; } .product-flag li.out_of_stock { display: none; } .advertising{ display: none; } .menu_mobile_icon{ display: none; } .pagination .col-md-6.offset-md-2.pr-0 { display: flex; } div#image-form_13584218496742788 { margin: 0; margin-top: -40px; } .products-sort-order a.select-title.perpage-selector.ellipsis { font-family: 'Work Sans', sans-serif !important; letter-spacing: 0px; display: inline-block; width: 100%; cursor: pointer; border: none; font-size: 14px; border-radius: 25px; color: #fff; background: #627199; padding: 10px 20px; } .blockBotiq.desktop{ display: block; } .blockBotiq.mobile{ display: none; } .blockBotiq .block img { vertical-align: middle; width: 100%; height: 400px; } .blockBotiq .titleBlock { text-align: center; margin-bottom: 45px; } .blockBotiq .titleBlock h3 { font-size: 30px; text-transform: uppercase; color: #f39200; } .blockBotiq .titleBlock h3 span { color: #082160; } .blockBotiq .block { background: #082160; padding: 13px 0; border-radius: 0 0 5px 5px; height: 520px; display: grid; align-items: center; } .blockBotiq .block .title { color: #fff; text-align: center; font-size: 29px; text-transform: uppercase; padding: 9px 56px; line-height: 38px; } .blockBotiq .block .descp { text-align: center; color: #fff; text-transform: uppercase; font-size: 17px; } .blockBotiq2 img { vertical-align: middle; width: 100%; height: auto; } .blockBotiq2 .block img { height: 260px; margin-bottom: 15px; } .blockBotiq2 .titleBlock { text-align: center; } .blockBotiq2 .titleBlock h3 { font-size: 30px; text-transform: uppercase; color: #f39200; } .blockBotiq2 .titleBlock h3 span { color: #082160; } .blockBotiq2 .block { background: #fff; display: grid; align-items: center; } .blockBotiq2 .block .title { color: #082160; text-align: center; font-size: 20px; text-transform: uppercase; } .blockBotiq2 .blockLogo { height: 260px; display: flex; align-items: center; } .blockBotiq2 .blockLogo { height: 260px; display: flex; align-items: center; } .js-product-miniature .cart span.ajax_add_to_cart_button.disabled { font-size: 14px; position: relative; width: 100%; box-shadow: none; cursor: pointer; vertical-align: top; color: #fff; background: #f39406; border-radius: 18px; border: none !important; padding: 10px 12px; line-height: 36px; } .js-product-miniature .cart span.ajax_add_to_cart_button.disabled i.fa.fa-shopping-cart { display: none; } .blockcart:hover .body,.blockcart .body:hover{ display: block !important; } .newsletter-before ul.link-follow li a { color: #fff; background: #ffffff !important; border-radius: 51% !important; } .products-selection .filter-button .btn-secondary { background: #f39200; } section.categoryproducts { display: none; } /**********mobile*************/ @media (max-width: 480px) { .page-home .row.ApRow{ margin-top: 30px !important; } #header .header-top { padding: 0 !important; } #header .header-nav .box-tags p { font-size: 12px; padding: 0; display: inline-flex; margin: 0 !important; margin-bottom: 10px !important; } #header .header-nav { border: none !important; padding-left: 0; padding-right: 0; margin-bottom: 0; } #header .logo { max-width: 100% !important; margin-bottom: 0 !important; } .col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12{ width: 100% !important; } #footer .footer-container .footer_block,#footer .footer-container .box-footer{ width: 100% !important; } .setting_top{ left: 47% !important; } #header .header-nav .menuTop_comp { top: 0; left: -38%; } .row.ApRow.divmobil > div:last-child { display: none; } .blockNewProducts h4.title_block { font-size: 20px; } .ApImage img{ height: auto !important; } .blockCategorytest .js-product-miniature .cart { left: 8%; } #header .header-nav .social_med { left: 0; top: 0; } .blockcart, .wishtlist_Top, .blockcompte { position: initial; } input#pos_query_top::placeholder { font-size: 11px !important; } #products-list .js-product-miniature .cart { left: 30%; } #js-product-list .product_content.grid .item-product{ height: auto; } .ma-nav-mobile-container { display: block !important; width: 100%; margin-left: auto; } .owl-theme .owl-controls .owl-buttons { position: absolute; top: -50px !important; right: 0; } .col-xs-12.col-md-4.col-lg-6.footer_static { width: 100%; } .footer_logo img.img-responsive { width: 100%; } .static2-footer .material-icons { right: 14px; position: absolute; } .static2-footer i.material-icons.remove { display: none; } div#pos_search_top { margin-left: 0%; } #header .header-nav{ display: none; } #header .col-lg-3 { width: 60%; padding-left: 13%; } .blockcart, .wishtlist_Top, .blockcompte{ position: absolute; width: auto; top: -83%; right: -93%; } .blockcart,.blockcompte { right: -57%; } .blockcart .header a:before{ font-size: 37px; margin-left: 5px; } .blockcart .header a .item_count{ height: 15px; min-width: 15px; line-height: 17px; } .wishtlist_Top { padding-top: 18px; } .wishtlist_Top .wishtlist_top i.lnr { font-size: 20px; } .wishtlist_Top .wishtlist_top .groud-wlist{ position: relative; top: -10px; left: -14px; } .wishtlist_Top .wishtlist_top .groud-wlist span.cart-wishlist-number{ width: 15px; height: 15px; line-height: 17px; } .blockcompte i.fa.fa-user { font-size: 30px !important; color: #fff; } .blockcompte { right: -92%; margin-top: 13px; z-index: 999999; position: absolute; top: -93%; } .carousel.slide .direction { display: none; } .carousel.slide { display: block; width: 110%; margin: 0; margin-left: -5%; } #pos_search_top .form_search{ height: 40px; width: 90%; border-radius: 8px; } #pos_search_top .form_search .form-control{ height: 40px; } #pos_search_top .form_search .search_submit{ height: 42px; border-radius: 0 8px 8px 0; } div#pos_search_top { margin-left: 6%; } .row.ApRow.divmobil .col-sm-4.col-xs-4.col-sp-4.col-md-4.col-lg-4.col-xl-4.ApColumn { margin-top: -13px; } .row.ApRow.divmobil { margin-top: 24px; } .row.ApRow.slider{ display: none; } .js-product-miniature .product_desc { margin: 0 !important; padding: 0 !important; position: absolute; bottom: 0; } .js-product-miniature .img_block{ padding: 0; } .js-product-miniature .product_desc .product_name{ font-size: 9px; line-height: 1; } .blockCategorytest .js-product-miniature .cart{ display: none; } .blockCategorytest .img_block { width: 100%; height: 120px; display: flex; justify-content: center; } .js-product-miniature .img_block img{ height: 120px; width: auto; } .js-product-miniature{ height: 220px; } } @media (max-width: 767px) { .blockcompte i.fa.fa-user { font-size: 30px !important; color: #fff; } .blockcompte { right: -92%; margin-top: 13px; z-index: 999999; position: absolute; top: -83%; } #header .header-top { padding: 0 !important; } #header .header-nav .box-tags p { font-size: 12px; padding: 0; display: inline-flex; margin: 0 !important; margin-bottom: 10px !important; } #header .header-nav { border: none !important; padding-left: 0; padding-right: 0; margin-bottom: 0; } #header .logo { max-width: 100% !important; margin-bottom: 0 !important; } .col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12{ width: 100% !important; } #footer .footer-container .footer_block,#footer .footer-container .box-footer{ width: 100% !important; } .setting_top{ left: 47% !important; } #header .header-nav .menuTop_comp { top: 0; left: -38%; } .blockNewProducts h4.title_block { font-size: 20px; } .ApImage img{ height: auto !important; } .blockCategorytest .js-product-miniature .cart { left: 8%; } #header .header-nav .social_med { left: 0; top: 0; } .blockcart, .wishtlist_Top,.blockcompte { position: initial; } input#pos_query_top::placeholder { font-size: 11px !important; } #products-list .js-product-miniature .cart { left: 30%; } #js-product-list .product_content.grid .item-product{ height: auto; } .ma-nav-mobile-container { display: block !important; width: 100%; margin-left: auto; } .owl-theme .owl-controls .owl-buttons { position: absolute; top: -50px !important; right: 0; } .col-xs-12.col-md-4.col-lg-6.footer_static { width: 100%; } .footer_logo img.img-responsive { width: 100%; } .static2-footer .material-icons { right: 14px; position: absolute; } .static2-footer i.material-icons.remove { display: none; } div#pos_search_top { margin-left: 0%; } #header .header-nav{ display: none; } #header .col-lg-3 { width: 60%; padding-left: 13%; } .blockcart, .wishtlist_Top,.blockcompte { position: absolute; width: auto; top: -83%; right: -93%; } .blockcart,.blockcompte { right: -57%; } .blockcart .header a:before{ font-size: 37px; margin-left: 5px; } .blockcart .header a .item_count{ height: 15px; min-width: 15px; line-height: 17px; } .wishtlist_Top { padding-top: 18px; } .wishtlist_Top .wishtlist_top i.lnr { font-size: 20px; } .wishtlist_Top .wishtlist_top .groud-wlist{ position: relative; top: -10px; left: -14px; } .wishtlist_Top .wishtlist_top .groud-wlist span.cart-wishlist-number{ width: 15px; height: 15px; line-height: 17px; } .carousel.slide .direction { display: none; } .carousel.slide { display: block; width: 110%; margin: 0; margin-left: -5%; } #pos_search_top .form_search{ height: 40px; width: 90%; border-radius: 8px; } #pos_search_top .form_search .form-control{ height: 40px; } #pos_search_top .form_search .search_submit{ height: 42px; border-radius: 0 8px 8px 0; } div#pos_search_top { margin-left: 6%; } .row.ApRow.divmobil .col-sm-4.col-xs-4.col-sp-4.col-md-4.col-lg-4.col-xl-4.ApColumn { margin-top: -13px; } .row.ApRow.divmobil { margin-top: 24px; } .row.ApRow.slider{ display: none; } .js-product-miniature .product-desc { display: none; } .js-product-miniature .product_desc .product-desc p{ display: block; } /*.js-product-miniature .img_block { width: 49%; float: left; } .js-product-miniature .product_desc { width: 49%; float: right; } .js-product-miniature { display: flex; align-items: center; }*/ .js-product-miniature .product_desc .product-desc p:nth-child(2) { display: none; } div#image-form_13189866701560038 { display: none; } .js-product-miniature .cart { opacity: 1; bottom: 4px !important; left: auto; } .js-product-miniature:hover .product_desc .product-price-and-shipping { opacity: 1; } .js-product-miniature .cart .product-add-to-cart .button{ font-size: 11px; padding: 0 5px; } .productTabCategorySlider .owl-item{ width: 186px !important; } .js-product-miniature{ max-height: 485px; } div#js-product-list .js-product-miniature { height: auto; margin-bottom: 10px; display: inline-block; min-height: 490px; } div#js-product-list .js-product-miniature .img_block { width: 50%; float: left; margin-top: 25%; } div#js-product-list .js-product-miniature .product-desc { display: block; } #header .header-bottom { background: #082160; position: absolute; top: 0; z-index: 99999999; left: -100%; opacity: 0; } .menu_mobile_icon { display: block; position: absolute; top: 26px; left: 14px; z-index: 99999999999; width: 40px; height: 40px; padding-top: 8px; } .menu_mobile_icon i { font-size: 24px; color: #fff; } .header_logo a { position: relative; left: 37px; display: block; z-index: 9999999 !important; } ul#pt_custommenu_itemmobile { display: block !important; } #header .header-bottom.active { transform: translateX(100%); opacity: 1; animation-name: munShow; animation-duration: 1s; } @keyframes munShow { 0% {transform: translateX(-100%);} 100% {transform: translateX(100%);} } .pt_custommenu_mobile .navbar .navbar-inner .btn-navbar { display: none; } #header .header-top{ padding-bottom: 15px !important; } #products-list .js-product-miniature .cart { left: 14%; position: absolute; bottom: 86px !important; } .blockBotiq.desktop{ display: none; } .blockBotiq.mobile{ display: block; } .blockBotiq.mobile .col-md-6 { width: 49%; display: inline-flex; padding: 0; } .blockBotiq.mobile .block{ height: 366px; width: 100%; display: block; } .blockBotiq.mobile .block img{ width: auto; height: auto; } .blockBotiq.mobile .block .title{ padding: 9px 0; font-size: 20px; line-height: 29px; } .blockBotiq.mobile .block .descp { font-size: 11px; } .blockBotiq2{ display: none; } .wishtlist_Top .wishtlist_top { display: none !important; } .blockCategorytest .img_block{ width: 100%; } .js-product-miniature .product-price-and-shipping{ margin-top: -15px; } .banner-box { display: inline-block; width: 100%; margin-bottom: 31px; } .blockCategorytest .owl-theme .owl-controls .owl-buttons{ right: 37% !important; } .js-product-miniature .product-price-and-shipping { margin-bottom: 26px; } .js-product-miniature .cart span.ajax_add_to_cart_button.disabled{ font-size: 11px; padding: 10px 9px; } .productTabCategorySlider .owl-item { width: 4% !important; } .js-product-miniature .product_desc { margin-bottom: 25px; } .js-product-miniature .cart{ bottom: 19px !important; } .pagination .col-md-6.offset-md-2.pr-0 { display: block; } .products-sort-order { color: #7a7a7a; margin-top: 18px; } .blockcompte { display: block !important; right: -87% !important; } .blockcart.cart-preview { z-index: 9999999 !important; width: 75px; left: 60%; } .blockcompte{ width: 55px; left: 84%; padding: 0; margin: 0; top: -60%; } .blockcart .body { left: -331px; right: 0; } .menu_mobile_icon i.time { position: absolute; left: 780%; display: block; width: 30px; background: #f39200; padding: 0; text-align: center; font-size: 28px; padding-right: 0; border-radius: 28px; line-height: 26px; height: 30px; top: -15px; } .ma-nav-mobile-container{ width: 120%; } div#js-product-list .js-product-miniature .product_desc .manufacturer{ display: flex; } div#js-product-list .js-product-miniature .cart .product-add-to-cart .button{ display: block; } .js-product-miniature span#product-availability,.js-product-miniature .product_desc .manufacturer,.js-product-miniature .cart .product-add-to-cart .button { display: none; } .js-product-miniature { height: 320px; } .products-selection .filter-button { padding-left: 0; top: 12px; } .js-product-miniature .product_desc { margin: 0 !important; padding: 0 !important; position: absolute; bottom: 0; } .js-product-miniature .img_block{ padding: 0; } .js-product-miniature .product_desc .product_name{ font-size: 9px; line-height: 1; } .blockCategorytest .js-product-miniature .cart{ display: none; } .blockCategorytest .img_block { width: 100%; height: 120px; display: flex; justify-content: center; } .js-product-miniature .img_block img{ height: 120px; width: auto; } .js-product-miniature{ height: 220px; } .page-home .row.ApRow .ApColumn { margin: 0; padding: 0; } .js-product-miniature .cart,.tab-category-container-slider .item-product .js-product-miniature:last-child, .block.products_block.exclusive.appagebuilder.products_block.blockCategorytest.block.ApProductCarousel .item article:last-child { display: none; } #js-product-list .js-product-miniature .product_desc { padding: 18px 15px 30px !important; padding-bottom: 0 !important; position: relative; } #js-product-list .js-product-miniature .product_desc a.product_name { font-size: 15px; line-height: 22px; } .block.products_block.ApProductCarousel { margin-bottom: -30px; max-height: 280px; } .owl-pagination { display: none; } div#js-product-list .js-product-miniature{ min-height: 290px; } .row.ApRow.divmobil > div:last-child { display: none; } }